/* RAMILUCK OFFICE – temă „Futurist” (se încarcă peste admin.css când este aleasă în Setări)
   Fundal bleumarin-negru, suprafețe de sticlă, accente cyan → violet, strălucire discretă. */
:root{
  --bg:#05070f; --surface:rgba(17,22,40,.72); --surface-2:rgba(255,255,255,.035); --line:rgba(148,163,255,.12); --line-2:rgba(148,163,255,.22);
  --ink:#e8ebf7; --ink-2:#b4bbd3; --muted:#7e87a6;
  --green:#22d3ee; --green-600:#22d3ee; --green-900:#0b1022; --green-50:rgba(34,211,238,.10);
  --gold:#a78bfa; --gold-50:rgba(139,92,246,.12);
  --warn:#fbbf24; --warn-50:rgba(251,191,36,.10); --danger:#fb7185; --danger-50:rgba(251,113,133,.10); --info:#60a5fa; --info-50:rgba(96,165,250,.10);
  --grad:linear-gradient(90deg,#22d3ee 0%,#6366f1 55%,#a855f7 100%);
  --shadow:0 0 0 1px rgba(148,163,255,.06),0 18px 40px -18px rgba(0,0,0,.7);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --display:"Space Grotesk","Inter",sans-serif;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--ink);
  background-image:radial-gradient(900px 500px at 85% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(34,211,238,.10),transparent 60%);background-attachment:fixed}
.display{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.eyebrow{color:#22d3ee}
a{color:#67e8f9}

/* identitate */
.brand-mark{background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#05070f;box-shadow:0 0 22px rgba(99,102,241,.55);font-family:var(--display)}
.brand-text em{color:#a5b4fc}

/* bară laterală */
.sidebar{background:rgba(7,10,22,.92);border-right:1px solid var(--line);backdrop-filter:blur(16px);
  background-image:radial-gradient(120% 50% at 0% 0%,rgba(34,211,238,.10),transparent 60%),radial-gradient(120% 50% at 100% 100%,rgba(139,92,246,.12),transparent 60%)}
.nav-group{color:#5b6488}
.nav-item{color:#aab2cc}
.nav-item:hover{background:rgba(148,163,255,.07);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(34,211,238,.14),rgba(139,92,246,.10));color:#fff;box-shadow:inset 2px 0 0 #22d3ee}
.nav-item.active .ic{color:#22d3ee}

/* bara de sus */
.topbar{background:rgba(5,7,15,.72);border-bottom:1px solid var(--line)}
.icon-btn{background:var(--surface);border-color:var(--line);color:var(--ink)}
.avatar{background:rgba(34,211,238,.10);color:#67e8f9;border-color:rgba(34,211,238,.3)}
.dropdown{background:#0d1226;border-color:var(--line)}
.dropdown a:hover,.dropdown button:hover{background:rgba(148,163,255,.08)}

/* carduri de sticlă */
.card,.kpi,.tile,.report-filters,.occ,.org-card,.success-box{background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.card:hover,.tile:hover{border-color:rgba(34,211,238,.35)}
.kpi::after{background:var(--grad)}
.kpi-warn::after{background:linear-gradient(180deg,#fbbf24,#f97316)}
.kpi-gold::after{background:linear-gradient(180deg,#a855f7,#6366f1)}
.kpi-value{font-family:var(--display);background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi-sub{color:#67e8f9}

/* butoane */
.btn{background:rgba(255,255,255,.04);border-color:var(--line-2);color:var(--ink)}
.btn:hover{background:rgba(255,255,255,.08)}
.btn-primary{background:var(--grad);border:0;color:#05070f;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 26px -8px rgba(99,102,241,.75)}
.btn-primary:hover{filter:brightness(1.08);background:var(--grad)}
.btn-ghost{background:transparent}
.btn-danger-ghost{border-color:rgba(251,113,133,.35);color:#fb7185}
.link{color:#67e8f9}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline-color:#22d3ee}

/* formulare */
.field input,.field select,.field textarea,.toolbar input,.toolbar select,.ac-input,.sub-form input,.sub-form textarea,.inline-form input,.role-row select,
.perm-row select,table.mini input,.week-row input[type=time]{background:rgba(5,8,20,.7);color:var(--ink);border-color:var(--line-2)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.15)}
select option{background:#0d1226;color:var(--ink)}
.field{color:var(--ink-2)}
.check input,.radio-card input{accent-color:#22d3ee}
.chip span{background:rgba(5,8,20,.6);border-color:var(--line-2);color:var(--ink-2)}
.chip input:checked+span{background:rgba(34,211,238,.12);border-color:#22d3ee;color:#a5f3fc}
.radio-card{border-color:var(--line)}
.radio-card:has(input:checked){border-color:#22d3ee;background:rgba(34,211,238,.08)}
.sticky-actions{background:linear-gradient(transparent,rgba(13,18,36,.95) 30%)}
.ac-list{background:#0d1226;border-color:var(--line)}
.ac-list button{color:var(--ink)}
.ac-list button:hover,.ac-list button.on{background:rgba(34,211,238,.10)}
details.sched,.perm-group,.record{border-color:var(--line)}

/* alerte, etichete */
.alert-success{background:rgba(34,211,238,.08);color:#a5f3fc;border-color:rgba(34,211,238,.25)}
.alert-error{background:rgba(251,113,133,.08);color:#fda4af;border-color:rgba(251,113,133,.3)}
.alert-info{background:rgba(96,165,250,.08);color:#bfdbfe;border-color:rgba(96,165,250,.25)}
.alert-warning{background:rgba(251,191,36,.08);color:#fde68a;border-color:rgba(251,191,36,.25)}
.note{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.25);color:#c4b5fd}
.pill{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--ink-2)}
.pill-ok{background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.3);color:#a5f3fc}
.pill-bad{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.3);color:#fda4af}
.pill-gold{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.35);color:#c4b5fd}
.pill-new{background:rgba(251,191,36,.10);border-color:rgba(251,191,36,.3);color:#fde68a}
.badge{background:linear-gradient(135deg,#f43f5e,#a855f7);box-shadow:0 0 10px rgba(244,63,94,.6)}

/* tabele */
.table th{background:rgba(255,255,255,.025);color:#7e87a6;border-color:var(--line)}
.table td{border-color:var(--line)}
.table tbody tr:hover{background:rgba(34,211,238,.04)}
.row-link{color:var(--ink)}
.row-link:hover{color:#67e8f9}
table.mini th,table.mini td{border-color:var(--line)}

/* tab-uri, fișă pacient */
.tabs{border-color:var(--line)}
.tabs a{color:var(--muted)}
.tabs a.on{color:#fff;border-bottom-color:#22d3ee}
.tabs .count{background:rgba(255,255,255,.06)}
.timeline::before{background:var(--line)}
.timeline .dot{border-color:#0b1022;box-shadow:0 0 0 1px var(--line),0 0 10px currentColor}
.tl-kind{color:#a78bfa}
.bar{background:rgba(255,255,255,.05);border-color:var(--line)}
.bar i{background:var(--grad);box-shadow:0 0 12px rgba(34,211,238,.5)}
.status.big{background:color-mix(in srgb,var(--c) 20%,transparent)}
.status::before{box-shadow:0 0 8px var(--c)}
.checklist li .ic{color:#3a4466}
.checklist li.done .ic{color:#22d3ee}
.neg{color:#fb7185}

/* calendar */
.seg{background:rgba(5,8,20,.6);border-color:var(--line-2)}
.seg a{color:var(--ink-2)}
.seg a.on{background:var(--grad);color:#05070f}
.dg-head{background:rgba(13,18,36,.95);border-color:var(--line)}
.dg-col-h{border-color:var(--line);color:#e8ebf7}
.dg-hours{border-color:var(--line)}
.dg-col{border-color:var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(84px - 1px),rgba(148,163,255,.08) calc(84px - 1px),rgba(148,163,255,.08) 84px)}
.fs-grid .dg-col{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(96px - 1px),rgba(148,163,255,.08) calc(96px - 1px),rgba(148,163,255,.08) 96px)}
.slot:hover{background:rgba(34,211,238,.06);outline-color:rgba(34,211,238,.4)}
.slot:hover::after{color:#22d3ee}
.appt{background:color-mix(in srgb,var(--c) 18%,#0b1022);color:#eef1fb;border-left-color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 6px 18px -10px var(--c)}
.appt .what,.appt .by{color:#aab2cc}
.appt.off{background:repeating-linear-gradient(135deg,#0b1022 0,#0b1022 6px,color-mix(in srgb,var(--c) 14%,#0b1022) 6px,color-mix(in srgb,var(--c) 14%,#0b1022) 12px)}
.appt.st-completed{background:linear-gradient(135deg,#0e7490,#4c1d95);color:#fff}
.appt.st-completed .what,.appt.st-completed .by{color:#c7d2fe}
.wk-day.today{box-shadow:inset 0 2px 0 #22d3ee,var(--shadow)}
.mh{background:rgba(255,255,255,.025);border-color:var(--line)}
.md{border-color:var(--line);color:var(--ink)}
.md:hover{background:rgba(34,211,238,.05)}
.md.out{background:rgba(0,0,0,.25);color:#4b5375}
.md.today .mdn{background:var(--grad);color:#05070f}
.mdc{background:rgba(34,211,238,.12);color:#a5f3fc}
.now-line{background:#f43f5e;box-shadow:0 0 10px #f43f5e}
.now-line::before{background:#f43f5e}
body.fullscreen{background:#05070f}
.fs-clock{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--display)}
.brand-sm{color:#fff}
.fs-grid{background:rgba(13,18,36,.7);border-color:var(--line)}
.occ-pct{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.occ-nums .ok{color:#67e8f9}

/* rapoarte, notificări, organigramă */
.chart-col .bars{border-color:var(--line)}
.chart-col .b1{background:linear-gradient(180deg,#22d3ee,#0891b2);box-shadow:0 0 12px rgba(34,211,238,.4)}
.chart-col .b2{background:linear-gradient(180deg,#a855f7,#6366f1);box-shadow:0 0 12px rgba(168,85,247,.4)}
.legend span::before{box-shadow:0 0 6px var(--c)}
.notif button{color:var(--ink-2)}
.notif button:hover{background:rgba(255,255,255,.04)}
.notif.unread button{background:rgba(34,211,238,.05);color:var(--ink);box-shadow:inset 2px 0 0 #22d3ee}
.org li::before,.org li::after,.org ul::before,.org li:last-child::before{border-color:rgba(148,163,255,.3)}
.org-card small{color:#a78bfa}
.print-bar{background:#0b1022;border-color:var(--line)}
body.print-page{background:#05070f}

/* autentificare */
body.auth{background:#05070f}
.auth-side{background:#070a16;color:#c7d2fe;border-right:1px solid var(--line);
  background-image:radial-gradient(70% 60% at 100% 100%,rgba(139,92,246,.28),transparent 60%),radial-gradient(60% 50% at 0% 0%,rgba(34,211,238,.22),transparent 70%),
  linear-gradient(rgba(148,163,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,255,.05) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
.auth-quote{font-family:var(--display);font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-foot{color:#7e87a6}
.auth-title{font-family:var(--display);font-weight:700}
.auth-card{color:var(--ink)}

/* banda „date de test” */
.demo-band{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;
  background:linear-gradient(90deg,rgba(251,191,36,.12),rgba(139,92,246,.10));border:1px solid rgba(251,191,36,.3);color:#fde68a}

@media print{body{background:#fff;color:#000}}
.demo-band{text-decoration:none}
/* contrast pe fundal întunecat */
.status::before{background:color-mix(in srgb,var(--c) 65%,#ffffff)}
.legend span::before{background:color-mix(in srgb,var(--c) 70%,#ffffff)}
.kpi-value{font-size:clamp(22px,2.1vw,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-value .cur{-webkit-text-fill-color:#9aa4c4}
@media (max-width:1024px){.table tr{background:var(--surface);backdrop-filter:blur(14px)}}
.t-actions .act{border-color:var(--line-2)}
.t-actions .act:hover{border-color:#22d3ee;color:#67e8f9}
@media (min-width:1401px){.kpis-6 .kpi-value{font-size:clamp(22px,1.55vw,28px)}}
