/* Korosh Host WHMCS child-theme layer. Keep selectors scoped to our dashboard. */
:root {
    --kh-brand-blue: #2674d9;
    --kh-brand-navy: #183c67;
    --kh-brand-cyan: #27b8c8;
    --kh-dashboard-bg: #f5f8fc;
    --kh-card-border: #e4ebf4;
    --kh-card-radius: 18px;
}

.kh-dashboard {
    direction: inherit;
    color: #24344a;
}

.kh-dashboard__welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: clamp(1.15rem, 3vw, 2rem);
    border: 1px solid var(--kh-card-border);
    border-radius: var(--kh-card-radius);
    background: linear-gradient(120deg, #fff 35%, #eef7ff 100%);
}

.kh-dashboard__welcome h1 {
    margin: 0 0 .35rem;
    color: var(--kh-brand-navy);
    font-size: clamp(1.25rem, 2.4vw, 1.8rem);
    font-weight: 700;
}

.kh-dashboard__welcome p { margin: 0; color: #61738a; }

.kh-dashboard__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    margin-bottom: 1.25rem;
}

.kh-dashboard__stat,
.kh-dashboard__panel {
    min-width: 0;
    border: 1px solid var(--kh-card-border);
    border-radius: var(--kh-card-radius);
    background: #fff;
    box-shadow: 0 8px 24px rgb(24 60 103 / 4%);
}

.kh-dashboard__stat {
    display: block;
    padding: 1rem 1.1rem;
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}

.kh-dashboard__stat:hover,
.kh-dashboard__stat:focus {
    border-color: var(--kh-brand-blue);
    color: inherit;
    text-decoration: none;
    transform: translateY(-2px);
}

.kh-dashboard__stat-label { display: block; color: #61738a; font-size: .9rem; }
.kh-dashboard__stat-value { display: block; margin-top: .3rem; color: var(--kh-brand-navy); font-size: 1.6rem; font-weight: 700; }
.kh-dashboard__stat--attention .kh-dashboard__stat-value { color: #bf5e20; }

.kh-dashboard__panels > .row { margin-right: -.5rem; margin-left: -.5rem; }
.kh-dashboard__panels [class*="col-"] { padding-right: .5rem; padding-left: .5rem; }
.kh-dashboard__panels .card,
.kh-dashboard__panels .panel { border: 1px solid var(--kh-card-border); border-radius: var(--kh-card-radius); box-shadow: 0 8px 24px rgb(24 60 103 / 4%); }
.kh-dashboard__panels .card-header,
.kh-dashboard__panels .panel-heading { background: #fff; color: var(--kh-brand-navy); }

@media (max-width: 900px) {
    .kh-dashboard__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .kh-dashboard__welcome { align-items: flex-start; }
    .kh-dashboard__stats { gap: .6rem; }
    .kh-dashboard__stat { padding: .85rem; }
    .kh-dashboard__stat-value { font-size: 1.35rem; }
}

.kh-dashboard__panels .tiles { border-radius: var(--kh-card-radius); background: #fff; }
.kh-dashboard__panels .tile .stat { color: var(--kh-brand-navy); }

:root {
    --primary:#2674d9;
    --primary-lifted:#205fae;
    --primary-accented:#183c67;
    --secondary:#137b86;
    --bg-muted:#f5f8fc;
    --border-muted:#e0e9f3;
    --rounding-lg:1rem;
}
.invoice-container { border-block-start:4px solid #2674d9; background:white; color:#183c67; }
.invoice-container .table th { background:#edf4fa; }
.invoice-container .transactions { overflow-x:auto; }
@media print { .invoice-container { border:0; } }
/* 016: supported Nexus color variables, including SPA routes that load child custom.css. */
:root {
 --primary-50:#eff6ff; --primary-100:#dcecff; --primary-200:#bddafe; --primary-300:#91bcfa;
 --primary-400:#5898eb; --primary-500:#2468c1; --primary-600:#174ca8; --primary-700:#153e86;
 --primary-800:#163768; --primary-900:#162e52; --primary-950:#101f38; --primary:var(--primary-600);
}
/* Local Persian type. Other languages keep the system theme stack. */
@font-face {
    font-family: KH-Vazirmatn;
    src: url("../fonts/Vazirmatn-variable.woff2") format("woff2");
    font-weight: 100 900;
    font-display: swap;
}
html:lang(fa) body, html:lang(fa)