/* Preto e grafite com azul para as ações principais. */
:root {
  background: #09090b;
  color: #f4f4f5;
  --muted: #a1a1aa;
  --line: #2b2b30;
  --panel: #141416;
  --accent: #4d9fff;
}
body { background: radial-gradient(ellipse at 85% 0%, #10141b 0, transparent 45%), #09090b; }
header { background: #0c0c0eeF; border-bottom-color: #252529; }
.mark { background: #132a45; color: #8cc1ff; border-color: #264d76; }
.eyebrow { color: #8db7e8; }
.panel { background: linear-gradient(145deg, #19191c, #111113); box-shadow: 0 12px 32px #00000018; }
.stat { background: linear-gradient(145deg, #19191c, #121214); }
.stat b { color: #fafafa; }
.stat:last-child b { color: #b6e3ca; }
label { color: #d4d4d8; }
input, select { border-color: #45454c; background: #0e0e10; color: #f4f4f5; }
input::placeholder { color: #8f8f99; opacity: 1; }
input:hover, select:hover { border-color: #656570; }
button { background: #222225; border-color: #414148; color: #e4e4e7; transition: background .15s, border-color .15s; }
button:hover { background: #2d2d32; border-color: #62626c; filter: none; }
.primary, .action-link { background: #4d9fff; border-color: #4d9fff; color: #061525; }
.primary:hover, .action-link:hover { background: #82bcff; border-color: #82bcff; }
fieldset { border-color: #2b4059; background: #11171e; }
legend { color: #9bc7ff; }
#notice { background: #19191d; border-color: #37373e; color: #d4d4d8; }
#notice.error { background: #2d181e; border-color: #804250; color: #fecdd3; }
.order { background: #131315; border-color: #323237; }
.aisle { background: #14253b; color: #8cc1ff; }
.client, .order-note { color: #b4b4be; }
.details { color: #a1a1aa; }
.details b { color: #e4e4e7; }
.badge { background: #2b2b30; color: #d4d4d8; }
.badge.transito { background: #332816; color: #f4d38b; }
.badge.entregue { background: #163025; color: #a0dfba; }
.badge.devolvido, .badge.cancelado { background: #321e24; color: #edb0bf; }
.empty { border-color: #45454c; }
footer { color: #a1a1aa; }
dialog { background: #18181b; color: #f4f4f5; border-color: #45454c; box-shadow: 0 24px 80px #0008; }
.event, .member { border-bottom-color: #323237; }
.event p { color: #b4b4be; }
.screen-nav a:hover { background: #222225; color: #fafafa; }
.screen-nav a[aria-current=page] { background: #132a45; color: #a9d1ff; box-shadow: inset 0 0 0 1px #284d78; }
.summary-links a { background: #141416; color: #f4f4f5; transition: background .15s, border-color .15s; }
.summary-links a:hover { background: #171d26; border-color: #4d87cd; }
::selection { background: #205da2; color: #fff; }
.mark { position:relative; font-size:20px; font-weight:800; letter-spacing:-1.5px; border-radius:14px; width:48px; height:48px; }
.mark span { position:absolute; right:3px; top:0; font-size:13px; }
.brand strong { letter-spacing:-.7px; font-size:21px; }
.brand small { font-size:11px; letter-spacing:.3px; }
#account { display:flex; align-items:center; gap:12px; }
.account-avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#1c2c42; border:1px solid #304966; color:#9dcbff; font-size:11px; font-weight:700; }
.nav-caption { display:none; }
.nav-icon { display:inline-block; width:25px; font-size:20px; vertical-align:middle; line-height:1; }
.nav-foot { display:none; }
.panel { border-color:#28282c; border-radius:22px; background:#19191c; }
.stats { gap:16px; }
.stat { border-radius:20px; padding:23px 20px; min-height:132px; background:#1a1a1d; border-color:#29292d; }
.stat b { margin-top:24px; font-size:32px; letter-spacing:-1px; font-weight:600; }
.stat:first-child { background:#398ef5; color:#061d38; border-color:#398ef5; }
.stat:first-child b { color:#05182f; }
.stat:last-child b { color:#a9cfff; font-size:23px; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:22px; }
.dashboard-grid .panel { min-width:0; }
.chart-total { margin:4px 0 12px; font-size:32px; letter-spacing:-1px; }
.chart-total small { letter-spacing:0; font-size:12px; margin-left:6px; }
.activity-chart { height:165px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; border-bottom:1px solid #34343a; padding:0 4px; }
.chart-column { display:flex; flex-direction:column; align-items:center; min-height:0; }
.chart-count { font-size:11px; color:#b9b9c3; height:22px; }
.bar-track { display:flex; align-items:flex-end; justify-content:center; flex:1; width:100%; min-height:0; }
.chart-bar { width:100%; max-width:42px; background:#515c6b; border-radius:5px 5px 0 0; }
.chart-bar.today { background:#4d9fff; }
.chart-day { font-size:11px; color:#a1a1aa; height:25px; padding-top:7px; }
.chart-caption { margin:13px 0 0; font-size:11px; }
.text-link { color:#90bfff; text-decoration:none; font-size:12px; }
.text-link:hover { text-decoration:underline; }
.recent-table-wrap { overflow-x:auto; }
.recent-table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
.recent-table th { color:#a1a1aa; font-weight:400; padding:0 8px 14px; white-space:nowrap; }
.recent-table td { border-top:1px solid #303034; padding:14px 8px; }
.recent-table td:nth-child(2) { color:#aaaab5; }
.recent-table td small { display:block; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; font-size:11px; }
.order-shortcut { padding:0; border:0; border-radius:2px; background:none; color:#f4f4f5; font-size:13px; text-align:left; }
.order-shortcut:hover { background:none; color:#91c2ff; }
.summary-links a { border-radius:16px; }
.badge { padding:7px 10px; font-size:10px; }
.badge.transito { background:#153255; color:#a4d0ff; }
#notice { font-size:12px; border-radius:12px; }
body:has(#workspace:not([hidden])) main { max-width:none; margin-left:228px; padding:28px clamp(22px,3vw,46px); }
body:has(#workspace:not([hidden])) header { min-height:90px; padding:20px 32px; }
body:has(#workspace:not([hidden])) .screen-nav { position:fixed; top:90px; bottom:0; left:0; width:228px; border:0; border-right:1px solid #252529; background:#0c0c0f; padding:28px 16px; margin:0; display:flex; flex-direction:column; gap:9px; overflow-y:auto; z-index:10; }
body:has(#workspace:not([hidden])) .screen-nav a { display:flex; align-items:center; gap:10px; padding:14px 16px; font-size:13px; border-radius:12px; }
body:has(#workspace:not([hidden])) .nav-caption { display:block; font-size:9px; letter-spacing:1.5px; color:#93939f; margin:0 8px 16px; }
body:has(#workspace:not([hidden])) .nav-foot { display:block; margin:auto 8px 0; padding-top:36px; font-size:10px; color:#aaaab4; }
.nav-foot small { display:block; font-size:10px; color:#92929e; margin-top:8px; }
.connection-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#70caa0; margin-right:6px; }
@media(min-width:1600px) { body:has(#workspace:not([hidden])) main { max-width:1600px; margin-left:228px; } }
@media(max-width:1150px) { .dashboard-grid { grid-template-columns:1fr; }.stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) {
  body:has(#workspace:not([hidden])) main { margin-left:0; padding:20px 16px; }
  body:has(#workspace:not([hidden])) header { padding:20px; min-height:0; }
  body:has(#workspace:not([hidden])) .screen-nav { position:static; flex-direction:row; width:auto; padding:0 0 16px; margin:0 0 24px; border-right:0; border-bottom:1px solid var(--line); background:transparent; overflow-x:auto; }
  body:has(#workspace:not([hidden])) .screen-nav a { gap:5px; padding:11px 12px; }
  body:has(#workspace:not([hidden])) .nav-caption, body:has(#workspace:not([hidden])) .nav-foot { display:none; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .stat { min-height:115px; padding:18px 15px; border-radius:16px; }
  .stat b { font-size:29px; margin-top:18px; }
  .panel { border-radius:18px; }.nav-icon { font-size:17px; width:19px; }
  .stat:last-child { grid-column:span 2; }.account-avatar { display:none; }
}
/* Identidade AZ: tons amostrados da imagem fornecida. */
:root { --brand-blue:#0046bf; --brand-blue-dark:#002d79; --accent:#8db8ff; }
.az-logo { object-fit:contain; border:0; border-radius:10px; background:transparent; flex-shrink:0; }
.primary, .action-link { background:var(--brand-blue); border-color:var(--brand-blue); color:#fff; }
.primary:hover, .action-link:hover { background:#0758dc; border-color:#0758dc; }
.stat:first-child { background:linear-gradient(130deg,#002d79,#0046bf); border-color:#1653b4; color:#e3edff; }
.stat:first-child b { color:#fff; }
.stat:last-child b { color:#fafafa; font-size:32px; }
.stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.chart-bar.today { background:var(--brand-blue); }
.screen-nav a[aria-current=page] { background:#002d7959; color:#b2cfff; box-shadow:inset 0 0 0 1px #204e91; }
@media(max-width:1150px) { .stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .stat:last-child { grid-column:auto; }.stat:last-child b { font-size:29px; } }
/* Leitura confortável nos dois temas. */
body { font-size:16px; line-height:1.5; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; flex-wrap:wrap; }
#theme-toggle { min-height:44px; white-space:nowrap; }
.brand small { font-size:14px; }
label, input, select, button, .action-link { font-size:16px; }
input, select, button, .action-link { min-height:44px; }
small, .muted, .login small, #account, footer, .event, .member { font-size:14px; }
#identity { overflow-wrap:anywhere; }
.eyebrow { font-size:13px; letter-spacing:1.2px; }
.stat { font-size:15px; }
.stat b, .stat:last-child b { font-size:36px; }
h2 { font-size:22px; }
.screen-nav a, body:has(#workspace:not([hidden])) .screen-nav a { font-size:16px; }
body:has(#workspace:not([hidden])) .nav-caption { font-size:11px; letter-spacing:1px; }
body:has(#workspace:not([hidden])) .nav-foot, .nav-foot small { font-size:12px; }
.recent-table, .recent-table td small, .order-shortcut { font-size:15px; }
.recent-table th { font-size:14px; }
.recent-table td small { white-space:normal; overflow-wrap:anywhere; }
.badge { font-size:13px; white-space:normal; display:inline-block; }
.text-link, .chart-total small, .chart-count, .chart-day, .chart-caption { font-size:14px; }
.chart-count { height:26px; }.chart-day { height:29px; }
#notice { font-size:15px; }
.client, .details, .order-note, .pagination, legend { font-size:15px; }
.order h3, .summary-links strong { font-size:18px; }
.summary-links span { font-size:15px; }
.account-avatar { font-size:12px; }
:root[data-theme=light] { color-scheme:light; background:#f3f5f9; color:#172033; --muted:#536175; --line:#d9dfe8; --panel:#fff; --accent:#0046bf; }
[data-theme=light] body { background:#f3f5f9; color:#172033; }
[data-theme=light] header, [data-theme=light] body:has(#workspace:not([hidden])) header { background:#fff; border-color:#d9dfe8; }
[data-theme=light] .panel, [data-theme=light] .stat { background:#fff; border-color:#d9dfe8; box-shadow:0 5px 18px #152b4810; }
[data-theme=light] .stat b, [data-theme=light] .stat:last-child b { color:#172033; }
[data-theme=light] .stat:first-child { background:linear-gradient(130deg,#002d79,#0046bf); color:#e3edff; border-color:#0046bf; }
[data-theme=light] .stat:first-child b { color:#fff; }
[data-theme=light] label { color:#344258; }
[data-theme=light] input, [data-theme=light] select { background:#fff; color:#172033; border-color:#a6b2c3; }
[data-theme=light] input::placeholder { color:#657287; }
[data-theme=light] button { background:#f2f5fa; border-color:#b7c3d4; color:#243650; }
[data-theme=light] button:hover { background:#e4ebf6; border-color:#7089ad; }
[data-theme=light] .primary, [data-theme=light] .action-link { background:#0046bf; border-color:#0046bf; color:#fff; }
[data-theme=light] .primary:hover, [data-theme=light] .action-link:hover { background:#003894; border-color:#003894; }
[data-theme=light] fieldset { background:#f4f7fc; border-color:#c6d3e8; }
[data-theme=light] legend, [data-theme=light] .eyebrow, [data-theme=light] .text-link { color:#0046bf; }
[data-theme=light] #notice { background:#eaf1ff; border-color:#b8cdf0; color:#204375; }
[data-theme=light] #notice.error { background:#fff0f2; border-color:#e6a3af; color:#8c2035; }
[data-theme=light] body:has(#workspace:not([hidden])) .screen-nav { background:#fff; border-color:#d9dfe8; }
[data-theme=light] .screen-nav a:hover { background:#eef2f8; color:#172033; }
[data-theme=light] .screen-nav a[aria-current=page] { background:#e5eeff; color:#003c9f; box-shadow:inset 0 0 0 1px #b9cef0; }
[data-theme=light] body:has(#workspace:not([hidden])) .nav-caption, [data-theme=light] body:has(#workspace:not([hidden])) .nav-foot, [data-theme=light] .nav-foot small { color:#536175; }
[data-theme=light] .account-avatar { background:#e7effc; border-color:#bfd0eb; color:#0046bf; }
[data-theme=light] .summary-links a, [data-theme=light] .order { background:#fff; color:#172033; border-color:#d9dfe8; }
[data-theme=light] .summary-links a:hover { background:#f3f7ff; border-color:#739bd9; }
[data-theme=light] .aisle { background:#e8f0ff; color:#0046bf; }
[data-theme=light] .client, [data-theme=light] .details, [data-theme=light] .order-note, [data-theme=light] .event p, [data-theme=light] .recent-table td:nth-child(2), [data-theme=light] .chart-count, [data-theme=light] .chart-day, [data-theme=light] .recent-table th, [data-theme=light] footer { color:#536175; }
[data-theme=light] .details b, [data-theme=light] .order-shortcut { color:#172033; }
[data-theme=light] .order-shortcut { background:none; }
[data-theme=light] .order-shortcut:hover { background:none; color:#0046bf; }
[data-theme=light] .badge { background:#edf0f5; color:#455269; }
[data-theme=light] .badge.transito { background:#e1edff; color:#003f9e; }
[data-theme=light] .badge.entregue { background:#e1f4e9; color:#17623b; }
[data-theme=light] .badge.devolvido, [data-theme=light] .badge.cancelado { background:#ffe7ed; color:#912d48; }
[data-theme=light] .recent-table td, [data-theme=light] .activity-chart, [data-theme=light] .event, [data-theme=light] .member { border-color:#d9dfe8; }
[data-theme=light] .chart-bar { background:#a6b5c9; }
[data-theme=light] .chart-bar.today { background:#0046bf; }
[data-theme=light] .empty { border-color:#a6b2c3; }
[data-theme=light] dialog { background:#fff; color:#172033; border-color:#b7c3d4; }
@media(max-width:800px) {
  .header-actions { justify-content:flex-start; gap:12px; width:100%; }
  #account { flex-wrap:wrap; gap:8px; }
  #identity { max-width:100%; }
  body:has(#workspace:not([hidden])) .screen-nav a { font-size:15px; padding:12px; }
  .stat b, .stat:last-child b { font-size:32px; }
  [data-theme=light] body:has(#workspace:not([hidden])) .screen-nav { background:transparent; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}