/* Filament 3: camada visual sem substituir componentes ou utilitários. */
:root {
    --zy-accent: #ff5a1f;
    --zy-canvas: #f5f6f8;
    --zy-surface: #fff;
    --zy-ink: #171b20;
    --zy-muted: #667085;
    --zy-line: #e7e9ee;
    --zy-radius: 1rem;
}
.dark {
    --zy-canvas: #0b0e11;
    --zy-surface: #111519;
    --zy-ink: #f4f5f7;
    --zy-muted: #a0a8b4;
    --zy-line: #262d35;
}
.fi-body { background: var(--zy-canvas); color: var(--zy-ink); }
.zy-brand { display: inline-flex; align-items: center; gap: .7rem; text-align: left; }
.zy-brand-logo { width: 150px; height: auto; }
.fi-topbar > nav { background: var(--zy-surface); border-bottom: 1px solid var(--zy-line); box-shadow: none; }
.fi-sidebar { background: var(--zy-surface); border-right: 1px solid var(--zy-line); }
.fi-sidebar-header { background: var(--zy-surface); box-shadow: none; border-bottom: 1px solid var(--zy-line); }
.fi-sidebar-nav { padding-top: 1.5rem; }
.fi-sidebar-group-label { font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--zy-muted); }
.fi-sidebar-item-button { border-radius: .65rem; transition: background-color 150ms ease; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-button { background: #ff5a1f12; box-shadow: inset 3px 0 0 var(--zy-accent); }
.fi-sidebar-item.fi-active .fi-sidebar-item-label { color: var(--zy-ink); font-weight: 700; }
.fi-header-heading { letter-spacing: -.035em; }
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-simple-main {
    background: var(--zy-surface);
    border-radius: var(--zy-radius);
    box-shadow: 0 2px 8px #00000003;
    border: 1px solid var(--zy-line);
}
.fi-section-header { border-bottom-color: var(--zy-line); }
.fi-wi-stats-overview-stat-value { letter-spacing: -.035em; font-weight: 700; }
.fi-ta-header-heading, .fi-section-header-heading { letter-spacing: -.02em; }
.fi-ta-header-cell { background: var(--zy-canvas); }
.fi-input-wrp { border-radius: .65rem; }
.fi-btn { border-radius: .65rem; }
.fi-tabs { box-shadow: none; border: 1px solid var(--zy-line); }
.fi-simple-layout { background: var(--zy-canvas); }
.fi-simple-main { border-top: 3px solid var(--zy-accent); }
.dark .fi-section, .dark .fi-ta-ctn, .dark .fi-wi-stats-overview-stat, .dark .fi-simple-main {
    background: var(--zy-surface);
}
.dark .fi-topbar > nav, .dark .fi-sidebar-header { background: var(--zy-surface); }
.fi-simple-header-heading { letter-spacing: -.03em; }
@media (max-width: 639px) {
    .fi-simple-main { margin-inline: 1rem; width: calc(100% - 2rem); padding: 1.75rem 1.5rem; }
}
@media (min-width: 1024px) {
    .fi-main { padding-top: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .fi-sidebar-item-button { transition: none; }
}
@media print {
    .fi-body { background: #fff; }
}