/* UIFIX07 — LIVE06 screenDisplay, readonly task rows. No record actions. */
.hq-surface .display-board{background:#192132;border-radius:18px;padding:24px;color:#eaf0fa;min-height:530px}
section.hq-surface .display-board .u6-panel{background:#252e42;border-color:#354158;color:#eaf0fa;box-shadow:none}
.hq-surface .display-board .muted,.hq-surface .display-board small{color:#b5bfd0}
.hq-surface .display-board .u5-task-row{border-color:#3a4357}
.hq-surface .display-board .chip{background:#354158;color:#e5edff;white-space:normal}
.hq-surface .display-board .eyebrow{color:#aebbd4}
.hq-surface .hq-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hq-surface .hq-header>div{min-width:0}.hq-surface .hq-header h1{margin-top:9px;overflow-wrap:anywhere}
.hq-surface .hq-clock{display:flex;flex-direction:column;gap:5px}.hq-surface .hq-clock strong{font-size:32px;font-variant-numeric:tabular-nums}
.hq-surface .hq-grid{margin-top:18px;align-items:start}.hq-surface .hq-panel{min-width:0}
.hq-surface .hq-row .u5-task-content{overflow-wrap:anywhere}.hq-surface .hq-row small{font-size:12px}.hq-surface .hq-row .u5-row-trailing{max-width:38%;flex-wrap:wrap;justify-content:flex-end}
.hq-surface .hq-empty{padding:0}.hq-surface .hq-foot{font-size:11px;margin-top:18px;line-height:1.6}
.hq-surface .hq-warning{padding:12px 14px;background:#483d2a;color:#ffe1a8;border:1px solid #736047;border-radius:10px;margin-top:14px;line-height:1.6}
.hq-surface .hq-warning .btn{margin-left:12px}.hq-surface .hq-sources{overflow-wrap:anywhere}
.key-status{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0}
@media(max-width:700px){.hq-surface .display-board{padding:16px}.hq-surface .hq-row .u5-row-trailing{max-width:86px}.hq-surface .hq-warning .btn{margin:8px 0 0}.hq-surface .page-head{flex-wrap:wrap}.l6-card .key-status{gap:3px}.l6-card .key-status .chip{font-size:9px}}

/* UIFIX24 — readable LIVE06 dark board and stable mobile title/clock layout. */
.hq-surface .page-head.hq-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 16px}
.hq-surface .hq-page-head>.muted{grid-column:1/-1;margin:0}
.hq-surface .hq-page-head>.btn{justify-self:end;white-space:nowrap}
.hq-surface .hq-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px}
.hq-surface .hq-header h1{color:#eaf0fa;margin:9px 0 0}
.hq-surface .hq-clock{white-space:nowrap;justify-self:end;color:#eaf0fa}
.hq-surface .hq-date{grid-column:1/-1;font-size:10px;overflow-wrap:anywhere}
.hq-surface .u5-dashboard.hq-grid{align-items:stretch}
.hq-surface .display-board .hq-panel{background:#252e42;color:#eaf0fa;border-color:#354158}
.hq-surface .display-board .hq-row{color:#eaf0fa;border-color:#3a4357}
.hq-surface .display-board .hq-panel h2{color:#eaf0fa}
@media(max-width:700px){
 .hq-surface .hq-page-head{gap:8px 10px}
 .hq-surface .hq-page-head>.btn{min-height:40px;padding:8px 12px}
 .hq-surface .hq-header{gap:8px 12px}
 .hq-surface .hq-header h1{font-size:24px;line-height:1.3}
 .hq-surface .hq-clock strong{font-size:32px;line-height:1.1}
}
@media(max-width:360px){
 .hq-surface .hq-header h1{font-size:21px}
 .hq-surface .hq-clock strong{font-size:28px}
}