/*
 * Identidade visual Feltrin Tech sobre o Tabler — paleta "Petróleo & Menta".
 *
 *   Petróleo (fundo da marca)  #0b2530
 *   Petróleo (cor principal)   #0d9488 → #0e7490
 *   Menta (destaque no escuro) #5eead4 → #22d3ee
 *
 * Arquivos da marca: public/images/marca/
 */

:root,
[data-bs-theme="light"] {
    --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

    --ft-petroleo: #0b2530;
    --ft-petroleo-borda: #164e63;

    --tblr-primary: #0d9488;
    --tblr-primary-rgb: 13, 148, 136;
    --tblr-primary-darken: #0b7a70;
    --tblr-primary-fg: #ffffff;
    --tblr-primary-lt: #e7f6f4;
    --tblr-primary-lt-rgb: 231, 246, 244;
    --tblr-primary-text-emphasis: #075e56;
    --tblr-primary-bg-subtle: #cfeeea;
    --tblr-primary-border-subtle: #9fdcd5;

    --tblr-link-color: #0d9488;
    --tblr-link-color-rgb: 13, 148, 136;
    --tblr-link-hover-color: #0e7490;
    --tblr-link-hover-color-rgb: 14, 116, 144;
}

/* No tema escuro o petróleo fica apagado: links e destaques usam a menta. */
[data-bs-theme="dark"] {
    --tblr-primary-lt: #12312f;
    --tblr-primary-lt-rgb: 18, 49, 47;
    --tblr-primary-text-emphasis: #5eead4;
    --tblr-link-color: #5eead4;
    --tblr-link-color-rgb: 94, 234, 212;
    --tblr-link-hover-color: #99f6e4;
    --tblr-link-hover-color-rgb: 153, 246, 228;
}

/* Menu lateral no petróleo da marca */
.navbar-vertical[data-bs-theme="dark"] {
    --tblr-navbar-bg: var(--ft-petroleo);
    --tblr-navbar-border-color: var(--ft-petroleo-borda);
    --tblr-navbar-active-border-color: #5eead4;
}
.navbar-vertical .dropdown-item.active,
.navbar-vertical .nav-item.active > .nav-link { color: #5eead4; }

/* Marca: ícone + nome, usada no menu lateral */
.marca {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: -.02em;
}
.marca:hover { text-decoration: none; }
.marca-icone { width: 2.2rem; height: 2.2rem; flex-shrink: 0; }
.marca-tech {
    background: linear-gradient(135deg, #5eead4, #22d3ee);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Logo completo (ícone + nome + "Sistemas & Automação") nas telas de login */
.logo-login { height: 3.25rem; width: auto; }

/* Ícone do tema claro/escuro: mostra o que vai ativar */
#alternar-tema .tema-claro { display: none; }
[data-bs-theme="dark"] #alternar-tema .tema-claro { display: inline; }
[data-bs-theme="dark"] #alternar-tema .tema-escuro { display: none; }

/* Ícones do menu com o mesmo peso visual */
.navbar-vertical .nav-link-icon i { font-size: 1.1rem; }

/*
 * Visualizador de JSON (telas de RPS e NFe).
 * Fundo de editor escuro nos dois temas, com paleta de alto contraste;
 * o <pre> interno fica transparente para não herdar o fundo do Tabler.
 */
.json-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.5rem;
}
.json-section > h5 {
    flex: 1;
    margin: 0;
    font-weight: 600;
    color: var(--tblr-body-color);
}
.json-section > h5 i { color: var(--tblr-secondary); margin-right: .25rem; }
.copy-json-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .75rem;
    font-size: .8rem;
    font-weight: 500;
    color: var(--tblr-primary);
    background: var(--tblr-primary-lt);
    border: 1px solid transparent;
    border-radius: var(--tblr-border-radius);
    cursor: pointer;
    transition: background .15s, color .15s;
}
.copy-json-btn:hover { background: var(--tblr-primary); color: #fff; }
.copy-json-btn.copiado { background: var(--tblr-success); color: #fff; }
.json-container {
    flex-basis: 100%;
    max-height: 520px;
    overflow: auto;
    padding: 1rem 1.25rem;
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: var(--tblr-border-radius-lg);
}
.json-container pre {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #e2e8f0;
    font-family: var(--tblr-font-monospace);
    font-size: .8125rem;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}
.json-key     { color: #7dd3fc; }
.json-string  { color: #86efac; }
.json-number  { color: #fbbf24; }
.json-boolean { color: #f9a8d4; font-weight: 600; }
.json-null    { color: #c4b5fd; font-weight: 600; }