/* ══════════════════════════════════════════
   HNP Dashboard Specific Styles
══════════════════════════════════════════ */

.hnp-gradient-primary {
    background: linear-gradient(135deg, #283593, #1a237e);
}
.hnp-gradient-new {
    background: linear-gradient(135deg, #1a73e8, #0d47a1);
}
.hnp-gradient-old {
    background: linear-gradient(135deg, #2e7d32, #1b5e20);
}
.hnp-gradient-referred {
    background: linear-gradient(135deg, #f57c00, #e65100);
}
.hnp-gradient-male {
    background: linear-gradient(135deg, #1565c0, #0d47a1);
}
.hnp-gradient-female {
    background: linear-gradient(135deg, #ad1457, #880e4f);
}
.hnp-gradient-nutrition {
    background: linear-gradient(135deg, #00838f, #006064);
}
.hnp-gradient-done {
    background: linear-gradient(135deg, #2e7d32, #1b5e20);
}

.hnp-card-header {
    background: linear-gradient(135deg, #283593, #1a237e);
}

.hnp-table-header {
    background: #e8eaf6;
    color: #1a237e;
}

.hnp-page-title {
    color: #1a237e;
    font-weight: 700;
}

.hnp-section-title {
    font-weight: 700;
    color: #283593;
    font-size: 1.05rem;
    border-bottom: 2px solid #283593;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.hnp-status-new {
    background: #e3f2fd;
    color: #1565c0;
    border-left: 4px solid #1565c0;
}
.hnp-status-old {
    background: #e8f5e9;
    color: #2e7d32;
    border-left: 4px solid #2e7d32;
}
.hnp-status-referred {
    background: #fff3e0;
    color: #e65100;
    border-left: 4px solid #f57c00;
}

.hnp-symptom-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    background: #e8eaf6;
    color: #283593;
    margin: 4px;
}

.hnp-symptom-badge .count {
    background: #283593;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}