/* ===== BASE ===== */
:root {
  --bg: #f4f7fc;
  --surface: #ffffff;
  --surface2: #f8fafc;
  --text: #1e293b;
  --muted: #64748b;
  --border: rgba(148,163,184,.2);
  --blue: #1e3a8a;
  --blue-dark: #1e40af;
  --green: #16a34a;
  --red: #dc2626;
  --yellow: #d97706;
  --purple: #7c3aed;
  --shadow: 0 2px 16px rgba(15,23,42,.06);
  --shadow-lg: 0 8px 32px rgba(15,23,42,.10);
  --radius: 16px;
  --sidebar-w: 200px;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

/* ===== SIDEBAR ===== */
.sidebar {
  position: fixed; left: 0; top: 0; bottom: 0;
  width: var(--sidebar-w);
  background: linear-gradient(180deg, #1e3a8a 0%, #1e40af 100%);
  color: #fff;
  padding: 16px 12px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 4px 0 32px rgba(15,23,42,.25);
  z-index: 100;
}
.brand {
  display: flex; align-items: center; gap: 10px;
  padding: 4px 4px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  margin-bottom: 10px;
}
.logo {
  width: 38px; height: 38px; border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  border: 1px solid rgba(255,255,255,.88);
  display: grid; place-items: center;
  font-weight: 950; font-size: 14px; flex-shrink: 0;
  letter-spacing: -.04em;
}
.brand h1 { font-size: 17px; margin: 0; font-weight: 800; }
.brand p  { margin: 2px 0 0; color: #94a3b8; font-size: 11px; font-weight: 700; }

nav { display: flex; flex-direction: column; gap: 2px; flex: 1; }
nav button {
  width: 100%; display: flex; align-items: center; gap: 8px;
  padding: 9px 10px; border-radius: 12px;
  border: 1px solid transparent;
  background: transparent; color: #cbd5e1;
  font-size: 13px; font-weight: 700; cursor: pointer; text-align: left;
  transition: background .12s, color .12s;
}
nav button:hover { background: rgba(255,255,255,.08); color: #fff; }
nav button.active { background: rgba(37,99,235,.35); color: #fff; border-color: rgba(147,197,253,.25); }

.side-actions {
  margin-top: 10px; padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex; flex-direction: column; gap: 4px;
}
.side-actions button {
  width: 100%; padding: 9px 10px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06); color: #fff;
  font-size: 13px; font-weight: 700; cursor: pointer; text-align: left;
}
.side-actions button.primary { background: linear-gradient(135deg,#2563eb,#1d4ed8)!important; border-color: #2563eb!important; }
.side-actions button.danger { background: rgba(239,68,68,.18)!important; color: #fca5a5!important; }
.side-link { background: transparent!important; border-color: transparent!important; color: #64748b!important; font-size: 12px!important; }

/* ===== MAIN ===== */
.main {
  margin-left: var(--sidebar-w);
  padding: 24px 28px;
  min-height: 100vh;
}
.tab { display: none; }
.tab.active { display: block; animation: fadeIn .15s ease; }
@keyframes fadeIn { from { opacity: .6; transform: translateY(3px); } to { opacity: 1; transform: none; } }

/* ===== TYPOGRAPHY ===== */
.head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.head h2 { font-size: 26px; margin: 0; font-weight: 900; letter-spacing: -.03em; }
.head p  { margin: 5px 0 0; color: var(--muted); font-weight: 600; font-size: 13px; }
h3 { font-size: 16px; font-weight: 800; margin: 16px 0 8px; }

/* ===== CARDS ===== */
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 12px 0;
  box-shadow: var(--shadow);
}

/* ===== FORMS ===== */
label {
  display: block; margin: 8px 0 4px;
  font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .06em; color: var(--muted);
}
input, textarea, select {
  width: 100%; border: 1px solid var(--border);
  border-radius: 12px; padding: 10px 12px;
  background: #fff; color: var(--text);
  font-size: 13px; font-weight: 600; outline: none;
  margin: 2px 0 8px;
  transition: border-color .12s;
}
input:focus, textarea:focus, select:focus { border-color: var(--blue); }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 12px; }
.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 10px; }

/* ===== BUTTONS ===== */
button {
  border: 1px solid var(--border); border-radius: 12px;
  padding: 9px 14px; background: #fff; color: var(--text);
  font-size: 13px; font-weight: 800; cursor: pointer;
  transition: background .1s, transform .08s;
}
button:hover { filter: brightness(.97); }
button:active { transform: scale(.98); }
.primary { background: linear-gradient(135deg,#2563eb,#1d4ed8)!important; color:#fff!important; border-color:#2563eb!important; }
.success { background: linear-gradient(135deg,#16a34a,#15803d)!important; color:#fff!important; border-color:#16a34a!important; }
.danger  { background: #fee2e2!important; color:#991b1b!important; border-color:#fecaca!important; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.actions button { width: auto; }
.hidden { display: none!important; }

/* ===== BADGES ===== */
.badge {
  display: inline-flex; border-radius: 999px;
  padding: 4px 9px; font-size: 11px; font-weight: 800; white-space: nowrap;
}
.ok      { background: #dcfce7; color: #166534; }
.partial { background: #fef3c7; color: #92400e; }
.bad     { background: #fee2e2; color: #991b1b; }
.info    { background: #dbeafe; color: #1e3a8a; }
.purple  { background: #ede9fe; color: #5b21b6; }

/* ===== NOTICE / WARN ===== */
.notice  { background: #dbeafe; color: #1e3a8a; border: 1px solid #bfdbfe; border-radius: 14px; padding: 11px 14px; margin: 10px 0; font-weight: 750; }
.warn    { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; border-radius: 14px; padding: 11px 14px; margin: 10px 0; font-weight: 750; }
.status  { background: #eef2ff; color: #3730a3; border: 1px solid #c7d2fe; border-radius: 14px; padding: 11px 14px; margin: 10px 0; font-weight: 750; }

/* ===== LOG ===== */
.log { white-space: pre-wrap; font-family: monospace; line-height: 1.55; }

/* ===== QUEUE ===== */
.queue { padding: 8px 0; }
#dropZone:hover {
  background: #dbeafe !important;
  border-color: #2563eb !important;
}
.chip {
  display: inline-flex; align-items: center; gap: 6px; margin: 3px;
  padding: 5px 10px; border-radius: 999px;
  background: #eff6ff; color: #1e3a8a;
  border: 1px solid rgba(37,99,235,.2); font-size: 12px; font-weight: 750;
}
.chip button { padding: 2px 6px; border-radius: 999px; background: #dbeafe; font-size: 11px; }

/* ===== TABLES ===== */
.tablebox {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: auto; margin: 10px 0; box-shadow: var(--shadow);
}
.tablebox table { border-collapse: separate; border-spacing: 0; width: max-content; min-width: 100%; }
.tablebox th, .tablebox td {
  padding: 9px 11px; border-bottom: 1px solid rgba(148,163,184,.15);
  font-size: 12px; vertical-align: top; white-space: nowrap;
}
.tablebox th {
  position: sticky; top: 0; background: #eff6ff; color: #1e3a8a; z-index: 2;
  text-transform: uppercase; letter-spacing: .04em; font-weight: 900; font-size: 11px;
}
.tablebox tr:hover td { background: #f8fafc; }
.scrollbig { max-height: 70vh; overflow: scroll!important; }
.scrollbig table { min-width: 2400px!important; }

/* ===== TRIAGEM TABLE ===== */
.triage-table-wrap .tablebox table { min-width: 900px; }
.triage-actions { display: flex; gap: 5px; flex-wrap: wrap; }
.triage-actions button { padding: 5px 8px; border-radius: 9px; font-size: 11px; }
.ocr-attempt-badge { display:inline-flex;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800;background:#e0f2fe;color:#075985; }
.ocr-zero { background:#fee2e2!important;color:#991b1b!important; }

/* ===== DASHBOARD AUDIT PANEL ===== */
.audit-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
  color: #fff; border-radius: 24px; padding: 24px 26px; margin-bottom: 18px;
  box-shadow: 0 20px 60px rgba(15,23,42,.22);
}
.audit-hero-top {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 16px; flex-wrap: wrap; margin-bottom: 6px;
}
.audit-hero h3 { margin: 0; font-size: 22px; font-weight: 900; letter-spacing: -.02em; }
.audit-hero p  { margin: 5px 0 0; color: #94a3b8; font-size: 13px; font-weight: 600; }
.risk-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 13px; border-radius: 999px;
  font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em;
  background: #fee2e2; color: #991b1b;
}
.risk-pill.ok   { background: #dcfce7; color: #166534; }
.risk-pill.warn { background: #fef3c7; color: #92400e; }
.risk-pill.mid  { background: #ffedd5; color: #9a3412; }

/* KPI metrics row inside hero */
.audit-metrics {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(155px,1fr));
  gap: 10px; margin: 16px 0 4px;
}
.audit-metric {
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px; padding: 13px 14px;
}
.audit-metric small { display:block;color:#bfdbfe;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em; }
.audit-metric b    { display:block;font-size:30px;line-height:1;margin-top:6px; }
.audit-metric span { display:block;color:#dbeafe;font-size:11px;margin-top:4px;font-weight:700; }

/* Progress bar */
.audit-progress { margin: 16px 0 4px; }
.audit-progress-label { display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#dbeafe;font-weight:800;font-size:12px; }
.audit-bar {
  height: 14px; border-radius: 999px; overflow: hidden;
  background: rgba(255,255,255,.14); display: flex;
}
.audit-bar .ok-seg  { background: #22c55e; }
.audit-bar .res-seg { background: #facc15; }
.audit-bar .par-seg { background: #fb923c; }
.audit-bar .dil-seg { background: #ef4444; }

/* Four status cards below hero */
.audit-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 12px; margin: 14px 0;
}
.audit-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: var(--shadow);
  text-align: center;
}
.audit-card small,
.audit-card h4 {
  display: block;
  font-size: 10px;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
}
.audit-card b,
.audit-card .num {
  display: block;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 4px;
}
.audit-card span,
.audit-card .hint {
  display: block;
  font-size: 11px;
  color: var(--muted);
}
.audit-card.ok   { background: #f0fdf4; border-color: #86efac; }
.audit-card.warn { background: #fefce8; border-color: #fde68a; }
.audit-card.bad  { background: #fef2f2; border-color: #fecaca; }

.notice { background:#eff6ff; border:1px solid #bfdbfe; border-radius:10px; padding:10px 12px; font-size:12px; color:#1e40af; }
.warn   { background:#fef9ee; border:1px solid #fde68a; border-radius:10px; padding:10px 12px; font-size:12px; color:#92400e; }

/* ===== KPI ROW ===== */
.kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 900px) {
  .kpi-row { grid-template-columns: repeat(2, 1fr); }
}

/* ===== CROSS CARD ===== */
.cross-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 10px;
}
.cross-head {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 10px;
}
.cross-cols {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin-bottom: 8px;
}
.cross-col h4 { font-size: 11px; font-weight: 800; color: var(--muted); margin: 0 0 4px; }
.maintext { font-size: 13px; font-weight: 600; }
.subtext  { font-size: 11px; color: var(--muted); margin-top: 2px; }
.just     { font-size: 12px; background: var(--surface2); border-radius: 8px; padding: 8px; }

/* ===== SCORE BARS ===== */
.score-bar-bg { background: #e2e8f0; border-radius: 999px; height: 6px; width: 80px; }
.score-bar    { border-radius: 999px; height: 6px; }


/* ==========================================================================
   v16.2 — Prefeitura UX Limpa (sem alterar motor de cruzamento v15.4)
   ========================================================================== */
body.ux-prefeitura #floatJurBtn{display:none!important}
body.ux-prefeitura .brand p{font-size:11px;letter-spacing:.03em;text-transform:uppercase}
body.ux-simple nav button[data-tab="triagem"],
body.ux-simple nav button[data-tab="simulador"],
body.ux-simple nav button[data-tab="normativo"]{display:none!important}
body.ux-simple .ux-advanced-only{display:none!important}
.ux-topbar{position:sticky;top:0;z-index:1000;background:rgba(248,250,252,.92);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px;margin-bottom:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.ux-steps{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ux-step{font-size:11px;font-weight:900;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:7px 10px}.ux-step.done{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.ux-step.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.ux-step.block{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.ux-next{margin-top:10px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.ux-next b{color:#0f172a}.ux-next span{color:#475569;font-size:13px;font-weight:700}.ux-next button{background:#1e3a8a!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:8px 12px!important;font-weight:900!important}
.ux-mode-toggle{margin:10px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);display:flex;gap:8px}.ux-mode-toggle button{flex:1;border:0;border-radius:10px;padding:8px;font-weight:900;cursor:pointer;background:rgba(255,255,255,.08);color:#cbd5e1}.ux-mode-toggle button.active{background:#f59e0b;color:#111827}
.ux-exec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.ux-metric{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.ux-metric span{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:950}.ux-metric strong{display:block;font-size:25px;color:#0f172a;margin-top:4px}.ux-card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
#uxAssistantBtn{position:fixed;right:22px;bottom:22px;z-index:9200;background:#0f172a;color:#fff;border:0;border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:0 14px 30px rgba(15,23,42,.28);cursor:pointer}
#uxAssistantPanel{position:fixed;right:22px;top:22px;bottom:22px;width:min(440px,calc(100vw - 44px));z-index:9300;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.32);display:none;overflow:hidden}#uxAssistantPanel.open{display:flex;flex-direction:column}.ux-ai-head{background:#0f172a;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.ux-ai-head b{font-size:15px}.ux-ai-head button{background:transparent;color:#fff;border:0;font-size:20px;cursor:pointer}.ux-ai-tabs{display:flex;padding:8px;gap:6px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.ux-ai-tabs button{flex:1;border:0;border-radius:10px;background:#fff;padding:8px;font-weight:900;font-size:12px;cursor:pointer;color:#475569}.ux-ai-tabs button.active{background:#f59e0b;color:#111827}.ux-ai-body{padding:14px;overflow:auto;flex:1}.ux-ai-pane{display:none}.ux-ai-pane.active{display:block}.ux-ai-action{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px;margin-bottom:8px;cursor:pointer;text-align:left}.ux-ai-action b{display:block;color:#0f172a}.ux-ai-action span{display:block;color:#64748b;font-size:12px;margin-top:2px}.ux-ai-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;margin-bottom:10px}.ux-chat-log{height:260px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;margin-bottom:10px}.ux-msg{padding:8px 10px;border-radius:12px;margin-bottom:8px;font-size:12px;line-height:1.45}.ux-msg.user{background:#dbeafe;color:#1e3a8a;margin-left:36px}.ux-msg.ai{background:#fff;color:#334155;border:1px solid #e2e8f0;margin-right:24px}.ux-chat-send{display:flex;gap:8px}.ux-chat-send input{flex:1;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.ux-chat-send button{background:#0f172a;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:900}.ux-help{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;margin-bottom:10px}

/* ==========================================================================
   v16.3 — Auditoria UX Profissional
   Camada visual apenas. Motor de cruzamento preservado.
   ========================================================================== */
body.ux-v163 {
  --sidebar-w: 248px;
  --bg: #f6f8fb;
  --blue: #1d4ed8;
  background: var(--bg);
}
body.ux-v163 .sidebar {
  width: var(--sidebar-w);
  background: linear-gradient(180deg, #0f172a 0%, #111827 58%, #172554 100%);
  padding: 18px 14px;
  box-shadow: 8px 0 34px rgba(15,23,42,.20);
}
body.ux-v163 .main { margin-left: var(--sidebar-w); }
body.ux-v163 .brand {
  gap: 12px;
  padding: 6px 4px 16px;
  margin-bottom: 12px;
}
body.ux-v163 .logo {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #ffffff;
  color: #0f172a;
  border: 1px solid rgba(255,255,255,.86);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: -.055em;
  box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 0 0 1px rgba(15,23,42,.10);
}
body.ux-v163 .brand h1 {
  font-size: 19px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.045em;
}
body.ux-v163 .brand p {
  color: #cbd5e1;
  font-size: 10px;
  line-height: 1.15;
  text-transform: none;
  letter-spacing: .015em;
  max-width: 140px;
}
body.ux-v163 nav { gap: 3px; }
body.ux-v163 nav button {
  min-height: 39px;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  color: #cbd5e1;
  font-size: 12.5px;
  font-weight: 780;
}
body.ux-v163 nav button:hover { background: rgba(255,255,255,.075); }
body.ux-v163 nav button.active {
  background: rgba(255,255,255,.12);
  color: #fff;
  border-color: rgba(226,232,240,.16);
}
body.ux-v163 .nav-ico {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 18px;
  opacity: .86;
}
body.ux-v163 .nav-ico svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.ux-v163 .side-actions {
  gap: 6px;
  padding-top: 12px;
}
body.ux-v163 .side-actions button {
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 850;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
body.ux-v163 .side-actions button.primary {
  background: #2563eb!important;
  border-color: rgba(147,197,253,.34)!important;
}
body.ux-v163 .side-actions button.danger {
  color: #fecaca!important;
  background: rgba(185,28,28,.24)!important;
}
body.ux-v163 .ux-mode-toggle {
  margin: 8px 0 10px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(15,23,42,.32);
  display: grid;
  gap: 7px;
}
body.ux-v163 .ux-mode-toggle span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 0 4px;
}
body.ux-v163 .ux-mode-toggle > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
body.ux-v163 .ux-mode-toggle button {
  min-width: 0;
  border: 0;
  border-radius: 11px;
  padding: 8px 6px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  background: rgba(255,255,255,.08);
  color: #cbd5e1;
}
body.ux-v163 .ux-mode-toggle button.active {
  background: #ffffff;
  color: #0f172a;
}
body.ux-v163 .ux-topbar {
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 14px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 14px 40px rgba(15,23,42,.07);
}
body.ux-v163 .ux-steps { gap: 7px; }
body.ux-v163 .ux-step {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  letter-spacing: .01em;
  border-color: #e2e8f0;
  color: #475569;
  background: #fff;
}
body.ux-v163 .ux-step i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #cbd5e1;
}
body.ux-v163 .ux-step.done i { background: #16a34a; }
body.ux-v163 .ux-step.warn i { background: #d97706; }
body.ux-v163 .ux-step.done { background:#f0fdf4;border-color:#bbf7d0;color:#166534; }
body.ux-v163 .ux-step.warn { background:#fffbeb;border-color:#fde68a;color:#92400e; }
body.ux-v163 .ux-next {
  margin-top: 12px;
  border-radius: 16px;
  border-color: #e5e7eb;
}
body.ux-v163 .ux-next button {
  background: #0f172a!important;
  border-radius: 12px!important;
}
body.ux-v163 .ux-card-panel {
  border-radius: 22px;
  border-color: #e5e7eb;
  box-shadow: 0 12px 36px rgba(15,23,42,.06);
}
body.ux-v163 .ux-panel-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
body.ux-v163 .ux-panel-head h2 {
  margin: 6px 0 4px;
  font-size: 28px;
  letter-spacing: -.045em;
}
body.ux-v163 .ux-panel-head p {
  margin: 0;
  color:#64748b;
  font-weight:700;
}
body.ux-v163 .ux-eyebrow {
  font-size: 11px;
  font-weight: 950;
  color: #1d4ed8;
  text-transform: uppercase;
  letter-spacing: .07em;
}
body.ux-v163 .ux-metric {
  border-radius: 18px;
  box-shadow: none;
}
body.ux-v163 .ux-help,
body.ux-v163 .ux-ai-warning {
  border-radius: 16px;
}
#uxAssistantBtn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
body.ux-v163 #uxAssistantBtn {
  background: #0f172a;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 13px 18px;
}
.ux-bot-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.18);
}
body.ux-v163 #uxAssistantPanel {
  border-radius: 24px;
  border-color: #dbe3ef;
}
body.ux-v163 .ux-ai-head {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  gap: 10px;
}
body.ux-v163 .ux-ai-head b { font-size: 16px; }
body.ux-v163 .ux-ai-head span {
  margin-left: auto;
  color: #cbd5e1;
  font-size: 11px;
  font-weight: 800;
}
body.ux-v163 .ux-ai-tabs button.active {
  background: #0f172a;
  color: #fff;
}
body.ux-v163 .ux-ai-action {
  border-radius: 16px;
  transition: transform .12s, border-color .12s, box-shadow .12s;
}
body.ux-v163 .ux-ai-action:hover {
  transform: translateY(-1px);
  border-color: #bfdbfe;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}
#uxToastHost {
  position: fixed;
  right: 18px;
  top: 18px;
  z-index: 9998;
  display: grid;
  gap: 10px;
  max-width: min(390px, calc(100vw - 36px));
}
.ux-toast {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border:1px solid #dbe3ef;
  border-left:4px solid #2563eb;
  border-radius:16px;
  padding:12px 12px 12px 14px;
  box-shadow:0 18px 46px rgba(15,23,42,.16);
  animation: uxToastIn .16s ease-out;
}
.ux-toast.warn { border-left-color:#d97706; }
.ux-toast.error { border-left-color:#dc2626; }
.ux-toast b { display:block;color:#0f172a;font-size:13px;margin-bottom:2px; }
.ux-toast span { display:block;color:#475569;font-size:12px;line-height:1.45;font-weight:650; }
.ux-toast button { border:0;background:transparent;color:#64748b;font-size:18px;cursor:pointer;line-height:1; }
@keyframes uxToastIn { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
#uxModalRoot { display:none; position:fixed; inset:0; z-index:9997; }
#uxModalRoot.open { display:block; }
.ux-modal-backdrop { position:absolute; inset:0; background:rgba(15,23,42,.44); backdrop-filter: blur(4px); }
.ux-modal-card {
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(460px, calc(100vw - 34px));
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:22px;
  box-shadow:0 30px 90px rgba(15,23,42,.30);
}
.ux-modal-icon {
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  font-weight:950;margin-bottom:12px;
}
.ux-modal-icon.primary { background:#eff6ff;color:#1d4ed8; }
.ux-modal-icon.warn { background:#fffbeb;color:#92400e; }
.ux-modal-card h3 { margin:0 0 8px;font-size:20px;letter-spacing:-.03em;color:#0f172a; }
.ux-modal-card p { margin:0 0 16px;color:#475569;font-size:13px;line-height:1.5;font-weight:650; }
.ux-modal-input { margin-bottom:16px;border-radius:14px;padding:12px 13px;font-size:13px; }
.ux-modal-actions { display:flex;justify-content:flex-end;gap:10px; }
.ux-modal-actions button { border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#334155; }
.ux-modal-actions button.primary { background:#0f172a;color:#fff;border-color:#0f172a; }
.ux-modal-actions button.ghost:hover { background:#f8fafc; }

@media (max-width: 980px) {
  body.ux-v163 { --sidebar-w: 226px; }
  body.ux-v163 .main { padding: 18px; }
}
@media (max-width: 760px) {
  body.ux-v163 .sidebar { position:relative; width:100%; min-height:auto; }
  body.ux-v163 .main { margin-left:0; }
  body.ux-v163 nav { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.ux-v163 .ux-panel-head { flex-direction:column; }
  body.ux-v163 .ux-next { align-items:stretch; flex-direction:column; }
  body.ux-v163 .ux-mode-toggle { margin: 10px 0; }
}


/* ===== V16.3.1 — POLIMENTO VISUAL EM TODAS AS ABAS ===== */
body.ux-v163.ux-all-tabs-polished {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 34vw),
    linear-gradient(180deg, #f7f9fd 0%, #eef3f9 100%);
}
body.ux-v163.ux-all-tabs-polished .main {
  max-width: 1480px;
}
body.ux-v163.ux-all-tabs-polished .tab.active {
  display: block;
}
body.ux-v163.ux-all-tabs-polished .tab {
  padding-bottom: 44px;
}
body.ux-v163.ux-all-tabs-polished .ux-tab-head {
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 18px 20px;
  margin-bottom: 18px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 44px rgba(15,23,42,.07);
  backdrop-filter: blur(8px);
}
body.ux-v163.ux-all-tabs-polished .ux-tab-head h2 {
  font-size: clamp(22px, 2.1vw, 30px);
  letter-spacing: -.045em;
  color: #0f172a;
}
body.ux-v163.ux-all-tabs-polished .ux-tab-head p {
  max-width: 820px;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}
body.ux-v163.ux-all-tabs-polished .ux-head-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}
body.ux-v163.ux-all-tabs-polished .ux-card-clean,
body.ux-v163.ux-all-tabs-polished .tablebox,
body.ux-v163.ux-all-tabs-polished pre#opinionOutput,
body.ux-v163.ux-all-tabs-polished #capOperPanel,
body.ux-v163.ux-all-tabs-polished #simuladorPanel,
body.ux-v163.ux-all-tabs-polished #issuesBox,
body.ux-v163.ux-all-tabs-polished #issuesVisualPanel,
body.ux-v163.ux-all-tabs-polished #crossAuditPanel,
body.ux-v163.ux-all-tabs-polished #auditVisualPanel,
body.ux-v163.ux-all-tabs-polished #ocrGateV143 {
  border-radius: 22px;
  border-color: #e2e8f0;
  box-shadow: 0 12px 34px rgba(15,23,42,.055);
}
body.ux-v163.ux-all-tabs-polished .ux-card-clean {
  padding: 18px;
  background: rgba(255,255,255,.92) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-card-title,
body.ux-v163.ux-all-tabs-polished .card > h3,
body.ux-v163.ux-all-tabs-polished section > h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em;
}
body.ux-v163.ux-all-tabs-polished .ux-card-title::before,
body.ux-v163.ux-all-tabs-polished .card > h3::before,
body.ux-v163.ux-all-tabs-polished section > h3::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
  flex: 0 0 auto;
}
body.ux-v163.ux-all-tabs-polished .card p,
body.ux-v163.ux-all-tabs-polished .ux-card-clean p {
  color: #64748b !important;
  font-size: 12.5px !important;
  line-height: 1.55;
}
body.ux-v163.ux-all-tabs-polished input,
body.ux-v163.ux-all-tabs-polished textarea,
body.ux-v163.ux-all-tabs-polished select {
  min-height: 41px;
  border-color: #dbe3ef;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(15,23,42,.02);
}
body.ux-v163.ux-all-tabs-polished textarea { min-height: 84px; }
body.ux-v163.ux-all-tabs-polished input:focus,
body.ux-v163.ux-all-tabs-polished textarea:focus,
body.ux-v163.ux-all-tabs-polished select:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
body.ux-v163.ux-all-tabs-polished label {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
}
body.ux-v163.ux-all-tabs-polished button {
  border-radius: 13px;
  font-weight: 900;
}
body.ux-v163.ux-all-tabs-polished .ux-actions-clean {
  gap: 9px;
  align-items: center;
  margin: 12px 0;
}
body.ux-v163.ux-all-tabs-polished .ux-actions-clean button:not(.primary):not(.success):not(.danger) {
  background: #f8fafc !important;
  border-color: #dbe3ef !important;
  color: #334155 !important;
}
body.ux-v163.ux-all-tabs-polished .primary,
body.ux-v163.ux-all-tabs-polished .success {
  box-shadow: 0 8px 18px rgba(37,99,235,.12);
}
body.ux-v163.ux-all-tabs-polished .danger {
  background: #fff1f2 !important;
  color: #be123c !important;
}
body.ux-v163.ux-all-tabs-polished .notice,
body.ux-v163.ux-all-tabs-polished .warn,
body.ux-v163.ux-all-tabs-polished .status {
  border-radius: 16px;
  border-width: 1px;
  box-shadow: none;
}
body.ux-v163.ux-all-tabs-polished .tablebox {
  background: #fff;
  overflow: auto;
}
body.ux-v163.ux-all-tabs-polished .tablebox th {
  background: #f8fafc;
  color: #334155;
  border-bottom: 1px solid #e2e8f0;
}
body.ux-v163.ux-all-tabs-polished .tablebox td {
  color: #334155;
  border-bottom: 1px solid #eef2f7;
}
body.ux-v163.ux-all-tabs-polished .tablebox tr:hover td {
  background: #f8fbff;
}
body.ux-v163.ux-all-tabs-polished #dropZone {
  border-color: #c7d2fe !important;
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}
body.ux-v163.ux-all-tabs-polished #dropZone div:first-child {
  font-size: 0 !important;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px !important;
  border-radius: 16px;
  background: #e0ecff;
  position: relative;
}
body.ux-v163.ux-all-tabs-polished #dropZone div:first-child::before {
  content: '';
  position: absolute;
  inset: 13px 10px 10px 10px;
  border: 2px solid #2563eb;
  border-top-width: 5px;
  border-radius: 4px;
}
body.ux-v163.ux-all-tabs-polished .cross-toolbar,
body.ux-v163.ux-all-tabs-polished .form-row,
body.ux-v163.ux-all-tabs-polished .grid {
  gap: 12px;
}
body.ux-v163.ux-all-tabs-polished pre#opinionOutput {
  background: #0f172a;
  color: #e2e8f0;
  padding: 18px;
  white-space: pre-wrap;
  line-height: 1.6;
  min-height: 180px;
}
body.ux-v163.ux-all-tabs-polished #normChat,
body.ux-v163.ux-all-tabs-polished #floatNormChat {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0;
  border-radius: 18px !important;
}
body.ux-v163.ux-all-tabs-polished .badge {
  border: 1px solid rgba(15,23,42,.05);
}
body.ux-v163.ux-all-tabs-polished .ux-legacy-float-hidden {
  display: none !important;
}
body.ux-v163.ux-all-tabs-polished #uxAssistantBtn {
  right: 22px;
  bottom: 22px;
  box-shadow: 0 18px 44px rgba(15,23,42,.24);
}
@media (max-width: 760px){
  body.ux-v163.ux-all-tabs-polished .ux-tab-head {
    align-items: flex-start;
    padding: 16px;
  }
  body.ux-v163.ux-all-tabs-polished .ux-head-badge { align-self: flex-start; }
  body.ux-v163.ux-all-tabs-polished .ux-actions-clean button { width: 100%; }
}

/* ========================================================================== 
   v16.3.3 — Paleta profissional unificada nas abas
   Ajuste visual apenas. Não altera motor, extrator ou API.
   ========================================================================== */
body.ux-v163.ux-all-tabs-polished {
  --ux-accent: #0f172a;
  --ux-accent-2: #1e293b;
  --ux-accent-soft: #eef2f7;
  --ux-accent-border: #d7dee9;
  --ux-accent-text: #172033;
  --ux-muted-panel: #f8fafc;
  --ux-muted-panel-2: #f1f5f9;
  --ux-line: #dde5ef;
}

/* conteúdo das abas: menos cores vivas, mais tom institucional */
body.ux-v163.ux-all-tabs-polished .main {
  color: var(--ux-accent-text);
}
body.ux-v163.ux-all-tabs-polished .ux-tab-head,
body.ux-v163.ux-all-tabs-polished .ux-topbar,
body.ux-v163.ux-all-tabs-polished .ux-card-panel,
body.ux-v163.ux-all-tabs-polished .ux-card-clean,
body.ux-v163.ux-all-tabs-polished .card,
body.ux-v163.ux-all-tabs-polished .tablebox {
  background: rgba(255,255,255,.94) !important;
  border-color: var(--ux-line) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-tab-head h2,
body.ux-v163.ux-all-tabs-polished .ux-panel-head h2,
body.ux-v163.ux-all-tabs-polished .head h2,
body.ux-v163.ux-all-tabs-polished h3,
body.ux-v163.ux-all-tabs-polished .ux-card-title,
body.ux-v163.ux-all-tabs-polished .card > h3,
body.ux-v163.ux-all-tabs-polished section > h3 {
  color: var(--ux-accent) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-card-title::before,
body.ux-v163.ux-all-tabs-polished .card > h3::before,
body.ux-v163.ux-all-tabs-polished section > h3::before,
body.ux-v163 .ux-step i,
body.ux-v163 .ux-step.done i,
body.ux-v163 .ux-step.warn i {
  background: #94a3b8 !important;
  box-shadow: 0 0 0 4px rgba(100,116,139,.10) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-eyebrow,
body.ux-v163.ux-all-tabs-polished .ux-head-badge {
  color: var(--ux-accent) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-head-badge {
  background: var(--ux-accent-soft) !important;
  border-color: var(--ux-accent-border) !important;
}

/* métricas e visão geral */
body.ux-v163.ux-all-tabs-polished .ux-metric,
body.ux-v163.ux-all-tabs-polished .audit-card,
body.ux-v163.ux-all-tabs-polished .cost-kpi,
body.ux-v163.ux-all-tabs-polished .acc-kpi,
body.ux-v163.ux-all-tabs-polished .cross-card {
  background: #ffffff !important;
  border-color: var(--ux-line) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.045) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-metric span,
body.ux-v163.ux-all-tabs-polished .audit-card small,
body.ux-v163.ux-all-tabs-polished .audit-card h4,
body.ux-v163.ux-all-tabs-polished .cost-kpi small,
body.ux-v163.ux-all-tabs-polished .acc-kpi small {
  color: #64748b !important;
}
body.ux-v163.ux-all-tabs-polished .ux-metric strong,
body.ux-v163.ux-all-tabs-polished .audit-card b,
body.ux-v163.ux-all-tabs-polished .audit-card .num,
body.ux-v163.ux-all-tabs-polished .cost-kpi b,
body.ux-v163.ux-all-tabs-polished .acc-kpi b {
  color: var(--ux-accent) !important;
}
body.ux-v163.ux-all-tabs-polished .audit-card.ok,
body.ux-v163.ux-all-tabs-polished .audit-card.warn,
body.ux-v163.ux-all-tabs-polished .audit-card.bad,
body.ux-v163.ux-all-tabs-polished .cost-kpi.good,
body.ux-v163.ux-all-tabs-polished .cost-kpi.warn,
body.ux-v163.ux-all-tabs-polished .acc-kpi.good,
body.ux-v163.ux-all-tabs-polished .acc-kpi.warn {
  background: #fff !important;
  border-color: var(--ux-line) !important;
}

/* botões das abas: azul/verde/roxo viram tom único */
body.ux-v163.ux-all-tabs-polished .main button.primary,
body.ux-v163.ux-all-tabs-polished .main button.success,
body.ux-v163.ux-all-tabs-polished .main .primary,
body.ux-v163.ux-all-tabs-polished .main .success {
  background: linear-gradient(135deg, #0f172a, #1e293b) !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(15,23,42,.12) !important;
}
body.ux-v163.ux-all-tabs-polished .main button:not(.primary):not(.success):not(.danger),
body.ux-v163.ux-all-tabs-polished .ux-actions-clean button:not(.primary):not(.success):not(.danger) {
  background: #f8fafc !important;
  border-color: var(--ux-line) !important;
  color: #243244 !important;
}
body.ux-v163.ux-all-tabs-polished .main button:hover {
  filter: none !important;
  border-color: #cbd5e1 !important;
}
body.ux-v163.ux-all-tabs-polished .main button.danger,
body.ux-v163.ux-all-tabs-polished .danger {
  background: #fff7f7 !important;
  border-color: #ead1d1 !important;
  color: #7f1d1d !important;
}

/* avisos, badges e status com cor baixa */
body.ux-v163.ux-all-tabs-polished .notice,
body.ux-v163.ux-all-tabs-polished .status,
body.ux-v163.ux-all-tabs-polished .ux-help {
  background: #f8fafc !important;
  border-color: var(--ux-line) !important;
  color: #1e293b !important;
}
body.ux-v163.ux-all-tabs-polished .warn,
body.ux-v163.ux-all-tabs-polished .ux-ai-warning {
  background: #fffbf1 !important;
  border-color: #eadfbd !important;
  color: #6b4e16 !important;
}
body.ux-v163.ux-all-tabs-polished .badge,
body.ux-v163.ux-all-tabs-polished .ok,
body.ux-v163.ux-all-tabs-polished .partial,
body.ux-v163.ux-all-tabs-polished .bad,
body.ux-v163.ux-all-tabs-polished .info,
body.ux-v163.ux-all-tabs-polished .purple,
body.ux-v163.ux-all-tabs-polished .risk-pill,
body.ux-v163.ux-all-tabs-polished .risk-pill.ok,
body.ux-v163.ux-all-tabs-polished .risk-pill.warn,
body.ux-v163.ux-all-tabs-polished .risk-pill.mid {
  background: var(--ux-accent-soft) !important;
  border-color: var(--ux-accent-border) !important;
  color: #1e293b !important;
}

/* fluxo superior */
body.ux-v163.ux-all-tabs-polished .ux-step,
body.ux-v163.ux-all-tabs-polished .ux-step.done,
body.ux-v163.ux-all-tabs-polished .ux-step.warn,
body.ux-v163.ux-all-tabs-polished .ux-step.block {
  background: #ffffff !important;
  border-color: var(--ux-line) !important;
  color: #475569 !important;
}
body.ux-v163.ux-all-tabs-polished .ux-next button {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* tabelas */
body.ux-v163.ux-all-tabs-polished .tablebox th {
  background: #f1f5f9 !important;
  color: #1e293b !important;
}
body.ux-v163.ux-all-tabs-polished .tablebox td {
  color: #334155 !important;
}
body.ux-v163.ux-all-tabs-polished .tablebox tr:hover td {
  background: #f8fafc !important;
}

/* documentos/dropzone e chips */
body.ux-v163.ux-all-tabs-polished #dropZone {
  background: linear-gradient(135deg, #fbfcfe, #f1f5f9) !important;
  border-color: #cbd5e1 !important;
}
body.ux-v163.ux-all-tabs-polished #dropZone:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}
body.ux-v163.ux-all-tabs-polished #dropZone div:first-child {
  background: #e2e8f0 !important;
}
body.ux-v163.ux-all-tabs-polished #dropZone div:first-child::before {
  border-color: #334155 !important;
}
body.ux-v163.ux-all-tabs-polished .chip {
  background: #f1f5f9 !important;
  border-color: #d7dee9 !important;
  color: #1e293b !important;
}
body.ux-v163.ux-all-tabs-polished .chip button {
  background: #e2e8f0 !important;
  color: #1e293b !important;
}

/* assistente IA */
body.ux-v163.ux-all-tabs-polished .ux-ai-tabs button.active,
body.ux-v163.ux-all-tabs-polished .ux-chat-send button {
  background: #0f172a !important;
  color: #fff !important;
}
body.ux-v163.ux-all-tabs-polished .ux-ai-action:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
}
body.ux-v163.ux-all-tabs-polished .ux-msg.user {
  background: #eef2f7 !important;
  color: #1e293b !important;
}

/* barras e destaques inline */
body.ux-v163.ux-all-tabs-polished .score-bar-bg {
  background: #e2e8f0 !important;
}
body.ux-v163.ux-all-tabs-polished .score-bar,
body.ux-v163.ux-all-tabs-polished .audit-bar .ok-seg,
body.ux-v163.ux-all-tabs-polished .audit-bar .res-seg,
body.ux-v163.ux-all-tabs-polished .audit-bar .par-seg,
body.ux-v163.ux-all-tabs-polished .audit-bar .dil-seg {
  background: #64748b !important;
}

/* ========================================================================
   ExequiPRO v16.3.4 — Azul Executivo Profundo
   Ajusta a paleta para azul escuro institucional e torna o topo mais claro.
   ======================================================================== */
body.ux-v163.ux-all-tabs-polished,
body.ux-v163 {
  --bg: #eef4fb;
  --surface: #ffffff;
  --surface2: #f4f8fc;
  --text: #07152f;
  --muted: #5d6d86;
  --border: rgba(19, 47, 89, .14);
  --blue: #0b3b78;
  --blue-dark: #082b5c;
  --shadow: 0 12px 34px rgba(7, 21, 47, .075);
  --shadow-lg: 0 22px 52px rgba(7, 21, 47, .14);
  --ux-accent: #082b5c;
  --ux-accent-2: #0b3b78;
  --ux-accent-soft: #eaf2ff;
  --ux-accent-border: #c8d9f2;
  --ux-accent-text: #07152f;
  --ux-muted-panel: #f6f9fd;
  --ux-muted-panel-2: #edf4fb;
  --ux-line: #d6e2f1;
}
body.ux-v163 {
  background:
    radial-gradient(circle at 15% 0%, rgba(14, 79, 154, .14), transparent 34%),
    linear-gradient(180deg, #f6f9fd 0%, #edf4fb 100%) !important;
}
body.ux-v163 .sidebar {
  background: linear-gradient(180deg, #061a3a 0%, #082b5c 42%, #071f45 100%) !important;
  box-shadow: 6px 0 34px rgba(6, 26, 58, .30) !important;
}
body.ux-v163 .logo {
  background: #ffffff !important;
  color: #061a3a !important;
  border-color: rgba(219,234,254,.9) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}
body.ux-v163 .brand h1 { color:#ffffff !important; }
body.ux-v163 .brand p { color:#bfdbfe !important; }
body.ux-v163 nav button {
  color: #d8e7fb !important;
  border-color: transparent !important;
}
body.ux-v163 nav button:hover {
  background: rgba(147,197,253,.13) !important;
  color: #ffffff !important;
}
body.ux-v163 nav button.active {
  background: linear-gradient(135deg, rgba(59,130,246,.36), rgba(14,79,154,.26)) !important;
  border-color: rgba(191,219,254,.25) !important;
  color: #ffffff !important;
}
body.ux-v163 .side-actions button.primary,
body.ux-v163.ux-all-tabs-polished .main button.primary,
body.ux-v163.ux-all-tabs-polished .main button.success,
body.ux-v163.ux-all-tabs-polished .main .primary,
body.ux-v163.ux-all-tabs-polished .main .success,
body.ux-v163.ux-all-tabs-polished .ux-next button,
body.ux-v163.ux-all-tabs-polished .ux-ai-tabs button.active,
body.ux-v163.ux-all-tabs-polished .ux-chat-send button {
  background: linear-gradient(135deg, #0b3b78, #061a3a) !important;
  border-color: #0b3b78 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(8,43,92,.18) !important;
}
body.ux-v163 .ux-topbar,
body.ux-v163 .ux-tab-head,
body.ux-v163 .card,
body.ux-v163 .ux-card-panel,
body.ux-v163 .tablebox {
  border-color: #d6e2f1 !important;
  box-shadow: 0 14px 34px rgba(8,43,92,.07) !important;
}
body.ux-v163 .ux-tab-head h2,
body.ux-v163 .head h2,
body.ux-v163 h2,
body.ux-v163 h3,
body.ux-v163 .ux-panel-head h2,
body.ux-v163 .ux-card-title {
  color: #061a3a !important;
}
body.ux-v163 .ux-eyebrow,
body.ux-v163 .ux-head-badge,
body.ux-v163 .badge,
body.ux-v163 .info,
body.ux-v163 .ok,
body.ux-v163 .partial,
body.ux-v163 .purple {
  background: #eaf2ff !important;
  border-color: #c8d9f2 !important;
  color: #082b5c !important;
}
body.ux-v163 .notice,
body.ux-v163 .status,
body.ux-v163 .ux-help {
  background: linear-gradient(135deg, #f6f9fd, #eaf2ff) !important;
  border-color: #c8d9f2 !important;
  color: #082b5c !important;
}
body.ux-v163 .warn,
body.ux-v163 .ux-ai-warning {
  background: #fff8e8 !important;
  border-color: #ead7a6 !important;
  color: #694b0e !important;
}
body.ux-v163 input:focus,
body.ux-v163 textarea:focus,
body.ux-v163 select:focus {
  border-color: #0b3b78 !important;
  box-shadow: 0 0 0 4px rgba(11,59,120,.10) !important;
}
body.ux-v163 .ux-step {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 13px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #c8d9f2 !important;
  color: #28415f !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body.ux-v163 .ux-step:hover {
  background: #eaf2ff !important;
  border-color: #8fb5e8 !important;
  color: #082b5c !important;
}
body.ux-v163 .ux-step.done {
  color: #082b5c !important;
  border-color: #9fc0ec !important;
}
body.ux-v163 .ux-step.warn {
  background: #fff8e8 !important;
  border-color: #ead7a6 !important;
  color: #694b0e !important;
}
body.ux-v163 .ux-step i,
body.ux-v163 .ux-step.done i {
  background: #0b3b78 !important;
  box-shadow: 0 0 0 4px rgba(11,59,120,.10) !important;
}
body.ux-v163 .ux-step.warn i {
  background: #b7791f !important;
  box-shadow: 0 0 0 4px rgba(183,121,31,.12) !important;
}
body.ux-v163 .tablebox th,
body.ux-v163 #triageTableWrap thead tr {
  background: #082b5c !important;
  color: #ffffff !important;
}
body.ux-v163 .tablebox tr:hover td,
body.ux-v163 table tr:hover td {
  background: #f0f6ff !important;
}
body.ux-v163 .chip {
  background: #eaf2ff !important;
  border-color: #c8d9f2 !important;
  color: #082b5c !important;
}
body.ux-v163 #dropZone {
  background: linear-gradient(135deg, #ffffff, #eef6ff) !important;
  border-color: #b9d0ef !important;
}
body.ux-v163 #dropZone:hover {
  background: #eaf2ff !important;
  border-color: #0b3b78 !important;
}
body.ux-v163 .score-bar,
body.ux-v163 .audit-bar .ok-seg,
body.ux-v163 .audit-bar .res-seg,
body.ux-v163 .audit-bar .par-seg,
body.ux-v163 .audit-bar .dil-seg {
  background: #0b3b78 !important;
}


/* ==== SuitePRO Pública — Design System v1 | ExequiPRO ==== */
:root{
  --bg:#f3f7fb;
  --surface:#ffffff;
  --border:#d8e1ec;
  --text:#0f172a;
  --muted:#64748b;
  --blue:#2563eb;
  --blue-deep:#0f3a66;
  --blue-deeper:#07111f;
  --slate-soft:#eef3f8;
  --shadow:0 16px 42px rgba(15,23,42,.08);
}
body{background:linear-gradient(180deg,#f4f7fb 0%,#eef3f8 100%)!important;color:var(--text)!important;}
.sidebar{background:linear-gradient(180deg,#07111f 0%, #0b1930 48%, #0f3a66 100%)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.06)!important;}
.brand{padding-bottom:16px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
.logo{background:#fff!important;color:#07111f!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;}
.brand h1{font-size:24px!important;letter-spacing:-.04em!important;}
.brand p{color:#d7e5f5!important;font-weight:700!important;}
nav button,.side-actions button{border-radius:14px!important;min-height:42px!important;font-weight:800!important;}
nav button{background:transparent!important;border:1px solid transparent!important;color:#d8e3f0!important;position:relative!important;padding:10px 12px 10px 16px!important;}
nav button::before{content:"";width:8px;height:8px;border-radius:50%;border:1.6px solid rgba(216,227,240,.75);display:inline-block;margin-right:10px;}
nav button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;}
nav button.active{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;}
nav button.active::before{background:#60a5fa;border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.14);}
.side-actions{border-top:1px solid rgba(255,255,255,.10)!important;padding-top:14px!important;gap:8px!important;}
.side-actions button{background:rgba(255,255,255,.06)!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.10)!important;text-align:left!important;}
.side-actions button.primary,.primary{background:linear-gradient(135deg,#0f3a66,#2563eb)!important;border-color:#2563eb!important;color:#fff!important;}
button{border-radius:12px!important;background:#fff!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:none!important;}
button:hover{filter:none!important;background:#f8fbff!important;}
.success{background:#ecfdf3!important;color:#166534!important;border-color:#bbf7d0!important;}
.danger{background:#fff1f2!important;color:#9f1239!important;border-color:#fecdd3!important;}
.main{background:transparent!important;}
.card,.tablebox,.audit-card,.cross-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:var(--shadow)!important;}
.head h2{letter-spacing:-.03em!important;}
.head p,label,.audit-card span,.audit-card .hint{color:var(--muted)!important;}
input,textarea,select{background:#fbfcfe!important;border-color:var(--border)!important;border-radius:14px!important;color:var(--text)!important;}
input:focus,textarea:focus,select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;}
.notice{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;border-radius:14px!important;}
.warn{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;border-radius:14px!important;}
.status{background:#eef2ff!important;border:1px solid #c7d2fe!important;color:#3730a3!important;border-radius:14px!important;}
.badge.ok,.ok{background:#ecfdf3!important;color:#166534!important;}
.badge.partial,.partial{background:#fff7ed!important;color:#9a3412!important;}
.badge.bad,.bad{background:#fff1f2!important;color:#be123c!important;}
.badge.info,.info{background:#eff6ff!important;color:#1d4ed8!important;}
.badge.purple,.purple{background:#f5f3ff!important;color:#6d28d9!important;}
.chip{background:#f8fbff!important;border:1px solid #dbe7f3!important;color:#0f3a66!important;border-radius:999px!important;}
.chip button{background:#edf4fb!important;color:#0f3a66!important;border-color:#dbe7f3!important;}
.tablebox th{background:#eef3f8!important;color:#334155!important;border-bottom:1px solid #d8e1ec!important;}
.tablebox tr:hover td{background:#f8fbfd!important;}
.audit-hero{background:linear-gradient(135deg,#07111f 0%, #0f3a66 100%)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 24px 60px rgba(7,17,31,.22)!important;}
.audit-hero p,.audit-progress-label,.audit-metric span{color:#d8e3f0!important;}
.audit-metric{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;}
.audit-metric small{color:#c9dcf3!important;}
.audit-card.ok{background:#f8fcfa!important;border-color:#cfe7d8!important;}
.audit-card.warn{background:#fffdfa!important;border-color:#fae7b4!important;}
.audit-card.bad{background:#fff8f8!important;border-color:#f7d5d7!important;}
.kpi-row .card,.score-card{background:var(--surface)!important;}
#floatJurBtnMain{background:linear-gradient(135deg,#0f3a66,#2563eb)!important;box-shadow:0 10px 26px rgba(15,58,102,.30)!important;}
#floatJurChat > div:first-child{background:linear-gradient(135deg,#07111f,#0f3a66)!important;}
@media (max-width: 900px){.sidebar{box-shadow:none!important;}}

/* ========================================================================
   ExequiPRO v16.3.6 — Ajuste visual das abas Custos e Demonstrações
   ======================================================================== */
body.ux-v163 #custos .head,
body.ux-v163 #contabil .head{
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#edf4fb 100%)!important;
  border:1px solid #d6e2f1!important;
  border-radius:24px!important;
  padding:24px 26px!important;
  box-shadow:0 16px 42px rgba(7,21,47,.07)!important;
}
body.ux-v163 #custos .head h2,
body.ux-v163 #contabil .head h2{
  color:#061a3a!important;
  font-size:30px!important;
  letter-spacing:-.04em!important;
}
body.ux-v163 #custos .head p,
body.ux-v163 #contabil .head p{
  color:#5d6d86!important;
}
body.ux-v163 #custos .card,
body.ux-v163 #contabil .card{
  background:#ffffff!important;
  border:1px solid #d6e2f1!important;
  border-radius:20px!important;
  box-shadow:0 14px 36px rgba(7,21,47,.065)!important;
  overflow:hidden;
}
body.ux-v163 #custos .card > h3,
body.ux-v163 #contabil .card > h3{
  color:#061a3a!important;
  font-size:17px!important;
  letter-spacing:-.02em!important;
  border-bottom:1px solid #edf2f7;
  padding-bottom:12px;
  margin-bottom:16px!important;
}
body.ux-v163 #custos .card[style*="linear-gradient"],
body.ux-v163 #custos .card div[style*="background:#eff6ff"],
body.ux-v163 #contabil .card div[style*="background:#f0fdf4"]{
  background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
  border-color:#d6e2f1!important;
}
body.ux-v163 #custos .card div[style*="color:#1e3a8a"],
body.ux-v163 #contabil .card div[style*="color:#166534"]{
  color:#082b5c!important;
}
body.ux-v163 #custos .form-row,
body.ux-v163 #contabil .form-row,
body.ux-v163 #custos div[style*="grid-template-columns"],
body.ux-v163 #contabil div[style*="grid-template-columns"]{
  gap:12px!important;
}
body.ux-v163 #custos input,
body.ux-v163 #custos select,
body.ux-v163 #custos textarea,
body.ux-v163 #contabil input,
body.ux-v163 #contabil select,
body.ux-v163 #contabil textarea{
  background:#fbfdff!important;
  border:1px solid #d6e2f1!important;
  border-radius:14px!important;
  color:#07152f!important;
  min-height:42px;
}
body.ux-v163 #custos input:focus,
body.ux-v163 #custos select:focus,
body.ux-v163 #custos textarea:focus,
body.ux-v163 #contabil input:focus,
body.ux-v163 #contabil select:focus,
body.ux-v163 #contabil textarea:focus{
  border-color:#0b3b78!important;
  box-shadow:0 0 0 4px rgba(11,59,120,.10)!important;
}
body.ux-v163 #custos .cost-dashboard,
body.ux-v163 #contabil .accounting-dashboard{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  margin:0 0 16px;
}
body.ux-v163 #custos .cost-kpi,
body.ux-v163 #contabil .acc-kpi{
  background:#ffffff!important;
  border:1px solid #d6e2f1!important;
  border-radius:18px!important;
  padding:16px!important;
  box-shadow:0 10px 26px rgba(7,21,47,.055)!important;
  text-align:left!important;
}
body.ux-v163 #custos .cost-kpi small,
body.ux-v163 #contabil .acc-kpi small{
  color:#5d6d86!important;
  text-transform:uppercase;
  font-size:10px!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
}
body.ux-v163 #custos .cost-kpi b,
body.ux-v163 #contabil .acc-kpi b{
  color:#061a3a!important;
  font-size:26px!important;
  line-height:1.1!important;
}
body.ux-v163 #custos .cost-kpi span,
body.ux-v163 #contabil .acc-kpi span{
  color:#64748b!important;
  font-size:11px!important;
}
body.ux-v163 #custos .tablebox,
body.ux-v163 #contabil .tablebox{
  border-radius:18px!important;
  border:1px solid #d6e2f1!important;
  box-shadow:0 12px 30px rgba(7,21,47,.055)!important;
}
body.ux-v163 #custos .tablebox th,
body.ux-v163 #contabil .tablebox th{
  background:#eef4fb!important;
  color:#082b5c!important;
}
body.ux-v163 #custos .tablebox td,
body.ux-v163 #contabil .tablebox td{
  color:#334155!important;
}
body.ux-v163 #contabil .card div[style*="grid-template-columns:1fr 1fr"] > div{
  background:#fbfdff!important;
  border:1px solid #d6e2f1!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(7,21,47,.04)!important;
}
body.ux-v163 #custos button[style*="background:#eff6ff"],
body.ux-v163 #custos .small-btn,
body.ux-v163 #contabil button.success{
  background:#f8fbff!important;
  border-color:#d6e2f1!important;
  color:#082b5c!important;
  box-shadow:none!important;
}
body.ux-v163 #custos #analiseCustosPanel,
body.ux-v163 #custos #tributosResult,
body.ux-v163 #custos #maoDeObraResult,
body.ux-v163 #custos #freteResult,
body.ux-v163 #contabil #accountingIndicators{
  color:#334155!important;
}


/* =========================================================
   SuitePRO Clean Gov — visual SaaS claro e profissional
   Aplicado como camada de design, sem alterar motor/lógica.
   ========================================================= */
:root{
  --clean-blue:#1769ff;--clean-blue-dark:#003a70;

  --clean-bg:#f6f9fc;
  --clean-sidebar:#ffffff;
  --clean-card:#ffffff;
  --clean-line:#dbe5ef;
  --clean-line-soft:#e8eef5;
  --clean-text:#06152b;
  --clean-muted:#5d6f86;
  --clean-blue:#1769ff;
  --clean-blue-dark:#003a70;
  --clean-blue-soft:#eef6ff;
  --clean-green:#16a36a;
  --clean-green-soft:#eafaf2;
  --clean-amber:#b7791f;
  --clean-amber-soft:#fff7e6;
  --clean-red:#c24141;
  --clean-red-soft:#fff1f2;
  --clean-radius:16px;
  --clean-shadow:0 10px 28px rgba(15, 43, 77, .07);
}

html, body{
  background:var(--clean-bg)!important;
  color:var(--clean-text)!important;
}

.sidebar, aside.sidebar{
  background:var(--clean-sidebar)!important;
  color:var(--clean-text)!important;
  border-right:1px solid var(--clean-line)!important;
  box-shadow:none!important;
}

.brand{
  border-bottom:1px solid var(--clean-line-soft)!important;
  padding-bottom:18px!important;
  margin-bottom:14px!important;
}
.logo{
  background:#ffffff!important;
  color:var(--clean-blue-dark)!important;
  border:1px solid var(--clean-line)!important;
  box-shadow:0 8px 22px rgba(23,105,255,.10)!important;
}
.brand h1{
  color:var(--clean-blue)!important;
  letter-spacing:-.04em!important;
}
.brand p{
  color:var(--clean-muted)!important;
  font-weight:750!important;
}

nav, .nav{gap:5px!important;}
nav button, .nav button{
  background:transparent!important;
  color:#29384d!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  box-shadow:none!important;
  min-height:40px!important;
  font-weight:800!important;
  padding:10px 12px!important;
}
nav button::before, .nav button::before{
  border-color:#1f2937!important;
  opacity:.86!important;
}
nav button:hover, .nav button:hover{
  background:#f3f7fb!important;
  color:var(--clean-blue-dark)!important;
}
nav button.active, .nav button.active{
  background:var(--clean-blue-soft)!important;
  color:var(--clean-blue-dark)!important;
  border-color:#cfe2ff!important;
  box-shadow:none!important;
}
nav button.active::before, .nav button.active::before{
  background:var(--clean-blue)!important;
  border-color:var(--clean-blue)!important;
  box-shadow:0 0 0 4px rgba(23,105,255,.12)!important;
}

.work-mode{
  background:#f8fbfe!important;
  border:1px solid var(--clean-line)!important;
  color:var(--clean-text)!important;
}
.work-mode span{color:var(--clean-muted)!important;}
.toggle{
  background:#eef3f8!important;
  border:1px solid var(--clean-line-soft)!important;
}
.toggle button{background:transparent!important;color:#334155!important;border:0!important;}
.toggle button.active{background:#fff!important;color:var(--clean-blue-dark)!important;box-shadow:0 4px 14px rgba(15,43,77,.08)!important;}

.side-actions{border-top:1px solid var(--clean-line-soft)!important;gap:8px!important;}
.side-actions button{
  background:#ffffff!important;
  color:#233044!important;
  border:1px solid var(--clean-line)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.side-actions button:hover{background:#f7fbff!important;}
.side-actions button.primary, .primary{
  background:var(--clean-blue)!important;
  border-color:var(--clean-blue)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(23,105,255,.18)!important;
}
.side-actions button.danger, .danger{
  background:var(--clean-red-soft)!important;
  color:var(--clean-red)!important;
  border-color:#ffd4da!important;
}

.main{background:transparent!important;}
.topbar, .card, .hero, .section-head, .head, .audit-card, .cross-card, .tablebox, .kpi, .result-card, .question-card, .doc-item, .norm-item, .risk-item, .mini-status, .modal{
  background:var(--clean-card)!important;
  border:1px solid var(--clean-line)!important;
  border-radius:20px!important;
  box-shadow:var(--clean-shadow)!important;
}
.head, .hero, .section-head{
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%)!important;
}
.head h2, .hero h2, .section-head h2, .card-title, .q-title, h2, h3{
  color:var(--clean-text)!important;
}
.head p, .hero p, .section-head p, .muted, .empty, .output, label{
  color:var(--clean-muted)!important;
}

.eyebrow{color:var(--clean-blue)!important;}
.hero-badge, .badge.info, .info, .tag{
  background:var(--clean-blue-soft)!important;
  color:var(--clean-blue-dark)!important;
  border:1px solid #cfe2ff!important;
  border-radius:999px!important;
}
.badge.ok, .ok, .tag.ok{
  background:var(--clean-green-soft)!important;
  color:#08734d!important;
  border-color:#b8ecd1!important;
}
.badge.partial, .partial, .tag.warn{
  background:var(--clean-amber-soft)!important;
  color:var(--clean-amber)!important;
  border-color:#ffe0a3!important;
}
.badge.bad, .bad, .tag.danger{
  background:var(--clean-red-soft)!important;
  color:var(--clean-red)!important;
  border-color:#ffd4da!important;
}

button{
  border-radius:13px!important;
  border:1px solid var(--clean-line)!important;
  background:#fff!important;
  color:#142033!important;
  box-shadow:none!important;
}
button:hover{background:#f7fbff!important;filter:none!important;}
button:active{transform:translateY(1px)!important;}

input, textarea, select{
  background:#fff!important;
  color:var(--clean-text)!important;
  border:1px solid var(--clean-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--clean-blue)!important;
  box-shadow:0 0 0 4px rgba(23,105,255,.11)!important;
}

.notice, .status{
  background:var(--clean-blue-soft)!important;
  border:1px solid #cfe2ff!important;
  color:var(--clean-blue-dark)!important;
  border-radius:16px!important;
}
.warn{
  background:var(--clean-amber-soft)!important;
  border:1px solid #ffe0a3!important;
  color:var(--clean-amber)!important;
  border-radius:16px!important;
}

.tablebox, .table{overflow:hidden!important;}
.tablebox th, .table th{
  background:#f5f8fb!important;
  color:#50647c!important;
  border-bottom:1px solid var(--clean-line)!important;
  font-size:11px!important;
}
.tablebox td, .table td{
  border-bottom:1px solid var(--clean-line-soft)!important;
}
.tablebox tr:hover td, .table tr:hover td{background:#fbfdff!important;}

.chip{
  background:#f7fbff!important;
  color:var(--clean-blue-dark)!important;
  border:1px solid #d4e5fb!important;
}
.dropzone, #dropZone{
  background:#fbfdff!important;
  border:2px dashed #b9cce0!important;
  color:var(--clean-blue-dark)!important;
  border-radius:20px!important;
}
.dropzone:hover, #dropZone:hover{
  background:var(--clean-blue-soft)!important;
  border-color:#8dbbff!important;
}

.audit-hero{
  background:#ffffff!important;
  color:var(--clean-text)!important;
  border:1px solid var(--clean-line)!important;
  border-radius:22px!important;
  box-shadow:var(--clean-shadow)!important;
}
.audit-hero p, .audit-progress-label, .audit-metric span{color:var(--clean-muted)!important;}
.audit-metric{
  background:#f8fbfe!important;
  border:1px solid var(--clean-line)!important;
  color:var(--clean-text)!important;
}
.audit-metric small{color:#50647c!important;}
.audit-metric b{color:var(--clean-blue-dark)!important;}
.audit-card.ok, .cross-card.ok{background:#f6fffb!important;border-color:#b8ecd1!important;}
.audit-card.warn, .cross-card.warn{background:#fffdf7!important;border-color:#ffe0a3!important;}
.audit-card.bad, .cross-card.bad{background:#fff8f8!important;border-color:#ffd4da!important;}

.stepper button{
  background:#fff!important;
  color:#334155!important;
  border-color:#d4e0ec!important;
}
.stepper button:hover{background:#f7fbff!important;}
.next-action{
  background:#fff!important;
  border:1px solid var(--clean-line)!important;
  color:#243449!important;
}
.next-action button{background:#f8fbfe!important;}

#floatJurBtnMain{
  background:var(--clean-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(23,105,255,.22)!important;
}
#floatJurChat > div:first-child{background:var(--clean-blue)!important;}

@media(max-width:780px){
  .sidebar, aside.sidebar{border-right:0!important;border-bottom:1px solid var(--clean-line)!important;}
}
