/* ============================================================================
   SpedAudit — paleta de cores Audit Soluções Tributárias
   Cores extraídas da logo "audit" e do site auditsolucoes.com.br
   ============================================================================ */

:root {
    --audit-orange:        #E08025;   /* laranja vibrante (a/u) */
    --audit-orange-light:  #F2A04F;   /* hover / destaques */
    --audit-orange-dark:   #B95F0E;   /* pressed / borda */
    --audit-gold:          #B98856;   /* dourado tipográfico (udit) */
    --audit-brown:         #8C5A2E;   /* marrom profundo */
    --audit-brown-dark:    #4A2F18;   /* marrom muito escuro (texto em claro) */
}

/* ─── Cor primária do template ─────────────────────────────────────────────── */

a,
a:hover,
a:focus {
    color: var(--audit-orange);
}

/* Botões primary — override default.css (html .btn-primary:hover ainda era azul) */
html .btn-primary,
html .btn-primary:not(:disabled):not(.disabled).active,
html .btn-primary:not(:disabled):not(.disabled):active,
html .show > .btn-primary.dropdown-toggle,
.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange) !important;
    color: #fff !important;
    background-image: none !important;
}

html .btn-primary:hover,
html .btn-primary.hover,
html .btn-primary:focus,
html .btn-primary.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--audit-orange-light) !important;
    border-color: var(--audit-orange-light) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(224, 128, 37, 0.30) !important;
}

html .btn-primary:active,
html .btn-primary.active,
html .show > .btn-primary.dropdown-toggle,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--audit-orange-dark) !important;
    border-color: var(--audit-orange-dark) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(224, 128, 37, 0.30) !important;
}

html .btn-primary.disabled,
html .btn-primary:disabled,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange) !important;
    opacity: 0.65;
}

html .open > .dropdown-toggle.btn-primary {
    background-color: var(--audit-orange-dark) !important;
    border-color: var(--audit-orange-dark) !important;
    color: #fff !important;
}

body .btn-primary.dropdown-toggle {
    border-left-color: var(--audit-orange-dark) !important;
}

html .btn-link {
    color: var(--audit-orange) !important;
}

html .btn-link:hover,
html .btn-link:focus {
    color: var(--audit-orange-light) !important;
}

html .btn-link:active {
    color: var(--audit-orange-dark) !important;
}

html .btn-outline-primary,
.btn-outline-primary {
    color: var(--audit-orange) !important;
    border-color: var(--audit-orange) !important;
}

html .btn-outline-primary:hover,
html .btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange) !important;
    color: #fff !important;
}

/* Texto e badge primary */
.text-primary { color: var(--audit-orange) !important; }
.bg-primary { background-color: var(--audit-orange) !important; }
.badge-primary { background-color: var(--audit-orange); color: #fff; }

/* Cards featured-primary (usados nos cards do Painel) */
.card-featured-primary {
    border-left-color: var(--audit-orange) !important;
}
.card.card-featured-primary > .card-body .widget-summary .summary-icon.bg-quaternary {
    background-color: var(--audit-orange) !important;
    color: #fff;
}

/* Quaternary (ícones dos cards) — laranja */
.bg-quaternary { background-color: var(--audit-orange) !important; }

/* ─── Menu lateral (sidebar) ───────────────────────────────────────────────── */

html.dark .sidebar-left .nav-main .nav-active > a,
.sidebar-left .nav-main li.nav-active > a {
    color: var(--audit-orange-light);
    background-color: rgba(224, 128, 37, 0.08);
    border-left: 3px solid var(--audit-orange);
}

.sidebar-left .nav-main a:hover {
    color: var(--audit-orange-light) !important;
}

/* ─── Header / topbar ──────────────────────────────────────────────────────── */

html.dark .header,
.header {
    border-bottom: 2px solid var(--audit-orange);
}

/* Avatar / iniciais com cor primária */
.profile-info .name { color: inherit; }

html.dark .form-control:focus {
    border-color: var(--audit-orange);
    box-shadow: 0 0 0 0.2rem rgba(224, 128, 37, 0.25);
}

html.dark .paginate_button.current,
html.dark .paginate_button.current:hover {
    background: var(--audit-orange) !important;
    border-color: var(--audit-orange-dark) !important;
    color: #fff !important;
}

html.dark .breadcrumbs li i { color: var(--audit-orange); }

/* ─── Cards do Painel — leve glow laranja no hover ────────────────────────── */

.card-featured-primary:hover {
    box-shadow: 0 8px 18px -8px rgba(224, 128, 37, 0.55);
    transform: translateY(-2px);
    transition: all 0.18s ease-in-out;
}

/* ─── Alerts ───────────────────────────────────────────────────────────────── */

html.dark .alert-info {
    background-color: rgba(224, 128, 37, 0.12);
    border-color: rgba(224, 128, 37, 0.35);
}

/* ─── Modo claro — header/sidebar (fundo da página permanece theme.css) ──── */

html:not(.dark) .header {
    background-color: #fff;
}
html:not(.dark) .sidebar-left {
    background-color: #fff;
    border-right: 1px solid #ecd9c1;
}
html:not(.dark) .nav-main li.nav-active > a {
    background-color: rgba(224, 128, 37, 0.10);
    color: var(--audit-brown);
}

/* ─── Tela de login (body-sign) ────────────────────────────────────────────── */

.body-sign .card-sign .card-title-sign .title {
    background-color: var(--audit-orange) !important;
}

.body-sign .card-sign .card-body {
    border-top-color: var(--audit-orange) !important;
}

html.dark .body-sign .input-group-icon .input-group-addon span.icon {
    color: var(--audit-orange-light);
}

.body-sign .btn-primary {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange) !important;
}

.body-sign .btn-primary:hover,
.body-sign .btn-primary:focus {
    background-color: var(--audit-orange-light) !important;
    border-color: var(--audit-orange-light) !important;
}

/* ─── Page header — título legível no tema escuro ─────────────────────────── */

html.dark header.page-header > h2,
html.dark .page-header h2 {
    border-bottom-color: var(--audit-orange) !important;
    color: #F5F0EA !important;
}

html.dark .page-header .breadcrumbs li,
html.dark .page-header .breadcrumbs a,
html.dark .page-header .breadcrumbs span {
    color: #E8E0D4 !important;
}

.page-header h2 {
    border-bottom-color: var(--audit-orange) !important;
}

html.dark .sidebar-left .sidebar-header .sidebar-title {
    color: #E8E0D4;
}

/* Admin — espaço à direita do breadcrumb (mesmo padrão do módulo auditoria) */
.content-body.card-margin > header.page-header .sidebar-right-toggle {
    pointer-events: none;
    cursor: default;
}

.page-header .sidebar-right-toggle i {
    color: #E8E0D4 !important;
}

.page-header .sidebar-right-toggle:hover {
    color: var(--audit-orange-light) !important;
}

html:not(.dark) .page-header h2 {
    color: #333 !important;
}

html.sidebar-light:not(.dark) .page-header h2 {
    color: #333 !important;
}

/* ─── Skin Porto — reforço global (carregado após default.css) ─────────────── */

.tabs .nav-tabs li.active a,
.tabs .nav-tabs li.active a:hover,
.tabs .nav-tabs li.active a:focus {
    border-top-color: var(--audit-orange) !important;
    color: var(--audit-orange) !important;
}

.tabs .nav-tabs li a:hover {
    color: var(--audit-orange-light) !important;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    background-color: var(--audit-orange) !important;
}

.pagination > .active > a,
.pagination > .active > span,
html .pagination > .active > a,
html body.dark .pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
html .pagination > .active > a:hover,
html body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
html .pagination > .active > a.hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
html .pagination > .active > a:focus,
html body.dark .pagination > .active > a:focus,
.pagination > .active > a:active,
html .pagination > .active > a:active,
html body.dark .pagination > .active > a:active {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.progress-bar-primary {
    background-color: var(--audit-orange) !important;
}

.label-primary {
    background-color: var(--audit-orange) !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--audit-orange) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: var(--audit-orange) !important;
    border-color: var(--audit-orange-dark) !important;
}

.loading-overlay .bounce1,
.loading-overlay .bounce2,
.loading-overlay .bounce3 {
    background-color: var(--audit-orange) !important;
}

html.dark .loading-overlay .bounce1,
html.dark .loading-overlay .bounce2,
html.dark .loading-overlay .bounce3 {
    background-color: var(--audit-orange-light) !important;
}

.circular-bar-chart .percent,
.circular-bar-chart strong {
    color: var(--audit-orange) !important;
}

.accordion .card-header a {
    color: var(--audit-orange) !important;
}

html.dark .accordion .card-header a:hover {
    color: var(--audit-orange-light) !important;
}

.form-group-invisible.focus .control-label-invisible {
    color: var(--audit-orange) !important;
}

html:not(.dark) a:hover,
html:not(.dark) a:focus {
    color: var(--audit-orange-dark);
}