/* Dashboard power-ups · demo internals (prefix dq / mini widgets m*) on top of round-1 board.css + adv.css */
.demo.dq{height:272px;padding:8px;display:flex;flex-direction:column;gap:6px;overflow:hidden;user-select:none;-webkit-user-select:none}
.demo.dq .btn.sm{height:24px;padding:0 8px;font-size:11.5px;gap:4px}
.muted{color:var(--muted-fg);font-size:11px}
.mono{font-family:var(--font-code)}
.dq-bar{display:flex;align-items:center;gap:8px;flex:none;min-height:26px;flex-wrap:wrap}
.dq-bar>b{display:flex;gap:6px;align-items:center;font:600 12px var(--font-title)}
.dq-bar .r{margin-left:auto;display:flex;gap:6px}
.dq-bar.bot{margin-top:auto}
.dq-bar small{color:var(--muted-fg);font-size:11px}
.seg.sm button{padding:2px 8px;font-size:11.5px}
.dq-sel{display:inline-flex;align-items:center;gap:6px}
.dq-sel small{color:var(--muted-fg);font-size:11px}
.dq-sel select{height:24px;border:1px solid var(--secondary-border);border-radius:5px;background:var(--surface);font:500 12px var(--font-ui);padding:0 6px}
.dq-sa{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;color:var(--muted-fg);white-space:nowrap}
.dq-live{flex:none;font-size:11px;color:#24324F;background:#EEF2FA;border:1px solid #C7D2E8;border-radius:5px;padding:3px 8px;min-height:22px;margin-top:auto}
.dq-k{font:500 11px var(--font-ui);color:var(--muted-fg);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.dq-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1}
.dq-split.lib{grid-template-columns:1.1fr 1fr}

/* mini grid + mini widgets */
.dq-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-content:start;align-items:start;min-height:0;overflow:hidden;flex:1}
.dq-g.sm{gap:4px;overflow:auto}
.mw{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;position:relative;box-shadow:0 1px 1px rgba(14,23,41,.03)}
.mw.ed{border:1.5px dashed #9EB1D6}
.mw.ph{opacity:.35;border-style:dashed;border-color:var(--steel);background:#EEF2FA}
.mw.ghost{position:absolute;z-index:20;pointer-events:none;transform:rotate(-1deg);box-shadow:0 16px 28px -10px rgba(14,23,41,.35);border:1.5px solid var(--steel);opacity:.96}
.mh{display:flex;align-items:center;gap:5px;padding:4px 7px;font-size:11.5px;min-height:24px}
.mh b{font:600 11.5px var(--font-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh svg{color:var(--muted-fg);flex:none}
.mh .mr{margin-left:auto;display:flex;align-items:center;gap:4px}
.mh .x,.mh .chv{border:0;background:none;color:#8A93A6;display:inline-flex;padding:2px;cursor:pointer}
.mh .chv.c svg{transform:rotate(-90deg)}
.mg{cursor:grab;color:#7A8BB0!important;display:inline-flex;touch-action:none;border-radius:3px}
.mg:focus-visible{outline:2px solid var(--ring)}
.mb{padding:0 7px 6px}
.mrz{position:absolute;right:2px;bottom:2px;width:15px;height:15px;border-radius:3px;background:#E9EEF8;color:var(--steel);display:flex;align-items:center;justify-content:center;cursor:nwse-resize}
.mrz svg{width:10px;height:10px}
.mcd{display:grid;grid-template-columns:1fr .7fr 1fr 1.9fr;gap:4px}
.mc{border:1px solid var(--border);border-radius:4px;background:#FAFBFC;padding:3px 4px;display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;min-height:40px;min-width:0}
.mc>b{width:100%;display:flex;font:600 10.5px var(--font-title);white-space:nowrap}
.mc>b span{margin-left:auto}
.mc.td{background:#F2F5FB;border-color:#C6D2EA}
.mc.e>b{color:#A3AAB8}
.mc.od{background:#FDF6F7;border-color:#E9C3C8;border-top:2px solid var(--destructive)}
.mc.od>b{color:var(--destructive)}
.mc i{font:500 10px var(--font-code);font-style:normal;background:#EAEFF7;border-radius:3px;padding:0 4px;white-space:nowrap}
.mc.od i{background:#F8E7E9;display:flex;gap:4px;width:100%}
.mc.od i em{font-style:normal;color:var(--destructive);font-weight:600;min-width:28px;text-align:right}
.mc.od i.old{background:#F0F1F4;color:#5E6678}
.mc.od i.old em{color:#7A8296}
.mc.od i.new{box-shadow:inset 3px 0 0 var(--steel);background:#EAF0FB}
.mc.od i.new::after{content:"new";margin-left:auto;font:600 9px var(--font-ui);color:var(--steel)}
.mc small{font-size:10px;color:var(--muted-fg)}
.mw.roomy .mc{padding:5px 6px;gap:4px}
.mw.roomy .mc>b{font-size:12.5px}
.mw.roomy .mc i{font-size:12px;padding:1px 6px}
.mw.roomy .mc.od i em{min-width:34px}
.msr{height:22px;border:1px solid var(--input);border-radius:4px;display:flex;align-items:center;gap:5px;padding:0 6px;color:#8A93A6;font-size:11px}
.msr kbd{margin-left:auto}
.mz{display:flex;gap:5px;align-items:center;color:#21654C;font-size:11px}
.mrow{display:flex;gap:6px;align-items:center;font-size:11px;border:1px solid #EAD9B3;background:#FDFAF3;border-radius:4px;padding:2px 5px}
.mrow b{font:600 10.5px var(--font-code)}
.mbt{margin-left:auto;border:1px solid var(--secondary-border);border-radius:3px;padding:0 4px;font-size:10px;background:var(--surface)}
.mst,.mq,.mpn,.mag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.mq{grid-template-columns:repeat(2,minmax(0,1fr))}
.mpn{grid-template-columns:repeat(3,minmax(0,1fr))}
.mst span,.mq span,.mpn span,.mag span{border:1px solid var(--border);border-radius:4px;padding:2px 5px;display:flex;flex-direction:column;min-width:0}
.mst small,.mq small,.mpn small,.mag small{font-size:9.5px;color:var(--muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mst b,.mq b,.mpn b,.mag b{font:600 14px/1.1 var(--font-title)}
.mst b{color:#A3AAB8}
.mq b.bad,.mag em{color:var(--destructive)}
.mag em{font:500 9px var(--font-ui);font-style:normal}
.mfc{display:grid;grid-template-columns:40px repeat(4,1fr);gap:2px 4px;font:500 10.5px var(--font-code);text-align:center}
.mfc>span{font:600 9px var(--font-ui);color:var(--muted-fg)}
.mfc b{text-align:left}
.mfc em{font-style:normal}
.mfc em.od{color:var(--destructive);font-weight:600}
.mfc em.z{color:#C3C8D2}
.mfl{display:grid;grid-template-columns:34px repeat(10,1fr);gap:2px;align-items:center;font:600 10px var(--font-code)}
.mfl i{height:12px;border-radius:2px}
.mfl i.t{outline:1.5px solid var(--primary);outline-offset:1px}
.mw.shr .mb{padding-bottom:4px}
.mw.shr .mst span{flex-direction:row;gap:4px;align-items:center;padding:1px 5px}
.mw.shr .mst b{font-size:11px}
.mw.tallz .mb{min-height:46px}
.b0,.bw,.bod{font:600 9.5px var(--font-code);border-radius:8px;padding:0 6px;background:#E8EEF8;color:var(--steel)}
.bw{background:#FBF1DF;color:#9A6412}
.bod{background:#F4E3E5;color:var(--destructive)}
.dq-hid{grid-column:span 12;font-size:10.5px;color:var(--muted-fg);text-align:center;border:1px dashed var(--border);border-radius:5px;padding:3px}

/* keyboard */
.dq-kl{display:flex;flex-direction:column;gap:4px}
.dq-ki{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:5px 8px;font-size:12px;cursor:pointer}
.dq-ki svg{color:var(--muted-fg)}
.dq-ki small{margin-left:auto;color:var(--muted-fg);font:500 10.5px var(--font-code)}
.dq-ki.f{outline:2px solid var(--ring);outline-offset:1px}
.dq-ki.up{transform:translateX(6px);box-shadow:0 10px 18px -8px rgba(14,23,41,.35);border-color:var(--steel);background:#F4F7FD}
.dq-keys{display:flex;gap:5px}

/* screens */
.dq-tabs{display:flex;gap:2px;background:#E6EAF1;border-radius:6px;padding:2px;flex:none;width:max-content;max-width:100%;overflow:auto}
.dq-tab{display:inline-flex;align-items:center;gap:4px;font:500 11.5px var(--font-ui);padding:3px 9px;border-radius:4px;color:var(--muted-fg);cursor:pointer;white-space:nowrap;border:0;background:none;touch-action:none}
.dq-tab svg{color:#A3AAB8}
.dq-tab.on{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgba(14,23,41,.08)}
.dq-pk{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.dq-pk label{display:flex;align-items:center;gap:6px;font-size:12px}
.ava{width:20px;height:20px;border-radius:50%;background:#33405E;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:600 9px var(--font-ui)}
.dq-note{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:3px;font-size:12px}
.dq-note small{color:var(--muted-fg);font-size:11px}
.dq-note .r{display:flex;gap:6px;margin-top:6px}

/* library + collapsed */
.dq-lib,.dq-cl{display:flex;flex-direction:column;gap:3px;min-width:0}
.dq-li{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:4px 6px;font-size:11.5px;min-width:0}
.dq-li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dq-li small{color:var(--muted-fg);font-size:10px}
.dq-li em{font-style:normal;color:#21654C;font-size:11px;display:inline-flex;gap:3px;align-items:center}
.dq-li svg{color:var(--muted-fg);flex:none}
.dq-ll{display:flex;flex-direction:column;gap:3px}

/* pinned */
.dq-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dq-pt{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:1px;position:relative;cursor:pointer;text-align:left;min-width:0}
.dq-pt small{font-size:11px;color:var(--muted-fg)}
.dq-pt b{font:600 20px/1.1 var(--font-title)}
.dq-pt span{font-size:10px;color:#9AA2B3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dq-pt .x{position:absolute;right:4px;top:4px;border:0;background:none;color:#A3AAB8;padding:2px;display:inline-flex}
.dq-pt.add{border-style:dashed;flex-direction:row;align-items:center;justify-content:center;gap:6px;color:var(--steel);font:500 12px var(--font-ui)}
.dq-pop{position:absolute;right:10px;bottom:10px;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 14px 28px -12px rgba(14,23,41,.35);padding:5px;display:none;flex-direction:column;gap:3px;z-index:5}
.dq-pop.in{display:flex}
.dq-pop .dq-li{cursor:pointer}
.dq-ch{display:flex;gap:4px;flex-wrap:wrap}
.dq-ch .fchip small{font-size:9.5px;color:var(--muted-fg)}

/* refresh */
.dq-rf{display:inline-flex;align-items:center;gap:5px;font:500 10.5px var(--font-ui);color:var(--muted-fg);white-space:nowrap}
.dq-rf svg{width:13px;height:13px;transform:rotate(-90deg)}
.dq-rf .bg{fill:none;stroke:#E2E6EC;stroke-width:2.5}
.dq-rf .fg{fill:none;stroke:#3E8E6A;stroke-width:2.5;transition:stroke-dashoffset .9s linear}
.dq-rf.stale{color:#9A6412;background:#FBF1DF;border-radius:4px;padding:1px 6px}
.dq-rf.stale svg{transform:none;color:#9A6412}
.dq-rf .pz{font:600 9.5px var(--font-ui);background:#F0F1F4;color:#5E6678;border-radius:3px;padding:0 4px}

/* focus */
.dq-fx{position:absolute;inset:0;background:var(--bg);display:none;flex-direction:column;gap:8px;padding:10px 12px;z-index:6}
.dq-fx.in{display:flex}
.fxh{display:flex;align-items:center;gap:6px}
.fxh>b{font:600 16px var(--font-title)}
.fxh .r{margin-left:auto;display:flex;align-items:center;gap:8px}
.fxh .clk{font:600 18px var(--font-title)}
.fxb{flex:1;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:8px;display:flex;flex-direction:column;gap:8px}
.fxb .mcd{flex:1}
.fxb .mc>b{font-size:13px}
.fxb .mc i{font-size:12.5px;padding:1px 6px}

/* since + copy + chased */
.dq-new{display:flex;align-items:center;gap:6px;font-size:12px}
.dq-new small{color:var(--muted-fg);font-size:11px}
.dot2{width:8px;height:8px;border-radius:50%;background:var(--steel);display:inline-block}
.dq-cf{background:var(--surface);border:1px solid #E9C3C8;border-top:2px solid var(--destructive);border-radius:6px;padding:7px 8px;display:flex;flex-direction:column;gap:6px;position:relative}
.dq-cf .h{display:flex;align-items:center;gap:6px}
.dq-cf .h b{font:600 12px var(--font-title);color:var(--destructive)}
.dq-cf .h small{font:500 11px var(--font-code);color:#8A93A6}
.dq-cf .h .btn:first-of-type{margin-left:auto}
.dq-cf .ps{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.dq-cf .ps i{font:500 11px var(--font-code);font-style:normal;background:#F8E7E9;border-radius:3px;padding:1px 5px;display:flex;gap:5px}
.dq-cf .ps i em{font-style:normal;color:var(--destructive);font-weight:600;min-width:20px;text-align:right}
.pv{position:absolute;right:6px;top:34px;margin:0;background:#0F1626;color:#E6E9F0;border-radius:6px;padding:7px 10px;font:500 11px/1.5 var(--font-code);white-space:pre;opacity:0;transform:translateY(4px);transition:opacity .14s,transform .14s;pointer-events:none;z-index:4;box-shadow:0 14px 28px -12px rgba(14,23,41,.5)}
.pv.in{opacity:1;transform:none}
.stamp2{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#21654C}
.btn[disabled]{opacity:.45}

/* agent */
.dq-at{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none}
.dq-tt{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:3px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:0;cursor:pointer;min-width:0;text-align:left}
.dq-tt small{font-size:10px;color:var(--muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dq-tt b{font:600 15px/1.1 var(--font-title)}
.dq-tt em{font:500 9.5px var(--font-ui);font-style:normal}
.dq-tt em.bad{color:var(--destructive)}
.dq-tt em.fly{color:var(--info)}
.dq-tt.z b{color:#A3AAB8}
.dq-tt.on{border-color:var(--steel);box-shadow:0 0 0 2px color-mix(in srgb,var(--steel) 18%,transparent)}
.dq-af{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}
.dq-ar{display:grid;grid-template-columns:38px 1.3fr 1fr 34px 76px;gap:6px;align-items:center;font-size:11px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px;white-space:nowrap}
.dq-ar span{overflow:hidden;text-overflow:ellipsis}
.dq-ar .t{color:var(--muted-fg)}
.pill2{font:500 10px var(--font-code);border-radius:3px;padding:0 4px;text-align:center}
.pill2.ok{background:#E7F2EC;color:#21654C}
.pill2.fly{background:#E9EEF8;color:var(--info)}
.pill2.bad{background:#F8E8EA;color:var(--destructive)}
.flash2{animation:fl2 1s}
@keyframes fl2{from{background:#E9EEF8}to{background:var(--surface)}}
.lnk2{color:var(--steel);font-size:10.5px}

/* page-level */
.top .r1link{margin-left:10px}
.is-m .demo.dq{height:300px}
.is-m .dq-split{grid-template-columns:1fr}
.is-m .dq-split.lib .dq-g{max-height:110px}
@media (max-width:420px){ .dq-ar{grid-template-columns:36px 1.2fr 1fr 64px} .dq-ar span:nth-child(4){display:none} }
.dq-split.cl{grid-template-columns:1.25fr 1fr}
.dq-cl .seg.sm button{padding:2px 6px;font-size:11px}
.dq-cl .dq-li{padding:3px 5px}
.dq-ch .fchip small{margin-left:3px}
.is-m .cards{grid-template-columns:minmax(0,1fr)!important}
.is-m .card,.is-m .demo.dq{min-width:0;max-width:100%}
.is-m main{overflow-x:hidden;max-width:100vw}
.is-m .mcd{grid-template-columns:1fr .6fr 1fr 1.6fr}