/* Interface com navegação discreta e foco no conteúdo. */
:root { --workspace-bg:#202123; --workspace-side:#171819; --workspace-surface:#292a2d; --workspace-text:#ececf1; --workspace-border:#3d3e42; }
body { background:var(--workspace-bg); color:var(--workspace-text); }
header, body:has(#workspace:not([hidden])) header { background:var(--workspace-bg); border-bottom:0; padding:20px 32px; }
.brand strong { font-size:19px; font-weight:600; }.brand small { font-size:14px; }.az-logo { width:40px; height:40px; border-radius:9px; }
.account-avatar { display:none; }#account { gap:12px; }#identity { max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#theme-toggle, #logout { background:transparent; border-color:var(--workspace-border); font-size:14px; }
body:has(#workspace:not([hidden])) main { max-width:1370px; margin-left:248px; padding:28px clamp(24px,4vw,72px); }
body:has(#workspace:not([hidden])) .screen-nav { width:248px; top:90px; padding:30px 14px 20px; background:var(--workspace-side); border-right:0; }
body:has(#workspace:not([hidden])) .screen-nav a { padding:13px 16px; font-weight:500; border-radius:8px; gap:12px; }
.screen-nav a[aria-current=page] { background:#303134; box-shadow:none; color:#fff; }
.screen-nav a:hover { background:#27282b; }
.nav-caption { opacity:.8; }.nav-icon { font-size:19px; }.nav-foot { line-height:1.6; }
h1 { font-size:clamp(27px,3vw,34px); font-weight:600; letter-spacing:-.8px; }h2 { font-size:20px; font-weight:600; }
.eyebrow { color:#a8afbb; font-size:12px; letter-spacing:1px; }
.panel { background:transparent; border:0; box-shadow:none; border-radius:0; padding:24px 0; margin-bottom:20px; }
.heading { margin-bottom:24px; }#workspace > .heading { padding:16px 0 6px; }
.stats { gap:0; padding:20px 0 28px; border-bottom:1px solid var(--workspace-border); margin-bottom:24px; }
.stat, .stat:first-child { min-height:100px; background:transparent; border:0; border-radius:0; box-shadow:none; padding:8px 20px; color:#b9bac4; }
.stat:first-child { padding-left:0; }.stat + .stat { border-left:1px solid var(--workspace-border); }
.stat b, .stat:first-child b, .stat:last-child b { color:#f4f4f5; font-size:34px; font-weight:500; margin-top:12px; }
.dashboard-grid { display:flex; flex-direction:column; gap:0; }.recent-panel { order:0; }.activity-panel { order:1; }
.recent-table th { padding-bottom:18px; }.recent-table td { padding:20px 8px; border-color:var(--workspace-border); }
.recent-table .badge { border-radius:6px; }.recent-table td small { margin-top:6px; }
summary { cursor:pointer; list-style-position:inside; font-size:16px; font-weight:500; }
summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.activity-panel { border-top:1px solid var(--workspace-border); border-bottom:1px solid var(--workspace-border); padding:20px 0; }
.activity-panel summary { display:list-item; }.activity-panel summary .muted { margin-left:12px; font-weight:400; }
.activity-panel[open] summary { margin-bottom:24px; }.activity-panel .activity-chart { max-width:650px; }
.shortcuts-panel > .heading { display:none; }.summary-links { gap:12px; }
.summary-links a { padding:18px; background:transparent; border:1px solid var(--workspace-border); border-radius:10px; }
.summary-links strong { font-size:16px; font-weight:500; }.summary-links span { font-size:14px; }
.summary-links a:hover { background:#292a2d; border-color:#626570; }
button, .action-link { border-radius:8px; font-weight:500; }
.primary, .action-link { background:#0046bf; color:#fff; }.primary:hover,.action-link:hover { background:#0758dc; }
input, select { background:#292a2d; border-color:#55565c; border-radius:8px; padding:12px; }
#order-form > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }#order-form .wide { grid-column:auto; }
#form-screen { max-width:800px; }#form-screen > .heading { border-bottom:1px solid var(--workspace-border); padding-bottom:20px; }
fieldset { background:transparent; border-color:var(--workspace-border); padding:22px; }
.search-toolbar { max-width:640px; margin:8px 0 20px; }.search-toolbar input { margin-top:2px; }
.filter-drawer { border-top:1px solid var(--workspace-border); border-bottom:1px solid var(--workspace-border); padding:15px 0; margin-bottom:20px; }
.filter-drawer summary { color:#d4d4dc; }.filter-drawer .filters { margin:20px 0; }.filter-drawer button { margin-bottom:8px; }
#filter-count { color:var(--muted); font-size:14px; }
#notice { background:transparent; border:0; border-left:2px solid #657288; border-radius:0; padding:7px 12px; font-size:14px; color:#bcbfc9; }
#notice.error { background:#351f27; border-left-color:#e78a9a; color:#ffd9df; }
.order { background:transparent; border:1px solid var(--workspace-border); border-radius:10px; box-shadow:none; }
.aisle { background:#292c32; color:#b2ccf4; }.order-body { padding:22px; }.order-top { align-items:flex-start; }
.empty { background:transparent; border-radius:10px; }.login { background:var(--workspace-surface); border-radius:16px; padding:32px; margin-top:50px; }
footer { padding-top:24px; border-top:1px solid var(--workspace-border); }
[data-theme=light] { --workspace-bg:#fff; --workspace-side:#f4f4f5; --workspace-surface:#fafafa; --workspace-text:#202124; --workspace-border:#e0e1e5; }
[data-theme=light] body, [data-theme=light] header, [data-theme=light] body:has(#workspace:not([hidden])) header { background:var(--workspace-bg); color:var(--workspace-text); }
[data-theme=light] body:has(#workspace:not([hidden])) .screen-nav { background:var(--workspace-side); }
[data-theme=light] .screen-nav a[aria-current=page] { background:#e5e5e9; color:#172033; box-shadow:none; }
[data-theme=light] .screen-nav a:hover { background:#ebebed; }
[data-theme=light] .panel, [data-theme=light] .stat, [data-theme=light] .stat:first-child { background:transparent; border:0; box-shadow:none; color:#536175; }
[data-theme=light] .panel { color:#202124; }
[data-theme=light] .stat + .stat { border-left:1px solid var(--workspace-border); }
[data-theme=light] .stat b, [data-theme=light] .stat:first-child b, [data-theme=light] .stat:last-child b { color:#202124; }
[data-theme=light] .activity-panel { border-top:1px solid var(--workspace-border); border-bottom:1px solid var(--workspace-border); }
[data-theme=light] input, [data-theme=light] select { background:#fafafa; border-color:#a6a9b0; }
[data-theme=light] .summary-links a, [data-theme=light] .order { background:transparent; border-color:var(--workspace-border); }
[data-theme=light] .summary-links a:hover { background:#f7f7f8; }
[data-theme=light] .filter-drawer summary { color:#344258; }
[data-theme=light] #notice { background:transparent; border:0; border-left:2px solid #a6b2c3; color:#536175; }
[data-theme=light] #notice.error { background:#fff0f2; border-left-color:#b7455a; color:#8c2035; }
[data-theme=light] .login { background:#f7f7f8; padding:32px; border-radius:16px; }
[data-theme=light] fieldset { background:transparent; }
@media(max-width:1000px) { .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }.stat:nth-child(3) { border-left:0; padding-left:0; } }
@media(max-width:800px) {
  body:has(#workspace:not([hidden])) main { margin-left:0; padding:20px; }
  header, body:has(#workspace:not([hidden])) header { padding:20px; }
  body:has(#workspace:not([hidden])) .screen-nav { position:static; flex-direction:row; width:auto; background:transparent; padding:0 0 16px; }
  [data-theme=light] body:has(#workspace:not([hidden])) .screen-nav { background:transparent; }
  .header-actions { gap:8px; }#identity { max-width:210px; font-size:13px; }
  #order-form > .grid { gap:20px 16px; }.summary-links { grid-template-columns:1fr; }
  .panel { padding:18px 0; }h1 { font-size:28px; }.stat b, .stat:last-child b { font-size:30px; }
}
@media(max-width:480px) { #order-form > .grid { grid-template-columns:1fr; }#refresh { width:100%; }.heading .buttons { width:100%; }.heading .buttons button, .heading .buttons .action-link { flex:1; } }