/*
 * Θέμα εμφάνισης Ι.Π.Ε. — προσαρμογή του προτύπου NYLC.
 *
 * Το λογότυπο (σταυρός) είναι μονόχρωμο μπρούντζος/λαδί, άρα δεν δίνει δύο
 * χρώματα ταυτότητας. Κρατάμε το μπορντό που είχε ήδη η εφαρμογή ως κύριο
 * («πάτα εδώ / είσαι εδώ») και τον μπρούντζο του σταυρού ως «υπογραφή»
 * (λεπτές γραμμές). Το κεχριμπαρί μένει ΜΟΝΟ για προειδοποιήσεις.
 *
 * Κάθε κανόνας διαβάζει μεταβλητή και ποτέ σταθερό χρώμα: το στυλ του Filament
 * είναι σε @layer components, οπότε ό,τι γράφουμε εδώ κερδίζει και στο
 * σκοτεινό θέμα — ένα σταθερό χρώμα θα έσπαγε το ένα από τα δύο θέματα.
 */

:root {
    --ipe-primary: #8a2a3c;
    --ipe-bronze: #8a7048;

    --ipe-page: #f6f3ee;
    --ipe-chrome: #fbf9f6;
    --ipe-surface: #ffffff;
    --ipe-surface-alt: #faf8f4;
    --ipe-line: #e4ddd2;
    --ipe-line-soft: #eee9e0;
    --ipe-hover: #f4eee4;
    --ipe-active-bg: #f6e7ea;
    --ipe-active-ink: #6e1f2f;
    --ipe-bronze-soft: #f1ebde;
    --ipe-bronze-ink: #6a5430;
    --ipe-well: #efe9de;
    --ipe-radius: 0.75rem;
    /* Ζεστή σκιά: γκρι σκιά πάνω σε κρεμ φαίνεται βρόμικη. */
    --ipe-shadow: 0 1px 2px rgb(66 52 20 / .06), 0 1px 1px rgb(66 52 20 / .03);
}

.dark {
    --ipe-bronze: #b89c6a;
    --ipe-page: #17120f;
    --ipe-chrome: #1b1512;
    --ipe-surface: #221b17;
    --ipe-surface-alt: #2a211c;
    --ipe-line: rgb(214 190 170 / .16);
    --ipe-line-soft: rgb(214 190 170 / .09);
    --ipe-hover: rgb(214 190 170 / .07);
    --ipe-active-bg: rgb(190 80 100 / .2);
    --ipe-active-ink: #f2c4cc;
    --ipe-bronze-soft: rgb(184 156 106 / .15);
    --ipe-bronze-ink: #dcc48e;
    --ipe-well: #140f0c;
    --ipe-shadow: 0 1px 2px rgb(0 0 0 / .3);
}

/* Πυκνότητα: μία μεταβλητή συμπυκνώνει όλη τη διεπαφή χωρίς να αλλάξουν τα
   μεγέθη γραμμάτων. Όχι κάτω από 0.19rem: εικονίδια και checkbox μικραίνουν
   πολύ για αφή. */
.fi-body {
    --spacing: 0.2rem;
    --topbar-height: 3.5rem;
    background-color: var(--ipe-page);
}

/* Πάνω μπάρα με λεπτή γραμμή μπρούντζου από κάτω */
.fi-topbar,
.fi-topbar > nav {
    background-color: var(--ipe-chrome);
}
.fi-topbar > nav {
    box-shadow: inset 0 -1px 0 var(--ipe-line),
        0 1px 0 color-mix(in srgb, var(--ipe-bronze) 55%, transparent);
}

.fi-sidebar,
.fi-sidebar-nav {
    background-color: var(--ipe-chrome);
}
.fi-sidebar-nav {
    row-gap: 1.25rem;
    padding: 1.25rem 0.875rem;
}
.fi-sidebar-group-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--gray-500);
}
.fi-sidebar-item-button {
    font-size: 0.8125rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.5rem;
}
/* Ενεργό στοιχείο: σκιά και όχι border, ώστε να μη μετακινείται το κείμενο */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-color: var(--ipe-active-bg);
    color: var(--ipe-active-ink);
    box-shadow: inset 3px 0 0 var(--ipe-bronze);
}

/* Κάρτες: ένα «χαρτί» για πίνακες, ενότητες, στατιστικά */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-wi-chart,
.fi-sc-tabs {
    background-color: var(--ipe-surface);
    border-radius: var(--ipe-radius);
    box-shadow: 0 0 0 1px var(--ipe-line), var(--ipe-shadow);
}
.fi-section-header-heading {
    font-size: 0.9375rem;
}
.fi-header-heading {
    font-size: 1.375rem;
    line-height: 1.875rem;
}

.fi-input-wrp {
    background-color: var(--ipe-surface);
    border-radius: 0.5rem;
}
.fi-btn {
    border-radius: 0.5rem;
}

/* Πίνακες: γραμμή ~34px */
.fi-ta-header-cell {
    background-color: var(--ipe-surface-alt);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--gray-600);
}
.dark .fi-ta-header-cell {
    color: var(--gray-300);
}
.fi-ta-cell {
    font-size: 0.8125rem;
}
.fi-ta-cell > * {
    padding-block: 0.5rem;
}
.fi-ta-row {
    border-color: var(--ipe-line-soft);
}
.fi-ta-row:hover {
    background-color: var(--ipe-hover);
}
.fi-ta-row.fi-selected {
    background-color: var(--ipe-active-bg);
}
.fi-ta-table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, var(--ipe-surface-alt) 55%, transparent);
}
/* Αριθμοί: ευθυγραμμίζονται τα ψηφία */
.fi-ta-text-item,
.fi-in-text-item {
    font-variant-numeric: tabular-nums;
}

/* Καρτέλες λίστας: «χάπια» */
.fi-tabs:not(.fi-contained) .fi-tabs-item {
    border-radius: 999px;
    padding: 0.3125rem 0.875rem;
    font-size: 0.8125rem;
}
.fi-tabs:not(.fi-contained) .fi-tabs-item.fi-active {
    background-color: var(--ipe-active-bg);
    color: var(--ipe-active-ink);
}
.fi-tabs:not(.fi-contained) .fi-tabs-item:hover {
    background-color: var(--ipe-hover);
}

:focus-visible {
    outline: 2px solid var(--ipe-primary);
    outline-offset: 2px;
}
.dark :focus-visible {
    outline-color: var(--ipe-active-ink);
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* Σύνδεση: κρεμ σελίδα, κάρτα με γραμμή μπρούντζου 3px επάνω */
.fi-simple-layout {
    background-color: var(--ipe-page);
}
.fi-simple-main {
    border-radius: var(--ipe-radius);
    box-shadow: 0 0 0 1px var(--ipe-line), var(--ipe-shadow);
    border-top: 3px solid var(--ipe-bronze);
}