
:root {
    --cor-primaria: #3fff21;
    --cor-primaria-hover: #98e705;
    --cor-fundo: #060806;
    --cor-fundo2: #0b0d0b;
    --cor-card: #0f0f0f;
    --cor-card-hover: #151915;
    --cor-borda: #2a3229;
    --cor-texto: #f3f3f3;
    --cor-texto-muted: #b8c0b6;
    --cor-input: #0b0d0b;
    --cor-sidebar: #000;
    --cor-sidebar-ativa: rgba(63,255,33,.12);
    --sombra: 0 14px 32px rgba(0,0,0,.34);
}

body { background: var(--cor-fundo) !important; color: var(--cor-texto) !important; }
a { color: var(--cor-primaria); }
.sidebar { background: #000; border-right: 1px solid #222a21; box-shadow: 10px 0 32px rgba(0,0,0,.32); }
.sidebar-logo { border-color: #222a21; }
.sidebar-logo svg { fill: var(--cor-primaria); }
.sidebar-logo span { color: #f3f3f3; }
.nav-link { color: #b8c0b6; }
.nav-link:hover { background: #101510; color: #f3f3f3; }
.nav-link.active { background: var(--cor-primaria); color: #061006; }
.top-bar { background: #0b0d0b; border-color: #222a21; box-shadow: 0 1px 0 rgba(63,255,33,.08); }
.top-bar-titulo, .config-titulo, .grafico-cabecalho h3, .card-resumo-valor { color: #f3f3f3; }
.btn-primario { background: var(--cor-primaria); color: #061006; }
.btn-primario:hover { background: var(--cor-primaria-hover); color: #061006; }
.btn-secundario { background: #152215; border-color: #315a2d; color: var(--cor-primaria); }
.btn-secundario:hover { background: #1c2d1a; color: #c5ffba; }
.btn-outline { background: #0f120f; border-color: #354034; color: #dce7d9; }
.btn-outline:hover { background: #182018; color: var(--cor-primaria); }
.card-resumo, .grafico-secao, .config-secao { background: #0f0f0f; border: 1px solid #222a21; box-shadow: var(--sombra); }
.card-resumo:hover { background: #121612; }
.card-resumo-icone.azul { background: #3fff21; }
.card-resumo-icone.indigo { background: #98e705; }
.card-resumo-icone.verde { background: #52d943; }
.card-resumo-icone.amarelo { background: #b9f22b; }
.card-resumo-icone svg { fill: #061006; }
.card-resumo-label, .card-resumo-sub, .config-desc, .campo-grupo label { color: #b8c0b6; }
.grafico-loader { background: #0f0f0f; color: #b8c0b6; }
.btn-filtro, .tab-btn { background: #0b0d0b; border-color: #354034; color: #b8c0b6; }
.btn-filtro:hover, .tab-btn:hover { background: #182018; color: #f3f3f3; }
.btn-filtro.ativo, .tab-btn.ativo { background: #183417; border-color: #3fff21; color: #baffad; }
.card-acao { background: #0c0f0c; border: 1px solid #263026; box-shadow: var(--sombra); }
.card-acao h4 { color: #f3f3f3; }
.card-acao p { color: #b8c0b6; }
.card-acao svg { fill: var(--cor-primaria); }
.campo-grupo input, .campo-grupo select, .campo-grupo textarea, .campo-select, .campo-data { background: #0b0d0b; border-color: #354034; color: #f3f3f3; }
.campo-grupo input:focus, .campo-grupo select:focus, .campo-grupo textarea:focus, .campo-select:focus, .campo-data:focus { border-color: var(--cor-primaria); box-shadow: 0 0 0 3px rgba(63,255,33,.16); }
.detalhe-box, .resultados-box { background: #0b0d0b; border-color: #2a3229; }
.tabela-dados thead tr, .resumo-linha { background: #101410; }
.tabela-dados th { color: #b8c0b6; border-color: #2a3229; }
.tabela-dados td { color: #e6eee3; border-color: #1c241b; }
.tabela-dados tbody tr:hover { background: #151b15; }
.dropzone { border-color: #354034; }
.dropzone:hover { border-color: var(--cor-primaria); background: rgba(63,255,33,.06); }
.dropzone svg, .dropzone-texto strong, .label-destaque { fill: var(--cor-primaria); color: var(--cor-primaria); }

body.webhook-page, .webhook-page .main-content { background: #060806 !important; color: #f3f3f3; }
.webhook-page .bg-white, .webhook-page .bg-slate-50, .webhook-page .bg-rose-50 { background: #0f0f0f !important; }
.webhook-page .border-slate-200, .webhook-page .border-slate-100, .webhook-page .border-blue-100, .webhook-page .border-rose-100, .webhook-page .border-slate-300 { border-color: #2a3229 !important; }
.webhook-page .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1c241b !important; }
.webhook-page h1, .webhook-page h2, .webhook-page td { color: #f3f3f3 !important; }
.webhook-page p, .webhook-page label, .webhook-page th { color: #b8c0b6 !important; }
.webhook-page #hojeValor, .webhook-page #semanaValor, .webhook-page #mesValor, .webhook-page #cnpjValorNegado { color: #baffad !important; }
.webhook-page .bg-blue-600, .webhook-page .bg-emerald-500 { background: #3fff21 !important; color: #061006 !important; }
.webhook-page .bg-emerald-50, .webhook-page .bg-rose-50 { background: #152215 !important; }
.webhook-page .focus\:border-blue-500:focus { border-color: #3fff21 !important; }
.webhook-page .focus\:ring-blue-100:focus, .webhook-page .focus\:ring-blue-300:focus { --tw-ring-color: rgba(63,255,33,.22) !important; }
.webhook-page .hover\:bg-blue-700:hover { background: #98e705 !important; color: #061006 !important; }
.webhook-page .hover\:bg-slate-50:hover { background: #151b15 !important; }
.webhook-page input, .webhook-page select { color-scheme: dark; }
.webhook-page .webhook-row:hover { background: #151b15 !important; }
.webhook-page .webhook-badge { display: inline-flex; border-radius: 9999px; padding: .25rem .625rem; font-size: .75rem; font-weight: 700; }
.webhook-page .webhook-badge-ok { background: #152215; color: #baffad; }
.webhook-page .webhook-badge-blocked { background: #202014; color: #dfff9d; }
.webhook-page .webhook-rejection-reason { margin-top: .25rem; font-size: .75rem; color: #b8c0b6 !important; }
.validacao-global-erro { margin: .3rem 0 0; color: #ffb6a8; font-size: .72rem; font-weight: 700; line-height: 1.35; }
.webhook-page #paginaAnterior, .webhook-page #paginaProxima { background: #0b0d0b; border-color: #354034; color: #dce7d9; }
.webhook-page #paginaAnterior:hover:not(:disabled), .webhook-page #paginaProxima:hover:not(:disabled) { background: #182018; border-color: #3fff21; color: #baffad; }


body.emissao-page, .emissao-page .main-content { background: #060806 !important; color: #f3f3f3; }
.emissao-page .top-bar { min-height: 74px; }
.emissao-subtitulo { margin: .18rem 0 0; color: #94a391; font-size: .76rem; }
.emissao-page .btn { border-radius: .65rem; }
.emissao-panel { border: 1px solid #273026; background: #0b0d0b; box-shadow: 0 18px 40px rgba(0,0,0,.25); border-radius: 1rem; padding: 1.35rem; }
.emissao-panel h2 { margin: .2rem 0 0; color: #f4f8f2; font-size: 1.14rem; font-weight: 800; letter-spacing: -.02em; }
.eyebrow { margin: 0; color: #84ff76; font-size: .66rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.emissao-guard { display: flex; align-items: center; gap: .85rem; min-height: 72px; padding: .9rem 1.05rem; border: 1px solid #365c31; border-radius: 1rem; background: linear-gradient(100deg, rgba(63,255,33,.13), rgba(14,19,13,.88) 45%); }
.emissao-guard-icon { display: grid; flex: 0 0 auto; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: #071006; background: #3fff21; font-weight: 900; }
.emissao-guard strong { color: #eeffec; font-size: .86rem; }.emissao-guard p { margin: .16rem 0 0; color: #b8c0b6; font-size: .78rem; line-height: 1.4; }
.emissao-state { margin-left: auto; flex: 0 0 auto; border: 1px solid #456440; border-radius: 999px; padding: .38rem .66rem; color: #baffad; background: #111c10; font-size: .7rem; font-weight: 800; }
.emissao-panel-title { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid #243023; }
.emissao-chip { border: 1px solid #354034; border-radius: 999px; padding: .3rem .52rem; color: #b8c0b6; font-size: .67rem; font-weight: 700; }
.emissao-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; min-height: 185px; margin-top: 1rem; padding: 1.2rem; border: 1px dashed #486946; border-radius: .9rem; background: #090c09; text-align: center; cursor: pointer; transition: border-color .18s, background .18s, transform .18s; }
.emissao-drop:hover, .emissao-drop.is-over { border-color: #3fff21; background: rgba(63,255,33,.07); transform: translateY(-1px); }.emissao-drop-mark { display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid #4d7f48;border-radius:.7rem;color:#3fff21;background:#101a0f;font-size:1.35rem;font-weight:800; }
.emissao-drop strong { color:#f3f3f3;font-size:.9rem; }.emissao-drop small, .emissao-file-name { color:#9da99b;font-size:.75rem; }.emissao-file-name { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#baffad; }
.emissao-field { display: flex; flex-direction: column; gap: .4rem; color: #b8c0b6; font-size: .72rem; font-weight: 700; }.emissao-field input, .emissao-field select, .emissao-field textarea { width:100%; border:1px solid #354034; border-radius:.62rem; background:#080a08; color:#f3f3f3; padding:.62rem .72rem; outline:none; font:inherit; font-size:.82rem; font-weight:500; }.emissao-field textarea { min-height:76px; resize:vertical; }.emissao-field input:focus, .emissao-field select:focus, .emissao-field textarea:focus { border-color:#3fff21; box-shadow:0 0 0 3px rgba(63,255,33,.13); }
.emissao-test-toggle { display:flex; align-items:flex-start; gap:.62rem; margin-top:1.2rem; padding-top:1rem; border-top:1px solid #243023; cursor:pointer; }.emissao-test-toggle input { position:absolute; opacity:0; }.emissao-test-toggle > span { flex:0 0 auto; width:2.15rem;height:1.24rem;margin-top:.1rem;border:1px solid #42523f;border-radius:999px;background:#202620;position:relative;transition:.18s; }.emissao-test-toggle > span::after { content:""; position:absolute; top:2px; left:2px; width:.88rem;height:.88rem;border-radius:50%;background:#879184;transition:.18s; }.emissao-test-toggle input:checked + span { background:#285724;border-color:#3fff21; }.emissao-test-toggle input:checked + span::after { transform:translateX(.9rem); background:#baffad; }.emissao-test-toggle strong { display:block;color:#eaf3e8;font-size:.8rem; }.emissao-test-toggle small { display:block;margin-top:.15rem;color:#94a391;font-size:.71rem;line-height:1.35; }
.emissao-inline-status { align-self:center; margin:0; color:#baffad; font-size:.76rem; }.emissao-inline-status.is-error { color:#ff9f9f; }
.emissao-metrics { display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0; }.emissao-metrics div { min-height:70px;padding:.75rem;border:1px solid #273026;border-radius:.75rem;background:#090c09; }.emissao-metrics dt { color:#96a493;font-size:.66rem;font-weight:700; }.emissao-metrics dd { margin:.25rem 0 0;color:#f4f8f2;font-size:1.25rem;font-weight:800; }.emissao-metrics .metric-block { border-color:#595b2b; }.emissao-metrics .metric-block dd { color:#dfff9d; }
.emissao-total { padding:1rem;border-radius:.8rem;background:linear-gradient(135deg,#152215,#0c110c);border:1px solid #396535; }.emissao-total span { display:block;color:#b8c0b6;font-size:.72rem;font-weight:700; }.emissao-total strong { display:block;margin:.22rem 0;color:#baffad;font-size:1.55rem;letter-spacing:-.04em; }.emissao-total small { color:#9aad96;font-size:.68rem; }.emissao-note { margin-top:1rem;padding-top:1rem;border-top:1px solid #243023; }.emissao-note strong { color:#dce7d9;font-size:.76rem; }.emissao-note p { margin:.25rem 0 0;color:#9da99b;font-size:.71rem;line-height:1.45; }
.emissao-status-grid { display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem; }.emissao-status-grid > div { min-width:120px;flex:1;padding:.7rem .8rem;border:1px solid #293328;border-radius:.7rem;background:#090c09; }.emissao-status-grid span,.emissao-status-grid small { display:block;color:#94a391;font-size:.66rem; }.emissao-status-grid strong { display:block;margin:.12rem 0;color:#eaf3e8;font-size:1.1rem; }
.emissao-progress { margin-top:1rem;padding:.85rem;border:1px solid #31402f;border-radius:.7rem;background:#090c09; }.emissao-progress-copy { display:flex;align-items:baseline;justify-content:space-between;gap:.8rem; }.emissao-progress-copy strong { color:#edffea;font-size:.84rem; }.emissao-progress-copy span,.emissao-progress small { color:#9eac9a;font-size:.72rem;line-height:1.4; }.emissao-progress-track { height:.42rem;overflow:hidden;margin:.7rem 0 .45rem;border-radius:999px;background:#202a1f; }.emissao-progress-track span { display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left;background:#3fff21;transition:transform .2s ease; }
.emissao-declaration { display:flex;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.8rem .9rem;border:1px solid #4a4e29;border-radius:.7rem;background:#15150e;color:#d4dab3;font-size:.73rem;line-height:1.45;cursor:pointer; }.emissao-declaration input { margin-top:.15rem;accent-color:#3fff21; }
.emissao-table { width:100%;border-collapse:collapse;font-size:.77rem; }.emissao-table th { padding:.7rem .8rem;border-bottom:1px solid #31402f;color:#aebbac;text-align:left;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase; }.emissao-table td { padding:.75rem .8rem;border-bottom:1px solid #1d271c;color:#e3ebe0;vertical-align:top; }.emissao-table tr:hover td { background:#101610; }.emissao-table .empty { text-align:center;color:#9aa796;padding:2rem; }.emissao-badge { display:inline-flex;border:1px solid #3b5038;border-radius:999px;padding:.2rem .47rem;background:#111a10;color:#baffad;font-size:.65rem;font-weight:800;text-transform:capitalize; }.emissao-badge.status-bloqueado_cnpj,.emissao-badge.status-bloqueado_invalido,.emissao-badge.status-bloqueado_duplicado,.emissao-badge.status-erro_envio,.emissao-badge.status-erro_cancelamento,.emissao-badge.status-erro { border-color:#67433b;background:#211411;color:#ffb6a8; }
.emissao-cancel { border-color:#605137;background:#1d1810;color:#f8d98a; }.emissao-cancel:hover { border-color:#e6c675;background:#2b2416;color:#fff0c8; }.emissao-final { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #396535;border-radius:.8rem;background:#101a0f; }.emissao-final h3 { margin:.18rem 0;color:#edffea;font-size:1rem; }.emissao-final p:last-child { margin:0;color:#a4b3a1;font-size:.74rem;line-height:1.45; }
@media (max-width: 640px) { .emissao-panel { padding:1rem; }.emissao-guard { align-items:flex-start; }.emissao-state { margin-left:0; margin-top:auto; }.emissao-guard { flex-wrap:wrap; }.emissao-final { align-items:flex-start;flex-direction:column; }.emissao-progress-copy { align-items:flex-start;flex-direction:column;gap:.25rem; }.emissao-table { min-width:680px; } }
@media print { .sidebar,.top-bar,.emissao-guard,.emissao-drop,.emissao-test-toggle,.emissao-inline-status,.emissao-panel > .mt-5.flex,.emissao-final button { display:none !important; }.main-content { margin:0 !important; }.emissao-panel { box-shadow:none;border-color:#777; }.emissao-page, .emissao-page .main-content { background:#fff !important;color:#111 !important; }.emissao-panel,.emissao-table td,.emissao-table th { color:#111 !important;background:#fff !important; } }
