:root{font-family:Arial,sans-serif;color:#242922;background:#f4f3ee}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:232px;inset:0 auto 0 0;background:#202820;color:#f6f4eb;padding:40px 25px;display:flex;flex-direction:column}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;color:inherit;text-decoration:none}.brand span{display:block;letter-spacing:3px;font-size:9px;margin-top:8px}nav{display:grid;gap:7px;margin-top:55px}nav a{color:#d5d9ce;text-decoration:none;padding:15px 12px;font-size:13px;border-radius:3px}nav a.active,nav a:hover{background:#3b4938;color:white}aside small{margin-top:auto;line-height:2;color:#aab4a4}main{margin-left:232px;padding:28px 42px;max-width:1800px}header{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;padding-bottom:26px;border-bottom:1px solid #d9dbd1}.badge{color:#63724a}.notice{background:#e9e8dc;padding:14px 18px;font-size:12px;line-height:1.6;margin:22px 0}h1{font-size:35px;letter-spacing:-1px;margin:30px 0 8px}h2{font-size:18px}p{color:#697064;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.card,.panel{background:#fff;padding:23px;border:1px solid #e1e3d8;border-radius:5px}.card small{color:#68745f}.card strong{display:block;font-size:25px;margin-top:15px}.panel{margin:20px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#77816e;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#f7f8f3}th,td{padding:14px 12px;border-bottom:1px solid #e6e8de;white-space:nowrap}td:first-child{white-space:normal;min-width:170px}label{display:grid;gap:8px;font-size:12px;color:#59634f}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #d5d9ce;border-radius:3px;min-width:0}input,select,textarea{background:#fff;width:100%;color:#242922}button{cursor:pointer;background:#34472d;color:white;border-color:#34472d}button.secondary{color:#34472d;background:#eef0e7}button:disabled{opacity:.45;cursor:default}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid .wide{grid-column:1/-1}.actions{display:flex;gap:7px}.actions button{padding:7px;font-size:11px}.muted{color:#77816e;font-size:12px}.pill{background:#edf0e6;padding:5px 8px;border-radius:15px;font-size:11px}#status:not(:empty){position:sticky;top:10px;background:#e5efdc;padding:15px;z-index:2;border:1px solid #b9c7a8}#status.error{background:#fae7df;border-color:#dcad9b}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}details{margin:15px 0}summary{cursor:pointer;font-weight:bold}.line{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:10px;margin:10px 0}.toolbar{display:flex;gap:12px;margin:20px 0}.toolbar input{max-width:500px}@media(max-width:1000px){aside{width:180px;padding:25px 15px}main{margin-left:180px;padding:20px}.cards{grid-template-columns:1fr 1fr}.form-grid,.split{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}aside small{display:none}nav{display:flex;overflow:auto;margin:15px 0 0;gap:0}nav a{white-space:nowrap;padding:10px}main{margin:0;padding:16px}.cards{gap:8px}.card{padding:15px}.card strong{font-size:19px}h1{font-size:28px}.line{grid-template-columns:1fr 1fr}.line select{grid-column:1/-1}}

.tag{display:inline-block;padding:1px 6px;border:1px solid currentColor;font-size:10px;letter-spacing:.08em}
.incoming{border-left:3px solid #111}
.login{max-width:420px;margin:60px auto}
body.signed-out aside nav,body.signed-out aside small,body.signed-out .notice,body.signed-out header .badge{display:none}
.picker{position:relative}.pick-list{position:absolute;z-index:5;left:0;right:0;top:100%;margin:2px 0 0;padding:0;list-style:none;background:#fff;border:1px solid #c9cfbf;border-radius:3px;max-height:340px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.pick-list li{padding:9px 11px;cursor:pointer;font-size:13px;border-bottom:1px solid #f0f1ea}.pick-list li small{display:block;color:#77816e;font-size:11px;margin-top:2px}.pick-list li.on,.pick-list li[data-sku]:hover{background:#eef0e7}.pick-list li.none{color:#77816e;cursor:default}
@media(max-width:650px){.line .picker{grid-column:1/-1}.pick-list li{padding:12px 11px}}
.bad{color:#a2412a}.check{display:flex;align-items:center;gap:8px;font-size:12px}.check input{width:auto}
.toolbar.wrap{flex-wrap:wrap}.toolbar select{width:auto}
.thumb{width:84px;height:105px;object-fit:cover;background:#f2f2ee;border:1px solid #e1e3d8;display:inline-flex;align-items:center;justify-content:center;color:#aaa}
.images{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.images figure{margin:0;width:120px}.images .thumb{width:120px;height:150px}.images figcaption{font-size:11px}.images .actions button{padding:4px 7px}
.drop{flex:1 1 220px;min-height:150px;border:2px dashed #c9cfbf;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;cursor:pointer;color:#59634f}.drop.over{background:#eef0e7;border-color:#34472d}.drop input{display:none}
fieldset{border:1px solid #e1e3d8;border-radius:4px;padding:10px 12px}legend{font-size:12px;color:#59634f}.chips,.sizes-pick{display:flex;flex-wrap:wrap;gap:10px 16px}
@media(max-width:650px){.images figure{width:46%}.images .thumb{width:100%}}
.line-note{grid-column:1/-1;font-size:12px;color:#59634f;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.line-note input{max-width:360px}
.ship{font-size:12px;margin:0 0 6px;white-space:normal;max-width:360px}.ship .actions{margin:4px 0}.tag.warn{color:#a2412a}
.li{position:relative;display:inline-block;margin:2px 0}.li a{text-decoration:none;margin-left:2px}.peek{padding:0 4px;margin-right:4px;border:1px solid #d5d9ce;background:#fff;color:inherit;font-size:12px;line-height:18px}
.peek-box{position:fixed;z-index:20;background:#fff;border:1px solid #c9cfbf;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:4px}.peek-box img{display:block;width:220px;height:auto}
@media(max-width:650px){.peek-box img{width:170px}}
.tag.ok{color:#2f6b2f;border-color:#2f6b2f}
.addr{color:#6d7468;display:inline-block;max-width:260px;white-space:normal;line-height:1.4}.copyable{cursor:pointer;text-decoration:underline dotted}button.mini{padding:3px 8px;font-size:11px;margin-top:4px}
.size-grid{display:grid;grid-template-columns:repeat(7,minmax(60px,1fr));gap:8px}.size-grid label{font-size:11px}@media(max-width:650px){.size-grid{grid-template-columns:repeat(4,1fr)}}
.picker{position:relative}.picker .pick{padding-right:44px}.pick-photo{position:absolute;right:4px;top:4px;padding:4px 8px;min-height:0;background:transparent;border:0;font-size:18px;cursor:pointer}
.pick-list li.photo-hit{display:flex;gap:10px;align-items:flex-start;cursor:default}.photo-hit img{width:64px;height:64px;object-fit:cover;border-radius:4px;flex:none}.photo-hit small{display:block}
.photo-sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.photo-size{padding:2px 10px;min-height:0;font-size:12px}
.num-edit{background:none;border:0;border-bottom:1px dashed currentColor;padding:0 2px;min-height:0;font:inherit;color:inherit;cursor:pointer}.num-edit:hover{background:#f3eed8}.num-input{width:64px;padding:2px 4px;font:inherit}

.fin-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fin-tools #finSearch{flex:1 1 220px}
.fin-thumb{padding:0;border:1px solid #d5d9ce;background:#fff;min-height:0;cursor:zoom-in;line-height:0}.fin-thumb img{width:56px;height:56px;object-fit:cover;display:block}
.num-edit.has{font-weight:700}.fin-lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:16px}.fin-lightbox img{max-width:min(90vw,700px);max-height:90vh;background:#fff}

.line.eline{grid-template-columns:3fr 70px 1fr 1.4fr auto}@media(max-width:650px){.line.eline{grid-template-columns:1fr 1fr}}
.warn-box{background:#fff6dc;border:1px solid #e6cf8a;padding:10px 12px;margin:8px 0}button.danger{color:#a12a1a;border-color:#d9a79f}

.due-amt{display:inline-block;color:#fff;background:#c2410c;font-weight:700;font-size:1.05em;padding:3px 8px;border-radius:4px;white-space:nowrap}.due-amt small{font-weight:600;opacity:.9;margin-right:4px;font-size:.78em;text-transform:uppercase;letter-spacing:.03em}.due-ok{display:inline-block;color:#2f5d2a;background:#e7f2e3;font-weight:600;padding:3px 8px;border-radius:4px}.due-refund{color:#a12a1a;font-weight:700}

.order-note{margin:6px 0 2px;padding:4px 8px;background:#fff8d6;border-left:3px solid #e0b100;font-size:13px;white-space:pre-wrap;max-width:320px}

.thumb-pop{position:fixed;z-index:60;pointer-events:none;background:#fff;border:1px solid #c9cfbf;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:4px}.thumb-pop[hidden]{display:none}.thumb-pop img{display:block;width:100%;height:auto}

.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.pager>span{color:#666;font-size:13px;margin-right:6px}.pager button{min-height:0;padding:4px 10px}.pager label{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:13px}.pager select{width:auto}
.order-search{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.order-search input{flex:1 1 320px;min-width:0}.order-search button{min-height:0;padding:6px 12px}.order-chips{display:flex;flex-wrap:wrap;gap:6px}.order-chips button{min-height:0;padding:4px 10px;font-size:13px}
.order-discount{font-size:12px;color:#8a5a00;margin-top:2px}
.ads-pct{font-weight:600}.ads-pct.good{color:#1f7a3f}.ads-pct.warn{color:#b26a00}.ads-pct.over{color:#b3261e}
[hidden]{display:none!important}
/* Phones and touch screens; the desktop look is untouched. */
@media(max-width:700px),(pointer:coarse){input,select,textarea{font-size:16px}button{min-height:44px}.actions button{min-height:40px;font-size:13px;padding:8px 10px}.num-edit{min-height:40px;min-width:40px;padding:0 6px}.num-input{width:84px;min-height:40px;font-size:16px}.peek{min-width:40px;min-height:40px;font-size:16px}.pager button{min-height:40px;min-width:40px}.pager select{min-height:40px}summary{padding:10px 0;min-height:44px}.brand{display:inline-block;min-height:40px;line-height:40px}nav a{min-height:44px}a.secondary,.panel a{display:inline-block;padding:6px 0}.check input{width:22px;height:22px}}
@media(max-width:700px){
aside{position:sticky;top:0;z-index:15;padding:10px 16px 0}.brand{font-size:20px;letter-spacing:-1px}.brand span{display:none}nav{display:flex;gap:4px;margin:8px -16px 0;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:none;white-space:nowrap;padding:12px;font-size:14px}
main{margin-left:0;padding:12px 16px 28px;max-width:100%;overflow-wrap:break-word}header{padding-bottom:10px;font-size:11px}.notice{display:none}
h1{font-size:26px;margin:14px 0 6px}h2{font-size:17px}p{font-size:15px}.muted{font-size:13px}label{font-size:14px}small{font-size:12px}
.cards{gap:10px;margin:16px 0}.card{padding:14px}.card small{font-size:13px}.card strong{font-size:19px;margin-top:8px}.panel{padding:16px;margin:14px 0}
.toolbar{flex-wrap:wrap;gap:8px}.toolbar input{max-width:none}.toolbar select{flex:1 1 40%;width:auto}.order-search input{flex:1 1 0}.order-search button{min-height:44px;min-width:44px}
.order-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.order-chips::-webkit-scrollbar{display:none}.order-chips button{flex:none;min-height:40px;font-size:14px;white-space:nowrap}
table{font-size:14px}th{font-size:11px}.actions{flex-wrap:wrap}
.table.stack{overflow:visible}.table.stack table,.table.stack tbody,.table.stack tr,.table.stack td{display:block;width:100%}.table.stack thead{display:none}.table.stack tr{padding:12px 0;border-bottom:2px solid #e1e3d8}.table.stack tr:first-child{padding-top:0}
.table.stack td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:6px 0;border:0;white-space:normal;text-align:right;min-width:0}.table.stack td::before{content:attr(data-label);flex:none;max-width:42%;color:#77816e;font-size:13px;text-align:left}.table.stack td:empty{display:none}
.table.stack td:first-child{display:block;text-align:left;font-size:15px}.table.stack td:first-child::before{display:none}.table.stack td.block{display:block;text-align:left}.table.stack td.block::before{display:block;margin-bottom:4px;max-width:none}.table.stack td[colspan]{display:block;text-align:left}.table.stack td[colspan]::before{display:none}
.table.stack .ship,.table.stack details{text-align:left}.table.stack .actions{justify-content:flex-start}
.thumb{width:72px;height:90px}.line,.line.eline{grid-template-columns:1fr 1fr}.line .picker,.line.eline .picker{grid-column:1/-1}
#orderEditForm>button:not([type=button]),form[data-action=order]>button[type=submit]{position:sticky;bottom:10px;z-index:4;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.peek-box{left:50%!important;top:50%!important;transform:translate(-50%,-50%);z-index:30}.peek-box img{width:min(78vw,330px)}
.thumb-pop{left:5vw!important;width:90vw!important;top:10vh!important}#status:not(:empty){top:96px}
.size-grid{grid-template-columns:repeat(3,1fr)}
}

/* Order status colours: list, filter chips, order page */
.st-new{--st-bg:#e4eefc;--st-fg:#1c4e8f;--st-bd:#b4cdf0}.st-confirmed{--st-bg:#fdf1d6;--st-fg:#7a4a00;--st-bd:#efcf88}.st-shipped{--st-bg:#f0e7fb;--st-fg:#5a2c90;--st-bd:#d2bbef}.st-returned{--st-bg:#fde9dd;--st-fg:#973808;--st-bd:#f1c1a3}.st-cancelled{--st-bg:#ececea;--st-fg:#4f534a;--st-bd:#cfd1ca}.st-rejected{--st-bg:#fbe4e4;--st-fg:#9e1c1c;--st-bd:#eeb8b8}
.st{display:inline-block;padding:3px 10px;border:1px solid var(--st-bd);border-radius:999px;background:var(--st-bg);color:var(--st-fg);font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}
.order-chips button.secondary[class*="st-"]{background:var(--st-bg);color:var(--st-fg);border-color:var(--st-bd)}.order-chips button[class*="st-"]:not(.secondary){background:var(--st-fg);border-color:var(--st-fg);color:#fff}
.fin-sizes{margin:6px 0 10px}.fin-sizes button b{font-size:1.1em}

/* Overdue orders: popup, menu badge, list chip */
.st-late{--st-bg:#fff0ef;--st-fg:#b3140c;--st-bd:#f0a9a4}
.late-badge{display:inline-block;min-width:20px;padding:1px 6px;margin-left:6px;border-radius:999px;background:#c8170e;color:#fff;font-size:12px;line-height:18px;text-align:center}
.late-pop{position:fixed;inset:0;z-index:70;background:rgba(20,24,18,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.late-box{background:#fff;border-top:5px solid #c8170e;border-radius:6px;width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;padding:18px 18px 14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.late-box h2{margin:0 0 4px;font-size:20px;color:#9e140d}.late-box p{margin:0 0 10px}
.late-list{overflow:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.late-row{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:#faf9f5;color:#242922;border:1px solid #e1e3d8;padding:10px 12px;font-size:14px}.late-row:hover{background:#f1f0e8}.late-row small{color:#6c7266}
.late-actions{display:flex;gap:8px;flex-wrap:wrap}.late-actions button{flex:1 1 160px;min-height:44px;font-size:14px}

.photo-note{margin:0 0 10px;padding:8px 10px;background:#eef0e7;border-radius:4px}.photo-note button{min-height:0;padding:4px 10px;margin-left:6px}