.traffic-indicator{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.25}.traffic-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.02em}.traffic-badge i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;font-style:normal;font-size:11px;color:#fff}.traffic-green .traffic-badge{color:#247653}.traffic-green .traffic-badge i{background:#2e9b70}.traffic-yellow .traffic-badge{color:#8a681e}.traffic-yellow .traffic-badge i{background:#d39a2d}.traffic-red .traffic-badge{color:#a4463e}.traffic-red .traffic-badge i{background:#d45c50}.traffic-gray .traffic-badge{color:#6f7d78}.traffic-gray .traffic-badge i{background:#8d9a95}.traffic-indicator small{color:var(--muted);font-size:11px;line-height:1.35}.traffic-compact{margin-top:7px}.traffic-compact small{display:block;margin-top:3px}.metric-card>.traffic-indicator{min-height:31px}.status-overview{margin:0 0 18px}.status-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.status-overview-card,.detail-summary-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fbfefc}.status-overview-heading,.indicator-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.status-overview-card>b{display:block;font-size:21px;margin:9px 0 2px}.status-overview-card>small,.detail-summary-card>small{color:var(--muted);font-size:12px}.section-progress{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 16px}.progress-headline{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.progress-headline strong{font-size:20px;letter-spacing:-.03em}.progress-headline span{color:var(--muted);font-size:12px}.progress-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.progress-facts span{color:var(--muted);font-size:12px}.progress-facts b{display:block;color:var(--ink);font-size:15px;margin-top:3px}.section-progress .goal-progress{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.section-progress .goal-progress>div{height:7px;border-radius:99px;background:#edf2ee;overflow:hidden}.section-progress .goal-progress i{display:block;height:100%;border-radius:inherit;background:#3e9b72}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.detail-summary-main{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.detail-summary-main>div{display:grid;gap:4px}.detail-summary-main span{color:var(--muted);font-size:12px}.detail-summary-main strong{font-size:20px}.detail-summary-main>.traffic-indicator{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.detail-summary-card>strong{display:block;font-size:22px;margin:8px 0 2px}.comparison-periods{display:grid;gap:10px}.comparison-period{display:grid;grid-template-columns:110px repeat(3,minmax(0,1fr));gap:10px;align-items:start;border-top:1px solid var(--line);padding:10px 0}.comparison-period>strong{font-size:12px;color:var(--ink-soft)}.comparison-period span{font-size:12px;color:var(--ink)}.comparison-period span b{display:block;font-size:11px;color:var(--muted)}.comparison-period span small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.indicator-card-head .traffic-indicator{flex:none}.indicator-explanation{color:var(--muted);font-size:11px;line-height:1.35;margin:7px 0 0}.clinical-primary{display:flex;align-items:baseline;gap:9px;margin:12px 0 2px}.clinical-primary strong{font-size:24px}.clinical-primary span{color:var(--muted);font-size:12px}.chart-wrap-primary{min-height:270px}.status-overview .traffic-compact small{max-width:180px}@media(max-width:800px){.status-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-headline{display:block}.progress-headline span{display:block;margin-top:4px}.progress-facts{grid-template-columns:repeat(2,1fr)}.detail-summary,.detail-summary-main{grid-template-columns:1fr 1fr}.detail-summary-main>.traffic-indicator{grid-column:1/-1}.comparison-period{grid-template-columns:90px repeat(2,minmax(0,1fr))}.comparison-period span:nth-of-type(3){grid-column:2/-1}}@media(max-width:480px){.status-overview-grid{grid-template-columns:1fr}.detail-summary,.detail-summary-main{grid-template-columns:1fr}.comparison-period{grid-template-columns:1fr 1fr}.comparison-period>strong{grid-column:1/-1}.comparison-period span:nth-of-type(3){grid-column:auto}.progress-facts{gap:8px}}