/* Calculator, versiunea 9 (29.10.2026, cererea proprietarului): aspectul „sticlă” — fundal cu lumină mov/albastră,
   meniul, bara de sus și cartonașele semi-transparente. Telefonul rămâne neschimbat. Cu „transparență redusă” sau
   „contrast mai mare” se folosesc fundaluri pline (la final). */
.mtitle,.strend{display:none}
@media (min-width:900px){
  :root:root:root{--glass:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));--glass-2:rgba(255,255,255,.05);--glass-line:rgba(255,255,255,.12);
    --glass-hi:inset 0 1px 0 rgba(255,255,255,.08);--glass-shadow:0 20px 40px rgba(0,0,0,.25);--glass-bar:rgba(11,11,16,.45);--glass-nav:rgba(255,255,255,.035);--glass-navline:rgba(255,255,255,.08);
    --glass-page:radial-gradient(900px 600px at 78% 8%,rgba(124,92,255,.28),transparent 60%),radial-gradient(800px 600px at 15% 95%,rgba(56,132,255,.18),transparent 60%),#0b0b10;
    --mtitle-year:#6b6b72;--extra-line:rgba(255,255,255,.22)}
  :root:root:root[data-desk-theme="light"]{--glass:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.55));--glass-2:rgba(255,255,255,.6);--glass-line:rgba(255,255,255,.95);
    --glass-hi:inset 0 1px 0 rgba(255,255,255,.9);--glass-shadow:0 12px 32px rgba(40,40,90,.08);--glass-bar:rgba(255,255,255,.55);--glass-nav:rgba(255,255,255,.55);--glass-navline:rgba(0,0,0,.06);
    --glass-page:radial-gradient(900px 600px at 80% 5%,rgba(124,92,255,.20),transparent 60%),radial-gradient(800px 600px at 10% 100%,rgba(56,132,255,.16),transparent 60%),#f3f4f8;
    --mtitle-year:#a1a1aa;--extra-line:rgba(0,0,0,.2)}
  body{background:var(--glass-page);background-attachment:fixed}
  .dnav,.dlogo{background:var(--glass-nav);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-color:var(--glass-navline)}
  .dtop{background:var(--glass-bar);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom-color:var(--glass-navline)}
  #view .shero,#view .group,#view .tile,#view .msgcard{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--glass-line);box-shadow:var(--glass-hi),var(--glass-shadow)}
  #view .skpi{background:var(--glass-2);border:1px solid var(--glass-line)}
  :root[data-desk-theme="light"] #view .skpi{border-color:rgba(0,0,0,.06)}
  #view .shead{letter-spacing:.08em}
  /* Raport: titlul lunii, comparația cu luna trecută, cartonașele 2 + 2, profilul lângă ele */
  .mtitle{display:block;margin:6px 0 2px;font-size:2.5rem;font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--label)}
  .mtitle span{color:var(--mtitle-year)}
  .strend{display:block;margin-top:2px;font:500 0.8125rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
  .strend.up{color:var(--green)}.strend.down{color:var(--red)}.strend em{font-style:normal;color:var(--label2)}
  #view .shero{grid-template-columns:auto minmax(0,440px) minmax(0,260px);justify-content:start;column-gap:36px}
  #view .shero .skpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* „Bonus adițional”: suma, fără casetă; linia punctată arată că se poate scrie */
  #view #extraIn{background:transparent;border:0;border-bottom:1px dashed var(--extra-line);border-radius:0;box-shadow:none;text-align:right;width:96px;padding:2px 0;font-weight:600;color:var(--label)}
  #view #extraIn::placeholder{color:var(--label2);font-weight:500}
  #view #extraIn:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--blue)}
}
@media (min-width:900px) and (prefers-reduced-transparency:reduce){
  body{background:var(--bg)}
  .dnav,.dlogo,.dtop,#view .shero,#view .group,#view .tile,#view .msgcard{-webkit-backdrop-filter:none;backdrop-filter:none}
  .dnav,.dlogo{background:var(--nav-bg)}.dtop{background:var(--bg)}
  #view .shero,#view .group,#view .tile,#view .msgcard{background:var(--cell)}#view .skpi{background:var(--fill)}
}
@media (min-width:900px) and (prefers-contrast:more){
  body{background:var(--bg)}
  .dnav,.dlogo,.dtop,#view .shero,#view .group,#view .tile,#view .msgcard{-webkit-backdrop-filter:none;backdrop-filter:none}
  .dnav,.dlogo{background:var(--nav-bg)}.dtop{background:var(--bg)}
  #view .shero,#view .group,#view .tile,#view .msgcard{background:var(--cell);border-color:color-mix(in srgb,var(--label) 35%,transparent)}#view .skpi{background:var(--fill)}
}