.op-mark{width:48px;height:48px;object-fit:contain;background:transparent;border-radius:12px;flex:none}.app .brand,.op-preview-brand,.op-top-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}.app .brand b,.op-preview-brand b,.op-top-brand b{font-size:18px;line-height:1.15;display:block;white-space:nowrap}.app .brand small,.op-preview-brand small,.op-top-brand small{display:block;font-size:10px;letter-spacing:.07em;margin:4px 0 0;color:inherit;opacity:.85}.app .brand .op-mark{width:50px;height:50px}.app .brand{cursor:pointer}.op-home-mark{width:88px;height:88px;object-fit:contain;background:transparent;border-radius:22px;flex:none}.nursery-home-heading:has(.op-home-mark){display:flex;flex-wrap:wrap}.nursery-home-heading:has(.op-home-mark)>div:first-of-type{flex:1;min-width:160px}.op-top-brand{display:none}.op-preview-brand .op-mark{width:42px;height:42px}.design-preview-heading{flex-wrap:wrap}.op-portal-brand{display:flex;align-items:center;gap:14px;margin:12px 0 20px}.op-portal-brand img{width:76px;height:76px;object-fit:contain;border-radius:18px;background:transparent}.op-portal-brand strong{display:block;font-size:clamp(20px,4vw,28px);color:#542763}.op-portal-brand small{display:block;margin-top:4px}.op-powered{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;margin:20px 0}.op-powered img{width:30px;height:30px;border-radius:7px}.op-entry-page{background:linear-gradient(135deg,#f8eef9,#f4f9ef)!important}.op-entry-page a{color:#76398d}.op-entry-page :is(button,.button){background:#773894}.op-entry-page :is(input,select):focus{outline-color:#c8eaa9}.op-entry-page .op-portal-brand{border-bottom:3px solid #9bcb70;padding-bottom:18px}
.op-cloud-title{display:flex!important;align-items:center;gap:9px;font-size:15px}.op-cloud-title img{width:36px;height:36px;background:transparent;object-fit:contain;border-radius:9px}.op-cloud-title small{display:block;font-size:11px;font-weight:500}.op-cloud-title>span{display:block}
html[data-palette=openpollinated]{--bloom-surface:#24172e;--bloom-raised:#493057;--bloom-line:#9065a0;--bloom-accent:#b9e57e;--bloom-ink:#fff4fc;--bloom-muted:#debfdf}html[data-palette=openpollinated] .app.library-mode aside{background:linear-gradient(120deg,#3d2451,#29452f);border-bottom:3px solid #c968c6}html[data-palette=openpollinated] .top{background:linear-gradient(110deg,#432954,#263d2b);color:#fff4fc}html[data-palette=openpollinated] :is(.nursery-home-heading){background:linear-gradient(112deg,#692781,#85428b 50%,#38582d)!important}html[data-palette=openpollinated] .app.library-mode #bottom{background:linear-gradient(#3c2948,#271b31);border-color:#9365a4}html[data-palette=openpollinated] .app.library-mode :is(#nav,#bottom) button.active{background:linear-gradient(#edb4e8,#c677c7);color:#34203f}html:not([data-theme=sunlight]) [data-theme-choice=openpollinated]{background:linear-gradient(115deg,#db76d1,#8553af 55%,#80c455)!important;color:white!important}html[data-palette=openpollinated] .app a{color:#dfb9f0}
@container(max-width:650px){.op-top-brand{display:flex;flex:1}.app .top{gap:8px;flex-wrap:wrap}.op-top-brand .op-mark{width:40px;height:40px}.op-top-brand b{font-size:16px}.op-top-brand small{font-size:9px}.nursery-home-heading:has(.op-home-mark){display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}.op-home-mark{width:64px;height:64px;border-radius:15px}.nursery-home-heading:has(.op-home-mark)>div:first-of-type{min-width:0}.nursery-home-heading .nursery-home-quick-actions{grid-column:1/-1}}@media(max-width:600px){.op-preview-brand b{font-size:16px}.op-preview-brand small{font-size:10px}.op-preview-brand .op-mark{width:36px;height:36px}.op-portal-brand img{width:60px;height:60px}.op-portal-brand strong{font-size:21px}}

/* Persistent workspace identity, independent of the selected screen theme. */
html[data-nursery-mode=practice]{--op-workspace-color:#652a80;--op-workspace-edge:#bd89d3}
html[data-nursery-mode=personal]{--op-workspace-color:#28633f;--op-workspace-edge:#85c49c}
html[data-nursery-mode] :is(.design-preview-toolbar,.cloud-bar,.app .top,.app.library-mode aside){background:var(--op-workspace-color)!important;color:#fff!important;border-color:var(--op-workspace-edge)!important}
html[data-nursery-mode] #device .app.library-mode aside{background:var(--op-workspace-color)!important;color:#fff!important;border-color:var(--op-workspace-edge)!important}
html[data-nursery-mode] :is(.op-preview-brand,.op-top-brand,.app .brand,.app.library-mode aside .nursery,.app.library-mode aside .nursery span){color:#fff!important}
html[data-nursery-mode] .op-preview-brand :is(span,b,small){color:#fff!important}
html[data-nursery-mode] :is(.design-preview-heading a,.design-preview-note,.design-preview-note>span,.cloud-bar #cloud-status,.cloud-bar a){color:#fff!important}
html[data-nursery-mode] .design-preview-note button{color:#fff!important;border-color:#ffffff80}
html[data-nursery-mode] .op-mode-label{font-weight:700;opacity:1;letter-spacing:.03em}
html[data-nursery-mode] .app.library-mode aside .brand{margin-right:12px}
html[data-nursery-mode] .cloud-bar:is([data-status=error],[data-status=conflict],[data-status=auth]){border-bottom:3px solid #ffca80!important}
html[data-nursery-mode] .cloud-bar:is([data-status=error],[data-status=conflict],[data-status=auth]) #cloud-status{color:#ffe2b7!important;font-weight:700}

/* Shared navigation artwork and colors across phone, tablet and desktop. */
#device .app :is(#nav,#bottom) button[data-nav-color]{--phone-nav-soft:#fff1d4;--phone-nav-ink:#654408;--phone-nav-edge:#eca830;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--phone-nav-soft)!important;color:var(--phone-nav-ink)!important;border:1px solid transparent!important;border-radius:15px 15px 7px 7px;box-shadow:none!important;font-weight:700}
#device .app :is(#nav,#bottom) button[data-nav-color=Home]{--phone-nav-soft:#ffe4e9;--phone-nav-ink:#6b1e35;--phone-nav-edge:#ed6685}
#device .app :is(#nav,#bottom) button[data-nav-color=Plants]{--phone-nav-soft:#def8e9;--phone-nav-ink:#124b2c;--phone-nav-edge:#31b66b}
#device .app :is(#nav,#bottom) button[data-nav-color=Calendar]{--phone-nav-soft:#e0f4ff;--phone-nav-ink:#154e6b;--phone-nav-edge:#30a5db}
#device .app :is(#nav,#bottom) button[data-nav-color=Sales]{--phone-nav-soft:#f1e7ff;--phone-nav-ink:#4a286e;--phone-nav-edge:#9a65e4}
#device .app #nav button[data-nav-color=Reports]{--phone-nav-soft:#ffedce;--phone-nav-ink:#69440c;--phone-nav-edge:#e6a139}
#device .app #nav button[data-nav-color=Labels]{--phone-nav-soft:#d9f7f1;--phone-nav-ink:#185a54;--phone-nav-edge:#36b8a6}
#device .app #nav button[data-nav-color=Setup]{--phone-nav-soft:#e6eaff;--phone-nav-ink:#35447e;--phone-nav-edge:#8391de}
#device .app :is(#nav,#bottom) button[data-nav-color].active{border-color:var(--phone-nav-edge)!important;box-shadow:inset 0 -4px 0 var(--phone-nav-edge)!important;background:white!important}
#device .app :is(#nav,#bottom) .phone-nav-symbol{display:block;flex:none;margin:0;line-height:1}
#device .app :is(#nav,#bottom) .phone-nav-symbol svg{display:block;width:100%;height:100%;overflow:visible}
#device .app :is(#nav,#bottom) .phone-nav-label{display:block;line-height:1.15;margin:0;color:inherit}
#device .app :is(#nav,#bottom) button[data-nav-color]:focus-visible{outline:3px solid var(--phone-nav-edge)!important;outline-offset:2px}
#device .app aside:has(#nav){flex-wrap:wrap}
#device .app aside>.brand,#device .app aside>.nursery{flex:0 0 auto}
#device .app #nav{flex:1 1 440px;min-width:0;align-items:center;gap:5px}
#device .app #nav button[data-app-nav]{width:auto;min-width:0;min-height:44px;padding:7px 10px;margin:2px 0;font-size:12px;white-space:nowrap}
#device .app #nav .phone-nav-symbol{width:24px;height:24px}
#device .app #nav .phone-nav-label{font-size:12px}
#device .app #bottom button[data-phone-nav]{flex-direction:column;gap:3px;padding:5px 2px;margin:0 2px;min-height:62px}
#device .app #bottom .phone-nav-symbol{width:29px;height:29px}
#device .app #bottom .phone-nav-label{font-size:11px}

/* Dark flower surfaces connect the working screens to Home. */
html[data-theme=dark] .app{--ink:#fff4fc;--muted:#dac8e3;--line:#725587;--paper:#251a31;background:linear-gradient(140deg,#281b35,#172e2c)!important;color:var(--ink)}
html[data-theme=dark] :is(.app.library-mode,.library-dialog){--ink:#fff4fc;--muted:#dac8e3;--line:#725587;--paper:#251a31;background:linear-gradient(140deg,#281b35,#172e2c)!important;color:var(--ink)}
html[data-theme=dark] :is(.card,.settings-panel,.commerce-panel,.nursery-label-workspace){background:#34233f!important;color:#fff4fc;border-color:#77578d!important}
html[data-theme=dark] :is(.app,dialog) :is(input,select,textarea){background:#261b31!important;color:#fff4fc!important;border-color:#8a6b9d!important}
html[data-theme=dark] :is(.app,dialog) :is(h1,h2,h3){color:#fff4fc;text-shadow:none}
html[data-theme=dark] #device .app :is(#nav,#bottom) button[data-nav-color]{background:color-mix(in srgb,var(--phone-nav-edge) 20%,#261b31)!important;color:#fff4fc!important;border-color:color-mix(in srgb,var(--phone-nav-edge) 70%,#261b31)!important}
html[data-theme=dark] #device .app :is(#nav,#bottom) button[data-nav-color].active{background:color-mix(in srgb,var(--phone-nav-edge) 45%,#261b31)!important;color:white!important}
.nursery-reports-tabs[hidden]{display:none!important}
.nursery-report-picker{display:block;max-width:560px;margin:12px 0 20px;font-size:14px}.nursery-report-picker select{display:block;margin-top:6px;width:100%;min-height:46px}
.nursery-layout-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px;width:100%}.nursery-layout-controls label{flex:1 1 180px;max-width:400px}.nursery-layout-controls select{margin-top:6px}
.more-list button[data-menu-nav]{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;background:linear-gradient(120deg,#493059,#254744);color:#fff4fc;border-color:#9d75b1}.more-list .phone-nav-symbol{display:block;width:32px;height:32px;flex:none}.more-list svg{width:100%;height:100%}
html[data-theme=dark] dialog{background:#2c1e37;color:#fff4fc;border-color:#9b73af}

.nursery-report-picker select[hidden]{display:none!important}
[data-report-group=Sales]{--report-color:#dc8dff;--report-bg:#392446}
[data-report-group=Plants]{--report-color:#7de2a1;--report-bg:#1c3b2a}
[data-report-group=Customers]{--report-color:#78d0ff;--report-bg:#20394c}
[data-report-group=Accounting]{--report-color:#ffd078;--report-bg:#48351c}
.nursery-report-menu{margin-top:6px}.nursery-report-menu>summary{padding:13px 16px;border:2px solid var(--report-color);border-radius:11px;background:var(--report-bg);color:#fff;cursor:pointer;font-weight:700}
.nursery-report-menu-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0;max-height:65dvh;overflow:auto}
.nursery-report-menu-options section{min-width:0;padding:10px;border:1px solid var(--report-color);border-top:5px solid var(--report-color);border-radius:10px;background:var(--report-bg)}
.nursery-report-menu-options h3{color:var(--report-color)!important;margin:0 0 7px;font-size:17px}
.nursery-report-menu-options button{display:block;width:100%;text-align:left;white-space:normal;min-height:42px;margin:4px 0;padding:8px;background:#ffffff0e!important;color:#fff!important;border-color:transparent!important}
.nursery-report-menu-options button[aria-current=true]{border-color:var(--report-color)!important;background:#ffffff25!important}
.nursery-report-menu-options button:focus-visible,.nursery-report-menu>summary:focus-visible{outline:3px solid var(--report-color);outline-offset:2px}
@media(max-width:600px){.nursery-report-menu-options{grid-template-columns:1fr}}

.invoice-supply-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.invoice-supply-line{border-top:3px solid #8e64ad;margin-top:16px;padding-top:12px;display:grid;gap:10px}.supply-invoice-form [data-invoice-preview] img,.supply-invoice-form iframe{width:100%;max-height:65vh;object-fit:contain}.supply-invoice-form iframe{height:60vh;border:1px solid #816694}.supply-invoice-form [data-invoice-review]{border-top:3px solid #7edca6;margin-top:18px;padding-top:14px}@media(max-width:650px){.invoice-supply-grid{grid-template-columns:1fr}.supply-invoice-form [data-invoice-preview]{max-height:240px;overflow:auto}.supply-invoice-form iframe{height:220px}}
