/*
 * Identidade visual Delega IA
 * A paleta foi consolidada a partir da apresentação institucional: azul cobalto,
 * azul elétrico e superfícies claras/azuladas. Este arquivo é carregado por último
 * para manter a identidade consistente sem alterar os fluxos funcionais das telas.
 */
:root{
  --delega-cobalt:#0b3194;
  --delega-electric:#1774ff;
  --delega-navy:#061a52;
  --delega-night:#07142f;
  --delega-surface:#f5f8ff;
  --delega-line:#d9e4f7;
  --purple:var(--delega-cobalt);
  --lightpurple:#eaf2ff;
  --bg:var(--delega-surface);
}

/* A marca horizontal oficial evita recortes e preserva o símbolo e a tipografia juntos. */
.delega-wordmark{display:block;width:182px;height:auto;max-height:42px;object-fit:contain}
.brand .delega-wordmark{width:166px;filter:brightness(0) invert(1)}
.login-brand{margin-bottom:72px}

/* Azul institucional aplicado às ações, destaques e estados de foco. */
.primary,.chat footer .send{background:linear-gradient(135deg,var(--delega-cobalt),var(--delega-electric));box-shadow:0 5px 13px #0b319433}
.primary:hover,.chat footer .send:hover{background:linear-gradient(135deg,#082678,#0b63e8)}
.text-btn,.link,.secondary,.toolbar-clear,.eyebrow{color:var(--delega-cobalt)}
.secondary,.outline{border-color:#b9d0ff;color:var(--delega-cobalt)}
.toolbar-clear,.insight{background:#eef5ff}
.insight{border-color:#c9ddff}
.insight-icon,.empty-state:before,.empty-icon{background:#dceaff;color:var(--delega-cobalt)}
.conversation.selected{background:#e8f1ff}
.message.user{background:linear-gradient(135deg,var(--delega-cobalt),#176ff2)}
.ai-label,.page-heading h1 span{color:var(--delega-cobalt)}
.agent-progress u{background:linear-gradient(90deg,var(--delega-cobalt),var(--delega-electric))}
.brand,.sidebar{background-color:var(--delega-navy)}
.sidebar{background:linear-gradient(180deg,#08276f 0%,var(--delega-navy) 68%,#04133d 100%)}
.sidebar .brand{background:transparent}
.nav-link.active,.nav-link:hover{background:#17479b}
.office{border-color:#28509b}
.login-aside{background:radial-gradient(circle at 22% 22%,#2387ff 0%,var(--delega-cobalt) 42%,#061a52 100%)}
.login-aside span{background:#ffffff1c;border-color:#ffffff42}
.topbar{border-bottom-color:var(--delega-line)}

/* O tema escuro mantém o mesmo azul profundo da identidade institucional. */
body[data-theme="dark"]{--ink:#edf5ff;--muted:#aec4ea;--line:#274477;--bg:var(--delega-night);background:var(--delega-night)}
body[data-theme="dark"] .login-screen{background:var(--delega-night)}
body[data-theme="dark"] .login-panel{background:#0a1d42}
body[data-theme="dark"] .login-panel input,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#081a3a;border-color:#31538a}
body[data-theme="dark"] .topbar,body[data-theme="dark"] .stats article,body[data-theme="dark"] .panel,body[data-theme="dark"] .toolbar,body[data-theme="dark"] .company-card,body[data-theme="dark"] .agent-card,body[data-theme="dark"] .message.ai,body[data-theme="dark"] .modal,body[data-theme="dark"] .secondary,body[data-theme="dark"] .outline,body[data-theme="dark"] .contract-history{background:#0b2046;border-color:#274477}
body[data-theme="dark"] .messages{background:#081a3a}
body[data-theme="dark"] .conversation.selected,body[data-theme="dark"] .conversation:hover{background:#123773}
body[data-theme="dark"] .insight{background:#0b2a62;border-color:#2b5ca9}
body[data-theme="dark"] .chat footer{background:#0b2046;border-color:#274477}
body[data-theme="dark"] .toolbar select,body[data-theme="dark"] .toolbar input{background:#081a3a;border-color:#31538a}
body[data-theme="dark"] .account-shortcut,body[data-theme="dark"] .theme-toggle{background:#0e2b5c!important;border-color:#436ba9!important;color:#e8f2ff!important}
body[data-theme="dark"] .chat-actions-menu{background:#0b2046;border-color:#31538a}
body[data-theme="dark"] #conversas .chat header{background:#0b2046;box-shadow:0 7px 14px #020818cc}
body[data-theme="dark"] .ai-markdown th{background:#10316a;color:#e8f2ff}
body[data-theme="dark"] .ai-markdown tbody tr:nth-child(even){background:#0d2651}
body[data-theme="dark"] .ai-markdown blockquote{background:#0d2a5d;border-color:#3987ff;color:#d7e8ff}
body[data-theme="dark"] .message.ai.thinking-ai{background:#0d2a5d;border-color:#3978d3;color:#e3efff}

@media(max-width:700px){.brand-mark{width:29px;height:29px}}

/*
 * Aplicação global da paleta oficial.
 * O objetivo é eliminar o roxo herdado do protótipo e manter todos os módulos
 * — inclusive SUP, conversas, formulários e tabelas — no mesmo sistema visual.
 */
:root{
  --delega-blue-950:#071b51;
  --delega-blue-900:#0b2c84;
  --delega-blue-800:#103a98;
  --delega-blue-700:#0e56b3;
  --delega-blue-600:#1375ca;
  --delega-blue-100:#e7f0ff;
  --delega-blue-050:#f5f8ff;
  --ink:#0b235c;
  --muted:#58709d;
  --line:#d5e2f6;
  --bg:#f4f7fc;
}

/* Estrutura, cartões e filtros usam superfícies claras e bordas azuladas no tema claro. */
body{background:var(--bg);color:var(--ink)}
.topbar{background:#fff;border-color:var(--line)}
.breadcrumb{color:#315487}
.page-heading h1,.simple h1,.panel h2,.company-card h3,.agent-card h3{color:var(--delega-blue-950)}
.page-heading p,.panel-title p,.simple p,.activity-row p,.company-card p,.agent-card p{color:#5b739d}
.stats article,.panel,.toolbar,.company-card,.agent-card,.modal,.secondary,.outline{border-color:var(--line)}
.stats article,.panel,.toolbar,.company-card,.agent-card,.modal{border-radius:12px}
.toolbar,.stats article,.panel,.company-card,.agent-card{box-shadow:0 8px 22px #0a2d7910}
.toolbar input,.toolbar select,.modal input,.modal select,.modal textarea,.audit-toolbar input,.audit-toolbar select{border-color:#c9daef;outline-color:var(--delega-blue-600)}
.toolbar-clear,.secondary,.outline{background:#f4f8ff;color:var(--delega-blue-800)}
.toolbar-clear:hover,.secondary:hover,.outline:hover{background:#e6f0ff}
.text-btn,.link{color:var(--delega-blue-700)}
.text-btn:hover,.link:hover{color:var(--delega-blue-900)}
.eyebrow,.ai-label{color:var(--delega-blue-700)}

/* Componentes de ação e seleção seguem o degradê azul visto nos materiais da marca. */
.primary,.chat footer .send{background:linear-gradient(135deg,#0b2c84 0%,#1375ca 100%);box-shadow:0 6px 15px #0a3d9930}
.primary:hover,.chat footer .send:hover{background:linear-gradient(135deg,#071e63 0%,#0d62bb 100%)}
.conversation.selected{background:#e7f0ff;box-shadow:inset 3px 0 0 var(--delega-blue-600)}
.conversation:hover{background:#f0f6ff}
.message.user{background:linear-gradient(135deg,#0b2c84,#1375ca)}
.message.ai{border-color:#d5e2f6;background:#fff}
.finding{border-left-color:var(--delega-blue-600);background:#f0f6ff}
.insight{background:linear-gradient(115deg,#e9f2ff,#f6f9ff);border-color:#bdd5fb}
.insight-icon,.empty-state:before,.empty-icon,.purple{background:#dceaff;color:var(--delega-blue-800)}
.agent-progress u{background:linear-gradient(90deg,#0b2c84,#1375ca)}
.chat-actions-toggle{border-color:#b9d1fb!important;background:#f3f7ff!important;color:var(--delega-blue-800)!important}
.chat-actions-menu{border-color:#d5e2f6;box-shadow:0 14px 32px #09245a20}
.chat-actions-menu button:hover{background:#edf4ff!important;color:var(--delega-blue-800)!important}

/* Sidebar com fundo cobalto sólido e estados de navegação de alto contraste. */
.sidebar{background:linear-gradient(180deg,#0b2c84 0%,#09266f 62%,#071b51 100%)}
.office,.profile{border-color:#28529b}
.nav-link{color:#d7e5ff}
.nav-link.active,.nav-link:hover{background:#1a55af;color:#fff}
nav p{color:#9dbceb}
.office small,.profile small{color:#bfd3f3}
.office button,.profile button{color:#dce9ff}
.avatar{background:#dbeaff;color:#0b2c84}

/* Formulários e feedbacks ficam alinhados à linguagem azul, sem alterar alertas críticos. */
input:focus,select:focus,textarea:focus{border-color:var(--delega-blue-600)!important;box-shadow:0 0 0 3px #1375ca20}
.status.done{background:#e6f7ef;color:#167446}
.status.warning,.running{background:#fff4d9;color:#9b6707}
.status.suspended{background:#fff0f2;color:#bc2941}
.login-aside{background:radial-gradient(circle at 72% 24%,#1f88dc 0%,#0d56af 35%,#0b2c84 68%,#071b51 100%)}
.login-panel{background:#fff}
.login-brand .delega-wordmark{width:194px;max-height:47px}
.modal-backdrop{background:#04163bb8}
.modal{box-shadow:0 22px 56px #06183f40}

/* Tema escuro: a interface inteira passa a usar a escala azul oficial. */
body[data-theme="dark"]{--ink:#f1f6ff;--muted:#b3c8eb;--line:#315889;--bg:#071b51;background:#071b51;color:#f1f6ff}
body[data-theme="dark"] .login-screen{background:#071b51}
body[data-theme="dark"] .login-panel{background:#0a265c}
body[data-theme="dark"] .topbar{background:#0a2861;border-color:#315889}
body[data-theme="dark"] .stats article,body[data-theme="dark"] .panel,body[data-theme="dark"] .toolbar,body[data-theme="dark"] .company-card,body[data-theme="dark"] .agent-card,body[data-theme="dark"] .message.ai,body[data-theme="dark"] .modal,body[data-theme="dark"] .secondary,body[data-theme="dark"] .outline,body[data-theme="dark"] .contract-history{background:#0b2b66;border-color:#315889}
body[data-theme="dark"] .messages{background:#081f4d}
body[data-theme="dark"] .chat footer,body[data-theme="dark"] #conversas .chat header{background:#0b2b66;border-color:#315889}
body[data-theme="dark"] .chat header{border-color:#315889}
body[data-theme="dark"] .conversation.selected,body[data-theme="dark"] .conversation:hover{background:#164894;box-shadow:inset 3px 0 0 #48a1ff}
body[data-theme="dark"] .toolbar select,body[data-theme="dark"] .toolbar input,body[data-theme="dark"] .audit-toolbar input,body[data-theme="dark"] .audit-toolbar select{background:#081f4d;border-color:#3a66a0;color:#f1f6ff}
body[data-theme="dark"] .insight{background:linear-gradient(120deg,#0c3478,#0d2960);border-color:#3468b0}
body[data-theme="dark"] .finding{background:#0c3478;color:#dcecff;border-color:#49a0ff}
body[data-theme="dark"] .chat-actions-menu{background:#0b2b66;border-color:#3a66a0}
body[data-theme="dark"] .chat-actions-menu button:hover{background:#164894!important;color:#fff!important}
body[data-theme="dark"] .account-shortcut,body[data-theme="dark"] .theme-toggle{background:#123b80!important;border-color:#4f7fbd!important;color:#f0f6ff!important}
body[data-theme="dark"] .chat-actions-toggle{background:#123b80!important;border-color:#4f7fbd!important;color:#f0f6ff!important}
body[data-theme="dark"] .ai-markdown h1,body[data-theme="dark"] .ai-markdown h2,body[data-theme="dark"] .ai-markdown h3,body[data-theme="dark"] .ai-markdown strong{color:#f4f8ff}
body[data-theme="dark"] .ai-markdown th{background:#123d86;color:#f0f6ff;border-color:#3a66a0}
body[data-theme="dark"] .ai-markdown td,body[data-theme="dark"] .ai-markdown hr,body[data-theme="dark"] .markdown-table-wrap{border-color:#315889}
body[data-theme="dark"] .ai-markdown tbody tr:nth-child(even){background:#0e326f}
body[data-theme="dark"] .ai-markdown blockquote{background:#0c3478;border-color:#49a0ff;color:#dcecff}
body[data-theme="dark"] .message.ai.thinking-ai{background:#0c3478;border-color:#4381d0;color:#eff6ff}
body[data-theme="dark"] .audit-table th,body[data-theme="dark"] .consumption-head,body[data-theme="dark"] .consumption-user-head{background:#081f4d;color:#b9d0f2}
body[data-theme="dark"] .audit-table td,body[data-theme="dark"] .consumption-row,body[data-theme="dark"] .consumption-user-row{border-color:#315889;color:#edf5ff}
body[data-theme="dark"] .audit-table tbody tr:hover{background:#113b80}
body[data-theme="dark"] .audit-table td:nth-child(3){color:#75b7ff}

@media(max-width:700px){
  .delega-wordmark{width:168px;max-height:39px}
  .brand .delega-wordmark{width:152px}
  .login-brand{margin-bottom:48px}
}

/* Conversas: cada nível é uma view própria. A conversa aberta não compartilha DOM com a listagem. */
#conversas .conversation-workspace{width:100%;min-height:calc(100vh - 96px)}
#conversas .conversation-workspace-nav{width:min(1120px,100%);min-height:58px;margin:0 auto;padding:0 8px;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
#conversas .conversation-breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;color:var(--muted);font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.01em}
#conversas .conversation-breadcrumb a{appearance:none!important;display:inline!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font:inherit!important;line-height:1.4!important;text-decoration:none!important;white-space:nowrap;cursor:pointer}
#conversas .conversation-breadcrumb a:hover{color:#19c8df!important}
#conversas .conversation-breadcrumb-separator{color:#527096;font-weight:500;user-select:none}
#conversas .conversation-breadcrumb-current{overflow:hidden;color:var(--ink);font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#conversas .conversation-browser-view{width:min(920px,100%);margin:0 auto}
#conversas .conversation-browser,#conversas .conversation-browser-empty{padding:48px 4px 72px}
#conversas .conversation-browser h2,#conversas .conversation-browser-empty h2{margin:8px 0 0;color:var(--ink);font:800 26px 'Plus Jakarta Sans',Arial,sans-serif}
#conversas .conversation-browser h3{margin:34px 0 10px;color:var(--muted);font:800 11px 'DM Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#conversas .conversation-browser p,#conversas .conversation-browser-empty p{margin:10px 0 0;color:var(--muted);font:500 14px/1.6 'DM Sans',Arial,sans-serif}
#conversas .conversation-browser-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#conversas .conversation-browser-list,#conversas .conversation-recent-list{margin-top:28px;border-top:1px solid var(--line)}
#conversas .conversation-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
#conversas .conversation-company-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
#conversas .conversation-company-card:hover{border-color:#19c8df;background:color-mix(in srgb,#19c8df 7%,transparent);transform:translateY(-1px)}
#conversas .conversation-company-card-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e9e3ff;color:#633de2;font:800 11px 'DM Sans',Arial,sans-serif}
#conversas .conversation-company-card-content{display:block;min-width:0;flex:1}
#conversas .conversation-company-card strong,#conversas .conversation-company-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#conversas .conversation-company-card strong{font:800 13px 'DM Sans',Arial,sans-serif}
#conversas .conversation-company-card small{margin-top:5px;color:var(--muted);font:500 11px 'DM Sans',Arial,sans-serif}
#conversas .conversation-company-card b{flex:none;color:var(--muted);font-size:20px;font-weight:400}
#conversas .conversation-browser-item,#conversas .conversation-recent-item{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}
#conversas .conversation-browser-item:hover strong,#conversas .conversation-recent-item:hover strong{color:#04aeca}
#conversas .conversation-browser-item strong,#conversas .conversation-browser-item small,#conversas .conversation-recent-item strong,#conversas .conversation-recent-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#conversas .conversation-browser-item strong,#conversas .conversation-recent-item strong{font:800 14px 'DM Sans',Arial,sans-serif}
#conversas .conversation-browser-item small,#conversas .conversation-recent-item small,#conversas .conversation-recent-item time{margin-top:4px;color:var(--muted);font:500 11px 'DM Sans',Arial,sans-serif}
#conversas .conversation-browser-item b{font-size:21px;font-weight:400;color:var(--muted)}
#conversas .conversation-recent-item time{flex:none;margin:0}
#conversas .conversation-workspace-open .conversation-chat{display:flex;min-height:calc(100vh - 148px);background:transparent;border:0;border-radius:0}
#conversas .conversation-workspace-open .chat header{position:relative;display:flex;align-items:center;width:min(1040px,calc(100% - 48px));margin:4px auto 0;padding:18px 0 12px;border:0;background:transparent}
#conversas .conversation-workspace-open .chat header>div:not(.chat-actions){min-width:0;margin:0 auto;text-align:center}
#conversas .conversation-workspace-open .chat header>div:not(.chat-actions) strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
#conversas .conversation-workspace-open .chat header>div:not(.chat-actions) small{display:block;margin-top:4px;color:var(--muted)}
#conversas .conversation-workspace-open .chat header>.circle,#conversas .conversation-workspace-open .chat header>small{display:none}
#conversas .conversation-workspace-open .chat .chat-actions{position:absolute;right:0;top:15px}
#conversas .conversation-workspace-open .chat .messages{width:100%;padding:22px max(24px,calc((100% - 1040px)/2)) 30px;background:transparent}
#conversas .conversation-workspace-open .chat .message{max-width:1040px;margin-left:auto;margin-right:auto}
#conversas .conversation-workspace-open .chat .message.ai{padding:14px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
#conversas .conversation-workspace-open .chat .message.user{max-width:min(780px,86%);margin-right:max(0px,calc((100% - 1040px)/2));margin-left:auto}
#conversas .conversation-workspace-open .chat footer{width:min(820px,calc(100% - 48px));margin:8px auto 22px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}
#conversas .conversation-workspace-open .chat footer{position:relative;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
#conversas .conversation-drop-hint{display:none;position:absolute;inset:4px;z-index:1;align-items:center;justify-content:center;border:1px dashed #19c8df;border-radius:10px;background:color-mix(in srgb,#19c8df 14%,var(--bg));color:var(--ink);font:800 12px 'DM Sans',Arial,sans-serif;pointer-events:none}
#conversas .conversation-workspace-open .chat footer.is-dragging-files{border-color:#19c8df;box-shadow:0 0 0 3px color-mix(in srgb,#19c8df 17%,transparent)}
#conversas .conversation-workspace-open .chat footer.is-dragging-files .conversation-drop-hint{display:flex}
#conversas .conversation-workspace-open .chat footer.is-dragging-files>*:not(.conversation-drop-hint){opacity:.25}
#conversas .conversation-workspace-open .chat footer.is-uploading{opacity:.7;cursor:wait}
body[data-theme="dark"] #conversas .conversation-workspace-open .chat,body[data-theme="dark"] #conversas .conversation-workspace-open .chat .messages,body[data-theme="dark"] #conversas .conversation-workspace-open .chat .message.ai{background:transparent!important}
body[data-theme="dark"] #conversas .conversation-workspace-nav{border-color:#315889!important}
body[data-theme="dark"] #conversas .conversation-browser-list,body[data-theme="dark"] #conversas .conversation-recent-list,body[data-theme="dark"] #conversas .conversation-browser-item,body[data-theme="dark"] #conversas .conversation-recent-item{border-color:#315889!important}
body[data-theme="dark"] #conversas .conversation-company-card{border-color:#315889!important;background:#102c60!important}
body[data-theme="dark"] #conversas .conversation-company-card:hover{border-color:#19c8df!important;background:#12366f!important}
body[data-theme="dark"] #conversas .conversation-company-card-mark{background:#e9e3ff!important;color:#633de2!important}
body[data-theme="dark"] #conversas .conversation-workspace-open .chat header{background:transparent!important;border:0!important}
body[data-theme="dark"] #conversas .conversation-workspace-open .chat footer{background:#102c60!important;border-color:#315889!important}
@media(max-width:700px){#conversas .conversation-workspace-nav{min-height:48px}#conversas .conversation-breadcrumb{gap:6px;font-size:10px}#conversas .conversation-browser,#conversas .conversation-browser-empty{padding:28px 0 48px}#conversas .conversation-browser h2,#conversas .conversation-browser-empty h2{font-size:22px}#conversas .conversation-browser-title-row{align-items:flex-start;flex-direction:column}#conversas .conversation-browser-list,#conversas .conversation-recent-list,#conversas .conversation-company-grid{margin-top:22px}#conversas .conversation-company-grid{grid-template-columns:1fr;gap:10px}#conversas .conversation-workspace-open .conversation-chat{min-height:calc(100vh - 125px)}#conversas .conversation-workspace-open .chat header{width:calc(100% - 28px);padding-top:13px}#conversas .conversation-workspace-open .chat header>div:not(.chat-actions){text-align:left;padding-right:58px}#conversas .conversation-workspace-open .chat .messages{padding:16px}#conversas .conversation-workspace-open .chat footer{width:calc(100% - 24px);margin-bottom:12px}}