/* Coach dashboard styles */
.coach-header-card {
    background: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);
    color: #fff; border-radius: 16px; padding: 20px; margin-bottom: 20px;
}
.coach-header-card .coach-name { font-size: 22px; font-weight: 800; }
.coach-header-card .coach-meta { font-size: 13px; opacity: 0.85; margin-top: 4px; }
.coach-header-card .coach-stats { display: flex; gap: 16px; margin-top: 16px; }
.coach-header-card .cs-item { text-align: center; }
.coach-header-card .cs-num { font-size: 20px; font-weight: 800; }
.coach-header-card .cs-label { font-size: 11px; opacity: 0.7; }

.member-card {
    background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin-bottom: 10px; cursor: pointer; transition: background 0.15s;
}
.member-card:active { background: #f9f9ff; }
.member-card .mc-top { display: flex; align-items: center; gap: 10px; }
.member-card .mc-name { font-size: 15px; font-weight: 700; flex: 1; }
.member-card .mc-badge { font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 10px; }
.mc-badge-urgent { background: #FFEBEE; color: #C62828; }
.mc-badge-normal { background: #E8F5E9; color: #2E7D32; }
.member-card .mc-progress { margin-top: 8px; display: flex; align-items: center; gap: 8px; }
.mc-progress-bar { flex: 1; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }
.mc-progress-fill { height: 100%; background: #6366F1; border-radius: 3px; transition: width 0.3s; }
.mc-progress-text { font-size: 11px; color: #999; white-space: nowrap; }

/* Do/Don't popup */
.rules-popup { max-height: 60vh; overflow-y: auto; }
.rules-popup .rule-section { margin-bottom: 16px; }
.rules-popup .rule-section h4 { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.rules-popup .rule-item { padding: 6px 0; font-size: 13px; border-bottom: 1px solid #f5f5f5; }
.rules-popup .rule-do { color: #2E7D32; }
.rules-popup .rule-dont { color: #C62828; }

/* Settlement card */
.settle-card { background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 12px; }
.settle-amount { font-size: 22px; font-weight: 800; color: #6366F1; }
.settle-label { font-size: 12px; color: #999; }