:root{
  --bg:#f4f1ef;--surface:#fff;--surface-hover:#fdf2f5;--text:#1e293b;--text-muted:#64748b;--border:#e8e0e6;
  --primary:#881531;--primary-hover:#a31c3a;--primary-soft:#fdf2f5;--primary-border:#fbcfe8;
  --gold:#d4a43a;--gold2:#b8932f;
  --danger:#dc2626;--warning:#d97706;--success:#16a34a;
  --purple:#7c3aed;--purple-soft:#f5f3ff;--info:#0ea5e9;--info-soft:#e0f2fe;
  --radius:14px;--radius-sm:10px;--radius-pill:999px;
  --shadow:0 6px 24px rgba(136,21,49,.12);--shadow2:0 2px 10px rgba(136,21,49,.08);
  --bordeaux:var(--primary);--bordeaux2:#6d1028;--bordeaux3:var(--primary-hover);
  --card:var(--surface);--line:var(--border);--muted:var(--text-muted);
  --good:var(--success);--warn:var(--warning);--bad:var(--danger);
  --bg-dark:#0f172a;--surface-dark:#1e293b;--border-dark:#334155;--text-dark:#e2e8f0;--muted-dark:#94a3b8;
}
[data-theme="dark"]{
  --bg:#0f172a;--surface:#1e293b;--surface-hover:#273449;--text:#e2e8f0;--text-muted:#94a3b8;--border:#334155;
  --card:#1e293b;--line:#334155;--muted:#94a3b8;
  --shadow:0 6px 24px rgba(0,0,0,.45);--shadow2:0 2px 12px rgba(0,0,0,.35);
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0f172a;--surface:#1e293b;--surface-hover:#273449;--text:#e2e8f0;--text-muted:#94a3b8;--border:#334155;
    --card:#1e293b;--line:#334155;--muted:#94a3b8;
    --shadow:0 6px 24px rgba(0,0,0,.45);--shadow2:0 2px 12px rgba(0,0,0,.35);
  }
}
.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}
.icon svg{width:1em;height:1em}
.kpi--danger{border-left:3px solid var(--danger)} .kpi--warning{border-left:3px solid var(--warning)} .kpi--purple{border-left:3px solid var(--purple)} .kpi--primary{border-left:3px solid var(--primary)} .kpi--success{border-left:3px solid var(--success)}
.panel--danger{border-left:4px solid var(--danger)} .panel--warning{border-left:4px solid var(--warning)} .panel--success{border-left:4px solid var(--success)}
.tag--info{background:var(--info-soft);border-color:#bae6fd;color:#0c4a6e} .tag--success-soft{background:#f0fdf4;border-color:#bbf7d0;color:#14532d} .tag--warning-soft{background:#fefce8;border-color:#fde68a;color:#713f12}
.text-danger{color:var(--danger)} .text-warning{color:var(--warning)} .text-success{color:var(--success)} .text-primary{color:var(--primary)}
.empty-illustration--danger{background:#fee2e2;border-color:#fecaca;color:var(--danger)} .empty-illustration--warning{background:#fef3c7;border-color:#fde68a;color:var(--warning)} .empty-illustration--success{background:#dcfce7;border-color:#86efac;color:var(--success)}
[data-theme="dark"] .tag--info{background:rgba(12,74,110,.4);border-color:#0c4a6e;color:#7dd3fc} [data-theme="dark"] .tag--success-soft{background:rgba(20,83,45,.35);border-color:#14532d;color:#86efac} [data-theme="dark"] .tag--warning-soft{background:rgba(113,63,18,.35);border-color:#92400e;color:#fde68a}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45;overflow-x:hidden;transition:background .25s,color .25s}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.topbar{background:linear-gradient(135deg,var(--primary) 0%,#5a0f22 60%,#3d0a18 100%);color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 4px 20px rgba(136,21,49,.3);backdrop-filter:saturate(1.2)}
.topbar-inner{max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-logo{height:46px;width:46px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 10px rgba(0,0,0,.22)}
.upload-widget{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.upload-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.upload-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--shadow2);transition:transform .15s,background .15s}.upload-action:hover{background:var(--surface-hover);transform:translateY(-1px)}.upload-action--primary{background:var(--primary);border-color:var(--primary);color:#fff}.upload-action--primary:hover{background:var(--primary-hover)}.upload-status{font-size:12px;color:var(--text-muted);margin-left:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-submit{margin-left:auto}.upload-empty{margin-top:4px}@media(max-width:640px){.upload-widget{display:grid;grid-template-columns:1fr 1fr;padding:8px}.upload-action{min-height:48px;padding:10px 8px}.upload-status{grid-column:1/-1;margin:2px 4px;max-width:none}.upload-submit{grid-column:1/-1;width:100%;justify-content:center;margin:0}.upload-action span{white-space:nowrap}}
.category-fields{border-color:rgba(136,21,49,.2);background:linear-gradient(180deg,var(--primary-soft),var(--surface))}.category-fields[hidden]{display:none}
.upload-hub{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;align-items:center;margin:12px 0 18px;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--surface),var(--primary-soft));box-shadow:var(--shadow2)}.upload-hub__intro{display:flex;align-items:center;gap:11px;min-width:0}.upload-hub__intro>span:last-child{display:flex;flex-direction:column;min-width:0}.upload-hub__intro b{font-size:14px;color:var(--text)}.upload-hub__intro small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-hub__icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(136,21,49,.1);color:var(--primary)}.upload-hub svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.upload-hub__actions{display:flex;gap:8px}.upload-choice{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(30,41,59,.06);transition:.18s ease}.upload-choice:hover{transform:translateY(-1px);border-color:var(--primary);color:var(--primary)}.upload-choice--camera{background:var(--primary);border-color:var(--primary);color:#fff}.upload-choice--camera:hover{background:var(--primary-hover);color:#fff}.upload-hub__selection{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.upload-hub__selection[hidden]{display:none}.upload-hub__selection img{width:48px;height:48px;border-radius:9px;object-fit:cover;border:1px solid var(--border)}.upload-hub__selection>span{display:flex;flex-direction:column;min-width:0}.upload-hub__selection b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-hub__selection small{font-size:11px;color:var(--success)}@media(max-width:640px){.upload-hub{grid-template-columns:1fr;padding:12px}.upload-hub__actions{display:grid;grid-template-columns:1fr 1fr}.upload-choice{min-height:52px;padding:10px 7px;flex-direction:column;gap:3px}.upload-choice span{font-size:11px}.upload-hub__selection{grid-template-columns:42px minmax(0,1fr);padding-top:10px}.upload-hub__selection img{width:42px;height:42px}.upload-hub__selection .btn{grid-column:1/-1;width:100%;justify-content:center}.upload-hub__intro small{white-space:normal}}
.brand-text b{font-size:15px;line-height:1;display:block;color:#fff}
.brand-text span{font-size:11px;opacity:.9;letter-spacing:.35px}
.brand:hover{opacity:.92;text-decoration:none}
.brand-mark{display:none}
.hamburger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:22px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.hamburger:hover{background:rgba(255,255,255,.2)}
.nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.nav a{color:#ffdbe6;padding:7px 11px;border-radius:10px;font-size:13px;font-weight:700;position:relative}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pill{font-size:11px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff}
.theme-toggle{width:40px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);position:relative;cursor:pointer;display:flex;align-items:center;padding:2px;transition:background .2s,border-color .2s;flex-shrink:0}
.theme-toggle i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1)}
[data-theme="dark"] .theme-toggle{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .theme-toggle i{transform:translateX(16px);background:#1e293b;color:#fbbf24}
.global-search{position:relative;width:min(360px,36vw);flex:0 1 360px;min-width:200px}
.global-search-input-wrap{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;color:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.global-search-input-wrap:focus-within{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.global-search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px;min-width:0}
.global-search input::placeholder{color:rgba(255,255,255,.75)}
.global-search input::-webkit-search-cancel-button{filter:invert(1)}
.global-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18),0 2px 10px rgba(136,21,49,.08);overflow:hidden;max-height:min(64vh,520px);overflow-y:auto;z-index:40}
.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);z-index:45}
.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--surface);border-right:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.35);z-index:46;display:flex;flex-direction:column;padding:16px;overflow-y:auto}
.nav-drawer a{padding:12px 14px;border-radius:10px;font-weight:800;color:var(--text);font-size:14px}
.nav-drawer a.active,.nav-drawer a:hover{background:var(--surface-hover);color:var(--primary);text-decoration:none}
.nav-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.gs-section-title{font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--primary);padding:8px 12px 4px;position:sticky;top:0;background:var(--surface);z-index:1;border-bottom:1px solid var(--primary-soft)}
[data-theme="dark"] .gs-section-title{background:var(--surface);color:#fbcfe8;border-color:var(--border)}
.gs-item{display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--primary-soft);transition:background .12s}
.gs-item:last-child{border-bottom:none}
.gs-item:hover{background:var(--surface-hover);text-decoration:none}
[data-theme="dark"] .gs-item{border-color:#273449}
[data-theme="dark"] .gs-item:hover{background:#273449}
.gs-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:1px solid var(--border);background:var(--bg)}
.gs-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gs-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.gs-main small{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-arrow{color:var(--text-muted);font-size:16px;font-weight:700}
.gs-empty{padding:18px 14px;text-align:center;color:var(--text-muted);font-size:13px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;min-height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;text-decoration:none;cursor:pointer;box-shadow:var(--shadow2);transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);text-decoration:none}
.btn:active{transform:translateY(0)}
.btn.primary,.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn.primary:hover,.btn-primary:hover{background:var(--primary-hover)}
.btn.gold,.btn-gold{background:var(--gold);color:#3d0a18;border-color:var(--gold)}
.btn.gold:hover,.btn-gold:hover{background:var(--gold2);border-color:var(--gold2)}
.btn.danger,.btn-danger{background:var(--surface);color:var(--danger);border-color:#fecaca}
[data-theme="dark"] .btn.danger,[data-theme="dark"] .btn-danger{background:#2b1a1e;color:#fecaca;border-color:#4a2226}
.btn.ghost,.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}
.btn.ghost:hover,.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:6px 10px;min-height:36px;font-size:12px;border-radius:9px}
.btn[disabled]{opacity:.6;pointer-events:none}
[data-theme="dark"] .btn{background:#273449;color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .btn:hover{background:#334155}
[data-theme="dark"] .btn.gold{color:#0f172a}
main{max-width:1280px;margin:18px auto;padding:0 16px 30px}
.page-title{display:flex;align-items:center;gap:10px;margin:6px 0 12px;flex-wrap:wrap}
.page-title h2{margin:0;font-size:22px;letter-spacing:-.3px;color:var(--primary)}
.page-title .hint{margin-left:auto;font-size:12px;color:var(--text-muted)}
.page-title small{font-weight:700;color:var(--text-muted)}
.flash-wrap{max-width:1280px;margin:12px auto 0;padding:0 16px;position:fixed;top:64px;right:16px;z-index:9997;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:420px;left:auto}
.flash{padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid;animation:toastIn .42s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.12);pointer-events:auto}
.flash.success{background:#ecfdf5;border-color:#86efac;color:#065f46}
.flash.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.flash.warning,.flash.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.flash.info{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
[data-theme="dark"] .flash.success{background:#052e1a;border-color:#14532d;color:#86efac}
[data-theme="dark"] .flash.danger{background:#2b1a1e;border-color:#7f1d1d;color:#fecaca}
@keyframes toastIn{from{opacity:0;transform:translateX(18px) translateY(-6px)}to{opacity:1;transform:translateX(0) translateY(0)}}
@keyframes toastOut{to{opacity:0;transform:translateX(18px)}}
.toast-wrap{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{background:#1e293b;color:#fff;padding:10px 16px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.22);animation:toastIn .28s ease;pointer-events:auto}
[data-theme="dark"] .toast{background:#e2e8f0;color:#0f172a}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:12px}
.alert.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.alert.info{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.alert.bordeaux{background:#fdf2f5;border:1px solid #fbcfe8;color:var(--bordeaux2)}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s;animation:fadeUp .5s ease backwards}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.kpi::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);opacity:.12}
.kpi b{font-size:26px;letter-spacing:-.6px;color:var(--primary)}
.kpi span{font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted)}
.kpi small{font-size:11px;color:var(--text-muted)}
.kpi.good{background:var(--surface);border-color:#bbf7d0}
.kpi.warn{background:var(--surface);border-color:#fde68a}
.kpi.bad{background:var(--surface);border-color:#fecaca}
.kpi.accent{background:var(--surface);border-color:#fbcfe8}
[data-theme="dark"] .kpi.good{border-color:#14532d}
[data-theme="dark"] .kpi.warn{border-color:#92400e}
[data-theme="dark"] .kpi.bad{border-color:#7f1d1d}
[data-theme="dark"] .kpi.accent{border-color:#4a1a2a}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.toolbar .spacer{flex:1}
.searchbar{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:7px 10px;box-shadow:var(--shadow2);transition:border-color .15s,box-shadow .15s}
.searchbar input{border:none;outline:none;width:100%;font-size:14px;background:transparent;color:var(--text)}
.searchbar:focus-within{border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(136,21,49,.08)}
.searchbar svg{opacity:.6}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow2);animation:fadeUp .45s ease backwards}
.card b{font-size:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow2);animation:fadeUp .4s ease backwards;transition:border-color .2s,box-shadow .2s}
.panel:hover{border-color:#e8c9d4;box-shadow:0 8px 28px rgba(136,21,49,.1)}
[data-theme="dark"] .panel:hover{border-color:#334155}
.panel h3{margin:0 0 8px 0;font-size:15px;letter-spacing:-.2px;color:var(--primary)}
[data-theme="dark"] .panel h3{color:#f1f5f9}
.panel-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.panel-header h3{margin:0}
.panel-header .btn{margin-left:auto}
.panel--flush{padding:0;overflow:hidden}
.panel-toolbar{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-hover);flex-wrap:wrap}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow2)}
thead th{background:linear-gradient(180deg,var(--primary-soft),var(--surface));font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--bordeaux2);padding:10px 8px;border-bottom:1px solid var(--border)}
[data-theme="dark"] thead th{background:linear-gradient(180deg,#273449,#1e293b);color:#e2e8f0;border-color:var(--border)}
tbody td{padding:8px 10px;border-bottom:1px solid #faf0f3;font-size:13px;transition:background .15s}
[data-theme="dark"] tbody td{border-color:#273449;color:var(--text)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:var(--surface-hover)}
[data-theme="dark"] tbody tr:hover td{background:#273449}
.tag{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;display:inline-block;border:1px solid transparent}
.tag.ativo{background:#dcfce7;color:#065f46;border-color:#86efac}
.tag.manut{background:#fef3c7;color:#92400e;border-color:#fde68a}
.tag.estoque{background:#fce7f3;color:#7f1d1d;border-color:#fbcfe8}
.tag.inativo,.tag.descartado{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.tag.gray,.tag.grey{background:var(--surface-hover);color:var(--text-muted);border-color:var(--border)}
.tag.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.tag.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}
.tag.success{background:#dcfce7;color:#065f46;border-color:#86efac}
.tag.nobreak{background:#fff7ed;border-color:#fde68a;color:#92400e}
.tag.comp{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary)}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.filters input,.filters select{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;color:var(--text);min-height:44px}
.filters .input{flex:1;min-width:260px}
.input,.select{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;color:var(--text);min-height:44px}
.input:focus,.select:focus{outline:none;border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(136,21,49,.12)}
.badge{padding:3px 8px;border-radius:999px;background:var(--primary-soft);border:1px solid var(--primary-border);font-size:11px;font-weight:800;color:var(--primary)}
.hint{color:var(--text-muted);font-size:12px}
.footer{max-width:1280px;margin:10px auto 0;padding:12px 16px;color:var(--text-muted);font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.footer b{color:var(--primary)}
.pagination{margin:10px 0;display:flex;gap:8px;align-items:center;justify-content:center}
.pagination a{padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;font-weight:700;color:var(--primary);min-height:44px;display:inline-flex;align-items:center}
.pagination a:hover{background:var(--surface-hover)}
.form fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;background:var(--surface);box-shadow:var(--shadow2);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form fieldset legend{font-weight:900;padding:0 8px;color:var(--primary)}
.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;letter-spacing:.3px;color:#334155}
[data-theme="dark"] .form label{color:#cbd5e1}
.form input,.form select,.form textarea{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;color:var(--text);min-height:44px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(136,21,49,.12)}
.form textarea{resize:vertical}
.form-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.edit-attachments{margin-top:12px}.edit-attachments h3{margin-top:0}.edit-attachment-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0 0}.edit-attachment-list li{padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-hover);font-size:12px}
.form-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.form-inline input,.form-inline textarea,.form-inline select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:44px;color:var(--text)}
.combo{position:relative}
.combo-dropdown{display:none;position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(136,21,49,.14);z-index:20;margin-top:6px}
.combo-dropdown.open{display:block;animation:fadeIn .15s ease}
.combo-opt{padding:9px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;border-bottom:1px solid var(--primary-soft);min-height:44px}
.combo-opt:last-child{border-bottom:none}
.combo-opt:hover{background:var(--surface-hover)}
.combo-opt small{color:var(--text-muted);white-space:nowrap;font-weight:700}
.combo-new{color:var(--primary);font-weight:900;background:#fffbeb}
.table-actions{display:flex;gap:6px;flex-wrap:wrap}
.empty{padding:28px 22px;text-align:center;color:var(--text-muted);font-weight:700;background:var(--surface);border:1px dashed var(--border);border-radius:12px}
.empty-illustration{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:36px}
[data-theme="dark"] .empty{background:#1e293b;border-color:#334155}
.qr-card{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 55%,#5a0f22 100%);color:#fff;border-radius:14px;padding:14px;box-shadow:var(--shadow);position:relative;overflow:hidden;flex-wrap:wrap}
.qr-card::after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(212,164,58,.22),transparent 70%)}
.qr-card img{background:#fff;padding:8px;border-radius:10px;position:relative;z-index:1;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;width:112px;height:112px;object-fit:contain;flex-shrink:0}
.qr-card div{position:relative;z-index:1}
.dashboard-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px 14px;background:linear-gradient(135deg,var(--surface) 0%,var(--primary-soft) 55%,var(--surface) 100%);box-shadow:var(--shadow2)}
[data-theme="dark"] .dashboard-hero{background:linear-gradient(135deg,#1e293b 0%,#1e293b 55%,#0f172a 100%);border-color:#334155}
.dashboard-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 15% 0%,rgba(136,21,49,.08),transparent 60%),radial-gradient(500px 220px at 95% 10%,rgba(212,164,58,.1),transparent 60%),linear-gradient(rgba(136,21,49,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(136,21,49,.04) 1px,transparent 1px);background-size:auto,auto,22px 22px,22px 22px;pointer-events:none}
[data-theme="dark"] .dashboard-hero::before{opacity:.35}
.dashboard-hero>*{position:relative;z-index:1}
.dashboard-hero-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dashboard-hero-title{margin:0;color:var(--primary);letter-spacing:-.4px}
[data-theme="dark"] .dashboard-hero-title{color:#f1f5f9}
.tech-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,164,58,.9),transparent);opacity:.55;animation:techScan 3.2s ease-in-out infinite;pointer-events:none}
.kpi.tech-glow{border-color:#fbcfe8;box-shadow:0 6px 24px rgba(136,21,49,.14),0 0 0 1px rgba(136,21,49,.06)}
.kpi.tech-glow::after{opacity:.9;height:3px;background:linear-gradient(90deg,var(--primary),var(--gold))}
.metric-bar{height:8px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);overflow:hidden}
.metric-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:999px;transform-origin:left;animation:barGrow .9s ease}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px rgba(22,163,74,.18);animation:pulseDot 1.6s ease infinite}
.anexo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.anexo-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow2);position:relative}
.anexo-card img{width:100%;height:110px;object-fit:cover;display:block;background:#f8fafc}
.anexo-card .meta{padding:8px 9px;font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;gap:6px}
.anexo-card .meta b{color:var(--text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timeline{position:relative;padding-left:26px}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--primary),var(--gold));opacity:.22;border-radius:999px}
.tl-item{position:relative;padding:12px 14px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow2);animation:fadeUp .35s ease;transition:border-color .15s}
.tl-item:hover{border-color:#e8c9d4}
.tl-item::before{content:"";position:absolute;left:-20px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 3px rgba(136,21,49,.14)}
.tl-item.tl-kind-criacao::before{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.tl-item.tl-kind-limpeza::before{background:#d4a43a;box-shadow:0 0 0 3px rgba(212,164,58,.22)}
.tl-item.tl-kind-manutencao::before{background:#881531;box-shadow:0 0 0 3px rgba(136,21,49,.2)}
.tl-item.tl-kind-transferencia::before{background:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}
.tl-item.tl-kind-vinculo::before{background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.tl-item .tl-when{font-size:11px;color:var(--text-muted);font-weight:800;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tl-item .tl-when .tl-date{color:var(--primary);font-weight:900}
.tl-item .tl-title{font-weight:900;color:var(--primary);font-size:13px;margin:4px 0 2px;line-height:1.25}
.tl-item .tl-desc{font-size:12px;color:var(--text-muted);line-height:1.35}
@media(max-width:760px){.timeline{padding-left:18px}.tl-item::before{left:-16px;width:10px;height:10px}}
.modal,.vincular-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9998;padding:16px}
.modal.open,.vincular-modal.open{display:flex}
.modal-backdrop,.vincular-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}
.modal-panel,.vincular-panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(920px,100%);max-height:82vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .2s ease}
.modal-header,.vincular-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.modal-header h3,.vincular-header h3{margin:0;color:var(--primary);font-size:16px}
.modal-close,.vincular-close{margin-left:auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text)}
.modal-body{padding:16px;overflow:auto}
.modal-footer,.vincular-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;justify-content:flex-end;background:var(--surface)}
.vincular-toolbar{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--bg)}
.vincular-toolbar input{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;min-height:44px}
.vincular-toolbar input:focus{outline:none;border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(136,21,49,.1)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:6px 10px;min-height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center}
.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px;overflow:auto;max-height:48vh}
.equip-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow2);padding:10px;display:flex;gap:10px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden;min-height:72px}
.equip-card:hover{transform:translateY(-2px);border-color:#e8c9d4;box-shadow:0 8px 20px rgba(136,21,49,.12)}
.equip-card.selected{border-color:var(--primary);box-shadow:0 8px 24px rgba(136,21,49,.18)}
.equip-card.selected::after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}
.equip-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f8fafc;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}
.equip-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.equip-meta{flex:1;min-width:0}
.equip-meta b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.equip-meta small{color:var(--text-muted);font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vincular-footer .preview{font-size:12px;color:var(--text-muted);font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;animation:skeletonShimmer 1.2s ease infinite;border-radius:8px;min-height:12px}
.skeleton-card{height:120px}
.skeleton-line{height:12px;margin-bottom:8px}
.skeleton-line.short{width:55%}
.skeleton-line.full{width:100%}
.skeleton-kpi{height:92px;border-radius:var(--radius)}
@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.htmx-indicator{opacity:0;transition:opacity .2s}
.htmx-request .htmx-indicator{opacity:1}
.htmx-request.htmx-indicator{opacity:1}
.search-loading{display:none}
.htmx-request .search-loading{display:inline-flex}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:10px}
.cluster{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ml-auto{margin-left:auto}
.w-full{width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.kpi-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:900px){
  .hamburger{display:inline-flex}
  .nav.nav-desktop{display:none}
  .topbar-inner{flex-wrap:wrap;row-gap:8px}
  .global-search{width:100%;flex:1 0 100%;order:10;min-width:0}
  .global-search-dropdown{left:0;right:0}
  .grid2{grid-template-columns:1fr}
  .filters{flex-direction:column;align-items:stretch}
  .filters .searchbar{min-width:unset;width:100%}
  .filters input,.filters select{width:100%}
}
@media(max-width:760px){
  table thead{display:none}
  table,tbody,tr,td{display:block;width:100%}
  table{border:none;background:transparent;box-shadow:none}
  tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:var(--shadow2)}
  tbody td{border:none;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}
  tbody td::before{content:attr(data-label);font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}
  tbody td:last-child{border-bottom:none}
  .table-actions{justify-content:flex-end}
   .table-wrap table thead{display:none}
  .kpi-grid,.kpi-grid--4{grid-template-columns:repeat(2,1fr)!important}
  .vincular-panel,.modal-panel{width:100%;max-height:100vh;height:100vh;border-radius:0}
  .vincular-modal,.modal{padding:0}
  .equip-grid{grid-template-columns:1fr;max-height:none}
  .flash-wrap{left:12px;right:12px;max-width:none;top:70px}
}
@media(max-width:700px){
  .form fieldset{grid-template-columns:1fr}
  .equip-grid{grid-template-columns:1fr}
  .vincular-panel{max-height:88vh}
}
@media(max-width:480px){
  .kpi-grid,.kpi-grid--4{grid-template-columns:1fr!important}
  .brand-text span{display:none}
}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes modalIn{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes techScan{0%{top:-2px}100%{top:100%}}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 6px rgba(22,163,74,.18)}50%{box-shadow:0 0 0 10px rgba(22,163,74,.08)}100%{box-shadow:0 0 0 6px rgba(22,163,74,.18)}}
@keyframes gsSpin{to{transform:rotate(360deg)}}
.reveal{animation:fadeUp .5s ease backwards}
.shimmer{position:relative;overflow:hidden}
.shimmer::before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:shimmer 2.2s ease infinite}
.panel--primary{border-left:4px solid var(--primary)}
.btn--primary-outline{border-color:var(--primary);color:var(--primary)}
[x-cloak]{display:none!important}
.hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.hotel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s}
.hotel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#e8c9d4}
.hotel-card-head{display:flex;align-items:center;gap:8px}
.hotel-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hotel-metrics{display:flex;gap:10px}
.hotel-metric{flex:1;display:flex;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.hotel-metric b{font-size:15px;color:var(--text)}
.hotel-metric small{display:block;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.3px}
.hm-icon{width:26px;height:26px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}
.hm-icon.hm-nb{background:#fff7ed;color:#d97706}
.hotel-equips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.equip-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:11px;box-shadow:var(--shadow2);max-width:100%;text-decoration:none;color:var(--text);transition:background .12s,border-color .12s}
.equip-chip:hover{background:var(--surface-hover);border-color:var(--primary-border);text-decoration:none}
.equip-chip b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.equip-chip small{color:var(--muted);font-weight:700}
.chip-icon{width:18px;height:18px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chip-icon.nb{background:#fff7ed;color:#d97706}
.section-title h2{font-size:16px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Equipamentos: listagem unificada */
.equipment-page{display:flex;flex-direction:column;gap:12px}.equipment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.equipment-heading h2{margin:0;color:var(--primary);font-size:24px}.equipment-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.equipment-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.equipment-total{font-size:12px;color:var(--muted);margin-right:6px}.equipment-total b{color:var(--text);font-size:16px}.equipment-type-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:thin}.equipment-type-tabs a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:800;font-size:12px;text-decoration:none;box-shadow:var(--shadow2)}.equipment-type-tabs a b{min-width:21px;padding:2px 6px;border-radius:999px;background:var(--bg);text-align:center;font-size:10px;color:var(--muted)}.equipment-type-tabs a.active,.equipment-type-tabs a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.equipment-type-tabs a.active b,.equipment-type-tabs a:hover b{background:rgba(255,255,255,.18);color:#fff}.equipment-type-icon{display:inline-flex}.equipment-filters{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(130px,1fr));gap:9px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow2)}.equipment-filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.equipment-filters input,.equipment-filters select{width:100%;height:42px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.equipment-filters input:focus,.equipment-filters select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(136,21,49,.1)}.equipment-search{grid-column:span 2}.equipment-search-field{position:relative;display:flex;align-items:center}.equipment-search-field>svg{position:absolute;left:11px;color:var(--muted);z-index:1}.equipment-search-field input{padding-left:34px}.equipment-search-field i{position:absolute;right:10px;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;display:none}.equipment-search-field i.active{display:block;animation:gsSpin .7s linear infinite}.equipment-filter-actions{display:flex;align-items:flex-end;gap:7px;grid-column:span 2}.equipment-selectionbar{position:sticky;top:72px;z-index:20;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--primary-border);border-radius:12px;background:var(--primary-soft);box-shadow:var(--shadow)}.equipment-selectionbar[hidden]{display:none}.equipment-selectionbar b{margin-right:auto;color:var(--primary);font-size:13px}.equipment-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow2);background:var(--surface)}.equipment-table{border:0;border-radius:0;box-shadow:none;min-width:1120px}.equipment-table thead th{position:sticky;top:0;z-index:2}.equipment-table tbody td{vertical-align:middle}.equipment-table td small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.equipment-table .equipment-check{width:36px;text-align:center}.equipment-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.equipment-type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:900}.equipment-type-badge.is-nobreak{background:#fff7ed;border-color:#fed7aa;color:#c2410c}[data-theme="dark"] .equipment-type-badge{background:#172554;border-color:#1e40af;color:#93c5fd}[data-theme="dark"] .equipment-type-badge.is-nobreak{background:#431407;border-color:#9a3412;color:#fdba74}.equipment-alert{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:10px;font-weight:900}.equipment-ok{color:var(--success);font-size:10px;font-weight:900}.equipment-new-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px}.equipment-new-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow2);transition:.18s}.equipment-new-card:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:var(--shadow);text-decoration:none}.equipment-new-card>span{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary)}.equipment-new-card div{flex:1;display:flex;flex-direction:column}.equipment-new-card small{color:var(--muted);font-size:10px}.equipment-new-card>strong{color:var(--primary)}.equipment-form .span2{grid-column:span 2}.equipment-detail-head{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--surface),var(--primary-soft));box-shadow:var(--shadow2);margin-bottom:12px}.equipment-detail-head h2{margin:5px 0 2px;color:var(--primary)}.equipment-detail-head p{margin:0;color:var(--muted);font-size:12px}.equipment-detail-head>.tag{margin-left:auto}.equipment-detail-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff}.equipment-person{display:flex;flex-direction:column;padding:9px 10px;border:1px solid var(--border);border-radius:10px}.equipment-person small{color:var(--muted)}

/* Catálogos: hotéis/unidades e setores */
.catalog-page{display:flex;flex-direction:column;gap:12px}.catalog-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:4px 0 2px}.catalog-page-header h2{margin:0;color:var(--primary);font-size:23px}.catalog-page-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.catalog-page-stats{display:flex;justify-content:space-between;gap:70px;min-width:48%;color:var(--muted);font-size:11px}.catalog-filterbar,.catalog-create-form{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow2)}.catalog-search{flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:0 11px;color:var(--muted)}.catalog-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(136,21,49,.1)}.catalog-search input{flex:1;height:42px;border:0;outline:0;background:transparent;color:var(--text)}.catalog-filterbar select{height:42px;border:1px solid var(--border);border-radius:10px;padding:0 30px 0 11px;background:var(--surface);color:var(--text);font-weight:700}.catalog-create-form input{flex:1;height:42px;border:1px solid var(--border);border-radius:10px;padding:0 11px;background:var(--surface);color:var(--text)}.catalog-create-form input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(136,21,49,.1)}.catalog-table-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow2);overflow:hidden}.catalog-table{border:0;border-radius:0;box-shadow:none}.catalog-table thead th{height:38px;padding:8px 10px;text-align:left}.catalog-table tbody td{height:52px;padding:7px 10px;vertical-align:middle}.catalog-table tbody tr[hidden]{display:none}.catalog-table td:first-child{width:19%}.catalog-table th:nth-child(2),.catalog-table td:nth-child(2),.catalog-table th:nth-child(3),.catalog-table td:nth-child(3){width:15%;text-align:center}.catalog-equipment-count strong{display:block;font-size:14px}.catalog-equipment-count small{display:block;color:var(--muted);font-size:9px}.catalog-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.catalog-actions .btn{box-shadow:none}.catalog-edit-form{display:flex;align-items:center;gap:7px}.catalog-edit-form input{width:160px;height:36px;border:1px solid var(--border);border-radius:9px;padding:0 9px;background:var(--surface);color:var(--text)}.catalog-empty{text-align:center;padding:40px 20px}.catalog-empty[hidden]{display:none}.catalog-empty h3{margin:0;color:var(--primary)}.catalog-empty p{color:var(--muted)}

@media(max-width:1100px){.equipment-filters{grid-template-columns:repeat(3,1fr)}.equipment-search{grid-column:span 2}.catalog-page-stats{min-width:auto;gap:24px}.catalog-actions{flex-wrap:wrap}}
@media(max-width:760px){.equipment-heading{flex-direction:column}.equipment-heading-actions{justify-content:flex-start}.equipment-filters{grid-template-columns:1fr 1fr}.equipment-search,.equipment-filter-actions{grid-column:span 2}.equipment-selectionbar{top:8px}.equipment-table{min-width:0}.equipment-table tbody td.equipment-check{display:table-cell!important;min-width:38px;text-align:center}.equipment-table tbody tr:has(.equipment-row-check:checked){border-color:var(--primary);box-shadow:0 0 0 2px rgba(136,21,49,.08)}.equipment-form .span2{grid-column:auto}.equipment-detail-head{align-items:flex-start;flex-wrap:wrap}.equipment-detail-head>.tag{margin-left:0}.catalog-page-header{flex-direction:column;gap:8px}.catalog-page-stats{width:100%}.catalog-filterbar{flex-wrap:wrap}.catalog-search{flex-basis:100%}.catalog-filterbar select,.catalog-filterbar>.btn{flex:1}.catalog-create-form{flex-direction:column;align-items:stretch}.catalog-table-panel{border:0;box-shadow:none;background:transparent}.catalog-table tbody td{text-align:right!important}.catalog-table tbody td:last-child{display:block}.catalog-table tbody td:last-child::before{display:block;text-align:left;margin-bottom:8px}.catalog-actions{justify-content:flex-end}.catalog-edit-form{flex:1 1 100%}.catalog-edit-form input{flex:1;width:auto}}
@media(max-width:480px){.equipment-filters{grid-template-columns:1fr}.equipment-search,.equipment-filter-actions{grid-column:auto}.equipment-filter-actions{align-items:stretch;flex-direction:column}.equipment-filter-actions .btn{width:100%}.catalog-filterbar select,.catalog-filterbar>.btn{flex-basis:100%}.catalog-actions>a,.catalog-actions>.inline-form{flex:1}.catalog-actions>a,.catalog-actions>.inline-form .btn{width:100%}}

/* Mantém os indicadores dos hotéis dentro dos cartões em telas estreitas. */
.hotel-metric{min-width:0}.hotel-metric small{white-space:normal;overflow-wrap:anywhere;font-size:9px}


/* Tela de etiquetas: cartões legíveis e seleção simples em qualquer largura. */
.label-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto auto;align-items:end}
.label-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.label-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px;margin:10px 0 24px}
.asset-select-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow2);cursor:pointer}
.asset-select-card input{flex:none;width:17px;height:17px;accent-color:var(--primary)}
.asset-select-icon{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}
.label-asset-info{display:flex;flex-direction:column;min-width:0;gap:2px}.label-asset-info b,.label-asset-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-asset-info small{font-size:10px;color:var(--muted)}
.label-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.label-toolbar .hint:last-child{margin-left:auto}
.label-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}.label-preview-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:112px;padding:12px 58px 12px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.label-preview-card small{color:var(--muted)}.label-preview-card img{position:absolute;right:12px;bottom:12px;width:40px;height:40px}
@media(max-width:760px){.label-filters{display:flex;flex-direction:column;align-items:stretch}.label-filters label,.label-filters input,.label-filters select,.label-filters .btn{width:100%}.label-selection-grid{grid-template-columns:1fr}}