/* ===== PAGE-SPECIFIC STYLES ===== */

/* ---- Dashboard responsive charts ---- */
@media (max-width: 768px) {
    .dashboard-charts {
        grid-template-columns: 1fr !important;
    }
}

/* ---- License key font ---- */
.mono {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.04em;
}

/* ---- Responsive grid overrides ---- */
@media (max-width: 900px) {
    .grid-2-col {
        grid-template-columns: 1fr !important;
    }
}

/* ---- Activity dot colors ---- */
.dot-create {
    background: var(--success-bg);
}

.dot-activate {
    background: var(--info-bg);
}

.dot-reset {
    background: var(--warning-bg);
}

.dot-suspend {
    background: var(--warning-bg);
}

.dot-revoke {
    background: var(--purple-bg);
}

.dot-expire {
    background: var(--muted-bg);
}

.dot-customer {
    background: var(--primary-glow);
}

/* ---- Login page decoration override for mobile ---- */
@media (max-width: 480px) {
    .auth-card {
        padding: 1.75rem 1.25rem;
    }
}

/* ---- Full-width table on mobile ---- */
@media (max-width: 640px) {
    .table-container {
        font-size: 0.78rem;
    }

    th,
    td {
        padding: 0.65rem 0.65rem;
    }
}

/* ---- Settings tabs ---- */
.settings-tabs .tab-btn {
    padding: 0.65rem 1.5rem;
}