/* Stratul de sticla al directiei C (P12, docs/ADMIN-UI.md 21), dupa macheta (preview/admin/_sursa/sticla.css) si nota
   fundalului (preview/admin/NOTA-P12-sticla.md). Doar pe rama: bara laterala, banda barei de sus si pastilele ei.
   Panoul de lucru ramane opac: ecranele adminului au text, tabele si formulare direct pe pagina, nu doar in carduri, iar
   pe sticla ar depinde de fundal (abatere de la macheta, unde placa titlului e si ea sticla). Culorile si umplerile sunt
   tokeni in admin-theme.css. Rezervele: „Reduce transparency” si „Increase contrast” intorc directia C opaca, iar fara
   backdrop-filter rama e mata. */

@media not ((prefers-reduced-transparency: reduce) or (prefers-contrast: more)) {
  body.admin[data-glass="on"] { background-color: var(--wall-color); background-image: var(--wall-image); background-size: cover; background-attachment: fixed; }

  /* Rama: bara laterala si banda de sus, aproape limpezi, cu muchii speculare si refractie (Chromium). */
  body.admin[data-glass="on"] :is(.sidebar-nav, .topbar) {
    background: var(--gl-sheen), rgb(var(--gl-tint) / var(--gl-clear));
    -webkit-backdrop-filter: blur(4px) saturate(190%); backdrop-filter: var(--gl-filter-panel);
    color: var(--gl-ink);
  }
  body.admin[data-glass="on"] .sidebar-nav { box-shadow: var(--gl-spec), var(--gl-drop); }
  body.admin[data-glass="on"] .topbar { box-shadow: var(--gl-spec); }

  /* Reflexul care urmareste cursorul: un inel de lumina pe muchia barei laterale (--mx, --my din admin-glass). */
  body.admin[data-glass="on"] .sidebar-nav::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; padding: 1.5px;
    background: radial-gradient(260px circle at var(--mx) var(--my), var(--gl-glint), transparent 70%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  }

  /* Interiorul barei laterale: mat, sub text. Pe sticla tot textul are culoarea --gl-ink. */
  body.admin[data-glass="on"] .sidebar-nav { padding: 10px; }
  body.admin[data-glass="on"] .side-inner { background: rgb(var(--gl-tint) / var(--gl-frost)); border-radius: 22px; padding: 12px 8px; box-shadow: var(--gl-inner-edge); }
  body.admin[data-glass="on"] .sidebar-nav :is(.side-brand, .nav-link, .nav-group-title, .nav-link svg.i, .nav-group-title svg.i) { color: var(--gl-ink); }
  body.admin[data-glass="on"] .sidebar-nav .nav-group-title + ul .nav-link { font-weight: 500; }
  body.admin[data-glass="on"] .sidebar-nav .side-brand { border-color: var(--gl-line); }
  body.admin[data-glass="on"] .sidebar-nav .nav-group-title + ul::before { background: var(--gl-ink); opacity: .55; }
  body.admin[data-glass="on"] .sidebar-nav .nav-link:hover { background: var(--gl-hover); color: var(--gl-ink); }
  /* Pastila activa: sticla groasa, aproape alba, cu muchii speculare. */
  body.admin[data-glass="on"] .sidebar-nav .nav-link[aria-current="page"] {
    background: var(--gl-pill-active); color: var(--gl-pill-active-ink); box-shadow: var(--gl-spec-pill), var(--gl-pill-shadow);
  }
  body.admin[data-glass="on"] .sidebar-nav .nav-link[aria-current="page"] svg.i { color: var(--gl-pill-active-ink); }
  body.admin[data-glass="on"] .sidebar-nav .nav-link .count,
  body.admin[data-glass="on"] .sidebar-nav .nav-link[aria-current="page"] .count { background: var(--gl-count-bg); color: var(--gl-count-fg); }
  body.admin[data-glass="on"] .sidebar-nav .brand-mark { background: var(--gl-pill-active); color: var(--gl-pill-active-ink); box-shadow: var(--gl-spec-pill); }

  /* Bara de sus: pastile de sticla cu refractie proprie. */
  body.admin[data-glass="on"] .topbar :is(.topbar-shop, .topbar-email, .btn-link) { color: var(--gl-ink); }
  body.admin[data-glass="on"] .topbar :is(#top_q, .topbar-user, .nav-toggle) {
    background: rgb(var(--gl-tint) / var(--gl-frost)); color: var(--gl-ink); border-color: var(--gl-field-border);
    -webkit-backdrop-filter: blur(2px) saturate(190%); backdrop-filter: var(--gl-filter-pill);
    box-shadow: var(--gl-spec-pill), var(--gl-pill-shadow);
  }
  body.admin[data-glass="on"] .topbar #top_q::placeholder { color: var(--gl-ink); }
  /* Campul de cautare fara refractie (QA P16): pe pastila lata, deplasarea filtrului #lg-pill (scale 26) ia in coltul de
     stanga sus pixeli din afara marginii rotunjite si lasa un punct gri. Raman blur-ul si reflexele, ca la browserele fara url(). */
  body.admin[data-glass="on"] .topbar #top_q { --gl-filter-pill: blur(2px) saturate(190%); }
  body.admin[data-glass="on"] .topbar :is(.top-search svg.i, .top-search-key) { color: var(--gl-ink); border-color: var(--gl-line); }

  /* Focusul pe sticla are culoarea textului de pe ea, ca sa se vada pe fundal. */
  body.admin[data-glass="on"] :is(.sidebar-nav, .topbar) :focus-visible { outline-color: var(--gl-ink); }

  /* Bara de salvare: pastila neagra de sticla, cat e pe ecran. */
  body.admin[data-glass="on"] .savebar { -webkit-backdrop-filter: blur(14px) saturate(190%); backdrop-filter: blur(14px) saturate(190%); }

  /* Telefon: banda de sus pe toata latimea; interiorul meniului deschis e aproape opac, ca pe orice fundal ales de
     comerciant textul sa ramana lizibil pe toata lungimea listei. */
  @media (max-width: 59.99rem) {
    body.admin[data-glass="on"] .topbar { border-radius: 0; }
    /* Inelul de lumina (::after) are nevoie de un parinte pozitionat; pe ecrane late bara e sticky, aici e in flux. */
    body.admin[data-glass="on"] .admin-shell:not([data-nav-open]) .sidebar-nav { position: relative; }
    body.admin[data-glass="on"] .admin-shell[data-nav-ready][data-nav-open] .side-inner { background: rgb(var(--gl-tint) / var(--gl-drawer)); }
  }
}

/* Fara backdrop-filter (browsere vechi): aceeasi rama, mata, ca textul sa ramana lizibil. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.admin[data-glass="on"] :is(.sidebar-nav, .topbar) { background: rgb(var(--gl-tint) / var(--gl-matte-frame)); }
  body.admin[data-glass="on"] .topbar :is(#top_q, .topbar-user, .nav-toggle) { background: rgb(var(--gl-tint) / var(--gl-matte-pill)); }
}

body.admin .glass-filters { position: absolute; width: 0; height: 0; overflow: hidden; }