/*
 * Dashboard-only panels (alerts / activity feed / mini table). The generic
 * .stat-card / .info-card / .mini-stat-card components used across many
 * pages (doctor & patient files, attendance, finance, reports...) now live
 * in dental-custom.css / main.css so they aren't only styled on this one page.
 */

/* ====== DASHBOARD PANELS (alerts / activity / mini table) ====== */
.dash-panel {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.dash-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1.1rem;
}

.dash-panel-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--dark);
    margin: 0;
}

.dash-panel-sub {
    font-size: 12px;
    color: #9CA3AF;
    margin: 2px 0 0;
}

.dash-panel-link {
    font-size: 12px;
    color: var(--primary);
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.dash-panel-link:hover {
    text-decoration: underline;
}

.dash-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex: 1;
    color: #9CA3AF;
    font-size: 12.5px;
    padding: 2rem 0;
}

.dash-empty i {
    font-size: 22px;
    color: var(--success);
}

.low-stock-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-height: 260px;
    overflow-y: auto;
}

.low-stock-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem .75rem;
    background: #FEF2F2;
    border-radius: 10px;
}

.low-stock-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.low-stock-name {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--dark);
}

.low-stock-meta {
    font-size: 11px;
    color: #9CA3AF;
}

.dash-mini-table thead th {
    font-size: 11.5px;
}

.dash-mini-table td,
.dash-mini-table th {
    padding: .55rem .6rem;
}

.dash-activity {
    max-height: 260px;
    overflow-y: auto;
    padding-left: 4px;
}

.dash-activity .note-item:last-child {
    margin-bottom: 0;
}