/* ==========================================================================
   Classic Risk Management — Premium skin
   ========================================================================== */

:root {
    --crm-bg: #0f1623;
    --crm-surface: #ffffff;
    --crm-navy: #111c2e;
    --crm-navy-2: #16243a;
    --crm-accent: #2f6bff;
    --crm-accent-2: #00c2a8;
    --crm-gold: #e2b13c;
    --crm-danger: #e2455a;
    --crm-muted: #8aa0bd;
    --crm-radius: .65rem;
    --crm-shadow: 0 .375rem 1.25rem rgba(15, 22, 35, .10);
    --crm-shadow-sm: 0 .125rem .5rem rgba(15, 22, 35, .07);
}

/* Base typography & canvas */
body.premium-skin,
.premium-skin .wrapper {
    font-family: 'Inter', 'Source Sans Pro', system-ui, -apple-system, sans-serif;
    background: #eef2f7;
}
.premium-skin .content-wrapper { background: #eef2f7; }

/* ---- Sidebar ---- */
.premium-skin .main-sidebar {
    background: linear-gradient(180deg, var(--crm-navy) 0%, var(--crm-navy-2) 100%) !important;
    box-shadow: var(--crm-shadow);
}
.premium-skin .brand-link.premium-brand {
    background: rgba(0, 0, 0, .22) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    letter-spacing: .04em;
    font-size: 1.05rem;
    padding-top: .9rem;
    padding-bottom: .9rem;
}
.premium-skin .brand-link.premium-brand .brand-text b { color: #fff; }
.premium-skin .nav-sidebar .nav-header {
    color: var(--crm-muted);
    font-size: .68rem;
    letter-spacing: .12em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem 1rem .35rem;
}
.premium-skin .nav-sidebar > .nav-item > .nav-link {
    border-radius: .5rem;
    margin: .12rem .6rem;
    color: #c5d2e6;
    transition: all .15s ease;
}
.premium-skin .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(47, 107, 255, .12);
    color: #fff;
}
.premium-skin .nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, var(--crm-accent), #2257d6) !important;
    box-shadow: 0 .25rem .65rem rgba(47, 107, 255, .45);
    color: #fff;
}

/* ---- Top navbar ---- */
.premium-skin .main-header.premium-navbar {
    background: linear-gradient(90deg, var(--crm-navy) 0%, var(--crm-navy-2) 100%) !important;
    border-bottom: 0;
    box-shadow: var(--crm-shadow-sm);
}
.premium-skin .premium-navbar .nav-link { color: #d7e1f0 !important; }
.premium-skin .premium-navbar .nav-link:hover { color: #fff !important; }

/* ---- Cards ---- */
.premium-skin .card {
    border: 0;
    border-radius: var(--crm-radius);
    box-shadow: var(--crm-shadow-sm);
    transition: box-shadow .18s ease, transform .18s ease;
}
.premium-skin .card:hover { box-shadow: var(--crm-shadow); }
.premium-skin .card-header {
    border-bottom: 1px solid #eef1f6;
    background: transparent;
    font-weight: 600;
}
.premium-skin .card-outline { border-top: 3px solid var(--crm-accent); }

/* ---- KPI small-boxes ---- */
.premium-skin .small-box {
    border-radius: var(--crm-radius);
    box-shadow: var(--crm-shadow-sm);
    overflow: hidden;
}
.premium-skin .small-box:hover { transform: translateY(-3px); box-shadow: var(--crm-shadow); }
.premium-skin .small-box .icon > i { font-size: 64px; opacity: .18; }
.premium-skin .small-box h3 { font-weight: 700; letter-spacing: -.5px; }
.premium-skin .small-box .small-box-footer { background: rgba(0, 0, 0, .12); }

/* ---- Info boxes ---- */
.premium-skin .info-box {
    border-radius: var(--crm-radius);
    box-shadow: var(--crm-shadow-sm);
    min-height: 78px;
}
.premium-skin .info-box .info-box-icon { border-radius: var(--crm-radius); }

/* ---- Tables ---- */
.premium-skin .table thead th {
    border-top: 0;
    border-bottom: 2px solid #eef1f6;
    font-size: .74rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6b7a90;
    font-weight: 700;
}
.premium-skin .table td { vertical-align: middle; }
.premium-skin .table-hover tbody tr:hover { background: #f5f8ff; }
.premium-skin .badge { font-weight: 600; padding: .35em .6em; letter-spacing: .02em; }

/* ---- Content header ---- */
.premium-skin .content-header h1 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1d2a3d;
}

/* ---- Buttons ---- */
.premium-skin .btn { border-radius: .5rem; font-weight: 600; }
.premium-skin .btn-primary {
    background: linear-gradient(90deg, var(--crm-accent), #2257d6);
    border: 0;
}

/* ---- Scrollbar ---- */
.premium-skin ::-webkit-scrollbar { width: 9px; height: 9px; }
.premium-skin ::-webkit-scrollbar-thumb { background: #c2cedd; border-radius: 6px; }
.premium-skin ::-webkit-scrollbar-thumb:hover { background: #a7b6cc; }

/* ---- Login page ---- */
.login-page.premium-login {
    background: radial-gradient(1200px 600px at 50% -10%, #1c2c47 0%, #0f1623 60%);
}
.premium-login .login-logo a, .premium-login .login-logo { color: #fff; letter-spacing: .04em; }
.premium-login .login-card-body {
    border-radius: var(--crm-radius);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .45);
    border: 1px solid rgba(255, 255, 255, .06);
}