/* ===== Versiunea 8: pe calculator, logo + bara de sus + meniul pe grupe (telefonul rămâne cu bara de jos) ===== */
.dlogo,.dtop,.dnav{display:none}
@media (min-width:900px){
  nav.tabs{display:none!important}
  .navrow{display:none}
  .titleblock{display:none}
  .dtop #dSync{display:flex;align-items:center;min-width:0}.dtop #dMonL{cursor:pointer;padding:0 4px;border-radius:5px}.dtop #dMonL:hover{background:var(--fill)}.dtop .sync{font-size:12px;color:var(--label2);white-space:nowrap;margin-left:8px}
  .dlogo{display:flex;position:fixed;z-index:7;top:0;left:0;width:244px;height:56px;align-items:center;gap:9px;padding:0 18px;background:var(--nav-bg);border-right:1px solid var(--sep);border-bottom:1px solid var(--sep);font-weight:650;font-size:15px;letter-spacing:-.01em;color:var(--label)}
  .dlogo i{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--indigo));display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:700;flex:none}
  .dtop{display:flex;position:fixed;z-index:6;top:0;left:244px;right:0;width:auto;height:56px;align-items:center;gap:6px;padding:0 18px;background:var(--bg);border-bottom:1px solid var(--sep);min-width:0}
  .dtop .crumb{font-size:13px;color:var(--label2);white-space:nowrap;margin-right:6px;overflow:hidden;text-overflow:ellipsis;min-width:0}.dtop .crumb b{color:var(--label);font-weight:600}
  .dtop .mon{display:flex;align-items:center;gap:2px;border:1px solid var(--line2);border-radius:7px;height:32px;padding:0 3px;font-size:13px;white-space:nowrap;color:var(--label)}
  .dtop .mon[hidden]{display:none}
  .dtop .mon button{border:0;background:none;color:var(--label2);width:24px;height:24px;border-radius:5px;padding:0;display:grid;place-items:center}
  .dtop .mon button svg{width:14px;height:14px}.dtop .mon button:hover{background:var(--fill)}.dtop .mon button:disabled{opacity:.35;cursor:default}
  .dtop .grow{flex:1}
  #dSlot,#dSlot2{display:contents}
  .dtop #srchBtn{position:static;width:250px;flex:none}
  .dtop #fab{position:static;height:32px;border-radius:7px;padding:0 12px;font-size:13px;font-weight:500;box-shadow:none;flex:none;white-space:nowrap}
  .dtop #fab[hidden]{display:none}
  .dtop .vsep{width:1px;height:20px;background:var(--sep);margin:0 4px;flex:none}
  .dtop .ib,.dtop #bellBtn{position:relative;inset:auto;width:34px;height:32px;border-radius:7px;border:0;background:none;color:var(--label2);display:grid;place-items:center;padding:0;flex:none}
  .dtop #bellBtn[hidden],.dtop .ib[hidden]{display:none}
  .dtop .ib:hover,.dtop #bellBtn:hover,.dtop .ib[aria-expanded="true"]{background:var(--fill);color:var(--label)}
  .dtop .ib svg,.dtop #bellBtn svg{width:18px;height:18px}
  .dtop #bellBtn .bdg{top:-2px;right:-2px;border:2px solid var(--bg);line-height:13px}
  .dtop .ib.out{color:var(--red)}
  .dpop{position:absolute;top:50px;right:18px;width:290px;background:var(--cell);border:1px solid var(--line2);border-radius:10px;box-shadow:0 14px 36px var(--shadow);padding:6px;z-index:8}
  .dpop[hidden]{display:none}
  .dpop h4{margin:6px 8px;font-size:11.5px;color:var(--label2);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
  .dpop .pi{display:flex;gap:10px;align-items:center;width:100%;padding:8px;border-radius:7px;font-size:13px;border:0;background:none;color:var(--label);text-align:left}
  .dpop .pi:hover{background:var(--fill)}.dpop .pi svg{width:16px;height:16px;color:var(--label2);flex:none}
  .dpop .pi .switch{margin-left:auto;width:38px;height:23px}.dpop .pi .switch span{border-radius:12px}
  .dpop .pi .switch span::after{width:19px;height:19px}.dpop .pi .switch input:checked+span::after{transform:translateX(15px)}
  .dnav{display:flex;flex-direction:column;gap:1px;position:fixed;z-index:5;top:56px;bottom:0;left:0;width:244px;padding:12px 10px;background:var(--nav-bg);border-right:1px solid var(--sep);overflow-y:auto;color:var(--label)}
  .dnav .gh{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;border:0;background:none;color:var(--label);font-weight:500;text-align:left;width:100%}
  .dnav .gh:hover{background:var(--nav-hover)}.dnav .gh svg{width:17px;height:17px;flex:none;color:var(--label2)}
  .dnav .gh .chev{margin-left:auto;width:14px;height:14px;transition:transform .15s}.dnav .gh[aria-expanded="false"] .chev{transform:rotate(-90deg)}
  .dnav .gh.on{background:var(--nav-sel);color:var(--nav-sel-ink)}.dnav .gh.on svg{color:var(--blue)}
  .dnav .gi{margin:1px 0 8px 18px;padding-left:9px;border-left:1px solid var(--sep);display:flex;flex-direction:column;gap:1px}
  .dnav .si{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:6px;border:0;background:none;color:var(--label2);font-size:13px;text-align:left;width:100%;min-width:0}
  .dnav .si .lb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dnav .si:hover{background:var(--nav-hover);color:var(--label)}
  .dnav .si.on{background:var(--nav-sel);color:var(--nav-sel-ink);font-weight:500;box-shadow:inset 2px 0 0 var(--blue)}
  .dnav .si .m{margin-left:auto;font-size:11px;color:var(--label3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
  .dnav .si .m.w{color:var(--orange);border:1px solid currentColor;border-radius:4px;padding:0 5px;font-size:10.5px}
  .dnav .si .sd{width:18px;height:18px;border-radius:5px;font-size:9px;font-weight:700;color:#fff;display:grid;place-items:center;flex:none}
  .dnav .grow{flex:1;min-height:12px}
  .dnav .rl{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;border:0;background:none;color:var(--label3);font-size:12.5px;width:100%;text-align:left}
  .dnav .rl:hover{background:var(--nav-hover);color:var(--label2)}.dnav .rl svg{width:16px;height:16px;flex:none}
  .dnav .pc{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--sep);border-radius:9px;background:var(--cell);margin-top:6px;color:var(--label);text-align:left;width:100%;min-width:0}
  .dnav .pc:hover{border-color:var(--line2)}.dnav .pc.on{box-shadow:inset 0 0 0 1px var(--blue)}
  .dnav .pc .av{width:32px;height:32px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none;overflow:hidden}
  .dnav .pc .av img{width:100%;height:100%;object-fit:cover}
  .dnav .pc>div{min-width:0}.dnav .pc b,.dnav .pc small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dnav .pc b{font-size:13px;font-weight:600}.dnav .pc small{font-size:11.5px;color:var(--label2)}
  .wrap{margin-left:244px;padding-top:70px}
  .sbox,.admbar{top:56px}
  .egrid > div:last-child{top:70px}
  .verbar{left:calc(50% + 122px)}
  /* meniul restrâns: doar iconițele grupelor */
  body.drail .dlogo{width:64px;padding:0;justify-content:center}body.drail .dlogo span{display:none}
  body.drail .dtop{left:64px}body.drail .dnav{width:64px;padding:12px 8px}body.drail .wrap{margin-left:64px}
  body.drail .verbar{left:calc(50% + 32px)}
  body.drail .dnav .gh{justify-content:center;padding:9px 0}
  body.drail .dnav .gh span,body.drail .dnav .gh .chev,body.drail .dnav .gi,body.drail .dnav .pc>div,body.drail .dnav .rl span{display:none}
  body.drail .dnav .pc{justify-content:center;padding:6px 0;border:0;background:none}body.drail .dnav .rl{justify-content:center}body.drail .dnav .rl svg{transform:scaleX(-1)}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){.dnav .gh .chev{transition:none}}

/* ===== Setările pe calculator: fereastră cu meniu de secțiuni (26.10, varianta A) ===== */
@media (min-width:900px){
  /* sub ferestrele deschise din ea (.scrim 20, notificări 30); bara de sus rămâne deasupra și se poate folosi */
  .swback{position:fixed;inset:0;z-index:15;background:rgba(17,17,24,.42)}
  body.swon .dtop{z-index:17}
  .swin{position:fixed;z-index:16;left:50%;top:calc(50% + 28px);transform:translate(-50%,-50%);width:min(1080px,calc(100vw - 48px));height:min(720px,calc(100vh - 104px));
    background:var(--cell);color:var(--label);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.3);display:flex;overflow:hidden}
  .swnav{width:270px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--sep);padding:20px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;overflow:auto}
  .swh{font-size:1.25rem;padding:4px 10px 12px}
  .swsearch{display:flex;align-items:center;gap:8px;background:var(--cell);border:1px solid var(--sep);border-radius:10px;padding:0 12px;height:40px;margin-bottom:10px;color:var(--label2)}
  .swsearch svg{width:16px;height:16px;flex-shrink:0}.swsearch input{border:0;outline:0;background:none;font:inherit;font-size:.875rem;color:var(--label);flex:1;min-width:0}
  .swsearch:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 25%,transparent)}
  .swlist{display:flex;flex-direction:column;gap:2px}
  .swi{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;padding:8px 10px;text-align:left;font:inherit;font-size:.9375rem;font-weight:500;background:none;color:var(--label);cursor:pointer}
  .swi:hover{background:var(--fill)}.swi.on{background:var(--fill2);font-weight:600}.swi[hidden]{display:none}
  .swic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:#fff}.swic svg{width:17px;height:17px}
  .swic.blue{background:#007AFF}.swic.indigo{background:#5856D6}.swic.green{background:#248A3D}.swic.orange{background:#C93400}.swic.purple{background:#8944AB}.swic.gray{background:#6C6C70}.swic.pink{background:#D30F45}
  .swnone{margin:6px 10px;font-size:.8125rem;color:var(--label2)}
  .swmain{flex:1;min-width:0;display:flex;flex-direction:column}
  .swhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 6px}
  .swhead h2{margin:0;font-size:1.5rem;letter-spacing:-.02em}.swhead p{margin:4px 0 0;font-size:.875rem;color:var(--label2)}
  .swx{width:36px;height:36px;border:0;border-radius:50%;background:var(--fill);color:var(--label);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.swx svg{width:16px;height:16px}
  .swbody{flex:1;overflow:auto;padding:8px 28px 28px}
  .swbody>[hidden]{display:none!important}
  .swbody .section{margin:0 0 18px}
  .swbody .shead{padding-left:4px}
  .swbody #acGuide,.swbody #raGuide,.swbody #raFeedback,.swbody .sfoot .credits{display:none}
  .swhit{box-shadow:inset 4px 0 0 #FFCC00}
  .swseg{display:inline-flex;background:var(--fill);border-radius:9px;padding:3px;gap:2px}
  .swseg button{border:0;border-radius:7px;padding:6px 12px;font:inherit;font-size:.8125rem;font-weight:600;background:none;color:var(--label);cursor:pointer}
  .swseg button[aria-pressed="true"]{background:var(--cell);box-shadow:0 1px 3px rgba(0,0,0,.15)}
  body.swon{overflow:hidden}
}