/* ============================================================
   PKL Custom styles (SMKN 6 Kuningan) di atas template Plus Admin
   ============================================================ */

/* ---------- Kartu aplikasi ---------- */
.pkl-card {
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: .5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
    margin-bottom: 1.25rem;
}
.pkl-card .card-header {
    background: transparent;
    border-bottom: 1px solid #f1f3f7;
    padding: 1rem 1.25rem;
    font-weight: 600;
    color: #1f2937;
    border-radius: .5rem .5rem 0 0;
}
.pkl-card .card-header .btn { margin-top: -4px; }
.pkl-card > .table-responsive { padding: .25rem 1.25rem 1.25rem; }
.pkl-card > .p-3 { padding: 1.25rem; }
.pkl-card .card-header + .table-responsive { padding-top: .5rem; }

/* ---------- Kartu statistik dashboard ---------- */
.stat-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    border-radius: .5rem;
    padding: 1.25rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
    height: 100%;
}
.stat-card .icon { font-size: 2rem; opacity: .95; }
.stat-card .value { font-size: 1.7rem; font-weight: 700; line-height: 1.1; }
.stat-card .label { font-size: .8rem; opacity: .85; }
.stat-card .value.small-value { font-size: 1.25rem; }
a .stat-card { transition: transform .15s ease, box-shadow .15s ease; }
a .stat-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0, 0, 0, .18); }

/* ---------- Header modal ---------- */
.pkl-modal-header {
    background: linear-gradient(135deg, #0a3d7a, #1161c4);
    color: #fff;
}
.pkl-modal-header .modal-title { color: #fff; font-weight: 600; }
.pkl-modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* ---------- Badge status ---------- */
.badge-status {
    font-size: .72rem;
    padding: .45em .7em;
    font-weight: 600;
    border-radius: 2rem;
}

/* ---------- Avatar ---------- */
.pkl-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0a3d7a, #1471e8);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}

/* ---------- Logo brand di sidebar & login ---------- */
.sidebar-brand-icon { font-size: 1.7rem; color: #fff; }
.pkl-login-logo { font-size: 3.2rem; color: #0a3d7a; }

/* ---------- Tabel ---------- */
.table thead th {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #6b7280;
    border-bottom-width: 1px;
}

/* ---------- Halaman konten ---------- */
.content-wrapper .page-header { margin-bottom: 1.25rem; }
.page-header h3 { color: #1f2937; }

/* ---------- Progress ---------- */
.progress { border-radius: 2rem; background: #eef1f6; }

/* ---------- Preview QR ---------- */
.qr-preview { max-width: 260px; margin: 0 auto; }