/*
 * "Refined Minimalism" layer for the Filament admin panel: Inter, zinc neutrals,
 * one indigo accent, light 1px borders, 6/8/12px radii and quiet shadows.
 * Plain CSS on top of Filament's stylesheet, so no extra build tooling is needed.
 */

@font-face { font-family: 'Inter'; src: url('../fonts/Inter-Medium.ttf') format('truetype'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-Bold.ttf') format('truetype'); font-weight: 700 800; font-display: swap; }

:root {
    --rm-border: rgb(228 228 231);          /* zinc-200 */
    --rm-border-strong: rgb(212 212 216);   /* zinc-300 */
    --rm-surface: #ffffff;
    --rm-canvas: rgb(250 250 250);          /* zinc-50 */
    --rm-shadow: 0 1px 2px 0 rgb(24 24 27 / 0.04);
    --rm-ease: 160ms cubic-bezier(0.2, 0, 0, 1);
}

.dark {
    --rm-border: rgb(39 39 42);             /* zinc-800 */
    --rm-border-strong: rgb(63 63 70);      /* zinc-700 */
    --rm-surface: rgb(24 24 27);            /* zinc-900 */
    --rm-canvas: rgb(9 9 11);               /* zinc-950 */
    --rm-shadow: none;
}

body.fi-body {
    background-color: var(--rm-canvas);
    font-feature-settings: 'cv11' 1, 'ss01' 1;
    letter-spacing: -0.006em;
}

/* Sidebar and top bar: flat surfaces separated by a hairline */
.fi-sidebar,
.fi-sidebar-header {
    background-color: var(--rm-surface) !important;
}

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

.fi-sidebar-header,
.fi-topbar > nav {
    box-shadow: none !important;
    border-bottom: 1px solid var(--rm-border);
    --tw-ring-shadow: 0 0 #0000 !important;
}

.fi-topbar > nav {
    background-color: color-mix(in srgb, var(--rm-surface) 92%, transparent);
    backdrop-filter: none;
}

.fi-sidebar-item-button {
    border-radius: 8px;
    transition: background-color var(--rm-ease), color var(--rm-ease);
}

.fi-sidebar-group-label {
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Cards: sections, tables, widgets, modals */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-wi-widget > .fi-section,
.fi-fo-tabs,
.fi-in-section,
.fi-simple-main {
    border-radius: 12px !important;
    box-shadow: var(--rm-shadow) !important;
    --tw-ring-color: var(--rm-border) !important;
}

.fi-modal-window {
    border-radius: 12px !important;
}

.fi-section-header-heading,
.fi-header-heading {
    letter-spacing: -0.015em;
}

.fi-header-heading {
    font-weight: 600 !important;
}

/* Tables: quieter header, tabular numbers */
.fi-ta-header-cell {
    background-color: transparent !important;
}

.fi-ta-header-cell-label {
    font-size: 0.75rem;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    color: rgb(113 113 122) !important; /* zinc-500 */
}

.fi-ta-cell,
.fi-wi-stats-overview-stat-value {
    font-variant-numeric: tabular-nums;
}

.fi-ta-row {
    transition: background-color var(--rm-ease);
}

/* Inputs 6px, buttons and badges 8px / 6px */
.fi-input-wrp,
.fi-select-input,
.fi-fo-file-upload .filepond--panel-root {
    border-radius: 6px !important;
}

.fi-btn,
.fi-icon-btn,
.fi-dropdown-panel,
.fi-tabs {
    border-radius: 8px !important;
}

.fi-btn {
    transition: background-color var(--rm-ease), box-shadow var(--rm-ease), color var(--rm-ease);
    box-shadow: none !important;
}

.fi-badge {
    border-radius: 6px !important;
}

/* Login screen */
.fi-simple-layout {
    background-color: var(--rm-canvas);
}

.fi-logo {
    letter-spacing: -0.02em;
    font-weight: 700 !important;
}