
:root{--bg:#07110e;--panel:#0e1d17;--panel2:#13271e;--text:#f5f8f6;--muted:#9fafaa;--accent:#91e95f;--warn:#ffcf66;--bad:#ff8f85;--info:#8ec5ff;--line:rgba(255,255,255,.11);--line2:rgba(145,233,95,.32);--shadow:0 24px 65px rgba(0,0,0,.28);--field-bg-dark:#d8f7c7;--field-text-dark:#102015;--field-border-dark:rgba(42,112,55,.24);--field-placeholder-dark:#526b58;--field-bg-light:#f5fbf2;--field-text-light:#102015;--field-border-light:rgba(28,104,49,.30);--field-focus:#91e95f}
html[data-theme="light"]{--bg:#f5f8f6;--panel:#fff;--panel2:#eaf3ed;--text:#102219;--muted:#63756b;--accent:#2f9852;--warn:#8b6200;--bad:#a63838;--info:#27689c;--line:rgba(12,50,30,.13);--line2:rgba(47,152,82,.3);--shadow:0 22px 58px rgba(35,70,50,.12);--field-focus:#2f9852}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column}.logo img{width:145px}.nav{display:grid;gap:5px;margin-top:26px}.nav button{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer}.nav button.on{background:rgba(145,233,95,.11);color:var(--text)}.railBottom{margin-top:auto;display:grid;gap:8px}.railBottom select,.theme{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.workspace{min-width:0}.top{height:72px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);padding:0 24px;display:flex;align-items:center;gap:16px}.top h1{font:28px Georgia,serif;margin:0}.crumb{font-size:11px;letter-spacing:.1em;color:var(--muted)}.profilePill{margin-left:auto;border:1px solid var(--line2);border-radius:999px;padding:8px 12px;background:rgba(145,233,95,.07)}.top>.contextPill{margin-left:0;flex:0 1 auto;min-width:0;max-width:270px;white-space:normal;line-height:1.3;text-align:center;display:inline-flex;align-items:center;justify-content:center}.content{padding:24px;max-width:1600px}.page{display:none}.page.on{display:block}.headline{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.headline h2{font:46px/1 Georgia,serif;margin:0}.headline p{color:var(--muted);max-width:820px}.btn{padding:10px 14px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:780;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn.primary{background:var(--accent);color:#07110b;border-color:transparent}.btn.warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent);color:var(--warn)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{border:1px solid var(--line);border-radius:19px;background:var(--panel);padding:18px}.card h3{font:27px Georgia,serif;margin:5px 0 11px}.card p{color:var(--muted)}.metric small,.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.metric strong{display:block;font:30px Georgia,serif;margin-top:5px}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.good{background:rgba(145,233,95,.1);color:var(--accent)}.status.warn{background:rgba(255,207,102,.09);color:var(--warn)}.status.info{background:rgba(142,197,255,.09);color:var(--info)}.field{display:grid;gap:6px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mtc-field-help{font-size:12px;color:var(--muted);line-height:1.4}.why.mtc-field-help{border-left:2px solid var(--line2);padding-left:9px;margin-top:5px}.mtc-input,.mtc-select,.mtc-textarea,.workspace :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea),.accountDialog :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea){width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--field-border-dark);border-radius:11px;background:var(--field-bg-dark);color:var(--field-text-dark);font:inherit;font-size:16px;line-height:1.35;accent-color:var(--accent);color-scheme:light;transition:border-color .15s,box-shadow .15s,background-color .15s}.mtc-textarea,.workspace textarea,.accountDialog textarea{min-height:108px;resize:vertical}.mtc-input::placeholder,.mtc-textarea::placeholder,.workspace :where(input,textarea)::placeholder,.accountDialog :where(input,textarea)::placeholder{color:var(--field-placeholder-dark);opacity:1}.mtc-select,.workspace select,.accountDialog select{padding-right:36px;cursor:pointer}.mtc-input:hover,.mtc-select:hover,.mtc-textarea:hover,.workspace :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea):hover,.accountDialog :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea):hover{border-color:rgba(42,112,55,.48)}.mtc-input:focus-visible,.mtc-select:focus-visible,.mtc-textarea:focus-visible,.workspace :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea):focus-visible,.accountDialog :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea):focus-visible{outline:3px solid var(--field-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--field-focus) 22%,transparent)}.mtc-input:disabled,.mtc-select:disabled,.mtc-textarea:disabled,.workspace :where(input,select,textarea):disabled,.accountDialog :where(input,select,textarea):disabled{background:#cbd6c5;color:#53614f;border-color:#aab6a4;cursor:not-allowed;opacity:1}.mtc-field-error{display:flex;gap:6px;align-items:flex-start;color:var(--bad);font-size:12px;font-weight:650}.mtc-field-error::before{content:"!";display:inline-grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1}.mtc-field [aria-invalid=true]{border-color:var(--bad)!important}.mtc-field [aria-invalid=true]:focus-visible{outline-color:var(--bad)}.mtc-field{display:grid;gap:6px;min-width:0;align-content:start}.field{align-content:start}.mtc-segmented{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 4px}.mtc-segmented-option{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:8px 12px;border:1px solid var(--field-border-dark);border-radius:999px;background:var(--field-bg-dark);color:var(--field-text-dark);cursor:pointer;font-size:14px;font-weight:650;transition:background-color .15s,border-color .15s,box-shadow .15s}.mtc-segmented-option input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.mtc-segmented-option:has(input:checked){background:var(--accent);border-color:var(--accent);color:#102015}.mtc-segmented-option:focus-within{outline:3px solid var(--field-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--field-focus) 22%,transparent)}.mtc-segmented-option:has(input:disabled){background:#cbd6c5;color:#53614f;border-color:#aab6a4;cursor:not-allowed}.formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.result{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg)}.result small{color:var(--muted)}.result strong{display:block;font:24px Georgia,serif;margin-top:5px}.math{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);padding:12px;border:1px dashed var(--line);border-radius:10px;margin-top:10px}.chem{display:grid;grid-template-columns:1.1fr .7fr .7fr .8fr 1.2fr;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.chem:last-child{border-bottom:0}.tool{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--bg)}.tool strong{font-size:18px}.coachSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.coachStep{border:1px solid var(--line);border-radius:13px;padding:12px}.coachStep b{display:block;color:var(--accent);font-size:11px;letter-spacing:.08em}.why{font-size:12px;color:var(--muted);border-left:2px solid var(--line2);padding-left:9px;margin-top:5px}.evidenceRow{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.evidenceRow:last-child{border-bottom:0}.sourceList a{display:block;color:var(--accent);padding:5px 0}.noteGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.noteCard{border:1px solid var(--line);border-radius:14px;padding:13px}.noteCard label{font-weight:760}.noteCard .why{min-height:36px}.noteCard .mtc-input,.noteCard .mtc-select,.noteCard .mtc-textarea{margin-top:0}.noteControlRow{display:flex;align-items:stretch;gap:6px}.noteControlRow>.mtc-input{min-width:0}.clearInput{flex:0 0 44px;min-width:44px;min-height:44px;border:1px solid var(--line2);border-radius:11px;background:var(--panel2);color:var(--text);font-size:23px;line-height:1;cursor:pointer}.clearInput:hover{border-color:var(--accent);color:var(--accent)}.mtc-segmented-field{min-width:0;margin:0}.mtc-segmented-field legend{float:none;width:auto;padding:0;font-weight:760}.mtc-segmented-option{margin-top:0}.mtc-segmented-option span{white-space:nowrap}.mtc-segmented-field .mtc-field-help{margin-top:2px}.journalEntry{padding:14px;border-bottom:1px solid var(--line)}.journalEntry:last-child{border:0}.journalEntry .meta{font-size:11px;color:var(--muted)}.callout{border:1px solid var(--line2);background:rgba(145,233,95,.06);border-radius:16px;padding:15px;margin:12px 0}.callout.warn{border-color:rgba(255,207,102,.35);background:rgba(255,207,102,.06)}.callout.bad{border-color:rgba(255,143,133,.35);background:rgba(255,143,133,.05)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.iframeWrap{height:70vh;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.iframeWrap iframe{width:100%;height:100%;border:0}.hidden{display:none!important}
@media(max-width:1100px){.app{grid-template-columns:1fr}.rail{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.railBottom{display:flex}.grid4,.formGrid{grid-template-columns:1fr 1fr}.grid3,.grid2,.split{grid-template-columns:1fr}.coachSteps{grid-template-columns:1fr 1fr}.chem{grid-template-columns:1fr 1fr}.noteGrid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.content{padding:14px}.headline{flex-direction:column;align-items:flex-start}.headline h2{font-size:38px}.grid4,.grid3,.formGrid,.resultGrid,.coachSteps,.noteGrid{grid-template-columns:1fr}.chem{grid-template-columns:1fr}.profilePill{display:none}}

/* V10.1 fast-path + guided/compact + AI-ready */
.quickWrap{position:relative}
.quickMenu{position:absolute;right:0;top:48px;width:260px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);padding:7px;z-index:80}
.quickMenu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:10px 11px;border-radius:9px;cursor:pointer}
.quickMenu button:hover{background:var(--panel2)}
.modePill{display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px}
.modePill button{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:8px;cursor:pointer;font-weight:760}
.modePill button.on{background:var(--accent);color:#07110b}
.subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 16px}
.subtabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 11px;border-radius:999px;cursor:pointer}
.subtabs button.on{background:rgba(145,233,95,.1);border-color:var(--line2);color:var(--text)}
.subpanel{display:none}.subpanel.on{display:block}
.guidance{display:block}
body.compact-mode .guidance{display:none}
body.compact-mode .why:not(.critical){display:none}
body.compact-mode .callout:not(.warn):not(.bad){display:none}
body.compact-mode .card.compact-hide{display:none}
.aiGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.aiMode{border:1px solid var(--line);border-radius:18px;padding:17px;background:var(--panel)}
.aiMode h3{font:27px Georgia,serif;margin:7px 0}
.aiMode p{color:var(--muted)}
.aiMode.recommended{border-color:var(--line2);background:rgba(145,233,95,.05)}
.aiRules{display:grid;gap:8px;margin-top:12px}
.aiRule{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.aiStatus{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(145,233,95,.1);color:var(--accent);font-weight:800;font-size:11px}
@media(max-width:900px){.aiGrid{grid-template-columns:1fr}.quickMenu{left:0;right:auto}.modePill{order:2}}
@media(max-width:1100px){.app{grid-template-columns:minmax(0,1fr)}.rail{width:100%;min-width:0}.nav{width:100%;max-width:100%;min-width:0}}
@media(max-width:650px){.top{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 14px;gap:8px}.top>div:first-child{flex:1 0 100%}.quickWrap{order:3;margin-left:auto}.quickMenu{max-width:calc(100vw - 28px)}.syncControls{order:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.syncControls .profilePill{display:inline-flex;max-width:100%;white-space:normal;margin-left:0}}
.syncControls{display:flex;align-items:center;gap:8px;margin-left:auto}.syncControls .profilePill{margin-left:0}.syncControls .btn{min-height:42px}
.accountDialog{width:min(680px,calc(100vw - 28px));max-height:min(85vh,760px);overflow:auto;border:1px solid var(--line2);border-radius:18px;padding:22px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}
.accountDialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
.accountDialog h2{font:32px Georgia,serif;margin:0 42px 12px 0}.accountDialog p{color:var(--muted)}.dialogClose{float:right;border:0;background:transparent;color:var(--text);font-size:28px;cursor:pointer}
.accountActions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.accountActions .btn.warn{color:var(--bad)}
.accountError{padding:10px 12px;border:1px solid var(--bad);border-radius:10px;color:var(--bad)!important}.accountMessage{padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.conflictCard{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}.conflictCard h3{overflow-wrap:anywhere}.conflictCard pre{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:var(--bg);border-radius:8px}

:root{--field-surface:var(--field-bg-dark);--field-ink:var(--field-text-dark);--field-border-color:var(--field-border-dark);--field-placeholder:var(--field-placeholder-dark)}
html[data-theme="light"]{--field-surface:var(--field-bg-light);--field-ink:var(--field-text-light);--field-border-color:var(--field-border-light);--field-placeholder:#526b58}
.mtc-input,.mtc-select,.mtc-textarea,.app :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea),.accountDialog :where(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea){background:var(--field-surface);color:var(--field-ink);border-color:var(--field-border-color)}
.mtc-input::placeholder,.mtc-textarea::placeholder,.app :where(input,textarea)::placeholder,.accountDialog :where(input,textarea)::placeholder{color:var(--field-placeholder)}
.mtc-segmented-option{background:var(--field-surface);color:var(--field-ink);border-color:var(--field-border-color)}
.mtc-segmented-option:has(input:checked){background:var(--accent);border-color:var(--accent);color:#102015}
.noteCard .mtc-input,.noteCard .mtc-select,.noteCard .mtc-textarea{background:var(--field-surface);color:var(--field-ink);border-color:var(--field-border-color)}
.noteCard .mtc-segmented-option input{width:1px;height:1px;margin:0;padding:0;border:0;background:transparent}
.app input[type=checkbox],.accountDialog input[type=checkbox]{accent-color:var(--accent)}
.status{white-space:normal;line-height:1.35}
#recipeOutput .status{align-self:flex-start;flex:0 1 320px;max-width:min(320px,100%);justify-content:center;padding:9px 12px;text-align:center;overflow-wrap:anywhere}
@media(max-width:900px){.top>.contextPill{max-width:230px}}
@media(max-width:650px){.top>.contextPill{display:none}}

.ops-create{margin-bottom:14px}
.ops-create summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}
.ops-form,.ops-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.ops-form label,.ops-filters label{display:grid;gap:5px;align-content:start;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.ops-form .wide{grid-column:span 2}
.ops-form button{align-self:end}
.ops-filters{grid-template-columns:repeat(4,minmax(130px,1fr));align-items:end;margin:14px 0}
.ops-notice:empty{display:none}
.ops-notice{border:1px solid var(--line2);border-radius:12px;background:var(--panel);padding:10px 13px;margin-bottom:12px;color:var(--muted)}
.ops-notice.error{border-color:var(--bad);color:var(--bad)}
.ops-list,.location-view{min-width:0}
.ops-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ops-table{width:100%;border-collapse:collapse;min-width:760px}
.ops-table th,.ops-table td{padding:10px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.ops-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.ops-table tr:last-child td{border-bottom:0}
.ops-table td button{min-height:44px}
.ops-actions{display:flex;gap:6px;flex-wrap:wrap}
.ops-actions button{padding:7px 9px}
.ops-empty{padding:18px;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
.ops-detail{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ops-detail .card{min-width:0;overflow-wrap:anywhere}
.ops-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 9px;margin:8px 0}
.ops-detail dt{color:var(--muted)}.ops-detail dd{margin:0}
.ops-tabs{margin-top:15px}.ops-tabs button{min-height:44px}
.ops-bulk{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:10px 0}
.ops-bulk label{display:flex;align-items:center;gap:7px;min-height:44px}
.ops-bulk select{min-width:230px}
.ops-metrics{margin:12px 0}
.rack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.rack-card{min-width:0}
.rack-shelf{border-top:1px solid var(--line);padding:9px 0}
.rack-shelf-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.rack-slots{display:grid;grid-template-columns:repeat(var(--slot-columns,6),minmax(38px,1fr));gap:6px;margin-top:8px}
.slot{position:relative;min-width:0;min-height:48px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--muted);cursor:pointer;padding:5px 3px;text-align:center;font-size:11px;overflow-wrap:anywhere}
.slot.occupied{background:rgba(145,233,95,.14);color:var(--text);border-style:solid}
.slot.due{border-style:dashed;border-color:var(--warn)}
.slot.flagged{border:2px solid var(--bad)}
.slot.selected{outline:3px solid var(--accent);outline-offset:2px}
.slot.empty{border-style:dashed}
.rack-room,.rack-name{margin:2px 0 8px}
.location-records{display:grid;gap:8px}
.location-row{display:grid;grid-template-columns:32px minmax(140px,1.3fr) repeat(4,minmax(90px,1fr)) minmax(90px,.8fr);align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);min-width:0}
.location-row>span{overflow-wrap:anywhere}
.location-row.header{font-size:11px;font-weight:800;color:var(--muted)}
.location-row .ops-actions{grid-column:2/-1}
.location-row input[type=checkbox]{min-width:20px;min-height:20px}
.ops-3d-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:12px;align-items:start}
#threeHost{min-width:0;min-height:460px;height:min(58vh,650px);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);touch-action:none}
#threeHost canvas{display:block;width:100%;height:100%;touch-action:none}
#threeSelection{min-height:120px}
.ops-legend{padding:9px 12px;color:var(--muted);font-size:12px;line-height:1.6}
.ops-history{margin-top:14px}
.ops-history ol{padding-left:22px}.ops-history li{padding:5px 0;color:var(--muted)}
.ops-history time{color:var(--text);font-weight:700}
.ops-dashboard a{display:block;color:inherit;text-decoration:none}
.ops-dashboard a:focus-visible,.slot:focus-visible,.ops-table button:focus-visible,.location-row button:focus-visible{outline:3px solid var(--field-focus);outline-offset:2px}
.hidden{display:none!important}
@media(max-width:1100px){.rail{position:relative;top:auto;height:auto}.nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.nav button{min-height:44px}.railBottom{grid-template-columns:1fr 1fr;margin-top:12px}}
@media(max-width:800px){.ops-form,.ops-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.location-row{grid-template-columns:30px minmax(120px,1fr) repeat(2,minmax(80px,1fr))}.location-row>*:nth-child(n+5){display:none}.ops-3d-wrap{grid-template-columns:1fr}#threeHost{height:440px}.ops-filters{gap:8px}}
@media(max-width:600px){.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.nav button{padding:8px 9px;font-size:13px}.railBottom{grid-template-columns:1fr}.ops-form,.ops-filters{grid-template-columns:minmax(0,1fr)}.ops-form .wide{grid-column:auto}.ops-detail{grid-template-columns:1fr}.ops-bulk{align-items:stretch}.ops-bulk label,.ops-bulk select,.ops-bulk button{width:100%}.rack-slots{grid-template-columns:repeat(var(--slot-columns,4),minmax(40px,1fr))}.location-row{grid-template-columns:28px minmax(0,1fr) minmax(90px,.7fr);font-size:12px;padding:8px}.location-row>*:nth-child(n+4){display:none}.location-row .ops-actions{grid-column:2/-1;display:flex!important}.ops-table{min-width:760px}#threeHost{height:360px;min-height:340px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plant-picker-field{position:relative}.plant-combobox{position:relative;display:grid;gap:8px}.plant-results{position:absolute;z-index:50;top:44px;left:0;right:0;max-height:min(48vh,360px);overflow:auto;padding:6px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.plant-results[hidden]{display:none}.plant-results [role=option]{display:block;width:100%;min-height:44px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.plant-results [role=option]:hover,.plant-results [role=option][aria-selected=true]{background:var(--panel2);outline:2px solid var(--field-focus);outline-offset:-2px}.plant-results [role=option] span{color:var(--muted);font-size:12px}.plant-no-results{padding:10px;color:var(--muted)}.plant-record-actions,.plant-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.plant-protocol-notice{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--line2);background:var(--panel2);border-radius:8px}.archived-plants{margin-top:10px;color:var(--muted)}.archived-plant{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.plant-editor{width:min(560px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--line2);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.plant-editor::backdrop{background:rgba(0,0,0,.58)}.plant-editor form{display:grid;gap:12px}.plant-editor h2{margin:0;font:30px Georgia,serif}.plant-editor p{margin:0;color:var(--muted)}.plant-editor label,.journal-search{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.plant-duplicate-message{color:var(--warn)!important}.journal-search{max-width:520px;margin:0 0 14px}
.plant-results{position:static;top:auto;left:auto;right:auto}
.plant-selector-help{font-size:12px;color:var(--muted);line-height:1.4}
.plant-results [data-add-plant-option]{position:sticky;bottom:0;margin-top:5px;border-top:1px solid var(--line);background:var(--panel);color:var(--accent);font-weight:800;text-align:left}
.plant-results [data-add-plant-option]:focus-visible{outline:3px solid var(--field-focus);outline-offset:2px}
.rack-setup-intro h3{margin:4px 0;font:25px Georgia,serif}
.rack-setup-intro p{margin:4px 0 12px;color:var(--muted)}
.rack-capacity-preview{grid-column:1/-1;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);font-weight:800}
.ops-create[open] .ops-form{margin-top:12px}
.slot{display:grid;align-content:center;gap:1px;line-height:1.15}
.slot-number{position:absolute;top:3px;right:4px;color:var(--muted);font-size:8px;font-weight:700}
.slot-id{font-weight:850;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slot-plant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.slot-stage{font-size:9px;font-weight:750}
.slot-empty-mark,.slot-empty-label{font-size:9px;color:var(--muted)}
.slot.overlay-stage.stage-initiation{background:color-mix(in srgb,#8ec5ff 20%,var(--panel));border-color:#8ec5ff}
.slot.overlay-stage.stage-multiplication{background:color-mix(in srgb,#91e95f 20%,var(--panel));border-color:#91e95f}
.slot.overlay-stage.stage-rooting{background:color-mix(in srgb,#c69bff 22%,var(--panel));border-color:#c69bff}
.slot.overlay-stage.stage-acclimatization{background:color-mix(in srgb,#ffcf66 22%,var(--panel));border-color:#ffcf66}
.slot.overlay-attention.attention-due{background:color-mix(in srgb,#ffcf66 24%,var(--panel));border-color:var(--warn)}
.slot.overlay-attention.attention-overdue,.slot.overlay-attention.attention-flagged{background:color-mix(in srgb,#ff8f85 24%,var(--panel));border-color:var(--bad)}
.slot.overlay-attention.attention-normal{background:color-mix(in srgb,#91e95f 17%,var(--panel));border-color:var(--accent)}
.rack-card .rack-shelf-head span{font-size:12px;color:var(--muted);white-space:nowrap}
.rack-card .ops-actions{margin:8px 0}
.rack-slots{grid-template-columns:repeat(var(--slot-columns,6),minmax(0,1fr))}
.rack-view-legend{display:grid;gap:3px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:12px}
.rack-view-legend strong{color:var(--text)}
@media(max-width:600px){.rack-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.slot{min-height:48px;padding:4px 2px}.slot-plant,.slot-stage{font-size:8px}}
