/* MGI – всички панели от горната лента (Гласов асистент … Моят профил) излизат отдясно: под горната лента, с отстояние 16 px отдясно и отдолу (вариант A, 8.11.2026). Само компютър и таблет; телефонът си остава на цял екран. */
@keyframes mgiSideIn{from{translate:calc(100% + 40px) 0;opacity:.4}to{translate:0 0;opacity:1}}
@media (min-width:761px){
  html body .topbar :is(#ddVoice,#ddWho,#ddNl,#ddMail,#ddA11y,#ddLang,#ddNtf,#ddAcc,#ddInbox) .dd-panel.dd-panel.dd-panel.dd-panel:not([hidden]),
  html body #vaP2#vaP2:not([hidden]){
    position:fixed!important;inset:auto!important;top:var(--sd-top,60px)!important;right:16px!important;bottom:16px!important;left:auto!important;
    width:min(380px,calc(100vw - 32px))!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;margin:0!important;
    border-radius:18px!important;border:1px solid #D3E0EC!important;background:#FFFFFF!important;
    box-shadow:0 30px 70px -28px rgba(16,40,70,.45),0 0 0 6px rgba(255,255,255,.55)!important;z-index:140!important;
    animation:mgiSideIn .26s cubic-bezier(.2,.7,.2,1) both!important;scrollbar-width:thin
  }
  html body .topbar :is(#ddVoice,#ddWho,#ddNl,#ddMail,#ddA11y,#ddLang,#ddNtf,#ddAcc,#ddInbox) .dd-panel.dd-panel.dd-panel.dd-panel:not([hidden]):before,
  html body #vaP2#vaP2 .v2-caret{display:none!important}
  /* panels made for 600 px: one column at 420 px */
  html body .topbar #ddNtf .ntf-body.ntf-body{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html body .topbar #ddNtf .ntf-tabs.ntf-tabs{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}
  html body .topbar #ddAcc .ap-wrap.ap-wrap{grid-template-columns:minmax(0,1fr)!important}
  html body .topbar #ddLang .lg-grid.lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* the voice assistant scrolls inside its own body */
  html body #vaP2#vaP2:not([hidden]){display:flex!important;flex-direction:column!important;overflow:hidden!important}
  /* search: the same place on the right */
  html body .palette-wrap.palette-wrap:not([hidden]){justify-items:end!important;align-items:start!important;padding:var(--sd-top,60px) 16px 16px!important}
  html body .palette-wrap .palette.palette{max-width:min(380px,calc(100vw - 32px))!important;width:100%!important;max-height:calc(100vh - var(--sd-top,60px) - 16px)!important;overflow-y:auto!important;animation:mgiSideIn .26s cubic-bezier(.2,.7,.2,1) both}
}
@media (prefers-reduced-motion:reduce){
  html body .topbar .dd-panel,html body #vaP2,html body .palette-wrap .palette{animation:none!important}
}

/* „Имейли на отделите“ и „Достъпност“: по-плътно подредени, за да се събират без превъртане */
@media (min-width:761px){
  html body .topbar #ddMail>.dd-panel.pm.pm>.pm-h,html body .topbar #ddA11y>.dd-panel.pa.pa>.ax-head{padding:12px 12px 10px 14px!important}
  #ddMail .pm-av,#ddA11y .pa-av{width:38px;height:38px;border-radius:12px}
  html body .topbar #ddMail>.dd-panel.pm.pm>.mp-list{gap:6px!important;padding:12px!important}
  html body .topbar #ddMail .pm .mp-it{padding:6px 8px!important;gap:9px!important;border-radius:13px!important}
  #ddMail .pm-di{width:30px;height:30px;border-radius:9px}
  #ddMail .pm-di svg{width:15px;height:15px}
  #ddMail .pm .mp-t b,#ddMail .pm .mp-it[aria-pressed=true] .mp-t b{font-size:.8rem}
  #ddMail .pm .mp-e{font-size:.7rem}
  html body .topbar #ddMail .pm .mp-cp{width:26px;height:26px;border-radius:8px}
  html body .topbar #ddMail .pm .mp-cp svg{width:13px;height:13px}
  html body .topbar #ddMail>.dd-panel.pm.pm>.pm-st{margin:12px 12px 8px!important}
  #ddMail .pm-st i{width:26px;height:26px;border-radius:8px}
  html body .topbar #ddMail>.dd-panel.pm.pm>.mp-form{margin:0 12px 12px!important;padding:10px!important;gap:7px!important}
  html body .topbar #ddMail .pm .mp-form input:not([type=checkbox]){min-height:38px;padding:8px 11px}
  html body .topbar #ddMail .pm .mp-form textarea{min-height:56px!important;height:56px;padding:8px 11px}
  #ddMail .pm .mp-ok{font-size:.72rem}
  html body .topbar #ddMail .pm .mp-acts .btn{height:36px!important;padding:0 14px!important}
  #ddMail .pm .mp-acts .link{font-size:.75rem}

  html body .topbar #ddA11y>.dd-panel.pa.pa>.ax-sec{padding:10px 14px!important}
  html body .topbar #ddA11y>.dd-panel.pa.pa>.pa-read{padding-bottom:3px!important}
  html body .topbar #ddA11y>.dd-panel.pa.pa>.pa-vis{padding-top:3px!important}
  #ddA11y .pa .ax-h{margin:0 0 6px}
  #ddA11y .pa .ax-h i{width:24px;height:24px;border-radius:8px}
  html body .topbar #ddA11y .pa .ax-fs button{height:32px}
  html body .topbar #ddA11y .pa .ax-grid{gap:6px!important}
  html body .topbar #ddA11y .pa .ax-tg{padding:6px 9px!important;gap:3px!important;border-radius:12px!important}
  #ddA11y .pa .ax-tg>.pa-ic{width:26px;height:26px;border-radius:8px}
  #ddA11y .pa .ax-tg>.pa-ic svg{width:14px;height:14px}
  #ddA11y .pa .ax-tg>i{width:34px!important;height:20px!important}
  #ddA11y .pa .ax-tg>i:after{width:14px!important;height:14px!important}
  #ddA11y .pa .ax-tg input:checked+i:after{transform:translate(14px)!important}
  #ddA11y .pa .ax-tg>span:not(.pa-ic){font-size:.76rem}
  html body .topbar #ddA11y .pa .ax-pre{gap:6px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body .topbar #ddA11y .pa .ax-pre button{flex-direction:column;justify-content:center;text-align:center;min-height:0;padding:7px 4px!important;font-size:.68rem;line-height:1.2;gap:4px;border-radius:12px!important}
  #ddA11y .pa .ax-pre .pa-ic{width:26px;height:26px;border-radius:8px}
  html body .topbar #ddA11y .pa .ax-themes{gap:6px!important}
  html body .topbar #ddA11y .pa .ax-th{padding:6px 3px 5px!important;gap:4px;font-size:.68rem}
}