/* ===== 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}
  .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}}