/* The canvas remains neutral. Each signal has its own meaning and colour. */
.metric.decision-metric.cancellation-overview{min-width:0;background:#fff;border:1px solid #dfe6f0;color:#1b2c45;padding:20px;margin:20px 0;overflow-wrap:anywhere}
.cancellation-overview-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:20px;border-bottom:1px solid #e5ebf3;padding-bottom:12px;margin-bottom:14px}
.cancellation-overview .metric-label{margin:0;min-height:0;font-size:14px;line-height:1.5;color:#263d5a}
.cancellation-overview-total{display:flex;align-items:center;gap:12px;margin:5px 0 0}
.cancellation-overview-total .metric-value{margin:0;font-size:32px;line-height:1.3;flex:none}
.cancellation-overview-total>span{font-size:12px;line-height:1.5;color:#64758c}
.cancellation-overview-counts,.cancellation-overview-deadlines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0}
.cancellation-overview-counts{gap:14px}
.cancellation-overview-counts>div,.cancellation-overview-deadlines>div{min-width:0}
.cancellation-overview-counts dt,.cancellation-overview-deadlines dt{font-size:12px;line-height:1.45;margin:0}
.cancellation-overview-counts dt{color:#65768e}
.cancellation-overview-counts dd,.cancellation-overview-deadlines dd{font-size:22px;font-weight:700;margin:4px 0 0;line-height:1.3}
.cancellation-overview-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cancellation-overview-signal{min-width:0;border:1px solid var(--feedback-line,#dfe6f0);border-radius:9px;padding:12px 13px;background:var(--feedback-soft,#f6f8fb);color:var(--feedback-ink,#415772)}
.cancellation-overview-signal-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.cancellation-overview-signal-head h4{margin:0;font-size:12px;line-height:1.5;font-weight:700;min-width:0}
.cancellation-overview-signal-head>strong{font-size:21px;line-height:1.3;flex:none;font-variant-numeric:tabular-nums}
.cancellation-overview-signal p{font-size:12px;line-height:1.5;margin:6px 0 0;color:inherit}
.cancellation-overview-signal .result-pill{font-size:11px;line-height:1.45;margin-top:7px;padding:3px 7px;max-width:100%}
.cancellation-overview-signal.cancellation-deadline-red{background:#fff0f3;border-color:#db97a4;color:#842b40}
.cancellation-overview-signal.cancellation-deadline-amber{background:#fff7e8;border-color:#dcc08b;color:#765415}
.cancellation-overview-signal.cancellation-deadline-neutral{background:#f5f7fa;border-color:#dfe6ef;color:#52657e}
.cancellation-overview .cancellation-deadline-summary{font-weight:700;margin-top:4px}
.cancellation-overview-deadlines{margin-top:8px;gap:8px}
.cancellation-overview-deadlines dt{font-size:11px}
.cancellation-overview-deadlines dd{font-size:18px}
.cancellation-overview .cancellation-overview-carry{margin-top:7px;padding-top:6px;border-top:1px solid #c7d0dc66}
.cancellation-overview .cancellation-overview-late{font-weight:600}
.cancellation-overview-explanation,.cancellation-overview-clubs{margin-top:12px;font-size:12px;line-height:1.65}
.cancellation-overview-explanation>summary,.cancellation-overview-clubs>summary{cursor:pointer;color:#385d8a;font-weight:650;line-height:1.6}
.cancellation-overview-explanation p{font-size:12px;line-height:1.7;margin:9px 0 0;color:#5e718a;max-width:105ch}
.cancellation-overview-clubs ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:10px}
.cancellation-overview-clubs li{display:grid;gap:5px;padding:10px 11px;border:1px solid #e1e8f1;border-radius:8px;background:#f8fafd;min-width:0}
.cancellation-overview-clubs li>strong{font-size:12px;line-height:1.6;color:#2c4667}
.cancellation-overview-clubs li>span{font-size:12px;line-height:1.55}
.cancellation-overview-clubs .result-pill{justify-self:start;max-width:100%;font-size:11px;padding:3px 7px}
.cancellation-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-top:12px}
.cancellation-overview-note{font-size:11px;line-height:1.6;color:#718097;margin:0}
.cancellation-overview-action{margin:0;font-size:12px;text-align:left;max-width:100%}
.management-metrics.management-secondary-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1049px){.cancellation-overview-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.cancellation-overview-signal:last-child{grid-column:1/-1}}
@media(max-width:800px){.cancellation-overview-signals{grid-template-columns:1fr}.cancellation-overview-signal:last-child{grid-column:auto}.cancellation-overview-header{grid-template-columns:1fr;gap:14px}.cancellation-overview-counts{gap:12px}.management-metrics.management-secondary-pair{grid-template-columns:1fr}}
@media(max-width:540px){.metric.decision-metric.cancellation-overview{padding:15px}.cancellation-overview-signal{padding:12px}.cancellation-overview-signal-head>strong{font-size:20px}.cancellation-overview-counts dt{font-size:11px}}