/* Tema Titanium — reforço visual light/dark */

:root {
    --titanium-black: #0D0D0F;
    --titanium-black-1: #111113;
    --titanium-black-2: #141416;
    --titanium-black-3: #191919;
    --titanium-black-4: #202020;
    --titanium-black-5: #212121;
    --titanium-black-6: #222222;
    --titanium-slate: #333232;
    --titanium-gray: #B0B0B0;
    --titanium-turquoise: #B9FFF6;
    --titanium-cyan: #D2FEF6;
    --titanium-smoke: #F3F4F6;
}

.dark {
    color-scheme: dark;
}

.dark .fi-body {
    background-color: var(--titanium-black) !important;
}

.dark .fi-sidebar {
    background-color: var(--titanium-black-1);
}

.dark .fi-topbar {
    background-color: var(--titanium-black-2);
}

.dark .fi-section,
.dark .fi-wi-stats-overview-stat,
.dark .fi-ta-ctn,
.dark .fi-fo-wizard-header,
.dark .fi-modal-window {
    background-color: var(--titanium-black-2);
}

.dark .fi-btn-primary,
.dark .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-btn-color-gray) {
    color: var(--titanium-black) !important;
}

/* Funil kanban no dark */
.dark .fi-funil__column {
    background: var(--titanium-black-2);
    border-color: var(--titanium-black-4);
}

.dark .fi-funil__column-header {
    background: var(--titanium-black-3);
    border-color: var(--titanium-black-4);
}

.dark .fi-funil__column-count {
    background: rgba(185, 255, 246, 0.15);
    color: var(--titanium-turquoise);
}

.dark .fi-funil__card {
    background: var(--titanium-black-4);
    border-color: var(--titanium-black-6);
}

.dark .fi-funil__card:hover {
    border-color: var(--titanium-turquoise);
}

.dark .fi-funil__card-title:hover {
    color: var(--titanium-turquoise);
}

/* Formulários de recursos em largura total */
.fi-page.fi-resource-create-record-page .fi-sc,
.fi-page.fi-resource-edit-record-page .fi-sc,
.fi-page.fi-resource-view-record-page .fi-sc {
    max-width: none;
}

.fi-page.fi-resource-create-record-page .fi-section,
.fi-page.fi-resource-edit-record-page .fi-section {
    width: 100%;
}

/* Login: logo maior, sem depender do heading */
.fi-simple-layout .fi-simple-header .fi-logo {
    height: 4.5rem !important;
    width: auto;
    margin-inline-start: 0;
    margin-bottom: 0;
}
