/* Reading sizes for a working dashboard, including compact and mobile layouts. */
/* Related implementation: README.md. Monthly scorecard and deviation flags. */
.executive-score{table-layout:fixed;min-width:1000px}
.executive-score th:nth-child(1){width:24%}.executive-score th:nth-child(2){width:16%}.executive-score th:nth-child(3){width:15%}.executive-score th:nth-child(4){width:28%}.executive-score th:nth-child(5){width:17%}
.executive-score td,.executive-score th{padding:20px 16px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.executive-score th{font-size:.68rem;line-height:1.5;padding-top:14px;padding-bottom:14px}
.executive-score .metric-name{font-size:.875rem;line-height:1.5}.indicator-cell .owner{margin-top:12px}
.executive-score .metric-value,.target-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}
.executive-score .quality-cell .pill{white-space:normal;line-height:1.5}
.executive-score .month-reading{display:flex;flex-direction:column;gap:14px;max-width:none;width:100%;line-height:1.5}
.reading-signal{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.signal{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:650;line-height:1.4;border:1px solid transparent;white-space:nowrap}
.signal>span,.signal-legend i{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:currentColor}
.signal-good{color:#17633e;background:#eaf7ef;border-color:#b8dec9}.signal-attention{color:#785500;background:#fff5ce;border-color:#ead486}.signal-bad{color:#a82b32;background:#fff0f0;border-color:#edb9bc}.signal-none{color:#69717c;background:#f3f4f6;border-color:#e0e3e8}
.signal-note{display:block;font-size:.75rem;color:#737983;line-height:1.5;white-space:normal;margin:0}
.reading-values{display:grid;gap:8px;margin:0}.reading-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.reading-values dt{font-size:.7rem;color:#777e88;line-height:1.5}.reading-values dd{margin:0;font-size:.78rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.reading-cut{font-size:.75rem;line-height:1.5;color:#7d838c;margin:0}
.row-good .indicator-cell{box-shadow:inset 3px 0 #359466}.row-attention .indicator-cell{box-shadow:inset 3px 0 #d4a714}.row-bad .indicator-cell{box-shadow:inset 3px 0 #ce4850;background:#fffafa}
.signal-legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding:16px;border-top:1px solid var(--line);font-size:.72rem;color:#666e77;line-height:1.6}
.signal-legend>span{display:inline-flex;align-items:center;gap:6px}.signal-legend small{display:block;width:100%;font-size:.72rem}.legend-good{color:#359466}.legend-attention{color:#d4a714}.legend-bad{color:#ce4850}
@media(max-width:720px){
 .executive-score{min-width:0;table-layout:auto;display:block}.executive-score thead{display:none}.executive-score tbody{display:grid}
 .executive-score .metric-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line);padding:18px;gap:16px 20px}
 .executive-score td{display:block;width:auto!important;padding:0;border:0;min-width:0}
 .executive-score .indicator-cell,.executive-score .reading-cell,.executive-score .quality-cell{grid-column:1/-1}
 .executive-score .indicator-cell{padding-left:12px}.executive-score td[data-label]::before{content:attr(data-label);display:block;color:#858b95;font-size:.68rem;font-weight:600;margin-bottom:7px;text-transform:uppercase;letter-spacing:.035em}
 .executive-score .reading-cell{padding-top:14px;border-top:1px solid #edf0f3}.executive-score .metric-name{font-size:1rem}
 .executive-score .reading-values dt{font-size:.8rem}.executive-score .reading-values dd{font-size:.85rem}
}
.brand>span,.nav-label,.eyebrow,.profile small,.workspace small,.demo-tag,
.metric-sub,.table-bottom,.page-footer,.update time,.timeline-item small,
.chart-labels,.form .help,.priority-number,.stat-label{font-size:.75rem}
.btn,.text-link,.segmented button,.owner,select,.priority p,.priority-footer,
.attention-item strong,.attention-item small,.metric-name,table,.trend,
.commit-count,.update strong,.update p,.small,.commit-meta,.commit-card p,
.filters input,.history-card p,.history-stats,.info-note,.definition,.analysis,
.form label,.timeline-item,.timeline-item strong,.meeting-step,
.page-head p,.summary-box span,.progress-meta,.kpi-grid small{font-size:.875rem}
.pill{font-size:.75rem}th{font-size:.75rem}.profile strong,.workspace strong{font-size:.875rem}
.priority p{line-height:1.6}.priority{min-height:258px}.priority h3{font-size:1.1rem}
.performance-status{display:block;font-size:.75rem;margin-top:7px;color:#996224;font-weight:500}
.performance-status.perf-good{color:#327052}.performance-status.perf-bad{color:#af453b}.performance-status.perf-none{color:#7d838c}
.sidebar-note .eyebrow{font-size:.75rem}.history-stats>span{display:inline-flex;align-items:center;gap:5px}
.metric-sub{white-space:normal;max-width:210px;line-height:1.4}
.score-section,.week-layout>section,.lower-grid>section{min-width:0}
.section-head>.eyebrow{max-width:190px;text-align:right;line-height:1.6}
.definition dd,.timeline-item p,.decision p,.analysis,.commit-card h3{overflow-wrap:anywhere}
.period-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:-8px 0 24px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.period-controls label{display:grid;gap:6px;font-size:.72rem;font-weight:600;color:#666b74}.period-controls input,.period-controls select{min-width:155px;background:#fff;border:1px solid #e0e2e6;border-radius:6px;padding:8px 10px;color:#51565e}.period-controls span{margin-left:auto;color:#7d838c;font-size:.75rem;padding:9px 0}.month-reading{display:grid;gap:5px;max-width:190px;white-space:normal;line-height:1.35}.month-reading strong{font-size:.75rem;font-weight:550;color:#565c65}.month-reading small{font-size:.7rem;color:#8a8f97}.quick-row{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr)!important;align-items:center;padding:13px 0;border-bottom:1px solid #f0f1f3}.quick-row>span{display:grid;gap:5px}.quick-row strong{font-size:.8rem}.quick-row small{font-size:.7rem;color:var(--muted);font-weight:400}.quick-row input{text-align:right}
@media(max-width:1200px){.week-layout{grid-template-columns:minmax(0,1fr) 270px}.priority-top{align-items:flex-start;gap:8px}.priority-top .pill{white-space:normal}.priority{padding:18px}}
@media(max-width:1020px){.week-layout{grid-template-columns:1fr}}
@media(max-width:720px){.demo-tag{font-size:.75rem}.breadcrumb{display:none}.topbar{justify-content:center}nav a{font-size:.8rem;padding-left:4px;padding-right:4px;gap:5px}.page-head .head-actions{flex-wrap:wrap}.head-actions>.btn{min-width:140px}.priority{min-height:245px}.section-head>.eyebrow{display:none}.section-head .count{font-size:.75rem}.segmented{flex-wrap:wrap}.score-toolbar .segmented{width:100%}.priority-footer{flex-wrap:wrap;gap:10px}.form-row{grid-template-columns:1fr}.history-stats{font-size:.875rem}.page-footer{font-size:.75rem}.meeting-bottom .btn{font-size:.875rem}.period-controls{align-items:stretch}.period-controls label{flex:1;min-width:130px}.period-controls input,.period-controls select{min-width:0;width:100%}.period-controls span{width:100%;margin:0;padding:4px 0}.quick-row{grid-template-columns:1fr!important}.quick-row input{text-align:left}}
@media(max-width:450px){nav a{font-size:.875rem;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere;text-align:center}}
/* Strategic projects use the same SunnyHUB typography and signal system. */
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.project-card{min-width:0}
.project-card h3 a{color:inherit;text-decoration:none}
.project-card h3 a:hover{color:#ff5a00;text-decoration:underline}
.project-card .section-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
.project-card p{overflow-wrap:anywhere}
.definition.project-definition{grid-template-columns:170px minmax(0,1fr)}
@media(max-width:720px){.definition.project-definition{grid-template-columns:1fr;gap:5px}.project-definition dd{margin-bottom:12px}}
.meeting-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px){.meeting-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{flex-wrap:wrap;gap:12px}}
@media(max-width:520px){.meeting-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.definition{grid-template-columns:1fr}.definition dd{margin-bottom:10px}}