/* Directia vizuala a adminului (P12, docs/ADMIN-UI.md 14): singurul loc cu culori, fonturi, raze, umbre, fundalul si
   tokenii sticlei. Directia aleasa de Razvan (24.10.2026): C „Modern” cu sticla, din macheta preview/admin
   (_sursa/directia-c.css, sticla.css) si nota fundalului (preview/admin/NOTA-P12-sticla.md). admin.css si
   admin-glass.css nu au culori de directie scrise direct (raman doar fundalul alb al codului QR, ca sa poata fi scanat,
   si banda de impersonare). Contrastul perechilor e calculat pe formula WCAG, iar cel de pe sticla masurat pe pixeli
   (docs/sesiuni/P12.md 11). Abatere de la macheta: marginea campului de cautare e --top-field-border, la 3:1 fata de
   fundalul ei, nu #e3e1db (1,2:1), fiindca un camp are nevoie de 3:1 (WCAG 1.4.11). */

/* Fonturile, servite din aplicatie (decizia coordonatorului, 24.10.2026), variabile pe grosime, latin si latin-ext
   (ă, ș, ț sunt in latin-ext). SIL OFL 1.1, licentele langa fisiere, in app/assets/fonts/admin. */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("/assets/admin/plus-jakarta-sans-latin-ext-wght-normal-ff4456f1.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("/assets/admin/plus-jakarta-sans-latin-wght-normal-d2ff26bc.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader"; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("/assets/admin/newsreader-latin-ext-wght-normal-8661244e.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("/assets/admin/newsreader-latin-wght-normal-dd08b472.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Reflexul care urmareste cursorul pe muchia barei laterale: inregistrate fara mostenire, deci se restilizeaza doar inelul. */
@property --mx { syntax: "<length>"; inherits: false; initial-value: 120px; }
@property --my { syntax: "<length>"; inherits: false; initial-value: 0px; }

:is(body.admin, body.platform) {
  /* Textul, fundalurile si marginile. */
  --color-text: #141414;
  --color-text-muted: #55534e;
  --color-page: #f5f4f1;
  --color-surface: #ffffff;
  --color-surface-2: #f7f6f3;
  --color-surface-hover: #f1f0ec;
  --color-border: #e9e7e2;
  --color-border-strong: #8a877f;

  /* In C actiunea principala si accentul sunt acelasi negru; selectia e pastila neagra. */
  --color-primary: #141414;
  --color-primary-hover: #34332f;
  --color-on-primary: #ffffff;
  --color-accent: #141414;
  --color-accent-hover: #000000;
  --color-accent-soft: #ecebe7;
  --color-focus: #141414;
  --color-danger: #b42318;

  /* Insignele si mesajele (ADMIN-UI.md 6 si 9), pe pastelurile directiei. */
  --tone-neutral-bg: #edece8; --tone-neutral-fg: #3f3d39;
  --tone-info-bg: #e8e4f7; --tone-info-fg: #3a2f73;
  --tone-success-bg: #dcefe3; --tone-success-fg: #1b5130;
  --tone-warning-bg: #f6ecd5; --tone-warning-fg: #664200;
  --tone-danger-bg: #fbe2df; --tone-danger-fg: #8a1c1c;

  /* Pastelurile cardurilor de cifre si cardul inchis (informatia principala a ecranului, ADMIN-UI.md 22). */
  --pastel-lav: #e8e4f7; --pastel-mint: #dcefe3; --pastel-cream: #f6ecd5; --pastel-rose: #fbe2df;
  --ink-card: #161616; --ink-text: #f5f4f1; --ink-muted: #c4c1ba; --ink-line: rgb(255 255 255 / 14%);
  --ink-chip: rgb(255 255 255 / 12%); --pastel-chip: rgb(255 255 255 / 72%);

  /* Graficul vanzarilor si schimbarea fata de perioada dinainte (ADMIN-UI.md 23). Linia perioadei dinainte e 3,6:1 pe
     alb (obiect grafic, WCAG 1.4.11); schimbarea are si semn si iconita, nu doar culoare. */
  --chart: #141414; --chart-soft: rgb(20 20 20 / 6%); --chart-prev: #8a877f;
  --delta-up: #1b5130; --delta-down: #8a1c1c; --ink-delta-up: #8fd8a9; --ink-delta-down: #f4a7a0;

  /* Fara sticla (rezerva opaca): bara de sus face corp comun cu panoul de lucru, bara laterala e un panou alb. */
  --top-bg: #f5f4f1; --top-fg: #141414; --top-border: transparent;
  --top-field-bg: #ffffff; --top-field-border: #8a877f; --top-field-fg: #55534e;
  --side-bg: #ffffff; --side-fg: #1c1c1b; --side-fg-2: #5c5a55; --side-border: transparent;
  --side-hover: #f1f0ec; --side-active-bg: #141414; --side-active-fg: #ffffff; --side-mark: #ffffff;
  --side-count-bg: #141414; --side-count-fg: #ffffff;

  /* Bara de salvare (ADMIN-UI.md 15): pastila neagra. */
  --savebar-bg: #141414; --savebar-fg: #ffffff; --savebar-border: rgb(255 255 255 / 40%); --savebar-hover: rgb(255 255 255 / 10%);

  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Newsreader", Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --radius-small: 12px; --radius: 14px; --radius-large: 24px; --radius-panel: 28px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgb(20 20 20 / 4%), 0 10px 30px rgb(20 20 20 / 5%);
  --shadow-feature: 0 14px 34px rgb(20 20 20 / 18%);
  --shadow-control: 0 1px 2px rgb(20 20 20 / 5%);
  --shadow-savebar: 0 12px 32px rgb(0 0 0 / 22%);
  /* In C cardurile n-au margine, doar umbra. */
  --card-border-color: transparent;

  /* Fara sticla, fundalul de sub panouri e gri cald (macheta, directia C). */
  --frame-bg: #e6e4df;

  /* Fundalul de sub rama (NOTA-P12-sticla.md 5, ales de Razvan pe 24.10.2026): Gri-albastru deschis, o singura nuanta,
     stralucire sus-stanga si vigneta. Schema deschisa (data-scheme="light" in layout), text #111111 pe sticla. Indigo si
     Verde sunt optiuni pentru mai tarziu, cu valorile in ADMIN-UI.md 21. */
  --wall-color: #dde5ee;
  --wall-image: radial-gradient(120% 95% at 24% 16%, #f4f7fb 0%, #dde5ee 48%, #bfcbd8 100%);

  /* Sticla pe Gri-albastru: umplerea de sub text 0,20, masurata pe pixeli randati la 15,10:1 pe placa titlului (NOTA 5),
     nu doar calculata. Pe sticla tot textul are o singura culoare, --gl-ink; ierarhia vine din marime si grosime. */
  --gl-tint: 255 255 255; --gl-frost: .20; --gl-icon: .12; --gl-clear: .10; --gl-ink: #111111;
  --gl-line: rgb(127 127 127 / 30%); --gl-hover: rgb(255 255 255 / 30%); --gl-field-border: #6b7580;
  --gl-pill-active: linear-gradient(180deg, rgb(255 255 255 / 97%), rgb(255 255 255 / 88%)); --gl-pill-active-ink: #111111;
  --gl-pill-shadow: 0 6px 16px rgb(20 16 30 / 16%); --gl-inner-edge: inset 0 1px 0 rgb(255 255 255 / 55%);
  --gl-count-bg: #111111; --gl-count-fg: #ffffff;
  /* Interiorul meniului deschis pe telefon, aproape opac (admin-glass.css). */
  --gl-drawer: .86;
  --gl-sheen: linear-gradient(150deg, rgb(255 255 255 / 42%) 0%, rgb(255 255 255 / 10%) 16%, rgb(255 255 255 / 0%) 34%);
  --gl-spec: inset 0 1.5px 0 rgb(255 255 255 / 95%), inset 1.5px 0 0 rgb(255 255 255 / 55%), inset -1px 0 0 rgb(255 255 255 / 22%), inset 0 -1.5px 0 rgb(255 255 255 / 30%), inset 0 -22px 34px -24px rgb(0 0 0 / 22%);
  --gl-spec-pill: inset 0 1.5px 0 rgb(255 255 255 / 95%), inset 1px 0 0 rgb(255 255 255 / 50%), inset 0 -1px 0 rgb(255 255 255 / 30%), inset 0 -10px 16px -12px rgb(0 0 0 / 22%);
  --gl-drop: 0 30px 70px rgb(20 16 30 / 22%), 0 4px 14px rgb(20 16 30 / 10%);
  --gl-glint: rgb(255 255 255 / 95%);
  --gl-filter-panel: blur(4px) saturate(190%);
  --gl-filter-pill: blur(2px) saturate(190%);
  /* Fara backdrop-filter: aceeasi rama, mata (NOTA 4). */
  --gl-matte-frame: .9; --gl-matte-pill: .92;
}
/* Refractia (filtrele SVG din layout) doar in Chromium, unde backdrop-filter accepta url(); controllerul admin-glass
   pune data-refract. In rest, blur si reflexe. */
:is(body.admin, body.platform)[data-refract="on"] {
  --gl-filter-panel: url(#lg-panel) blur(4px) saturate(190%);
  --gl-filter-pill: url(#lg-pill) blur(2px) saturate(190%);
}