/* Tema do Planejare OS: escuro é o modo-base; claro mantém a densidade operacional. */
:root[data-theme="dark"] {
  --theme-control-bg:#1b2330; --theme-control-line:#46536b;
  --theme-control-text:#f4f0e9; --theme-control-hover:#26314a;
}

:root[data-theme="light"] {
  color-scheme:light;
  --bg:#e7efed; --bg-2:#dce8e5; --panel:rgba(250,252,250,.94); --panel-2:#f3f7f4;
  --ink:#12263b; --text:#12263b; --muted:#4d6678; --line:#b7c9cf;
  --gold:#875900; --cyan:#007c98; --violet:#6551b7; --red:#b9444e; --green:#167d53;
  --theme-control-bg:#1b2330; --theme-control-line:#46536b;
  --theme-control-text:#f4f0e9; --theme-control-hover:#26314a;
}

.theme-toggle{
  width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;padding:0;
  border:1px solid var(--theme-control-line);border-radius:7px;background:var(--theme-control-bg);
  color:#f1b821;cursor:pointer;font:17px/1 Arial,sans-serif;
  transition:background .15s,border-color .15s,transform .15s;
}
.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--theme-control-hover);border-color:#f1b821;outline:none;transform:translateY(-1px)}
#shared-nav.collapsed .theme-toggle{order:3}
:root[data-theme="light"] body{background:var(--bg);color:var(--ink)}

/* O trilho continua profundo nos dois modos: orienta a navegação e dá contraste aos estados. */
:root[data-theme="light"] #shared-nav{box-shadow:0 18px 42px rgba(10,24,37,.27)}

/* Drawers e detalhes compartilhados */
:root[data-theme="light"] .room-modal{background:rgba(11,26,39,.42)}
:root[data-theme="light"] .room-dialog,:root[data-theme="light"] .room-drawer{
  background:#f8fbf9;border-color:#adbec6;box-shadow:-26px 0 70px rgba(12,30,45,.24);color:var(--ink);
}
:root[data-theme="light"] .room-dialog p,:root[data-theme="light"] .room-drawer .room-subtitle,
:root[data-theme="light"] .room-agent small,:root[data-theme="light"] .room-empty,
:root[data-theme="light"] .kanban-empty,:root[data-theme="light"] .room-artifact p,
:root[data-theme="light"] .room-decision p{color:var(--muted)}
:root[data-theme="light"] .room-close{color:#4d6678}
:root[data-theme="light"] .room-close:hover,:root[data-theme="light"] .room-close:focus-visible{background:#e2ece8;color:var(--ink)}
:root[data-theme="light"] .room-toolbar button,:root[data-theme="light"] .room-agent-acoes button,
:root[data-theme="light"] .conversation-memory-bar button,:root[data-theme="light"] .conversation-form-actions button{
  background:#f4f8f5;border-color:#b7c9cf;color:#1b4058;
}
:root[data-theme="light"] .room-tabs{border-color:#c8d6d9}
:root[data-theme="light"] .room-tabs button{color:var(--muted)}
:root[data-theme="light"] .room-tabs button.active{color:var(--ink)}
:root[data-theme="light"] .tab-count{background:#dfeae6;color:#38556b}
:root[data-theme="light"] .room-agent,:root[data-theme="light"] .room-artifact,
:root[data-theme="light"] .kanban-card,:root[data-theme="light"] .conversation-message{
  background:#fff;border-color:#c5d4d7;box-shadow:0 2px 7px rgba(20,47,64,.05);
}
:root[data-theme="light"] .room-agent-lider,:root[data-theme="light"] .room-decision{background:#fff7e3;border-color:#d5ac56}
:root[data-theme="light"] .kanban-col{background:#e8f0ed;border-color:#c5d4d7}
/* Os cinzas do tema escuro reprovam AA sobre branco em texto de 9px:
   #79828f dá 3,89:1 e #8a93a4 dá 3,09:1. Escurecidos para 5,51:1. */
:root[data-theme="light"] .kanban-card-idade{color:#5a6a80}
:root[data-theme="light"] .kanban-card-agent{color:#44546b}
:root[data-theme="light"] .kanban-card-agent.sem-dono{color:#5a6a80}
:root[data-theme="light"] .kanban-card-agent.sem-dono::before{border-color:#8a94a6}
:root[data-theme="light"] .kanban-new-form input,:root[data-theme="light"] .kanban-new-form select,
:root[data-theme="light"] .new-agent-form input,:root[data-theme="light"] .new-agent-form select,
:root[data-theme="light"] .new-agent-form textarea,:root[data-theme="light"] .conversation-form textarea,
:root[data-theme="light"] .conversation-form-actions select{background:#fff;border-color:#aebfc7;color:var(--ink)}
:root[data-theme="light"] .conversation-message p,:root[data-theme="light"] .room-activity-item{color:#263e53}
/* Mesma correção de AA da linha de idade do Kanban: #aeb6c4 sobre branco dá
   2,2:1 em texto de 9px. A linha de origem herda esses cinzas, então também
   precisa escurecer. */
:root[data-theme="light"] .room-artifact .room-origem,
:root[data-theme="light"] .room-decision .room-origem{color:#44546b;border-top-color:#dbe6e2}
:root[data-theme="light"] .room-artifact .room-origem.sem-dono,
:root[data-theme="light"] .room-decision .room-origem.sem-dono{color:#5a6a80}
:root[data-theme="light"] .room-origem time{color:#5a6a80}
:root[data-theme="light"] .room-vinculo{border-color:#b7c9cf;color:#44546b}
:root[data-theme="light"] .room-vinculo:hover,:root[data-theme="light"] .room-vinculo:focus-visible{border-color:#a8721a;color:#7a5210}

/* Escritório 3D: controles são cartões de leitura, não campos brancos soltos. */
:root[data-theme="light"] #app .panel,:root[data-theme="light"] #detail{
  background:rgba(248,251,249,.95);border-color:#aec1c9;color:var(--ink);box-shadow:0 10px 25px rgba(22,47,62,.14);
}
:root[data-theme="light"] #app .nav a,:root[data-theme="light"] #camPanel button,
:root[data-theme="light"] #detail .equipe button,:root[data-theme="light"] #detail .actions button{
  background:#eef4f1;border-color:#aac0c8;color:#1d4057;
}
:root[data-theme="light"] #app .nav a:hover,:root[data-theme="light"] #camPanel button:hover,
:root[data-theme="light"] #detail .equipe button:hover,:root[data-theme="light"] #detail .actions button:hover{
  background:#dce9e3;color:var(--ink);
}
:root[data-theme="light"] .demo-flag,:root[data-theme="light"] #activityBubble{
  background:#fff4d9;border-color:#c99a39;color:#624300;box-shadow:0 9px 24px rgba(24,48,64,.18);
}
:root[data-theme="light"] #activityBubble::after{background:#fff4d9;border-color:#c99a39}
:root[data-theme="light"] .org button{background:transparent;color:#29485e}
:root[data-theme="light"] .org button:hover{background:#e1ece7;color:var(--ink)}
:root[data-theme="light"] #app .event{color:#2e4e63}
:root[data-theme="light"] #detail dd{color:#1b3850}
:root[data-theme="light"] #detail .state-badge{background:#e3ece8;color:#23465b}
:root[data-theme="light"] .papel-chip{background:#e2eee3;color:#355b25}

/* Painel operacional: o grid fica visível, e cada sala se lê como unidade ativa. */
:root[data-theme="light"] .root-panel aside{background:#eef4f1}
:root[data-theme="light"] .operator{background:#e5efea}
:root[data-theme="light"] .button{background:#f7faf8;border-color:#aebfc7;color:#18364e}
:root[data-theme="light"] .button:hover{background:#dceae4}
:root[data-theme="light"] .office{background:#dce8e4;border-color:#aebfc7;box-shadow:0 22px 48px rgba(23,48,63,.16)}
:root[data-theme="light"] .office::before{
  opacity:.62;background-image:linear-gradient(rgba(29,70,82,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(29,70,82,.12) 1px,transparent 1px);
}
:root[data-theme="light"] .room{
  color:#f2f4f8;border-color:color-mix(in srgb,var(--accent) 42%,#2c3441);
  background:linear-gradient(145deg,rgba(30,35,45,.89),rgba(12,15,21,.96));
}
:root[data-theme="light"] .room:hover{border-color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#202632),#0d1016)}
:root[data-theme="light"] .room::after{opacity:.55}
:root[data-theme="light"] .room-number{color:color-mix(in srgb,var(--accent) 68%,white);opacity:.32}
:root[data-theme="light"] .room .eyebrow{color:color-mix(in srgb,var(--accent) 82%,white)}
:root[data-theme="light"] .room h3{color:#f2f4f8}
:root[data-theme="light"] .room p{color:#aeb5c1}
:root[data-theme="light"] .room-open{border-color:color-mix(in srgb,var(--accent) 50%,#303847);background:color-mix(in srgb,var(--accent) 10%,transparent);color:color-mix(in srgb,var(--accent) 85%,white)}
:root[data-theme="light"] .inline-editable-input{background:#090c12;color:#f2f4f8}
:root[data-theme="light"] .avatar{background:#283243;border-color:#10131a;color:#e3ecf5}
:root[data-theme="light"] .avatar.working{background:color-mix(in srgb,var(--accent) 29%,#1e2935);color:var(--accent)}
:root[data-theme="light"] .agent-status{color:#8991a3}
:root[data-theme="light"] .root-panel .panel,:root[data-theme="light"] .artifact{background:#f9fcfa;border-color:#b8c9ce}
:root[data-theme="light"] .root-panel .event{border-color:#b8c9ce;color:#2b4b60}
:root[data-theme="light"] .dialog{background:#f8fbf9;border-color:#aebfc7;box-shadow:0 24px 80px rgba(20,43,58,.28)}
:root[data-theme="light"] .dialog p{color:#4d6678}
:root[data-theme="light"] input,:root[data-theme="light"] select{background:#fff;color:var(--ink)}

/* Planta tática: papel técnico com linhas e salas suficientemente marcadas. */
:root[data-theme="light"] header{background:rgba(248,251,249,.97);border-color:#b8c9cf}
:root[data-theme="light"] .tab{background:#f5f9f7;border-color:#b6c8ce;color:#24445b}
:root[data-theme="light"] .tab.active{background:#e3b63c;border-color:#986700;color:#172434}
:root[data-theme="light"] .card{background:#f9fcfa;border-color:#b7c9cf;color:var(--ink);box-shadow:0 3px 9px rgba(21,49,65,.05)}
:root[data-theme="light"] .event{background:#f7faf8;color:#2d4c61}
:root[data-theme="light"] .app>aside,:root[data-theme="light"] section.console{background:#edf4f1;border-color:#b8c9cf}
:root[data-theme="light"] .events::-webkit-scrollbar-thumb{background:#9fb5be}
:root[data-theme="light"] .room-tag{fill:#1d3d54}
:root[data-theme="light"] .room-code{fill:#4d6879}
:root[data-theme="light"] .desk,:root[data-theme="light"] .server-icon,:root[data-theme="light"] .table-icon{fill:#d5e1e3;stroke:#7995a1}
:root[data-theme="light"] .agent-dot{stroke:#e7efed}
:root[data-theme="light"] .agent-code{fill:#17364c}
:root[data-theme="light"] main svg line[stroke="#2b3241"]{stroke:#afc2c8}

@media(max-width:700px){#shared-nav.collapsed .theme-toggle{display:none}#shared-nav:not(.collapsed) .theme-toggle{display:grid}}