/* Desktop: bară laterală în loc de tab-uri jos, conținut pe două coloane */
.fab .fl{display:none}
nav.tabs .deskonly{display:none}
nav.tabs .navout,nav.tabs .navtheme,nav.tabs .navwake{display:none}
@media (min-width:900px){
  body::before{display:none}
  nav.tabs{top:0;right:auto;width:232px;border-top:0;border-right:.5px solid var(--sep);padding:24px 12px}
  nav.tabs .in{grid-template-columns:1fr;gap:2px;max-width:none}
  nav.tabs button{display:flex;align-items:center;gap:12px;font-size:0.9375rem;padding:9px 12px;border-radius:10px;color:var(--label)}
  nav.tabs button svg{width:22px;height:22px;color:var(--blue)}
  nav.tabs button[aria-selected="true"]{background:var(--fill2);color:var(--label);font-weight:600}
  nav.tabs button:hover{background:var(--fill)}
  nav.tabs .deskonly{display:flex;order:1}
  /* „Ieși din cont” jos în meniul lateral, pentru toate conturile (doar pe calculator) */
  nav.tabs{display:flex;flex-direction:column}
  nav.tabs .navout:not([hidden]){display:flex;margin-top:2px;color:var(--red)}
  /* tema: Luminos / Întunecat / Automat, jos în meniu, deasupra ieșirii */
  nav.tabs .navtheme{display:flex;align-items:center;gap:2px;margin-top:auto;padding:6px 10px;font-size:0.84375rem;color:var(--label2)}
  nav.tabs .navtheme .ntl{flex:1}
  nav.tabs .navtheme button{width:30px;height:28px;padding:0;justify-content:center;border-radius:6px;color:var(--label2);flex:none}
  nav.tabs .navtheme button svg{width:16px;height:16px}
  nav.tabs .navtheme button[aria-pressed="true"]{background:var(--nav-sel);color:var(--nav-sel-ink)}
  /* „Ecran aprins”: deasupra temei; calculatorul nu se stinge cât SalesFlow e deschis (Wake Lock) */
  nav.tabs .navwake:not([hidden]){display:flex;align-items:center;margin-top:auto;padding:4px 10px;font-size:0.84375rem;color:var(--label2)}
  nav.tabs .navwake .ntl{flex:1}
  nav.tabs .navwake .switch{width:38px;height:23px}
  nav.tabs .navwake .switch span{border-radius:12px}
  nav.tabs .navwake .switch span::after{width:19px;height:19px}
  nav.tabs .navwake .switch input:checked+span::after{transform:translateX(15px)}
  nav.tabs .navwake:not([hidden])~.navtheme{margin-top:0}
  nav.tabs .navout svg{color:var(--red)}
  nav.tabs [data-tab="cal"]{order:2}
  #gear{display:none}
  .wrap{max-width:1640px;margin-left:232px;padding-left:40px;padding-right:40px;padding-block:20px 60px}
  #view{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}
  #view>*{grid-column:1/-1}
  #view>.half{grid-column:auto}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .tbl{display:block}
  .plist{display:none}
  .chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .svgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .seg{max-width:520px}
  .chart svg{max-width:720px;margin:0 auto}
  .fab{top:calc(env(safe-area-inset-top,0px) + 22px);bottom:auto;right:40px;width:auto;height:40px;border-radius:10px;padding:0 16px;display:flex;gap:6px;font-size:0.9375rem;font-weight:600;box-shadow:none}
  .fab svg{width:18px;height:18px}
  .fab .fl{display:inline}
  .scrim{align-items:center}
  .sheet{max-width:540px;border-radius:14px;max-height:86%;padding-bottom:20px;animation:pop .18s ease-out}
  @keyframes pop{from{transform:scale(.97);opacity:.5}}
  .row:hover,button.cell:hover{background:var(--fill)}
  .toast{bottom:32px}
}
@media (min-width:1300px){
  #view>.wide-half{grid-column:auto}
  .wide-half .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wide-half.hero{align-self:stretch}
  .ring{width:168px;height:168px}
  .ring .c b{font-size:2.125rem}
  .hstats .v.lg{font-size:2.5rem}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){.sheet{animation:none}}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 140px);background:var(--bar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--label);padding:10px 16px;border-radius:14px;font-size:0.9375rem;font-weight:500;z-index:30;box-shadow:0 6px 24px rgba(0,0,0,.18)}

/* ===== Desktop: stilul B (întunecat, compact). Telefonul rămâne neschimbat ===== */
@media (min-width:900px){
  /* tema de pe calculator: întunecată (implicit) sau luminoasă — atributul data-desk-theme, ales din meniul lateral */
  :root:root:root{
    --bg:#0d0e11; --cell:#141519; --sheet:#141519; --fill:rgba(255,255,255,.06); --fill2:rgba(255,255,255,.1);
    --label:#e4e5e9; --label2:#8a8c95; --label3:#5c5e66; --sep:#1f2126;
    --blue:#7170ff; --green:#4cb782; --orange:#f2994a; --red:#eb5757; --indigo:#8b8af9; --teal:#26b5ce; --pink:#e5609b;
    --bar-bg:#0b0c0e; --menu-bg:rgba(24,25,30,.98); --seg-sel:#2a2c33; --pend:rgba(255,196,0,.13); --pend-ink:#f2c94c;
    --nav-bg:#0b0c0e; --nav-sel:#1b1d22; --nav-sel-ink:#f2f3f5; --nav-hover:#15171b; --seg-bg:#111216; --line2:#2a2c33;
    --chip-ink:#b4b6be; --chip-on:#e4e5e9; --chip-on-ink:#0d0e11; --row-alt:#121318; --row-hover:#1b1d22; --grp-bg:#0f1013;
    --tot-bg:#17181f; --tin-bg:#0f1013; --sheet-cell:#1b1c21; --scrim:rgba(0,0,0,.6); --shadow:rgba(0,0,0,.5); --toast-bg:#1b1d22;
    --ok-ink:#30d158; --warn-ink:#ffb340; --welcome-img:.3;
    --font:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif; --round:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;
    color-scheme:dark}
  :root:root:root[data-desk-theme="light"]{
    --bg:#f7f7f8; --cell:#ffffff; --sheet:#ffffff; --fill:rgba(0,0,0,.045); --fill2:rgba(0,0,0,.075);
    --label:#1c1d21; --label2:#62666e; --label3:#a0a3ab; --sep:#e4e5e9;
    --blue:#5b59e0; --green:#22955c; --orange:#cc6f12; --red:#d23c37; --indigo:#5f5de0; --teal:#13879c; --pink:#c93d80;
    --bar-bg:#fbfbfc; --menu-bg:rgba(255,255,255,.98); --seg-sel:#ffffff; --pend:rgba(242,153,0,.13); --pend-ink:#9a6100;
    --nav-bg:#fbfbfc; --nav-sel:#eceef2; --nav-sel-ink:#1c1d21; --nav-hover:#f2f3f5; --seg-bg:#f0f1f3; --line2:#dcdee3;
    --chip-ink:#4b4f57; --chip-on:#1c1d21; --chip-on-ink:#ffffff; --row-alt:#fafafb; --row-hover:#f1f2f5; --grp-bg:#f4f5f7;
    --tot-bg:#eff0f3; --tin-bg:#ffffff; --sheet-cell:#f7f7f8; --scrim:rgba(15,16,20,.28); --shadow:rgba(15,16,20,.14); --toast-bg:#ffffff;
    --ok-ink:#1e8e3e; --warn-ink:#b26a00; --welcome-img:.18;
    color-scheme:light}
  :root:root:root .sheet{--cell:var(--sheet-cell)}
  :root:root:root .rpill.green{color:var(--ok-ink)} :root:root:root .rpill.orange{color:var(--warn-ink)}
  :root:root:root .welcome::before{opacity:var(--welcome-img)}
  body{font-size:0.84375rem;letter-spacing:-.005em}
  /* meniul lateral */
  nav.tabs{background:var(--nav-bg);border-right:1px solid var(--sep);-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px 10px;width:220px}
  nav.tabs .in::before{content:attr(data-brand);display:flex;align-items:center;gap:8px;font-weight:600;font-size:0.875rem;color:var(--label);padding:6px 10px 16px;
    background:var(--logoimg,url(../logo.svg)) 10px 6px/22px 22px no-repeat;padding-left:40px}
  nav.tabs button{font-size:0.84375rem;padding:6px 10px;border-radius:6px;color:var(--label2);gap:10px}
  nav.tabs button svg{width:17px;height:17px;color:currentColor}
  nav.tabs button[aria-selected="true"]{background:var(--nav-sel);color:var(--nav-sel-ink);font-weight:500}
  nav.tabs button:hover{background:var(--nav-hover);color:var(--label)}
  .wrap{margin-left:220px;padding-left:28px;padding-right:28px;padding-block:14px 48px;gap:16px}
  /* titlu și bara de sus */
  .navrow{min-height:32px}
  .tbtn{height:32px;font-size:0.875rem}
  .tbtn svg{width:18px;height:18px}
  .largetitle{font-size:1.375rem;font-weight:600;letter-spacing:-.01em}
  .largetitle svg{width:15px;height:15px}
  .sync{font-size:0.75rem}
  .fab{border-radius:6px;height:32px;padding:0 12px;font-size:0.8125rem;font-weight:500;top:calc(env(safe-area-inset-top,0px) + 16px);right:28px}
  .fab svg{width:15px;height:15px}
  #view{gap:18px}
  .banner{border:1px solid var(--sep);border-radius:8px;font-size:0.8125rem;padding:10px 14px}
  /* suprafețe: margini fine, colțuri mici, fără umbre */
  .group,.hero,.tile,.stat,.day,.chart,.ptable,.tbl,.calbox,.svc,.bcard,.settings,.cat,.list,.ledger{border-radius:8px;box-shadow:none}
  .group,.hero,.tile,.day,.chart,.ptable,.tbl,.calbox,.svc,.bcard{border:1px solid var(--sep)}
  .hero{padding:16px 18px}
  .hstats .v{font-size:1.1875rem;font-weight:600}
  .hstats .v.lg{font-size:1.75rem}
  .ring{width:120px;height:120px}
  .ring .c b{font-size:1.5rem}
  .shead{font-size:0.71875rem;letter-spacing:.04em;padding:0 2px}
  .sfoot{font-size:0.75rem;padding:0 2px}
  /* cifrele de sus, unite într-o singură bandă */
  .stats{gap:0;border:1px solid var(--sep);border-radius:8px;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
  .stat{border-radius:0;border-right:1px solid var(--sep);padding:12px 16px;background:var(--cell)}
  .stat:last-child{border-right:0}
  .stat .k{font-size:0.75rem}
  .stat .v{font-size:1.1875rem;font-weight:600}
  .stat .sub{font-size:0.71875rem}
  .tile{padding:12px 14px}
  .tile .nm,.tile .pc{font-size:0.84375rem}
  .tile .sm{font-size:0.75rem}
  /* liste și câmpuri */
  .cell{min-height:36px;padding:7px 14px;font-size:0.84375rem}
  .cell input.inl{font-size:0.84375rem}
  .row{padding:8px 14px}
  .row .t{font-size:0.84375rem}
  .row .s{font-size:0.75rem}
  .row .v small{font-size:0.71875rem}
  .tico{width:28px;height:28px;border-radius:7px;font-size:0.59375rem}
  .prow{grid-template-columns:28px minmax(0,1fr) auto}
  .fcell{min-height:38px;font-size:0.875rem}
  .fcell input,.fcell select,.pick{font-size:0.875rem}
  .btnplain{min-height:38px;font-size:0.875rem;border-radius:8px;border:1px solid var(--sep)}
  .seg{background:var(--seg-bg);border:1px solid var(--sep);border-radius:7px}
  .seg button{font-size:0.78125rem;padding:4px 10px;color:var(--label2)}
  .seg button[aria-pressed="true"]{color:var(--label);box-shadow:none}
  .chip{background:transparent;box-shadow:none;border:1px solid var(--line2);color:var(--chip-ink);font-size:0.78125rem;padding:4px 10px}
  .chip small{font-size:0.75rem}
  .chip[aria-pressed="true"]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}
  /* etichete conturate */
  .badge{background:transparent!important;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:4px;font-weight:500;font-size:0.71875rem;padding:1px 6px}
  .badge.pendb{background:color-mix(in srgb,var(--pend-ink) 16%,transparent)!important;border:0;border-radius:6px;font-weight:600;font-size:0.75rem;padding:2px 8px;margin-left:6px}
  /* tabele dense */
  .tbl table,.ptable table{font-size:0.8125rem}
  .thb{font-size:0.71875rem;padding:8px 12px;text-transform:none;letter-spacing:0;font-weight:500}
  .tbl td,.ptable td{padding:7px 12px}
  .ptable th{font-size:0.71875rem;text-transform:none;letter-spacing:0;font-weight:500;padding:8px 10px}
  .tbl tbody tr.data:nth-child(even) td,.btable tbody tr:nth-child(even):not(.tot) td{background:var(--row-alt)}
  .tbl tbody tr.data:hover td{background:var(--row-hover)}
  .tbl tr.grp td{background:var(--grp-bg)}
  .btable tr.tot td{background:var(--tot-bg)}
  .tdot{width:7px;height:7px}
  .tin{background:var(--tin-bg);border:1px solid var(--sep);font-size:0.8125rem;padding:6px 8px}
  .tin:focus{background:var(--tin-bg);border-color:var(--blue)}
  /* fereastra de editare */
  .sheet{border:1px solid var(--line2);border-radius:10px;max-width:560px}
  .sheetbar h3{font-size:0.9375rem}
  .scrim{background:var(--scrim)}
  .menu{border-radius:8px;box-shadow:0 12px 40px var(--shadow),0 0 0 1px var(--line2)}
  .menu button{font-size:0.84375rem;padding:7px 10px 7px 8px;border-radius:5px}
  .toast{background:var(--toast-bg);border:1px solid var(--line2);color:var(--label);font-size:0.8125rem;box-shadow:0 8px 24px var(--shadow)}
  /* calendar */
  .cd{border-radius:6px}
  .cd .dn{font-size:0.8125rem}
}