:root { color-scheme:dark; }
body { background:radial-gradient(ellipse at top right,#10223755,transparent 55%),#0b0f14!important; color:#e8edf3!important; }
header,body:has(#workspace:not([hidden])) header { background:#0b0f14!important; border-top:0; border-bottom:1px solid #263241; padding:28px 4vw; }
.brand strong { font-size:32px; }.brand small { color:#9aa8b8; }.az-logo { display:block; width:56px; height:56px; object-fit:contain; border-radius:10px; flex-shrink:0; }
body:has(#workspace:not([hidden])) main { margin:0 auto!important; max-width:1460px; padding:26px 28px; }
.screen-nav,#workspace>.heading,#summary-screen,#theme-toggle { display:none!important; }
#workspace>#form-screen,#workspace>#orders-screen { display:block!important; }
#team-panel[hidden] { display:none!important; }
.stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; border:0; }
.stats .stat,.stats .stat:first-child,.stats .stat:last-child { background:#171f28!important; color:#9aa8b8!important; border:1px solid #2b3745!important; padding:20px!important; border-radius:16px; min-height:100px; font-size:13px; text-transform:uppercase; position:relative; }
.stat:after { content:''; position:absolute; right:16px; top:18px; width:8px; height:8px; border-radius:50%; background:#4da3ff; box-shadow:0 0 0 5px #4da3ff20; }
.stat:nth-child(3):after { background:#55c78a; }.stat:nth-child(4):after { background:#f2b84b; }.stat:nth-child(5):after { background:#8b7cff; }
.stats .stat b,.stats .stat:last-child b { font-size:30px!important; color:#eef3f8!important; margin-top:12px; }
.original-tabs { margin:24px 0; display:flex; flex-wrap:wrap; gap:8px; }.original-tabs p { width:100%; margin:0 0 4px; color:#9aa8b8; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
button,.action-link { background:#111720!important; color:#a8bdd3!important; border:1px solid #2b3745!important; }
.original-tabs button[aria-pressed=true] { background:#182b40!important; border-color:#467da9!important; color:#9bceff!important; box-shadow:0 0 16px #4da3ff26,inset 0 1px 0 #8dcaff20; }
.primary { background:linear-gradient(135deg,#5aafff,#2f80ed)!important; color:#06101c!important; box-shadow:0 7px 22px #2f80ed40,inset 0 1px 0 #b9ddff50; }
.primary:hover:not(:disabled) { box-shadow:0 8px 28px #2f80ed60,inset 0 1px 0 #b9ddff70; }
input:focus-visible,select:focus-visible { box-shadow:0 0 16px #4da3ff24; }
.search-toolbar { max-width:none; margin:26px 0; }.search-toolbar input { min-height:52px; }
input,select { background:#171f2a!important; color:#eef3f8!important; border-color:#2b3745!important; }
#form-screen { max-width:none; margin:26px 0; padding:24px!important; background:linear-gradient(130deg,#1a222c,#111720)!important; border:1px solid #2b3745!important; border-radius:18px; }
#order-form>.grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
#orders-screen { padding:0!important; border:0!important; background:transparent!important; }
.order { grid-template-columns:72px minmax(0,1fr); background:linear-gradient(130deg,#181f27,#10161f)!important; border:1px solid #2b3745!important; border-radius:16px; position:relative; }
.aisle { background:#1d3044!important; color:#7fc1ff!important; border:0; border-image:none; font-size:24px; }
.order-body { padding:18px 22px; }.order-top { display:flex; }.details { margin:12px 0; }.order .buttons { justify-content:flex-end; }
.badge { display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; border-radius:9px; border:1px solid #526075; background:#1b2531!important; color:#d1dce9!important; box-shadow:0 0 14px #9aadc218,inset 0 1px 0 #d3e0ee14; font-size:13px; font-weight:600; line-height:1.4; }
.badge.transito,.badge.entregue { color:#87e8b5!important; background:#17352d!important; border-color:#378461; box-shadow:0 0 16px #55c78a30,inset 0 1px 0 #a2f4c52b; }
.badge.devolvido,.badge.cancelado { color:#edb0bf!important; background:#321e24!important; border-color:#905265; box-shadow:0 0 14px #ed7e9d22,inset 0 1px 0 #ffc6d51a; }
.filter-drawer { border-color:#263241; }.filter-drawer summary { display:none; }
#form-screen>.heading { border:0; }#notice { color:#9aa8b8; }
@media(max-width:800px) { .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }#order-form>.grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.brand strong { font-size:25px; }body:has(#workspace:not([hidden])) main { padding:20px 16px; }#form-screen .actions { position:static; } }
@media(max-width:480px) { #order-form>.grid { grid-template-columns:1fr; }.order { grid-template-columns:46px minmax(0,1fr); }.aisle { font-size:18px; }.order-body { padding:14px; }.az-logo { width:44px; height:44px; }.brand strong { font-size:22px; } }

#form-screen { scroll-margin-top:20px; }
.badge.aguardando { color:#f2b84b!important; background:#352b17!important; border-color:#a57a2e; box-shadow:0 0 16px #f2b84b30,inset 0 1px 0 #ffe1a22b; }