/* Phase 2: bot computer pane, help and form cards, vault kinds. Uses each edition's own variables. */
.deskpane{position:fixed;top:0;right:0;bottom:0;width:min(920px,100vw);background:var(--bg);border-left:1px solid var(--line);z-index:46;display:flex;flex-direction:column;box-shadow:var(--shadow);padding-top:var(--st)}
.deskpane.hidden{display:none}
.deskpane .phead{gap:8px}
.dbody{padding:12px 14px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;padding-bottom:calc(16px + var(--sb))}
.dview{width:100%;aspect-ratio:16/10;background:#111;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.dview>div:not(.dempty){width:100%;height:100%}
.dempty{color:#bbb;font-size:14px;padding:20px;text-align:center}
.dctl{gap:8px} .dctl button{display:inline-flex;align-items:center;gap:6px} .dctl svg{width:16px;height:16px}
.dstat{display:flex;gap:6px;align-items:center}
.dpill{display:inline-flex;align-items:center;font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;border:1px solid var(--line2);color:var(--tx2);background:var(--card)}
.dpill.live{border-color:var(--teal);color:var(--tx)} .dpill.on{background:var(--teal);color:var(--onteal,#fff);border-color:transparent}
.dpill.warn{background:#f5b84a;color:#2b1b00;border-color:transparent} .dpill.bad{background:#e35d5d;color:#fff;border-color:transparent}
@media (min-width:1400px){body.deskopen .main{margin-right:920px}}
.bdesk{flex:none}
.bcards{display:flex;flex-direction:column;gap:8px;max-width:var(--maxw,820px);margin:0 auto;width:100%;padding:0 12px}
.bcards:empty{display:none}
.bcard{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--teal);margin:0} .bcard p{margin:0}
.bcard.helpcard{border-color:#f5b84a}
.bcard label{font-size:12.5px;font-weight:600;color:var(--mu);margin-top:4px}
.bcard .fmode{gap:16px} .bcard label.chk{color:var(--tx2)}
.bcard button{display:inline-flex;align-items:center;gap:6px} .bcard svg{width:16px;height:16px}
.vtabs{gap:6px;margin:4px 0 8px} .vtab.on{background:var(--teal);color:var(--onteal,#fff);border-color:transparent}
.vtags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px} .vtag{font-size:11px;border:1px solid var(--line2);border-radius:999px;padding:0 7px;color:var(--mu)}
.vact{margin:0;padding-left:16px;max-height:140px;overflow:auto;color:var(--tx2)}
#dlgbody select{width:100%}
.ed-pixel .deskpane h2,.ed-pixel .bcard b{font-family:"Pixel",var(--mono);font-size:11px;font-weight:400;color:var(--tealtx)}
.ed-pixel .dpill.on,.ed-pixel .vtab.on{background:var(--pink);color:#fff}
.ed-pm .bcard{border-width:1px;box-shadow:inset 3px 0 0 var(--teal)}
.ed-spry .dpill,.ed-spry .vtab,.ed-spry .vtag,.ed-spry .bcard button,.ed-spry .dctl button{border-radius:999px}
.ed-spry .bcard{border-radius:20px;border-color:var(--coral)} .ed-spry .dview{border-radius:20px}
.ed-spry .dpill.on,.ed-spry .vtab.on{background:var(--navy);color:var(--cream)}
.ed-spry .deskpane h2,.ed-spry .bcard b{font-family:var(--head);font-weight:500}
@media (max-width:820px){.deskpane{width:100vw;border-left:0} .dview{aspect-ratio:4/3}}
@media (max-width:820px){.ed-spry .binfo{display:none} .ed-spry .bdesk{padding:0 8px;font-size:13px} .ed-spry .top .title{min-width:0;overflow:hidden}}
.ccard .crow{gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)} .ccard .crow:first-child{border-top:0}
.ctools{flex-basis:100%} .csteps{padding-left:18px;margin:4px 0} .credir code{word-break:break-all;flex:1} .cwiz{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.ed-spry .ccard{border-radius:20px}