/*=================== Dashboard home ===================*/
.stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 24px;
}
.stat-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    background: var(--dash-surface);
    border: 1px solid var(--dash-line);
    border-radius: var(--dash-radius);
    color: inherit;
    transition: border-color .25s ease, transform .25s ease;
}
.stat-card:hover { border-color: var(--dash-gold); transform: translateY(-2px); color: inherit; }
.stat-go {
    position: absolute;
    top: 18px; right: 18px;
    font-size: 14px;
    color: var(--dash-gold);
    opacity: 0;
    transform: translateX(-4px);
    transition: all .25s ease;
}
.stat-card:hover .stat-go { opacity: 1; transform: translateX(0); }
.stat-icon {
    flex: 0 0 44px;
    width: 44px; height: 44px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 11px;
    font-size: 19px;
}
.stat-icon.tone-gold  { background: var(--dash-gold-soft);       color: var(--dash-gold); }
.stat-icon.tone-blue  { background: rgba(75, 143, 240, .14);     color: var(--dash-blue); }
.stat-icon.tone-green { background: rgba(63, 174, 114, .14);     color: var(--dash-green); }
.stat-icon.tone-amber { background: rgba(217, 164, 65, .14);     color: var(--dash-amber); }
.stat-body { min-width: 0; }
.stat-label { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: var(--dash-muted); }
.stat-value { margin: 4px 0 2px; font-family: 'Arial Black', Arial, sans-serif; font-size: 26px; color: #fff; }
.stat-meta { margin: 0; font-size: 12px; color: var(--dash-muted); }

/*=================== activity list ===================*/
.activity-list li { display: flex; gap: 12px; padding-bottom: 16px; }
.activity-list li:last-child { padding-bottom: 0; }
.activity-list p { margin: 0 0 2px; font-size: 13px; color: #dededf; line-height: 1.45; }
.activity-list small { font-size: 11px; color: var(--dash-muted); }
.activity-dot {
    flex: 0 0 30px;
    width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--dash-surface-2);
    border: 1px solid var(--dash-line);
    border-radius: 50%;
    color: var(--dash-gold);
    font-size: 13px;
}

/*=================== quick actions ===================*/
.quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.quick-link {
    display: flex; align-items: center; gap: 8px;
    padding: 13px 12px;
    background: var(--dash-bg);
    border: 1px solid var(--dash-line);
    border-radius: 10px;
    font-size: 12.5px;
    color: #d3d3dc;
}
.quick-link .bi { color: var(--dash-gold); font-size: 15px; }
.quick-link:hover { border-color: var(--dash-gold); color: #fff; }

@media (max-width: 1399.98px) { .stat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px)  { .stat-grid { grid-template-columns: 1fr; } .quick-grid { grid-template-columns: 1fr; } }