/* Emergency support overrides - unify styles across pages */
.emergency-card,
.sb-emergency,
.emer-card {
    background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(22, 160, 90, 0.2);
}

.emergency-icon,
.sb-emer-ico,
.emer-ico {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(22, 160, 90, 0.15);
    border: 2px solid rgba(22, 160, 90, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--accent2);
}

.emergency-card .lbl,
.sb-emer-label,
.emer-label {
    font-size: 10.5px;
    color: rgba(255, 255, 255, 0.38);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 3px;
}

.emergency-card .avail,
.sb-emer-title,
.emer-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--accent2);
    margin-bottom: 3px;
}

.emergency-card .num,
.sb-emer-num,
.emer-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
}

/* Ensure sidebar-specific containers keep spacing and visual weight */
.sidebar .emergency-card,
.sidebar .sb-emergency,
.sidebar .emer-card {
    margin-bottom: 0;
}

/* Slightly increase specificity to override per-page rules if needed */
body .sidebar .sb-emergency {
    background-clip: padding-box;
}

/* Fallbacks for older per-page classes */
.emer-card .emer-ico {
    font-size: 20px;
}


/* End of emergency overrides */