/* Tok Imob — preto, laranja e cinza, aprovado por Leonardo em 08/10/2026.
 * Somente apresentação. Os documentos originais e a impressão conservam suas cores.
 * Este arquivo vem após os temas existentes para preservar os fluxos e seletores. */
@media screen {
  html[data-theme="dark"] {
    --bg: #151516;
    --surface: #1d1d20;
    --surface-raised: #222225;
    --surface-hover: #2a2a2e;
    --input-bg: #222225;
    --ink: #f4f4f5;
    --text: #d0d0d8;
    --muted: #b6b6bf;
    --line: #343438;
    --border: #343438;
    --control-border: #6b6b75;
    --white: #1d1d20;
    --green: #ff9a5e;
    --accent: #ff9a5e;
    --action: #ff742b;
    --action-hover: #ff8a45;
    --mint: #302117;
    --lime: #2c2c31;
    --amber: #ffbd93;
    --success: #d4d4da;
    --success-soft: #2c2c31;
    --warning: #ffbd93;
    --warning-soft: #39281e;
    --danger: #ffacb3;
    --danger-soft: #3f222b;
    --info: #ff9a5e;
    --info-soft: #302117;
    --button-ink: #241309;
    --focus: #ff9a5e;
    --shadow: 0 12px 36px #00000038;
    --company-efon: #ff9a5e;
    --company-efon-soft: #302117;
    --company-es2: #ff9a5e;
    --company-es2-soft: #302117;
    --company-zzsx: #ff9a5e;
    --company-zzsx-soft: #302117;
    --company-titan: #ff9a5e;
    --company-titan-soft: #302117;
    --company-pf: #ff9a5e;
    --company-pf-soft: #302117;
    --company-default: #ff9a5e;
    --company-default-soft: #302117;
    --chart-incoming: #ff8a45;
    --chart-outgoing: #9b9ba5;
    --chart-1: #ff8a45;
    --chart-2: #d4d4da;
    --chart-3: #ffbd93;
    --chart-4: #9b9ba5;
    --chart-5: #efefef;
    --chart-6: #b9a99e;
    --chart-grid: #343438;
    scrollbar-color: #6b6b75 #151516;
  }

  /* Empresas e áreas continuam identificadas pelo nome, ícone e contexto.
   * A paleta é comum; nenhuma regra de autorização ou isolamento é alterada. */
  html[data-theme="dark"],
  html[data-theme="dark"][data-area],
  html[data-theme="dark"] [data-area] {
    --area-accent: var(--accent) !important;
    --area-soft: var(--info-soft) !important;
  }
  html[data-theme="dark"] body { background: var(--bg); }
  html[data-theme="dark"] ::selection { background: var(--accent); color: var(--button-ink); }
  html[data-theme="dark"] :is(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
  html[data-theme="dark"] .sidebar.analytical-sidebar {
    background: #0c0c0d;
    border-right: 1px solid var(--line);
  }
  html[data-theme="dark"] .analytical-sidebar .sidebar-scroll {
    scrollbar-color: #6b6b75 #0c0c0d;
  }
  html[data-theme="dark"] .analytical-sidebar .nav-item.active {
    background: var(--info-soft);
    color: var(--accent);
    box-shadow: inset 3px 0 var(--action);
  }
  html[data-theme="dark"] .analytical-sidebar :is(.nav-item:hover, .sidebar-mode:hover) {
    background: var(--surface-raised);
    color: var(--ink);
  }
  html[data-theme="dark"] .analytical-sidebar .nav-item.active:hover {
    background: var(--info-soft);
    color: var(--accent);
  }
  html[data-theme="dark"] .auth-story {
    background: #0c0c0d;
    border-right: 1px solid var(--line);
  }
  html[data-theme="dark"] :is(.modal-backdrop, .nav-scrim) { background: #000000bd; }
  html[data-theme="dark"] .document-preview-dialog::backdrop { background: #000000bd; }
  html[data-theme="dark"] #toast { background: var(--surface-hover); }
  html[data-theme="dark"] .btn.primary,
  html[data-theme="dark"]:not([data-area="neutral"]) #main .btn.primary,
  html[data-theme="dark"] .modal[data-area]:not([data-area="neutral"]) .btn.primary {
    background: var(--action);
    border-color: var(--action);
    color: var(--button-ink);
  }
  html[data-theme="dark"] .btn.primary:hover,
  html[data-theme="dark"]:not([data-area="neutral"]) #main .btn.primary:hover,
  html[data-theme="dark"] .modal[data-area]:not([data-area="neutral"]) .btn.primary:hover {
    background: var(--action-hover);
    border-color: var(--action-hover);
    box-shadow: none;
  }
  html[data-theme="dark"] :is(.btn, .sidebar-mode, .icon-btn) { min-height: 44px; }
  html[data-theme="dark"] .icon-btn { min-width: 44px; }
  html[data-theme="dark"] :is(.btn, .panel, .analytics-panel, .auth-card) { border-radius: 12px; }
  html[data-theme="dark"] :is(.subnav button, .workspace-sections button).active {
    color: var(--accent);
    border-color: var(--accent);
  }
  html[data-theme="dark"] :is(.topbar, .filter-row) { background: var(--bg); }
  html[data-theme="dark"] .scope-bar { background: var(--surface); }
  html[data-theme="dark"] .topbar .tok-logo-frame { background: #fff; }
  html[data-theme="dark"] .page-heading h1 { font-weight: 500; letter-spacing: -.8px; }
  html[data-theme="dark"] .analytics-stat { padding: 23px; }
  html[data-theme="dark"] .analytics-stat>strong { font-weight: 500; }
  html[data-theme="dark"] .wm-workspace { --wm-accent: var(--accent); }
  html[data-theme="dark"] :is(.obra-context, .obra-card, .obra-panel) { border-color: var(--line); }

  /* Ícone, nome e bairro permanecem dentro do mesmo botão nativo. */
  html[data-theme="dark"] .property-icons {
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: 28px 24px;
    padding: 20px 0 30px;
  }
  html[data-theme="dark"] .property-item,
  html[data-theme="dark"] .property-item:hover,
  html[data-theme="dark"] .property-item:active {
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: 9px;
    padding: 12px 4px;
    min-height: 180px;
  }
  html[data-theme="dark"] .property-glyph {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: var(--surface-raised);
    color: var(--text);
    margin-bottom: 8px;
  }
  html[data-theme="dark"] .property-glyph .icon { width: 42px; height: 42px; }
  html[data-theme="dark"] :is(.property-item:hover, .property-item:focus-visible) .property-glyph {
    background: var(--info-soft);
    color: var(--accent);
  }
  html[data-theme="dark"] :is(.property-item:hover, .property-item:focus-visible) :is(.property-name, .property-location) {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  html[data-theme="dark"] .property-status { color: var(--muted); font-size: 12px; }
  html[data-theme="dark"] .property-status::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    vertical-align: middle;
    margin-right: 6px;
  }
  @media (min-width: 701px) {
    html[data-theme="dark"][data-layout="analytical"][data-sidebar="expanded"] { --analytical-sidebar: 220px; }
    html[data-theme="dark"][data-layout="analytical"][data-sidebar="expanded"] .analytical-sidebar .nav-item { font-size: 14px; min-height: 44px; }
    html[data-theme="dark"] .page-heading h1 { font-size: 32px; }
  }
  @media (max-width: 700px) {
    html[data-theme="dark"] :is(.form-field input, .form-field select, .form-field textarea, .auth-form input, .analytics-field input, .analytics-field select) { font-size: 16px; }
    html[data-theme="dark"] .analytics-stat { padding: 18px 16px; }
    html[data-theme="dark"] .page-heading h1 { font-size: 28px; }
    html[data-theme="dark"] .property-icons { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
    html[data-theme="dark"] .property-glyph { width: 70px; height: 70px; }
  }
}
@media (forced-colors: active) {
  html[data-theme="dark"] .property-item:focus-visible { outline-color: Highlight; }
  html[data-theme="dark"] .property-glyph { border: 1px solid ButtonText; }
}