/* The warehouse reference: a sculpted frame, paper surface and capsule tabs. */
.warehouse-window{--warehouse-paper:#e4e5dc;--warehouse-frame:#555851;--warehouse-ink:#252c29;--warehouse-secondary:#59615b;--warehouse-accent:#e8fa73;--warehouse-line:rgba(47,57,49,.14);color:var(--warehouse-ink);background:var(--warehouse-frame);border:9px solid var(--warehouse-frame);border-radius:calc(var(--radius) + 24px);box-shadow:0 20px 60px rgba(0,0,0,.18);isolation:isolate;min-width:0;container-type:inline-size}
.warehouse-ribbon{display:flex;align-items:stretch;gap:58px;min-height:72px;padding-top:12px;min-width:0}
.warehouse-caption{position:relative;flex:none;display:flex;align-items:center;gap:12px;padding:10px 24px 0 25px;min-width:190px;height:72px;background:var(--warehouse-paper);border-radius:32px 0 0 0;z-index:2}
.warehouse-caption h1{font-size:32px;line-height:1.2;font-weight:680;letter-spacing:-1.3px}.warehouse-symbol{width:36px;height:36px;border:1px solid var(--warehouse-line);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.55)}.warehouse-symbol .icon{width:19px;height:19px}.warehouse-curve{position:absolute;width:60px;height:72px;left:calc(100% - 1px);top:0;fill:var(--warehouse-paper);pointer-events:none}
.warehouse-tabs-scroll{flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9da095 transparent;padding:5px 12px 13px 0;align-self:end;scroll-padding-inline:10px}.warehouse-tabs{position:relative;display:flex;gap:6px;width:max-content;padding:0 1px;isolation:isolate;min-height:46px}.warehouse-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;height:46px;min-width:84px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#dedfd6;color:#303833;font-size:13px;font-weight:600;letter-spacing:-.2px;transition:background-color .2s,color .2s,transform .2s}.warehouse-tab .icon{width:17px;height:17px}.warehouse-tab:hover{background:#f3f4ed;transform:translateY(-2px)}.warehouse-tab[aria-selected="true"]{background:transparent;border-color:transparent;font-weight:750;color:#1e2923}.warehouse-tab[aria-selected="true"]:hover{transform:none}.warehouse-tab-marker{position:absolute;left:0;top:0;height:46px;z-index:0;background:#fff;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);transform-origin:left center;pointer-events:none}.warehouse-tab:focus-visible{outline:2px solid var(--warehouse-accent);outline-offset:2px}
.warehouse-surface{position:relative;background:var(--warehouse-paper);border-radius:0 36px 32px 32px;overflow:hidden;min-width:0}.warehouse-body{padding:32px 36px 0;overflow:hidden}.warehouse-panel{outline:none;min-height:490px}.warehouse-panel:focus-visible{outline:2px solid #65714c;outline-offset:-3px;border-radius:20px}.warehouse-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:27px;border-bottom:1px solid var(--warehouse-line)}.warehouse-section-title{display:flex;align-items:center;gap:18px;min-width:0}.warehouse-section-icon{width:60px;height:60px;flex:none;display:grid;place-items:center;background:#f5f6ef;border:1px solid rgba(255,255,255,.75);border-radius:21px}.warehouse-section-icon .icon{width:27px;height:27px}.warehouse-overline{display:block;font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--warehouse-secondary);margin-bottom:6px}.warehouse-section-heading h2{font-size:27px;line-height:1.25;letter-spacing:-.9px;font-weight:720;text-wrap:initial}.warehouse-description{font-size:14px;color:var(--warehouse-secondary);margin-top:6px;line-height:1.5}.warehouse-section-status{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:11px;font-weight:600;background:rgba(255,255,255,.4);padding:9px 12px;border-radius:20px;margin-top:6px}.warehouse-section-status>span{width:6px;height:6px;border-radius:50%;background:#6f7b5b}
.warehouse-empty-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:395px;padding:24px 16px 30px;text-align:center}.warehouse-empty-label{font-size:11px;font-weight:650;color:var(--warehouse-secondary);padding:5px 12px;border:1px solid var(--warehouse-line);border-radius:20px;margin-top:6px;margin-bottom:12px}.warehouse-empty-state h3{font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.8px}.warehouse-empty-state>p{max-width:430px;font-size:14px;line-height:1.65;color:var(--warehouse-secondary);margin-top:10px}.warehouse-availability{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;line-height:1.5;color:var(--warehouse-secondary);margin-top:23px}.warehouse-availability>span{flex:none;width:5px;height:5px;border-radius:50%;background:#7f8b66}
/* A decorative document, without invented inventory values or records. */
.warehouse-document{position:relative;width:170px;height:150px;margin-bottom:10px}.warehouse-document-back{position:absolute;width:94px;height:114px;top:11px;left:27px;border:1px solid #bfc5b8;border-radius:20px;background:#d1d7ca;transform:rotate(-12deg)}.warehouse-document-sheet{position:absolute;width:94px;height:118px;top:15px;left:51px;border-radius:20px;background:#fafbf5;border:1px solid #fff;transform:rotate(7deg);box-shadow:0 9px 20px rgba(64,75,58,.08);padding:17px}.warehouse-document-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--warehouse-accent);margin-bottom:13px}.warehouse-document-mark .icon{width:17px;height:17px}.warehouse-document-sheet i{display:block;height:3px;border-radius:5px;background:#d5dbcd;margin-top:7px}.warehouse-document-sheet i:nth-of-type(2){width:78%}.warehouse-document-sheet i:nth-of-type(3){width:54%}.warehouse-document-seal{position:absolute;right:-14px;bottom:4px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#37413a;color:#eff5e7;border:5px solid var(--warehouse-paper);transform:rotate(-7deg)}.warehouse-document-seal .icon{width:16px;height:16px}.warehouse-document-orbit{position:absolute;width:10px;height:10px;left:18px;bottom:25px;border-radius:50%;background:var(--warehouse-accent)}
.warehouse-dock{margin:0 22px 20px;padding:8px 10px 8px 16px;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(255,255,255,.65);min-height:62px}.warehouse-position{flex:none;display:flex;align-items:center;gap:10px}.warehouse-position-label{font-size:9px;font-weight:650;letter-spacing:1px;color:var(--warehouse-secondary)}.warehouse-position-number{font-size:12px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}.warehouse-waypoints{min-width:0;flex:1;display:flex;justify-content:center;gap:5px}.warehouse-waypoint{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:22px;color:#5f685d;background:transparent;transition:background-color .2s,transform .2s}.warehouse-waypoint>.icon{width:17px;height:17px}.warehouse-waypoint>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.warehouse-waypoint[aria-current="page"]{color:#253025;background:var(--warehouse-accent)}.warehouse-waypoint:hover{background:#d9decf;transform:translateY(-2px)}.warehouse-waypoint[aria-current="page"]:hover{background:var(--warehouse-accent)}.warehouse-step-buttons{display:flex;gap:6px;margin-left:auto}.warehouse-step-buttons button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#343d36;transition:transform .2s,background-color .2s}.warehouse-step-buttons button:hover{background:#4a574a;transform:translateX(2px)}.warehouse-step-buttons button:first-child:hover{transform:translateX(-2px)}.warehouse-step-buttons button .icon{width:18px;height:18px}.warehouse-step-buttons button:first-child .icon{transform:rotate(180deg)}.warehouse-window button:focus-visible{outline-color:#62732c}
.warehouse-settings-content{min-height:395px;display:grid;grid-template-columns:210px minmax(0,420px);justify-content:center;align-items:center;gap:38px;padding:35px 0}.warehouse-settings-content h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin-bottom:14px;text-wrap:initial}.warehouse-settings-content p{font-size:14px;line-height:1.7;color:var(--warehouse-secondary)}.warehouse-settings-content .warehouse-phase-note{font-size:12px;margin-top:20px;max-width:340px}.warehouse-settings-art{position:relative;height:180px;border-radius:34px;background:#f6f7f0;border:1px solid white;display:flex;flex-direction:column;justify-content:center;padding:22px 30px;gap:22px;transform:rotate(-5deg);box-shadow:0 12px 24px rgba(59,70,48,.05)}.warehouse-settings-art>.icon{position:absolute;top:-22px;right:16px;width:54px;height:54px;background:var(--warehouse-accent);padding:13px;border-radius:50%;transform:rotate(5deg)}.warehouse-settings-art>span{position:relative;display:block;height:4px;border-radius:4px;background:#cdd5c5}.warehouse-settings-art>span::after{content:"";position:absolute;top:-8px;left:25%;width:20px;height:20px;border-radius:50%;background:#414b3d;border:4px solid #edf0e7}.warehouse-settings-art>span:nth-of-type(2)::after{left:65%;background:#a5b582}.warehouse-settings-art>span:nth-of-type(3)::after{left:42%}.warehouse-primary{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:700;background:#303c33;color:#fff;border-radius:26px;margin-top:22px;transition:transform .2s,background-color .2s}.warehouse-primary .icon{width:18px;height:18px}.warehouse-primary:hover{background:#465746;transform:translateY(-2px)}
.warehouse-search-results{padding:18px 24px;background:#f2f4e9;border-bottom:1px solid var(--warehouse-line)}.warehouse-search-results[hidden]{display:none}.warehouse-search-heading{font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:16px}.warehouse-search-heading button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e0e6d6;color:var(--warehouse-ink)}.warehouse-search-matches{display:flex;gap:8px;flex-wrap:wrap}.warehouse-search-matches button{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px;background:#fff;border:1px solid var(--warehouse-line);border-radius:25px;color:var(--warehouse-ink);font-size:13px;font-weight:600}.warehouse-search-matches .icon{width:16px;height:16px}.warehouse-search-results>p{font-size:13px;color:var(--warehouse-secondary);padding:6px 0}
[data-density="compact"] .warehouse-body{padding-top:24px}[data-density="compact"] .warehouse-panel{min-height:430px}[data-density="compact"] .warehouse-empty-state{min-height:335px}[data-descriptions="false"] .warehouse-description{display:none}
@container(max-width:900px){.warehouse-section-status{display:none}.warehouse-body{padding-left:26px;padding-right:26px}.warehouse-waypoint{width:44px}.warehouse-position-label{display:none}.warehouse-settings-content{grid-template-columns:160px minmax(0,1fr);gap:26px}.warehouse-settings-art{height:160px;padding:22px}.warehouse-dock{gap:12px}.warehouse-caption{min-width:160px;padding-left:20px;padding-right:20px}.warehouse-caption h1{font-size:28px}.warehouse-symbol{display:none}}
@container(max-width:650px){.warehouse-waypoints{display:none}.warehouse-position-label{display:inline}.warehouse-settings-content{grid-template-columns:1fr;gap:24px}.warehouse-settings-art{width:150px;height:130px;margin:5px auto}.warehouse-settings-content>div:last-child{max-width:400px;margin:auto;text-align:center}}
@media(max-width:760px){
 .warehouse-window{border-width:6px;border-radius:29px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.warehouse-ribbon{display:block;padding-top:8px;min-height:0;background:var(--warehouse-paper);border-radius:23px 23px 0 0}.warehouse-caption{height:auto;min-width:0;width:100%;padding:15px 18px 18px;gap:10px;border-radius:23px 23px 0 0}.warehouse-caption h1{font-size:29px;font-weight:720}.warehouse-symbol{display:grid;width:34px;height:34px}.warehouse-curve{display:none}.warehouse-tabs-scroll{padding:0 12px 14px;scrollbar-width:none;scroll-padding-inline:12px}.warehouse-tabs-scroll::-webkit-scrollbar{display:none}.warehouse-tabs{gap:6px;padding:0}.warehouse-tab{height:46px;background:#ced4c6;border-color:transparent;padding:0 15px;font-size:13px;min-width:100px}.warehouse-tab-marker{height:46px;box-shadow:0 2px 6px rgba(39,53,34,.07)}.warehouse-tab[aria-selected="true"]{color:#213325}.warehouse-tab:hover{transform:none}.warehouse-surface{border-radius:0 0 23px 23px}.warehouse-body{padding:22px 18px 0}.warehouse-section-heading{padding-bottom:22px;gap:12px;border-top:1px solid var(--warehouse-line);padding-top:22px}.warehouse-section-title{gap:12px;align-items:flex-start}.warehouse-section-icon{width:44px;height:44px;border-radius:15px}.warehouse-section-icon .icon{width:22px;height:22px}.warehouse-overline{font-size:9px;letter-spacing:.9px}.warehouse-section-heading h2{font-size:23px;letter-spacing:-.65px;line-height:1.25;overflow-wrap:anywhere}.warehouse-description{font-size:13px;line-height:1.5;margin-top:7px}.warehouse-section-status{display:none}.warehouse-panel,[data-density="compact"] .warehouse-panel{min-height:440px}.warehouse-empty-state,[data-density="compact"] .warehouse-empty-state{min-height:330px;padding:20px 0 24px}.warehouse-document{transform:scale(.85);margin-top:-8px;margin-bottom:-8px}.warehouse-empty-state h3{font-size:22px;letter-spacing:-.65px;line-height:1.3}.warehouse-empty-state>p{font-size:13px;line-height:1.65;max-width:360px}.warehouse-availability{font-size:11px;max-width:260px;align-items:flex-start;gap:7px;margin-top:20px}.warehouse-availability>span{margin-top:5px}.warehouse-dock{margin:0 12px 12px;padding:6px 8px 6px 14px;min-height:58px;gap:8px}.warehouse-position{gap:8px}.warehouse-position-label{display:inline;font-size:9px}.warehouse-position-number{font-size:12px}.warehouse-waypoints{display:none}.warehouse-step-buttons{gap:7px}.warehouse-step-buttons button{width:44px;height:44px}.warehouse-settings-content{grid-template-columns:1fr;gap:25px;padding:24px 0 30px}.warehouse-settings-content h3{font-size:25px}.warehouse-settings-content>div:last-child{text-align:center;margin:auto}.warehouse-settings-content p{font-size:13px}.warehouse-settings-content .warehouse-phase-note{font-size:11px}.warehouse-settings-art{width:140px;height:125px;padding:20px;gap:17px;margin:5px auto}.warehouse-settings-art>.icon{width:44px;height:44px;padding:11px}.warehouse-primary{font-size:13px;padding:12px 15px}.warehouse-search-results{padding:12px 16px}.warehouse-search-heading{font-size:13px}.warehouse-search-matches{flex-direction:column}.warehouse-search-matches button{text-align:left;justify-content:flex-start}.warehouse-search-matches button .icon:last-child{margin-left:auto}
}
@media(max-width:360px){.warehouse-body{padding-left:14px;padding-right:14px}.warehouse-section-title{gap:10px}.warehouse-section-icon{width:38px;height:38px;border-radius:13px}.warehouse-section-heading h2{font-size:21px}.warehouse-empty-state h3{font-size:21px}.warehouse-position-label{display:none}.warehouse-caption{padding-left:16px}}
@media(pointer:coarse){.warehouse-tab:hover,.warehouse-waypoint:hover,.warehouse-step-buttons button:hover,.warehouse-step-buttons button:first-child:hover,.warehouse-primary:hover{transform:none}}
[data-motion="off"] .warehouse-window button{transition:none;transform:none}.warehouse-window:has(.warehouse-tab:focus-visible){scroll-margin-top:20px}
@media(prefers-reduced-motion:reduce){.warehouse-window *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.warehouse-window button:hover{transform:none}}

.warehouse-window .warehouse-tab:focus-visible{outline-color:var(--warehouse-accent)}
@media(max-width:760px){.warehouse-window .warehouse-tab:focus-visible{outline-color:#40512c}}
