.staff-page{--ink:#294b3a;--paper:#faf8f2;--line:#dddccf;--muted:#777d6c;background:var(--paper);color:#263f34}.staff-ribbon{background:#263f34;color:#f2eadd;padding:10px 6%;font-size:11px;text-align:center;letter-spacing:1px}.staff-ribbon span{float:right;font-size:9px;opacity:.65}.staff-page .staff-header{height:115px;padding:0 6%;border-bottom:1px solid var(--line);max-width:none}.staff-header-actions{display:flex;align-items:center;gap:20px;font-size:12px}.store-link{border-bottom:1px solid #a8b49c;padding-bottom:3px}.identity{max-width:240px;overflow-wrap:anywhere;color:var(--muted)}.quiet-button,.outline-button{border:1px solid #bbc4b1;background:transparent;color:var(--ink);padding:9px 18px;font-size:12px}.quiet-button{border-radius:25px}.staff-main{max-width:1380px;padding:0 6%;margin:auto}.staff-login{display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;margin:46px 0 60px;border:1px solid var(--line)}.login-copy{padding:45px;background:#e9e4d7;position:relative;overflow:hidden}.staff-page .login-copy h1{font-size:56px;letter-spacing:-2px;margin:25px 0 20px}.lead{max-width:350px;color:#707565;font-size:15px}.login-art{position:relative;height:280px;margin-top:20px}.login-art img{position:absolute;width:180px;box-shadow:10px 15px 20px #263f3419;transform:rotate(-12deg);left:20px;top:15px}.login-art img:nth-child(2){width:150px;left:155px;top:45px;transform:rotate(12deg)}.login-art span{position:absolute;right:0;bottom:0;font:italic 18px/1.5 Georgia;color:#6e735d}.login-panel{padding:70px 48px;align-self:center}.login-panel h2{font-size:42px;margin-bottom:10px}.login-panel form{margin-top:30px}.staff-page form label{font-size:12px;letter-spacing:.2px;margin:18px 0}.staff-page form input,.staff-page form textarea{padding:13px 14px;border:1px solid #cbd0c0;background:#fffefb;font-size:16px;color:var(--ink);border-radius:0}.staff-page form input:focus,.inventory-search input:focus,.staff-page textarea:focus{outline:2px solid #a1b095;outline-offset:2px}.staff-page .primary{min-height:50px;margin-top:15px}.login-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px;color:#838574}.workspace-heading{display:flex;align-items:end;justify-content:space-between;padding:42px 0 32px;gap:25px}.staff-page .workspace-heading h1{font-size:52px;letter-spacing:-1.5px;margin:13px 0 16px}.workspace-heading h1 br{display:none}.workspace-tools{display:flex;gap:15px;align-items:center;white-space:nowrap}.workspace-tools>span{font-size:10px;color:var(--muted)}.workspace-nav{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin:0 0 30px}.workspace-nav button{border:0;border-bottom:2px solid transparent;padding:21px 22px;background:transparent;color:#999c88;font-size:10px;display:flex;align-items:center;gap:12px;min-height:65px}.workspace-nav button span:not(.count-pill){font-size:13px;color:#63715c}.workspace-nav button.selected{border-bottom-color:var(--ink);background:#edf0e6}.workspace-nav button.selected span{color:var(--ink)}.count-pill{min-width:21px;text-align:center;background:#e5e9dc;border-radius:20px;color:var(--ink);padding:1px 6px}.staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 32px}.staff-metric{padding:24px 27px;border:1px solid var(--line);background:#f0f1e7;position:relative}.staff-metric:last-child{background:#eee8db}.staff-metric .metric-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#6c765f}.staff-metric strong{font:45px/1.4 Georgia;display:block;margin:5px 0}.staff-metric small{font-size:11px;color:#7e8371}.metric-mark{position:absolute;right:22px;top:20px;font:22px Georgia;color:#9ba78e}.inventory-panel{border:1px solid var(--line);background:#fffefb;margin-bottom:25px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 28px 8px}.staff-page h2{font-size:33px;letter-spacing:-.5px}.panel-top h2{margin:8px 0 10px}.panel-top .eyebrow{font-size:9px}.inventory-search input{width:230px;max-width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #bfc6b3;color:var(--ink);font-size:13px}.staff-page .table-wrap{margin:0;overflow:auto}.staff-table{background:transparent;margin:0;table-layout:auto}.staff-table th{padding:17px 22px;background:#f3f3eb;color:#7b826e;font-size:9px;letter-spacing:.8px;white-space:nowrap}.staff-table td{padding:20px 22px;font-size:12px;color:#53644c;border-color:#e8e8df;vertical-align:middle}.staff-table td:first-child{font-family:Georgia;font-size:17px;color:#263f34;min-width:180px}.staff-table td small{display:block;font:10px Arial;color:#8a8d7e;margin-top:6px}.staff-table td button{background:transparent;border:1px solid #c3cbb6;padding:8px 13px;font-size:11px;color:#294b3a}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:10px;background:#edf1e6;color:#547145;white-space:nowrap}.status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.is-critical{background:#f7e9de;color:#9b5c39}.panel-foot{padding:17px 25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#838977;background:#fafaf5}.section-intro{padding:10px 0 22px}.section-intro h2{margin:8px 0 15px}.notice{padding:15px 20px;background:#fff0e6;border-left:3px solid #aa6544}.loading-status{font-size:12px;color:#7c826b}.stock-alert{border:1px solid #decab6;background:#fffaf1;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px;margin-bottom:15px}.stock-alert h3{font-size:23px;margin:0 0 10px}.stock-alert p{font-size:12px;color:#7f7968;margin:0}.stock-alert button{border:1px solid #c3b39a;background:transparent;padding:10px 16px;color:#775c40}.stock-alert button:disabled{opacity:.5;cursor:default}.empty-state{padding:45px;text-align:center;border:1px dashed #ccd0bf;color:#7c856e;font-size:13px}.staff-footer{max-width:1380px;margin:40px auto 0;padding:25px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8b8e7d;font-size:10px}.staff-page .staff-dialog{padding:35px;max-width:520px}.staff-dialog h2{clear:both;font-size:30px;line-height:1.3}.staff-page button:hover{filter:brightness(.97)}.staff-page button:focus-visible{outline:3px solid #a5af91;outline-offset:3px}@media(max-width:1000px){.workspace-tools>span{display:none}.staff-table td,.staff-table th{padding:16px}.login-copy{padding:35px}.login-panel{padding:45px 30px}.login-copy .login-art span{display:none}.staff-page .login-copy h1{font-size:45px}.identity{max-width:170px}.staff-header-actions{gap:12px}}@media(max-width:700px){.staff-ribbon span{display:none}.staff-page .staff-header{height:auto;min-height:95px;padding:20px 5%;align-items:center;gap:15px}.staff-header .brand{font-size:35px}.staff-header .brand span{font-size:7px;letter-spacing:1.5px}.staff-header-actions{gap:8px;flex-wrap:wrap;justify-content:end}.identity{font-size:10px;max-width:155px}.store-link{font-size:11px}.staff-main{padding:0 5%}.staff-login{grid-template-columns:1fr;margin:25px 0;min-height:auto}.login-copy{padding:28px}.staff-page .login-copy h1{font-size:40px}.login-copy .lead{font-size:13px;margin-bottom:0}.login-art{display:none}.login-panel{padding:35px 28px}.login-panel h2{font-size:34px}.workspace-heading{padding:30px 0 20px;align-items:start}.staff-page .workspace-heading h1{font-size:37px;line-height:1.12;margin:15px 0}.workspace-heading h1 br{display:block}.workspace-heading .muted{font-size:11px}.workspace-tools{padding-top:30px}.outline-button{padding:7px 11px;white-space:nowrap}.workspace-nav{overflow:auto;gap:0;margin-bottom:22px}.workspace-nav button{padding:15px 13px;min-height:56px;white-space:nowrap;gap:6px}.workspace-nav button>span:not(.count-pill){font-size:11px}.workspace-nav button{font-size:8px}.staff-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 23px}.staff-metric{padding:16px 10px}.metric-mark{display:none}.staff-metric .metric-label{font-size:8px;letter-spacing:.4px;display:block;min-height:27px}.staff-metric strong{font-size:34px;margin:0}.staff-metric small{font-size:9px;display:block;line-height:1.4}.panel-top{padding:20px;flex-direction:column;align-items:stretch;gap:5px}.inventory-search input{width:100%;margin-bottom:15px;font-size:16px}.staff-page h2{font-size:29px}.panel-foot{padding:15px;flex-direction:column;gap:5px}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block;width:100%}.staff-table thead{display:none}.staff-table tr{border-bottom:1px solid var(--line);padding:16px 20px}.staff-table td{padding:7px 0;border:0;display:flex;justify-content:space-between;gap:15px;font-size:12px;min-width:0;overflow-wrap:anywhere}.staff-table td:before{content:attr(data-label);font:10px/1.8 Arial;color:#8a8e7c;flex-shrink:0}.staff-table td:first-child{font-size:22px;display:block;padding-bottom:15px}.staff-table td:first-child:before{display:none}.staff-table td[data-label='Customer / delivery']{display:block}.staff-table td[data-label='Customer / delivery']:before{display:block}.stock-alert{padding:20px;align-items:start;flex-direction:column;gap:15px}.stock-alert h3{font-size:23px}.staff-footer{padding:25px 5%;flex-direction:column;gap:10px}.staff-page .staff-dialog{padding:25px}.staff-page .staff-dialog h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Freight detail tables share the storefront/staff typography and stay usable on phones. */
.freight-dialog {width:min(720px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-sizing:border-box;}
.freight-dialog label,.freight-dialog input,.freight-dialog select {min-width:0;box-sizing:border-box;}
.freight-dialog input,.freight-dialog select {width:100%;}
.freight-dialog fieldset {min-width:0;margin:1rem 0;padding:1rem;border:1px solid #d8d4ca;border-radius:12px;}
.freight-table-wrap {max-width:100%;overflow-x:auto;margin:1rem 0;}
.freight-table-wrap table {width:100%;border-collapse:collapse;font-size:.9rem;}
.freight-table-wrap caption {text-align:left;font-weight:700;margin-bottom:.5rem;}
.freight-table-wrap th,.freight-table-wrap td {padding:.5rem;text-align:left;border-bottom:1px solid #ddd;overflow-wrap:anywhere;}