/* Team progress page. Extends docs.css; adds nothing global. Mobile-first. */

.section-note{font-size:14px;color:#52657c;margin:-4px 0 18px}

.status-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.status{position:relative;border:1px solid #d5e0e7;border-left:3px solid #718198;border-radius:8px;background:#fff;padding:16px 18px}
.status-label{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:650;color:#52657c;border:1px solid #d5e0e7;border-radius:999px;padding:3px 10px;margin-bottom:10px}
.status-title{font-size:16px;font-weight:650;margin:0 0 6px;line-height:1.45}
.status-detail{font-size:14px;color:#536477;margin:0}

.status-done{border-left-color:#2f578c}
.status-done .status-label{color:#2f578c;border-color:#b9cde4;background:#e5edf3}
.status-active{border-left-color:#4c78bb}
.status-active .status-label{color:#3d5f92;border-color:#c3d4e8;background:#eef3f7}
.status-blocked{border-left-color:#8a6d3b}
.status-blocked .status-label{color:#7a5f30;border-color:#e0d3b8;background:#f6f0e4}

.day{font-size:15px;font-weight:650;letter-spacing:0;margin:26px 0 10px;color:#1b3158}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.checklist li{position:relative;font-size:14px;color:#536477;padding:9px 0 9px 30px;border-bottom:1px solid #d5e0e7;line-height:1.6}
.checklist li:last-child{border-bottom:0}
.checklist li::before{content:"";position:absolute;left:2px;top:14px;width:14px;height:14px;border:1.5px solid #718198;border-radius:3px}

@media(min-width:721px){
  .status{padding:18px 22px}
  .status-title{font-size:17px}
}

html[data-theme="dark"] .section-note,
html[data-theme="dark"] .status-detail,
html[data-theme="dark"] .checklist li{color:#acc6e9}
html[data-theme="dark"] .status{background:#16264259;border-color:#30496c}
html[data-theme="dark"] .status-label{border-color:#30496c;color:#acc6e9}
html[data-theme="dark"] .day{color:#f5f8fc}
html[data-theme="dark"] .checklist li{border-color:#30496c}
html[data-theme="dark"] .checklist li::before{border-color:#5b7699}
html[data-theme="dark"] .status-done{border-left-color:#7ea8dd}
html[data-theme="dark"] .status-done .status-label{color:#d5e5ff;background:#1b3158;border-color:#3d5f92}
html[data-theme="dark"] .status-active{border-left-color:#acc6e9}
html[data-theme="dark"] .status-active .status-label{color:#d5e5ff;background:#1b3158;border-color:#3d5f92}
html[data-theme="dark"] .status-blocked{border-left-color:#d3b276}
html[data-theme="dark"] .status-blocked .status-label{color:#eed9ae;background:#33291a;border-color:#5c4a2c}