/* v21.9: scoped first-session and staff readability; desktop grids retain their layout. */
.df219-notices{padding:10px 16px;background:#0b1017}.df219-notice{padding:12px;margin:5px 0;border:1px solid #326447;border-radius:8px;color:#bbf4cf;background:#102218;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.df219-notice.is-error{border-color:#97384a;background:#291019;color:#ffc1ca}
.df-beta-task:focus-visible,.ob-btn:focus-visible,.br a:focus-visible,.br button:focus-visible{outline:3px solid #ffbd55;outline-offset:3px}
.br{padding:18px;min-width:0}.br-card{background:#10151d;border:1px solid #29313d;border-radius:10px;padding:16px;margin-bottom:12px;min-width:0;overflow-wrap:anywhere}
.br-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.br-metric{display:block;font-size:25px;margin-top:6px}
.br-muted{color:#a3adbb}.br-nav{display:flex;flex-wrap:wrap;gap:12px}.br a{color:#ff8798}.br-ticket{border-top:1px solid #29313d;padding:16px 0}
.br-ticket form{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:10px}.br label{display:block}.br input,.br select,.br button{box-sizing:border-box;width:100%;padding:11px;border:1px solid #465266;border-radius:6px;background:#0b1017;color:#fff}.br button{background:#a71932;cursor:pointer}
.br-scroll{overflow-x:auto;max-width:100%}.br-table{width:100%;border-collapse:collapse;font-size:13px}.br-table th,.br-table td{padding:10px;text-align:left;border-bottom:1px solid #29313d;vertical-align:top}.br summary{cursor:pointer;padding:10px 0;font-weight:bold}
#finish-guide{scroll-margin-top:90px}
@media(max-width:850px){.br-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-ticket form{grid-template-columns:1fr}.br{padding:12px}}
@media(max-width:650px){
 .df-onboard .ob-card p,.df-onboard .ob-plan-item span,.df-onboard .ob-tip,.df-onboard .ob-actions-copy span,.df-beta-task span{font-size:13px;line-height:1.6}
 .df-onboard .ob-card strong,.df-onboard .ob-plan-item strong,.df-beta-task b{font-size:14px}
 .df-onboard .ob-btn,.df-onboard .ob-card a,.ws button,.beta-wrap button{min-height:44px;font-size:13px}
 .beta-wrap input,.beta-wrap select,.beta-wrap textarea,.br input,.br select{font-size:16px;min-height:44px;max-width:100%}
 .beta-wrap,.beta-card,.beta-field,.ws .gear>div{min-width:0;overflow-wrap:anywhere}
 .df-onboard .ob-actions{margin-bottom:80px}.br-table{min-width:560px}.br-card h1{font-size:25px}
}