@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#1c282c;--muted:#596765;--line:#e9eae5;--paper:#f7f8f4;--green:#245844;--lime:#d9ed9b;--red:#a33629;--font:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--font)}button,input,select,textarea{font:inherit;color:inherit}button,a,label.upload{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.upload:focus-within{outline:3px solid #81ac69;outline-offset:3px}h1,h2,p{margin:0}h1,h2,.brand{font-family:Manrope,var(--font);font-weight:800}h1{font-size:clamp(27px,4vw,34px);letter-spacing:-.04em}h2{font-size:20px}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#1d2e30;color:#c5d1ce;padding:28px 17px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:26px;line-height:1.1;margin:0 10px 28px}.brand small,.store small{display:block;font:11px var(--font);margin-top:4px}.brand small{letter-spacing:2.5px;color:#bed1ca}.store{display:flex;align-items:center;gap:10px;border:1px solid #ffffff25;border-radius:9px;padding:10px;font-size:13px}.store>span{background:#d9ed9b;color:#1d2e30;padding:6px;border-radius:7px;font-weight:800}.nav-heading,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em}.nav-heading{margin:25px 10px 9px}.nav-active{width:100%;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:var(--lime);color:#1d2e30;font-weight:800}main{margin-left:235px;max-width:1600px;padding:32px clamp(18px,3vw,44px)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}header p,.muted{color:var(--muted)}.eyebrow{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 13px;border:1px solid #dbe0d9;border-radius:8px;background:white;font-weight:700;white-space:nowrap}.button:hover:not(:disabled){border-color:#81ac69}.primary{background:var(--green);color:white;border-color:var(--green)}.upload{position:relative;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.empty{padding:32px}.empty p{margin-top:8px}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(200px,2fr);gap:16px;padding:18px;margin-bottom:15px}.summary strong{display:block;font-size:19px}.summary small{color:var(--muted)}progress{width:100%;height:9px;appearance:none;display:block;margin-top:7px}progress::-webkit-progress-bar{background:#e9ece5;border-radius:8px}progress::-webkit-progress-value{background:var(--green);border-radius:8px}progress::-moz-progress-bar{background:var(--green);border-radius:8px}.toolbar{padding:14px;display:grid;gap:11px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{min-height:38px}.tabs [aria-pressed=true]{background:var(--lime);border-color:#c9df88;color:#213a2a}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid #dfe3db;border-radius:7px;background:#fff;padding:9px 11px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);vertical-align:middle;cursor:pointer}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f0f2eb;font-size:12px;letter-spacing:.04em;color:#42524a}td,th{padding:10px 13px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-right:0;width:40px}td.num,th.num{text-align:center;white-space:nowrap}td.num{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.item-name{font-size:16px;font-weight:800;overflow-wrap:anywhere}.item-note{font-size:12px;color:#52615a}.status{color:var(--green)}.issue{color:var(--red)}.status,.issue{font-size:13px;font-weight:800}.table-footer,.actions,footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:13px}.actions{padding:0;margin-bottom:14px}.history{list-style:none;padding:0;margin:18px 0 0}.history li{border-top:1px solid var(--line);padding:8px 0}.history button{width:100%;text-align:left;justify-content:space-between;white-space:normal}#message:not(:empty){padding:10px 13px;margin-bottom:13px;border-radius:8px;background:#e8f0dd}#message.error{background:#fcece8;color:var(--red)}dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid var(--line);border-radius:13px;padding:20px;color:var(--ink)}dialog::backdrop{background:#162b2bd0}dialog form{display:grid;gap:12px}dialog label{display:grid;gap:5px;font-weight:700}dialog label[hidden]{display:none}dialog label#pod-field{display:block}dialog footer{padding:0}.dialog-heading,.fields{display:flex;justify-content:space-between;gap:12px}.fields>*{flex:1}output{font-size:23px;font-weight:800}.close{font-size:22px;align-self:start}
@media(max-width:900px){.sidebar{width:190px}main{margin-left:190px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.sidebar{position:static;width:auto;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{margin:0;font-size:19px}.brand svg{width:35px;height:35px}.store{padding:6px;border:0}.store>span,.store small,.nav-heading,.nav-active{display:none}main{margin:0;padding:18px 12px}header{align-items:start;flex-wrap:wrap}.summary{gap:10px;padding:12px}td,th{padding:8px 5px}td.num{font-size:16px}th{font-size:10px}td:first-child,th:first-child{width:26px}.item-name{font-size:14px}.item-note{font-size:11px}td .button{padding:6px;min-height:36px}.status,.issue{font-size:11px}}
dialog label#pod-field[hidden]{display:none}

.admin-nav{width:100%;margin-top:8px;padding:9px 12px;text-align:left;border:1px solid #ffffff40;border-radius:8px;background:transparent;color:#fff;font-weight:700}.admin-nav:hover{background:#ffffff15}
.cage-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.cage-field[hidden]{display:none}.admin-section h3{margin:0 0 5px}.admin-section p,#report-status{font-size:14px}.admin-section + label textarea{resize:vertical}.admin-section + label{min-width:0}#admin-dialog a{text-decoration:none;color:inherit}
@media(max-width:670px){.sidebar{flex-wrap:wrap}.admin-nav{width:auto;margin:0;padding:7px 9px}.brand{flex-shrink:0}.store{margin-left:auto}}

.store-picker{display:grid;gap:5px;margin-top:12px;color:white}.store-picker[hidden]{display:none}.store-picker select{color:var(--ink)}.signed-record{padding:16px;margin-bottom:15px}.signed-record canvas,#signature-pad{display:block;width:100%;max-width:450px;border:1px solid var(--line);border-radius:8px;margin-top:8px;background:white}#signature-pad{touch-action:none;cursor:crosshair}.history-actions{display:flex;gap:8px;margin-top:12px}.empty+.empty{margin-top:12px}@media(max-width:670px){#deliveries{display:block;width:auto}.store-picker{margin:0;width:100%}}

.clerk-account{float:right;margin:0 0 12px 12px}#clerk-sign-in{margin-top:16px}