/*
 * Aspectul aplicatiei vechi.
 *
 * Se incarca numai pentru cine are pusa interfata veche pe contul lui. Vezi
 * [App\Support\Interfata].
 *
 * Oamenii lucreaza de ani de zile in aplicatia veche si nu s-au intors in cea
 * noua. Clientul a cerut sa regaseasca acelasi aspect, ca sa nu para alta
 * aplicatie. Niciun ecran nu s-a rescris: se schimba doar ce se vede dintr-o
 * privire, si se schimba prin variabilele temei, nu prin clase ghicite. O
 * variabila tine cat tine tema; o clasa ghicita se rupe la prima actualizare de
 * Filament.
 *
 * Toate valorile vin din „src/theme/index.ts" al aplicatiei vechi, nu potrivite
 * din ochi:
 *
 *   literele    „-apple-system, Segoe UI, Helvetica, Arial", adica fontul
 *               sistemului, nu Inter. Pe Windows iese Segoe UI, exact ce vad ei
 *               acum. Asta singura schimba cel mai mult senzatia
 *   culoarea    „palette.primary.main: #5664d2"
 *   fondul      „background.default: #f4f5f7", cu panourile albe
 *   scrisul     „text.primary: #172b4d", bleumarin, nu negru
 *   colturile   mici, de patru pixeli, nu rotunjite ca la Filament
 *   umbra       „lightShadows[1]" din tema lor
 */

:root {
    /*
     * Indigoul lor, „#5664d2". Scara e scrisa de mana, in jurul lui: culoarea
     * sta la tonul 600, cel cu care se umplu butoanele, si da 5,06 contrast cu
     * albul, peste pragul de 4,5.
     */
    --primary-50: oklch(0.975 0.010 274.05);
    --primary-100: oklch(0.940 0.028 274.05);
    --primary-200: oklch(0.890 0.055 274.05);
    --primary-300: oklch(0.815 0.092 274.05);
    --primary-400: oklch(0.720 0.132 274.05);
    --primary-500: oklch(0.640 0.155 274.05);
    --primary-600: oklch(0.5506 0.1683 274.05);
    --primary-700: oklch(0.470 0.145 274.05);
    --primary-800: oklch(0.410 0.125 274.05);
    --primary-900: oklch(0.365 0.108 274.05);
    --primary-950: oklch(0.270 0.085 274.05);

    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

    /* Fondul paginii. Filament il ia din „--gray-50". */
    --gray-50: #f4f5f7;

    /* Scrisul obisnuit. Filament il ia din „--gray-950". */
    --gray-950: #172b4d;

    --radius-lg: 0.25rem;
    --radius-xl: 0.375rem;
}

/*
 * Panourile: alb, colt mic si o umbra abia vizibila, ca la ei. Umbra e chiar
 * „lightShadows[1]" din tema veche.
 */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.12), 0 0 0 1px rgb(0 0 0 / 0.05);
}

:where(.dark) .fi-section,
:where(.dark) .fi-ta-ctn,
:where(.dark) .fi-wi-stats-overview-stat {
    box-shadow: none;
}

/* Bara de sus, plina, cu sigla in ea
   --------------------------------------------------------------------------
   Asta e lucrul care se vede din prima si care lipsea: in aplicatia veche bara
   de sus e umpluta cu culoarea marcii, „backgroundColor: palette.primary.main"
   din „DashboardNavbar.tsx", inalta de 64 de pixeli si fara umbra, cu sigla in
   ea. La Filament bara e alba.

   Se coloreaza amandoua bucatile, bara si coltul in care sta sigla, ca sa iasa
   o banda continua peste toata latimea, ca la ei. Sunt doua elemente separate
   pentru ca Filament tine sigla in meniu, nu in bara. */

.fi-topbar,
.fi-sidebar-header {
    background-color: var(--primary-600);
    box-shadow: none;
}

/*
 * Tot ce sta pe banda devine alb: scris, iconite, sigla.
 *
 * Mai putin ce sta in meniul care se deschide de sub avatar. Filament il
 * deseneaza inauntrul barei, dar el cade peste pagina, pe alb, si albul pe alb
 * nu se vede: asa disparuse comutatorul de tema dintre „Contul meu" si
 * „Deconectare".
 */
.fi-topbar :is(a, button, .fi-icon):not(.fi-dropdown-panel *),
.fi-topbar > *:not(.fi-dropdown-panel),
.fi-sidebar-header .axiotas-brand-name {
    color: rgb(255 255 255);
}

.fi-topbar .fi-icon-btn:not(.fi-dropdown-panel *):hover,
.fi-topbar .fi-icon-btn:not(.fi-dropdown-panel *):focus-visible {
    background-color: rgb(255 255 255 / 0.12);
}

/*
 * Casuta de cautare sta pe banda colorata, deci nu mai poate fi alba pe alb.
 * Devine o adancitura in banda, cu scris alb.
 */
.fi-topbar .fi-input-wrp:not(.fi-dropdown-panel *) {
    background-color: rgb(255 255 255 / 0.14);
    box-shadow: none;
}

.fi-topbar .fi-input-wrp:not(.fi-dropdown-panel *) input {
    color: rgb(255 255 255);
}

.fi-topbar .fi-input-wrp:not(.fi-dropdown-panel *) input::placeholder {
    color: rgb(255 255 255 / 0.75);
}

/* Semnul rosu de sub marca nu se vede pe indigo. Pe banda devine alb. */
.fi-sidebar-header .axiotas-brand-name::after {
    background-color: rgb(255 255 255 / 0.85);
}