/* TEMA OBRA · moldura v3 da plataforma (ordem do CVO, 23/09/2026: "refazer totalmente o design, mais próximo do
   Obra Prima"). Motivo medido: 7 de ~49 RDOs/semana enviados, zero pedidos pela plataforma desde agosto, Escuta
   Ativa 3/17 com notas 5, 6 e 1 ("o Obra Prima é mais didático e direto").
   Direção: ferramenta de trabalho, não revista — uma família sem serifa (Inter), escala 12/13/14/16/20/24 px,
   sidebar navy (o navy da marca) + área de trabalho branca sobre cinza-claro, UMA cor de ação (âmbar #B45309,
   contraste 5:1 com branco), tabelas densas, nada flutuando sobre o conteúdo.
   Mecanismo: carregado depois de tema-innconta.css e escopado em html.tema-innconta.tema-obra — herda da moldura
   InnConta o que ela já tirou da tela (floresta, faixa gamificada, chips da topbar) e troca tokens, tipografia e cor.
   Escape sem deploy: localStorage.isp_tema_v3='0' (volta à moldura InnConta). */
html.tema-innconta.tema-obra{
  --o-bg:#F3F5F8; --o-srf:#FFFFFF; --o-alt:#F7F9FB; --o-brd:#DDE2E8; --o-brd2:#C9D1DB;
  --o-txt:#1B2430; --o-t2:#4A5566; --o-t3:#667183;
  --o-nav:#0F2340; --o-nav2:#16305A; --o-nav-t:#C3CEDC; --o-nav-m:#8193AB;
  --o-acao:#B45309; --o-acao2:#92400E; --o-acao-l:#D97706; --o-acao-p:#FEF3E2;
  --o-azul:#1F5FAE; --o-verde:#1E7B3C; --o-verm:#B42318;
  /* tokens da casa remapeados (o legado e o IspUI leem estes) */
  --paper:var(--o-bg); --paper2:var(--o-srf); --ink:var(--o-txt); --ink2:var(--o-t2); --mut:var(--o-t2); --rule:var(--o-brd);
  --gold:var(--o-acao); --gold-txt:var(--o-acao2); --gold-l:var(--o-acao-l); --gold-p:var(--o-acao-p); --gl:var(--o-acao-l); --gm:var(--o-acao2);
  --gold-line:var(--o-brd); --mae-gold:var(--o-txt);
  --navy:var(--o-nav); --nd:#FFFFFF; --nl:var(--o-t2); --deep:var(--o-bg); --cream:var(--o-txt); --cl:var(--o-alt);
  --bg:var(--o-bg); --srf:var(--o-srf); --cd:var(--o-srf); --brd:var(--o-brd); --txt:var(--o-txt); --t1:var(--o-txt); --t2:var(--o-t2); --t3:var(--o-t3);
  --accent:var(--o-acao); --blue:var(--o-azul); --green:var(--o-verde); --red:var(--o-verm); --amber:#A15C07;
  --sn:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --sf:var(--sn);
  --r:6px;
  color-scheme:light;
}
html.tema-innconta.tema-obra body{background:var(--o-bg);color:var(--o-txt);font-family:var(--sn);font-feature-settings:"cv11","ss01"}
/* 24/09: o modo claro legado redeclara os tokens NO BODY (body.light-mode, isp-core-1.css:250 — dourado #8C6B2E, creme
   #F8F7F4, navy antigo) e, no celular, força fundo creme com !important (isp-core-2.css:1145). Declarado no body, vence o
   que a moldura põe no html: dourado e creme voltavam em toda tela. Aqui os mesmos tokens voltam aos da v3. */
html.tema-innconta.tema-obra body,html.tema-innconta.tema-obra body.light-mode{
  --navy:var(--o-nav); --nd:#FFFFFF; --deep:var(--o-bg); --srf:var(--o-srf); --cd:var(--o-srf); --brd:var(--o-brd);
  --txt:var(--o-txt); --t1:var(--o-txt); --t2:var(--o-t2); --t3:var(--o-t3); --cream:var(--o-txt); --cl:var(--o-alt);
  --gold:var(--o-acao); --gl:var(--o-acao-l); --gm:var(--o-acao2); --bg:var(--o-bg); --accent:var(--o-acao);
  background:var(--o-bg)!important;
}
/* a serifa sai da interface inteira: o que estava chumbado em linha também */
html.tema-obra h1,html.tema-obra h2,html.tema-obra h3,html.tema-obra h4,
html.tema-obra [style*="Cormorant"],html.tema-obra [style*="--sf"],html.tema-obra [style*="Georgia"]{font-family:var(--sn)!important;font-style:normal!important;letter-spacing:0!important}
html.tema-obra [style*="text-transform:uppercase"]{letter-spacing:.02em!important}

/* ── sidebar: navy, rótulos em caixa normal, item ativo com barra âmbar ─── */
html.tema-innconta.tema-obra .sb{background:var(--o-nav);border-right:none}
html.tema-innconta.tema-obra .sb-logo{color:#FFFFFF;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--sn);font-weight:600;letter-spacing:.08em;font-size:.8rem}
html.tema-innconta.tema-obra .sb-sub{color:var(--o-nav-m);opacity:1;font-family:var(--sn);letter-spacing:.02em}
html.tema-innconta.tema-obra .sb-sec,html.tema-innconta.tema-obra .sb2 .sb-sec{color:var(--o-nav-m);border-top:none;background:none;font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600;padding:14px 16px 4px}
html.tema-innconta.tema-obra .sb-sec:hover{color:#FFFFFF;background:none}
html.tema-innconta.tema-obra .sb-sec .sb-chev,html.tema-innconta.tema-obra .sb-sec-ic{color:var(--o-nav-m);font-size:9px}
html.tema-innconta.tema-obra .si,html.tema-innconta.tema-obra .sb2 .si{color:var(--o-nav-t);border-radius:6px;margin:1px 8px;font-size:14px;padding:8px 12px;border-left:3px solid transparent}
html.tema-innconta.tema-obra .si:hover{color:#FFFFFF;background:rgba(255,255,255,.06)}
html.tema-innconta.tema-obra .si.on{color:#FFFFFF;background:var(--o-nav2)!important;border-left-color:var(--o-acao-l);font-weight:600}
html.tema-innconta.tema-obra .si .ic{opacity:.9}
html.tema-innconta.tema-obra .sb2 .sb2-filho{color:var(--o-nav-m);font-size:13px}
html.tema-innconta.tema-obra .sb2 .sb2-filho.on,html.tema-innconta.tema-obra .sb2 .sb2-filho:hover{color:#FFFFFF}
html.tema-innconta.tema-obra .sb2 .sb2-sub,html.tema-innconta.tema-obra .sb2 .sb2-n{color:var(--o-nav-m);letter-spacing:.02em;text-transform:none;font-size:12px}
html.tema-innconta.tema-obra .sb2 .sb2-tg{color:var(--o-nav-m)}
html.tema-innconta.tema-obra .sb2 .sb2-tg:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
html.tema-innconta.tema-obra .sb2 .sb2-mais{border-top:1px solid rgba(255,255,255,.08)}
html.tema-innconta.tema-obra .sb2-busca{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#FFFFFF;font-size:13px;padding:8px 10px}
html.tema-innconta.tema-obra .sb2-busca::placeholder{color:var(--o-nav-m)}
html.tema-innconta.tema-obra .sb-ft,html.tema-innconta.tema-obra .sb-collapse-btn{color:var(--o-nav-m);border-top:1px solid rgba(255,255,255,.08);background:none;font-family:var(--sn)}
html.tema-innconta.tema-obra .sb-ft *{color:var(--o-nav-m)!important;font-family:var(--sn)!important}
html.tema-innconta.tema-obra .sb-collapse-btn:hover{color:#FFFFFF;background:rgba(255,255,255,.05)}
html.tema-innconta.tema-obra .sb-rail-toggle{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--o-nav-t)}
html.tema-innconta.tema-obra .sb-rail-toggle:hover{background:rgba(255,255,255,.08)}
html.tema-innconta.tema-obra .sb-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)}

/* o modo claro legado (body.light-mode .sb …) pinta a sidebar com !important: vence por especificidade */
html.tema-innconta.tema-obra body .sb,html.tema-innconta.tema-obra body.light-mode .sb{background:var(--o-nav)!important;border-right:none!important}
html.tema-innconta.tema-obra body .sb .si,html.tema-innconta.tema-obra body.light-mode .sb .si{color:var(--o-nav-t)!important;background:transparent!important}
html.tema-innconta.tema-obra body .sb .si:hover{color:#FFFFFF!important;background:rgba(255,255,255,.06)!important}
html.tema-innconta.tema-obra body .sb .si.on,html.tema-innconta.tema-obra body.light-mode .sb .si.on{color:#FFFFFF!important;background:var(--o-nav2)!important;border-left-color:var(--o-acao-l)!important}
html.tema-innconta.tema-obra body .sb .si *,html.tema-innconta.tema-obra body.light-mode .sb .si *{color:inherit!important}
html.tema-innconta.tema-obra body .sb .sb-sec,html.tema-innconta.tema-obra body.light-mode .sb .sb-sec,
html.tema-innconta.tema-obra body .sb .sb-sec *{color:var(--o-nav-m)!important;background:none!important}
html.tema-innconta.tema-obra body .sb .sb-logo,html.tema-innconta.tema-obra body.light-mode .sb .sb-logo{color:#FFFFFF!important;background:none!important}
html.tema-innconta.tema-obra body .sb .sb-sub{color:var(--o-nav-m)!important}
html.tema-innconta.tema-obra body .sb .sb2-filho{color:var(--o-nav-m)!important}
html.tema-innconta.tema-obra body .sb .sb2-filho.on{color:#FFFFFF!important}
html.tema-innconta.tema-obra body .sb .sb-ft,html.tema-innconta.tema-obra body .sb .sb-collapse-btn,html.tema-innconta.tema-obra body .sb [class*="sugerir"],html.tema-innconta.tema-obra body .sb > div:last-child{background:transparent!important;color:var(--o-nav-m)!important}
html.tema-innconta.tema-obra body .sb .sb-ft *,html.tema-innconta.tema-obra body .sb > div:last-child *{color:var(--o-nav-t)!important}
html.tema-innconta.tema-obra .mae-sub{letter-spacing:0!important;text-transform:none!important;font-size:14px!important;color:var(--o-t2)!important;font-family:var(--sn)!important}
html.tema-innconta.tema-obra .mae-eyebrow{color:var(--o-t3)!important;letter-spacing:.02em!important}
html.tema-innconta.tema-obra body .btn-g,html.tema-innconta.tema-obra body.light-mode .btn-g{background:var(--o-acao)!important;color:#FFFFFF!important;border-color:var(--o-acao)!important;box-shadow:none!important;text-shadow:none!important}

/* ── topbar: branca, uma linha, só o essencial ──────────────────────────── */
html.tema-innconta.tema-obra .topbar{background:var(--o-srf);border-bottom:1px solid var(--o-brd);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html.tema-innconta.tema-obra .tb-n{color:var(--o-txt);font-family:var(--sn);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
html.tema-innconta.tema-obra .tb-back{display:none!important} /* dois "voltar" lado a lado: fica o rotulado */
html.tema-innconta.tema-obra .tb-icon-btn,html.tema-innconta.tema-obra .tb-hub,html.tema-innconta.tema-obra .tb-voltar,html.tema-innconta.tema-obra .tb-search,
html.tema-innconta.tema-obra .notif-bell,html.tema-innconta.tema-obra #isp_espaco_chip,html.tema-innconta.tema-obra .topbar button{
  background:var(--o-srf)!important;border:1px solid var(--o-brd)!important;color:var(--o-t2)!important;border-radius:6px!important;box-shadow:none!important;font-family:var(--sn)!important;letter-spacing:0!important}
html.tema-innconta.tema-obra .tb-icon-btn:hover,html.tema-innconta.tema-obra .tb-search:hover,html.tema-innconta.tema-obra .topbar button:hover,html.tema-innconta.tema-obra #isp_espaco_chip:hover{border-color:var(--o-brd2)!important;color:var(--o-txt)!important;background:var(--o-alt)!important}
html.tema-innconta.tema-obra .tb-search kbd{background:var(--o-alt);border:1px solid var(--o-brd);color:var(--o-t3)}
html.tema-innconta.tema-obra .tb-menu{background:var(--o-srf);border:1px solid var(--o-brd);color:var(--o-txt);box-shadow:0 8px 24px rgba(16,24,40,.12);border-radius:8px}
html.tema-innconta.tema-obra .tb-mi{color:var(--o-t2);font-family:var(--sn)}
html.tema-innconta.tema-obra .tb-mi:hover{background:var(--o-alt);color:var(--o-txt)}
html.tema-innconta.tema-obra .tb-acct-btn{background:var(--o-nav);color:#FFFFFF;border:1px solid var(--o-nav)}
html.tema-innconta.tema-obra .save-ind{font-family:var(--sn);letter-spacing:0}
/* Banco de Horas: só o ícone (relógio) na barra — o atalho completo está no Meu Dia */
html.tema-innconta.tema-obra #bhChip{background:var(--o-srf)!important;border:1px solid var(--o-brd)!important;color:var(--o-t2)!important;border-radius:6px!important;padding:6px 9px!important;font-size:13px!important}
html.tema-innconta.tema-obra #bhChip .bh-l{display:none}

/* ── área de trabalho ───────────────────────────────────────────────────── */
html.tema-innconta.tema-obra .mn{background:var(--o-bg)}
html.tema-innconta.tema-obra .pg-hero{background:var(--o-srf);border:1px solid var(--o-brd);border-left:1px solid var(--o-brd);border-radius:8px}
html.tema-innconta.tema-obra .pg-hero-title,html.tema-innconta.tema-obra .sh h2{color:var(--o-txt);font-weight:600}
html.tema-innconta.tema-obra .pg-hero-cat,html.tema-innconta.tema-obra .sh .sub,html.tema-innconta.tema-obra .mae-eyebrow{color:var(--o-t3);letter-spacing:.02em;font-family:var(--sn)}
html.tema-innconta.tema-obra .cd{background:var(--o-srf);border:1px solid var(--o-brd);border-radius:8px;box-shadow:none}
html.tema-innconta.tema-obra .cd:hover{border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .btn{background:var(--o-srf);color:var(--o-txt);border:1px solid var(--o-brd2);border-radius:6px;box-shadow:none;font-family:var(--sn);letter-spacing:0}
html.tema-innconta.tema-obra .btn:hover{background:var(--o-alt);border-color:var(--o-t3);color:var(--o-txt)}
html.tema-innconta.tema-obra .btn-g{background:var(--o-acao);color:#FFFFFF;border:1px solid var(--o-acao);font-weight:600}
html.tema-innconta.tema-obra .btn-g:hover{background:var(--o-acao2);border-color:var(--o-acao2);color:#FFFFFF;transform:none}
html.tema-innconta.tema-obra .btn-o{background:var(--o-srf);color:var(--o-acao2);border:1px solid var(--o-acao-l)}
html.tema-innconta.tema-obra .btn-o:hover{background:var(--o-acao-p)}
html.tema-innconta.tema-obra .btn-d{background:var(--o-srf);color:var(--o-verm);border:1px solid rgba(180,35,24,.4)}
html.tema-innconta.tema-obra input,html.tema-innconta.tema-obra select,html.tema-innconta.tema-obra textarea{background:var(--o-srf);color:var(--o-txt);border-color:var(--o-brd2);border-radius:6px;font-family:var(--sn)}
html.tema-innconta.tema-obra input:focus,html.tema-innconta.tema-obra select:focus,html.tema-innconta.tema-obra textarea:focus{border-color:var(--o-azul);box-shadow:0 0 0 3px rgba(31,95,174,.15);outline:none}
html.tema-innconta.tema-obra .mtabs{background:transparent;border:none;border-bottom:1px solid var(--o-brd);border-radius:0;gap:0}
html.tema-innconta.tema-obra .mtab{color:var(--o-t2);border-radius:0;border-bottom:2px solid transparent;font-family:var(--sn);letter-spacing:0}
html.tema-innconta.tema-obra .mtab.on{color:var(--o-txt);background:transparent;border-bottom-color:var(--o-acao);font-weight:600}
html.tema-innconta.tema-obra .mo{background:rgba(16,24,40,.45)}
html.tema-innconta.tema-obra .modal,html.tema-innconta.tema-obra .mo-c{background:var(--o-srf);color:var(--o-txt);border:1px solid var(--o-brd);border-radius:10px}

/* ── IspUI (as telas do Modelo v2): cabeçalho seco, números sem serifa, tabela densa ── */
html.tema-innconta.tema-obra .iu-tela--pagina{padding:20px 24px 32px}
html.tema-innconta.tema-obra .iu-eyebrow{color:var(--o-t3);letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600}
html.tema-innconta.tema-obra .iu-h1{font-family:var(--sn);font-size:24px;font-weight:600;letter-spacing:-.01em}
html.tema-innconta.tema-obra .iu-h2{font-family:var(--sn);font-size:16px;font-weight:600}
html.tema-innconta.tema-obra .iu-num{font-family:var(--sn);font-size:24px;font-weight:600;letter-spacing:-.01em}
html.tema-innconta.tema-obra .iu-rotulo,html.tema-innconta.tema-obra .iu-card-rotulo{letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600;color:var(--o-t3)}
html.tema-innconta.tema-obra .iu-cab{border-bottom:none;padding-bottom:4px}
html.tema-innconta.tema-obra .iu-btn{border-radius:6px;border-color:var(--o-brd2);min-height:36px}
html.tema-innconta.tema-obra .iu-btn:hover{background:var(--o-alt);border-color:var(--o-t3)}
html.tema-innconta.tema-obra .iu-btn--primaria{background:var(--o-acao);color:#FFFFFF;border-color:var(--o-acao);box-shadow:none}
html.tema-innconta.tema-obra .iu-btn--primaria:hover{background:var(--o-acao2);border-color:var(--o-acao2)}
html.tema-innconta.tema-obra .iu-btn--fantasma:hover{background:var(--o-alt)}
html.tema-innconta.tema-obra .iu-chip{border-radius:6px;border-color:var(--o-brd);background:var(--o-srf);color:var(--o-t2)}
html.tema-innconta.tema-obra .iu-chip[aria-pressed="true"],html.tema-innconta.tema-obra .iu-chip--ativo{background:var(--o-nav);color:#FFFFFF;border-color:var(--o-nav)}
html.tema-innconta.tema-obra .iu-chip[aria-pressed="true"] .iu-mudo{color:#C3CEDC}
html.tema-innconta.tema-obra .iu-chip-n{background:var(--o-alt);color:var(--o-t2)}
html.tema-innconta.tema-obra .iu-card{background:var(--o-srf);border:1px solid var(--o-brd);border-radius:8px;box-shadow:none}
html.tema-innconta.tema-obra .iu-card[aria-pressed="true"]{border-color:var(--o-nav);box-shadow:inset 0 0 0 1px var(--o-nav)}
html.tema-innconta.tema-obra .iu-lista{border-radius:8px;border-color:var(--o-brd)}
html.tema-innconta.tema-obra .iu-lista th{color:var(--o-t2);background:var(--o-alt);border-bottom:1px solid var(--o-brd);letter-spacing:.02em;text-transform:none;font-size:12px;font-weight:600}
html.tema-innconta.tema-obra .iu-lista td{border-bottom:1px solid var(--o-brd);padding-top:9px;padding-bottom:9px}
html.tema-innconta.tema-obra .iu-lista tbody tr:hover td{background:var(--o-alt)}
html.tema-innconta.tema-obra .iu-modal{background:var(--o-srf);border-radius:10px}
/* etiquetas de situação: caixa normal, sem espaçamento — em caixa-alta espaçada cortavam ("EM ANDAM…", "AGUARD. ER") */
html.tema-innconta.tema-obra .iu-situacao{text-transform:none;letter-spacing:0;border-radius:6px;font-size:12px;min-height:24px;padding:0 8px}
html.tema-innconta.tema-obra .iu-cartao{border-radius:8px;border-color:var(--o-brd)}
html.tema-innconta.tema-obra .iu-vazio{color:var(--o-t2)}
html.tema-innconta.tema-obra .iu-tela :focus-visible,html.tema-innconta.tema-obra .iu-lista :focus-visible,html.tema-innconta.tema-obra .iu-modal-fundo :focus-visible{outline-color:var(--o-azul)}
/* telas v2 com classes próprias */
html.tema-innconta.tema-obra .nf-zona{border-color:var(--o-brd2);color:var(--o-t2);border-radius:8px}
html.tema-innconta.tema-obra .nf-zona:hover,html.tema-innconta.tema-obra .nf-zona--sobre{border-color:var(--o-acao);background:var(--o-acao-p)}
html.tema-innconta.tema-obra .doc-row:hover{background:var(--o-alt)}
html.tema-innconta.tema-obra .doc-secao,html.tema-innconta.tema-obra .doc-gate,html.tema-innconta.tema-obra .fp-ciclo,html.tema-innconta.tema-obra .ctr-ia{border-radius:8px}
html.tema-innconta.tema-obra .doc-secao summary,html.tema-innconta.tema-obra .fp-ciclo-t,html.tema-innconta.tema-obra .nf-zona-t{font-family:var(--sn);font-weight:600;font-size:15px}

/* ── pílulas do BackOffice nos módulos legados (_injectHybridPills, pack-01): estilo em linha do tema escuro
   antigo deixava o texto creme sobre fundo claro — ilegível ("Principal", "Cadastros", "Orçamento") ── */
html.tema-innconta.tema-obra ._hpills{background:var(--o-srf)!important;border:1px solid var(--o-brd)!important;border-radius:8px!important}
html.tema-innconta.tema-obra ._hpills ._hpill{background:var(--o-srf)!important;color:var(--o-t2)!important;border:1px solid var(--o-brd)!important;box-shadow:none!important;border-radius:6px!important;font-size:13px!important;min-height:34px!important;padding:6px 12px!important;letter-spacing:0!important;font-weight:500!important}
html.tema-innconta.tema-obra ._hpills ._hpill:hover{border-color:var(--o-t3)!important;color:var(--o-txt)!important}
html.tema-innconta.tema-obra ._hpills ._hpill-on{background:var(--o-nav)!important;color:#FFFFFF!important;border-color:var(--o-nav)!important;font-weight:600!important}
/* abas legadas .wa-tab (Gestão de Obra v1 e outros) no mesmo padrão das abas do tema */
html.tema-innconta.tema-obra .wa-tab{background:var(--o-srf)!important;color:var(--o-t2)!important;border:1px solid var(--o-brd)!important;border-radius:6px!important;font-family:var(--sn)!important}
html.tema-innconta.tema-obra .wa-tab.on{background:var(--o-nav)!important;color:#FFFFFF!important;border-color:var(--o-nav)!important}

/* ── Meu Dia (js/experience/meu-dia.js v3): lista de trabalho, não pôster ── */
html.tema-innconta.tema-obra .md-card{border-radius:8px;padding:12px 16px;gap:14px;border-color:var(--o-brd);background:var(--o-srf)}
html.tema-innconta.tema-obra .md-card:hover,html.tema-innconta.tema-obra .md-card:focus-visible{border-color:var(--o-t3);background:var(--o-alt)}
html.tema-innconta.tema-obra .md-card--primeiro{border-color:var(--o-acao-l);background:var(--o-srf);box-shadow:inset 3px 0 0 var(--o-acao)}
html.tema-innconta.tema-obra .md-ic{width:36px;height:36px;background:var(--o-alt);border-color:var(--o-brd);color:var(--o-t2)}
html.tema-innconta.tema-obra .md-seta{color:var(--o-t3)}
html.tema-innconta.tema-obra .md-tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
html.tema-innconta.tema-obra .md-tile{border-radius:8px;padding:12px 14px;gap:12px}
html.tema-innconta.tema-obra .md-tile:hover{transform:none;border-color:var(--o-t3);background:var(--o-alt)}
html.tema-innconta.tema-obra .md-num{font-family:var(--sn);font-style:normal;font-size:13px;font-weight:600;color:var(--o-t3);min-width:20px;width:24px;height:24px;border-radius:6px;background:var(--o-alt);display:inline-flex;align-items:center;justify-content:center}
html.tema-innconta.tema-obra .md-tile-ic,html.tema-innconta.tema-obra .md-ic-s{color:var(--o-t2)}
html.tema-innconta.tema-obra .md-mais{border-radius:8px}
html.tema-innconta.tema-obra .md-exp{letter-spacing:0;text-transform:none}
html.tema-innconta.tema-obra .md-vazio{border-radius:8px;padding:24px}
html.tema-innconta.tema-obra .md-vazio-ic{background:#E7F4EC;color:var(--o-verde)}
html.tema-innconta.tema-obra .isp-nov{border-radius:8px!important;border:1px solid var(--o-brd)!important;border-left:3px solid var(--o-azul)!important}

/* ── celular: barra inferior limpa, nada flutuando sobre ela ────────────── */
html.tema-innconta.tema-obra .mob-hamburger{background:var(--o-srf);border:1px solid var(--o-brd);color:var(--o-txt);box-shadow:none;border-radius:8px}
html.tema-innconta.tema-obra .mob-tabs{background:var(--o-srf);border-top:1px solid var(--o-brd);box-shadow:0 -2px 10px rgba(16,24,40,.04)}
html.tema-innconta.tema-obra .mt{color:var(--o-t3);font-family:var(--sn);letter-spacing:0;text-transform:none}
html.tema-innconta.tema-obra .mt.on{color:var(--o-acao2);font-weight:600}
html.tema-innconta.tema-obra body .topbar,html.tema-innconta.tema-obra body.light-mode .topbar{background:var(--o-srf)!important}
html.tema-innconta.tema-obra .save-ind{display:none!important} /* "Sincronizado/Salvando…" caía em cima do sino (desktop e iPhone); falha de envio já tem a pílula própria */
html.tema-innconta.tema-obra .mt,html.tema-innconta.tema-obra .mt *{text-transform:none!important;letter-spacing:0!important;font-family:var(--sn)!important}
html.tema-innconta.tema-obra .mob-tabs .mt.on::before,html.tema-innconta.tema-obra .mob-tabs .mt.on::after{background:var(--o-acao)!important}
@media (max-width:768px){
  html.tema-innconta.tema-obra .mae-page{padding-left:16px!important;padding-right:16px!important}
  html.tema-innconta.tema-obra #bhChip{display:none!important}
  html.tema-innconta.tema-obra .md-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html.tema-innconta.tema-obra .md-tile{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}
  html.tema-innconta.tema-obra .md-tile .md-num{display:none}
  html.tema-innconta.tema-obra .md-ic{width:32px;height:32px}
  html.tema-innconta.tema-obra .mob-hamburger{width:40px!important;height:40px!important;top:4px!important;left:8px!important}
  html.tema-innconta.tema-obra .topbar{padding-left:56px!important;padding-right:8px!important;gap:6px}
  html.tema-innconta.tema-obra .topbar .tb-r{gap:4px!important;flex-shrink:1;min-width:0}
  html.tema-innconta.tema-obra .topbar .tb-r > *{margin:0!important}
  html.tema-innconta.tema-obra #isp_espaco_chip{max-width:34vw!important;font-size:13px!important;padding:6px 8px!important}
  html.tema-innconta.tema-obra #isp-persist-badge{top:52px!important;right:8px!important;font-size:11px!important;padding:4px 8px!important}
  html.tema-innconta.tema-obra .iu-tela--pagina{padding:16px 16px 24px!important}
  /* a lista tem de aparecer na 1ª tela: pílulas numa linha com rolagem lateral, cartões compactos */
  html.tema-innconta.tema-obra .iu-filtros-grupo{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding-bottom:2px}
  html.tema-innconta.tema-obra .iu-filtros-grupo::-webkit-scrollbar{display:none}
  html.tema-innconta.tema-obra .iu-filtros-grupo .iu-chip{flex:0 0 auto}
  html.tema-innconta.tema-obra .iu-filtros{flex-direction:column;align-items:stretch;min-width:0}
  html.tema-innconta.tema-obra .iu-card{padding:8px 10px!important}
  html.tema-innconta.tema-obra .iu-card .iu-num{font-size:20px}
  html.tema-innconta.tema-obra .iu-card .iu-card-texto{display:none}
  html.tema-innconta.tema-obra .iu-sub{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* cabeçalho compacto: ocupava meia tela (título 28 px, subtítulo de 3 linhas, botões secundários com texto) */
  html.tema-innconta.tema-obra .iu-h1{font-size:20px}
  html.tema-innconta.tema-obra .iu-cab{gap:10px;padding-bottom:0}
  html.tema-innconta.tema-obra .iu-cab-acoes{margin-left:0;justify-content:flex-start;width:100%}
  html.tema-innconta.tema-obra .iu-cab-acoes .iu-btn:not(.iu-btn--primaria) .iu-btn-rotulo{display:none}
  html.tema-innconta.tema-obra .iu-cab-acoes .iu-btn:not(.iu-btn--primaria){width:40px;min-width:40px;padding:0}
  html.tema-innconta.tema-obra .iu-cab-acoes .iu-btn--primaria{flex:1}
  /* pílulas de módulo (.iu-chips, ex.: Documentos) também numa linha com rolagem lateral */
  html.tema-innconta.tema-obra .iu-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;min-width:0;max-width:100%}
  html.tema-innconta.tema-obra .iu-filtros > *,html.tema-innconta.tema-obra .iu-corpo > *{min-width:0;max-width:100%}
  html.tema-innconta.tema-obra .iu-chips::-webkit-scrollbar{display:none}
  html.tema-innconta.tema-obra .iu-chips .iu-chip{flex:0 0 auto}
  /* a tabela é table-layout:fixed e dividia 300px por igual: "Tinta esmalte" saía uma sílaba por linha */
  html.tema-innconta.tema-obra .iu-tabela{table-layout:auto!important}
  html.tema-innconta.tema-obra .iu-tabela td.iu-cel-flex{min-width:150px}
  html.tema-innconta.tema-obra .iu-tabela td,html.tema-innconta.tema-obra .iu-tabela th{word-break:normal;overflow-wrap:normal}
  html.tema-innconta.tema-obra #print-fab{display:none!important}
  /* Voltar "nunca mais some" (CVO 20/07, regra #tbVoltar no index.html): no celular fica compacto, só a seta */
  html.tema-innconta.tema-obra .tb-voltar{font-size:0!important;padding:6px 10px!important;min-width:36px;justify-content:center}
  html.tema-innconta.tema-obra .tb-voltar::before{content:'‹';font-size:20px;line-height:1;font-weight:600}
  html.tema-innconta.tema-obra .topbar{padding-left:60px!important}
  html.tema-innconta.tema-obra #isp_espaco_chip{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ── o que flutuava sobre o conteúdo ────────────────────────────────────── */
html.tema-innconta.tema-obra #wa3FAB{display:none!important} /* "Adicionar contato" do WhatsApp aparecia em TODA tela e em cima do assistente */
html.tema-innconta.tema-obra #isp-persist-badge{font:500 12px/1.2 var(--sn)!important;letter-spacing:0!important;background:#FFF7E6!important;color:#8A4B06!important;border:1px solid #F5C77E!important;box-shadow:0 2px 8px rgba(16,24,40,.08)!important;border-radius:6px!important;left:auto!important;right:16px!important;bottom:auto!important;top:60px!important;padding:6px 10px!important}
html.tema-innconta.tema-obra #print-fab{background:var(--o-srf)!important;border:1px solid var(--o-brd)!important;color:var(--o-t2)!important;box-shadow:none!important;border-radius:6px!important;font-size:0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5566' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v7H6z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px!important;width:34px!important;height:34px!important}
html.tema-innconta.tema-obra #voice-fab,html.tema-innconta.tema-obra #aiFab{background:var(--o-nav)!important;border:1px solid var(--o-nav)!important;color:#FFFFFF!important;box-shadow:0 4px 14px rgba(16,24,40,.18)!important}
html.tema-innconta.tema-obra #isf-security-offer{background:var(--o-srf)!important;border:1px solid var(--o-brd)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(16,24,40,.12)!important}
html.tema-innconta.tema-obra #isf-security-offer *{font-family:var(--sn)!important;color:var(--o-txt)!important}
html.tema-innconta.tema-obra #isf-security-offer button{border-radius:6px!important}
html.tema-innconta.tema-obra .toast{font-family:var(--sn);border-radius:8px}

/* ── tour de boas-vindas ────────────────────────────────────────────────── */
html.tema-innconta.tema-obra .onb-card,html.tema-innconta.tema-obra .onb-box{border-radius:10px;box-shadow:0 12px 40px rgba(16,24,40,.16)}
html.tema-innconta.tema-obra .onb-card *,html.tema-innconta.tema-obra .onb-box *{font-family:var(--sn)!important}
html.tema-innconta.tema-obra .onb-eyebrow,html.tema-innconta.tema-obra .onb-step{color:var(--o-t3);letter-spacing:.02em;text-transform:none}
html.tema-innconta.tema-obra .onb-btn-primary,html.tema-innconta.tema-obra .onb-btn-next{background:var(--o-acao);color:#FFFFFF;border-radius:6px}

/* ── porta de entrada (login) ── 04/10/2026: a porta v5 (index.html, <style id="portaV5">) segue o Manual de Marca
 * InnovaSphere (Noite/Índigo/Ouro, Cormorant+Jost). As regras de cartão branco sobre cinza e botão âmbar que moravam aqui
 * saíram: a moldura de obra vale DENTRO do sistema, não na porta. Ficam só as que escondem camadas legadas. */
html.tema-innconta.tema-obra .auth-bg,html.tema-innconta.tema-obra .auth-particles,html.tema-innconta.tema-obra .auth-leaf,
html.tema-innconta.tema-obra .auth-vign,html.tema-innconta.tema-obra .auth-fade,html.tema-innconta.tema-obra .auth-card::before,
html.tema-innconta.tema-obra body::after{display:none!important;background:none!important}
html.tema-innconta.tema-obra body:not(.auth-active) #ispFooter{background:var(--o-srf)!important;border-top:1px solid var(--o-brd)!important;color:var(--o-t3)!important}
html.tema-innconta.tema-obra body:not(.auth-active) #ispFooter *{color:var(--o-t3)!important;font-family:var(--sn)!important}
html.tema-innconta.tema-obra body:not(.auth-active) #ispFooter a{color:var(--o-azul)!important}
html.tema-innconta.tema-obra body:not(.auth-active) #ispFooter button{background:var(--o-nav)!important;color:#FFFFFF!important;border-radius:6px!important}

/* ── acessibilidade e movimento ─────────────────────────────────────────── */
html.tema-innconta.tema-obra :focus-visible{outline:2px solid var(--o-azul);outline-offset:2px}

/* ── documentos v3 celular (24/09) ── */
/* Documentos · celular (24/09/2026): margem 16 px (12 do .mn + 0 do painel + 4 da tela), pílulas em 2 linhas,
   cabeçalho com texto, alvos de 40 px. Escopado em .iu-tela--docs e #pn_documentos: as regras globais do celular
   (pílulas numa linha com rolagem, secundários só com ícone) continuam valendo nas outras telas. */
html.tema-innconta.tema-obra .iu-tela--docs .iu-card:hover{border-color:var(--o-t3);background:var(--o-alt)}
html.tema-innconta.tema-obra .iu-tela--docs .iu-vazio-ico{background:var(--o-alt);color:var(--o-t2)}
@media (max-width:768px){
  html.tema-innconta.tema-obra #pn_documentos{padding-left:0!important;padding-right:0!important}
  html.tema-innconta.tema-obra .iu-tela--pagina.iu-tela--docs{padding:8px 4px 96px!important}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-chips{flex-wrap:wrap!important;overflow:visible;margin-top:0}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-chip{min-height:40px}
  /* tema-obra .iu-btn (min-height 36 px) venceria a regra de 40 px do nav-v2 */
  html.tema-innconta.tema-obra .iu-tela--docs .iu-btn{min-height:40px}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-cab-acoes .iu-btn:not(.iu-btn--primaria){width:auto;min-width:40px;padding:0 14px}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-cab-acoes .iu-btn:not(.iu-btn--primaria) .iu-btn-rotulo{display:inline}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-sub{display:none}
  html.tema-innconta.tema-obra .iu-tela--docs.iu-tela--leitura .iu-sub{display:block;-webkit-line-clamp:unset}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-cards .iu-card:nth-child(3){grid-column:auto}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-card-rotulo{min-height:31px}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-tabela .iu-situacao{white-space:normal;height:auto;line-height:1.25;padding:3px 8px}
  html.tema-innconta.tema-obra .iu-tela--docs .iu-tabela .iu-situacao-txt{white-space:normal;overflow:visible}
}

/* ── modais genéricos (openMo → #moG) sob a moldura v3 · 25/09 ──────────────────────────────────────────────
   O mae.css (19/07, "modal sempre legível") deu aos 27 modais legados um tema ESCURO próprio (fundo #0F1C2D, borda
   dourada, texto creme) porque foram escritos assumindo fundo escuro. Sob a moldura clara isso deixava o "×" de fechar
   a 2,3:1, rótulos em caixa-alta espaçada e um diálogo escuro por cima de uma tela clara. Aqui a mesma pele fica clara,
   só com a classe tema-obra (o escape isp_tema_v3='0' volta ao escuro). Medido em 17 modais abertos: textos com
   contraste < 3:1 de 1–4 por modal para 0; caixa-alta espaçada de 1–10 por modal para 0. */
html.tema-innconta.tema-obra #moG .modal{
  color-scheme:light !important;
  background:var(--o-srf,#FFFFFF) !important;
  border:1px solid var(--o-brd,#DDE2E8) !important;
  border-top:3px solid var(--o-acao,#B45309) !important;
  color:var(--o-txt,#1B2430) !important;
  box-shadow:0 16px 40px rgba(15,35,64,.18) !important;
}
html.tema-innconta.tema-obra #moG #moT{ color:var(--o-txt,#1B2430) !important; }
html.tema-innconta.tema-obra #moG #moB{ color:var(--o-txt,#1B2430) !important; }
html.tema-innconta.tema-obra #moG #moB label,
html.tema-innconta.tema-obra #moG .fld label{ color:var(--o-t2,#4A5566) !important; text-transform:none !important; letter-spacing:0 !important; font-size:12px !important; }
html.tema-innconta.tema-obra #moG #moB input:not([type=checkbox]):not([type=radio]),
html.tema-innconta.tema-obra #moG #moB select,
html.tema-innconta.tema-obra #moG #moB textarea,
html.tema-innconta.tema-obra #moG .fld input,
html.tema-innconta.tema-obra #moG .fld select,
html.tema-innconta.tema-obra #moG .fld textarea{
  background:#FFFFFF !important;
  border:1px solid var(--o-brd2,#C9D1DB) !important;
  color:var(--o-txt,#1B2430) !important;
}
html.tema-innconta.tema-obra #moG #moB input::placeholder,
html.tema-innconta.tema-obra #moG #moB textarea::placeholder,
html.tema-innconta.tema-obra #moG .fld input::placeholder,
html.tema-innconta.tema-obra #moG .fld textarea::placeholder{ color:var(--o-t3,#667183) !important; }
html.tema-innconta.tema-obra #moG #moB input:focus,
html.tema-innconta.tema-obra #moG #moB select:focus,
html.tema-innconta.tema-obra #moG #moB textarea:focus,
html.tema-innconta.tema-obra #moG .fld input:focus,
html.tema-innconta.tema-obra #moG .fld select:focus,
html.tema-innconta.tema-obra #moG .fld textarea:focus{
  border-color:var(--o-acao,#B45309) !important;
  background:#FFFFFF !important;
  outline:2px solid rgba(180,83,9,.18) !important;
}
/* o botão flutuante do assistente ficava POR CIMA do modal e tapava campos */
html.tema-innconta.tema-obra body:has(#moG.show) #aiFab,
html.tema-innconta.tema-obra body:has(#moG.show) #voice-fab{display:none!important}

/* ── Conhecimento (js/conhecimento/conhecimento.js, .isp-conh) sob a moldura v3 · 25/09 ─────────────────────────
   O módulo traz tema escuro próprio (fundo #070D15, Georgia itálico, dourado, rótulos em caixa-alta espaçada de 8 px)
   dentro de uma moldura clara: 15 pessoas usam por mês (user_module_usage) e no celular eram 33 textos < 12 px e 19 em
   caixa-alta. Aqui a mesma estrutura fica clara, em Inter, com mínimo de 12 px. Escape: isp_tema_v3='0'. */
html.tema-innconta.tema-obra .isp-conh{background:transparent!important;color:var(--o-txt)!important;min-height:0}
html.tema-innconta.tema-obra .isp-conh .eye{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-t3);font-weight:600}
html.tema-innconta.tema-obra .isp-conh .ttl{font-family:var(--sn);font-style:normal;font-size:24px;font-weight:600;color:var(--o-txt);letter-spacing:0;line-height:1.2}
html.tema-innconta.tema-obra .isp-conh .sub{font-size:13px;color:var(--o-t2)}
html.tema-innconta.tema-obra .isp-conh .ch{border-bottom-color:var(--o-brd)}
html.tema-innconta.tema-obra .isp-conh .tab{background:var(--o-srf);border:1px solid var(--o-brd2);color:var(--o-t2);font-size:14px;letter-spacing:0;min-height:40px;padding:0 16px}
html.tema-innconta.tema-obra .isp-conh .tab:hover{background:var(--o-alt);color:var(--o-txt);border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .isp-conh .tab.on{background:var(--o-nav);color:#FFFFFF;border-color:var(--o-nav);box-shadow:none}
html.tema-innconta.tema-obra .isp-conh select,
html.tema-innconta.tema-obra .isp-conh input[type=text],
html.tema-innconta.tema-obra .isp-conh textarea{background:#FFFFFF;color:var(--o-txt);border:1px solid var(--o-brd2);font-size:14px;min-height:40px}
html.tema-innconta.tema-obra .isp-conh select:focus,
html.tema-innconta.tema-obra .isp-conh input:focus,
html.tema-innconta.tema-obra .isp-conh textarea:focus{border-color:var(--o-acao);box-shadow:0 0 0 3px rgba(180,83,9,.15)}
html.tema-innconta.tema-obra .isp-conh .btn{background:var(--o-srf);border:1px solid var(--o-brd2);color:var(--o-txt);font-size:13px;min-height:40px;padding:0 16px}
html.tema-innconta.tema-obra .isp-conh .btn:hover{background:var(--o-alt);border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .isp-conh .btn.primary{background:var(--o-acao)!important;border-color:var(--o-acao)!important;color:#FFFFFF!important;font-weight:600;filter:none;text-shadow:none!important;box-shadow:none!important}
html.tema-innconta.tema-obra .isp-conh .btn.primary:hover{background:var(--o-acao2)!important;border-color:var(--o-acao2)!important}
html.tema-innconta.tema-obra .isp-conh .btn.ghost{color:var(--o-t2)}
html.tema-innconta.tema-obra .isp-conh .btn.sm{font-size:12px;min-height:36px;padding:0 12px}
/* .st também é a classe global do cartão de estatística (isp-core-1.css:47): aqui é só o título da seção */
html.tema-innconta.tema-obra .isp-conh .sec-h .st{font-family:var(--sn);font-style:normal;font-size:16px;font-weight:600;color:var(--o-txt);background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;width:auto!important;max-width:none!important;overflow:visible!important}
html.tema-innconta.tema-obra .isp-conh .sec-h .sd{font-size:12px;color:var(--o-t3)}
html.tema-innconta.tema-obra .isp-conh .sec-h .sn{font-size:12px;color:var(--o-t2);background:var(--o-alt);border:1px solid var(--o-brd)}
html.tema-innconta.tema-obra .isp-conh .card{background:var(--o-srf);border:1px solid var(--o-brd);border-radius:10px;box-shadow:none}
html.tema-innconta.tema-obra .isp-conh .card:hover{transform:none;border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .isp-conh .card.alta{border-left:3px solid var(--o-verm)}
html.tema-innconta.tema-obra .isp-conh .card-tt{font-size:15px;color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .chip{font-size:12px;letter-spacing:0;text-transform:none;padding:2px 10px}
html.tema-innconta.tema-obra .isp-conh .chip.nat{background:var(--o-alt);color:var(--o-t2);border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .isp-conh .chip.ativo{background:#E8F5EC;color:#1E7B3C;border-color:#B7DFC4}
html.tema-innconta.tema-obra .isp-conh .chip.pausado{background:var(--o-acao-p);color:var(--o-acao2);border-color:#F2CFA3}
html.tema-innconta.tema-obra .isp-conh .chip.concluido{background:var(--o-alt);color:var(--o-t2);border-color:var(--o-brd2)}
html.tema-innconta.tema-obra .isp-conh .chip.alta,
html.tema-innconta.tema-obra .isp-conh .chip.stale{background:#FDECEA;color:var(--o-verm);border-color:#F3B8B2}
html.tema-innconta.tema-obra .isp-conh .chip.proj{background:#EAF1FB;color:var(--o-azul);border-color:#C2D5EF}
html.tema-innconta.tema-obra .isp-conh .w-l{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-t3);font-weight:600}
html.tema-innconta.tema-obra .isp-conh .w-v{font-size:14px;color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .w-v.empty{color:var(--o-t3)}
html.tema-innconta.tema-obra .isp-conh .card-f{border-top-color:var(--o-brd)}
html.tema-innconta.tema-obra .isp-conh .meta{font-size:12px;color:var(--o-t3)}
html.tema-innconta.tema-obra .isp-conh .empty{border:1px dashed var(--o-brd2);background:var(--o-alt)}
html.tema-innconta.tema-obra .isp-conh .empty .et{font-family:var(--sn);font-style:normal;font-size:16px;font-weight:600;color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .empty .ed{font-size:14px;color:var(--o-t2)}
html.tema-innconta.tema-obra .isp-conh .form{background:var(--o-srf);border:1px solid var(--o-brd);border-radius:10px}
html.tema-innconta.tema-obra .isp-conh .fl{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-t2);font-weight:600}
html.tema-innconta.tema-obra .isp-conh .hint{font-size:12px;color:var(--o-t3)}
html.tema-innconta.tema-obra .isp-conh .stat{background:var(--o-srf);border:1px solid var(--o-brd);border-radius:10px}
html.tema-innconta.tema-obra .isp-conh .stat .sv{font-family:var(--sn);font-style:normal;font-size:28px;font-weight:600;color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .stat .sv.warn{color:var(--o-verm)}
html.tema-innconta.tema-obra .isp-conh .stat .sv.gold{color:var(--o-acao2)}
html.tema-innconta.tema-obra .isp-conh .stat .sl{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-t3);font-weight:600}
html.tema-innconta.tema-obra .isp-conh .occ .o{background:var(--o-alt);border:1px solid var(--o-brd);color:var(--o-txt);font-size:13px}
html.tema-innconta.tema-obra .isp-conh .occ .o b{color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .cov th{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-t3);border-bottom-color:var(--o-brd)}
html.tema-innconta.tema-obra .isp-conh .cov td{font-size:14px;color:var(--o-txt);border-bottom-color:var(--o-brd)}
html.tema-innconta.tema-obra .isp-conh .cov tr:hover td{background:var(--o-alt)}
html.tema-innconta.tema-obra .isp-conh .cov .cad{color:var(--o-txt)}
html.tema-innconta.tema-obra .isp-conh .num{font-family:var(--sn);font-style:normal;font-weight:600}
html.tema-innconta.tema-obra .isp-conh .loading{font-size:14px;color:var(--o-t3)}
html.tema-innconta.tema-obra .isp-conh .vdono{background:var(--o-acao-p);border:1px solid #F2CFA3}
html.tema-innconta.tema-obra .isp-conh .vdform{background:var(--o-acao-p);border:1px solid #F2CFA3}
html.tema-innconta.tema-obra .isp-conh .vd-l{font-size:12px;letter-spacing:0;text-transform:none;color:var(--o-acao2)}
html.tema-innconta.tema-obra .isp-conh .vd-v{font-size:14px;color:var(--o-txt)}
/* cores chumbadas em linha no markup do módulo (fundo escuro assumido) */
html.tema-innconta.tema-obra .isp-conh [style*="#A99E86"]{color:var(--o-t2)!important}
html.tema-innconta.tema-obra .isp-conh [style*="var(--gold-bright)"]{color:var(--o-acao2)!important}
html.tema-innconta.tema-obra .isp-conh [style*="#E0805A"]{color:var(--o-verm)!important}
html.tema-innconta.tema-obra .isp-conh [style*="#E0594A"]{color:var(--o-verm)!important}
html.tema-innconta.tema-obra .isp-conh [style*="#D9B05E"]{color:var(--o-acao2)!important}
html.tema-innconta.tema-obra .isp-conh [style*="#46B07E"]{color:#1E7B3C!important}
html.tema-innconta.tema-obra .isp-conh [style*="font-size:.6"],
html.tema-innconta.tema-obra .isp-conh [style*="font-size:.66"],
html.tema-innconta.tema-obra .isp-conh [style*="font-size:.72"]{font-size:13px!important;letter-spacing:0!important}
@media (max-width:640px){
  html.tema-innconta.tema-obra .isp-conh{padding:16px}
  html.tema-innconta.tema-obra .isp-conh .ttl{font-size:22px}
  html.tema-innconta.tema-obra .isp-conh .btn.sm{min-height:40px}
  /* abas numa linha rolável (eram 3 linhas empilhadas, 200 px de altura) */
  html.tema-innconta.tema-obra .isp-conh .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:16px}
  html.tema-innconta.tema-obra .isp-conh .tab{flex:0 0 auto;white-space:nowrap}
}