/* Предпросмотр экранов: телефон / планшет в рамке */
.devsw{display:inline-flex;align-items:center;gap:2px;background:var(--bg);border-radius:10px;padding:3px}
.devsw-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.devsw button{width:32px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.devsw button svg{width:18px;height:18px}
.devsw button:hover{color:var(--fg)}
.devsw button.active{background:var(--card);color:var(--accent);box-shadow:0 1px 2px rgba(20,20,60,.1)}
.is-preview .devsw{display:none!important}
@media (max-width:900px){.devsw-center{display:none}}
.dev-preview{position:fixed;inset:0;z-index:400;background:rgba(11,27,52,.62);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;overscroll-behavior:none}
.dev-preview.show{display:flex}
.dev-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:14px;z-index:2}
.dev-bar .devsw{background:rgba(255,255,255,.14)}
.dev-bar .devsw button{color:rgba(255,255,255,.6)}
.dev-bar .devsw button:hover{color:#fff}
.dev-bar .devsw button.active{background:#fff;color:var(--accent)}
.dev-close{position:fixed;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(120,120,140,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}
.dev-close svg{width:22px;height:22px}
.dev-close:hover{background:rgba(90,90,110,.75)}
.dev-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:60px 12px 12px}
.dev-frame{position:relative;background:#0b0b0f;box-shadow:0 0 0 1.5px #0b0b0f,0 30px 90px rgba(0,0,0,.55);flex-shrink:0;transform-origin:center center}
.dev-screen{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.dev-screen iframe{flex:1;width:100%;border:none;background:var(--page);display:block}
.dev-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:104px;height:30px;background:#000;border-radius:16px;z-index:3}
.dev-statusbar{flex-shrink:0;height:46px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px 9px;font-size:14px;font-weight:600;color:#000;background:var(--bar)}
.dev-sbicons{display:flex;align-items:center;gap:6px}.dev-sbicons svg{height:12px;width:auto}
.dev-cam{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#000;opacity:.55;z-index:3}
:root[data-theme=dark] .dev-preview{background:rgba(0,0,0,.72)}
:root[data-theme=dark] .dev-frame{background:#7a7a96;box-shadow:0 0 0 1.5px #7a7a96,0 30px 90px rgba(0,0,0,.55)}
:root[data-theme=dark] .dev-island,:root[data-theme=dark] .dev-cam{background:#7a7a96;opacity:1}
:root[data-theme=dark] .dev-statusbar{color:#fff}
:root[data-theme=dark] .dev-bar .devsw button.active{background:#3A4E70;color:#fff}
.pdf-veil{position:fixed;inset:0;z-index:9999;background:#223048;color:#A9BCD9;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}
.mx-groups{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.mx-leg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12.5px;color:var(--muted)}
.mx-li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.zd{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.zd.core{background:var(--ok)}.zd.grow{background:var(--warn)}.zd.risk{background:var(--bad)}.zd.weak{background:var(--muted2)}
.zl{display:inline-block;width:0;height:12px;border-left:1.5px dashed var(--muted2)}
.mx-z .lbl{display:inline-flex;align-items:center;gap:7px}
.mx-z{cursor:pointer}.mx-z:hover{background:var(--accent-soft)}
.mx-z.zero{cursor:default}.mx-z.zero:hover{background:var(--card)}
@media (max-width:900px){.mx-groups{grid-template-columns:1fr}.mx-groups>span:first-child{display:none}.mx-open{justify-self:center;margin:0}}
.mx-open{justify-self:end;margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border:none;border-radius:99px;background:var(--bg);color:var(--fg);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.mx-open svg{width:16px;height:16px;flex:none}
.mx-open:hover{background:var(--accent-soft);color:var(--accent)}
.rd-tiles.mx-row .rd-tile .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}
.st-tile .val.up{color:var(--ok)}.st-tile .val.down{color:var(--bad)}