/* Compact desktop display-mode popover */
.desktop-mode-area{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.device-mode-menu-wrap{position:relative;display:flex;align-items:center}
.device-mode-menu-trigger{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce5df;border-radius:11px;background:#fff;color:#20332a;font:inherit;font-size:18px;font-weight:900;letter-spacing:2px;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(10,45,30,.03)}
.device-mode-menu-trigger:hover,.device-mode-menu-trigger[aria-expanded="true"]{background:#f0f7f3;border-color:#cfe1d7;color:#0d6743}
.device-mode-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:120;width:270px;padding:8px;background:#fff;border:1px solid #dce5df;border-radius:16px;box-shadow:0 18px 44px rgba(18,48,35,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:top right;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.device-mode-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.device-mode-menu::before{content:"";position:absolute;top:-6px;right:13px;width:11px;height:11px;background:#fff;border-left:1px solid #dce5df;border-top:1px solid #dce5df;transform:rotate(45deg)}
.device-mode-menu-head{position:relative;z-index:1;padding:8px 10px 9px;border-bottom:1px solid #edf1ef;margin-bottom:5px;display:flex;flex-direction:column;gap:2px}
.device-mode-menu-head strong{font-size:14px;color:#16271f}
.device-mode-menu-head small{font-size:11px;color:#738078;font-weight:500}
.device-mode-menu-option{position:relative;z-index:1;width:100%;min-height:54px;border:0;background:transparent;border-radius:11px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:#203129;font:inherit;cursor:pointer}
.device-mode-menu-option:hover{background:#f5f9f7}
.device-mode-menu-option.active{background:#eaf5ef;color:#0b6541}
.device-mode-menu-option>span:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.device-mode-menu-option strong{font-size:13px;font-weight:800;line-height:1.2}
.device-mode-menu-option small{font-size:10.5px;line-height:1.3;color:#77837c;font-weight:500;white-space:normal}
.device-mode-menu-option.active small{color:#557365}
.device-mode-check{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900;background:transparent;color:#0b6843}
.device-mode-menu-option.active .device-mode-check{background:#d7ecdf}
@media(max-width:1180px){.device-mode-menu{right:-4px;width:260px}.device-mode-badge{display:none}}