:root{--ink:#293b34;--muted:#82907b;--line:#e4e9df;--paper:#f7f8f4;--green:#346652;--mint:#e8f0e9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:9px 15px;color:var(--ink);background:#fff;cursor:pointer;transition:.18s}button:hover{background:#f1f5ed;border-color:#b9cbbd}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 9px #345e4110}button.primary:hover{background:#285340}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,tr:focus-visible{outline:3px solid #85aa94;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #86ac94;outline-offset:1px}.icon{width:20px;height:20px;display:block;flex-shrink:0}[data-icon]{display:inline-flex}h1,h2,h3,p{margin-top:0}h2{font-size:17px;font-weight:650}.muted{color:var(--muted)}.eyebrow{color:#78917f;font-size:10px;letter-spacing:2px;font-weight:650}.primary .icon{width:18px;height:18px}.text-btn{padding:0;border:0;background:none;color:var(--green)}.text-btn:hover{background:none;color:#223e2f}
.sidebar{width:226px;background:#edf2e9;border-right:1px solid #e0e7dc;position:fixed;inset:0 auto 0 0;padding:34px 20px 24px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:3px;color:#81917e}.brand-icon{background:var(--green);color:#fff;border-radius:13px;width:42px;height:44px;align-items:center;justify-content:center;box-shadow:0 4px 10px #34665214}.brand-icon .icon{width:26px;height:26px}.lab-label{font-size:11px;color:#7c8c76;padding:21px 0 25px;border-bottom:1px solid #dbe3d5}.nav-label{font-size:11px;letter-spacing:1px;color:#98a18f;margin:25px 12px 11px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav{width:100%;justify-content:flex-start;padding:13px 14px;gap:13px;border:0;background:transparent;color:#70836d;font-size:14px}.nav em{font-style:normal;white-space:nowrap}.nav .icon{width:19px;height:19px}.nav.active{background:var(--green);color:#fff;box-shadow:0 5px 12px #355f4115}.nav b{font-size:10px;font-weight:500;margin-left:auto;background:#dae5d5;padding:1px 6px;border-radius:5px;color:#607657}.nav.active b{background:#ffffff24;color:white}.side-note{margin-top:auto;padding:17px 13px 0;border-top:1px solid #dbe3d5;font-size:12px;color:#57714f}.side-note p{font-size:11px;color:#8a977f;line-height:1.9;margin:9px 0 12px}.side-note button{font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#739b69;margin-right:7px;box-shadow:0 0 0 3px #75995413}
main{margin-left:226px;padding:0 38px 26px;max-width:1900px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#8b9685}header b{font-weight:500;color:#52664d}header .muted{margin:0 12px;color:#b1baab}.lab-pill{font-size:10px;letter-spacing:1.5px;padding:5px 10px;border:1px solid #dce4d5;border-radius:6px;color:#6d825f}.heading{display:flex;align-items:center;justify-content:space-between;padding:33px 0 26px;gap:20px}h1{font-size:32px;font-weight:650;line-height:1.3;letter-spacing:1px;margin:8px 0 9px}.title-dot{display:inline-block;width:7px;height:7px;background:#a6b68a;border-radius:50%;margin-left:9px}.heading p{font-size:12px;color:#83907b;margin:0}.heading .primary{padding:12px 19px;font-size:13px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat{border:1px solid var(--line);border-radius:17px;background:#fff;padding:17px 20px 15px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:12px;color:#7e8d75}.stat-mark{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#769068;background:#f0f4eb}.stat-mark .icon{width:17px;height:17px}.stat-number{display:flex;align-items:baseline;gap:8px;margin:3px 0}.stat-value{font-size:33px;letter-spacing:-.8px;font-weight:550;font-variant-numeric:tabular-nums}.stat-unit{font-size:11px;color:#9aa28f}.stat small{font-size:10px;color:#97a08d}.stat-0{background:#eaf0e6;border-color:#dce5d6}.stat-0 .stat-value{color:#365e40}.stat-0 .stat-mark{background:#dde7d7}.stat-3 .stat-mark{background:#f8f2e2;color:#b29756}
.searchbar{display:flex;align-items:center;gap:15px;border:1px solid #d7e1d2;border-radius:13px;background:#fff;height:58px;padding:0 19px;margin-bottom:24px;box-shadow:0 4px 12px #3c523107}.searchbar:focus-within{border-color:#719879;box-shadow:0 0 0 3px #71987912}.search-icon{color:#799274}.searchbar input{flex:1;min-width:0;outline:0;border:0;background:none;font-size:13px;color:var(--ink);height:100%}.searchbar input:focus{outline:0}.searchbar input::placeholder{color:#a0aa97}kbd{font:10px inherit;color:#a1a991;border:1px solid #e4e9dd;border-radius:5px;background:#f9faf7;padding:4px 8px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(440px,1fr) 354px;align-items:start;gap:23px}.inventory-panel,.locator-panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 4px 14px #30472803}.inventory-heading{padding:21px 21px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.inventory-heading h2{margin:0 0 4px}.inventory-heading>div>span{font-size:11px;color:#99a28f}.tools{display:flex;align-items:center;gap:5px}.tools button{font-size:10px;padding:6px 8px;background:#fafbf8;color:#839174;white-space:nowrap}.tools .icon{width:13px;height:13px}.toolbar{padding:0 20px 15px}.filters{display:flex;gap:3px;background:#f4f6f0;padding:4px;border-radius:9px;overflow:auto;scrollbar-width:none}.filters button{flex:1;white-space:nowrap;font-size:11px;border:0;padding:7px 5px;background:none;color:#8b967f}.filters button.active{background:#fff;color:#3d6649;box-shadow:0 2px 5px #435b3310}.list-caption{display:flex;align-items:center;gap:7px;padding:0 21px 13px;font-size:10px;color:#929e85}.list-caption label{margin-left:auto;display:flex;align-items:center;white-space:nowrap}.list-caption input{accent-color:var(--green);margin-right:5px;width:13px;height:13px}.list-caption button{font-size:10px}
table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}th{font-size:10px;font-weight:500;text-align:left;padding:10px 13px;background:#f7f9f4;color:#96a18b;border-top:1px solid #edf0e7;border-bottom:1px solid #e9ede3}th:first-child{width:43%;padding-left:21px}th:nth-child(2){width:22%}th:nth-child(3){width:19%}th:nth-child(4){width:10%}th:last-child{width:6%}td{padding:16px 13px;border-bottom:1px solid #eef1e9;overflow-wrap:anywhere}td:first-child{padding-left:21px}.reagent-cell{display:flex;align-items:center;gap:11px}.reagent-cell>div{min-width:0}.reagent-symbol{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:37px;background:#edf2e7;color:#7f946e;border:1px solid #e6ecde;border-radius:10px}.reagent-symbol .icon{width:18px;height:18px}.reagent-symbol.fridge{background:#edf2f4;border-color:#e1e9ed;color:#7a96a6}.reagent-symbol.cabinet{background:#faf5e7;border-color:#eee5cc;color:#ad975b}.reagent-symbol.freezer{background:#f0eff5;border-color:#e4e2ee;color:#9391b0}td strong{font-weight:550;font-size:12px;line-height:1.6}td small{display:block;font-size:10px;color:#98a28f;line-height:1.7;margin-top:3px;font-variant-numeric:tabular-nums}tr[data-id]{cursor:pointer;transition:background .15s}tr[data-id]:hover{background:#f8faf5}tr.selected,tr.selected:hover{background:#eef5e8}tr.selected td:first-child{box-shadow:inset 3px 0 #769669}.warning-dot{color:#bea568;font-size:7px;margin-left:6px;vertical-align:middle}.quantity-head,.quantity-cell{text-align:center}.quantity-cell span{display:inline-block;min-width:27px;background:#f4f6ef;border-radius:6px;padding:2px 5px;font-size:12px;font-variant-numeric:tabular-nums}.row-arrow{padding-left:0;color:#a5b099}.row-arrow .icon{width:15px;height:15px}.badge{font-size:10px;display:inline-block;padding:3px 7px;border-radius:5px;background:#edf2e8;color:#738767;margin:2px 4px 2px 0;white-space:nowrap;letter-spacing:.3px}.badge.fridge{background:#edf3f5;color:#6c8d9e}.badge.cabinet{background:#faf3dd;color:#a88b45}.badge.freezer{background:#f0eff7;color:#8888a8}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 21px;color:#929f87;font-size:10px}.pagination>div{display:flex;gap:7px}.pagination button{font-size:10px;padding:6px 10px}
.locator-panel{position:sticky;top:20px}.panel-heading{padding:22px 21px 16px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:4px 0 0;font-size:19px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.live-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#8b997b;background:#f2f5ec;padding:5px 8px;border-radius:20px}.live-tag i{width:4px;height:4px;border-radius:50%;background:#97af7e}.space-tabs{display:flex;background:#f2f5ed;border-radius:8px;padding:4px;margin:0 20px 15px;gap:2px}.space-tabs button{padding:7px 2px;flex:1;border:0;background:none;border-radius:6px;font-size:10px;color:#8c9980;white-space:nowrap}.space-tabs button.active{background:#fff;color:#4d7048;box-shadow:0 2px 5px #35512e0d}.model-area{padding:17px 19px 15px;margin:0 13px;border:1px solid #e7eddf;border-radius:13px;background:radial-gradient(ellipse at 50% 40%,#fbfcf8 0%,#f1f5ec 80%)}.model-title{display:flex;justify-content:space-between;align-items:center;color:#87947a;font-size:10px;margin-bottom:19px}.model-title button{padding:3px 9px;font-size:10px;border-color:#d7e2cd;border-radius:6px;color:#6b885b;background:#fff9}
.fridge-model{display:flex;position:relative;max-width:266px;margin:0 auto 10px;gap:12px;perspective:1000px;padding-bottom:5px}.fridge-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;border:7px solid #bfcdc4;padding:13px 10px 10px;border-radius:12px;background:linear-gradient(90deg,#dbe4dc,#eef1eb 45%,#e0e7de);box-shadow:inset 2px 2px 6px #61776223,3px 9px 13px #68795a17}.shelf{height:48px;position:relative;display:flex;justify-content:space-between;align-items:flex-end;border:1px solid #c5d1c3;border-bottom:5px solid #b7c9b4;border-radius:3px;background:linear-gradient(#f8faf3,#eaf0e5);padding:7px 7px 3px;width:100%;text-align:left;box-shadow:0 3px 4px #5f765214;gap:3px}.shelf:hover{background:#e3eedb;border-color:#9bb08d}.shelf-code{font-size:10px;font-weight:600;letter-spacing:.5px;color:#748c6e;position:absolute;left:7px;top:4px}.shelf-count{font-size:8px;color:#8b9a7b;white-space:nowrap}.bottles{display:flex;gap:5px;align-items:flex-end;margin-left:24px}.bottle{display:block;position:relative;width:14px;height:21px;background:linear-gradient(90deg,#adbc97,#c4d0b2);border:1px solid #9eae8b;border-radius:3px 3px 2px 2px}.bottle:before{content:"";position:absolute;width:10px;height:4px;top:-4px;left:1px;background:#71856b;border-radius:1px}.bottle:after{content:"";position:absolute;left:1px;right:1px;top:7px;height:8px;background:#fffdf0;border-bottom:2px solid #e5e5ce}.bottle:nth-child(2){height:27px;width:16px;background:linear-gradient(90deg,#b19a6d,#cdb68b);border-color:#ac9469}.bottle:nth-child(2):before{width:12px;background:#867254}.bottle:nth-child(3){height:17px;width:12px;background:#a5bbba;border-color:#96abab}.bottle:nth-child(3):before{width:8px;background:#7a9896}.shelf.active{background:linear-gradient(#edf5df,#d4e6bf);border-color:#789a58;box-shadow:0 0 0 2px #7e9e6340,0 4px 7px #789a5820}.shelf.active .shelf-code,.shelf.active .shelf-count{color:#426b33}.shelf.active:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#648b45;top:7px;right:6px;box-shadow:0 0 0 3px #648b4520}.fridge-door{width:72px;flex-shrink:0;background:linear-gradient(90deg,#d3ded3,#e2e9de);border:6px solid #c1cec0;border-radius:5px 16px 10px 5px;padding:19px 5px 13px;display:flex;flex-direction:column;gap:15px;box-shadow:2px 8px 10px #72826413;transform:perspective(650px) rotateY(-9deg);transform-origin:left}.fridge-door .shelf{height:48px;padding:5px 4px 3px}.fridge-door .bottles{margin:0;gap:3px}.fridge-door .bottle{width:10px;height:17px}.fridge-door .bottle:before{width:6px;left:1px}.fridge-door .bottle:nth-child(3){display:none}.fridge-door .shelf-code{font-size:8px;left:4px;top:2px}.fridge-door .shelf-count{display:none}.drawer{height:31px;background:linear-gradient(#e2e9db,#cad8c4);border:1px solid #b8c8ad;border-bottom:4px solid #aebfa4;padding:5px 6px;justify-content:center;align-items:center;font-size:9px;color:#7a8f6c}.drawer .shelf-code{position:static;margin-right:auto}.drawer .shelf-count{margin-left:auto}
.front-door{position:absolute;inset:0 0 5px 0;z-index:2;border:7px solid #bbcbbc;border-radius:12px;background:linear-gradient(110deg,#f4f7ee,#dce5d4 70%,#cbd9c1);transform-origin:left center;transition:transform .65s ease,opacity .45s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 9px 12px #51634714;color:#7e9871}.front-door:hover{background:linear-gradient(110deg,#f7faef,#dce7d2)}.front-door:after{content:"";position:absolute;right:14px;top:24%;height:108px;width:6px;background:linear-gradient(90deg,#a8b99d,#cbd6bf);box-shadow:2px 2px 2px #50603e24;border-radius:6px}.door-brand{font-size:8px;letter-spacing:2px;margin-bottom:24px;color:#94a388}.front-door strong{font-size:54px;line-height:1;font-weight:250;letter-spacing:-3px}.front-door strong small{font-size:23px;vertical-align:top;line-height:1.6;letter-spacing:0;font-weight:300}.door-prompt{font-size:10px;margin-top:23px;background:#ffffff57;padding:7px 11px;border-radius:6px}.fridge-model.open .front-door{transform:rotateY(-112deg);opacity:0;pointer-events:none}.model-legend{display:flex;justify-content:center;gap:18px;color:#8a987c;font-size:9px;margin-top:21px}.model-legend span{display:flex;align-items:center;gap:5px}.model-legend i{width:7px;height:7px;border:1px solid #bfcfb2;border-radius:2px;background:#f4f7ed}.model-legend i.highlight-key{background:#d7e7c4;border-color:#7e9e63}.model-caption{margin:8px 0 0;text-align:center;font-size:9px;color:#a0ab93}
.cabinet-model{max-width:219px;margin:auto;background:linear-gradient(90deg,#d7b264,#edd094,#dbb45e);border:7px solid #c9a24e;border-radius:7px;padding:6px 10px;box-shadow:5px 9px 12px #83682716}.cabinet-model .section-label{font-size:9px;text-align:center;color:#947536;letter-spacing:3px;margin:3px 0 7px}.cabinet-model .shelf{height:32px;margin-bottom:6px;background:#faf0cf;border-color:#cbb474;padding:5px 7px}.cabinet-model .shelf-code{color:#9d8144;font-size:9px}.cabinet-model .shelf-count{color:#a88c53}.cabinet-model .bottle{height:13px;width:11px}.cabinet-model .bottle:before{width:7px}.cabinet-model .bottle:after{top:4px;height:5px}.cabinet-model .section-divider{height:8px;margin:10px -10px 6px;background:#c39a44;border-top:2px solid #bc903d}.cabinet-model .shelf.active{background:#e0ebc8;border-color:#829c5b}.simple-model{min-height:289px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.simple-model>.shelf{max-width:250px;height:115px;padding:22px 15px 10px;border-bottom:11px solid #a4b493;background:#e7eedf}.simple-model .bottles{margin-left:40px}.simple-model .bottle{height:44px;width:27px}.simple-model .bottle:before{height:6px;top:-6px;width:19px;left:3px}.simple-model .bottle:after{top:15px;height:16px}.simple-model .bottle:nth-child(2){height:55px}.simple-model .bottle:nth-child(3){height:37px}.freezer-box{width:230px;min-height:160px;border:7px solid #c3c5d5;background:linear-gradient(120deg,#f7f7fb,#e0e1ed);border-radius:11px;display:flex;flex-direction:column;justify-content:center;padding:17px;text-align:center;color:#8185a4;box-shadow:4px 8px 11px #8b88a715}.freezer-box.active{border-color:#91a475;background:#eaf1df}.freezer-box b{font-size:33px;font-weight:300}.freezer-box small{font-size:11px;line-height:1.7}
.detail{padding:22px 23px 24px}.detail .overline{font-size:9px;color:#8a9c7c;letter-spacing:1px}.detail h3{font-size:18px;line-height:1.6;font-weight:600;margin:7px 0;overflow-wrap:anywhere}.detail .english{font-size:11px;color:#929f85;line-height:1.7;overflow-wrap:anywhere}.detail-empty{text-align:center;padding:25px 25px 23px}.detail-empty .empty-pin{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #dfe8d6;border-radius:12px;background:#f4f7ed;color:#849e6b;margin:0 auto 12px}.detail-empty .overline{display:block;font-size:10px}.detail-empty h3{font-size:14px;margin:7px 0}.neutral-hint{font-size:11px;color:#8b9980;line-height:1.9;margin:0}.location-path{display:flex;gap:9px;align-items:center;padding:12px;background:#edf4e5;border:1px solid #dde8d2;border-radius:9px;color:#5b7e47;font-size:12px;margin:15px 0;line-height:1.8}.location-path .icon{width:18px;height:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 15px;font-size:12px;margin:19px 0}.detail-grid dt{font-size:10px;color:#a0a891}.detail-grid dd{margin:4px 0 0;overflow-wrap:anywhere;color:#58704a}.detail-action{display:flex;gap:8px;padding-top:10px}.detail-action button{font-size:11px;flex:1;padding:10px 6px}.notice{font-size:11px;color:#9a844d;background:#faf5e7;border:1px solid #f0e8d0;padding:10px 12px;border-radius:8px;line-height:1.8}.history{font-size:10px;color:#8e9b80;margin-top:20px;border-top:1px solid #eaf0e2;padding-top:14px}.history summary{cursor:pointer}.history li{margin:9px 0;line-height:1.8}.empty{text-align:center;padding:64px 12px;color:#93a184}.empty>span{display:flex;justify-content:center;margin-bottom:20px}.empty .icon{width:35px;height:35px;stroke-width:1.3}.empty h3{font-size:15px;font-weight:500}.empty p{font-size:12px}.empty button{font-size:11px}footer{display:flex;justify-content:space-between;gap:15px;color:#a0a994;font-size:10px;margin-top:25px;line-height:1.8}
dialog{border:1px solid #dce5d4;border-radius:20px;padding:28px;max-width:750px;width:calc(100% - 30px);max-height:91vh;color:var(--ink);box-shadow:0 20px 90px #203a3426;background:#fff}dialog::backdrop{background:#20392e66;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dialog-head h2{font-size:23px;font-weight:600;margin:5px 0}.dialog-intro{font-size:12px;color:#8e9d7e;margin:0 0 25px}.icon-btn{width:32px;height:32px;font-size:23px;padding:0;background:#f4f7ef;border:0;border-radius:50%;color:#859779}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 19px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#788d65}.form-grid input,.form-grid textarea{border:1px solid #dfe7d5;border-radius:8px;padding:11px 12px;background:#fafcf7;color:var(--ink);width:100%;font-size:13px}.form-grid .wide{grid-column:1/-1}fieldset{border:1px solid #dce5d3;border-radius:12px;margin:25px 0 0;padding:18px}legend{font-size:13px;font-weight:600;padding:0 7px}legend small{font-size:10px;font-weight:400;color:#9ba78c;margin-left:5px}.location-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:#758a61}.location-fields label{display:flex;align-items:center;gap:6px;padding:8px;background:#f7faf3;border:1px solid #e7eddf;border-radius:7px;cursor:pointer}.location-fields label:has(:checked){background:#e8f1de;border-color:#a3bc8a;color:#456b32}.location-fields input{accent-color:var(--green);margin:0}.location-fields small{margin-left:auto;font-size:10px;color:#94a27f}.form-hint{font-size:11px;color:#94a383;line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin:20px -28px -28px;padding:17px 28px;position:sticky;bottom:-28px;background:#ffffffed;backdrop-filter:blur(8px);border-top:1px solid #e6eddc;z-index:2}.dialog-actions button{font-size:12px;padding:10px 22px}#formError{color:#ac614d;font-size:12px;line-height:1.8}.help-content p{font-size:13px;line-height:1.9;color:#6d825b}.help-content b{color:var(--ink)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90%;padding:13px 23px;background:#2e5141;color:#fff;box-shadow:0 6px 20px #20402c22;border-radius:10px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.workspace{grid-template-columns:minmax(600px,1fr) 400px}.stat{padding:21px 25px}.stat-value{font-size:37px}td{padding-top:18px;padding-bottom:18px}td strong{font-size:13px}.fridge-model{max-width:295px}.shelf,.fridge-door .shelf{height:51px}.fridge-door{width:80px}.shelf-count{font-size:9px}}
@media(max-width:1230px){.sidebar{width:196px;padding:30px 16px}.brand{font-size:19px}.brand-icon{width:37px;height:40px}main{margin-left:196px;padding:0 25px 24px}.workspace{grid-template-columns:minmax(370px,1fr) 320px;gap:18px}.stat{padding:15px}.stat-value{font-size:30px}.reagent-symbol{display:none}.inventory-heading{padding:19px 17px 14px}.inventory-heading>div>span{font-size:10px}.tools button{font-size:9px;padding:5px 6px}.toolbar{padding:0 15px 13px}.list-caption{padding-left:17px;padding-right:17px}td,th{padding-left:9px;padding-right:9px}td:first-child,th:first-child{padding-left:17px}.filters button{font-size:10px}.panel-heading{padding:20px 17px 14px}.model-area{padding:15px 12px}.space-tabs{margin-left:15px;margin-right:15px}.model-title{margin-bottom:15px}.bottles{gap:3px}.shelf-count{font-size:7px}}
@media(max-width:1020px){.sidebar{width:78px;padding:24px 12px}.brand>span:last-child,.lab-label,.nav-label,.side-note,.nav em,.nav b{display:none}.brand{justify-content:center;margin-bottom:35px}.nav{justify-content:center;padding:15px}.nav .icon{width:21px;height:21px}main{margin-left:78px;padding:0 25px 24px}.workspace{grid-template-columns:minmax(355px,1fr) 320px;gap:18px}.stats{gap:11px}.stat small{font-size:9px}.stat-label{font-size:11px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.locator-panel{position:static;display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:18px}.panel-heading,.space-tabs{grid-column:1/-1}.space-tabs{max-width:450px}.detail{padding:22px}.detail-empty{align-self:center}#model{margin-bottom:15px}.reagent-symbol{display:flex}.inventory-heading>div>span{font-size:11px}td strong{font-size:13px}.filters button{font-size:12px}.tools button{font-size:11px;padding:6px 9px}.stat{padding:15px 13px}.stat-mark{width:27px;height:27px}.stat-value{font-size:28px}.spaces-view .locator-panel{grid-row:1}.spaces-view .inventory-panel{grid-row:2}footer span{display:none}}
@media(max-width:580px){.sidebar{position:fixed;inset:auto 0 0;width:100%;min-height:68px;padding:7px 16px calc(7px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e0e7d8;background:#fbfdf6f5;backdrop-filter:blur(16px);box-shadow:0 -5px 18px #52663a08}.sidebar .brand{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%;gap:8px}.nav{padding:5px 16px;flex-direction:column;gap:3px;flex:1;border-radius:11px;color:#98a58a;font-size:10px}.nav.active{background:#eaf1e0;color:#4e7340;box-shadow:none}.nav em{display:block;font-size:10px}.nav .icon{width:19px;height:19px}main{margin:0;padding:0 17px 100px}header{height:51px;font-size:10px}.lab-pill{font-size:9px;padding:3px 7px}.heading{padding:25px 0 22px}h1{font-size:29px;margin-top:7px}.heading .eyebrow{font-size:8px}.heading p{font-size:11px}.heading .primary{padding:10px 12px;font-size:11px;border-radius:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{padding:13px 16px;border-radius:13px}.stat-value{font-size:29px}.stat-number{margin:0}.searchbar{height:53px;border-radius:12px;padding:0 14px;gap:11px;margin-bottom:18px}.searchbar input{font-size:12px}kbd{display:none}.workspace{gap:18px}.inventory-panel,.locator-panel{border-radius:15px}.inventory-heading{padding:18px 15px 15px}.inventory-heading h2{font-size:16px}.inventory-heading>div>span{font-size:9px}.tools{gap:4px}.tools button{font-size:9px;padding:5px 6px}.tools .icon{display:none}.toolbar{padding:0 12px 13px}.filters{gap:1px}.filters button{font-size:10px;padding:7px 3px}.list-caption{font-size:9px;padding:0 15px 12px;flex-wrap:wrap}.list-caption button{font-size:9px}table{font-size:11px}th{font-size:9px;padding:9px 7px}th:first-child{width:55%;padding-left:15px}th:nth-child(3){width:28%}th:nth-child(4){width:17%}.brand-cell,th:nth-child(2),.row-arrow,th:last-child{display:none}td{padding:15px 7px}td:first-child{padding-left:15px}.reagent-symbol{width:29px;height:34px;border-radius:8px}.reagent-symbol .icon{width:16px;height:16px}.reagent-cell{gap:8px}td strong{font-size:11px}td small{font-size:9px}.badge{font-size:9px;padding:3px 5px}.pagination{padding:15px;gap:8px;font-size:9px}.pagination button{font-size:9px;padding:6px 8px}.locator-panel{display:block;scroll-margin-top:14px}.panel-heading{padding:21px 19px 15px}.space-tabs{margin-left:16px;margin-right:16px}.space-tabs button{font-size:11px;padding:8px 3px}.model-area{margin:0 13px;padding:17px}.fridge-model{max-width:265px}.detail{padding:20px}#model{margin-bottom:0}.detail h3{font-size:17px}.detail-empty h3{font-size:14px}.detail-action button{font-size:12px}.shelf-count{font-size:8px}dialog{padding:21px;border-radius:17px;max-height:90dvh}.dialog-head h2{font-size:21px}.dialog-intro{font-size:11px}.form-grid{gap:15px 12px}.form-grid label{font-size:11px}.form-grid input{padding:10px 8px;font-size:12px}.location-fields{grid-template-columns:1fr}.location-fields label{font-size:12px;padding:9px}.dialog-actions{margin:20px -21px -21px;padding:14px 21px;bottom:-21px}fieldset{padding:14px}legend small{display:block;font-size:9px}.form-hint{font-size:10px}#toast{bottom:88px;width:max-content;max-width:90%;text-align:center}}
/* Keep the quiet palette while making everyday labels easier to read. */
.stat small,.inventory-heading>div>span,.model-caption,.detail-grid dt,td small{color:#87957a}.filters button,.space-tabs button{color:#778c66}.detail .english{color:#849674}.history{color:#839673}.heading p{color:#788c69}
@media(min-width:581px){.stat-label{font-size:13px}.stat small{font-size:11px}.heading p{font-size:13px}td strong{font-size:13px}td small{font-size:11px}.filters button{font-size:12px}.list-caption,th{font-size:11px}.detail-grid dt,.detail .overline{font-size:11px}.detail .english,.neutral-hint{font-size:12px}.detail-action button{font-size:12px}.model-title,.space-tabs button{font-size:11px}.inventory-heading>div>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-spec{display:none}@media(max-width:580px){td .mobile-spec{display:block;color:#839574;font-size:9px}}

.favorite-toggle{flex-shrink:0;border:0;background:transparent;padding:0;width:22px;height:27px;font-size:23px;color:#b0bc9e;line-height:1;border-radius:5px}.favorite-toggle:hover{background:#f3f4df;color:#b4a05d}.favorite-toggle.is-favorite{color:#b19a50}.reagent-cell{gap:8px}.row-personal-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.row-personal-tags:empty{display:none}.user-tag{display:inline-block;background:#f5f2df;border:1px solid #eae3c6;color:#a18b4e;border-radius:5px;font-size:10px;padding:3px 7px;line-height:1.6;overflow-wrap:anywhere}.personal-tag-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:-5px 0 21px;font-size:11px;color:#8a9d78}.personal-tag-filters>span{margin-right:4px}.personal-tag-filters button{font-size:11px;padding:5px 10px;border-radius:20px;background:#fafcf5;border-color:#e1e7d5;color:#8b9e77}.personal-tag-filters button.active{background:#eaf2de;border-color:#bacc9f;color:#597e40}.personal-tag-filters small{margin-left:5px;font-size:9px}.detail-social{display:flex;align-items:center;gap:9px;padding-bottom:15px;margin-bottom:12px;border-bottom:1px solid #e7eedc;font-size:10px;color:#8da076}.detail-social>button:last-child{margin-left:auto;background:#edf4e4;border-color:#d9e7ca;padding:6px 8px;font-size:10px;color:#709453}.personal-tag-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8ca078;margin-bottom:9px}.personal-tag-heading button{padding:0;border:0;background:none;font-size:10px;color:#6f9255}.personal-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 15px}.tag-placeholder{font-size:10px;color:#a4b591;border:1px dashed #dce6ce;border-radius:5px;padding:5px 8px}.social-field{font-size:12px;color:#769560;display:flex;flex-direction:column;gap:12px}.social-field textarea{padding:13px;background:#f4f8ed;border:1px solid #dce7cc;border-radius:9px;color:#527c37}.form-error{color:#ad6d4f;font-size:12px;line-height:1.8}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px}.collection-toolbar>button{font-size:12px}.collection-scope{display:flex;gap:4px;background:#eaf0e2;border-radius:10px;padding:5px}.collection-scope button{font-size:12px;background:transparent;color:#8ea277;border:0;border-radius:7px;padding:9px 15px}.collection-scope button.active{background:#fff;color:#5c8143;box-shadow:0 2px 7px #35592710}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.collection-card{display:block;text-align:left;min-width:0;border:1px solid #dfe8d4;border-radius:18px;background:#fff;padding:23px;box-shadow:0 5px 13px #58723506}.collection-card:hover{background:#fcfdf8;border-color:#afc69a;box-shadow:0 5px 15px #637e4220;transform:translateY(-2px)}.collection-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.collection-card-top .icon{width:29px;height:29px;color:#8faa75;stroke-width:1.4}.collection-visibility{font-size:10px;border:1px solid #deebd1;border-radius:20px;color:#829e69;background:#f1f6e9;padding:4px 9px;white-space:nowrap}.collection-card h2,.selected-collection h2{font-size:19px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin:21px 0 9px}.collection-card p,.selected-collection p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#8da27a;margin:0}.collection-card-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e9efde;padding-top:17px;margin-top:20px;font-size:10px;color:#93a67e}.selected-collection{padding:24px 28px;background:linear-gradient(120deg,#e8f0dd,#f4f5e6);border:1px solid #dce6cc;border-radius:17px;margin:0 0 23px}.selected-collection h2{font-size:25px;margin:13px 0 8px}.selected-collection small{font-size:11px;color:#92a77a}.collection-search{display:block;width:100%;border:1px solid #d9e6c9;background:#f9fcf5;border-radius:9px;padding:12px;font-size:12px;margin:14px 0}.collection-picker-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#80996a;margin-top:22px}.collection-picker-head b{font-weight:500}.collection-picker-head label{display:flex;align-items:center;gap:5px}.collection-picker-head input{accent-color:#789b5f}.collection-pick-row{display:flex;gap:12px;align-items:center;padding:12px 9px;border-bottom:1px solid #e8efdd;border-radius:5px;cursor:pointer}.collection-pick-row.checked{background:#edf5e2}.collection-pick-row>input{flex-shrink:0;accent-color:#779b5c}.collection-pick-row>span:nth-child(2){min-width:0;flex:1}.collection-pick-row strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.collection-pick-row small{display:block;font-size:10px;color:#94a680;margin-top:3px;overflow-wrap:anywhere}.pick-location{font-size:10px;color:#8ea773;white-space:nowrap}.form-grid select{padding:11px 12px;background:#f9fcf3;border:1px solid #d8e6c8;border-radius:8px;color:#709252;font:12px inherit}#collectionReagents{max-height:350px;overflow:auto;padding-right:5px}.pick-collection-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.pick-collection-list button{justify-content:flex-start;text-align:left;background:#f4f8eb;border:1px solid #dce8ce;padding:15px;font-size:13px;color:#729357}.pick-collection-list button>span{flex:1}.pick-collection-list .icon{color:#9ab57f;width:23px;height:23px}.pick-collection-list small{font-size:10px;color:#9aac88}#pickCollectionDialog{max-width:510px}#tagsDialog{max-width:550px}
@media(max-width:1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.sidebar nav{gap:2px}.nav{width:auto;min-width:0;padding:5px 6px}.nav em{font-size:9px}.nav .icon{width:18px;height:18px}.reagent-cell{gap:5px}.reagent-symbol{display:none}.favorite-toggle{font-size:23px;width:22px}.row-personal-tags .user-tag{font-size:8px;padding:2px 5px}.personal-tag-filters{gap:5px;font-size:10px}.personal-tag-filters button{font-size:10px;padding:5px 8px}.collection-grid{grid-template-columns:1fr;gap:13px}.collection-card{padding:21px}.collection-toolbar>button{font-size:11px;padding:9px 12px}.collection-scope button{font-size:11px;padding:8px 10px}.collection-card h2{font-size:19px}.collection-card p{font-size:12px}.selected-collection{padding:20px}.selected-collection h2{font-size:22px}.collection-picker-head{font-size:10px}.collection-pick-row{gap:8px}.collection-pick-row strong{font-size:11px}.collection-pick-row small{font-size:9px}.pick-location{font-size:9px}#collectionReagents{max-height:290px}.personal-tags .user-tag{font-size:11px}.detail-social{font-size:11px}.detail-social>button:last-child,.personal-tag-heading,.personal-tag-heading button{font-size:11px}}


/* Brand cap accents: the inventory's green/cream palette stays unchanged. */
.brand-label{display:inline;white-space:normal;overflow-wrap:anywhere}
.brand-part{display:inline;white-space:normal}
.brand-cap{display:inline-block;width:12px;height:9px;box-sizing:border-box;border:1px solid #00000012;border-radius:3px 3px 2px 2px;vertical-align:baseline;margin-right:6px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#ffffff38 2px,#ffffff38 3px);box-shadow:inset 0 -2px #00000008}
.brand-cap-blue{background-color:#5e87b3}
.brand-cap-yellow{background-color:#c8ac56}
.brand-separator{color:#a8b09f}
.brand-cell .brand-label,.detail-grid .brand-label{line-height:1.7}