/*
 * TomatoPHP theme for Filament: brand palette (https://tomatophp.com/en/brand)
 * with screen-line styling: paper/ink grounds and hairline borders instead of shadows.
 */
:root {
    --tp-brand: #d64524;
    --tp-accent: #4e9a3e;
    --tp-ink: #0b1429;
    --tp-paper: #f0ebe1;
    --tp-border: #ded5c4;
    --tp-surface: #f7f3ec;
    --tp-pattern: color-mix(in oklab, var(--tp-border) 72%, transparent);
}

.dark {
    --tp-border: #25355c;
    --tp-surface: #101b36;
    --tp-pattern: color-mix(in oklab, var(--tp-border) 56%, transparent);
}

.fi-body {
    background-color: var(--tp-paper);
}

.dark .fi-body {
    background-color: var(--tp-ink);
}

.fi-simple-main {
    background-color: var(--tp-surface);
    border: 1px solid var(--tp-border);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-topbar > nav,
.fi-topbar {
    background-color: var(--tp-surface);
    border-bottom: 1px solid var(--tp-border);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-sidebar,
.fi-sidebar-header {
    background-color: var(--tp-surface);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-sidebar {
    border-inline-end: 1px solid var(--tp-border);
}

/* Brand guide: Brand is the action color, so primary buttons use it exactly in both modes
   instead of Filament's contrast-picked lighter shade. */
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined) {
    background-color: var(--tp-brand);
    color: #fff;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):hover {
    background-color: color-mix(in oklab, var(--tp-brand) 85%, var(--tp-ink));
    color: #fff;
}

.fi-btn.fi-color.fi-color-primary:not(.fi-outlined) > .fi-icon {
    color: currentColor;
}

/* Dropdowns (user menu, action groups, filters): surface ground with hairlines, no shadow. */
.fi-dropdown-panel {
    background-color: var(--tp-surface);
    border: 1px solid var(--tp-border);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-dropdown-panel,
.fi-dropdown-panel * {
    border-color: var(--tp-border);
}

.fi-dropdown-header,
.fi-dropdown-list-item:not(.fi-disabled):hover,
.fi-dropdown-list-item:not(.fi-disabled):focus-visible {
    background-color: color-mix(in oklab, var(--tp-border) 45%, transparent);
}

.fi-theme-switcher {
    background-image: repeating-linear-gradient(315deg, var(--tp-pattern) 0, var(--tp-pattern) 1px, transparent 0, transparent 50%);
    background-size: 10px 10px;
}

.fi-theme-switcher-btn:hover {
    background-color: color-mix(in oklab, var(--tp-border) 60%, transparent);
}

.fi-theme-switcher-btn.fi-active {
    background-color: color-mix(in oklab, var(--tp-brand) 14%, var(--tp-surface));
    color: var(--tp-brand);
    outline: 1px solid color-mix(in oklab, var(--tp-brand) 45%, transparent);
    outline-offset: -1px;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-modal-window {
    background-color: var(--tp-surface);
    border: 1px solid var(--tp-border);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}