/* THE DASHBOARDS LINE — the reader page around a shared dashboard. Tokens only. */
body.rd{margin:0;height:100vh;display:flex;flex-direction:column;background:var(--plane);color:var(--text);font:var(--fs-body)/1.5 var(--font);}
[hidden]{display:none !important;}
.rd-top{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--hairline);flex-wrap:nowrap;}
.rd-logo{color:var(--text);font-weight:600;font-size:var(--fs-lead);text-decoration:none;flex-shrink:0;}
.rd-title{font-size:var(--fs-lead);font-weight:600;margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rd-tag{flex-shrink:0;font-size:var(--fs-micro);font-weight:600;color:var(--text2);background:var(--sunken);border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap;}
.rd-actions{display:flex;gap:6px;flex-shrink:0;}
.rd-btn{font:inherit;font-size:var(--fs-small);height:30px;padding:0 12px;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;}
.rd-btn:hover{background:var(--hover);}
.rd-btn:focus-visible,.rd-x:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
.rd-status{margin:24px auto;max-width:640px;color:var(--text2);text-align:center;}
.rd-status:empty{display:none;}
.rd-body{flex:1;min-height:0;display:flex;position:relative;}
.rd-frame{flex:1;border:0;width:100%;height:100%;background:var(--plane);}
.rd-about{width:360px;max-width:92vw;background:var(--panel);border-left:1px solid var(--hairline);overflow:auto;padding:16px;box-sizing:border-box;}
.rd-about-head{display:flex;align-items:center;justify-content:space-between;}
.rd-about h2{font-size:var(--fs-title);margin:0;}
.rd-about h3{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--text3);margin:16px 0 6px;}
.rd-x{font:inherit;border:none;background:none;color:var(--text2);cursor:pointer;font-size:var(--fs-lead);padding:2px 6px;border-radius:var(--r-xs);}
.rd-p{margin:8px 0;color:var(--text2);}
.rd-note{background:var(--sunken);border-radius:var(--r-sm);padding:6px 10px;}
.rd-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text2);}
.rd-list strong{color:var(--text);}
.rd-about h4.rd-tab{font-size:var(--fs-small);color:var(--text);margin:12px 0 4px;}
.rd-sev{display:inline-block;font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:0 6px;border-radius:var(--r-pill);border:1px solid var(--border2);}
.rd-sev.high{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border);}
.rd-foot{padding:6px 18px;font-size:var(--fs-micro);color:var(--text3);background:var(--panel);border-top:1px solid var(--hairline);}
.rd-foot a{color:var(--accent-text);}
@media (max-width:700px){
  .rd-top{flex-wrap:wrap;gap:8px;padding:8px 12px;}
  .rd-title{order:3;flex-basis:100%;}
  .rd-actions{margin-left:auto;}
  .rd-about{position:absolute;inset:auto 0 0 0;width:auto;max-width:none;max-height:70%;border-left:none;border-top:1px solid var(--hairline);box-shadow:var(--shadow-float);border-radius:var(--r-lg) var(--r-lg) 0 0;}
}
.rd-try{text-decoration:none;display:inline-flex;align-items:center;background:var(--accent);border-color:var(--accent);color:#fff;}
.rd-try[hidden]{display:none;}
