/*
 * admin-modules.css — auto-extracted <style> blocks from admin blade views.
 * Each block below is prefixed with its source file. Selectors that would
 * globalize (html/body/tag/theme-class) were left inline in the source file.
 * Regenerate by running the bulk extractor.
 */

/* ─── show.blade.php [block 0] ─── */
.modal.show .modal-dialog {
            max-width: 60%;
        }

/* ─── accountreport\annexure-13.blade.php [block 0] ─── */
.ann-shell { border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 8px 20px rgba(15,23,42,.06); overflow:hidden; }
.ann-head  { background:linear-gradient(145deg,#f0fdf4 0%,#dcfce7 100%); border-bottom:1px solid #bbf7d0; padding:18px 20px 14px; }
.ann-title { font-size:1.05rem; font-weight:700; color:#0f172a; }
.summary-card { border-radius:10px; border:1px solid #e2e8f0; padding:12px 16px; background:#fff; }
.summary-card .label { font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.05rem; font-weight:700; color:#0f172a; }
.no-pan { color:#dc2626; font-size:.72rem; }
.neg { color:#dc2626; }
.pos { color:#15803d; }

/* ─── accountreport\fix-asset-gl-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f5f3ff 0%,#ede9fe 100%);
    border-bottom: 1px solid #ddd6fe;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }

/* ─── accountreport\fix-asset-payment-gl-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);
    border-bottom: 1px solid #a7f3d0;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }

/* ─── accountreport\one-lakh-above-purchases.blade.php [block 0] ─── */
.recon-shell { border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 8px 20px rgba(15,23,42,.06); overflow:hidden; }
.recon-head  { background:linear-gradient(145deg,#fff8f1 0%,#fef3e2 100%); border-bottom:1px solid #f5d6a8; padding:18px 20px 14px; }
.recon-title { font-size:1.05rem; font-weight:700; color:#0f172a; }
.summary-card { border-radius:10px; border:1px solid #e2e8f0; padding:14px 18px; background:#fff; }
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.2rem; font-weight:700; color:#0f172a; }
.status-paid    { background:#dcfce7; color:#15803d; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }
.status-unpaid  { background:#fee2e2; color:#991b1b; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }
.status-partial { background:#fef9c3; color:#854d0e; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }

/* ─── accountreport\one-lakh-above-sales.blade.php [block 0] ─── */
.recon-shell { border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 8px 20px rgba(15,23,42,.06); overflow:hidden; }
.recon-head  { background:linear-gradient(145deg,#f8fbff 0%,#eef4ff 100%); border-bottom:1px solid #dbe6f5; padding:18px 20px 14px; }
.recon-title { font-size:1.05rem; font-weight:700; color:#0f172a; }
.summary-card { border-radius:10px; border:1px solid #e2e8f0; padding:14px 18px; background:#fff; }
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.2rem; font-weight:700; color:#0f172a; }
.filter-btn.active { background:#3b82f6; color:#fff; border-color:#3b82f6; }
.type-credit { background:#dbeafe; color:#1e40af; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }
.type-cash   { background:#dcfce7; color:#15803d; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }
.type-staff  { background:#fef9c3; color:#854d0e; font-size:.68rem; padding:1px 7px; border-radius:20px; font-weight:600; }

/* ─── accountreport\purchase-payment-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);
    border-bottom: 1px solid #fde68a;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-shared   { background:#e0f2fe; color:#0369a1; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-payable  { background:#fef3c7; color:#92400e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── accountreport\purchase-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f8fff9 0%,#eefff4 100%);
    border-bottom: 1px solid #c6e8d5;
    padding: 18px 20px 14px;
}
.recon-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}
.summary-card {
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 14px 18px;
    background: #fff;
}
.summary-card .label { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.summary-card .value { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.summary-card .diff-ok  { color: #16a34a; }
.summary-card .diff-bad { color: #dc2626; }
.badge-ok      { background: #dcfce7; color: #15803d; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-missing { background: #fef9c3; color: #854d0e; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-mismatch{ background: #fee2e2; color: #991b1b; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-discgap { background: #ede9fe; color: #5b21b6; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }

/* ─── accountreport\purchase-return-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#fff8f0 0%,#fff1e6 100%);
    border-bottom: 1px solid #f0d5b8;
    padding: 18px 20px 14px;
}
.recon-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}
.summary-card {
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 14px 18px;
    background: #fff;
}
.summary-card .label { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.summary-card .value { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.summary-card .diff-ok  { color: #16a34a; }
.summary-card .diff-bad { color: #dc2626; }
.badge-ok      { background: #dcfce7; color: #15803d; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-missing { background: #fef9c3; color: #854d0e; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-mismatch{ background: #fee2e2; color: #991b1b; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }

/* ─── accountreport\purchase-return-stock-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#fff1f2 0%,#ffe4e6 100%);
    border-bottom: 1px solid #fecdd3;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-grn     { background:#dbeafe; color:#1e40af; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-sup     { background:#f3e8ff; color:#6b21a8; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── accountreport\purchase-stock-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#ecfeff 0%,#cffafe 100%);
    border-bottom: 1px solid #a5f3fc;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-skipped { background:#f1f5f9; color:#475569; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── accountreport\recon-summary.blade.php [block 0] ─── */
/* ── Layout ── */
.rs-shell { border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 8px 20px rgba(15,23,42,.06); overflow:hidden; }
.rs-head  { background:linear-gradient(145deg,#f0f4ff 0%,#e0e9ff 100%); border-bottom:1px solid #c7d7f7; padding:18px 22px 14px; }
.rs-title { font-size:1.1rem; font-weight:700; color:#0f172a; }

/* ── Section headers ── */
.sec-hdr {
    background:#1e3a5f; color:#fff;
    font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    padding:6px 12px; margin:0;
}
.sec-hdr.green  { background:#14532d; }
.sec-hdr.amber  { background:#78350f; }
.sec-hdr.purple { background:#4c1d95; }
.sec-hdr.teal   { background:#134e4a; }
.sec-hdr.rose   { background:#881337; }

/* ── Table ── */
/* ── Amount cells ── */
.amt      { text-align:right; font-variant-numeric:tabular-nums; }
.amt-ok   { color:#15803d; font-weight:600; }
.amt-warn { color:#b45309; font-weight:600; }
.amt-bad  { color:#dc2626; font-weight:600; }
.amt-muted{ color:#94a3b8; }

/* ── Diff badge ── */
.diff-chip {
    display:inline-block; font-size:.65rem; font-weight:700; padding:2px 7px; border-radius:20px;
}
.diff-chip.ok      { background:#dcfce7; color:#15803d; }
.diff-chip.warn    { background:#fef9c3; color:#854d0e; }
.diff-chip.bad     { background:#fee2e2; color:#991b1b; }

/* ── Summary row ── */
/* ── Link icon ── */
.link-icon { color:#94a3b8; font-size:.7rem; margin-left:4px; }
.link-icon:hover { color:#3b82f6; }

/* ── Print ── */
@media print {
    .no-print { display:none !important; }
    .rs-shell { box-shadow:none; border:none; }
}

/* ─── accountreport\sales-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f8fbff 0%,#eef4ff 100%);
    border-bottom: 1px solid #dbe6f5;
    padding: 18px 20px 14px;
}
.recon-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}
.summary-card {
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 14px 18px;
    background: #fff;
}
.summary-card .label { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.summary-card .value { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.summary-card .diff-ok  { color: #16a34a; }
.summary-card .diff-bad { color: #dc2626; }
.badge-ok      { background: #dcfce7; color: #15803d; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-missing { background: #fef9c3; color: #854d0e; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-mismatch{ background: #fee2e2; color: #991b1b; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.filter-btn.active { background: #3b82f6; color: #fff; border-color: #3b82f6; }

/* ─── accountreport\sales-return-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f0f8ff 0%,#e6f4ff 100%);
    border-bottom: 1px solid #b8d5f0;
    padding: 18px 20px 14px;
}
.recon-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}
.summary-card {
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 14px 18px;
    background: #fff;
}
.summary-card .label { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.summary-card .value { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.summary-card .diff-ok  { color: #16a34a; }
.summary-card .diff-bad { color: #dc2626; }
.badge-ok      { background: #dcfce7; color: #15803d; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-missing { background: #fef9c3; color: #854d0e; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }
.badge-mismatch{ background: #fee2e2; color: #991b1b; font-size: .7rem; padding: 2px 8px; border-radius: 20px; }

/* ─── accountreport\sales-return-stock-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);
    border-bottom: 1px solid #fcd34d;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── accountreport\sales-stock-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f0fdf4 0%,#dcfce7 100%);
    border-bottom: 1px solid #86efac;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── accountreport\expenses\index.blade.php [block 0] ─── */
.select-mini {
  font-size: 10px;
  height: 25px;
  width: 90px;
}
 .nep-date-toggle{
        width: 120px !important;
    }

/* ─── accountreport\partials\_salesbook_table.blade.php [block 0] ─── */
                                                /* ─── accountreport\profitloss\index.blade.php [block 0] ─── */
/* ── Filter Bar ─────────────────────────────────── */
        .pl-filter-bar {
            background: #fff;
            border: 1px solid #d6dfeb;
            border-radius: 10px;
            padding: .85rem 1.1rem;
            margin-bottom: 1rem;
            box-shadow: 0 4px 14px rgba(34,50,84,.06);
        }
        .pl-filter-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #55637a;
            margin-bottom: .3rem;
            display: block;
        }

        /* ── KPI Cards ───────────────────────────────────── */
        .pl-kpi {
            border: 1px solid #dbe4f1;
            border-radius: 8px;
            background: #fff;
            padding: .7rem .9rem;
            min-height: 68px;
            box-shadow: 0 2px 8px rgba(34,50,84,.05);
        }
        .pl-kpi-label {
            display: block;
            font-size: 10px;
            letter-spacing: .05em;
            text-transform: uppercase;
            color: #66758f;
            font-weight: 700;
        }
        .pl-kpi-value {
            margin-top: .25rem;
            font-weight: 700;
            color: #1d3558;
            font-size: 14px;
            white-space: nowrap;
        }

        /* ── Report Panel ────────────────────────────────── */
        .ns-report-card {
            background: #fff;
            border: 1px solid #d6dfeb;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(34,50,84,.07);
            overflow: hidden;
        }

        /* ── Org Letterhead ──────────────────────────────── */
        .ns-letterhead {
            text-align: center;
            padding: 1.2rem 1rem .8rem;
            border-bottom: 2px solid #1e3c72;
            background: #fff;
        }
        .ns-org-name {
            font-size: 16px;
            font-weight: 800;
            color: #1e3c72;
            letter-spacing: .02em;
            margin-bottom: 2px;
        }
        .ns-org-meta {
            font-size: 11px;
            color: #55637a;
            margin-bottom: 1px;
        }
        .ns-report-title {
            font-size: 13px;
            font-weight: 700;
            color: #243754;
            text-transform: uppercase;
            letter-spacing: .06em;
            margin-top: .5rem;
            margin-bottom: 2px;
        }
        .ns-period {
            font-size: 11px;
            color: #55637a;
        }

        /* ── P&L Table ───────────────────────────────────── */
        .ns-pl-wrap {
            max-height: calc(100vh - 320px);
            overflow: auto;
        }
                                /* Section header rows */
                /* Regular line item rows */
                                /* Expanded ledger sub-rows */
                                        /* Subtotal rows */
                        /* Gross Profit / Net Income highlight rows */
                                                /* Chevron toggle */
        .ns-toggle-icon { font-size: 10px; color: #8899aa; margin-left: 4px; }

        /* Warning block */
        .ns-warning-block {
            border: 1px solid #f0cc6b;
            border-radius: 8px;
            background: #fffdf4;
            padding: .75rem 1rem;
            margin-bottom: 1rem;
            font-size: 12px;
        }
                @media (max-width: 767.98px) {
            .ns-pl-wrap { max-height: none; }
        }

/* ─── agents\index.blade.php [block 0] ─── */
.agent-surface {
            background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
            border: 1px solid #e2e8f0;
        }

        .agent-stat {
            border: 1px solid #e2e8f0;
            border-radius: 0.75rem;
            background: #ffffff;
        }

                        .agent-code {
            font-family: "Consolas", "Courier New", monospace;
            font-weight: 700;
            color: #0f172a;
        }

/* ─── allowanceDeductionHead\create.blade.php [block 0] ─── */
.alert ul { margin-bottom: 0; }

/* ─── allowanceDeductionHead\edit.blade.php [block 0] ─── */
.alert ul { margin-bottom: 0; }

/* ─── allowanceDeductionHead\index.blade.php [block 0] ─── */
.badge.bg-success-subtle { background: rgba(25,135,84,.1); }
    .badge.bg-danger-subtle { background: rgba(220,53,69,.08); }
    .btn-light-danger { background-color: #fff5f5; border-color: #ffe3e3; }
    .btn-light-danger:hover { background-color: #ffe3e3; }
    .form-check-input.w-35px { width: 35px; }

/* ─── amc\show.blade.php [block 0] ─── */
.mail-wrap:hover { cursor:pointer; }
  .box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .box-comment img {float: left; margin-right:10px;}
  .username { font-weight: bold; }
  .comment-text span{display: block;}

/* ─── appraisal\appraisalscore.blade.php [block 0] ─── */
/* ─── appraisal\show.blade.php [block 0] ─── */
[data-letters]:before {
content:attr(data-letters);
display:inline-block;
font-size:1em;
width:2.5em;
height:2.5em;
line-height:2.5em;
text-align:center;
border-radius:50%;
text-transform: capitalize;
background:red;
vertical-align:middle;
margin-right:0.3em;
color:white;
}

/* ─── appraisal\self\edit.blade.php [block 0] ─── */
        textarea {
            width: 100%;
        }

        select {
            width: 100%;
        }

        /* ─── appraisal\self\view.blade.php [block 0] ─── */
        textarea {
            width: 100%;
        }

        select {
            width: 100%;
        }

        /* ─── appraisal\self\excel\general-information-table.blade.php [block 0] ─── */
    /* ─── appraisal\self\excel\summary-table.blade.php [block 0] ─── */
    /* ─── appraisal\staff\create.blade.php [block 0] ─── */
        textarea {
            width: 100%;
        }

        select {
            width: 100%;
        }

        /* ─── appraisal\staff\edit.blade.php [block 0] ─── */
        textarea {
            width: 100%;
        }

        select {
            width: 100%;
        }

        /* ─── asset\category\index.blade.php [block 0] ─── */
:root{
      --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --line:#e5e7eb;
      --radius:14px; --shadow:0 10px 24px rgba(16,24,40,.07);
    }
    .toolbar-shell{
      background:linear-gradient(180deg,#fff 0%, var(--soft) 100%);
      border-bottom:1px solid var(--line);
    }
    .toolbar-title{color:var(--ink)}
    .toolbar-breadcrumb a{color:var(--muted)}
    .card-polish{ border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
        .chip-muted{ background:#f1f5f9; color:#0f172a; border-radius:999px; padding:.25rem .6rem; font-size:.75rem;}
    .btn-icon{ display:inline-flex; align-items:center; gap:.4rem }

/* ─── asset\summary\statement.blade.php [block 0] ─── */
.bootstrap-timepicker-widget.dropdown-menu.open {
            display: inline-block;
            z-index: 99999 !important;
        }

        /* ─── asset-distribution\edit.blade.php [block 0] ─── */
.req:after { content:" *"; color:#f1416c; font-weight:700; }
            .help-text { font-size:.85rem; color:#7e8299; }
            .btn-icon {
                width: 38px;
                height: 38px;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

/* ─── asset-distribution\index.blade.php [block 0] ─── */
/* Keep minimal tweaks only (Metronic handles most UI) */
            .req:after { content:" *"; color:#f1416c; font-weight:700; }
            .mw-260px { min-width: 260px; }

/* ─── asset-distribution\show.blade.php [block 0] ─── */
/* Keep only minimal custom CSS (Metronic already handles most UI) */
            .doc-logo { max-height: 52px; }
            /* ─── asset-maintenance\create.blade.php [block 0] ─── */
/* Minimal tweaks only (Metronic already styles most things) */
            .help-text { font-size: .85rem; color: #7e8299; }
            .req:after { content:" *"; color:#f1416c; font-weight:700; }

/* ─── asset-maintenance\show.blade.php [block 0] ─── */
/* Minimal extras only (Metronic already styles cards/typography) */
            .doc-logo { max-height: 52px; }
            .kv-label { min-width: 160px; }
            /* ─── assetmaster\show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── attendance\allattendance.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── attendance\mytimehistory.blade.php [block 1] ─── */
.datepicker {
        z-index: 1050 !important;
    }

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
        z-index: 99999 !important;
    }

/* ─── attendance\mytimehistory.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── attendance\timeChangeRequest.blade.php [block 0] ─── */
.datepicker {
        z-index: 1050 !important;
    }

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
        z-index: 99999 !important;
    }

/* ─── attendance\timeHistory.blade.php [block 1] ─── */
.datepicker {
        z-index: 1050 !important;
    }

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
        z-index: 99999 !important;
    }

/* ─── attendance\timeHistory.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── attendance\timekeep_setup.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* ─── attendance\dailyregister\daily_registerdetails.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── attendance\mark_attendance\bulkcreate.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }
.datetimepicker {
        position: relative;
    }
    .datepicker{
      position: relative;
    }

/* ─── attendance\userWeekend\form.blade.php [block 0] ─── */
:root{ --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06); }
    .card-modern{border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
    .card-modern .card-header{border:0;border-bottom:1px solid #eef2f7;background:transparent}
    .row-gap{row-gap:.75rem}
    .mini-help{font-size:.8rem;color:#64748b}
    .form-divider{height:1px;background:#edf2f7;margin:1rem 0}

/* ─── bank\index.blade.php [block 0] ─── */
.andp-datepicker-container{
        z-index: 10000000 !important;
    }

/* ─── bank\show.blade.php [block 1] ─── */
.select-mini {
  font-size: 10px;
  height: 25px;
  width: 90px;
}

/* ─── bank-cash-voucher\show.blade.php [block 0] ─── */
.voucher-icon {
        width: 1rem;
        height: 1rem;
        display: inline-block;
        flex: 0 0 auto;
        vertical-align: -0.14em;
        shape-rendering: geometricPrecision;
    }

    .btn-icon .voucher-icon,
    .card-title .voucher-icon {
        width: 1.125rem;
        height: 1.125rem;
    }

/* ─── billofmaterials\show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── BioMetric\attendancereport.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── BioMetric\machinelist.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

            h4{ margin: 0px !important; }

/* ─── BioMetric\showattendence.blade.php [block 0] ─── */
.modal12 {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content — scoped to the custom .modal12 wrapper
   (was previously unscoped and squeezed every Bootstrap modal to 50% width) */
.modal12 .modal-content {
  background-color: #fefefe;
  margin: auto;
  color: black;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button — scoped to .modal12 to avoid clashing with Bootstrap's .close */
.modal12 .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal12 .close:hover,
.modal12 .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* ─── BioMetric\timeHistory.blade.php [block 1] ─── */
.datepicker {
                z-index: 1050 !important;
            }

            .bootstrap-timepicker-widget.dropdown-menu.open {
                display: inline-block;
                z-index: 99999 !important;
            }

/* ─── BioMetric\timeHistory.blade.php [block 0] ─── */
.required {
            color: red;
        }

        .card-custom .card-header {
            border-bottom: 2px solid #1797be;
        }

        .card-custom .card-header {
            margin-bottom: 10px;
        }

/* ─── cashinout\gl.blade.php [block 0] ─── */
.ns-gl-card {
            border: 1px solid #dfe3e8;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
        }

        .ns-gl-filter {
            background: linear-gradient(180deg, #f7f9fc 0%, #eff3f8 100%);
            border-bottom: 1px solid #dfe3e8;
            border-radius: 8px 8px 0 0;
            padding: 14px 16px;
        }

        .ns-gl-filter .form-label {
            font-size: 11px;
            color: #5b6673;
            margin-bottom: 4px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .04em;
        }

        .ns-gl-kpi {
            border: 1px solid #e5e9ef;
            border-radius: 8px;
            padding: 10px 12px;
            background: #fbfcfe;
        }

        .ns-gl-kpi .kpi-label {
            font-size: 11px;
            color: #5b6673;
            text-transform: uppercase;
            letter-spacing: .04em;
            margin-bottom: 4px;
            font-weight: 600;
        }

        .ns-gl-kpi .kpi-value {
            font-size: 17px;
            font-weight: 700;
            color: #1f2937;
        }

                                                        .ns-dr {
            color: #b91c1c;
            font-weight: 600;
        }

        .ns-cr {
            color: #047857;
            font-weight: 600;
        }

        .ns-ledger-link {
            color: #0f4f9e;
            text-decoration: none;
            font-weight: 600;
        }

        .ns-ledger-link:hover {
            text-decoration: underline;
        }

        .ns-detail-wrap {
            margin-top: 20px;
            border-top: 1px solid #e5e9ef;
            padding-top: 16px;
        }

        .ns-detail-card {
            border: 1px solid #dfe3e8;
            border-radius: 8px;
            overflow: hidden;
            background: #fff;
        }

        .ns-detail-head {
            background: #f8fafc;
            border-bottom: 1px solid #e5e9ef;
            padding: 10px 12px;
        }

                                .ns-gl-filter .dual-calendar-container label {
            font-size: 11px;
            color: #5b6673;
            margin-bottom: 4px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .04em;
            display: block;
        }

/* ─── cashinout\list.blade.php [block 0] ─── */
.total{
        font-size: 16.5px;
    }

/* ─── clients\balance-confirmation-page.blade.php [block 1] ─── */
.word-toolbar {
    background: #f3f3f3;
    border-bottom: 1px solid #d0d0d0;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    position: sticky;
    top: 0;
    z-index: 300;
    box-shadow: 0 2px 5px rgba(0,0,0,.18);
    user-select: none;
}
.tb-sep    { width:1px; height:22px; background:#c4c4c4; margin:0 5px; flex-shrink:0; }
.tb-spacer { flex:1; }
.tb-btn {
    min-width:28px; height:28px;
    background:none; border:1px solid transparent; border-radius:3px;
    padding:0 5px; cursor:pointer; font-size:13px; line-height:1;
    display:inline-flex; align-items:center; justify-content:center; color:#333;
}
.tb-btn:hover  { background:#e0e0e0; border-color:#c4c4c4; }
.tb-btn:active { background:#d0d0d0; }
.tb-select {
    height:28px; border:1px solid #c4c4c4; border-radius:3px;
    font-size:12px; padding:0 4px; background:#fff; cursor:pointer; color:#333;
}
.tb-label { font-size:11px; font-weight:600; color:#666; padding:0 3px; white-space:nowrap; }
.tb-action { height:28px; padding:0 10px; font-size:12px; }
.editor-bg { background:#525659; min-height:calc(100vh - 90px); padding:32px 20px 60px; }
.letter-paper {
    background:#fff; width:21cm; min-height:29.7cm; margin:0 auto;
    padding:1.4cm 1.8cm;
    box-shadow:0 2px 10px rgba(0,0,0,.45), 0 8px 28px rgba(0,0,0,.35);
    outline:none; cursor:text; position:relative;
}
.letter-paper:focus-within {
    box-shadow:0 2px 10px rgba(0,0,0,.45), 0 8px 28px rgba(0,0,0,.35), 0 0 0 2px #1a73e8;
}
@media print {
    .no-print { display:none !important; }
    .editor-bg { background:#fff !important; padding:0 !important; min-height:auto !important; }
    .letter-paper { box-shadow:none !important; width:100% !important; min-height:auto !important; padding:1cm !important; }
}

/* ─── clients\balance-confirmation-page.blade.php [block 0] ─── */
#kt_content_container { max-width: 100% !important; padding: 0 !important; }

/* ─── clients\distributor_boothmans.blade.php [block 0] ─── */
img.p-image {
            width: 40px;
            height: 35px;
            object-fit: cover;
            object-position: bottom;
            border-radius: 50%;
        }

/* ─── clients\distributor_retailers.blade.php [block 0] ─── */
img.p-image {
  width: 40px;
  height: 35px;
  object-fit: cover;
  object-position: bottom;
  border-radius: 50%;
}

/* ─── coa\index.blade.php [block 0] ─── */
                .coa-row-group {
            background: #eef9f1;
            font-weight: 600;
        }

        .coa-row-subledger {
            background: #fafbfc;
        }

        .coa-code {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        .coa-search {
            max-width: 360px;
        }

        .coa-icon {
            width: 1.25rem;
            height: 1.25rem;
            display: inline-block;
            flex: 0 0 auto;
            vertical-align: -0.16em;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: square;
            stroke-linejoin: miter;
            shape-rendering: geometricPrecision;
        }

        .coa-toggle-btn {
            border: 0;
            background: transparent;
            color: #5f6b7a;
            padding: 0;
            width: 20px;
            height: 20px;
            line-height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .coa-toggle-btn:hover { color: #0d6efd; }
        .coa-toggle-spacer { display: inline-block; width: 20px; height: 20px; }
        .coa-collapse-hidden { display: none !important; }

/* ─── coa\old-index.blade.php [block 0] ─── */
.td-click{
            cursor:pointer;
            color: darkblue;
        }

/* ─── coa\oldindex.blade.php [block 0] ─── */
.td-click{
            cursor:pointer;
            color: darkblue;
        }

/* ─── coa\partials\ledger-form.blade.php [block 0] ─── */
.ledger-ui { margin-top: 1.5rem; padding-bottom: 2rem; }
    .ledger-ui-banner { background: linear-gradient(135deg, #0f766e 0%, #155e75 55%, #1f2937 100%); }
    .ledger-ui-kicker { letter-spacing: .08em; color: rgba(255,255,255,.72); }
    .ledger-code[readonly] { background: #f5f7fb; }
    .ledger-toggle { display: flex; gap: .9rem; padding: 1rem 1.1rem; border: 1px solid #e1e7f0; border-radius: .9rem; background: #f8fafc; min-height: 100%; }
    .ledger-toggle strong, .ledger-toggle small { display: block; }
    .ledger-toggle small { color: #6b7280; margin-top: .15rem; line-height: 1.5; }
    .ledger-toggle .form-check-input { margin-top: .2rem; flex-shrink: 0; }
    .ledger-aside { position: sticky; top: 1.5rem; }
    .summary-row { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px dashed #e5e7eb; }
    .summary-row-last { border-bottom: 0; padding-bottom: 0; }
    .summary-row span { color: #6b7280; font-size: .88rem; }
    .summary-row strong { color: #111827; font-size: .92rem; text-align: right; }
    .tip-box { padding: .9rem 1rem; border: 1px solid #e5edf6; border-radius: .85rem; background: #f8fafc; color: #475467; line-height: 1.6; }
    .tip-box + .tip-box { margin-top: .85rem; }
    @media (max-width: 1199.98px) { .ledger-aside { position: static; } }
    @media (max-width: 767.98px) {
        .summary-row { flex-direction: column; align-items: flex-start; }
        .summary-row strong { text-align: left; }
    }

/* ─── contract\create.blade.php [block 0] ─── */
:root{
      --glass-bg: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.55));
      --glass-bd: rgba(2,6,23,.08);
      --chip-bg: #eef2ff;
      --chip-text:#1f2937;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --glass-bg: linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.55));
        --glass-bd: rgba(255,255,255,.08);
        --chip-bg:#0b1220;
        --chip-text:#e5e7eb;
      }
    }
    .glass-toolbar{
      background: var(--glass-bg);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid var(--glass-bd);
      border-radius: .85rem;
    }
    .chip{
      display:inline-flex; align-items:center; gap:.35rem;
      background:var(--chip-bg); color:var(--chip-text);
      padding:.25rem .6rem; border-radius:999px; font-size:.8rem; line-height:1;
    }
    .card-modern{
      border:1px solid var(--glass-bd);
      box-shadow: 0 20px 50px rgba(2,6,23,.06), 0 2px 12px rgba(2,6,23,.05);
      border-radius: .9rem;
    }
    .card-header-min{
      background:linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.03));
    }
    .sticky-actions{
      position: sticky; bottom: -1px; z-index: 5;
      background: var(--glass-bg);
      border-top: 1px solid var(--glass-bd);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      padding: .75rem;
      border-bottom-left-radius:.9rem; border-bottom-right-radius:.9rem;
    }

/* ─── contract\edit.blade.php [block 0] ─── */
:root{
      --glass-bg: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.55));
      --glass-bd: rgba(2,6,23,.08);
      --chip-bg: #eef2ff;
      --chip-text:#1f2937;
      --muted: #6b7280;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --glass-bg: linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.55));
        --glass-bd: rgba(255,255,255,.08);
        --chip-bg:#0b1220;
        --chip-text:#e5e7eb;
        --muted:#9ca3af;
      }
    }
    .glass-toolbar{
      background: var(--glass-bg);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid var(--glass-bd);
      border-radius: .85rem;
    }
    .chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--chip-bg);color:var(--chip-text);padding:.25rem .6rem;border-radius:999px;font-size:.8rem;line-height:1}
    .card-modern{border:1px solid var(--glass-bd);box-shadow:0 20px 50px rgba(2,6,23,.06),0 2px 12px rgba(2,6,23,.05);border-radius:.9rem}
    .card-header-min{background:linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.03))}
    .sticky-actions{position:sticky;bottom:-1px;z-index:5;background:var(--glass-bg);border-top:1px solid var(--glass-bd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem;border-bottom-left-radius:.9rem;border-bottom-right-radius:.9rem}
    .help-text{color:var(--muted);font-size:.85rem}

/* ─── contract\modal_mail.blade.php [block 0] ─── */
.modal-mail {
    margin: 30px auto !important;
    width: 800px !important;
}
.modal-mail {
    margin: 10px;
    position: relative;
    width: auto;
}
h2 { font-size:23px; margin-top:0 !important; margin-left:10px;}

.form-horizontal .form-label{
    text-align: left !important;
}

/* ─── contract\show.blade.php [block 0] ─── */
/* ---- Scoped design tokens for this page ---- */
        :root{
            --surface:#ffffff;
            --muted:#64748b;
            --border:rgba(2,6,23,.10);
            --shadow:0 10px 30px rgba(2,6,23,.06), 0 2px 8px rgba(2,6,23,.05);
            --grad: radial-gradient(1200px 600px at 100% -10%, rgba(59,130,246,.18), transparent 40%),
                    radial-gradient(1000px 480px at -10% -20%, rgba(99,102,241,.18), transparent 40%);
        }
                                        .page-card{ border:1px solid var(--border); box-shadow:var(--shadow); }
        .page-header-hero{ background: var(--grad), linear-gradient(120deg,#fff, #f8fafc); }
        .org-logo{ max-height:48px; object-fit:contain; }
        .meta-label{ font-size:.8rem; color:var(--muted); }
        .meta-value{ font-weight:600; }
        .chip{ display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .6rem; border-radius:999px; border:1px solid var(--border); background:#fff; }
        .chip .bi{ font-size:1rem }

/* ─── customform\index.blade.php [block 0] ─── */
                        .cf-seq { width:70px; text-align:center; }
        .cf-badge { display:inline-block; padding:.15rem .5rem; border-radius:6px; font-size:.68rem; font-weight:700; }
        .cf-badge-scope    { background:#f3e8ff; color:#7c3aed; }
        .cf-badge-type     { background:#dbeafe; color:#1d4ed8; }
        .cf-badge-required { background:#fff4db; color:#b45309; }
                .cf-badge-active   { background:#dcfce7; color:#166534; }
        .cf-badge-inactive { background:#fee2e2; color:#991b1b; }
        .cf-action-link { color:#64748b; padding:.2rem .3rem; border-radius:6px; }
        .cf-action-link:hover { color:#0f766e; background:#f0fdf4; }
        .cf-action-link.del:hover { color:#dc2626; background:#fff1f2; }
        .cf-action-link.disabled { color:#cbd5e1; pointer-events:none; }

/* ─── days\create.blade.php [block 0] ─── */
@media only screen and (min-width: 1400px) {
        .moreattachment {
            width: 50%;
        }
    }

/* ─── days\edit.blade.php [block 0] ─── */
@media only screen and (min-width: 1400px) {
        .moreattachment {
            width: 50%;
        }
    }

/* ─── deliverychallan\paymentcreate.blade.php [block 0] ─── */
.bg-red{
         background: #f14e4e;
            color:white;
        }

/* ─── deliverychallan\show.blade.php [block 0] ─── */
:root{
      --ink:#0f172a;--muted:#64748b;--soft:#f8fafc;--ring:#cbd5e1;
      --brand:#1a4567;--ok:#16a34a;--warn:#ea580c;--danger:#dc2626;
      --radius:16px;--shadow:0 10px 30px rgba(2,6,23,.06);
    }
    .card-modern{border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
    .card-modern .card-header{border:0;border-bottom:1px solid #eef2f7;background:#fff;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}
            .num{text-align:right;white-space:nowrap}
    .subtle{color:var(--muted);font-size:.82rem}
    .info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;margin-bottom:.2rem}
    .info-value{font-size:.92rem;font-weight:600;color:var(--ink)}
    .section-title{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
    .sig-line{border-top:2px solid #dee2e6;padding-top:.5rem;margin-top:3rem}

/* ─── deliverynote\show.blade.php [block 0] ─── */
/* ─── deposit\index.blade.php [block 1] ─── */
                /* ─── deposit\index.blade.php [block 0] ─── */
                        /* ─── division\index.blade.php [block 0] ─── */
/* minimal polish */
            .mn-card { border: 0; border-radius: 1rem; }
            .mn-chip { border-radius: 999px; }
            /* ─── email\bulkEmailForm.blade.php [block 0] ─── */
.mce-tinymce { position: static !important; }

/* ─── emp_requests\accept_reject.blade.php [block 0] ─── */
.request-show-shell {
            max-width: 1080px;
            margin: 0 auto;
        }

        .request-show-card {
            border: 0;
            border-radius: 18px;
            box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
            overflow: hidden;
        }

        .request-show-hero {
            background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 50%, #ffffff 100%);
            border-bottom: 1px solid rgba(148, 163, 184, 0.16);
        }

        .request-meta-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 1rem;
        }

        .request-meta-item {
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: 0.95rem 1rem;
            background: #ffffff;
        }

        .request-meta-label {
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: #64748b;
            margin-bottom: 0.3rem;
        }

        .request-meta-value {
            font-size: 0.95rem;
            font-weight: 600;
            color: #0f172a;
            word-break: break-word;
        }

        .request-note-box {
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            background: #f8fafc;
            padding: 1rem 1.1rem;
            white-space: pre-wrap;
            color: #334155;
        }

        .request-aside-card {
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            background: #ffffff;
        }

        .request-aside-card .list-group-item {
            border-color: #eef2f7;
            padding-top: 0.9rem;
            padding-bottom: 0.9rem;
        }

        .request-action-box {
            border: 1px dashed #cbd5e1;
            border-radius: 14px;
            background: #f8fafc;
            padding: 1rem;
        }

/* ─── entries\create.blade.php [block 1] ─── */
/* --- Skeleton (Shimmer) --- */
        .skeleton {
            position: relative;
            overflow: hidden;
            display: inline-block;
            background: #e9ecef;
            border-radius: 4px;
            height: 12px
        }

        .skeleton::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .65), transparent);
            transform: translateX(-100%);
            animation: skel 1.1s infinite
        }

        @keyframes skel {
            100% {
                transform: translateX(100%)
            }
        }

        .skeleton.sm {
            height: 10px;
            border-radius: 3px
        }

        .skeleton.lg {
            height: 16px;
            border-radius: 6px
        }

        .skeleton.round {
            height: 20px;
            width: 20px;
            border-radius: 999px
        }

                /* --- Full-page loader --- */
        #globalLoader {
            position: fixed;
            inset: 0;
            display: none;
            z-index: 20000
        }

        #globalLoader.show {
            display: block !important;
        }

        #globalLoader .loader-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, .35);
            backdrop-filter: blur(1px)
        }

        #globalLoader .loader-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 1.25rem 1.5rem;
            border-radius: .75rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
            text-align: center;
            min-width: 260px
        }

/* ─── events\event-calendar.blade.php [block 1] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── events\event-calendar.blade.php [block 0] ─── */
.filter_date { font-size:14px; }

/* ─── excel\importExportLeads.blade.php [block 0] ─── */
:root{
      --mn-ink:#0f172a;
      --mn-muted:#64748b;
      --mn-brd:rgba(2,6,23,.10);
      --mn-radius:16px;
      --mn-shadow:0 14px 40px rgba(2,6,23,.10);
    }
    .mn-hero{
      background: radial-gradient(1200px 600px at 10% 0%, rgba(59,130,246,.12), transparent 55%),
                  radial-gradient(900px 500px at 90% 20%, rgba(16,185,129,.12), transparent 55%),
                  linear-gradient(180deg, #fff, #f8fafc);
      border:1px solid var(--mn-brd);
      border-radius: var(--mn-radius);
      box-shadow: var(--mn-shadow);
      overflow:hidden;
    }
    .mn-chip{
      display:inline-flex;align-items:center;gap:.4rem;
      padding:.35rem .65rem;border-radius:999px;
      background:#eef2ff;border:1px solid #e0e7ff;
      font-size:.8rem;color:#3730a3;font-weight:600;
    }
    .mn-section-title{font-weight:800;color:var(--mn-ink);letter-spacing:-.02em}
    .mn-sub{color:var(--mn-muted)}
    .mn-card{
      border:1px solid var(--mn-brd);
      border-radius: var(--mn-radius);
      box-shadow: 0 10px 30px rgba(2,6,23,.06);
    }
    .mn-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(2,6,23,.12), transparent);}
    .mn-help{
      font-size:.85rem;color:#64748b;
    }
    .mn-required::after{content:" *";color:#ef4444;font-weight:800}

/* ─── expenses\show.blade.php [block 0] ─── */
.expense-show-card {
            border: 0;
            box-shadow: rgb(0 0 0 / 10%) 0 10px 40px;
        }

        .expense-show-label {
            font-size: .78rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .04em;
            color: #6c757d;
            margin-bottom: .35rem;
        }

        .expense-show-value {
            font-size: .95rem;
            color: #212529;
            word-break: break-word;
        }

        .expense-show-block {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: .75rem;
            padding: 1rem;
            height: 100%;
        }

                .expense-status-pill {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .45rem .8rem;
            border-radius: 999px;
            font-size: .82rem;
            font-weight: 700;
        }

        .expense-status-paid {
            background: #dcfce7;
            color: #166534;
        }

        .expense-status-partial {
            background: #fef3c7;
            color: #92400e;
        }

        .expense-status-unpaid {
            background: #fee2e2;
            color: #b91c1c;
        }

/* ─── fiscalyear\create.blade.php [block 0] ─── */
.fy-create-shell {
            max-width: 1120px;
            margin: 0 auto;
        }

        .fy-create-hero {
            border: 1px solid rgba(17, 24, 39, 0.08);
            border-radius: 28px;
            background:
                radial-gradient(circle at top right, rgba(13, 110, 253, 0.16), transparent 32%),
                linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #ffffff 100%);
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
        }

        .fy-create-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.4rem 0.8rem;
            border-radius: 999px;
            background: rgba(13, 110, 253, 0.1);
            color: #0d6efd;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .fy-create-panel {
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 24px;
            background: #fff;
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
        }

        .fy-create-summary {
            border: 1px dashed rgba(13, 110, 253, 0.28);
            border-radius: 20px;
            background: rgba(13, 110, 253, 0.05);
        }

        .fy-stat {
            border-radius: 18px;
            background: #f8fafc;
            border: 1px solid rgba(148, 163, 184, 0.18);
        }

        .fy-stat-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #64748b;
        }

        .fy-stat-value {
            color: #0f172a;
            font-size: 1rem;
            font-weight: 700;
        }

        .fy-form-label {
            font-size: 0.92rem;
            font-weight: 700;
            color: #1e293b;
        }

        .fy-form-control {
            min-height: 52px;
            border-radius: 16px;
            border-color: #dbe4f0;
            background: #fbfdff;
            box-shadow: none;
        }

        .fy-form-control:focus {
            border-color: rgba(13, 110, 253, 0.55);
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.12);
            background: #fff;
        }

        .fy-form-hint {
            color: #64748b;
            font-size: 0.86rem;
        }

/* ─── fixAssets\due_payment.blade.php [block 0] ─── */
.select-mini {
  font-size: 10px;
  height: 25px;
  width: 90px;
}

/* ─── fixAssets\index.blade.php [block 1] ─── */
.filter-card .form-label { font-size: .8rem; color: var(--bs-gray-600); margin-bottom: .25rem; }

/* ─── fixAssets\paymentcreate.blade.php [block 0] ─── */
.bg-red {
            background: #f14e4e;
            color: white;
        }

/* ─── fixAssets\asset-register\index.blade.php [block 0] ─── */
        .text-right {
        text-align: right;
    }

/* ─── fixeddepatures\index.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

    /* ─── fixeddepatures\show.blade.php [block 0] ─── */
.task-wrap { border-top: 1px solid #ccc; }
	.danger {border-color:red;}

/* ─── fixProduct\show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── folder\index.blade.php [block 0] ─── */
/* Page shell */
            .mn-card{
                border: 0;
                border-radius: 14px;
                box-shadow: 0 10px 30px rgba(0,0,0,.06);
                overflow: hidden;
            }
            .mn-card-header{
                background: linear-gradient(135deg, rgba(62,151,255,.12) 0%, rgba(0,158,247,.06) 100%);
                border-bottom: 1px solid rgba(0,0,0,.06);
            }
                                    .mn-badge-id{
                font-weight: 700;
                border-radius: 999px;
                background: rgba(59,130,246,.10);
                color: #1f2937;
                padding: .35rem .6rem;
            }
            .mn-actions a{
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                border-radius: 10px;
                background: #f8fafc;
                border: 1px solid #e5e7eb;
                transition: .15s ease;
                text-decoration: none;
            }
            .mn-actions a:hover{
                transform: translateY(-1px);
                box-shadow: 0 10px 18px rgba(0,0,0,.06);
            }
            .mn-actions a.is-disabled{
                opacity: .55;
                pointer-events: none;
            }
            .mn-muted-link{
                color: #6b7280;
                text-decoration: none;
            }
            .mn-muted-link:hover{
                color: #111827;
                text-decoration: underline;
            }

/* ─── gatepass\paymentcreate.blade.php [block 0] ─── */
.bg-red{
         background: #f14e4e;
            color:white;
        }

/* ─── gatepass\show.blade.php [block 0] ─── */
.gp-badge { font-size: 0.85rem; padding: 4px 10px; border-radius: 4px; font-weight: 600; }
        .gp-badge.outward { background:#fff3cd; color:#856404; border:1px solid #ffc107; }
        .gp-badge.inward  { background:#d1e7dd; color:#0f5132; border:1px solid #198754; }
        .gp-badge.pending  { background:#fff3cd; color:#856404; }
        .gp-badge.approved { background:#d1e7dd; color:#0f5132; }
        .gp-badge.rejected { background:#f8d7da; color:#842029; }
        .info-label { font-size:0.75rem; text-transform:uppercase; color:#6c757d; font-weight:600; }
        .info-value { font-size:0.9rem; font-weight:500; }
                .dist-card { border-left: 4px solid #0d6efd; }
        .remaining-card { border-left: 4px solid #fd7e14; }

/* ─── holiday\show.blade.php [block 0] ─── */
.mail-wrap:hover { cursor:pointer; }
  .box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .box-comment img {float: left; margin-right:10px;}
  .username { font-weight: bold; }
  .comment-text span{display: block;}

/* ─── hrletter\modal_mail.blade.php [block 0] ─── */
.modal-mail {
    margin: 30px auto !important;
    width: 800px !important;
}
.modal-mail {
    margin: 10px;
    position: relative;
    width: auto;
}
h2 { font-size:23px; margin-top:0 !important; margin-left:10px;}

.form-horizontal .form-label{
    text-align: left !important;
}

/* ─── hrreports\index.blade.php [block 0] ─── */
/* ── KPI cards ── */
        .kpi-card { border: none; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.07); }
        .kpi-icon {
            width: 50px; height: 50px; border-radius: 12px;
            display: flex; align-items: center; justify-content: center; font-size: 20px;
            flex-shrink: 0;
        }
        .kpi-value { font-size: 2rem; font-weight: 700; line-height: 1.1; }
        .kpi-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
                     letter-spacing: .6px; color: #90a4ae; }
        .kpi-sub   { font-size: 0.75rem; color: #b0bec5; }

        /* ── Tables ── */
                                                /* ── Coloured badges ── */
        .b-join    { background: #e8f5e9; color: #2e7d32; font-weight: 700; font-size: 11.5px; }
        .b-left    { background: #ffebee; color: #c62828; font-weight: 700; font-size: 11.5px; }
        .b-net-pos { background: #e3f2fd; color: #1565c0; font-weight: 700; font-size: 11.5px; }
        .b-net-neg { background: #fce4ec; color: #880e4f; font-weight: 700; font-size: 11.5px; }
        .b-neutral { background: #f5f5f5; color: #546e7a; font-weight: 600; font-size: 11.5px; }

        /* ── Staff bar ── */
        .staff-bar { height: 3px; border-radius: 2px; background: #e0e0e0; margin-top: 4px; }
        .staff-bar-fill { height: 3px; border-radius: 2px; background: #1565c0; }

        /* ── Card headers ── */
        .ch-dept  { background: #1e1e2d; }
        .ch-desig { background: #1b5e20; }
        .ch-stats { background: #4a148c; }

        /* ── Stat rows ── */
        .stat-row {
            display: flex; justify-content: space-between; align-items: center;
            padding: 10px 0; border-bottom: 1px solid #f0f0f0; font-size: 12.5px;
        }
        .stat-row:last-child { border-bottom: none; }
        .stat-pill {
            font-size: 12px; font-weight: 700; padding: 4px 12px;
            border-radius: 20px; white-space: nowrap;
        }
        .rate-low    { background: #e8f5e9; color: #2e7d32; }
        .rate-medium { background: #fff3e0; color: #e65100; }
        .rate-high   { background: #ffebee; color: #c62828; }

/* ─── incomes\show.blade.php [block 0] ─── */
.income-show-card {
            border: 0;
            box-shadow: rgb(0 0 0 / 10%) 0 10px 40px;
        }

        .income-show-label {
            font-size: .78rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .04em;
            color: #6c757d;
            margin-bottom: .35rem;
        }

        .income-show-value {
            font-size: .95rem;
            color: #212529;
            word-break: break-word;
        }

        .income-show-block {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: .75rem;
            padding: 1rem;
            height: 100%;
        }

/* ─── internalrequisition\index.blade.php [block 0] ─── */
        .nav-tabs .active-tab {
            background-color: #343a40;
            color: white;
        }

        .nav-tabs .inactive-tab {
            background-color: #e0e0e0;
            color: #6c757d;
        }

        .inactive-tab:hover {
            background-color: #e9ecef;
            color: #495057;
        }

/* ─── internalrequisition\show.blade.php [block 0] ─── */
.ir-review-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 18px;
        }

        .ir-review-box {
            padding: 14px 16px;
            border: 1px solid #dbe4ee;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
        }

        .ir-review-label {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #64748b;
        }

        .ir-review-value {
            margin-top: 5px;
            font-size: 16px;
            font-weight: 700;
            color: #0f172a;
        }

        .ir-review-copy {
            margin-top: 5px;
            font-size: 12px;
            color: #64748b;
        }

        .ir-review-status-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
        }

        .ir-review-status-badge.secondary { background: #e2e8f0; color: #334155; }
        .ir-review-status-badge.warning { background: #fef3c7; color: #92400e; }
        .ir-review-status-badge.success { background: #dcfce7; color: #166534; }
        .ir-review-status-badge.danger { background: #fee2e2; color: #991b1b; }

        .ir-summary-card,
        .ir-trail-card {
            border: 1px solid #dbe4ee;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
        }

        .ir-summary-card .card-header,
        .ir-trail-card .card-header {
            border-bottom: 1px solid #e2e8f0;
            background: #f8fafc;
        }

        .ir-trail-list {
            display: grid;
            gap: 12px;
        }

        .ir-trail-item {
            padding: 14px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fff;
        }

        .ir-trail-meta {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 6px;
        }

        @media (max-width: 991.98px) {
            .ir-review-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 767.98px) {
            .ir-review-strip {
                grid-template-columns: 1fr;
            }
        }

/* ─── invoice\due_payment.blade.php [block 0] ─── */
@media only screen and (max-width: 770px) {

            }
    .nep-date-toggle{
        width: 120px !important;
    }

/* ─── invoice\invoiceReturnModal.blade.php [block 0] ─── */
.read-only-field {
                                            color: #6c757d;
                                            cursor: not-allowed;
                                        }

/* ─── invoice\pdc-show.blade.php [block 0] ─── */
.pdc-show-card {
            border: 1px solid #e5e7eb;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
        }
        .pdc-show-card .card-header {
            background: transparent;
            border-bottom: 1px solid #eef2f7;
        }
        .pdc-meta-label {
            font-size: .72rem;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #64748b;
            font-weight: 700;
            margin-bottom: .35rem;
        }
        .pdc-meta-value {
            color: #0f172a;
            font-weight: 600;
            word-break: break-word;
        }
        .pdc-note-box {
            min-height: 120px;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            background: #f8fafc;
            padding: 1rem;
            white-space: pre-wrap;
        }

/* ─── invoiceReturn\index.blade.php [block 0] ─── */
.toolbar-card{ background:#fff; border:1px solid var(--bs-border-color); border-radius:.5rem; box-shadow:0 1px 4px rgba(0,0,0,.06); padding:.85rem 1rem; }
        .chip{ display:inline-flex; align-items:center; gap:.35rem; border-radius:999px; padding:.2rem .55rem; font-size:.72rem; font-weight:700; border:1px solid var(--bs-border-color); background:#f8f9fa; color:#374151; white-space:nowrap; }
                                        /* ─── leads\edit.blade.php [block 0] ─── */
.sticky-sidebar { position: sticky; top: 92px; }
    @media (max-width: 767px) { .sticky-sidebar { position: static; } }
    .actions-bar { position: sticky; bottom: 0; z-index: 20; background: linear-gradient(180deg, transparent 0%, #fff 30%); padding-top: 12px; }
    .required::after { content: " *"; color: #dc3545; }

/* ─── leads\funnel.blade.php [block 0] ─── */
.chart-container {
            width: 1000px;
            height: 1000px;
            margin: 0 auto;
        }

        #funnelChart {
            width: 100%;
            height: 100%;
        }

/* ─── leads\overdue_leads.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

    /* ─── leads\query_list.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

    /* ─── leads\search.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

/* ─── leads\todays_action.blade.php [block 0] ─── */
          #nameInput, #productInput, #statusInput, #ratingInput {
        background-image: url('/images/searchicon.png'); /* Add a search icon to input */
        background-position: 10px 12px; /* Position the search icon */
        background-repeat: no-repeat; /* Do not repeat the icon image */
        font-size: 16px; /* Increase font-size */
        padding: 12px 12px 12px 40px; /* Add some padding */
        border: 1px solid #ddd; /* Add a grey border */
        margin-bottom: 12px; /* Add some space below the input */
        margin-right: 5px;
    }

    /* ─── leads\today_followed.blade.php [block 0] ─── */
:root{
      --ink:#0f172a;
      --muted:#64748b;
      --soft:#f8fafc;
      --card:#ffffff;
      --brd:rgba(2,6,23,.10);
      --shadow:0 12px 35px rgba(2,6,23,.08);
      --radius:14px;
    }
    .toolbar-card{
      background:linear-gradient(90deg,#f8fafc 0%, #ecfeff 40%, #fff 100%);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .page-card{
      background:var(--card);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .page-head{
      padding:1rem 1.25rem;
      border-bottom:1px dashed rgba(2,6,23,.12);
      background:linear-gradient(180deg,#fff, #fbfdff);
      display:flex; align-items:center; justify-content:space-between;
      gap:1rem; flex-wrap:wrap;
    }
    .page-title{
      margin:0;
      font-size:1.05rem;
      font-weight:900;
      color:var(--ink);
      letter-spacing:-.02em;
    }
    .page-sub{ color:var(--muted); font-size:.85rem; margin-top:.15rem; }
        /* Table polish */
                /* User cell */
    .user-cell{ display:flex; align-items:center; gap:.75rem; }
    .avatar{
      width:34px; height:34px;
      border-radius:999px;
      overflow:hidden;
      border:1px solid rgba(2,6,23,.10);
      background:#fff;
      flex:0 0 auto;
    }
    .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
    .u-name{ font-weight:900; color:var(--ink); line-height:1.1; }
    .u-meta{ color:var(--muted); font-size:.8rem; font-weight:700; margin-top:.15rem; }

    .note{
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      color:var(--ink);
      font-weight:600;
    }
    .updated{
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.35rem .6rem;
      border-radius:999px;
      border:1px solid rgba(2,6,23,.10);
      background:#fff;
      color:var(--muted);
      font-weight:800;
      font-size:.8rem;
      white-space:nowrap;
    }

    /* DT controls (optional if you init DataTables later) */
        /* ─── leads\partials\stepper.blade.php [block 0] ─── */
/* Stage stepper — BS5 colours, minimal custom CSS */
.sf-path-outer { background:#fff; border-bottom:1px solid #dee2e6; }
.sf-path-rail  { display:flex; overflow-x:auto; scrollbar-width:none; align-items:flex-start; padding:.6rem 1rem .4rem; }
.sf-path-rail::-webkit-scrollbar { display:none; }

.sf-path-step {
  display:flex; flex-direction:column; align-items:center; gap:.3rem;
  flex:1 1 0; min-width:72px; max-width:140px; padding:.25rem;
  position:relative; cursor:pointer; border:0; background:none;
}
/* Connector line drawn into next step via ::after */
.sf-path-step::after {
  content:''; position:absolute;
  left:calc(50% + 16px); right:calc(-50% + 16px);
  top:calc(.25rem + 15px);
  height:2px; background:#dee2e6; z-index:0;
}
.sf-path-step:last-child::after { display:none; }
.sf-path-step.completed::after  { background:#0d6efd; }

.sf-path-circle {
  width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; font-weight:700; flex-shrink:0;
  position:relative; z-index:1;
  transition:transform .15s, box-shadow .15s;
}
.sf-path-step.pending   .sf-path-circle { background:#fff; border:2px solid #dee2e6; color:#6c757d; }
.sf-path-step.completed .sf-path-circle { background:#0d6efd; border:2px solid #0d6efd; color:#fff; }
.sf-path-step.current   .sf-path-circle { background:#fff; border:2px solid #0d6efd; color:#0d6efd; box-shadow:0 0 0 4px rgba(13,110,253,.15); }
.sf-path-step:hover     .sf-path-circle { transform:scale(1.08); }

/* Pending/current: show step number; completed: show check icon */
.sf-path-step.pending .sf-path-circle .lead-icon,
.sf-path-step.current .sf-path-circle .lead-icon { display:none; }
.sf-path-step.completed .sf-path-circle .step-num { display:none; }

.sf-path-label { font-size:.66rem; line-height:1.2; text-align:center; max-width:90px; }
.sf-path-step.pending   .sf-path-label { color:#6c757d; }
.sf-path-step.completed .sf-path-label { color:#0d6efd; }
.sf-path-step.current   .sf-path-label { color:#0d6efd; font-weight:600; }

.sf-path-progress-label { font-size:.72rem; color:#6c757d; padding:.3rem 1rem .4rem; border-top:1px solid #f0f0f0; display:flex; justify-content:space-between; align-items:center; }
.sf-path-progress-label strong { color:#0d6efd; }

/* ─── leavereport\report.blade.php [block 0] ─── */
/* Custom styles for borders and padding */
        /* ─── leave_mgmt\adjustment_index.blade.php [block 0] ─── */
:root {
            --leave-bg: #f4f7fb;
            --leave-card: #ffffff;
            --leave-ink: #0f172a;
            --leave-muted: #64748b;
            --leave-line: #e2e8f0;
            --leave-primary: #2563eb;
            --leave-primary-soft: #dbeafe;
            --leave-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
            --leave-radius: 18px;
        }

        .leave-adjustment-page {
            background:
                radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 28%),
                linear-gradient(180deg, #f8fbff 0%, var(--leave-bg) 100%);
            border-radius: 24px;
            padding: 1.5rem;
        }

        .leave-hero {
            background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 60%, #38bdf8 100%);
            color: #fff;
            border-radius: 24px;
            padding: 1.75rem;
            box-shadow: var(--leave-shadow);
            overflow: hidden;
            position: relative;
        }

        .leave-hero::after {
            content: "";
            position: absolute;
            inset: auto -60px -80px auto;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.12);
        }

        .leave-hero__eyebrow {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .45rem .8rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.16);
            font-size: .78rem;
            font-weight: 700;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

        .leave-hero h2 {
            margin: 1rem 0 .45rem;
            color: #fff;
            font-weight: 800;
            letter-spacing: -.02em;
        }

        .leave-hero p {
            margin: 0;
            max-width: 760px;
            color: rgba(255, 255, 255, 0.88);
            font-size: .98rem;
        }

        .leave-metric-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
            margin-top: 1.25rem;
        }

        .leave-metric {
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 18px;
            padding: 1rem 1.1rem;
            backdrop-filter: blur(6px);
        }

        .leave-metric__label {
            color: rgba(255, 255, 255, 0.72);
            font-size: .8rem;
            text-transform: uppercase;
            letter-spacing: .04em;
            margin-bottom: .3rem;
        }

        .leave-metric__value {
            font-size: 1.7rem;
            font-weight: 800;
            line-height: 1;
            color: #fff;
        }

        .leave-metric__note {
            margin-top: .35rem;
            color: rgba(255, 255, 255, 0.78);
            font-size: .82rem;
        }

        .leave-card {
            background: var(--leave-card);
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: var(--leave-radius);
            box-shadow: var(--leave-shadow);
            overflow: hidden;
        }

        .leave-card__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: 1.25rem 1.4rem 1rem;
            border-bottom: 1px solid var(--leave-line);
        }

        .leave-card__title {
            margin: 0;
            color: var(--leave-ink);
            font-size: 1.1rem;
            font-weight: 800;
        }

        .leave-card__subtitle {
            margin: .2rem 0 0;
            color: var(--leave-muted);
            font-size: .9rem;
        }

        .leave-card__body {
            padding: 1.35rem 1.4rem 1.45rem;
        }

        .leave-card__footer {
            padding: 1rem 1.4rem 1.3rem;
            border-top: 1px solid var(--leave-line);
            background: #fbfdff;
        }

        .leave-badge {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .75rem;
            border-radius: 999px;
            background: var(--leave-primary-soft);
            color: var(--leave-primary);
            font-size: .8rem;
            font-weight: 700;
        }

        .leave-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .leave-field {
            display: flex;
            flex-direction: column;
            gap: .45rem;
        }

        .leave-field--full {
            grid-column: 1 / -1;
        }

        .leave-label {
            margin: 0;
            color: var(--leave-ink);
            font-size: .9rem;
            font-weight: 700;
        }

        .leave-help {
            color: var(--leave-muted);
            font-size: .78rem;
            line-height: 1.45;
        }

        .leave-input,
        .leave-select,
        .leave-textarea {
            border-radius: 14px !important;
            border: 1px solid var(--leave-line) !important;
            background: #fff;
            color: var(--leave-ink);
            min-height: 44px;
            box-shadow: none !important;
        }

        .leave-input:focus,
        .leave-select:focus,
        .leave-textarea:focus {
            border-color: #93c5fd !important;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
        }

        .leave-textarea {
            min-height: 88px;
            resize: vertical;
        }

        .leave-sequence-note {
            display: flex;
            gap: .75rem;
            align-items: flex-start;
            padding: .95rem 1rem;
            border-radius: 14px;
            background: #fff7ed;
            border: 1px solid #fed7aa;
            color: #9a3412;
            font-size: .84rem;
            line-height: 1.5;
        }

        .leave-feedback {
            min-height: 1.1rem;
            font-size: .85rem;
            margin-top: .25rem;
        }

        .leave-feedback:empty {
            display: none;
        }

        .leave-submit {
            min-width: 170px;
            border-radius: 14px;
            padding: .8rem 1.15rem;
            font-weight: 800;
        }

        .leave-secondary {
            border-radius: 14px;
            padding: .8rem 1.15rem;
            font-weight: 700;
        }

        .leave-status-wrap {
            position: sticky;
            top: 1.5rem;
        }

        .leave-status-shell {
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            border-radius: var(--leave-radius);
            border: 1px solid rgba(148, 163, 184, 0.14);
            box-shadow: var(--leave-shadow);
            overflow: hidden;
        }

        .leave-status-shell #leaveStatus > div {
            margin: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
        }

        .leave-status-shell .card-header {
            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
            border-bottom: 1px solid var(--leave-line);
        }

        .leave-status-shell .leave_stat {
            color: var(--leave-ink);
            font-size: 1rem;
            font-weight: 800;
        }

                                        .leave-status-note {
            padding: 1rem 1.25rem 1.2rem;
            color: var(--leave-muted);
            font-size: .83rem;
            border-top: 1px solid var(--leave-line);
            background: rgba(248, 250, 252, 0.9);
        }

        .leave-status-loading {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 220px;
        }

        @media (max-width: 991.98px) {
            .leave-adjustment-page {
                padding: 1rem;
            }

            .leave-metric-grid,
            .leave-form-grid {
                grid-template-columns: 1fr;
            }

            .leave-status-wrap {
                position: static;
            }
        }

/* ─── leave_mgmt\index.blade.php [block 0] ─── */
#applyLeaveOverlay{ position:fixed; inset:0; z-index:1056; }
  #applyLeaveOverlay .applyLeaveBackdrop{
    position:absolute; inset:0; background:rgba(0,0,0,.25); backdrop-filter: blur(1px);
  }
  #applyLeaveOverlay .applyLeaveCard{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    background:#fff; border-radius:12px; padding:16px 18px;
    display:flex; align-items:center; gap:10px;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    min-width: 240px;
  }

/* ─── leave_mgmt\leavereport.blade.php [block 0] ─── */
.js-year-list label, .js-year-list div select {
            width: auto !important;
        }
        .js-year-list label {
            margin-bottom: 0.75rem !important;
            font-weight: 500 !important;
        }

/* ─── locations\live.blade.php [block 0] ─── */
#map { height: 70vh; border-radius: 12px; }
  /* ─── locationstocktransfer\create.blade.php [block 0] ─── */
:root{
      --mn-radius:14px;
      --mn-shadow:0 10px 30px rgba(2,6,23,.06);
    }
        .card-modern{ border:0; border-radius:var(--mn-radius); box-shadow:var(--mn-shadow); }
        .visually-hidden-template{ display:none; }
    .form-text.muted{ color:var(--bs-gray-600); }

/* ─── locationstocktransfer\edit.blade.php [block 0] ─── */
/* ─── locationstocktransfer\index-approved.blade.php [block 0] ─── */
                .nav-tabs .active-tab {
        background-color: #343a40;
        color: white;
    }

    /* Active Tab - Dark Background */


    /* Inactive Tab - Light Background */
    .nav-tabs .inactive-tab {
        background-color: #e0e0e0;
        color: #6c757d;
    }

    /* Hover Effect for Inactive Tab */
    .inactive-tab:hover {
        background-color: #e9ecef;
        color: #495057;
    }

/* ─── locationstocktransfer\index-pending.blade.php [block 0] ─── */
                .nav-tabs .active-tab {
        background-color: #343a40;
        color: white;
    }

    /* Active Tab - Dark Background */


    /* Inactive Tab - Light Background */
    .nav-tabs .inactive-tab {
        background-color: #e0e0e0;
        color: #6c757d;
    }

    /* Hover Effect for Inactive Tab */
    .inactive-tab:hover {
        background-color: #e9ecef;
        color: #495057;
    }

/* ─── locationstocktransfer\index.blade.php [block 0] ─── */
                .nav-tabs .active-tab {
        background-color: #343a40;
        color: white;
    }

    /* Active Tab - Dark Background */


    /* Inactive Tab - Light Background */
    .nav-tabs .inactive-tab {
        background-color: #e0e0e0;
        color: #6c757d;
    }

    /* Hover Effect for Inactive Tab */
    .inactive-tab:hover {
        background-color: #e9ecef;
        color: #495057;
    }

/* ─── locationstocktransfer\show.blade.php [block 0] ─── */
:root{
      --card-radius:14px; --card-shadow:0 10px 30px rgba(2,6,23,.06);
    }
    .brand-logo{ max-width: 220px; max-height: 80px; object-fit: contain; }
    .doc-meta small{ display:block; line-height:1.2; }
    .note-box{
      background: #f8fafc; border: 1px dashed #dbe3ef; border-radius: 12px;
      padding: 12px 14px;
    }

/* ─── manufacturing\complete.blade.php [block 0] ─── */
:root{ --border:#eef2f7; --r:14px; --sh:0 10px 30px rgba(16,24,40,.06); }
        .ns-card{ border:1px solid var(--border); border-radius:var(--r); background:#fff; box-shadow:var(--sh); }
        .ns-card .card-header{ border-bottom:1px solid var(--border); background:linear-gradient(180deg,#fff 0%,#fafbff 100%); padding:.75rem 1rem; }
        .info-row{ display:flex; justify-content:space-between; padding:.35rem 0; border-bottom:1px solid #f3f4f6; font-size:.88rem; }
        .info-row:last-child{ border-bottom:none; }

/* ─── manufacturing\index.blade.php [block 0] ─── */
/* Stat strip */
        .ns-stat-strip {
            display: flex; border: 1px solid var(--ns-border);
            border-radius: 3px; overflow: hidden; margin-bottom: 8px; background: #fff;
        }
        .ns-stat-tile {
            flex: 1; padding: 7px 14px; border-right: 1px solid var(--ns-border);
            display: flex; align-items: center; gap: 10px;
            text-decoration: none; transition: background .12s;
        }
        .ns-stat-tile:last-child { border-right: none; }
        .ns-stat-tile:hover { background: #f4f6f9; }
        .ns-stat-tile.active { background: #eef3fb; }
        .ns-stat-icon {
            width: 30px; height: 30px; border-radius: 4px; flex-shrink: 0;
            display: flex; align-items: center; justify-content: center;
        }
        .ns-stat-num { font-size: 1.1rem; font-weight: 700; line-height: 1; color: #1e293b; }
        .ns-stat-lbl { font-size: .68rem; color: #6b7280; text-transform: uppercase;
                       letter-spacing: .05em; font-weight: 600; margin-top: 2px; }

        /* Filter bar */
        .ns-filter-bar {
            display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
            padding: 5px 8px; border-bottom: 1px solid var(--ns-border); background: #f8f9fa;
        }
        .ns-filter-bar .form-control-sm,
        .ns-filter-bar .form-select-sm { font-size: .78rem; height: 28px; border-color: var(--ns-border); border-radius: 3px; }
        .ns-pg-label { font-size: .75rem; color: #6b7280; white-space: nowrap; }

        /* Table */
                /* Pagination */
        .pagination { margin: 0; gap: 2px; }
        .pagination .page-item .page-link {
            padding: 3px 9px; font-size: .75rem; border-color: var(--ns-border);
            border-radius: 3px !important; color: #374151; line-height: 1.5;
        }
        .pagination .page-item.active .page-link {
            background: #2563eb; border-color: #2563eb; color: #fff;
        }
        .pagination .page-item.disabled .page-link { color: #c8cfd8; }

/* ─── manufacturing\show.blade.php [block 0] ─── */
.btn-ns-inline { background:none; border:none; padding:0; margin:0; }

/* ─── manufacturing\bom\index.blade.php [block 0] ─── */
.ns-stat-strip { display:flex; border:1px solid var(--ns-border); border-radius:3px; overflow:hidden; margin-bottom:8px; background:#fff; }
        .ns-stat-tile  { flex:1; padding:7px 14px; border-right:1px solid var(--ns-border); display:flex; align-items:center; gap:10px; text-decoration:none; transition:background .12s; }
        .ns-stat-tile:last-child { border-right:none; }
        .ns-stat-tile:hover  { background:#f4f6f9; }
        .ns-stat-tile.active { background:#eef3fb; }
        .ns-stat-icon { width:30px; height:30px; border-radius:4px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
        .ns-stat-num  { font-size:1.1rem; font-weight:700; line-height:1; color:#1e293b; }
        .ns-stat-lbl  { font-size:.68rem; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; font-weight:600; margin-top:2px; }
        .ns-filter-bar { display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:5px 8px; border-bottom:1px solid var(--ns-border); background:#f8f9fa; }
        .ns-filter-bar .form-control-sm, .ns-filter-bar .form-select-sm { font-size:.78rem; height:28px; border-color:var(--ns-border); border-radius:3px; }
        .ns-pg-label { font-size:.75rem; color:#6b7280; white-space:nowrap; }
                .pagination { margin:0; gap:2px; }
        .pagination .page-item .page-link { padding:3px 9px; font-size:.75rem; border-color:var(--ns-border); border-radius:3px !important; color:#374151; line-height:1.5; }
        .pagination .page-item.active .page-link { background:#2563eb; border-color:#2563eb; color:#fff; }
        .pagination .page-item.disabled .page-link { color:#c8cfd8; }

/* ─── manufacturing\bom\show.blade.php [block 0] ─── */
.ns-info-row  { display:flex; justify-content:space-between; align-items:flex-start; padding:5px 0; border-bottom:1px solid #f1f5f9; font-size:.83rem; }
        .ns-info-row:last-child { border-bottom:none; }
        .ns-info-lbl  { color:#6b7280; font-weight:500; min-width:120px; }
        .ns-info-val  { color:#1e293b; text-align:right; }
        .ns-section-title { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#374151; }
        .ns-view-bar  { background:#fff; border:1px solid var(--ns-border); border-radius:3px; padding:6px 10px; display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-bottom:8px; }

/* ─── manufacturing\container-returns\index.blade.php [block 0] ─── */
.ns-stat-strip { display:flex; border:1px solid var(--ns-border); border-radius:3px; overflow:hidden; margin-bottom:8px; background:#fff; }
        .ns-stat-tile  { flex:1; padding:7px 14px; border-right:1px solid var(--ns-border); display:flex; align-items:center; gap:10px; text-decoration:none; transition:background .12s; }
        .ns-stat-tile:last-child { border-right:none; }
        .ns-stat-tile:hover  { background:#f4f6f9; }
        .ns-stat-tile.active { background:#eef3fb; }
        .ns-stat-icon { width:30px; height:30px; border-radius:4px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
        .ns-stat-num  { font-size:1.1rem; font-weight:700; line-height:1; color:#1e293b; }
        .ns-stat-lbl  { font-size:.68rem; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; font-weight:600; margin-top:2px; }
        .ns-filter-bar { display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:5px 8px; border-bottom:1px solid var(--ns-border); background:#f8f9fa; }
        .ns-filter-bar .form-control-sm, .ns-filter-bar .form-select-sm { font-size:.78rem; height:28px; border-color:var(--ns-border); border-radius:3px; }
        .ns-pg-label { font-size:.75rem; color:#6b7280; white-space:nowrap; }
                .pagination { margin:0; gap:2px; }
        .pagination .page-item .page-link { padding:3px 9px; font-size:.75rem; border-color:var(--ns-border); border-radius:3px !important; color:#374151; line-height:1.5; }
        .pagination .page-item.active .page-link { background:#2563eb; border-color:#2563eb; color:#fff; }
        .pagination .page-item.disabled .page-link { color:#c8cfd8; }

/* ─── manufacturing\reports\bom-vs-actual.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 260px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
                .var-pos { color:#198754; font-weight:600; }
        .var-neg { color:#dc3545; font-weight:600; }
        .var-zero { color:#6c757d; }
                .badge-draft       { background:#6c757d; color:#fff; }
        .badge-pending { background:#ffc107; color:#212529; }
        .badge-posted  { background:#198754; color:#fff; }
        .badge-cancelled   { background:#dc3545; color:#fff; }
        .no-bom { color:#856404; background:#fff3cd; padding:1px 6px; border-radius:4px; font-size:10px; }

/* ─── manufacturing\reports\cost-analysis.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 240px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
        /* ─── manufacturing\reports\finished-goods.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 260px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
                                        .badge-draft       { background:#6c757d; color:#fff; }
        .badge-pending { background:#ffc107; color:#212529; }
        .badge-posted  { background:#198754; color:#fff; }
        .badge-cancelled   { background:#dc3545; color:#fff; }
        .var-pos { color:#198754; }
        .var-neg { color:#dc3545; }

/* ─── manufacturing\reports\gatepass-report.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 260px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
        .badge-cash   { background:#198754; color:#fff; }
        .badge-credit { background:#fd7e14; color:#fff; }
        .badge-Pending  { background:#6c757d; color:#fff; }
        .badge-Approved { background:#198754; color:#fff; }
        .badge-Rejected { background:#dc3545; color:#fff; }
        .badge-Outward  { background:#0d6efd; color:#fff; }
        .badge-Inward   { background:#6610f2; color:#fff; }

/* ─── manufacturing\reports\material-consumption.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 240px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }

/* ─── manufacturing\reports\production-gl-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#fffbf0 0%,#fef3c7 100%);
    border-bottom: 1px solid #fcd34d;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }

/* ─── manufacturing\reports\production-stock-recon.blade.php [block 0] ─── */
.recon-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.recon-head {
    background: linear-gradient(145deg,#f0fdf4 0%,#dcfce7 100%);
    border-bottom: 1px solid #86efac;
    padding: 18px 20px 14px;
}
.recon-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.summary-card {
    border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 14px 18px; background: #fff;
}
.summary-card .label { font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.summary-card .value { font-size:1.25rem; font-weight:700; color:#0f172a; }
.diff-ok  { color:#16a34a; }
.diff-bad { color:#dc2626; }
.badge-ok      { background:#dcfce7; color:#15803d; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-missing { background:#fef9c3; color:#854d0e; font-size:.7rem; padding:2px 8px; border-radius:20px; }
.badge-mismatch{ background:#fee2e2; color:#991b1b; font-size:.7rem; padding:2px 8px; border-radius:20px; }
/* ─── manufacturing\reports\raw-material-cost.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 240px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
        .cost-bar-bg { background:#eef3fb; border-radius:4px; height:8px; overflow:hidden; min-width:60px; }
        .cost-bar-fill { background:#0d6efd; height:8px; border-radius:4px; transition:width .3s; }

/* ─── manufacturing\reports\summary.blade.php [block 0] ─── */
.mfg-filter { background:#fff; border:1px solid #d6dfeb; border-radius:6px; padding:.5rem .75rem; margin-bottom:.5rem; box-shadow:0 2px 8px rgba(34,50,84,.05); }
        .mfg-label  { display:block; margin-bottom:.15rem; color:#55637a; font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
                                        .mfg-wrap   { max-height:calc(100vh - 240px); overflow:auto; }
        .num        { text-align:right; font-variant-numeric:tabular-nums; }
        .badge-draft       { background:#6c757d; color:#fff; }
        .badge-pending { background:#ffc107; color:#212529; }
        .badge-posted  { background:#198754; color:#fff; }
        .badge-cancelled   { background:#dc3545; color:#fff; }

/* ─── mconsumption\index.blade.php [block 0] ─── */
    /* ─── menus\index.blade.php [block 0] ─── */
/* ── Page layout ───────────────────────────────────────────── */
.menus-layout { display:flex; gap:16px; align-items:flex-start; }
.menus-left   { flex:1 1 0; min-width:0; }
.menus-right  { width:380px; flex-shrink:0; position:sticky; top:80px; }

/* ── Tree card ────────────────────────────────────────────── */
#jstree_menu_div { height:520px; overflow:auto; }

/* Node coloring */
.jstree-default .node-has-perm > a          { color: #2563eb !important; font-weight:500; }
.jstree-default .node-disabled > a          { color: #9ca3af !important; text-decoration:line-through; }
.jstree-default .node-has-perm.node-disabled > a { color:#94a3b8 !important; }

/* Permission pill appended by JS */
.perm-pill {
    display:inline-block;
    margin-left:6px;
    font-size:.62rem;
    font-weight:600;
    background:#ede9fe;
    color:#5b21b6;
    border:1px solid #c4b5fd;
    border-radius:999px;
    padding:0 6px;
    line-height:1.6;
    vertical-align:middle;
}
.node-disabled .perm-pill { background:#f1f5f9; color:#94a3b8; border-color:#e2e8f0; }

/* ── Permission map table ──────────────────────────────────── */
.badge-perm         { font-size:.65rem; font-weight:600; background:#ede9fe; color:#5b21b6; border:1px solid #c4b5fd; border-radius:999px; padding:1px 8px; }
.badge-open         { background:#dcfce7; color:#166534; border-color:#86efac; }
.badge-basic        { background:#fef9c3; color:#713f12; border-color:#fde047; }

/* ── Form card ────────────────────────────────────────────── */
.form-section-title {
    font-size:.7rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#94a3b8;
    margin:12px 0 6px;
    border-bottom:1px solid #f1f5f9;
    padding-bottom:3px;
}
.perm-preview {
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:6px;
    background:#f0f4ff;
    border:1px solid #c7d7fc;
    font-size:.78rem;
    color:#1e40af;
    font-weight:500;
    margin-bottom:8px;
}
.perm-preview.none { background:#f8fafc; border-color:#e2e8f0; color:#94a3b8; }
.legend-dot { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:4px; }

/* ─── onboarding\task\show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── onlineorder\billwisedebtorlist.blade.php [block 0] ─── */
        /* ─── onlineorder\index.blade.php [block 0] ─── */
:root {
            --stat-radius: 10px;
            --card-shadow: 0 1px 4px rgba(0,0,0,.07);
        }

        /* ── Stat cards ── */
        .stat-card {
            border: 1px solid #e9ecef;
            border-radius: var(--stat-radius);
            background: #fff;
            padding: .85rem 1rem;
            display: flex;
            align-items: center;
            gap: .85rem;
            transition: box-shadow .15s;
            box-shadow: var(--card-shadow);
        }
        .stat-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); }
        .stat-icon {
            width: 40px; height: 40px; border-radius: 9px;
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0; font-size: 1.1rem;
        }
        .stat-label { font-size: .72rem; color: #6c757d; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; line-height: 1; }
        .stat-value { font-size: 1.25rem; font-weight: 700; line-height: 1.2; color: #1e293b; }
        .stat-sub   { font-size: .7rem; color: #9ca3af; margin-top: 1px; }

        /* ── Filter bar ── */
        .filter-bar { background: #f8fafc; border: 1px solid #e9ecef; border-radius: var(--stat-radius); padding: .7rem 1rem; }
        .filter-bar .form-label { font-size: .72rem; font-weight: 600; color: #374151; margin-bottom: 3px; }
        .filter-bar .form-control-sm,
        .filter-bar .form-select-sm { font-size: .78rem; height: 30px; padding: .2rem .5rem; }

        /* ── Compact table ── */
                                /* ── Delivery select compact ── */
        .delivery-status-select { font-size: .75rem !important; padding: .15rem .35rem !important; height: 26px !important; }

        /* ── Status pill colors ── */
        .os-pending    { background:#fef9c3; color:#854d0e; border:1px solid #fde68a; }
        .os-confirmed  { background:#dbeafe; color:#1d4ed8; border:1px solid #bfdbfe; }
        .os-processing { background:#ede9fe; color:#5b21b6; border:1px solid #ddd6fe; }
        .os-on_hold    { background:#f3f4f6; color:#374151; border:1px solid #d1d5db; }
        .os-cancelled  { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; }
        .os-refunded   { background:#f0fdf4; color:#166534; border:1px solid #bbf7d0; }
        .os-completed  { background:#d1fae5; color:#065f46; border:1px solid #6ee7b7; }

        .dt-buttons { display:flex; flex-wrap:wrap; gap:.35rem; }
                .badge-pre { background:#fed7aa; color:#7c2d12; font-size:.6rem; padding:.15em .4em; border-radius:4px; font-weight:700; vertical-align:middle; }
        /* ─── onlineorder\show.blade.php [block 3] ─── */
#ptiStockCheckModal .modal-dialog { max-width: min(720px, 96vw); }
    #ptisc-header.ptisc-ok  { background: linear-gradient(135deg,#0a2e1a,#166534,#14532d) !important; }
    #ptisc-header.ptisc-bad { background: linear-gradient(135deg,#3b0000,#7f1d1d,#991b1b) !important; }
    .sc-card { opacity:0; transform:translateY(10px); transition:opacity .25s ease,transform .25s ease; }
    .sc-card.sc-visible { opacity:1; transform:translateY(0); }
    .ptisc-stat-pill { display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700; }
    #ptisc-cards::-webkit-scrollbar { width:5px; }
    #ptisc-cards::-webkit-scrollbar-thumb { background:#c1c1c1;border-radius:3px; }

/* ─── onlineorder\show.blade.php [block 1] ─── */
#postToInvoiceModal .pti-section-title {
      font-size: .68rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: .07em; color: #64748b; margin-bottom: .5rem;
      display: flex; align-items: center; gap: .4rem;
    }
    #postToInvoiceModal .pti-section-title::after { content:""; flex:1; height:1px; background:rgba(2,6,23,.08); }
                        #postToInvoiceModal .pti-store-select { font-size: .8rem; width: 100%; min-width: 0; transition: background .15s; }
    #postToInvoiceModal .pti-store-select.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 .15rem rgba(220,53,69,.12); }
    #postToInvoiceModal .pti-store-select.bulk-flash { background: #d1fae5 !important; }
    @keyframes pti-flash { 0%{background:#d1fae5} 100%{background:#fff} }

/* ─── opportunities\index.blade.php [block 0] ─── */
/* Remove underline from all links */
    a {
        text-decoration: none; /* Removes underline */
    }

    /* Optional: Add a hover effect to links */
    a:hover {
        text-decoration: underline; /* Adds underline on hover for better user experience */
    }

/* ─── organization\index.blade.php [block 0] ─── */
.sys-stat-card {
        border: 1px solid var(--bs-border-color);
        border-radius: 1rem;
        transition: box-shadow .2s;
    }
    .sys-stat-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.09); }


        .memory-badge {
        font-size: 1.4rem;
        font-weight: 700;
    }

/* ─── payroll\payroll.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── payroll\salary_list.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
        margin-bottom: 10px;
    }
    .card-custom {
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
    }

    .btn-purple, .btn-purple:hover {
        color: #ffffff;
        background-color: #7266ba;
        border-color: transparent;
    }

    .show_print { display: none; }

    

    .mr, #DataTables_length { margin-right: 10px !important; }

/* ─── payroll\salary_pay_bulk.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── payroll\generatepayslip\index.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
        margin-bottom: 10px;
    }

    .btn-purple, .btn-purple:hover {
        color: #ffffff;
        background-color: #7266ba;
        border-color: transparent;
    }

    .show_print { display: none; }
    .mr, #DataTables_length { margin-right: 10px !important; }

/* ─── payroll\payment\index.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
        margin-bottom: 10px;
    }

    .btn-purple, .btn-purple:hover {
        color: #ffffff;
        background-color: #7266ba;
        border-color: transparent;
    }

    .show_print { display: none; }
    .mr, #DataTables_length { margin-right: 10px !important; }

/* ─── payroll\payment\make_payment.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
        margin-bottom: 10px;
    }

    .btn-purple, .btn-purple:hover {
        color: #ffffff;
        background-color: #7266ba;
        border-color: transparent;
    }

    .show_print { display: none; }
    .mr, #DataTables_length { margin-right: 10px !important; }

/* ─── payroll\remote_deduction\index.blade.php [block 0] ─── */
:root{
      --mn-bd: 1px solid rgba(0,0,0,.08);
      --mn-br: .85rem;
    }
    .content-header{ margin-top:-28px; margin-bottom:18px; }

    .card-soft{
      border: var(--mn-bd); border-radius: var(--mn-br); background:#fff;
      box-shadow: rgba(2,6,23,.08) 0 8px 24px;
    }

    .toolbar{
      position: sticky; top: -2px; z-index: 5;
      background:#fff; border: var(--mn-bd); border-radius: var(--mn-br);
      padding:.75rem; display:flex; align-items:center; gap:.5rem;
    }

            .action-icons a{ text-decoration:none; }
            .empty-state{ text-align:center; padding:2.25rem 1rem; color:#6b7280; }

    @media print{ .noprint{ display:none !important; } }

/* ─── payroll\remote_deduction_categories\index.blade.php [block 0] ─── */
:root{
      --mn-bd: 1px solid rgba(0,0,0,.08);
      --mn-br: .85rem;
    }
    .content-header{ margin-top:-28px; margin-bottom:18px; }
    .card-soft{
      border: var(--mn-bd); border-radius: var(--mn-br); background:#fff;
      box-shadow: rgba(2,6,23,.08) 0 8px 24px;
    }
    .toolbar{
      position: sticky; top: -2px; z-index: 5;
      background:#fff; border: var(--mn-bd); border-radius: var(--mn-br);
      padding:.75rem; display:flex; align-items:center; gap:.5rem;
    }
            .action-icons a{ text-decoration:none; }
            .empty-state{
      text-align:center; padding:2.25rem 1rem; color:#6b7280;
    }
    @media print{ .noprint{ display:none !important; } }

/* ─── payroll\run\enter_payroll.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.totalwithouttax,.total{
  text-indent: 30px;
  font-weight: 600;
}
.payrollremarks:hover{
  cursor: pointer;
}
.control-sidebar.control-sidebar-dark{
  display: none !important;
}

/* ─── payroll\run\enter_payroll_timesheet.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.totalwithouttax,.total{
  text-indent: 30px;
  font-weight: 600;
}
.payrollremarks:hover{
  cursor: pointer;
}
.control-sidebar.control-sidebar-dark{
  display: none !important;
}

/* ─── payroll\run\payroll_summary.blade.php [block 0] ─── */
.col{
		margin-left: 5px;
	}

/* ─── payroll\run\step1.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* ─── payroll\run\timecard_review.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.control-sidebar.control-sidebar-dark{
  display:   none !important;
}
.payrollremarks:hover{
  cursor: pointer;
}

/* ─── payroll\run\timecard_review_timesheet.blade.php [block 0] ─── */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.control-sidebar.control-sidebar-dark{
  display:   none !important;
}
.payrollremarks:hover{
  cursor: pointer;
}

/* ─── payroll\salary_summary\index.blade.php [block 0] ─── */
.required {
            color: red;
        }

        .card-custom .card-header {
            border-bottom: 2px solid #1797be;
            margin-bottom: 10px;
        }

        .btn-purple, .btn-purple:hover {
            color: #ffffff;
            background-color: #7266ba;
            border-color: transparent;
        }

        .show_print {
            display: none;
        }

        .mr, #DataTables_length {
            margin-right: 10px !important;
        }

/* ─── payroll-config\index.blade.php [block 0] ─── */
.config-val { width: 130px; }
                                .section-title { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; border-bottom: 2px solid #e5e7eb; padding-bottom: 4px; margin-bottom: 12px; }
        .cat-badge { font-size: 10px; padding: 2px 7px; border-radius: 999px; }
        .marital-tab.active { background: #1e3a8a; color: #fff; border-color: #1e3a8a; }

/* ─── payrolllist\yearlyforcastreport.blade.php [block 1] ─── */
/* Custom styles for borders and padding */
        /* ─── payslip\index.blade.php [block 0] ─── */
        a.tip {
            border-bottom: 1px dashed;
            text-decoration: none
        }
        a.tip:hover {
            cursor: help;
            position: relative
        }
        a.tip span {
            display: none
        }
        a.tip:hover span {
            border: blue 1px solid;
            padding: 5px 20px 5px 5px;
            display: block;
            z-index: 100;
            color: red;
            background: yellow no-repeat 100% 5%;
            left: 0px;
            margin: 10px;
            width: 250px;
            position: absolute;
            top: 10px;
            text-decoration: none
        }
        /* ─── performance\show-appeaisal.blade.php [block 0] ─── */
[data-letters]:before {
content:attr(data-letters);
display:inline-block;
font-size:1em;
width:2.5em;
height:2.5em;
line-height:2.5em;
text-align:center;
border-radius:50%;
text-transform: capitalize;
background:red;
vertical-align:middle;
margin-right:0.3em;
color:white;
}

/* ─── performance\show-indicator.blade.php [block 0] ─── */
[data-letters]:before {
content:attr(data-letters);
display:inline-block;
font-size:1em;
width:2.5em;
height:2.5em;
line-height:2.5em;
text-align:center;
border-radius:50%;
background:red;
vertical-align:middle;
margin-right:0.3em;
color:white;
}

/* ─── portfolio\user_hirarchy.blade.php [block 0] ─── */
#chart-container {
            display: flex;
            justify-content: center;
            padding: 20px;
        }
        .hierarchy {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .node {
            text-align: center;
            margin: 20px;
            position: relative;
        }
        .node img {
            border-radius: 50%;
            border: 2px solid #ccc;
            margin-bottom: 10px;
        }
        .second-line-manager, .first-line-manager {
            position: relative;
        }
        .line {
            width: 2px;
            background: #ccc;
            position: absolute;
            left: 50%;
        }
        .second-line-manager::after {
            content: "";
            position: absolute;
            width: 2px;
            background: #ccc;
            top: 100%; /* Connects to the first line manager */
            left: 50%;
            height: 50px; /* Adjust based on spacing */
        }
        .first-line-manager::after {
            content: "";
            position: absolute;
            width: 2px;
            background: #ccc;
            top: 100%; /* Connects to the user */
            left: 50%;
            height: 50px; /* Adjust based on spacing */
        }
        .current-user {
            margin-top: 20px;
        }
        .node h2, .node h3 {
            margin: 10px 0;
        }

/* ─── posoutlets\dashboard.blade.php [block 0] ─── */
.btn-circle.btn-xl {
        width: 125px;
        height: 125px;
        padding: 32px 37px;
        border-radius: 76px;
        font-size: 14px;
        text-align: left;
    }

    .btn-circle.btn-xl span {
        margin-left: -15px;
    }

/* ─── posoutlets\openoutlets.blade.php [block 0] ─── */
.btn-circle.btn-xl {
        width: 115px;
        height: 115px;
        padding: 24px 30px;
        border-radius: 60px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

/* ─── posoutlets\outletsales.blade.php [block 0] ─── */
.btn-circle.btn-xl { 
            width: 115px; 
            height: 115px; 
            padding: 24px 30px; 
            border-radius: 60px; 
            font-size: 14px; 
            font-weight: bold;
            text-align: center; 
        }

/* ─── posoutlets\resturantoutletsorder.blade.php [block 0] ─── */
.btn-circle.btn-xl {
        width: 115px;
        height: 115px;
        padding: 24px 30px;
        border-radius: 60px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

/* ─── posoutlets\tableshow.blade.php [block 0] ─── */
.tabs-left,
    .tabs-right {
        border-bottom: none;
        padding-top: 2px;
    }

    .tabs-left {
        border-right: 1px solid #ddd;
    }

    .tabs-right {
        border-left: 1px solid #ddd;
    }

    .tabs-left>li,
    .tabs-right>li {
        float: none;
        margin-bottom: 2px;
    }

    .tabs-left>li {
        margin-right: -1px;
    }

    .tabs-right>li {
        margin-left: -1px;
    }

    .tabs-left>li.active>a,
    .tabs-left>li.active>a:hover,
    .tabs-left>li.active>a:focus {
        border-bottom-color: #ddd;
        border-right-color: transparent;
    }

    .tabs-right>li.active>a,
    .tabs-right>li.active>a:hover,
    .tabs-right>li.active>a:focus {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent;
    }

    .tabs-left>li>a {
        border-radius: 4px 0 0 4px;
        margin-right: 0;
        display: block;
    }

    .tabs-right>li>a {
        border-radius: 0 4px 4px 0;
        margin-right: 0;
    }
    .orderArea{

        cursor: pointer;
    }

/* ─── posreport\cashierDetail.blade.php [block 0] ─── */
/* ─── posreport\sale_product.blade.php [block 0] ─── */
@media print {
   
                #printElement {
                    display: block;
                }
            }

/* ─── productcats\edit.blade.php [block 0] ─── */
/* Container polish */
    .note-editor {
      border: 1px solid #e5e7eb !important;
      border-radius: 0.75rem !important;
      overflow: hidden;
      box-shadow: 0 4px 16px rgba(2, 6, 23, 0.06);
    }
    /* Sticky toolbar */
    .note-editor .note-toolbar {
      position: sticky;
      top: 0;
      z-index: 5;
      background: #fff;
      border-bottom: 1px solid #eef2f7 !important;
      padding: .5rem .75rem !important;
    }
    /* Button aesthetics */
    .note-btn {
      border: 1px solid #e5e7eb !important;
      border-radius: .5rem !important;
      padding: .35rem .6rem !important;
    }
    .note-btn:hover {
      background: #f8fafc !important;
    }
    /* Content area */
        /* Placeholder vibe */
    .note-placeholder {
      color: #9ca3af !important;
      font-style: italic;
    }
    /* Popovers */
    .note-popover .popover-content {
      padding: .5rem !important;
    }
    /* Fullscreen refinements */
    .note-editor.note-frame.fullscreen {
      border-radius: 0 !important;
    }

/* ─── productPrice\index.blade.php [block 0] ─── */
.bg-purple {
    background-color: #3c8dbc !important;
}
.box-header {
    padding: 1px 0px 2px 15px !important;

}
/* ─── products\barcode.blade.php [block 0] ─── */
.barcodea4 {
                                    width: 10.70in;
                                    min-height: 11.6in;
                                    display: block;
                                    border: 5px solid #CCC;
                                    margin: 10px auto;
                                    padding: 0.1in 0 0 0.1in;
                                    page-break-after: always;
                                    overflow: auto
                                }

                                .barcodea4 .style24 {
                                    width: 2.48in;
                                    height: 1.28in;
                                    margin-left: 0.079in;
                                    padding-top: 0.05in;
                                }

                                .barcodea4 .item {
                                    display: block;
                                    overflow: hidden;
                                    text-align: center;
                                    border: 1px dotted #CCC;
                                    font-size: 12px;
                                    line-height: 14px;
                                    text-transform: uppercase;
                                    float: left;
                                }

                                img {
                                    vertical-align: middle;
                                }

                                .barcode .barcode_site {
                                    font-weight: bold;
                                }

                                .barcodea4 .barcode_site,
                                .barcodea4 .barcode_name,
                                .barcodea4 .barcode_image,
                                .barcodea4 .variants {
                                    display: block;
                                }

                                .barcodea4 .style24 .barcode_site,
                                .barcodea4 .style24 .barcode_name {
                                    font-size: 14px;
                                }

/* ─── products\create.blade.php [block 0] ─── */
.product-icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
        .product-svg-icon {
            width:1em; height:1em; font-size:20px;
            display:inline-block; flex:0 0 auto; vertical-align:-2px;
            fill:none; stroke:currentColor; stroke-width:2;
            stroke-linecap:round; stroke-linejoin:round; shape-rendering:geometricPrecision;
        }
        /* Summernote compact */
        .note-editor.note-frame { border:1px solid #e2e8f0 !important; border-radius:0.5rem !important; overflow:visible; }
        .note-editor .note-toolbar { background:#f8fafc !important; border-bottom:1px solid #e2e8f0 !important; padding:0.25rem 0.35rem !important; overflow:visible; }
        .note-editor .note-btn-group { position:relative; }
        .note-editor .note-btn-group .note-btn { padding:0.1rem 0.35rem !important; font-size:0.7rem !important; line-height:1.2 !important; min-height:unset !important; height:auto !important; border:1px solid #e2e8f0 !important; background:#fff !important; color:#475569 !important; border-radius:0.3rem !important; }
        .note-editor .note-btn-group .note-btn:hover { background:#f1f5f9 !important; border-color:#cbd5e1 !important; }
        .note-editor .note-btn-group .note-btn.active { background:#6366f1 !important; border-color:#6366f1 !important; color:#fff !important; }
        .note-editor .note-dropdown-menu { z-index:1050 !important; }
                /* Autocomplete */
        #product-suggestions { border:1px solid #e2e8f0; background:#fff; border-radius:0.5rem; box-shadow:0 4px 12px rgba(0,0,0,.08); }
        #product-suggestions .dropdown-item { cursor:pointer; padding:0.4rem 0.75rem; font-size:0.8rem; }
        #product-suggestions .dropdown-item:hover { background:#f1f5f9; }

/* ─── products\edit.blade.php [block 0] ─── */
.product-icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
        .product-svg-icon {
            width:1em; height:1em; font-size:20px;
            display:inline-block; flex:0 0 auto; vertical-align:-2px;
            fill:none; stroke:currentColor; stroke-width:2;
            stroke-linecap:round; stroke-linejoin:round;
            shape-rendering:geometricPrecision;
        }

        /* ── Summernote Compact ── */
        .note-editor.note-frame {
            border: 1px solid #e2e8f0 !important;
            border-radius: 0.5rem !important;
            overflow: visible;
        }
        .note-editor .note-toolbar {
            background: #f8fafc !important;
            border-bottom: 1px solid #e2e8f0 !important;
            padding: 0.25rem 0.35rem !important;
            overflow: visible;
        }
        .note-editor .note-btn-group {
            position: relative;
        }
        .note-editor .note-btn-group .note-btn {
            padding: 0.1rem 0.35rem !important;
            font-size: 0.7rem !important;
            line-height: 1.2 !important;
            min-height: unset !important;
            height: auto !important;
            border: 1px solid #e2e8f0 !important;
            background: #fff !important;
            color: #475569 !important;
            border-radius: 0.3rem !important;
        }
        .note-editor .note-btn-group .note-btn:hover {
            background: #f1f5f9 !important;
            border-color: #cbd5e1 !important;
        }
        .note-editor .note-btn-group .note-btn.active {
            background: #6366f1 !important;
            border-color: #6366f1 !important;
            color: #fff !important;
        }
        .note-editor .note-dropdown-menu {
            z-index: 1050 !important;
        }
        /* ─── products\fifo_show.blade.php [block 0] ─── */
        .info-label { font-weight: 600; color: #6b7280; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
        .info-value { font-size: 14px; color: #111827; }
        .card-header-custom { background: linear-gradient(135deg,#f0f4ff,#fff); border-bottom: 1px solid #e5e7eb; }

/* ─── products\product-stock-ledger-new.blade.php [block 0] ─── */
/* ── Ledger table structure (BS5 cannot express these) ── */
.ledger-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    table-layout: fixed;
}
.row-total    { background: #1e3a5f !important; }
.c-num { text-align: right; font-family: 'Courier New', monospace; font-size: 11px; }
.ledger-tbl a       { text-decoration: underline dotted !important; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.ledger-tbl a:hover { text-decoration: underline solid !important; text-decoration-thickness: 1px; }

/* ─── products\statement.blade.php [block 0] ─── */
.datepicker {
            z-index: 1050 !important;
        }

        .bootstrap-timepicker-widget.dropdown-menu.open {
            display: inline-block;
            z-index: 99999 !important;
        }
        /* ─── products\stock-ledger-index.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── products\stockscount.blade.php [block 0] ─── */
/* ─── products\storeoverview.blade.php [block 0] ─── */
/* ── Table styles (kept as-is per requirement) ── */
                              /* ── Dual-calendar popup positioning ── */
      .storeoverview-filters .dual-calendar-container { position: relative; }
      .storeoverview-filters .dual-calendar-popup{
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: auto;
        transform: none;
        width: min(560px, calc(100vw - 24px));
        max-width: calc(100vw - 24px);
        z-index: 2000;
      }
      @media (max-width: 768px){
        .storeoverview-filters .dual-calendar-popup.active{
          flex-direction: column;
          width: min(360px, calc(100vw - 24px));
        }
      }

/* ─── products\adjust\adjust.blade.php [block 0] ─── */
.adj-shell {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
    overflow: hidden;
}
.adj-head {
    background: linear-gradient(145deg,#f0fdf4 0%,#dcfce7 100%);
    border-bottom: 1px solid #bbf7d0;
    padding: 16px 20px 12px;
}
.adj-title { font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.badge-add     { background:#dcfce7; color:#15803d; font-size:.7rem; padding:3px 9px; border-radius:20px; font-weight:600; }
.badge-remove  { background:#fee2e2; color:#991b1b; font-size:.7rem; padding:3px 9px; border-radius:20px; font-weight:600; }
.badge-opening { background:#e0f2fe; color:#0369a1; font-size:.7rem; padding:3px 9px; border-radius:20px; font-weight:600; }
.badge-other   { background:#f1f5f9; color:#475569; font-size:.7rem; padding:3px 9px; border-radius:20px; font-weight:600; }
.item-count { background:#f1f5f9; color:#475569; font-size:.68rem; padding:2px 7px; border-radius:20px; }
.gl-link { font-size:.75rem; color:#6366f1; text-decoration:none; font-weight:500; }
.gl-link:hover { color:#4338ca; text-decoration:underline; }

/* ─── products\adjust\create.blade.php [block 2] ─── */
/* Full-page loader overlay */
        #globalLoader {
            position: fixed;
            inset: 0;
            display: none;
            z-index: 20000;
        }

        #globalLoader.show {
            display: block;
        }

        #globalLoader .loader-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, .35);
            backdrop-filter: blur(1px);
        }

        #globalLoader .loader-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 1.25rem 1.5rem;
            border-radius: .75rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
            text-align: center;
            min-width: 260px;
        }

/* ─── products\adjust\create.blade.php [block 1] ─── */
.new-item-icon {
    display:inline-flex; align-items:center; justify-content:center;
    width: 28px; height: 28px; border-radius: 50%;
    cursor: pointer; vertical-align: middle; margin-left: .35rem;
    background: transparent; text-decoration: none;
  }
  .new-item-icon:hover { background: rgba(13,110,253,.08); }
  .new-item-icon i { font-size: 1rem; line-height: 1; }

/* ─── products\adjust\edit.blade.php [block 0] ─── */
                        /* ─── products\adjust\show.blade.php [block 0] ─── */
:root {
      --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1a4567; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --radius:16px; --shadow:0 10px 30px rgba(2,6,23,.06);
    }
    .card-modern { border:0; border-radius:var(--radius); box-shadow:var(--shadow); }
    .card-modern .card-header { border:0; border-bottom:1px solid #eef2f7; background:#fff; border-top-left-radius:var(--radius); border-top-right-radius:var(--radius); }
            .num { text-align:right; white-space:nowrap; }
    .subtle { color:var(--muted); }
    .section-title { display:flex; align-items:center; gap:.5rem; font-weight:700; }

/* ─── products\adjust\stock-adjustment-recon.blade.php [block 0] ─── */
.recon-shell { background:#f0fdf4; border-radius:12px; padding:24px; }
.recon-head  { background:linear-gradient(135deg,#166534,#15803d); color:#fff; border-radius:10px; padding:18px 24px; margin-bottom:20px; }
.recon-head h4 { margin:0; font-size:1.15rem; font-weight:700; }
.recon-head p  { margin:0; opacity:.85; font-size:.85rem; }
.filter-card   { background:#fff; border:1px solid #bbf7d0; border-radius:10px; padding:16px 20px; margin-bottom:18px; }
.filter-card label { font-size:.8rem; font-weight:600; color:#166534; }
.items-inner { padding:8px 16px 12px 40px; }
.toggle-items { cursor:pointer; background:none; border:1px solid #bbf7d0; border-radius:4px; padding:1px 6px; color:#166534; font-size:.75rem; }
.toggle-items:hover { background:#dcfce7; }
.status-ok   { color:#16a34a; font-size:1rem; }
.status-fail { color:#dc2626; font-size:1rem; }
.status-warn { color:#d97706; font-size:1rem; }
.diff-pos { color:#dc2626; font-weight:700; }
.diff-zero { color:#64748b; }
.badge-opening { background:#dbeafe; color:#1e40af; font-size:.7rem; }
.badge-add     { background:#dcfce7; color:#166534; font-size:.7rem; }
.badge-remove  { background:#fee2e2; color:#991b1b; font-size:.7rem; }
.legend-box { background:#fff; border:1px solid #bbf7d0; border-radius:8px; padding:10px 16px; margin-bottom:14px; font-size:.8rem; }
.summary-stat { background:#fff; border-radius:8px; padding:12px 16px; text-align:center; border:1px solid #bbf7d0; }
.summary-stat .val { font-size:1.5rem; font-weight:800; }
.summary-stat .lbl { font-size:.72rem; color:#64748b; }

/* ─── products\adjust\stock-adjustment-summary.blade.php [block 0] ─── */
.adj-sum-shell { background: #f0fdf4; border-radius: 12px; padding: 24px; }
.adj-sum-head  { background: linear-gradient(135deg,#166534,#15803d); color:#fff; border-radius:10px; padding:18px 24px; margin-bottom:20px; }
.adj-sum-head h4 { margin:0; font-size:1.15rem; font-weight:700; }
.adj-sum-head p  { margin:0; opacity:.85; font-size:.85rem; }
.filter-card  { background:#fff; border:1px solid #bbf7d0; border-radius:10px; padding:16px 20px; margin-bottom:18px; }
.filter-card label { font-size:.8rem; font-weight:600; color:#166534; }
.badge-opening { background:#dbeafe; color:#1e40af; font-size:.72rem; }
.badge-add     { background:#dcfce7; color:#166534; font-size:.72rem; }
.badge-remove  { background:#fee2e2; color:#991b1b; font-size:.72rem; }
.balance-pos   { color:#166534; font-weight:700; }
.balance-neg   { color:#dc2626; font-weight:700; }
.summary-card  { border-radius:10px; padding:14px 18px; text-align:center; }
.summary-card .val { font-size:1.4rem; font-weight:800; }
.summary-card .lbl { font-size:.75rem; opacity:.8; }

/* ─── products\modals\models_serial.blade.php [block 0] ─── */
.ui-autocomplete {
        z-index:2147483647;
    }
    #overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

/* ─── productVariant\index.blade.php [block 0] ─── */
.pv-card {
            border: 0;
            border-radius: 14px;
            box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
        }

        .pv-toolbar-actions {
            display: flex;
            align-items: center;
            gap: .5rem;
            flex-wrap: wrap;
        }

                        .pv-price {
            color: #0f172a;
            font-weight: 600;
            font-variant-numeric: tabular-nums;
        }

        .pv-discount-badge {
            display: inline-flex;
            align-items: center;
            padding: .22rem .6rem;
            border-radius: 999px;
            border: 1px solid #bfdbfe;
            background: #eff6ff;
            color: #1d4ed8;
            font-size: .72rem;
            font-weight: 600;
        }

        .pv-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
            border-radius: .55rem;
            border: 1px solid #e2e8f0;
            color: #334155;
            text-decoration: none;
            padding: .35rem .6rem;
            font-size: .78rem;
            font-weight: 600;
        }

        .pv-action:hover {
            background: #f8fafc;
            color: #0f172a;
        }

        .pv-action-edit {
            border-color: #bfdbfe;
            color: #1d4ed8;
            background: #eff6ff;
        }

        .pv-action-delete {
            border-color: #fecaca;
            color: #b91c1c;
            background: #fef2f2;
        }

/* ─── product_location\show.blade.php [block 0] ─── */
[data-letters]:before {
content:attr(data-letters);
display:inline-block;
font-size:1em;
width:2.5em;
height:2.5em;
line-height:2.5em;
text-align:center;
border-radius:50%;
background:red;
vertical-align:middle;
margin-right:0.3em;
color:white;
}

/* ─── projects\old_projects.blade.php [block 0] ─── */
.dropdown-menu li { background: #ccc !important; border-bottom: 1px solid; }
    .dropdown-menu li a { padding-top: 5px; padding-bottom: 5px; }

/* ─── projects\projectTaskByStatus.blade.php [block 0] ─── */
    /* ─── projects\projectTaskByUser.blade.php [block 0] ─── */
    /* ─── projects\search.blade.php [block 0] ─── */
    /* ─── proposal\index.blade.php [block 0] ─── */
/* ─── proposal\modal_mail.blade.php [block 0] ─── */
.modal-mail {
    margin: 30px auto !important;
    width: 800px !important;
}
.modal-mail {
    margin: 10px;
    position: relative;
    width: auto;
}
h2 { font-size:23px; margin-top:0 !important; margin-left:10px;}

.form-horizontal .form-label{
    text-align: left !important;
}

/* ─── proposals\billwisedebtorlist.blade.php [block 0] ─── */
        /* ─── proposals\show.blade.php [block 0] ─── */
:root{
            --surface:#ffffff;
            --muted:#64748b;
            --border:rgba(2,6,23,.10);
            --shadow:0 10px 30px rgba(2,6,23,.06), 0 2px 8px rgba(2,6,23,.05);
            --grad: radial-gradient(1200px 600px at 100% -10%, rgba(59,130,246,.18), transparent 40%),
                    radial-gradient(1000px 480px at -10% -20%, rgba(99,102,241,.18), transparent 40%);
        }
        .page-card{ border:1px solid var(--border); box-shadow:var(--shadow); }
        .page-header-hero{ background: var(--grad), linear-gradient(120deg,#fff, #f8fafc); }
        .meta-label{ font-size:.8rem; color:var(--muted); }
        .meta-value{ font-weight:600; }
                                /* ─── purchase\due_payment.blade.php [block 0] ─── */
.select-mini {
  font-size: 10px;
  height: 25px;
  width: 90px;
}

/* ─── purchase-book\purchaseDetail.blade.php [block 0] ─── */
:root{
      --card:#fff;--border:rgba(2,6,23,.08);--radius:14px;--shadow:0 10px 28px rgba(2,6,23,.08),0 2px 8px rgba(2,6,23,.04);
      --purchase-bg:#eef2ff;--purchase-fg:#3730a3;--expense-bg:#fff7ed;--expense-fg:#9a3412;--asset-bg:#ecfeff;--asset-fg:#065f46;
      --muted:#6b7280;
    }
    .soft-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
                .badge-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);padding:.15rem .55rem;border-radius:999px;font-size:.72rem}
    .chip-purchase{background:var(--purchase-bg);color:var(--purchase-fg)}
    .chip-expense{background:var(--expense-bg); color:var(--expense-fg)}
    .chip-asset{background:var(--asset-bg); color:var(--asset-fg)}
    .subtle{color:var(--muted)}

/* ─── purchaseorder\paymentcreate.blade.php [block 0] ─── */
.bg-red{
         background: #f14e4e;
            color:white;
        }

/* ─── purchaseorder\show.blade.php [block 1] ─── */
.detail-shell{
            display:flex;
            flex-direction:column;
            gap:1rem;
        }
        /* Timeline container */
        .timeline-container {
            display: flex;
            justify-content: center;
            padding: 1rem;
            overflow-x: auto;
            border:1px solid var(--po-border);
            border-radius:20px;
            background:#fff;
            box-shadow:var(--po-shadow);
        }

        /* Timeline */
        .timeline {
            display: flex;
            align-items: center;
            position: relative;
            gap: 30px;
        }

        /* Timeline item */
        .timeline-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        /* Timeline button */
        .timeline-btn {
            background-color: #ffffff;
            color: #6c757d;
            border: 2px solid #dbe4ee;
            border-radius: 50%;
            width: 68px;
            height: 68px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            font-size: 12px;
            line-height: 1.2;
            transition: all 0.3s ease;
            position: relative;
        }

        .timeline-btn i {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .timeline-btn:hover {
            background-color: #f8f9fa;
            border-color: #6c757d;
            color: #343a40;
            transform: translateY(-5px);
        }

        /* Active status button */
        .timeline-btn.active {
            background-color: var(--po-brand);
            color: #fff;
            border-color: var(--po-brand);
            font-weight: bold;
            cursor: not-allowed;
            box-shadow: 0 4px 10px rgba(15, 118, 110, 0.3);
        }

        .timeline-btn.active:hover {
            transform: none;
        }

        /* Connector */
        .timeline-connector {
            display:none;
        }
        .sheet-card{
            border:1px solid var(--po-border);
            border-radius:24px;
            background:#fff;
            box-shadow:var(--po-shadow);
            overflow:hidden;
        }
        .sheet-head{
            padding:1rem 1rem .2rem;
        }
        .sheet-title{
            margin:0;
            font-size:1.02rem;
            font-weight:900;
            color:var(--po-ink);
        }
        .sheet-copy{
            margin-top:.16rem;
            font-size:.8rem;
            color:var(--po-muted);
        }
        .info-block{
            border:1px solid var(--po-border);
            border-radius:18px;
            background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
            box-shadow:var(--po-shadow-sm);
            padding:1rem;
            height:100%;
        }
        .info-block h5{
            font-size:.74rem;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:#1e3a8a;
            margin-bottom:.7rem;
        }
        .detail-row{
            display:grid;
            grid-template-columns:120px 1fr;
            gap:.7rem;
            padding-bottom:.5rem;
            border-bottom:1px dashed #e2e8f0;
            margin-bottom:.5rem;
        }
        .detail-row:last-child{
            border-bottom:none;
            margin-bottom:0;
            padding-bottom:0;
        }
        .detail-key{
            font-size:.68rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:var(--po-muted);
        }
        .detail-value{
            font-size:.84rem;
            font-weight:700;
            color:var(--po-ink);
            line-height:1.45;
        }
                        .notes-card,
        .totals-card{
            border:1px solid var(--po-border);
            border-radius:18px;
            background:#fff;
            box-shadow:var(--po-shadow-sm);
            padding:1rem;
            height:100%;
        }
        .totals-row{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:.45rem 0;
            border-bottom:1px solid #e2e8f0;
        }
        .totals-row:last-child{ border-bottom:none; }
        .totals-row.grand{
            margin:0 -1rem -1rem;
            padding:.8rem 1rem;
            background:var(--po-brand-soft);
            border-top:2px solid #86efac;
        }
        .totals-row .label{
            color:var(--po-muted);
            font-size:.8rem;
            font-weight:700;
        }
        .totals-row .value{
            color:var(--po-ink);
            font-size:.84rem;
            font-weight:800;
        }
        .totals-row.grand .label,
        .totals-row.grand .value{
            color:#166534;
            font-size:.95rem;
            font-weight:900;
        }

/* ─── purchasetrash\show.blade.php [block 0] ─── */
.p-image {
            width: 55px !important;
            height: 55px !important;
        }

        /* ─── receipt-statement\index.blade.php [block 0] ─── */
/* ─── receipt-statement\show.blade.php [block 0] ─── */
/* ─── reports\absentReport.blade.php [block 0] ─── */
.erp5nepalidate select {
            font-size: 12px;
        }

/* ─── reports\dailysalesreport-old.blade.php [block 0] ─── */
.box {
            border-radius: 7px !important;
            border-top: none !important;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
        }
                .row .col {
            margin: 0 !important;
            padding: 0 !important;
        }
        .row {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
                                        b, strong {
            font-weight: 300 !important;
        }
                                        /* .gridtable thead th:last-child:after{
             content: ' ';
             position: absolute;
             background-color: #949597;
             width: 1.3em;
             height: 48px;
             right: -1.3em;
             top: 0;
             border-bottom: 2px solid #ddd;
         }*/
                /* scrollbar */
        ::-webkit-scrollbar {
            width: 3px;
            height: 5px;
        }

        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255, 255, 255, 0.3);
        }
                        /* ─── reports\femaleReport.blade.php [block 0] ─── */
/*table, th, tr, td {*/
        /*    border: 1px solid black !important;*/
        /*}*/

/* ─── reports\monthlyAttendanceSheet.blade.php [block 0] ─── */
:root {
            --s-p:  #1b5e20; --bg-p:  #e8f5e9;
            --s-wp: #0d47a1; --bg-wp: #e3f2fd;
            --s-wo: #e65100; --bg-wo: #fff3e0;
            --s-l:  #6a1b9a; --bg-l:  #f3e5f5;
            --s-h:  #006064; --bg-h:  #e0f7fa;
            --s-a:  #b71c1c; --bg-a:  #ffebee;
        }

        .att-sheet-wrap { overflow-x: auto; }

        .att-sheet {
            border-collapse: collapse;
            font-size: 11px;
            white-space: nowrap;
        }
                                                                /* status cells */
        .att-sheet .s-p  { background: var(--bg-p);  color: var(--s-p);  font-weight: 700; }
        .att-sheet .s-wp { background: var(--bg-wp); color: var(--s-wp); font-weight: 700; }
        .att-sheet .s-wo { background: var(--bg-wo); color: var(--s-wo); }
        .att-sheet .s-l  { background: var(--bg-l);  color: var(--s-l);  font-weight: 700; }
        .att-sheet .s-h  { background: var(--bg-h);  color: var(--s-h);  font-weight: 700; }
        .att-sheet .s-a  { background: var(--bg-a);  color: var(--s-a);  font-weight: 700; }
        .att-sheet .s-dash { color: #90a4ae; }

        /* summary count columns */
                                                        /* footer totals */
                .legend-box { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; }
        .legend-chip { width: 14px; height: 14px; border-radius: 3px; display: inline-block; }

/* ─── reports\purchase_vs_sales.blade.php [block 0] ─── */
.pvs-page {
            background: linear-gradient(180deg, #f8fbff 0%, #f4f7fb 100%);
            border-radius: 12px;
            padding: 18px;
        }
        .pvs-card {
            border: 1px solid #e6ebf2;
            border-radius: 12px;
            box-shadow: 0 3px 10px rgba(27, 39, 51, 0.04);
        }
        .pvs-kpi-title {
            font-size: 12px;
            color: #6b7280;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            margin-bottom: 6px;
        }
        .pvs-kpi-value {
            font-size: 20px;
            font-weight: 700;
            color: #111827;
        }
                                                                                        .pvs-badge {
            background: #e2e8f0;
            color: #0f172a;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
        }
        .pvs-positive { color: #166534; font-weight: 700; }
        .pvs-negative { color: #b91c1c; font-weight: 700; }
        .pvs-muted { color: #6b7280; }

/* ─── reports\bva\index.blade.php [block 0] ─── */
.page-title { letter-spacing:.2px }
        .kpi-card { border:0; border-radius:1rem }
        .kpi-value { font-size:1.25rem; font-weight:700 }
        .neg { color:#b00020 }
        .pos { color:#1b5e20 }
                .collapse-td { background: #fafafa; }

/* ─── requisition\create.blade.php [block 0] ─── */
/* ─── requisition\edit.blade.php [block 0] ─── */
/* ─── requisition\index-approved.blade.php [block 0] ─── */
    .nav-tabs .active-tab {
        background-color: #343a40;
        color: white;
    }

    /* Active Tab - Dark Background */


    /* Inactive Tab - Light Background */
    .nav-tabs .inactive-tab {
        background-color: #e0e0e0;
        color: #6c757d;
    }

    /* Hover Effect for Inactive Tab */
    .inactive-tab:hover {
        background-color: #e9ecef;
        color: #495057;
    }

/* ─── requisition\index-pending.blade.php [block 0] ─── */
        .nav-tabs .active-tab {
            background-color: #343a40;
            color: white;
        }

        /* Active Tab - Dark Background */


        /* Inactive Tab - Light Background */
        .nav-tabs .inactive-tab {
            background-color: #e0e0e0;
            color: #6c757d;
        }

        /* Hover Effect for Inactive Tab */
        .inactive-tab:hover {
            background-color: #e9ecef;
            color: #495057;
        }

/* ─── requisition\index.blade.php [block 0] ─── */
    .nav-tabs .active-tab {
        background-color: #343a40;
        color: white;
    }

    /* Active Tab - Dark Background */


    /* Inactive Tab - Light Background */
    .nav-tabs .inactive-tab {
        background-color: #e0e0e0;
        color: #6c757d;
    }

    /* Hover Effect for Inactive Tab */
    .inactive-tab:hover {
        background-color: #e9ecef;
        color: #495057;
    }

/* ─── requisition\show.blade.php [block 0] ─── */
.rq-review-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 18px;
        }

        .rq-review-box {
            padding: 14px 16px;
            border: 1px solid #dbe4ee;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
        }

        .rq-review-label {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #64748b;
        }

        .rq-review-value {
            margin-top: 5px;
            font-size: 16px;
            font-weight: 700;
            color: #0f172a;
        }

        .rq-review-copy {
            margin-top: 5px;
            font-size: 12px;
            color: #64748b;
        }

        .rq-review-status-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
        }

        .rq-review-status-badge.secondary { background: #e2e8f0; color: #334155; }
        .rq-review-status-badge.warning { background: #fef3c7; color: #92400e; }
        .rq-review-status-badge.success { background: #dcfce7; color: #166534; }
        .rq-review-status-badge.danger { background: #fee2e2; color: #991b1b; }

        .rq-summary-card,
        .rq-trail-card {
            border: 1px solid #dbe4ee;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
        }

        .rq-doc-shell {
            border: 1px solid #dbe4ee;
            border-radius: 16px;
            overflow: hidden;
            background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        }

        .rq-doc-shell::before {
            content: "";
            display: block;
            height: 5px;
            background: linear-gradient(90deg, #0f172a 0%, #1d4ed8 55%, #38bdf8 100%);
        }

        .rq-doc-header {
            display: flex;
            justify-content: space-between;
            gap: 18px;
            align-items: flex-start;
            padding: 18px;
        }

        .rq-doc-brand {
            display: flex;
            gap: 14px;
            align-items: flex-start;
        }

        .rq-doc-logo {
            width: 144px;
            height: 144px;
            object-fit: contain;
        }

        .rq-doc-name {
            margin-top: 0;
            font-size: 22px;
            font-weight: 800;
            color: #0f172a;
        }

        .rq-doc-meta,
        .rq-doc-contact {
            margin-top: 6px;
            color: #475569;
            line-height: 1.7;
        }

        .rq-doc-aside {
            text-align: right;
        }

        .rq-doc-title {
            margin-top: 8px;
            font-size: 28px;
            font-weight: 800;
            letter-spacing: .04em;
            color: #0f172a;
        }

        .rq-doc-number {
            margin-top: 6px;
            font-size: 14px;
            font-weight: 700;
            color: #334155;
        }

        .rq-doc-footer {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            flex-wrap: wrap;
            align-items: center;
            padding: 14px 18px;
            border-top: 1px solid #dbe4ee;
            background: #f8fafc;
            color: #475569;
        }

        .rq-summary-card .card-header,
        .rq-trail-card .card-header {
            border-bottom: 1px solid #e2e8f0;
            background: #f8fafc;
        }

        .rq-meta-card {
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 14px;
            background: #f8fafc;
            height: 100%;
        }

        .rq-meta-label {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #64748b;
        }

        .rq-meta-value {
            margin-top: 6px;
            font-size: 15px;
            font-weight: 700;
            color: #0f172a;
        }

        .rq-totals {
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            overflow: hidden;
        }

        .rq-totals-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 11px 14px;
            border-bottom: 1px solid #e2e8f0;
            font-size: 13px;
        }

        .rq-totals-row:last-child {
            border-bottom: 0;
            background: #eff6ff;
            font-weight: 800;
        }

        .rq-trail-list {
            display: grid;
            gap: 12px;
        }

        .rq-trail-item {
            padding: 14px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fff;
        }

        .rq-trail-meta {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 6px;
        }

        .rq-note-box {
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #f8fafc;
            padding: 14px;
        }

        @media (max-width: 991.98px) {
            .rq-review-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 767.98px) {
            .rq-review-strip {
                grid-template-columns: 1fr;
            }

            .rq-doc-header {
                flex-direction: column;
            }

            .rq-doc-aside {
                text-align: left;
            }
        }

/* ─── requisition\vendor_quotations\comparison.blade.php [block 0] ─── */
                        .vendor-best {
            background: #e8fff3;
        }

        .vendor-awarded {
            outline: 2px solid rgba(32, 201, 151, 0.4);
            outline-offset: -2px;
        }

        .vendor-status-badge {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: 0.25rem 0.6rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1;
        }

        .vendor-status-quoted {
            background: #e8f5ff;
            color: #0b5ed7;
        }

        .vendor-status-alternative {
            background: #fff3cd;
            color: #997404;
        }

        .vendor-status-not_available,
        .vendor-status-no_quote {
            background: #f1f3f5;
            color: #6c757d;
        }

        .vendor-award-cell {
            min-width: 280px;
        }

/* ─── review\all-review.blade.php [block 0] ─── */
a.disabled {
            pointer-events: none;
            cursor: default;
        }

        .bgimage {
            width:100%;
            height:350px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/itinerary/20210426120902_simple-landscape-facebook-covers.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size:cover;
            background-attachment: fixed;
        }
        .h-divider{
            margin-top:5px;
            margin-bottom:5px;
            height:1px;
            width:100%;
            border-top:1px solid #d8d5d5;
        }
        .bgimage h5 {
            color:white;
            text-shadow:2px 2px #333;
        }
        .hero-text {
            margin-top: 100px;
            text-align: center;
            color:white;

        }
        .highlight_icons i.bi {
            display: inline-block;
            border-radius: 60px;
            box-shadow: 0px 1px 2px #888;
            padding: 0.5em 0.6em;
            padding-right: 10px;

        }
        .reject-status{
            color: red;
        }
        .approve-status{
            color: #0289ff ;
        }

        .highlight_icons span{
            padding: 4px;
        }
        .page-header{
            float-left:20px;
        }

        .title{
            font-size: 25px;

            font-weight: 700;
        }

/* ─── review\all-reviews.blade.php [block 0] ─── */
a.disabled {
            pointer-events: none;
            cursor: default;
        }

        .bgimage {
            width: 100%;
            height: 350px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/itinerary/20210426120902_simple-landscape-facebook-covers.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
        }
        .bi-circle-o{
            color: orange;
        }

        .h-divider {
            margin-top: 5px;
            margin-bottom: 5px;
            height: 1px;
            width: 100%;
            border-top: 1px solid #d8d5d5;
        }

        .bgimage h5 {
            color: white;
            text-shadow: 2px 2px #333;
        }

        .hero-text {
            margin-top: 100px;
            text-align: center;
            color: white;

        }

        .highlight_icons i.bi {
            display: inline-block;
            border-radius: 60px;
            box-shadow: 0px 1px 2px #888;
            padding: 0.5em 0.6em;
            padding-right: 10px;

        }

        .reject-status {
            color: red;
        }

        .approve-status {
            color: #0289ff;
        }

        .highlight_icons span {
            padding: 4px;
        }

        .page-header {
            float-left: 20px;
        }

        .title {
            font-size: 25px;

            font-weight: 700;
        }

/* ─── review\edit-review.blade.php [block 0] ─── */
.approval-note {
        font-size: .85rem;
        color: #6b7280;
    }

/* ─── roles\assign-menus.blade.php [block 0] ─── */
.section-card { transition: box-shadow .15s; }
.section-card:hover { box-shadow: 0 0 0 2px #3b82f640 !important; }
.menu-node .form-check-label { cursor: pointer; }
.group-toggle-label:hover { color: #3b82f6; }
.group-children { border-left: 2px solid #e2e8f0; margin-left: 6px; padding-left: 6px; margin-top: 2px; }

/* ─── salary-voucher\show.blade.php [block 0] ─── */
#kt_content_container { max-width:100%!important; padding:0 10px!important; }

/* ── Action bar ── */
.sv-action-bar {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;
  background:#2c4570; color:#fff; padding:7px 14px; border-radius:5px 5px 0 0;
}
.sv-action-bar h5 { font-size:13px; font-weight:700; margin:0; }
.sv-action-bar small { font-size:10px; color:rgba(255,255,255,.5); }

/* ── Voucher document card ── */
.sv-card { background:#fff; border:1px solid #dde3ea; border-top:none; border-radius:0 0 6px 6px; }

/* ── Voucher letterhead ── */
.sv-letterhead {
  display:grid; grid-template-columns:1fr auto;
  background:#f8fafb; border-bottom:2px solid #2c4570;
  padding:16px 20px; gap:12px;
}
.sv-letterhead-org h4 { font-size:15px; font-weight:700; color:#1e3a5f; margin:0 0 2px; }
.sv-letterhead-org small { color:#64748b; font-size:11px; }
.sv-letterhead-badge {
  text-align:right;
}
.sv-voucher-type {
  display:inline-block; background:#2c4570; color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 10px; border-radius:3px; margin-bottom:4px;
}
.sv-voucher-num { font-size:18px; font-weight:800; color:#1e3a5f; }
.sv-voucher-date { font-size:11px; color:#64748b; }

/* ── Meta strip ── */
.sv-meta { display:flex; flex-wrap:wrap; gap:0; border-bottom:1px solid #e8edf3; }
.sv-meta-item {
  flex:1 1 130px;
  padding:8px 14px; border-right:1px solid #e8edf3;
}
.sv-meta-item:last-child { border-right:none; }
.sv-meta-label { font-size:9px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.06em; margin-bottom:2px; }
.sv-meta-value { font-size:13px; font-weight:600; color:#1e293b; }
.sv-meta-sub   { font-size:10px; color:#94a3b8; }

/* ── Entry table ── */
.sv-tbl { width:100%; border-collapse:collapse; font-size:12px; }
.dc-pill { display:inline-block; padding:1px 7px; border-radius:10px; font-size:10px; font-weight:700; letter-spacing:.03em; }
.dc-pill.dr { background:#d1fae5; color:#065f46; }
.dc-pill.cr { background:#fef3c7; color:#92400e; }
.amt-cell { font-weight:600; text-align:right; white-space:nowrap; }
.empty-amt { color:#cbd5e1; text-align:center; }

/* ── Footer sections ── */
.sv-footer { padding:14px 20px; border-top:1px solid #e8edf3; }
.sv-sigs { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin-top:24px; }
.sv-sig-line { border-top:1px solid #94a3b8; padding-top:4px; text-align:center; font-size:10px; color:#64748b; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.sv-audit { font-size:10px; color:#94a3b8; margin-top:12px; display:flex; gap:24px; flex-wrap:wrap; }

/* ── Print btn hide ── */
@media print { .sv-action-bar, .no-print { display:none!important; } }

/* ─── salesaccount\invoice_show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── salesaccount\quotation_show.blade.php [block 0] ─── */
.box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .box-comment img {float: left; margin-right:10px;}
    .username { font-weight: bold; }
    .comment-text span{display: block;}

/* ─── salesreturn\create.blade.php [block 0] ─── */
/* ─── salesreturn\show.blade.php [block 0] ─── */
/* ─── shiftmaps\bulkcreate.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── shift_attendance\attendance_report.blade.php [block 0] ─── */
.erp5nepalidate select{font-size: 12px;}

/* ─── shift_attendance\filterreport.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }
    /* ─── shift_attendance\import.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── shift_attendance\late_arrival.blade.php [block 0] ─── */
.erp5nepalidate select{font-size: 12px;}

/* ─── shift_attendance\overall_attendance_report.blade.php [block 0] ─── */
.card-custom .card-header {
        margin-bottom: 10px;
    }

    form{
        margin-top: -15px;
    }
    /* ─── shift_attendance\timehistory.blade.php [block 0] ─── */
.erp5nepalidate select{font-size: 12px;}

/* ─── shift_attendance\markattendance\create.blade.php [block 0] ─── */
    .btn-icon-only { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; }
    .toolbar-chip { border-left: 1px solid var(--bs-gray-300); margin-inline: 1rem; height: 20px; }

/* ─── shift_attendance\markattendance\createClockOutAttendance.blade.php [block 0] ─── */
.tooltip {
    z-index: 100000000;
}

/* ─── shift_attendance\pdf\overall_attendance_report.blade.php [block 0] ─── */
.card-custom .card-header {
        margin-bottom: 10px;
    }

    form{
        margin-top: -15px;
    }
        /* ─── spare-equipment-request\create.blade.php [block 0] ─── */
.req:after { content:" *"; color:#f1416c; font-weight:700; }
            .help-text { font-size:.85rem; color:#7e8299; }
            .btn-icon {
                width: 38px;
                height: 38px;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

/* ─── spare-equipment-request\edit.blade.php [block 0] ─── */
.req:after { content:" *"; color:#f1416c; font-weight:700; }
            .help-text { font-size:.85rem; color:#7e8299; }
            .btn-icon {
                width: 38px;
                height: 38px;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

/* ─── spare-equipment-request\index-approved.blade.php [block 0] ─── */
        a.tip {
            border-bottom: 1px dashed;
            text-decoration: none
        }
        a.tip:hover {
            cursor: help;
            position: relative
        }
        a.tip span {
            display: none
        }
        a.tip:hover span {
            border: blue 1px solid;
            padding: 5px 20px 5px 5px;
            display: block;
            z-index: 100;
            color: red;
            background: yellow no-repeat 100% 5%;
            left: 0px;
            margin: 10px;
            width: 250px;
            position: absolute;
            top: 10px;
            text-decoration: none
        }
        /* ─── spare-equipment-request\index-pending.blade.php [block 0] ─── */
        a.tip {
            border-bottom: 1px dashed;
            text-decoration: none
        }
        a.tip:hover {
            cursor: help;
            position: relative
        }
        a.tip span {
            display: none
        }
        a.tip:hover span {
            border: blue 1px solid;
            padding: 5px 20px 5px 5px;
            display: block;
            z-index: 100;
            color: red;
            background: yellow no-repeat 100% 5%;
            left: 0px;
            margin: 10px;
            width: 250px;
            position: absolute;
            top: 10px;
            text-decoration: none
        }
        /* ─── spare-equipment-request\index.blade.php [block 0] ─── */
/* Minimal tweaks (Metronic handles most styling) */
            .mw-260px { min-width: 260px; }

/* ─── spare-equipment-request\show.blade.php [block 0] ─── */
/* Keep your minimal table borders for item detail */
            /* ─── StockIssue\edit.blade.php [block 0] ─── */
/* ─── StockIssue\index.blade.php [block 0] ─── */
    /* ─── StockIssue\show.blade.php [block 1] ─── */
.timeline-container {
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow-x: auto;
}

.timeline {
    display: flex;
    align-items: center;
    gap: 20px;
}

.timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.timeline-btn {
    display: flex;
    flex-direction: column; /* Stack icon and text */
    align-items: center;
    justify-content: center;
    background-color: #e9ecef;
    border: none;
    border-radius: 50%;
    padding: 15px;
    width: 70px;
    height: 70px;
    color: #6c757d;
    transition: all 0.3s ease-in-out;
    font-size: 1rem;
}

.timeline-btn.active {
    background-color: #0d6efd;
    color: #fff;
    font-weight: bold;
}

.timeline-btn:hover:not(.active) {
    cursor: pointer;
    background-color: #dbe4ff;
    color: #0d6efd;
}

.timeline-connector {
    flex: 1;
    height: 4px;
    background-color: #dee2e6;
}

.timeline-connector.active {
    background-color: #0d6efd;
}

/* ─── StockReturn\edit.blade.php [block 0] ─── */
/* ─── StockReturn\index.blade.php [block 0] ─── */
        #sr-table { border-collapse: collapse; }
    /* ─── StockReturn\show.blade.php [block 0] ─── */
.box-comment {
            margin-bottom: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
        }

        .box-comment img {
            float: left;
            margin-right: 10px;
        }

        .username {
            font-weight: bold;
        }

        .comment-text span {
            display: block;
        }

/* ─── store\show.blade.php [block 0] ─── */
.mail-wrap:hover { cursor:pointer; }
  .box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .box-comment img {float: left; margin-right:10px;}
  .username { font-weight: bold; }
  .comment-text span{display: block;}

/* ─── supplierreturn\create.blade.php [block 0] ─── */
/* ─── supplierreturn\edit.blade.php [block 0] ─── */
/* ─── tasks\create.blade.php [block 1] ─── */
@keyframes voice-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,.4)} 50%{box-shadow:0 0 0 6px rgba(220,53,69,0)} }
    .voice-recording { background:#dc3545!important; border-color:#dc3545!important; color:#fff!important; animation:voice-pulse 1.2s infinite; }

/* ─── tasks\partials\_attachments.blade.php [block 0] ─── */
/* Layout */
.att-grid{ display:grid; grid-template-columns: 70px 1.2fr 1fr 1fr 1.2fr; gap:12px; }
@media (max-width: 1400px){ .att-grid{ grid-template-columns: 60px 1fr 1fr 1fr 1fr; } }
@media (max-width: 1200px){ .att-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px){  .att-grid{ grid-template-columns: 1fr; } }

.ff{ display:grid; grid-template-rows: auto 40px 18px; align-items:center; }
.ff .form-label{ margin-bottom:4px; font-weight:600; }
.ff .ctrl{ display:flex; align-items:center; height:40px; }
.ff .help{ font-size:.8rem; color:#6b7280; line-height:18px; }

/* Buttons / badges */
.badge.bg-soft{ background: rgba(2,6,23,.05); color:#0f172a; border:1px solid rgba(2,6,23,.08); }

/* Preview */
.att-preview{ width:100%; height:40px; display:flex; align-items:center; gap:.5rem; }
.att-img{ height:40px; width:auto; max-width:100%; object-fit:cover; border-radius:.5rem; box-shadow:0 1px 4px rgba(2,6,23,.12); }

/* Drag */
.att[draggable="true"]{ cursor:grab; }
.att.dragging{ opacity:.7; transform:scale(.998); }
.drag-handle{ cursor:grab; }

/* Dropzone */
.att-dropzone{
  border:1px dashed rgba(15,23,42,.22);
  border-radius:12px; padding:16px; text-align:center;
  background:linear-gradient(180deg, rgba(248,250,252,.65), rgba(248,250,252,.35));
}
.att-dropzone .bi{ font-size:1.25rem; opacity:.7; }
.att-dropzone .dz-title{ font-weight:700; color:#0f172a; }
.att-dropzone .dz-sub{ font-size:.85rem; color:#6b7280; }
.att-dropzone.is-over{ background:linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.04)); border-color: rgba(99,102,241,.35); }

/* Tiny toast */
.att-toast{
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%);
  background:#111827; color:#fff; padding:.5rem .75rem; border-radius:10px;
  box-shadow:0 10px 28px rgba(2,6,23,.25);
  opacity:0; transition:opacity .18s ease, transform .18s ease;
  pointer-events:none; z-index: 2000;
}
.att-toast.show{ opacity:1; transform:translateX(-50%) translateY(-4px); }

/* ─── tasks\partials\_styles.blade.php [block 0] ─── */
#userListContainer {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: white;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        display: none;
    }

/* ─── tasks\partials\_task_list_builder.blade.php [block 0] ─── */
      .tl-row.is-done .tl-name {
    text-decoration:line-through; color:#94a3b8;
  }

/* ─── tasks-multi\index.blade.php [block 0] ─── */
    /* ─── tasks-multi\show.blade.php [block 0] ─── */
.mail-wrap:hover { cursor:pointer; }
  .box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .box-comment img {float: left; margin-right:10px;}
  .username { font-weight: bold; }
  .comment-text span{display: block;}

/* ─── taxonomies\index.blade.php [block 0] ─── */
.taxonomy-card {
            border: 0;
            border-radius: 14px;
            box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
        }

        .taxonomy-pill {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: .35rem .7rem;
            font-size: .75rem;
            font-weight: 700;
            letter-spacing: .02em;
        }

        .taxonomy-pill-category {
            background: #eff6ff;
            color: #1d4ed8;
        }

        .taxonomy-pill-tag {
            background: #f5f3ff;
            color: #7c3aed;
        }

                .taxonomy-actions {
            display: inline-flex;
            gap: .5rem;
        }

/* ─── tenants\crmregister.blade.php [block 0] ─── */
.progress-bar-container {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 4px;
    height: 20px;
    margin-top: 10px;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background-color: #4caf50;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.info-text {
    font-size: 1rem;
    font-weight: bold;
    color: #4caf50;
    transition: opacity 0.5s ease-in-out;
}

.info-text.hidden {
    opacity: 0;
}

/* ─── ticket\create.blade.php [block 0] ─── */
.wizard-step{display:none}.wizard-step.active{display:block}
        .wz-step{cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
        .wz-step.active{border-color:#0d6efd!important;background:#eff6ff!important}
        .wz-step.active .wz-num{background:#0d6efd;color:#fff}
        .wz-step.done{border-color:#198754!important}
        .wz-step.done .wz-num{background:#198754;color:#fff}

/* ─── timesheet\attendence_report.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── timesheet\bulkcreate.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }
.datetimepicker {
        position: relative;
    }
    .datepicker{
      position: relative;
    }

/* ─── timesheet\salary\salary_details.blade.php [block 0] ─── */
.required { color: red; }
    .card-custom .card-header {
        border-bottom: 2px solid #1797be;
    }
    .card-custom .card-header {
        margin-bottom: 10px;
    }

/* ─── travelrequest\allrequest.blade.php [block 0] ─── */
@keyframes blink {
    50% { opacity: 0; }
}
.blink-animation { animation: blink 1s infinite; }

/* ── Filter card ─────────────────────────────────────────── */
.travel-filter-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15,23,42,.06);
}
.travel-filter-card label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 3px;
    text-transform: uppercase;
}

/* ── Stats bar ───────────────────────────────────────────── */
.tr-stats {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.tr-stat {
    flex: 1;
    min-width: 130px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: .6rem 1rem;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
    display: flex;
    align-items: center;
    gap: .65rem;
}
.tr-stat .stat-icon {
    width: 36px; height: 36px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
}
.tr-stat .stat-val { font-size: 1.25rem; font-weight: 800; line-height: 1; }
.tr-stat .stat-lbl { font-size: .68rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: .04em; }
.tr-stat.total   .stat-icon { background: #eef2ff; color: #4f46e5; }
.tr-stat.pending .stat-icon { background: #fef3c7; color: #d97706; }
.tr-stat.approved .stat-icon { background: #dcfce7; color: #16a34a; }
.tr-stat.rejected .stat-icon { background: #fee2e2; color: #dc2626; }
.tr-stat.claimed  .stat-icon { background: #f0f9ff; color: #0284c7; }
.tr-stat.total   .stat-val { color: #4f46e5; }
.tr-stat.pending .stat-val { color: #d97706; }
.tr-stat.approved .stat-val { color: #16a34a; }
.tr-stat.rejected .stat-val { color: #dc2626; }
.tr-stat.claimed  .stat-val { color: #0284c7; font-size: 1rem; }

/* ── User Guide Modal ────────────────────────────────────── */
.guide-step {
    border-left: 3px solid #4f46e5;
    padding: .5rem .8rem;
    margin-bottom: .75rem;
    background: #fafafa;
    border-radius: 0 6px 6px 0;
}
.guide-step .gs-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 50%;
    background: #4f46e5; color: #fff;
    font-size: .7rem; font-weight: 800; margin-right: .4rem; flex-shrink: 0;
}
.guide-step h6 { font-size: .82rem; font-weight: 700; margin: 0 0 .2rem; }
.guide-step p  { font-size: .78rem; color: #475569; margin: 0; }
.status-badge {
    display: inline-block; border-radius: 4px; padding: 1px 7px;
    font-size: .72rem; font-weight: 700;
}
.sb-pending  { background: #fef3c7; color: #92400e; }
.sb-approved { background: #dcfce7; color: #166534; }
.sb-rejected { background: #fee2e2; color: #991b1b; }

/* ─── userColumn\create.blade.php [block 0] ─── */
cpan.add-variant:hover {
            cursor: pointer;
        }

        input.check-all, input.check-this {
            width: 20px;
            height: 20px;
        }

/* ─── userColumn\edit.blade.php [block 0] ─── */
cpan.add-variant:hover {
            cursor: pointer;
        }
        input.check-all, input.check-this {
            width: 20px;
            height: 20px;
        }

/* ─── userColumn\index.blade.php [block 0] ─── */
#productList ul {
            margin-top: 20px;
            padding-top: 20px;

        }

        #productList ul li {
            padding-left: 5px;

            color: white;
        }

        #productList ul li a {
            color: white;
        }

/* ─── userdetails\create.blade.php [block 0] ─── */
#custom-tabs {
    flex-wrap: wrap;
}
#custom-tabs .nav-item {
    flex: 1 1 auto;
}

.nav-pills .nav-link i {
    color: inherit !important;
}

/* ─── userdetails\emp_overview.blade.php [block 0] ─── */
/* Profile Upload Hover Effect */
.profile-upload-overlay:hover {
    background: rgba(0,0,0,0.6) !important;
}

.profile-upload-overlay:hover > div {
    opacity: 1 !important;
}

/* Stat Card Hover Effect */
.stat-card {
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Gradient Background */
.bg-gradient-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Loading Spinner for Image Upload */
.profile-image-wrapper.uploading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.profile-image-wrapper.uploading .profile-image {
    opacity: 0.5;
}

/* ─── users\hrcalandar.blade.php [block 0] ─── */
.filter_date { font-size:14px; }
  .fc-prev-button, .fc-next-button{
    display: none;
  }

/* ─── userTarget\index.blade.php [block 0] ─── */
:root{
      --ink:#0f172a;
      --muted:#64748b;
      --soft:#f8fafc;
      --card:#ffffff;
      --brd:rgba(2,6,23,.10);
      --shadow:0 12px 35px rgba(2,6,23,.08);
      --radius:14px;
    }
    .page-shell{padding-bottom:1.25rem}
    .toolbar-card{
      background:linear-gradient(90deg,#f8fafc 0%, #ecfeff 40%, #fff 100%);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .toolbar-card .title{
      letter-spacing:-.02em;
    }
    .crumb a{ text-decoration:none; }
    .chip-row{
      display:flex; gap:.5rem; flex-wrap:wrap;
      max-width:100%;
    }
    .chip{
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.45rem .75rem;
      border-radius:999px;
      border:1px solid rgba(2,6,23,.10);
      background:#fff;
      font-weight:600;
      font-size:.85rem;
      color:var(--ink);
      transition:all .15s ease;
      white-space:nowrap;
    }
    .chip:hover{ transform:translateY(-1px); box-shadow:0 10px 25px rgba(2,6,23,.08); }
    .chip i{ opacity:.8 }
    .card-soft{
      background:var(--card);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .section-head{
      display:flex; align-items:center; justify-content:space-between;
      gap:1rem; flex-wrap:wrap;
      padding:1rem 1.25rem;
      border-bottom:1px dashed rgba(2,6,23,.12);
      background:linear-gradient(180deg,#fff, #fbfdff);
      border-top-left-radius:var(--radius);
      border-top-right-radius:var(--radius);
    }
    .section-title{
      margin:0;
      font-size:1.05rem;
      font-weight:800;
      color:var(--ink);
    }
        /* Table polishing */
                    /* Sticky first column for matrix table (Programme column) */
    .sticky-first{
      position:sticky;
      left:0;
      background:inherit;
      z-index:2;
    }
    .sticky-first.head{
      z-index:3;
      background:#f8fafc;
    }
    .actions a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px; height:34px;
      border-radius:10px;
      border:1px solid rgba(2,6,23,.10);
      background:#fff;
      margin-right:.35rem;
      transition:all .15s ease;
      text-decoration:none;
    }
    .actions a:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 25px rgba(2,6,23,.08);
    }
    .actions .muted{
      width:34px; height:34px;
      display:inline-flex; align-items:center; justify-content:center;
      border-radius:10px;
      border:1px solid rgba(2,6,23,.08);
      background:#f8fafc;
      margin-right:.35rem;
    }
    /* Compact DataTables controls */
        /* ─── visitor\show.blade.php [block 0] ─── */
.mail-wrap:hover { cursor:pointer; }
  .box-comment { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
  .box-comment img {float: left; margin-right:10px;}
  .username { font-weight: bold; }
  .comment-text span{display: block;}

/* ─── accountreport\sales-book.blade.php [block 0] (scoped via .scp-accountreport-sales-book) ─── */
body:has(.scp-accountreport-sales-book) .sb-shell {
    border: 1px solid #e2e8f0;
            border-radius: 14px;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
            overflow: hidden;
}
body:has(.scp-accountreport-sales-book) .sb-head {
    background: linear-gradient(145deg, #f8fbff 0%, #eef4ff 100%);
            border-bottom: 1px solid #dbe6f5;
            padding-bottom: 10px;
            margin-bottom: 14px;
}
body:has(.scp-accountreport-sales-book) .sb-title {
    font-size: 1.1rem;
            font-weight: 700;
            color: #0f172a;
}
body:has(.scp-accountreport-sales-book) .sb-period-row .border {
    border-color: #d9e2f0 !important;
            transition: all 0.18s ease;
            background: #fff;
}
body:has(.scp-accountreport-sales-book) .sb-period-row .border:hover {
    transform: translateY(-2px);
            box-shadow: 0 5px 14px rgba(15, 23, 42, 0.1);
}
body:has(.scp-accountreport-sales-book) .sb-period-row .border-primary {
    background: #eef4ff;
}
body:has(.scp-accountreport-sales-book) .sb-pagination .pagination {
    margin-bottom: 0;
}
/* ── Filter modal: compact + BS5.3 ── */
body:has(.scp-accountreport-sales-book) #salesBookFilters .modal-body {
    padding: .6rem .85rem;
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .modal-header {
    padding: .55rem .85rem;
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .modal-footer {
    padding: .45rem .85rem;
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .form-label {
    font-size: .7rem; font-weight: 600;
                                                 text-transform: uppercase; letter-spacing: .03em;
                                                 color: #64748b; margin-bottom: 2px;
}
/* Select2 height matches form-select-sm */
body:has(.scp-accountreport-sales-book) #salesBookFilters .select2-container {
    width: 100% !important;
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .select2-selection--single {
    height: calc(1.5em + .5rem + 2px) !important;
            display: flex !important; align-items: center;
            border-color: var(--bs-border-color);
            border-radius: var(--bs-border-radius-sm);
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .select2-selection__rendered {
    line-height: 1 !important; padding-left: .5rem !important;
}
body:has(.scp-accountreport-sales-book) #salesBookFilters .select2-selection__arrow {
    height: 100% !important;
}


/* ─── accountreport\salesBookDetail.blade.php [block 0] (scoped via .scp-accountreport-salesbookdetail) ─── */
body:has(.scp-accountreport-salesbookdetail) .sbd-shell {
    border: 1px solid #dce5f2; border-radius: 12px; box-shadow: 0 8px 20px rgba(15,23,42,.06); overflow: hidden;
}
/* ── table ── */
/* Invoice header row */
/* Item rows */
/* Subtotal row */
/* Grand total */
/* Filter chips */
body:has(.scp-accountreport-salesbookdetail) .filter-chip {
    font-size: 11px; padding: 2px 9px;
            border-radius: 20px; background: #e0edff;
            color: #1d4ed8; border: 1px solid #bfdbfe;
            display: inline-flex; align-items: center; gap: 3px;
}
/* Stats bar */
body:has(.scp-accountreport-salesbookdetail) .stats-bar {
    background: linear-gradient(135deg,#f0f4ff 0%,#e8f5e9 100%); border-radius: 8px; padding: 10px 16px;
}
body:has(.scp-accountreport-salesbookdetail) .stat-item .stat-val {
    font-size: 1rem; font-weight: 700; color: #0f172a;
}
body:has(.scp-accountreport-salesbookdetail) .stat-item .stat-lbl {
    font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: #64748b;
}
/* Filter modal */
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .modal-body {
    padding: .6rem .85rem;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .modal-header {
    padding: .55rem .85rem;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .modal-footer {
    padding: .45rem .85rem;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .form-label {
    font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #64748b; margin-bottom: 2px;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .select2-container {
    width: 100% !important;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .select2-selection--single {
    height: calc(1.5em + .5rem + 2px) !important;
            display: flex !important; align-items: center;
            border-color: var(--bs-border-color);
            border-radius: var(--bs-border-radius-sm);
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .select2-selection__rendered {
    line-height: 1 !important; padding-left: .5rem !important;
}
body:has(.scp-accountreport-salesbookdetail) #sbdFilterModal .select2-selection__arrow {
    height: 100% !important;
}


/* ─── accountreport\balancesheet\index.blade.php [block 0] (scoped via .scp-accountreport-balancesheet-index) ─── */
body:has(.scp-accountreport-balancesheet-index) .bs-shell {
    --bs-bg: #f4f7fc;
            --bs-card: #ffffff;
            --bs-border: #d9e0ee;
            --bs-ink: #1d2638;
            --bs-muted: #6d7a92;
            --bs-assets: #0f5f8f;
            --bs-liab: #0f766e;
            background: radial-gradient(circle at top right, #ebf2ff, #f7fafc 45%, #eef3f8);
            padding-bottom: 1.5rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-grid-card {
    border: 1px solid var(--bs-border);
            border-radius: 14px;
            background: var(--bs-card);
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
            overflow: hidden;
            height: 100%;
}
body:has(.scp-accountreport-balancesheet-index) .bs-card-head {
    padding: 0.85rem 1rem;
            color: #fff;
            font-weight: 700;
            font-size: 0.95rem;
            letter-spacing: 0.02em;
}
body:has(.scp-accountreport-balancesheet-index) .bs-card-head.assets {
    background: linear-gradient(135deg, #0f5f8f, #0c4f78);
}
body:has(.scp-accountreport-balancesheet-index) .bs-card-head.liabilities {
    background: linear-gradient(135deg, #0f766e, #0f5f8f);
}
body:has(.scp-accountreport-balancesheet-index) .bs-card-body {
    padding: 0.8rem;
            background: #fff;
}
body:has(.scp-accountreport-balancesheet-index) .bs-amount {
    text-align: right;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
}
body:has(.scp-accountreport-balancesheet-index) .bs-summary-card {
    border: 1px solid var(--bs-border);
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
            overflow: hidden;
            margin-bottom: 1rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-summary-card .card-header {
    background: linear-gradient(135deg, #145ea8, #0f5f8f);
            color: #fff;
            font-weight: 700;
            border-bottom: 0;
}
body:has(.scp-accountreport-balancesheet-index) .bs-warning {
    border: 1px solid #f0cc6b;
            border-radius: 12px;
            background: #fffdf4;
            padding: 0.8rem;
            margin-bottom: 1rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-total {
    background: #eef8ff;
}
body:has(.scp-accountreport-balancesheet-index) .bs-highlight {
    background: #eefcf5;
}
body:has(.scp-accountreport-balancesheet-index) .bs-page {
    padding-bottom: 1rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-filter-card, body:has(.scp-accountreport-balancesheet-index) .bs-kpi-card {
    border: 1px solid var(--bs-border);
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}
body:has(.scp-accountreport-balancesheet-index) .bs-filter-card .card-body {
    padding: 1rem 1.15rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-label {
    font-size: 11px;
            font-weight: 700;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #5f6e89;
            margin-bottom: .35rem;
}
body:has(.scp-accountreport-balancesheet-index) .bs-kpi-card {
    padding: .75rem .9rem;
            min-height: 74px;
}
body:has(.scp-accountreport-balancesheet-index) .bs-kpi-label {
    display: block;
            font-size: 11px;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #6b7892;
            font-weight: 700;
}
body:has(.scp-accountreport-balancesheet-index) .bs-kpi-value {
    margin-top: .35rem;
            font-size: 15px;
            font-weight: 700;
            color: #1d3558;
}
body:has(.scp-accountreport-balancesheet-index) .select2-container--default .select2-selection--multiple {
    min-height: 32px;
            border: 1px solid #d1d9e6;
}
body:has(.scp-accountreport-balancesheet-index) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 6px;
}
@media (max-width: 767.98px) {
body:has(.scp-accountreport-balancesheet-index) .bs-card-body {
    padding: 0.55rem;
}

}


/* ─── accountreport\balancesheet\nfrs_index.blade.php [block 0] (scoped via .scp-accountreport-balancesheet-nfrs-index) ─── */
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-wrap {
    --nfrs-bg: #f4f7fb;
            --nfrs-surface: #ffffff;
            --nfrs-border: #dde4f0;
            --nfrs-border-soft: #e8edf5;
            --nfrs-text: #0f172a;
            --nfrs-muted: #5b6b82;
            --nfrs-accent: #0f766e;
            --nfrs-accent-2: #0f4c81;
            --nfrs-accent-soft: #ecfdf5;
            --nfrs-head: #0b1f3a;
            background:
                radial-gradient(1200px 420px at 10% -20%, #dce8ff 0%, transparent 60%),
                radial-gradient(1000px 380px at 95% 0%, #e6fff7 0%, transparent 55%),
                var(--nfrs-bg);
            padding: .8rem 0 1.6rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-card {
    max-width: 1040px;
            margin: 0 auto;
            background: var(--nfrs-surface);
            border: 1px solid var(--nfrs-border);
            border-radius: 16px;
            box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
            overflow: hidden;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-head {
    padding: 1rem 1rem .9rem;
            border-bottom: 1px solid var(--nfrs-border-soft);
            background:
                linear-gradient(135deg, rgba(15, 76, 129, 0.06) 0%, rgba(15, 118, 110, 0.03) 52%, #ffffff 100%);
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-title {
    margin: 0; font-size: 1.08rem; font-weight: 800; color: var(--nfrs-head); line-height: 1.1;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-sub {
    margin-top: .24rem; color: var(--nfrs-muted); font-size: .8rem; line-height: 1.3;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-meta {
    font-size: .72rem;
            color: #64748b;
            letter-spacing: .04em;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: .18rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-head-badge {
    display: inline-flex;
            align-items: center;
            gap: .38rem;
            padding: .36rem .68rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(207, 219, 236, 0.9);
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
            font-size: .72rem;
            font-weight: 700;
            color: #274060;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-head-badge i {
    color: var(--nfrs-accent);
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-summary {
    display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: .75rem;
            padding: .85rem 1rem 0;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-stat {
    position: relative;
            overflow: hidden;
            border: 1px solid var(--nfrs-border-soft);
            border-radius: 14px;
            background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
            padding: .8rem .9rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-stat::after {
    content: "";
            position: absolute;
            inset: auto auto 0 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--nfrs-accent-2), var(--nfrs-accent));
            opacity: .85;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-stat-label {
    font-size: .7rem;
            color: #6b7a90;
            text-transform: uppercase;
            letter-spacing: .06em;
            font-weight: 700;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-stat-value {
    margin-top: .28rem;
            font-size: 1rem;
            line-height: 1.1;
            font-weight: 800;
            color: #11233f;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-stat-sub {
    margin-top: .22rem;
            font-size: .72rem;
            color: var(--nfrs-muted);
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-actions {
    padding: .6rem 1rem;
            border-bottom: 1px solid var(--nfrs-border-soft);
            background: linear-gradient(180deg, rgba(248, 251, 255, 0.9) 0%, #ffffff 100%);
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-actions .btn {
    padding: .34rem .62rem;
            font-size: .76rem;
            border-radius: 10px;
            font-weight: 600;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-actions .btn-light-dark {
    background: #f3f6fc;
            border-color: #d7dfec;
            color: #233149;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-amt {
    text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-action {
    white-space: nowrap;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-map-label {
    display: inline-block;
            border: 1px solid #d6e8e3;
            background: var(--nfrs-accent-soft);
            color: #0f5132;
            border-radius: 999px;
            padding: .12rem .48rem;
            font-size: .69rem;
            font-weight: 600;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-map-label.is-empty {
    border-color: #e2e8f0;
            background: #f8fafc;
            color: #64748b;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-map-btn {
    border-radius: 9px;
            font-weight: 600;
            padding: .24rem .56rem;
            border-color: #c8d7f1;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-modal .modal-content {
    border: 0;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-modal .modal-header {
    background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
            border-bottom: 1px solid #e3ebf6;
            padding: .9rem 1rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-modal .modal-title {
    font-size: .96rem;
            font-weight: 800;
            color: #0f2342;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-modal .modal-body {
    padding: 1rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-modal .modal-footer {
    border-top: 1px solid #edf2f8;
            padding: .8rem 1rem 1rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-line-preview {
    border: 1px solid #e5ebf4;
            background: #f8fbff;
            border-radius: 12px;
            padding: .68rem .78rem;
            margin-bottom: .8rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-line-preview-label {
    font-size: .68rem;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #64748b;
            font-weight: 700;
            margin-bottom: .18rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-line-preview-value {
    color: #1e293b;
            font-size: .88rem;
            font-weight: 700;
            line-height: 1.3;
}
@media (max-width: 991.98px) {
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

}
@media (max-width: 575.98px) {
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-head, body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-actions {
    padding-left: .8rem;
                padding-right: .8rem;
}
body:has(.scp-accountreport-balancesheet-nfrs-index) .nfrs-summary {
    grid-template-columns: 1fr;
                padding-left: .8rem;
                padding-right: .8rem;
}
}


/* ─── accountreport\cashflow\12months.blade.php [block 0] (scoped via .scp-accountreport-cashflow-12months) ─── */
/* ── Filter bar ────────────────────────── */
body:has(.scp-accountreport-cashflow-12months) .cf-filter {
    background: #fff;
    border: 1px solid #d6dfeb;
    border-radius: 10px;
    padding: .8rem 1.1rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 14px rgba(34,50,84,.06);
}
body:has(.scp-accountreport-cashflow-12months) .cf-filter-label {
    font-size: 11px; font-weight: 700; letter-spacing: .04em;
    text-transform: uppercase; color: #55637a;
    margin-bottom: .3rem; display: block;
}
/* ── KPI row ───────────────────────────── */
body:has(.scp-accountreport-cashflow-12months) .cf-kpi {
    border: 1px solid #dbe4f1; border-radius: 8px;
    background: #fff; padding: .7rem .9rem; min-height: 68px;
    box-shadow: 0 2px 8px rgba(34,50,84,.05);
}
body:has(.scp-accountreport-cashflow-12months) .cf-kpi-label {
    display:block; font-size:10px; letter-spacing:.05em;
    text-transform:uppercase; color:#66758f; font-weight:700;
}
body:has(.scp-accountreport-cashflow-12months) .cf-kpi-value {
    margin-top:.25rem; font-weight:700; color:#1d3558; font-size:14px; white-space:nowrap;
}
body:has(.scp-accountreport-cashflow-12months) .cf-kpi-value.neg {
    color: #b91c1c;
}
/* ── Report card ──────────────────────── */
body:has(.scp-accountreport-cashflow-12months) .cf-card {
    background:#fff; border:1px solid #d6dfeb; border-radius:10px;
    box-shadow:0 4px 20px rgba(34,50,84,.07); overflow:hidden;
}
/* ── Letterhead ────────────────────────── */
body:has(.scp-accountreport-cashflow-12months) .cf-letterhead {
    text-align:center; padding:1.1rem 1rem .8rem;
    border-bottom:2px solid #1e3c72; background:#fff;
}
body:has(.scp-accountreport-cashflow-12months) .cf-org-name {
    font-size:16px; font-weight:800; color:#1e3c72;
    letter-spacing:.02em; margin-bottom:2px;
}
body:has(.scp-accountreport-cashflow-12months) .cf-report-title {
    font-size:13px; font-weight:700; color:#243754;
    text-transform:uppercase; letter-spacing:.06em; margin-top:.4rem;
}
body:has(.scp-accountreport-cashflow-12months) .cf-period {
    font-size:11px; color:#55637a;
}
/* ── Scrollable table wrapper ──────────── */
body:has(.scp-accountreport-cashflow-12months) .cf-wrap {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
}
/* Sticky top-left corner (header of label col) */
/* Sticky first column on body rows */
/* ── Section headers ───────────────────── */
/* ── Line items ────────────────────────── */
/* ── Subtotal rows ─────────────────────── */
/* ── Net cashflow row ──────────────────── */
/* ── Cash balance rows ─────────────────── */
/* Total column highlight */
/* Positive/negative colours */
body:has(.scp-accountreport-cashflow-12months) .pos {
    color: #155724;
}
body:has(.scp-accountreport-cashflow-12months) .neg {
    color: #b91c1c;
}
body:has(.scp-accountreport-cashflow-12months) .cf-net .neg, body:has(.scp-accountreport-cashflow-12months) .cf-net .pos {
    color: #fff;
}
/* ── Print styles ──────────────────────────────────────────────────── */
@media print {
/* Paper: A3 landscape gives the most room for 12 columns */
@page {
 size: A3 landscape; margin: 10mm 8mm; 
}
/* Hide everything that isn't the report */
body:has(.scp-accountreport-cashflow-12months) * {
    visibility: hidden;
}
body:has(.scp-accountreport-cashflow-12months) #cf-printable, body:has(.scp-accountreport-cashflow-12months) #cf-printable * {
    visibility: visible;
}
body:has(.scp-accountreport-cashflow-12months) #cf-printable {
    position: fixed;
        inset: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
}
/* Reset card chrome for print */
body:has(.scp-accountreport-cashflow-12months) .cf-card {
    border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
}
/* Letterhead print adjustments */
body:has(.scp-accountreport-cashflow-12months) .cf-letterhead {
    padding: .4rem 0 .4rem !important;
        border-bottom: 2pt solid #1e3c72 !important;
}
body:has(.scp-accountreport-cashflow-12months) .cf-org-name {
    font-size: 13pt !important;
}
body:has(.scp-accountreport-cashflow-12months) .cf-report-title {
    font-size: 10pt !important;
}
body:has(.scp-accountreport-cashflow-12months) .cf-period {
    font-size: 8pt !important;
}
/* Printed-by line */
body:has(.scp-accountreport-cashflow-12months) .cf-print-meta {
    display: block !important; font-size: 7.5pt; color: #777; text-align: right; margin-bottom: 2mm;
}
/* Remove scroll container */
body:has(.scp-accountreport-cashflow-12months) .cf-wrap {
    overflow: visible !important;
        max-height: none !important;
}
/* Table resets */
/* Body rows */
/* Section, subtotal, net rows — force colours for print */
/* Colours */
body:has(.scp-accountreport-cashflow-12months) .pos {
    color: #155724 !important;
}
body:has(.scp-accountreport-cashflow-12months) .neg {
    color: #b91c1c !important;
}
body:has(.scp-accountreport-cashflow-12months) .cf-net .pos, body:has(.scp-accountreport-cashflow-12months) .cf-net .neg {
    color: #fff !important;
}
/* Footer note */
body:has(.scp-accountreport-cashflow-12months) .cf-print-footer {
    display: block !important;
        font-size: 7pt;
        color: #666;
        border-top: 0.5pt solid #ccc;
        padding-top: 2mm;
        margin-top: 2mm;
}
body:has(.scp-accountreport-cashflow-12months) .cf-footer-note {
    display: none !important;
}
/* hide the screen footer note */

}
/* Hidden by default, shown in print */
body:has(.scp-accountreport-cashflow-12months) .cf-print-meta, body:has(.scp-accountreport-cashflow-12months) .cf-print-footer {
    display: none;
}


/* ─── accountreport\expenses\expense-modal.blade.php [block 0] (scoped via .scp-accountreport-expenses-expense-modal) ─── */
body:has(.scp-accountreport-expenses-expense-modal) .modal-dialog {
    height: 90%; /* = 90% of the .modal-backdrop block = %90 of the screen */
        width: 45%;
}
body:has(.scp-accountreport-expenses-expense-modal) .select2-container {
    text-align: left!important;
        width: 100%!important;
}
/*.modal-content {*/
/*    height: 100%; !* = 100% of the .modal-dialog block *!*/
/*}*/


/* ─── accountreport\groupledgerbulk\detailgroups-old.blade.php [block 0] (scoped via .scp-accountreport-groupledgerbulk-detailgroups-old) ─── */
body:has(.scp-accountreport-groupledgerbulk-detailgroups-old) .box {
    border-bottom: 1px solid #ffff !important;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  margin-top: 45px;
  border-radius: 12px !important;
  border-top: none !important;
  border-radius: 12px !important;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups-old) .select2-container--default .select2-selection--single {
    border: 1px solid #aaaaaa57 !important;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups-old) .balancesheet.form {
    margin-top: -25px;
}


/* ─── accountreport\groupledgerbulk\detailgroups.blade.php [block 0] (scoped via .scp-accountreport-groupledgerbulk-detailgroups) ─── */
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-page {
    padding-bottom: .5rem;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-toolbar-title {
    font-weight: 800; color: #1f2f46;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-filter-card, body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-report-card {
    background: #fff;
            border: 1px solid #d6dfeb;
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(34, 50, 84, .05);
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-filter-card {
    padding: .5rem .75rem; margin-bottom: .5rem;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-label {
    display: block;
            margin-bottom: .15rem;
            color: #55637a;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .04em;
            text-transform: uppercase;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-input {
    border-color: #c8d4e3; background: #fbfcfe;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-input:focus {
    border-color: #5c8fd5; box-shadow: 0 0 0 .12rem rgba(92, 143, 213, .18);
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-filter-card .dual-calendar-container, body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-filter-card .dual-calendar-container .form-control {
    width: 100%;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .select2-container .select2-selection--single {
    height: 28px !important; border-color: #c8d4e3 !important;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px !important; font-size: 12px;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 27px !important;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-kpi {
    border: 1px solid #dbe4f1;
            border-radius: 6px;
            background: #fff;
            padding: .3rem .6rem;
            min-height: unset;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-kpi-label {
    display: inline;
            color: #66758f;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .05em;
            text-transform: uppercase;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-kpi-value {
    display: inline; margin-left: .4rem; color: #1d3558; font-size: 12px; font-weight: 800; white-space: nowrap;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-report-head {
    padding: .4rem .75rem;
            border-bottom: 1px solid #d9e2ef;
            background: #f6f9fd;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-org-name {
    color: #1e3c72; font-size: 13px; font-weight: 800;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-muted {
    color: #607089; font-size: 11px;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-title {
    margin-top: .15rem; color: #243754; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-amount {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-ledger-link {
    color: #1d4f91; font-weight: 700; text-decoration: none;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-ledger-link:hover {
    text-decoration: underline;
}
body:has(.scp-accountreport-groupledgerbulk-detailgroups) .glb-empty {
    padding: 1rem; color: #718096; text-align: center; font-size: 12px;
}
@media (max-width: 991px) {
}


/* ─── accountreport\groupledgerstatement\detailgroups.blade.php [block 0] (scoped via .scp-accountreport-groupledgerstatement-detailgroups) ─── */
/* ─── accountreport\ledgerstatement\ledgerstatementdetail.blade.php [block 0] (scoped via .scp-accountreport-ledgerstatement-ledgerstatementdetail) ─── */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) :root {
    --mn-primary: #0f766e;
            --mn-primary-600: #0d6b65;
            --mn-primary-50: #e6f3f2;
            --mn-text: #0f172a;
            --mn-muted: #64748b;
            --mn-soft: #f6f7fb;
            --mn-card: #fff;
            --mn-border: 1px solid rgba(2, 6, 23, .08);
            --mn-shadow: 0 6px 18px rgba(2, 6, 23, .05);
            --mn-radius: 14px;
            --mn-chip-bg: #f2f3f7;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) {
    background: var(--mn-soft);
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ledger-svg-icon {
    display: inline-block;
            width: 16px;
            height: 16px;
            flex: 0 0 auto;
            vertical-align: -3px;
            shape-rendering: geometricPrecision;
}
/* Toolbar */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .toolbar {
    background: linear-gradient(180deg, #fff, var(--mn-soft));
            border-bottom: var(--mn-border);
            padding: 1rem 0;
}
/* Cards */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .card {
    border: var(--mn-border);
            border-radius: var(--mn-radius);
            box-shadow: var(--mn-shadow);
            background: var(--mn-card);
}
/* Buttons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-ghost {
    background: #fff;
            border: var(--mn-border);
            border-radius: 999px;
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            transition: all 0.2s;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-ghost:hover {
    background: var(--mn-primary-50);
            border-color: var(--mn-primary);
            color: var(--mn-primary);
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-outline-primary {
    color: var(--mn-primary);
            border-color: var(--mn-primary);
            border-radius: 999px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-outline-primary:hover {
    background: var(--mn-primary);
            color: #fff;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-light-primary {
    background: var(--mn-primary-50);
            color: var(--mn-primary);
            border: none;
            border-radius: 999px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .btn-light-primary:hover {
    background: #d9eeec;
            color: var(--mn-primary-600);
}
/* Table */
/* Row status */
/* Chips */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .chip {
    display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .35rem .75rem;
            border-radius: 999px;
            background: var(--mn-chip-bg);
            color: var(--mn-text);
            border: var(--mn-border);
            font-weight: 600;
            font-size: .85rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .chip i {
    opacity: .65;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .form-label {
    font-weight: 600;
            font-size: 0.875rem;
            color: var(--mn-text);
            margin-bottom: 0.5rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .form-control, body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .form-select {
    border-radius: 8px;
            border: var(--mn-border);
            padding: 0.625rem;
            font-size: 0.875rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .form-control:focus, body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .form-select:focus {
    border-color: var(--mn-primary);
            box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.15);
}
/* Summary Tables */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .summary-card {
    background: white;
            border-radius: var(--mn-radius);
            border: var(--mn-border);
            padding: 1rem;
            margin-bottom: 1rem;
}
/* Page title */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .page-title {
    font-size: 1.5rem;
            font-weight: 700;
            color: var(--mn-text);
            margin: 0;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ledger-code {
    color: var(--mn-muted);
            font-weight: 500;
}
/* Navigation buttons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .nav-btn-group {
    display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
}
/* Action buttons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .action-btn-group {
    display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
}
/* Select2 */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .select2-container .select2-dropdown {
    z-index: 2050;
}
/* Active filter tags */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .filter-tag {
    display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            padding: 0.2rem 0.55rem;
            border-radius: 999px;
            font-size: 0.75rem;
            font-weight: 600;
            text-decoration: none;
            transition: opacity 0.15s;
            line-height: 1.4;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .filter-tag:hover {
    opacity: 0.8;
}
/* Responsive */
@media (max-width: 768px) {
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .toolbar {
    padding: 0.75rem 0;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .page-title {
    font-size: 1.25rem;
}

}
/* ================================================================
           NetSuite-Style Ledger Statement
           ================================================================ */
/* ---- Account header bar ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-report-header {
    display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 0.75rem;
            padding: 0.875rem 1.25rem;
            background: #fff;
            border-bottom: 1px solid #e5e7eb;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-report-header__account {
    display: flex;
            align-items: center;
            gap: 0.5rem;
            flex-wrap: wrap;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-acct-code {
    font-size: 0.75rem;
            font-weight: 600;
            color: #6b7280;
            background: #f3f4f6;
            padding: 0.15rem 0.5rem;
            border-radius: 4px;
            font-family: monospace;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-acct-name {
    font-size: 1rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-acct-tag {
    font-size: 0.68rem;
            font-weight: 600;
            color: #0f766e;
            background: #ccfbf1;
            padding: 0.1rem 0.45rem;
            border-radius: 3px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-report-header__meta {
    display: flex;
            gap: 2rem;
            flex-wrap: wrap;
            align-items: flex-start;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-meta-item {
    display: flex; flex-direction: column; align-items: flex-end; gap: 2px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-meta-label {
    font-size: 0.68rem;
            font-weight: 700;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: 0.5px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-meta-value {
    font-size: 0.875rem;
            font-weight: 600;
            color: #111827;
            font-variant-numeric: tabular-nums;
}
/* ---- Table wrapper ---- */
/* ---- Table base ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-date {
    width: 82px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-type {
    width: 90px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-ref {
    width: 90px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-bill {
    width: 110px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-name {
    min-width: 110px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-memo {
    min-width: 140px; max-width: 260px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-class {
    width: 100px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-class {
    color: #374151; font-size: 0.78rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-status {
    width: 24px; text-align: center !important;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-amt {
    width: 110px; text-align: right !important;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-th-action {
    width: 44px;
}
/* ---- Amount cells ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-amt {
    text-align: right !important;
            font-variant-numeric: tabular-nums;
            color: #1f2937;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-balance {
    font-weight: 700;
            text-align: right !important;
            font-variant-numeric: tabular-nums;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-dc {
    display: inline-block;
            font-size: 0.63rem;
            font-weight: 700;
            margin-left: 2px;
            opacity: 0.8;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-dr {
    color: #15803d;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-cr {
    color: #b45309;
}
/* ---- Data rows ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row:nth-child(even) {
    background: #f9fafb;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row:hover {
    background: #eff6ff !important; cursor: default;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row-unapproved {
    background: #fff5f5 !important; color: #b91c1c;
}
/* ---- Opening balance row ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row-ob {
    background: #fffbeb !important;
            border-top: 1px solid #fde68a;
            border-bottom: 1px solid #fde68a;
}
/* ---- Totals row ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row-total {
    background: #f3f4f6 !important;
            border-top: 2px solid #9ca3af;
}
/* ---- Closing balance row ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-row-cb {
    background: #f0fdf4 !important;
            border-top: 2px solid #bbf7d0;
            border-bottom: 1px solid #bbf7d0;
}
/* ---- Cell types ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-date {
    color: #374151; font-size: 0.78rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-type {
    color: #6b7280; font-size: 0.78rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-ref {
    font-weight: 600;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-name {
    color: #374151;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-memo {
    color: #6b7280;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-status {
    text-align: center !important;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-status-dot {
    display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-status-ok {
    background: #22c55e;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-status-pending {
    background: #f59e0b;
}
/* ---- Links ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-link {
    color: #1d4ed8; text-decoration: none; font-weight: 600;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-link:hover {
    text-decoration: underline;
}
/* ---- Action column ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-td-action {
    text-align: center !important; white-space: nowrap;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-act {
    color: #9ca3af; font-size: 0.78rem; padding: 0 2px; text-decoration: none;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-act:hover {
    color: #374151;
}
/* ---- Extra contra-ledger count badge ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-more-badge {
    display: inline-block;
            margin-left: 4px;
            font-size: 0.63rem;
            font-weight: 700;
            color: #6b7280;
            background: #f3f4f6;
            border: 1px solid #e5e7eb;
            border-radius: 999px;
            padding: 0 5px;
            cursor: default;
            vertical-align: middle;
}
/* ---- Misc ---- */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-muted {
    color: #d1d5db;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-sep {
    color: #9ca3af;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-currency-totals {
    font-weight: 400; font-size: 0.72rem; color: #6b7280;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetail) .ns-pagination {
    padding: 0.75rem 1.25rem; border-top: 1px solid #e5e7eb;
}


/* ─── accountreport\ledgerstatement\ledgerStatementDetails.blade.php [block 0] (scoped via .scp-accountreport-ledgerstatement-ledgerstatementdetails) ─── */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) :root {
    --mn-primary: #0f766e;
            --mn-primary-600: #0d6b65;
            --mn-primary-50: #e6f3f2;
            --mn-text: #0f172a;
            --mn-muted: #64748b;
            --mn-soft: #f6f7fb;
            --mn-card: #fff;
            --mn-border: 1px solid rgba(2, 6, 23, .08);
            --mn-shadow: 0 6px 18px rgba(2, 6, 23, .05);
            --mn-radius: 14px;
            --mn-chip-bg: #f2f3f7;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) {
    background: var(--mn-soft);
}
/* Toolbar */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .toolbar {
    background: linear-gradient(180deg, #fff, var(--mn-soft));
            border-bottom: var(--mn-border);
            padding: 1.25rem 0;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .page-title {
    font-size: 1.5rem;
            font-weight: 700;
            color: var(--mn-text);
            margin: 0;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .ledger-code {
    color: var(--mn-primary);
            font-weight: 600;
}
/* Cards */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .card {
    border: var(--mn-border);
            border-radius: var(--mn-radius);
            box-shadow: var(--mn-shadow);
            background: var(--mn-card);
}
/* Filter Section */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .filter-card {
    background: white;
            border-radius: var(--mn-radius);
            border: var(--mn-border);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .filter-title {
    font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--mn-muted);
            margin-bottom: 1rem;
}
/* Buttons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-ghost {
    background: #fff;
            border: var(--mn-border);
            border-radius: 999px;
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            transition: all 0.2s;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-ghost:hover {
    background: var(--mn-primary-50);
            border-color: var(--mn-primary);
            color: var(--mn-primary);
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-primary {
    background: var(--mn-primary);
            border-color: var(--mn-primary);
            border-radius: 999px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-primary:hover {
    background: var(--mn-primary-600);
            border-color: var(--mn-primary-600);
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-secondary {
    background: var(--mn-chip-bg);
            border-color: var(--mn-border);
            color: var(--mn-text);
            border-radius: 999px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-secondary:hover {
    background: #e2e4e9;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-light {
    background: #fff;
            border: var(--mn-border);
            border-radius: 999px;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .btn-light:hover {
    background: var(--mn-soft);
}
/* Form Controls */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .form-label {
    font-weight: 600;
            font-size: 0.875rem;
            color: var(--mn-text);
            margin-bottom: 0.5rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .form-control, body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .form-select {
    border-radius: 8px;
            border: var(--mn-border);
            padding: 0.625rem;
            font-size: 0.875rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .form-control:focus, body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .form-select:focus {
    border-color: var(--mn-primary);
            box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.15);
}
/* Date Range Display */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .date-range-badge {
    display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: var(--mn-primary-50);
            color: var(--mn-primary);
            border-radius: 999px;
            font-weight: 600;
            font-size: 0.875rem;
            margin-bottom: 1rem;
}
/* Summary Tables */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .summary-card {
    background: white;
            border-radius: var(--mn-radius);
            border: var(--mn-border);
            padding: 1rem;
            margin-bottom: 1.5rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .summary-card-title {
    font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--mn-muted);
            margin-bottom: 1rem;
}
/* Table */
/* Table Highlight Rows */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .bg-light-warning {
    background: #fef3c7 !important;
            font-weight: 600;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .tr-highlight {
    background: #f8fafc !important;
            font-weight: 600;
}
/* Balance Badges */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .balance-badge {
    padding: 0.25rem 0.75rem;
            border-radius: 999px;
            font-weight: 600;
            font-size: 0.85rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .balance-dr {
    background: #dcfce7;
            color: #15803d;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .balance-cr {
    background: #fef3c7;
            color: #b45309;
}
/* Tag Styling */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .tag {
    display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .35rem .75rem;
            border-radius: 999px;
            background: var(--mn-chip-bg);
            color: var(--mn-text);
            border: var(--mn-border);
            font-weight: 600;
            font-size: .85rem;
}
/* Export Buttons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .export-btn-group {
    display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
}
/* Responsive */
@media (max-width: 768px) {
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .page-title {
    font-size: 1.25rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .filter-card {
    padding: 1rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .summary-card {
    padding: 0.75rem;
}
}
/* Select2 */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .select2-container--default .select2-selection--single {
    border: var(--mn-border);
            border-radius: 8px;
            height: auto;
            padding: 0.5rem;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}
/* Action Column Icons */
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .action-icon {
    color: var(--mn-muted);
            transition: color 0.2s;
}
body:has(.scp-accountreport-ledgerstatement-ledgerstatementdetails) .action-icon:hover {
    color: var(--mn-primary);
}


/* ─── accountreport\paymentsandreceipts\payments.blade.php [block 0] (scoped via .scp-accountreport-paymentsandreceipts-payments) ─── */
body:has(.scp-accountreport-paymentsandreceipts-payments) .form-control, body:has(.scp-accountreport-paymentsandreceipts-payments) .form-select {
    font-size: 12px !important;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-accountreport-paymentsandreceipts-payments) .no-print {
    display: none !important;
}
body:has(.scp-accountreport-paymentsandreceipts-payments) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── accountreport\profitloss\indexOld.blade.php [block 0] (scoped via .scp-accountreport-profitloss-indexold) ─── */
body:has(.scp-accountreport-profitloss-indexold) .center-container {
    justify-content: center;
            align-items: center;
}


/* ─── accountreport\trialbalance\index.blade.php [block 0] (scoped via .scp-accountreport-trialbalance-index) ─── */
/* ── Page / Card ──────────────────────────────────── */
body:has(.scp-accountreport-trialbalance-index) .tb-page {
    padding-bottom: 2rem;
}
body:has(.scp-accountreport-trialbalance-index) .tb-filter-card, body:has(.scp-accountreport-trialbalance-index) .tb-report-card {
    border: 1px solid #d6dfeb;
            box-shadow: 0 4px 20px rgba(28,58,92,.07);
            border-radius: 8px;
}
body:has(.scp-accountreport-trialbalance-index) .tb-filter-card .card-body {
    padding: 1rem 1.25rem;
}
body:has(.scp-accountreport-trialbalance-index) .tb-report-card .card-header {
    border-bottom: 1px solid #d9e2ef;
            background: #f4f7fc;
            padding: .9rem 1.25rem;
            border-radius: 8px 8px 0 0;
}
body:has(.scp-accountreport-trialbalance-index) .tb-label {
    font-size: 10.5px; font-weight: 700;
            letter-spacing: .05em; text-transform: uppercase;
            color: #56657a; margin-bottom: .3rem;
}
body:has(.scp-accountreport-trialbalance-index) .tb-input {
    border-color: #c8d4e3; background: #fbfcfe;
}
body:has(.scp-accountreport-trialbalance-index) .tb-input:focus {
    border-color: #5c8fd5; box-shadow: 0 0 0 .1rem rgba(92,143,213,.2);
}
body:has(.scp-accountreport-trialbalance-index) .tb-balance-alert {
    border-left: 4px solid #f1b900;
}
body:has(.scp-accountreport-trialbalance-index) .tb-icon {
    width:1rem; height:1rem; display:inline-block; vertical-align:-0.12em;
}
body:has(.scp-accountreport-trialbalance-index) .tb-icon-status {
    width:1.1rem; height:1.1rem;
}
/* ── Compact filter topbar ─────────────────────────── */
body:has(.scp-accountreport-trialbalance-index) .tb-topbar {
    background: #f8fafc; border: 1px solid #d6dfeb;
            border-radius: 8px; padding: .5rem .85rem;
}
body:has(.scp-accountreport-trialbalance-index) .tb-fc {
    min-width: 100px; flex: 0 0 auto;
}
body:has(.scp-accountreport-trialbalance-index) .tb-fc .tb-label {
    font-size: 9px; font-weight: 700; letter-spacing: .05em;
            text-transform: uppercase; color: #56657a; margin-bottom: 2px;
}
/* ── Compact meta bar ───────────────────────────────── */
body:has(.scp-accountreport-trialbalance-index) .tb-meta-bar {
    display: flex; gap: 2rem; align-items: center; flex-wrap: wrap;
            padding: .32rem .85rem; background: #f0f4fa;
            border: 1px solid #d6dfeb; border-radius: 6px;
            font-size: 11.5px; color: #2a3f5a;
}
body:has(.scp-accountreport-trialbalance-index) .tb-meta-lbl {
    font-size: 9px; font-weight: 700; text-transform: uppercase;
            letter-spacing: .04em; color: #7a8fa8; margin-right: 4px;
}
/* ── Scroll wrap ───────────────────────────────────── */
@media (max-width:991px) {
}
/* ── Table skeleton ────────────────────────────────── */
/* inner span/a carries the actual padding */
body:has(.scp-accountreport-trialbalance-index) .tb-num .tb-cell {
    text-align: right;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
            font-size: 11.5px;
}
body:has(.scp-accountreport-trialbalance-index) .tb-zero {
    color: #bfc9d8;
}
/* ── Major group (Assets / Liabilities / Equity …) ─── */
/* Thin gap before each major section */
/* ── Sub-group depth 1 (direct children of major) ──── */
/* ── Sub-group depth 2 ──────────────────────────────── */
/* ── Sub-group depth 3+ ─────────────────────────────── */
/* ── Ledger rows ─────────────────────────────────────── */
/* ── Sub-ledger rows ─────────────────────────────────── */
body:has(.scp-accountreport-trialbalance-index) .tb-sub-arrow {
    color: #8fa8c8; font-style: normal; margin-right: 3px; font-size: 10px;
}
/* ── Chevron toggle ──────────────────────────────────── */
body:has(.scp-accountreport-trialbalance-index) .tb-chev {
    display: inline-block; width: 13px; height: 13px;
            vertical-align: -0.12em; margin-right: 5px; opacity: .7;
            transition: transform .15s ease; flex-shrink: 0;
}
body:has(.scp-accountreport-trialbalance-index) .tb-collapsed .tb-chev {
    transform: rotate(-90deg);
}
body:has(.scp-accountreport-trialbalance-index) .tb-toggle-wrap {
    display: flex; align-items: center; cursor: pointer;
}
/* ── Total / Diff rows ───────────────────────────────── */
/* ─── announcement\index.blade.php [block 0] (scoped via .scp-announcement-index) ─── */
body:has(.scp-announcement-index) .mn-card {
    border: 0; border-radius: 1rem; box-shadow: 0 8px 30px rgba(15, 23, 42, .06);
}
body:has(.scp-announcement-index) .mn-toolbar-chip {
    border-radius: 999px;
}
body:has(.scp-announcement-index) .mn-date small {
    display:block; color: var(--bs-gray-600); font-weight: 500;
}
body:has(.scp-announcement-index) .announcement-hero {
    background: linear-gradient(135deg, #111827 0%, #26324a 48%, #ff6a00 100%);
                border-radius: 18px;
                color: #fff;
                padding: 22px 24px;
                overflow: hidden;
                position: relative;
}
body:has(.scp-announcement-index) .announcement-hero:after {
    content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.16) 45%, transparent 60%);
                transform: translateX(-100%);
                animation: announcementShine 5s ease-in-out infinite;
                pointer-events: none;
}
body:has(.scp-announcement-index) .announcement-hero > * {
    position: relative; z-index: 1;
}
body:has(.scp-announcement-index) .announcement-row-title {
    max-width: 460px;
}
body:has(.scp-announcement-index) .announcement-action-group .btn {
    width: 34px; height: 34px;
}
body:has(.scp-announcement-index) #announcement_modal .modal-body {
    max-height: calc(100vh - 230px); overflow-y: auto;
}
body:has(.scp-announcement-index) #announcement_show .modal-body {
    max-height: calc(100vh - 210px); overflow-y: auto;
}
body:has(.scp-announcement-index) #announcement_modal .modal-footer, body:has(.scp-announcement-index) #announcement_show .modal-footer {
    box-shadow: 0 -10px 22px rgba(15, 23, 42, .06);
}
body:has(.scp-announcement-index) .announcement-placement-group .list-group-item {
    border-color: var(--bs-border-color);
                cursor: pointer;
                transition: background .15s ease, border-color .15s ease;
}
body:has(.scp-announcement-index) .announcement-placement-group .list-group-item:has(input:checked) {
    background: var(--bs-primary-bg-subtle);
                border-color: var(--bs-primary);
}
@keyframes announcementShine {

                0%, 48% { transform: translateX(-100%); }
                78%, 100% { transform: translateX(100%); }
            
}
@media (prefers-reduced-motion: reduce) {
body:has(.scp-announcement-index) .announcement-hero:after {
    animation: none;
}

}


/* ─── appraisal\self\create.blade.php [block 0] (scoped via .scp-appraisal-self-create) ─── */
body:has(.scp-appraisal-self-create) :root {
    --a-bg:#f4f7fb;--a-card:#fff;--a-ink:#0f172a;--a-muted:#64748b;--a-line:#dbe4f0;--a-pri:#0f4c81;--a-soft:#dbeafe;--a-warn:#fff7ed;--a-shadow:0 18px 45px rgba(15,23,42,.08);--a-radius:20px
}
body:has(.scp-appraisal-self-create) .ap-page {
    background:radial-gradient(circle at top right,rgba(14,165,233,.1),transparent 28%),linear-gradient(180deg,#f9fbff 0%,var(--a-bg) 100%);border-radius:28px;padding:1.5rem
}
body:has(.scp-appraisal-self-create) .ap-hero {
    background:linear-gradient(135deg,#0f172a 0%,#0f4c81 45%,#0ea5e9 100%);color:#fff;border-radius:24px;padding:1.7rem;box-shadow:var(--a-shadow);position:relative;overflow:hidden
}
body:has(.scp-appraisal-self-create) .ap-hero:after {
    content:"";position:absolute;right:-60px;bottom:-100px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12)
}
body:has(.scp-appraisal-self-create) .ap-tag, body:has(.scp-appraisal-self-create) .ap-badge {
    display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;font-weight:700
}
body:has(.scp-appraisal-self-create) .ap-tag {
    padding:.45rem .8rem;background:rgba(255,255,255,.16);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase
}
body:has(.scp-appraisal-self-create) .ap-hero h2 {
    margin:1rem 0 .55rem;color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.03em
}
body:has(.scp-appraisal-self-create) .ap-hero p {
    margin:0;max-width:760px;color:rgba(255,255,255,.86)
}
body:has(.scp-appraisal-self-create) .ap-stats {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem
}
body:has(.scp-appraisal-self-create) .ap-stat {
    padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12)
}
body:has(.scp-appraisal-self-create) .ap-stat small {
    display:block;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem
}
body:has(.scp-appraisal-self-create) .ap-stat strong {
    display:block;color:#fff;font-size:1.5rem;line-height:1
}
body:has(.scp-appraisal-self-create) .ap-stat span {
    display:block;margin-top:.35rem;color:rgba(255,255,255,.78);font-size:.84rem
}
body:has(.scp-appraisal-self-create) .ap-card, body:has(.scp-appraisal-self-create) .ap-section {
    background:var(--a-card);border:1px solid rgba(148,163,184,.15);border-radius:var(--a-radius);box-shadow:var(--a-shadow);overflow:hidden
}
body:has(.scp-appraisal-self-create) .ap-card-h, body:has(.scp-appraisal-self-create) .ap-section-h {
    display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;border-bottom:1px solid var(--a-line)
}
body:has(.scp-appraisal-self-create) .ap-card-h h3, body:has(.scp-appraisal-self-create) .ap-section-h h3 {
    margin:0;color:var(--a-ink);font-size:1.06rem;font-weight:800
}
body:has(.scp-appraisal-self-create) .ap-card-h p {
    margin:.2rem 0 0;color:var(--a-muted);font-size:.9rem
}
body:has(.scp-appraisal-self-create) .ap-badge {
    padding:.45rem .8rem;background:var(--a-soft);color:var(--a-pri);font-size:.8rem
}
body:has(.scp-appraisal-self-create) .ap-card-b {
    padding:1.35rem
}
body:has(.scp-appraisal-self-create) .ap-grid {
    display:grid;grid-template-columns:1.2fr .9fr;gap:1.2rem
}
body:has(.scp-appraisal-self-create) .ap-fields {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem
}
body:has(.scp-appraisal-self-create) .ap-field {
    display:flex;flex-direction:column;gap:.45rem
}
body:has(.scp-appraisal-self-create) .ap-field label {
    margin:0;color:var(--a-ink);font-weight:700;font-size:.9rem
}
body:has(.scp-appraisal-self-create) .ap-field small {
    color:var(--a-muted);font-size:.8rem
}
body:has(.scp-appraisal-self-create) .ap-input, body:has(.scp-appraisal-self-create) .ap-select {
    min-height:44px
}
body:has(.scp-appraisal-self-create) .ap-side {
    height:100%;padding:1.1rem 1.15rem;border-radius:18px;background:linear-gradient(180deg,#fffdf7 0%,var(--a-warn) 100%);border:1px solid #fed7aa
}
body:has(.scp-appraisal-self-create) .ap-side h4 {
    margin:0 0 .65rem;color:#9a3412;font-size:1rem;font-weight:800
}
body:has(.scp-appraisal-self-create) .ap-rate {
    display:flex;gap:.75rem;align-items:flex-start;padding:.72rem .8rem;border-radius:14px;background:rgba(255,255,255,.82)
}
body:has(.scp-appraisal-self-create) .ap-rate+.ap-rate {
    margin-top:.55rem
}
body:has(.scp-appraisal-self-create) .ap-code {
    display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;border-radius:10px;background:#0f4c81;color:#fff;font-weight:800;font-size:.82rem
}
body:has(.scp-appraisal-self-create) .ap-copy {
    color:#7c2d12;font-size:.85rem;line-height:1.45
}
body:has(.scp-appraisal-self-create) .ap-section {
    margin-top:1.5rem
}
body:has(.scp-appraisal-self-create) .ap-section-h {
    background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%)
}
body:has(.scp-appraisal-self-create) .ap-section-b {
    padding:1rem 1.1rem 1.2rem
}
body:has(.scp-appraisal-self-create) .ap-wrap {
    overflow-x:auto;border:1px solid var(--a-line);border-radius:18px
}
body:has(.scp-appraisal-self-create) .ap-sign {
    display:flex;align-items:center;gap:.75rem;flex-wrap:wrap
}
body:has(.scp-appraisal-self-create) .ap-sign img {
    max-width:110px;min-height:42px;border-radius:12px;border:1px dashed var(--a-line);background:#fff
}
body:has(.scp-appraisal-self-create) .ap-actions {
    display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem;margin-top:1.5rem;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid var(--a-line);box-shadow:var(--a-shadow)
}
body:has(.scp-appraisal-self-create) .ap-actions p {
    margin:0;color:var(--a-muted);max-width:620px
}
body:has(.scp-appraisal-self-create) .ap-btns {
    display:flex;flex-wrap:wrap;gap:.75rem
}
body:has(.scp-appraisal-self-create) .ap-btn {
    border-radius:14px;padding:.85rem 1.15rem;font-weight:800
}
body:has(.scp-appraisal-self-create) .select2-container--default .select2-selection--single {
    min-height:44px;border-radius:14px!important;border:1px solid var(--a-line)!important;display:flex;align-items:center;padding:.35rem .3rem
}
body:has(.scp-appraisal-self-create) .select2-container .select2-selection__rendered {
    color:var(--a-ink)!important;line-height:1.6!important
}
body:has(.scp-appraisal-self-create) #template_data:empty {
    display:none
}
@media (max-width:1199.98px) {
body:has(.scp-appraisal-self-create) .ap-grid, body:has(.scp-appraisal-self-create) .ap-fields {
    grid-template-columns:1fr
}

}
@media (max-width:767.98px) {
body:has(.scp-appraisal-self-create) .ap-page {
    padding:1rem
}
body:has(.scp-appraisal-self-create) .ap-stats {
    grid-template-columns:1fr
}
body:has(.scp-appraisal-self-create) .ap-btns {
    width:100%
}
body:has(.scp-appraisal-self-create) .ap-btns .ap-btn, body:has(.scp-appraisal-self-create) .ap-btns a {
    width:100%
}

}


/* ─── appraisal\self\index.blade.php [block 0] (scoped via .scp-appraisal-self-index) ─── */
body:has(.scp-appraisal-self-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-appraisal-self-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-appraisal-self-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-appraisal-self-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-appraisal-self-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-appraisal-self-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-appraisal-self-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-appraisal-self-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-appraisal-self-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-appraisal-self-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-appraisal-self-index) .subtle {
    color:#64748b; font-size:.85rem;
}
/* Select look */
body:has(.scp-appraisal-self-index) .mn-select {
    border-radius: .85rem;
                font-size: .875rem;
                padding: .35rem .65rem;
}
body:has(.scp-appraisal-self-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .6rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
}
@media (max-width: 575.98px) {
body:has(.scp-appraisal-self-index) .mn-actions {
    width:100%;
}
body:has(.scp-appraisal-self-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── appraisal\self\excel\evaluation-table.blade.php [block 0] (scoped via .scp-appraisal-self-excel-evaluation-table) ─── */
/* ─── appraisal\self\excel\main-table.blade.php [block 0] (scoped via .scp-appraisal-self-excel-main-table) ─── */
/* ─── appraisal\staff\index.blade.php [block 0] (scoped via .scp-appraisal-staff-index) ─── */
body:has(.scp-appraisal-staff-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-appraisal-staff-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-appraisal-staff-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-appraisal-staff-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-appraisal-staff-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-appraisal-staff-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-appraisal-staff-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-appraisal-staff-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-appraisal-staff-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-appraisal-staff-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-appraisal-staff-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .6rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
}
body:has(.scp-appraisal-staff-index) .subtle {
    color:#64748b; font-size:.85rem;
}
body:has(.scp-appraisal-staff-index) .mn-select {
    border-radius: .85rem;
                font-size: .875rem;
                padding: .35rem .65rem;
                min-width: 160px;
}
@media (max-width: 575.98px) {
body:has(.scp-appraisal-staff-index) .mn-actions {
    width:100%;
}
body:has(.scp-appraisal-staff-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── asset\addstock.blade.php [block 0] (scoped via .scp-asset-addstock) ─── */
body:has(.scp-asset-addstock) .box {
    border-top: 0px solid #d2d6de !important;
}
body:has(.scp-asset-addstock) .bg-primary {
    color: #fff;
        background-color: #337ab7;
}
body:has(.scp-asset-addstock) input {
    width: 100%;
}
body:has(.scp-asset-addstock) .content {
    padding: 8px !important;
}
body:has(.scp-asset-addstock) label.form-label {
    padding-top: 0px !important;
}
body:has(.scp-asset-addstock) .cont {
    padding: 0px 8px 8px 8px !important;
}
body:has(.scp-asset-addstock) span.select2-selection.select2-selection--single {
    display: block;
        padding-left: 8px;
        padding-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 3px !important;
        height: 30px;
}
body:has(.scp-asset-addstock) input.form-control.datepicker.date-toggle-nep-eng {
    height: 30px;
}
body:has(.scp-asset-addstock) .frm-grp {
    padding-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 6px;
}
body:has(.scp-asset-addstock) label {
    font-weight: 500 !important;
        font-size: 13px;
}
/* scrollbar */
body:has(.scp-asset-addstock) ::-webkit-scrollbar {
    width: 3px;
        height: 9px;
}
body:has(.scp-asset-addstock) ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
body:has(.scp-asset-addstock) ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body:has(.scp-asset-addstock) ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}


/* ─── asset\stocklist.blade.php [block 0] (scoped via .scp-asset-stocklist) ─── */
body:has(.scp-asset-stocklist) .select2-container--default .select2-selection--single {
    background-color: #fff;
        height: 29px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 3px !important;
}
body:has(.scp-asset-stocklist) .filter {
    padding-left: 7px;
        margin-top: -8px;
}
body:has(.scp-asset-stocklist) label.form-label {
    display: none;
}
body:has(.scp-asset-stocklist) select#nep-eng-date-toogle {
    display: none;
}
body:has(.scp-asset-stocklist) .bg-purple {
    background-color: #3c8dbc !important;
}
body:has(.scp-asset-stocklist) .box-header {
    padding: 0px 0px 1px 6px !important;
}
body:has(.scp-asset-stocklist) label {
    font-weight: 600;
        font-size: 13px;
}
body:has(.scp-asset-stocklist) input.nep-date-toggle.form-control.andp-date-picker {
    height: 29px;
        font-size: 12px;
}
/* scrollbar */
body:has(.scp-asset-stocklist) ::-webkit-scrollbar {
    width: 3px;
    height: 9px;
}
body:has(.scp-asset-stocklist) ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
body:has(.scp-asset-stocklist) ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body:has(.scp-asset-stocklist) ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}
body:has(.scp-asset-stocklist) .box {
    border-top: 0px solid #d2d6de !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}


/* ─── asset-distribution\create.blade.php [block 0] (scoped via .scp-asset-distribution-create) ─── */
body:has(.scp-asset-distribution-create) .help-text {
    font-size: .85rem; color: #6c757d;
}
body:has(.scp-asset-distribution-create) .req:after {
    content:" *"; color: #dc3545; font-weight: 700;
}
body:has(.scp-asset-distribution-create) .select2-container {
    width: 100% !important;
}
body:has(.scp-asset-distribution-create) .select2-container .select2-selection--single {
    height: 42px;
                padding: 6px 12px;
                border: 1px solid #dee2e6;
                border-radius: 0.375rem;
}
body:has(.scp-asset-distribution-create) .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}
body:has(.scp-asset-distribution-create) .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
body:has(.scp-asset-distribution-create) .card-header-custom {
    background-color: #f8f9fa;
                border-bottom: 1px solid #dee2e6;
                padding: 1rem;
}
body:has(.scp-asset-distribution-create) .btn-icon {
    width: 38px;
                height: 38px;
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
}


/* ─── asset-maintenance\edit.blade.php [block 0] (scoped via .scp-asset-maintenance-edit) ─── */
/* TinyMCE card styles (kept) */
body:has(.scp-asset-maintenance-edit) .card .mce-card {
    border-left-color:#fff; border-right-color:#fff;
}
body:has(.scp-asset-maintenance-edit) .card .mce-toolbar, body:has(.scp-asset-maintenance-edit) .card .mce-statusbar {
    padding-left:20px;
}
body:has(.scp-asset-maintenance-edit) .card .mce-edit-area, body:has(.scp-asset-maintenance-edit) .card .mce-edit-area iframe, body:has(.scp-asset-maintenance-edit) .card .mce-edit-area iframe html {
    padding:0 10px; min-height:350px;
}
body:has(.scp-asset-maintenance-edit) .mce-content-body {
    color:#555; font-size:14px;
}
body:has(.scp-asset-maintenance-edit) .card.is-fullscreen .mce-statusbar {
    position:absolute; bottom:0; width:100%; z-index:200000;
}
body:has(.scp-asset-maintenance-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-asset-maintenance-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-asset-maintenance-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-asset-maintenance-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height:100%; position:absolute; width:99%;
                overflow-y:scroll; overflow-x:hidden; min-height:100%;
}
body:has(.scp-asset-maintenance-edit) .help-text {
    font-size: .85rem; color: #7e8299;
}
body:has(.scp-asset-maintenance-edit) .req:after {
    content:" *"; color:#f1416c; font-weight:700;
}


/* ─── asset-maintenance\index.blade.php [block 0] (scoped via .scp-asset-maintenance-index) ─── */
/* Metronic-friendly small refinements */
body:has(.scp-asset-maintenance-index) .mw-260px {
    min-width: 260px;
}
body:has(.scp-asset-maintenance-index) .btn-icon {
    width: 38px; height: 38px; padding: 0; display: inline-flex; align-items: center; justify-content: center;
}
/* Select2 compact (Metronic-like) */
body:has(.scp-asset-maintenance-index) .select2-container {
    min-width: 200px;
}
body:has(.scp-asset-maintenance-index) .select2-container--default .select2-selection--single {
    height: 36px; padding: 6px 10px; border: 1px solid #e1e3ea; border-radius: .475rem;
                font-size: .925rem;
}
body:has(.scp-asset-maintenance-index) .select2-selection__rendered {
    line-height: 22px !important;
}
body:has(.scp-asset-maintenance-index) .select2-selection__arrow {
    height: 34px !important;
}
/* Pills inactive */
body:has(.scp-asset-maintenance-index) .nav-pills .nav-link:not(.active) {
    background: #f1f1f2; color:#3f4254;
}
body:has(.scp-asset-maintenance-index) .nav-pills .nav-link:not(.active):hover {
    background:#e4e6ef;
}


/* ─── asset-maintenance\report-index.blade.php [block 0] (scoped via .scp-asset-maintenance-report-index) ─── */
body:has(.scp-asset-maintenance-report-index) :root {
    --ink:#0f172a;
      --muted:#64748b;
      --bd:#e5e7eb;
      --soft:#f8fafc;
      --accent:#2563eb;
      --success:#16a34a;
      --danger:#dc2626;
      --br:14px;
      --shadow:0 10px 28px rgba(2,8,20,.06);
}
/* Page header */
body:has(.scp-asset-maintenance-report-index) .content-header {
    margin-top:-35px; margin-bottom:20px;
}
body:has(.scp-asset-maintenance-report-index) .content-header h1 {
    font-weight:800; color:var(--ink); margin:0; display:flex; align-items:center; gap:.5rem;
}
body:has(.scp-asset-maintenance-report-index) .content-header small {
    color:var(--muted); font-weight:500;
}
/* Cards */
body:has(.scp-asset-maintenance-report-index) .card {
    background:#fff;
      border:1px solid var(--bd);
      border-radius:var(--br);
      box-shadow:var(--shadow);
      margin-bottom:16px;
}
body:has(.scp-asset-maintenance-report-index) .card-header {
    padding:14px 16px;
      border-bottom:1px solid var(--bd);
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
}
body:has(.scp-asset-maintenance-report-index) .card-title {
    margin:0;
      font-weight:800;
      color:var(--ink);
      display:flex;
      align-items:center;
      gap:.55rem;
}
body:has(.scp-asset-maintenance-report-index) .card-actions {
    display:flex; gap:8px; flex-wrap:wrap;
}
body:has(.scp-asset-maintenance-report-index) .card-body {
    padding:16px;
}
/* Toolbar (filters) */
body:has(.scp-asset-maintenance-report-index) .toolbar {
    display:flex;
      flex-wrap:wrap;
      gap:12px;
      align-items:flex-end;
}
body:has(.scp-asset-maintenance-report-index) .toolbar .fg {
    min-width:200px;
}
body:has(.scp-asset-maintenance-report-index) .toolbar label {
    display:block;
      margin:0 0 4px;
      font-weight:700;
      color:#374151;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.02em;
}
body:has(.scp-asset-maintenance-report-index) .btn-row {
    display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
/* Inputs + Select2 sizing */
body:has(.scp-asset-maintenance-report-index) .form-control {
    border:1px solid var(--bd)!important;
      border-radius:10px!important;
      height:34px;
      box-shadow:none!important;
}
body:has(.scp-asset-maintenance-report-index) .form-control:focus {
    border-color:var(--accent)!important;
      box-shadow:0 0 0 .12rem rgba(37,99,235,.15)!important;
}
body:has(.scp-asset-maintenance-report-index) .select2-container {
    width:100%!important;
}
body:has(.scp-asset-maintenance-report-index) .select2-container--default .select2-selection--single {
    border:1px solid var(--bd)!important;
      border-radius:10px!important;
      height:34px!important;
}
body:has(.scp-asset-maintenance-report-index) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:32px!important;
      padding-left:.6rem!important;
      color:#111827;
}
body:has(.scp-asset-maintenance-report-index) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:32px!important;
      right:6px;
}
body:has(.scp-asset-maintenance-report-index) .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background:var(--accent);
}
/* Buttons */
body:has(.scp-asset-maintenance-report-index) .btn-accent {
    background:var(--accent);
      border-color:var(--accent);
      color:#fff;
      border-radius:10px;
}
body:has(.scp-asset-maintenance-report-index) .btn-accent:hover {
    filter:brightness(.95); color:#fff;
}
body:has(.scp-asset-maintenance-report-index) .btn-soft {
    background:var(--soft);
      border:1px solid var(--bd);
      color:#111827;
      border-radius:10px;
}
/* Table */
/* Badges / pills */
body:has(.scp-asset-maintenance-report-index) .pill {
    display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.25rem .55rem;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      line-height:1.2;
      border:1px solid transparent;
      white-space:nowrap;
}
body:has(.scp-asset-maintenance-report-index) .pill-soft {
    background:#f1f5f9; color:#0f172a; border-color:#e2e8f0;
}
body:has(.scp-asset-maintenance-report-index) .pill-success {
    background:#ecfdf5; color:#065f46; border-color:#a7f3d0;
}
body:has(.scp-asset-maintenance-report-index) .pill-progress {
    background:#eef2ff; color:#3730a3; border-color:#c7d2fe;
}
body:has(.scp-asset-maintenance-report-index) .pill-danger {
    background:#fef2f2; color:#991b1b; border-color:#fecaca;
}
body:has(.scp-asset-maintenance-report-index) .subtext {
    font-size:13px; color:var(--muted); margin-top:2px;
}
body:has(.scp-asset-maintenance-report-index) .nowrap {
    white-space:nowrap;
}


/* ─── attendance\index.blade.php [block 0] (scoped via .scp-attendance-index) ─── */
body:has(.scp-attendance-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-attendance-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-attendance-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-attendance-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-attendance-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-attendance-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-attendance-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-attendance-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-attendance-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-attendance-index) .form-label.mn-label {
    font-size: .72rem;
                text-transform: uppercase;
                letter-spacing: .06em;
                color:#475569;
                font-weight: 700;
                margin-bottom: .35rem;
}
/* Report table polish */
body:has(.scp-attendance-index) .std_p {
    font-size: 12px;
}
/* Compact badge */
body:has(.scp-attendance-index) .mn-badge {
    border-radius: .75rem;
                padding: .25rem .45rem;
                font-weight: 800;
                font-size: 11px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 28px;
}
/* Holiday badge (replaces inline style) */
body:has(.scp-attendance-index) .mn-holiday {
    background: linear-gradient(45deg, #9eda4f, #474747);
                color: #fff;
                font-weight: 800;
}
/* Keep nepali date toggle compact */
body:has(.scp-attendance-index) .erp5nepalidate select {
    font-size: 12px;
}
@media (max-width: 575.98px) {
body:has(.scp-attendance-index) .mn-actions {
    width:100%;
}
body:has(.scp-attendance-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── attendance\userWeekend\index.blade.php [block 0] (scoped via .scp-attendance-userweekend-index) ─── */
/* Select2 — match BS5 form-select-sm height */
body:has(.scp-attendance-userweekend-index) .select2-container .select2-selection--single {
    height: 31px;
}
body:has(.scp-attendance-userweekend-index) .select2-container--bootstrap .select2-selection {
    display: flex; align-items: center; min-height: 31px;
      border-radius: .375rem; padding-inline: .25rem; box-shadow: none;
}
body:has(.scp-attendance-userweekend-index) .select2-container--bootstrap .select2-selection__rendered {
    line-height: 29px; padding-left: .5rem;
}
body:has(.scp-attendance-userweekend-index) .select2-container--bootstrap .select2-selection__arrow {
    height: 29px; right: .4rem;
}
/* DataTables resets borders — restore Bootstrap defaults */
/* ─── audit\index.blade.php [block 0] (scoped via .scp-audit-index) ─── */
body:has(.scp-audit-index) .audit-msg {
    max-width: 560px;
}
body:has(.scp-audit-index) .audit-msg .text-truncate {
    max-width: 560px;
}
/* Select2 sizing to match form-select-sm */
body:has(.scp-audit-index) #filter-form .select2-container .select2-selection--single {
    height: calc(1.5em + .5rem + 2px);
            font-size: .875rem;
            border-color: var(--bs-border-color);
            border-radius: var(--bs-border-radius);
            display: flex;
            align-items: center;
}
body:has(.scp-audit-index) #filter-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
            padding-left: .5rem;
            color: var(--bs-body-color);
}
body:has(.scp-audit-index) #filter-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}
body:has(.scp-audit-index) #filter-form .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-audit-index) #filter-form .select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(var(--bs-primary-rgb), .45);
            box-shadow: 0 0 0 0.18rem rgba(var(--bs-primary-rgb), .12);
}
body:has(.scp-audit-index) #filter-form .select2-container {
    width: 100% !important;
}
body:has(.scp-audit-index) .select2-dropdown {
    z-index: 2100;
}


/* ─── bank\create.blade.php [block 0] (scoped via .scp-bank-create) ─── */
body:has(.scp-bank-create) select {
    width:200px !important;
}
body:has(.scp-bank-create) label {
    font-weight: 600 !important;
}
body:has(.scp-bank-create) .intl-tel-input {
    width: 100%;
}
body:has(.scp-bank-create) .intl-tel-input .iti-flag .arrow {
    border: none;
}
body:has(.scp-bank-create) .selecticons {
    margin-left: 10px !important;
}


/* ─── bank\edit.blade.php [block 0] (scoped via .scp-bank-edit) ─── */
body:has(.scp-bank-edit) select {
    width:200px !important;
}
body:has(.scp-bank-edit) label {
    font-weight: 600 !important;
}
body:has(.scp-bank-edit) .intl-tel-input {
    width: 100%;
}
body:has(.scp-bank-edit) .intl-tel-input .iti-flag .arrow {
    border: none;
}
body:has(.scp-bank-edit) .selecticons {
    margin-left: 10px !important;
}


/* ─── bank\show.blade.php [block 0] (scoped via .scp-bank-show) ─── */
body:has(.scp-bank-show) select {
    width: 200px !important;
}
body:has(.scp-bank-show) label {
    font-weight: 600 !important;
}
body:has(.scp-bank-show) .intl-tel-input {
    width: 100%;
}
body:has(.scp-bank-show) .intl-tel-input .iti-flag .arrow {
    border: none;
}
body:has(.scp-bank-show) .selecticons {
    margin-left: 10px !important;
}
body:has(.scp-bank-show) .andp-header select {
    padding: 0px !important;
}


/* ─── bank-cash-voucher\create.blade.php [block 0] (scoped via .scp-bank-cash-voucher-create) ─── */
body:has(.scp-bank-cash-voucher-create) :root {
    --primary: #3b82f6;
            --primary-light: #60a5fa;
            --primary-dark: #2563eb;
            --success: #22c55e;
            --danger: #ef4444;
            --warning: #f59e0b;
            --gray-50: #fafafa;
            --gray-100: #f5f5f5;
            --gray-200: #e5e5e5;
            --gray-300: #d4d4d4;
            --gray-400: #a3a3a3;
            --gray-500: #737373;
            --gray-600: #525252;
            --gray-700: #404040;
            --gray-800: #262626;
            --gray-900: #171717;
            --border-radius: 6px;
}
body:has(.scp-bank-cash-voucher-create) {
    background: #fafafa;
            font-size: 13px;
}
body:has(.scp-bank-cash-voucher-create) .compact-container {
    max-width: 1400px;
            margin: 0 auto;
            padding: 1rem;
}
body:has(.scp-bank-cash-voucher-create) .compact-card {
    background: white;
            border-radius: var(--border-radius);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            border: 1px solid var(--gray-200);
}
body:has(.scp-bank-cash-voucher-create) .compact-header {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
            border-bottom: none;
            padding: 1.25rem 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
body:has(.scp-bank-cash-voucher-create) .compact-header h1 {
    font-size: 1.25rem;
            font-weight: 700;
            margin: 0;
            color: white;
            display: flex;
            align-items: center;
            gap: 0.5rem;
}
body:has(.scp-bank-cash-voucher-create) .compact-header h1 i {
    color: rgba(255, 255, 255, 0.9);
            font-size: 1.5rem;
}
body:has(.scp-bank-cash-voucher-create) .voucher-type-strip {
    display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            gap: 0.25rem;
            padding: 0.4rem 1.5rem;
            background: #f8fafc;
            border-bottom: 1px solid var(--gray-200);
            scrollbar-width: none;
}
body:has(.scp-bank-cash-voucher-create) .voucher-type-strip::-webkit-scrollbar {
    display: none;
}
body:has(.scp-bank-cash-voucher-create) .vtype-btn {
    display: inline-flex;
            align-items: center;
            gap: 0.2rem;
            padding: 0.2rem 0.5rem;
            border-radius: 999px;
            border: 1px solid var(--gray-300);
            background: #fff;
            color: var(--gray-600);
            cursor: pointer;
            font-weight: 600;
            font-size: 0.68rem;
            text-decoration: none;
            transition: all 0.15s;
            white-space: nowrap;
            flex-shrink: 0;
}
body:has(.scp-bank-cash-voucher-create) .vtype-btn:hover {
    border-color: #93c5fd;
            background: #eff6ff;
            color: #1d4ed8;
}
body:has(.scp-bank-cash-voucher-create) .vtype-btn.active {
    background: #1e40af;
            border-color: #1e40af;
            color: #fff;
            box-shadow: 0 2px 4px rgba(30,64,175,.2);
}
body:has(.scp-bank-cash-voucher-create) .vtype-btn i {
    font-size: 0.72rem;
}
body:has(.scp-bank-cash-voucher-create) .compact-body {
    padding: 1.5rem;
}
body:has(.scp-bank-cash-voucher-create) .section-compact {
    margin-bottom: 1.5rem;
}
body:has(.scp-bank-cash-voucher-create) .section-header {
    font-size: 0.813rem;
            font-weight: 700;
            color: var(--gray-700);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 0.75rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid var(--gray-200);
            display: flex;
            align-items: center;
            gap: 0.375rem;
}
body:has(.scp-bank-cash-voucher-create) .section-header i {
    color: var(--primary);
            font-size: 0.875rem;
}
body:has(.scp-bank-cash-voucher-create) .grid-compact {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
}
body:has(.scp-bank-cash-voucher-create) .field-compact {
    display: flex;
            flex-direction: column;
            gap: 0.375rem;
}
body:has(.scp-bank-cash-voucher-create) .field-compact label {
    font-size: 0.75rem;
            font-weight: 600;
            color: var(--gray-700);
            display: flex;
            align-items: center;
            gap: 0.25rem;
}
body:has(.scp-bank-cash-voucher-create) .field-compact label.required:after {
    content: "*";
            color: var(--danger);
            margin-left: 0.125rem;
}
body:has(.scp-bank-cash-voucher-create) .input-compact, body:has(.scp-bank-cash-voucher-create) .select-compact {
    padding: 0.5rem 0.75rem;
            border: 1px solid var(--gray-300);
            border-radius: 4px;
            font-size: 0.813rem;
            transition: all 0.15s;
            background: white;
            width: 100%;
}
body:has(.scp-bank-cash-voucher-create) .input-compact:focus, body:has(.scp-bank-cash-voucher-create) .select-compact:focus {
    outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
body:has(.scp-bank-cash-voucher-create) .input-compact:disabled {
    background: var(--gray-50);
            color: var(--gray-500);
}
body:has(.scp-bank-cash-voucher-create) .input-group-compact {
    display: flex;
            gap: 0.375rem;
}
body:has(.scp-bank-cash-voucher-create) .input-group-compact .input-compact, body:has(.scp-bank-cash-voucher-create) .input-group-compact .select-compact {
    flex: 1;
}
body:has(.scp-bank-cash-voucher-create) .btn-compact {
    padding: 0.5rem 0.875rem;
            border-radius: 4px;
            font-weight: 600;
            font-size: 0.75rem;
            border: none;
            cursor: pointer;
            transition: all 0.15s;
            display: inline-flex;
            align-items: center;
            gap: 0.375rem;
            white-space: nowrap;
}
body:has(.scp-bank-cash-voucher-create) .btn-primary {
    background: var(--primary);
            color: white;
}
body:has(.scp-bank-cash-voucher-create) .btn-primary:hover {
    background: var(--primary-dark);
}
body:has(.scp-bank-cash-voucher-create) .btn-outline {
    background: white;
            color: var(--gray-700);
            border: 1px solid var(--gray-300);
}
body:has(.scp-bank-cash-voucher-create) .btn-outline:hover {
    background: var(--gray-50);
            border-color: var(--gray-400);
}
body:has(.scp-bank-cash-voucher-create) .btn-icon-sm {
    width: 2rem;
            height: 2rem;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
}
body:has(.scp-bank-cash-voucher-create) .total-row {
    background: var(--gray-100) !important;
            font-weight: 700;
}
body:has(.scp-bank-cash-voucher-create) .diff-row {
    background: var(--gray-50) !important;
            font-weight: 600;
}
body:has(.scp-bank-cash-voucher-create) .balance-tag {
    font-size: 0.688rem;
            font-weight: 600;
            padding: 0.125rem 0.375rem;
            border-radius: 3px;
            display: inline-block;
}
body:has(.scp-bank-cash-voucher-create) .balance-tag.dr {
    background: #dcfce7;
            color: #16a34a;
}
body:has(.scp-bank-cash-voucher-create) .balance-tag.cr {
    background: #fee2e2;
            color: #dc2626;
}
body:has(.scp-bank-cash-voucher-create) .actions-compact {
    display: flex;
            gap: 0.5rem;
            justify-content: flex-end;
            padding-top: 1rem;
            border-top: 1px solid var(--gray-200);
            margin-top: 1rem;
}
body:has(.scp-bank-cash-voucher-create) .empty-compact {
    text-align: center;
            padding: 2rem 1rem;
            color: var(--gray-400);
}
body:has(.scp-bank-cash-voucher-create) .empty-compact i {
    font-size: 2rem;
            margin-bottom: 0.5rem;
            opacity: 0.5;
}
body:has(.scp-bank-cash-voucher-create) .empty-compact p {
    margin: 0.25rem 0;
            font-size: 0.813rem;
}
body:has(.scp-bank-cash-voucher-create) .empty-compact small {
    font-size: 0.688rem;
}
body:has(.scp-bank-cash-voucher-create) .info-icon-sm {
    width: 0.875rem;
            height: 0.875rem;
            background: var(--gray-200);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.625rem;
            cursor: help;
            color: var(--gray-600);
}
body:has(.scp-bank-cash-voucher-create) .select2-container--default .select2-selection--single {
    border: 1px solid var(--gray-300) !important;
            border-radius: 4px !important;
            height: 32px !important;
            padding: 0.25rem 0.5rem !important;
}
body:has(.scp-bank-cash-voucher-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important;
            font-size: 0.813rem !important;
}
body:has(.scp-bank-cash-voucher-create) .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--primary) !important;
}
body:has(.scp-bank-cash-voucher-create) textarea.input-compact {
    resize: vertical;
            min-height: 60px;
}
body:has(.scp-bank-cash-voucher-create) .deleterow {
    cursor: pointer;
            color: var(--danger);
            transition: all 0.15s;
            font-size: 0.875rem;
}
body:has(.scp-bank-cash-voucher-create) .deleterow:hover {
    color: #dc2626;
            transform: scale(1.15);
}
body:has(.scp-bank-cash-voucher-create) .recalculate {
    cursor: pointer;
            color: var(--primary);
            transition: all 0.15s;
            font-size: 0.875rem;
}
body:has(.scp-bank-cash-voucher-create) .recalculate:hover {
    color: var(--primary-dark);
            transform: rotate(180deg);
}
@media (max-width: 768px) {
body:has(.scp-bank-cash-voucher-create) .grid-compact {
    grid-template-columns: 1fr;
}
body:has(.scp-bank-cash-voucher-create) .compact-header {
    gap: 0;
}
body:has(.scp-bank-cash-voucher-create) .actions-compact {
    flex-direction: column;
}
body:has(.scp-bank-cash-voucher-create) .btn-compact {
    width: 100%; justify-content: center;
}

}
body:has(.scp-bank-cash-voucher-create) .ledger-td .select2-container--default {
    width: 100% !important;
}
body:has(.scp-bank-cash-voucher-create) .text-muted {
    color: var(--gray-500);
            font-size: 0.688rem;
}
body:has(.scp-bank-cash-voucher-create) .highlight-match {
    background: #fef3c7 !important;
}
body:has(.scp-bank-cash-voucher-create) .highlight-diff {
    background: #fee2e2 !important;
}


/* ─── bank-cash-voucher\edit.blade.php [block 2] (scoped via .scp-bank-cash-voucher-edit) ─── */
body:has(.scp-bank-cash-voucher-edit) option:disabled {
    color: black !important;
                    font-weight: bold;
}
body:has(.scp-bank-cash-voucher-edit) .deleterow, body:has(.scp-bank-cash-voucher-edit) .recalculate {
    cursor: pointer;
}
body:has(.scp-bank-cash-voucher-edit) .ledger-td .select2-container--default {
    width: 220px !important;
}
body:has(.scp-bank-cash-voucher-edit) .form-control[disabled], body:has(.scp-bank-cash-voucher-edit) .form-control[readonly], body:has(.scp-bank-cash-voucher-edit) fieldset[disabled] .form-control {
    background-color: transparent !important;
                    opacity: 1;
}
body:has(.scp-bank-cash-voucher-edit) .input-sm {
    border-radius: 6px !important;
                    box-shadow: none;
                    border-color: #d2d6de;
                    height: 33px !important;
}
body:has(.scp-bank-cash-voucher-edit) .input-group .form-control {
    position: absolute !important;
}
body:has(.scp-bank-cash-voucher-edit) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-bank-cash-voucher-edit) .select2-container .select2-selection--single {
    height: 33px !important;
}
body:has(.scp-bank-cash-voucher-edit) .form-control {
    border-radius: 6px !important;
}
body:has(.scp-bank-cash-voucher-edit) .select2-container--default .select2-selection--single {
    background-color: #fff;
                    border: 1px solid #d2d6de !important;
                    border-radius: 6px;
}
body:has(.scp-bank-cash-voucher-edit) .btn-secondary {
    background-color: transparent !important;
                    color: #444;
                    border-color: transparent !important;
}
body:has(.scp-bank-cash-voucher-edit) .bg-success {
    background-color: #f3f2f7 !important;
                    border-top: 2px solid #ebe9f1 !important;
}
body:has(.scp-bank-cash-voucher-edit) .box {
    border-radius: 15px;
                    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
}
body:has(.scp-bank-cash-voucher-edit) .box {
    border-top: none !important;
}
body:has(.scp-bank-cash-voucher-edit) .box-header {
    padding-left: 12px !important;
}
body:has(.scp-bank-cash-voucher-edit) .card-body {
    padding: 0px;
}


/* ─── bank-cash-voucher\edit.blade.php [block 1] (scoped via .scp-bank-cash-voucher-edit) ─── */
body:has(.scp-bank-cash-voucher-edit) input[type="text"], body:has(.scp-bank-cash-voucher-edit) input[type="number"], body:has(.scp-bank-cash-voucher-edit) legend, body:has(.scp-bank-cash-voucher-edit) select, body:has(.scp-bank-cash-voucher-edit) textarea {
    -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            background-color: transparent !important;
            border: 1px solid silver !important;
            padding: 4px !important;
            margin: 4px !important;
            box-sizing: border-box !important;
            font-size: 12px !important;
            font-weight: normal !important;
}


/* ─── bank-cash-voucher\edit.blade.php [block 0] (scoped via .scp-bank-cash-voucher-edit) ─── */
body:has(.scp-bank-cash-voucher-edit) .ledger-td .select2-container--default {
    width: 100% !important;
}


/* ─── bank-cash-voucher\index.blade.php [block 0] (scoped via .scp-bank-cash-voucher-index) ─── */
body:has(.scp-bank-cash-voucher-index) :root {
    --radius: 14px;
      --shadow: 0 4px 20px rgba(16,24,40,.07);
      --border: #eef2f7;
}
body:has(.scp-bank-cash-voucher-index) .toolbar-modern {
    background: #fff;
      border-bottom: 1px solid var(--border);
      padding: .6rem 1rem;
      box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
body:has(.scp-bank-cash-voucher-index) .cell-primary {
    font-size: .85rem; font-weight: 600; color: #0f172a;
}
body:has(.scp-bank-cash-voucher-index) .cell-secondary {
    font-size: .72rem; color: #94a3b8; margin-top: 1px;
}
body:has(.scp-bank-cash-voucher-index) .voucher-link {
    text-decoration: none;
      color: #2563eb;
}
body:has(.scp-bank-cash-voucher-index) .voucher-link:hover {
    text-decoration: underline;
}
body:has(.scp-bank-cash-voucher-index) .note-cell {
    max-width: 28ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: .78rem;
      color: #64748b;
}
body:has(.scp-bank-cash-voucher-index) .amount-cell {
    text-align: right; white-space: nowrap;
}
body:has(.scp-bank-cash-voucher-index) .amount-main {
    font-size: .88rem; font-weight: 700; color: #0f172a;
}
body:has(.scp-bank-cash-voucher-index) .amount-sub {
    font-size: .70rem; color: #94a3b8;
}
body:has(.scp-bank-cash-voucher-index) .btn-outline-light {
    border-color: #dbe3ee !important;
      color: #0f172a !important;
      background: #fff !important;
}
body:has(.scp-bank-cash-voucher-index) .btn-outline-light:hover {
    background: #f8fafc !important;
}


/* ─── billofmaterials\create.blade.php [block 0] (scoped via .scp-billofmaterials-create) ─── */
body:has(.scp-billofmaterials-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-billofmaterials-create) .card .mce-toolbar, body:has(.scp-billofmaterials-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-billofmaterials-create) .card .mce-edit-area, body:has(.scp-billofmaterials-create) .card .mce-edit-area iframe, body:has(.scp-billofmaterials-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-billofmaterials-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-billofmaterials-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-billofmaterials-create) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-billofmaterials-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-billofmaterials-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-billofmaterials-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}


/* ─── billofmaterials\edit.blade.php [block 0] (scoped via .scp-billofmaterials-edit) ─── */
body:has(.scp-billofmaterials-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-billofmaterials-edit) .card .mce-toolbar, body:has(.scp-billofmaterials-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-billofmaterials-edit) .card .mce-edit-area, body:has(.scp-billofmaterials-edit) .card .mce-edit-area iframe, body:has(.scp-billofmaterials-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-billofmaterials-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-billofmaterials-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-billofmaterials-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-billofmaterials-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-billofmaterials-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-billofmaterials-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}


/* ─── BioMetric\edit_device.blade.php [block 0] (scoped via .scp-biometric-edit-device) ─── */
body:has(.scp-biometric-edit-device) select {
    width:200px !important;
}
body:has(.scp-biometric-edit-device) label {
    font-weight: 600 !important;
}
body:has(.scp-biometric-edit-device) .intl-tel-input {
    width: 100%;
}
body:has(.scp-biometric-edit-device) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── BioMetric\ImportDeviceForms.blade.php [block 0] (scoped via .scp-biometric-importdeviceforms) ─── */
body:has(.scp-biometric-importdeviceforms) select {
    width:200px !important;
}
body:has(.scp-biometric-importdeviceforms) label {
    font-weight: 600 !important;
}
body:has(.scp-biometric-importdeviceforms) .intl-tel-input {
    width: 100%;
}
body:has(.scp-biometric-importdeviceforms) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── birthdayMessage\index.blade.php [block 0] (scoped via .scp-birthdaymessage-index) ─── */
body:has(.scp-birthdaymessage-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#fff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-birthdaymessage-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(99,102,241,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-birthdaymessage-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(99,102,241,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-birthdaymessage-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-birthdaymessage-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-birthdaymessage-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-birthdaymessage-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
}
body:has(.scp-birthdaymessage-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-birthdaymessage-index) .mn-iconbtn {
    border-radius: .85rem;
}
/* Clamp long html message previews */
body:has(.scp-birthdaymessage-index) .mn-msg {
    max-width: 680px;
}
body:has(.scp-birthdaymessage-index) .mn-msg .preview {
    display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
}


/* ─── brand\index.blade.php [block 0] (scoped via .scp-brand-index) ─── */
body:has(.scp-brand-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-brand-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-brand-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-brand-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-brand-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-brand-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-brand-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-brand-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-brand-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-brand-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-brand-index) .subtle {
    color:#64748b; font-size:.85rem;
}
body:has(.scp-brand-index) .mn-thumb {
    width: 88px;
                height: 60px;
                border-radius: .85rem;
                border: 1px solid var(--mn-border);
                background: #fff;
                overflow: hidden;
                display: inline-flex;
                align-items: center;
                justify-content: center;
}
body:has(.scp-brand-index) .mn-thumb img {
    width:100%; height:100%; object-fit: cover; display:block;
}
@media (max-width: 575.98px) {
body:has(.scp-brand-index) .mn-actions {
    width:100%;
}
body:has(.scp-brand-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── budget\lines\index.blade.php [block 0] (scoped via .scp-budget-lines-index) ─── */
body:has(.scp-budget-lines-index) .page-title {
    letter-spacing:.2px
}
body:has(.scp-budget-lines-index) .kpi-card {
    border:0; border-radius:1rem
}
body:has(.scp-budget-lines-index) .kpi-card .icon {
    font-size:1.25rem; opacity:.7
}
body:has(.scp-budget-lines-index) .offcanvas-header {
    border-bottom: 1px solid rgba(0,0,0,.05);
}
body:has(.scp-budget-lines-index) .offcanvas-footer {
    border-top: 1px solid rgba(0,0,0,.05);
}
body:has(.scp-budget-lines-index) .select2-container .select2-selection--single {
    height: 38px
}
body:has(.scp-budget-lines-index) .select2-selection__rendered {
    line-height: 38px !important;
}
body:has(.scp-budget-lines-index) .select2-selection__arrow {
    height: 38px !important;
}
body:has(.scp-budget-lines-index) .toast-container {
    z-index: 1080;
}
/* ⬇️ Wider drawer */
body:has(.scp-budget-lines-index) #offcanvasLine {
    --bs-offcanvas-width: 700px;   /* adjust as you like: 600, 700, 800… */
            max-width: 700px;
}
@media (max-width: 991.98px) {
body:has(.scp-budget-lines-index) .months-grid {
    grid-template-columns: repeat(3, 1fr); gap:.5rem;
}

}
@media (min-width: 992px) {
body:has(.scp-budget-lines-index) .months-grid {
    display:grid; grid-template-columns: repeat(6, 1fr); gap:.75rem;
}

}


/* ─── campaigns\bulk-mail.blade.php [block 0] (scoped via .scp-campaigns-bulk-mail) ─── */
body:has(.scp-campaigns-bulk-mail) select {
    width:200px !important;
}


/* ─── cashinout\bankcashbook.blade.php [block 0] (scoped via .scp-cashinout-bankcashbook) ─── */
body:has(.scp-cashinout-bankcashbook) .daybook-filter-row {
    display: flex;
            align-items: flex-end;
            gap: 8px;
            flex-wrap: nowrap;
            overflow-x: auto;
}
body:has(.scp-cashinout-bankcashbook) .daybook-filter-field {
    flex: 1 1 0;
            min-width: 0;
}
body:has(.scp-cashinout-bankcashbook) .daybook-filter-actions {
    display: flex;
            align-items: flex-end;
            gap: 6px;
            flex: 0 0 auto;
            white-space: nowrap;
}
body:has(.scp-cashinout-bankcashbook) .badge-receipt {
    background-color: #e6f4ea; color: #1a7f37; border: 1px solid #b7dfbf;
}
body:has(.scp-cashinout-bankcashbook) .badge-payment {
    background-color: #fdecea; color: #b71c1c; border: 1px solid #f5c6c6;
}
body:has(.scp-cashinout-bankcashbook) .badge-contra {
    background-color: #e8f0fe; color: #1a56db; border: 1px solid #bcd0f7;
}
body:has(.scp-cashinout-bankcashbook) .amount-receipt {
    color: #1a7f37; font-weight: 600;
}
body:has(.scp-cashinout-bankcashbook) .amount-payment {
    color: #b71c1c; font-weight: 600;
}
body:has(.scp-cashinout-bankcashbook) .amount-contra {
    color: #1a56db; font-weight: 600;
}
body:has(.scp-cashinout-bankcashbook) .summary-card .card {
    border: none; border-radius: 10px;
}
/* ─── cashinout\daybook.blade.php [block 0] (scoped via .scp-cashinout-daybook) ─── */
body:has(.scp-cashinout-daybook) .db-filter-row {
    display:flex; align-items:flex-end; gap:8px; flex-wrap:nowrap; overflow-x:auto;
}
body:has(.scp-cashinout-daybook) .db-filter-field {
    flex:1 1 0; min-width:0;
}
body:has(.scp-cashinout-daybook) .db-filter-actions {
    display:flex; align-items:flex-end; gap:6px; flex:0 0 auto; white-space:nowrap;
}
body:has(.scp-cashinout-daybook) .particulars-dr {
    font-weight:600; color:#0f172a;
}
body:has(.scp-cashinout-daybook) .particulars-cr {
    padding-left:18px; color:#475569; font-style:italic;
}
body:has(.scp-cashinout-daybook) .summary-card .card {
    border:none; border-radius:10px;
}
body:has(.scp-cashinout-daybook) .type-chip {
    display:inline-block; padding:2px 7px; border-radius:20px; font-size:0.7rem; font-weight:700; letter-spacing:.03em;
}


/* ─── chalani\create.blade.php [block 0] (scoped via .scp-chalani-create) ─── */
body:has(.scp-chalani-create) .input-sm {
    height: 32px;
            padding-left: 8px;
            padding-top: 5px;
            font-size: 12px;
            color: #B5B5C3;
            font-weight: 400;
}
body:has(.scp-chalani-create) .card {
    border: 0;
            margin-top: 16px;
            box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-chalani-create) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-chalani-create) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── chalani\edit.blade.php [block 0] (scoped via .scp-chalani-edit) ─── */
body:has(.scp-chalani-edit) .input-sm {
    height: 32px;
        padding-left: 8px;
        padding-top: 5px;
        font-size: 12px;
        color: #B5B5C3;
        font-weight: 400;
}
body:has(.scp-chalani-edit) .card {
    border: 0;
        margin-top: 16px;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-chalani-edit) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-chalani-edit) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── cheque-register\index.blade.php [block 0] (scoped via .scp-cheque-register-index) ─── */
body:has(.scp-cheque-register-index) .attachment-thumb {
    max-width: 52px;
            max-height: 40px;
            border-radius: 4px;
            border: 1px solid #e9ecef;
}


/* ─── clients\balance-confirmation-page.blade.php [block 0] (scoped via .scp-clients-balance-confirmation-page) ─── */
body:has(.scp-clients-balance-confirmation-page) {
    margin:0;padding:0;background:#fff;font-family:Arial,sans-serif;font-size:12px;color:#111;line-height:1.6
}
body:has(.scp-clients-balance-confirmation-page) .letter-paper {
    max-width:21cm;margin:0 auto;padding:1.4cm 1.8cm;font-family:Arial,sans-serif;font-size:12px;color:#111;line-height:1.6
}
body:has(.scp-clients-balance-confirmation-page) .date-line {
    text-align:right;margin-bottom:18px
}
body:has(.scp-clients-balance-confirmation-page) .parties {
    display:table;width:100%;margin-bottom:22px
}
body:has(.scp-clients-balance-confirmation-page) .party {
    display:table-cell;width:50%;vertical-align:top
}
body:has(.scp-clients-balance-confirmation-page) .party-name {
    font-weight:bold;font-size:13px
}
body:has(.scp-clients-balance-confirmation-page) .subject {
    text-align:center;font-weight:bold;font-size:13px;text-decoration:underline;margin:18px 0 14px
}
body:has(.scp-clients-balance-confirmation-page) .confirm-text {
    font-size:11.5px;text-align:justify;margin-bottom:18px
}
body:has(.scp-clients-balance-confirmation-page) .sig-block {
    display:table;width:100%;margin-top:40px
}
body:has(.scp-clients-balance-confirmation-page) .sig-cell {
    display:table-cell;width:50%;vertical-align:bottom;font-size:12px
}
body:has(.scp-clients-balance-confirmation-page) .sig-cell:last-child {
    text-align:right
}
body:has(.scp-clients-balance-confirmation-page) p {
    margin:0 0 8px
}


/* ─── clients\balance-confirmation.blade.php [block 0] (scoped via .scp-clients-balance-confirmation) ─── */
body:has(.scp-clients-balance-confirmation) * {
    box-sizing: border-box; margin: 0; padding: 0;
}
body:has(.scp-clients-balance-confirmation) {
    font-family: Arial, sans-serif;
            font-size: 12px;
            color: #111;
            background: #fff;
            width: 21cm;
            margin: 0 auto;
            padding: 1.2cm 1.5cm;
}
body:has(.scp-clients-balance-confirmation) .date-line {
    text-align: right; font-size: 12px; margin-bottom: 16px;
}
/* To / From two-column header */
body:has(.scp-clients-balance-confirmation) .parties {
    display: table; width: 100%; margin-bottom: 20px;
}
body:has(.scp-clients-balance-confirmation) .party {
    display: table-cell; width: 50%; vertical-align: top; font-size: 12px;
}
body:has(.scp-clients-balance-confirmation) .party-label {
    font-size: 11px; margin-bottom: 3px;
}
body:has(.scp-clients-balance-confirmation) .party-name {
    font-weight: bold; font-size: 13px;
}
body:has(.scp-clients-balance-confirmation) .party-detail {
    font-size: 11px; margin-top: 2px;
}
/* Subject */
body:has(.scp-clients-balance-confirmation) .subject {
    text-align: center;
            font-weight: bold;
            font-size: 13px;
            text-decoration: underline;
            margin: 18px 0 14px;
}
/* Body */
body:has(.scp-clients-balance-confirmation) .body-text {
    font-size: 12px; margin-bottom: 14px;
}
body:has(.scp-clients-balance-confirmation) .body-text p {
    margin-bottom: 6px;
}
/* Transaction table */
/* Confirmation paragraph */
body:has(.scp-clients-balance-confirmation) .confirm-text {
    font-size: 11.5px; text-align: justify; margin-bottom: 18px;
}
/* Signature block */
body:has(.scp-clients-balance-confirmation) .sig-block {
    display: table; width: 100%; margin-top: 30px;
}
body:has(.scp-clients-balance-confirmation) .sig-cell {
    display: table-cell; width: 50%; vertical-align: bottom; font-size: 12px;
}
body:has(.scp-clients-balance-confirmation) .sig-cell:last-child {
    text-align: right;
}
body:has(.scp-clients-balance-confirmation) .sig-line {
    margin-bottom: 4px; font-weight: bold;
}
@media print {
body:has(.scp-clients-balance-confirmation) {
    margin: 0; padding: 1cm 1.2cm;
}
body:has(.scp-clients-balance-confirmation) .no-print {
    display: none !important;
}

}


/* ─── clients\customers.blade.php [block 0] (scoped via .scp-clients-customers) ─── */
body:has(.scp-clients-customers) div.dt-button-collection {
    max-height: 50vh;
            overflow-y: auto;
}
body:has(.scp-clients-customers) div.dt-button-collection.dropdown-menu {
    min-width: 220px;
            padding: 0.5rem;
            border: 1px solid #dfe3e8;
            border-radius: 0.5rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}
body:has(.scp-clients-customers) div.dt-button-collection .dropdown-item {
    border-radius: 0.375rem;
            font-size: 0.875rem;
}
body:has(.scp-clients-customers) div.dt-button-collection .dropdown-item.active, body:has(.scp-clients-customers) div.dt-button-collection .dropdown-item:active {
    background-color: #eef6ff;
            color: #0d6efd;
}
body:has(.scp-clients-customers) div.dt-button-collection .dt-button.buttons-columnVisibility {
    width: 100%;
            text-align: left;
            margin: 0;
}


/* ─── clients\show.blade.php [block 0] (scoped via .scp-clients-show) ─── */
body:has(.scp-clients-show) :root {
    --ink:#0f172a; --muted:#64748b; --line:#e2e8f0; --brand:#1d4ed8; --soft:#f8fafc;
      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-clients-show) .party-shell {
    background:linear-gradient(180deg,#f8fbff 0,#f3f6ff 100%);border:1px solid var(--line);border-radius:16px;padding:.85rem
}
body:has(.scp-clients-show) .toolbar-sticky {
    position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px
}
body:has(.scp-clients-show) .card-modern {
    border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)
}
body:has(.scp-clients-show) .avatar-wrap {
    width:88px;height:88px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#fff;flex-shrink:0
}
body:has(.scp-clients-show) .avatar-wrap img {
    width:100%;height:100%;object-fit:cover
}
body:has(.scp-clients-show) .meta-item {
    font-size:.8rem;color:#334155
}
body:has(.scp-clients-show) .meta-item i {
    width:16px;color:#64748b
}
body:has(.scp-clients-show) .summary-grid {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.75rem
}
body:has(.scp-clients-show) .summary-card {
    border:1px solid #dbeafe;background:#eff6ff;border-radius:11px;padding:.55rem .65rem
}
body:has(.scp-clients-show) .summary-card .k {
    font-size:.69rem;text-transform:uppercase;font-weight:700;color:#1e40af
}
body:has(.scp-clients-show) .summary-card .v {
    font-size:1.2rem;font-weight:800;color:var(--ink);line-height:1.15
}
body:has(.scp-clients-show) .summary-card .s {
    font-size:.68rem;color:var(--muted)
}
body:has(.scp-clients-show) .tabs-modern {
    border-bottom:1px solid var(--line);gap:.35rem;flex-wrap:wrap;padding-bottom:.55rem
}
body:has(.scp-clients-show) .tabs-modern .nav-link {
    border:1px solid #dbe3ef;border-radius:999px;font-size:.76rem;font-weight:700;color:#334155;padding:.35rem .75rem;background:#fff
}
body:has(.scp-clients-show) .tabs-modern .nav-link.active {
    border-color:#bfdbfe;background:#eff6ff;color:#1e40af
}
body:has(.scp-clients-show) .counter-pill {
    font-size:.68rem;padding:.12rem .38rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:700
}
body:has(.scp-clients-show) .section-title {
    font-size:.95rem;font-weight:800;color:var(--ink);margin-bottom:.6rem
}
body:has(.scp-clients-show) .soft-card {
    border:1px solid #e8eef7;border-radius:12px;background:#fff;padding:.62rem .7rem;margin-bottom:.5rem
}
body:has(.scp-clients-show) .soft-card:last-child {
    margin-bottom:0
}
body:has(.scp-clients-show) .soft-meta {
    font-size:.72rem;color:var(--muted);margin-top:.2rem
}
body:has(.scp-clients-show) .empty-state {
    border:1px dashed #cbd5e1;border-radius:12px;padding:1rem;text-align:center;color:var(--muted);background:var(--soft);font-size:.82rem
}
body:has(.scp-clients-show) .custom-grid {
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem
}
body:has(.scp-clients-show) .custom-item {
    border:1px solid #e8eef7;border-radius:12px;background:#fff;padding:.75rem
}
body:has(.scp-clients-show) .custom-label {
    font-size:.72rem;text-transform:uppercase;font-weight:800;color:#64748b;letter-spacing:.04em;margin-bottom:.35rem
}
body:has(.scp-clients-show) .custom-value {
    font-size:.84rem;color:#0f172a;word-break:break-word
}
body:has(.scp-clients-show) .custom-value img {
    width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid #dbe3ef;background:#fff
}
body:has(.scp-clients-show) .custom-media {
    width:100%;max-width:100%;border:1px solid #dbe3ef;border-radius:12px;background:#fff;overflow:hidden
}
body:has(.scp-clients-show) .custom-media iframe {
    display:block;width:100%;height:240px;border:0
}
body:has(.scp-clients-show) .custom-media video {
    display:block;width:100%;max-height:260px;background:#000
}
body:has(.scp-clients-show) .custom-link {
    display:inline-flex;align-items:center;gap:.38rem;font-weight:700;text-decoration:none
}
@media (max-width:1200px) {
body:has(.scp-clients-show) .summary-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

}
@media (max-width:767px) {
body:has(.scp-clients-show) .summary-grid {
    grid-template-columns:1fr;
}

}


/* ─── clients\suppliers.blade.php [block 0] (scoped via .scp-clients-suppliers) ─── */
body:has(.scp-clients-suppliers) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-clients-suppliers) div.dt-button-collection {
    max-height: 50vh;
            overflow-y: auto;
}
body:has(.scp-clients-suppliers) div.dt-button-collection.dropdown-menu {
    min-width: 220px;
            padding: 0.5rem;
            border: 1px solid #dfe3e8;
            border-radius: 0.5rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}
body:has(.scp-clients-suppliers) div.dt-button-collection .dropdown-item {
    border-radius: 0.375rem;
            font-size: 0.875rem;
}
body:has(.scp-clients-suppliers) div.dt-button-collection .dropdown-item.active, body:has(.scp-clients-suppliers) div.dt-button-collection .dropdown-item:active {
    background-color: #eef6ff;
            color: #0d6efd;
}
body:has(.scp-clients-suppliers) div.dt-button-collection .dt-button.buttons-columnVisibility {
    width: 100%;
            text-align: left;
            margin: 0;
}
body:has(.scp-clients-suppliers) #customerList ul li {
    padding-left: 5px;
            background-color: navy;
            color: white;
}
body:has(.scp-clients-suppliers) #customerList ul li a {
    background-color: navy;
            color: white;
}
body:has(.scp-clients-suppliers) span.select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important;
}


/* ─── clients\trash.blade.php [block 0] (scoped via .scp-clients-trash) ─── */
body:has(.scp-clients-trash) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── cmspages\create.blade.php [block 0] (scoped via .scp-cmspages-create) ─── */
body:has(.scp-cmspages-create) :root {
    --chip-bg:#eef2ff; --chip-text:#1f2937; --bd:rgba(2,6,23,.08);
      --tab-bg:#f5f7fb; --tab-active:#3b82f6; --muted:#6b7280;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-cmspages-create) :root {
    --chip-bg:#0b1220; --chip-text:#e5e7eb; --bd:rgba(255,255,255,.12);
        --tab-bg:#0f172a; --tab-active:#60a5fa; --muted:#9ca3af;
}

}
body:has(.scp-cmspages-create) .glass-card {
    border:1px solid var(--bd); border-radius:.9rem; box-shadow:0 20px 50px rgba(2,6,23,.06),0 2px 12px rgba(2,6,23,.05)
}
body:has(.scp-cmspages-create) .toolbar-chip {
    display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--bd); border-radius:999px; background:var(--chip-bg); color:var(--chip-text); font-size:.8rem
}
body:has(.scp-cmspages-create) .ai-bar {
    display:flex; flex-wrap:wrap; gap:.4rem; align-items:center
}
body:has(.scp-cmspages-create) .ai-bar .btn {
    --bs-btn-padding-y:.35rem; --bs-btn-padding-x:.6rem; --bs-btn-font-size:.8rem
}
body:has(.scp-cmspages-create) .help-text {
    color:var(--muted); font-size:.85rem
}
body:has(.scp-cmspages-create) .nav-tabs .nav-link {
    color:#555; background:var(--tab-bg); border:1px solid var(--bd); margin-right:.4rem; border-radius:.6rem .6rem 0 0; transition: all 0.2s
}
body:has(.scp-cmspages-create) .nav-tabs .nav-link.active {
    color:#fff; background:var(--tab-active); border-color:var(--tab-active)
}
body:has(.scp-cmspages-create) .nav-tabs .nav-link:hover {
    filter:brightness(0.98)
}
body:has(.scp-cmspages-create) .note-editor.note-frame {
    border-radius:.75rem; border-color:var(--bd)
}
body:has(.scp-cmspages-create) .note-toolbar {
    border-bottom:1px solid var(--bd); background:#f8f9fa
}
/* Section and Block Cards */
body:has(.scp-cmspages-create) .section-item {
    background:#f8f9fa; border-left:4px solid #0d6efd; border-radius:.5rem; margin-bottom:1rem; padding:1rem
}
body:has(.scp-cmspages-create) .block-item {
    background:#ffffff; border-left:3px solid #6c757d; border-radius:.375rem; margin-bottom:.5rem; padding:.75rem
}
/* Select2 Custom Styling */
body:has(.scp-cmspages-create) .select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
        border-radius: 0.375rem;
        min-height: 38px;
}
body:has(.scp-cmspages-create) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
body:has(.scp-cmspages-create) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0d6efd;
        border-color: #0d6efd;
        color: white;
        padding: 2px 8px;
        padding-left: 16px !important;
        border-radius: 0.25rem;
}
body:has(.scp-cmspages-create) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
        margin-right: 5px;
}
body:has(.scp-cmspages-create) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffc107;
}
/* Image Preview */
body:has(.scp-cmspages-create) .image-preview {
    max-width: 100%;
        height: auto;
        border-radius: 0.375rem;
        border: 1px solid #dee2e6;
        padding: 5px;
        background: white;
}
/* Tab Content */
body:has(.scp-cmspages-create) .tab-content {
    padding: 20px 0;
}
/* Form improvements */
body:has(.scp-cmspages-create) .form-control:focus, body:has(.scp-cmspages-create) .form-select:focus {
    border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
/* Accordion improvements */
body:has(.scp-cmspages-create) .accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
        color: #0d6efd;
}
body:has(.scp-cmspages-create) .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
/* Sticky sidebar */
body:has(.scp-cmspages-create) .sidebar-sticky {
    position: sticky;
        top: 20px;
}


/* ─── cmspages\edit.blade.php [block 0] (scoped via .scp-cmspages-edit) ─── */
/* Tab Styling */
body:has(.scp-cmspages-edit) .nav-tabs .nav-link {
    color: #555;
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        margin-right: 5px;
        border-radius: 0.25rem 0.25rem 0 0;
        transition: all 0.2s;
}
body:has(.scp-cmspages-edit) .nav-tabs .nav-link.active {
    color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
}
body:has(.scp-cmspages-edit) .nav-tabs .nav-link:hover:not(.active) {
    background-color: #e9ecef;
        color: #000;
}
/* Card Improvements */
body:has(.scp-cmspages-edit) .card {
    border-radius: 0.5rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}
/* Form Control Styling */
body:has(.scp-cmspages-edit) .form-control:focus, body:has(.scp-cmspages-edit) .form-select:focus {
    border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
/* Sidebar Sticky */
body:has(.scp-cmspages-edit) .sidebar-sticky {
    position: sticky;
        top: 20px;
}
/* Section and Block Cards */
body:has(.scp-cmspages-edit) .section-item {
    background: #f8f9fa;
        border-left: 4px solid #0d6efd;
}
body:has(.scp-cmspages-edit) .block-item {
    background: #ffffff;
        border-left: 3px solid #6c757d;
}
/* Button Improvements */
body:has(.scp-cmspages-edit) .btn {
    transition: all 0.2s;
}
body:has(.scp-cmspages-edit) .btn:hover {
    transform: translateY(-1px);
        box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
}
/* Select2 Custom Styling */
body:has(.scp-cmspages-edit) .select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
        border-radius: 0.375rem;
        min-height: 38px;
}
body:has(.scp-cmspages-edit) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}
body:has(.scp-cmspages-edit) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0d6efd;
        border-color: #0d6efd;
        color: black;
        padding: 2px 8px;
        border-radius: 0.25rem;
}
body:has(.scp-cmspages-edit) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
        margin-right: 5px;
}
body:has(.scp-cmspages-edit) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffc107;
}
body:has(.scp-cmspages-edit) .note-editor.note-frame {
    border-radius:.75rem; border-color:var(--bd)
}
body:has(.scp-cmspages-edit) .note-toolbar {
    border-bottom:1px solid var(--bd); background:#f8f9fa
}
/* Custom Fields Section */
body:has(.scp-cmspages-edit) .custom-fields-section {
    background: #f8f9fa;
        padding: 20px;
        border-radius: 0.5rem;
        margin-top: 20px;
}
/* Tab Content Padding */
body:has(.scp-cmspages-edit) .tab-content {
    padding: 20px;
        background: white;
        border: 1px solid #dee2e6;
        border-top: none;
        border-radius: 0 0 0.375rem 0.375rem;
}
/* Image Preview */
body:has(.scp-cmspages-edit) .image-preview {
    max-width: 100%;
        height: auto;
        border-radius: 0.375rem;
        border: 1px solid #dee2e6;
        padding: 5px;
        background: white;
}


/* ─── cmspages\index.blade.php [block 0] (scoped via .scp-cmspages-index) ─── */
body:has(.scp-cmspages-index) .cms-card {
    border: 0;
            border-radius: 14px;
            box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
}
body:has(.scp-cmspages-index) .cms-excerpt {
    max-width: 340px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
body:has(.scp-cmspages-index) .cms-action-group {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            flex-wrap: wrap;
}
body:has(.scp-cmspages-index) .cms-action-btn {
    display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
            padding: .3rem .6rem;
            border-radius: .55rem;
            border: 1px solid #e2e8f0;
            color: #334155;
            text-decoration: none;
            font-size: .76rem;
            font-weight: 600;
            line-height: 1;
}
body:has(.scp-cmspages-index) .cms-action-btn:hover {
    background: #f8fafc;
            color: #0f172a;
}
body:has(.scp-cmspages-index) .cms-action-btn.action-edit {
    background: #eff6ff;
            border-color: #bfdbfe;
            color: #1d4ed8;
}
body:has(.scp-cmspages-index) .cms-action-btn.action-delete {
    background: #fef2f2;
            border-color: #fecaca;
            color: #b91c1c;
}
body:has(.scp-cmspages-index) #cms-pages-table_wrapper .dt-buttons .btn {
    border-radius: 8px;
            font-weight: 600;
}


/* ─── coa\createsubledgers.blade.php [block 0] (scoped via .scp-coa-createsubledgers) ─── */
body:has(.scp-coa-createsubledgers) #ParentLedgerId + .select2-container {
    width: 100% !important;
}
body:has(.scp-coa-createsubledgers) #ParentLedgerId + .select2-container .select2-selection--single {
    min-height: calc(1.5em + 0.5rem + 2px);
                    border: 1px solid #cfd3dc;
                    border-radius: 0.475rem;
                    padding: 0.25rem 0.5rem;
                    display: flex;
                    align-items: center;
}
body:has(.scp-coa-createsubledgers) #ParentLedgerId + .select2-container .select2-selection__rendered {
    padding-left: 0;
                    padding-right: 1.75rem;
                    line-height: 1.5;
                    color: #181c32;
}
body:has(.scp-coa-createsubledgers) #ParentLedgerId + .select2-container .select2-selection__arrow {
    height: 100%;
                    right: 0.65rem;
}
body:has(.scp-coa-createsubledgers) .select2-dropdown {
    border-color: #cfd3dc;
                    border-radius: 0.475rem;
}
body:has(.scp-coa-createsubledgers) .select2-search__field {
    border-radius: 0.375rem !important;
}


/* ─── coa\detailgroups.blade.php [block 0] (scoped via .scp-coa-detailgroups) ─── */
body:has(.scp-coa-detailgroups) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* Customize the table striped rows */
/* Optional: Change the hover effect for better visibility */
/* ─── coa\detailledgers.blade.php [block 0] (scoped via .scp-coa-detailledgers) ─── */
/* ─── coa\filterbygroupdetail.blade.php [block 0] (scoped via .scp-coa-filterbygroupdetail) ─── */
body:has(.scp-coa-filterbygroupdetail) .coa-compact-card .card-body, body:has(.scp-coa-filterbygroupdetail) .coa-compact-card .p-3 {
    padding: 0.75rem !important;
}
/* Force LTR for this COA table only (prevents column mirroring when app is RTL) */
body:has(.scp-coa-filterbygroupdetail) .coa-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            letter-spacing: 0.2px;
}
body:has(.scp-coa-filterbygroupdetail) .coa-row-group {
    background-color: #eef9f1;
}
body:has(.scp-coa-filterbygroupdetail) .coa-row-subledger {
    background-color: #fafbfc;
}
body:has(.scp-coa-filterbygroupdetail) .coa-actions .btn {
    padding: 0.2rem 0.45rem;
            font-size: 0.75rem;
            line-height: 1.2;
}
body:has(.scp-coa-filterbygroupdetail) .coa-edit-link {
    font-size: 0.8rem;
            font-weight: 600;
            text-decoration: none;
}
body:has(.scp-coa-filterbygroupdetail) .coa-search {
    max-width: 320px;
}
/* Expand/collapse toggle button */
body:has(.scp-coa-filterbygroupdetail) .coa-toggle-btn {
    background: none;
            border: none;
            padding: 0 3px;
            cursor: pointer;
            color: #6c757d;
            font-size: 0.75rem;
            line-height: 1;
            vertical-align: middle;
}
body:has(.scp-coa-filterbygroupdetail) .coa-toggle-btn:hover {
    color: #0d6efd;
}
body:has(.scp-coa-filterbygroupdetail) .coa-no-children .coa-toggle-btn {
    visibility: hidden;
}
/* Ledger/sub-ledger rows hidden by default (collapsed state) */
body:has(.scp-coa-filterbygroupdetail) .coa-row-ledger, body:has(.scp-coa-filterbygroupdetail) .coa-row-subledger {
    display: none;
}


/* ─── coa\ledgertrash.blade.php [block 0] (scoped via .scp-coa-ledgertrash) ─── */
body:has(.scp-coa-ledgertrash) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── coa\reconciliationdetail.blade.php [block 0] (scoped via .scp-coa-reconciliationdetail) ─── */
/* ─── coa\without_group_id.blade.php [block 0] (scoped via .scp-coa-without-group-id) ─── */
/* ─── combined-ledger\index.blade.php [block 0] (scoped via .scp-combined-ledger-index) ─── */
body:has(.scp-combined-ledger-index) :root {
    --cl-primary: #0f766e; --cl-primary-50: #e6f3f2;
            --cl-text: #0f172a; --cl-muted: #64748b;
            --cl-soft: #f6f7fb; --cl-border: 1px solid rgba(2,6,23,.08);
            --cl-shadow: 0 6px 18px rgba(2,6,23,.05); --cl-radius: 14px;
}
body:has(.scp-combined-ledger-index) {
    background: var(--cl-soft);
}
body:has(.scp-combined-ledger-index) .toolbar {
    background: linear-gradient(180deg,#fff,var(--cl-soft)); border-bottom: var(--cl-border); padding: 1.25rem 0;
}
body:has(.scp-combined-ledger-index) .card {
    border: var(--cl-border); border-radius: var(--cl-radius); box-shadow: var(--cl-shadow);
}
body:has(.scp-combined-ledger-index) .form-label {
    font-weight: 600; font-size: .875rem; color: var(--cl-text);
}
body:has(.scp-combined-ledger-index) .section-title {
    font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--cl-muted); margin-bottom: .5rem;
}
body:has(.scp-combined-ledger-index) .divider-or {
    display: flex; align-items: center; gap: 1rem; color: var(--cl-muted); font-weight: 600; font-size: .8rem; margin: .5rem 0;
}
body:has(.scp-combined-ledger-index) .divider-or::before, body:has(.scp-combined-ledger-index) .divider-or::after {
    content: ''; flex: 1; height: 1px; background: rgba(2,6,23,.08);
}
body:has(.scp-combined-ledger-index) .hint {
    font-size: .78rem; color: var(--cl-muted); margin-top: .25rem;
}


/* ─── combined-ledger\show.blade.php [block 0] (scoped via .scp-combined-ledger-show) ─── */
body:has(.scp-combined-ledger-show) :root {
    --cl-primary: #0f766e; --cl-primary-600: #0d6b65; --cl-primary-50: #e6f3f2;
            --cl-text: #0f172a; --cl-muted: #64748b; --cl-soft: #f6f7fb;
            --cl-border: 1px solid rgba(2,6,23,.08); --cl-shadow: 0 6px 18px rgba(2,6,23,.05); --cl-radius: 14px;
}
body:has(.scp-combined-ledger-show) {
    background: var(--cl-soft);
}
body:has(.scp-combined-ledger-show) .toolbar {
    background: linear-gradient(180deg,#fff,var(--cl-soft)); border-bottom: var(--cl-border); padding: 1.25rem 0;
}
body:has(.scp-combined-ledger-show) .card {
    border: var(--cl-border); border-radius: var(--cl-radius); box-shadow: var(--cl-shadow); background:#fff;
}
body:has(.scp-combined-ledger-show) .summary-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1rem; margin-bottom:1.5rem;
}
body:has(.scp-combined-ledger-show) .s-tile {
    background:#fff; border:var(--cl-border); border-radius:12px; padding:1rem 1.2rem;
}
body:has(.scp-combined-ledger-show) .s-tile .lbl {
    font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--cl-muted); margin-bottom:.3rem;
}
body:has(.scp-combined-ledger-show) .s-tile .val {
    font-size:1.15rem; font-weight:700; color:var(--cl-text);
}
body:has(.scp-combined-ledger-show) .s-tile.ar {
    border-top:3px solid #2563eb;
}
body:has(.scp-combined-ledger-show) .s-tile.ap {
    border-top:3px solid #d97706;
}
body:has(.scp-combined-ledger-show) .s-tile.net-pos {
    border-top:3px solid #16a34a;
}
body:has(.scp-combined-ledger-show) .s-tile.net-neg {
    border-top:3px solid #dc2626;
}
body:has(.scp-combined-ledger-show) .filter-card {
    background:#fff; border:var(--cl-border); border-radius:var(--cl-radius); padding:1.25rem; margin-bottom:1.5rem;
}
body:has(.scp-combined-ledger-show) .partner-chip {
    display:inline-flex; align-items:center; gap:.4rem; padding:.3rem .8rem; border-radius:999px; font-weight:600; font-size:.8rem;
}
body:has(.scp-combined-ledger-show) .chip-ar {
    background:#dbeafe; color:#1d4ed8;
}
body:has(.scp-combined-ledger-show) .chip-ap {
    background:#fef3c7; color:#92400e;
}
body:has(.scp-combined-ledger-show) .src-badge {
    padding:.15rem .5rem; border-radius:4px; font-size:.7rem; font-weight:700; white-space:nowrap;
}
body:has(.scp-combined-ledger-show) .src-ar {
    background:#dbeafe; color:#1d4ed8;
}
body:has(.scp-combined-ledger-show) .src-ap {
    background:#fef3c7; color:#92400e;
}
body:has(.scp-combined-ledger-show) .src-gl {
    background:#dcfce7; color:#15803d;
}
body:has(.scp-combined-ledger-show) .chip-gl {
    background:#dcfce7; color:#15803d;
}
body:has(.scp-combined-ledger-show) .s-tile.gl {
    border-top:3px solid #15803d;
}
body:has(.scp-combined-ledger-show) .balance-badge {
    padding:.2rem .65rem; border-radius:999px; font-weight:600; font-size:.8rem; white-space:nowrap;
}
body:has(.scp-combined-ledger-show) .balance-dr {
    background:#dcfce7; color:#15803d;
}
body:has(.scp-combined-ledger-show) .balance-cr {
    background:#fef3c7; color:#b45309;
}
body:has(.scp-combined-ledger-show) .dc-debit {
    color:#15803d; font-weight:600;
}
body:has(.scp-combined-ledger-show) .dc-credit {
    color:#b45309; font-weight:600;
}
body:has(.scp-combined-ledger-show) .row-opening {
    background:#fef9c3 !important; font-weight:600;
}
body:has(.scp-combined-ledger-show) .row-totals {
    background:#f8fafc !important; font-weight:600;
}
body:has(.scp-combined-ledger-show) .partner-name {
    font-size:.72rem; color:var(--cl-muted); display:block;
}


/* ─── contacts\index.blade.php [block 0] (scoped via .scp-contacts-index) ─── */
body:has(.scp-contacts-index) .gc-wrap {
    font-family: "Google Sans", Roboto, "Segoe UI", sans-serif;
      background: linear-gradient(180deg, #f5f8ff 0%, #eff3f9 100%);
      border-radius: 20px;
      padding: 14px;
}
body:has(.scp-contacts-index) .gc-shell {
    display: grid;
      grid-template-columns: 260px 1fr;
      gap: 14px;
      min-height: 72vh;
}
body:has(.scp-contacts-index) .gc-side {
    background: #f8faff;
      border: 1px solid #e2e8f5;
      border-radius: 18px;
      padding: 14px;
}
body:has(.scp-contacts-index) .gc-brand {
    font-size: 14px;
      font-weight: 600;
      color: #445067;
      margin-bottom: 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e7ecf7;
}
body:has(.scp-contacts-index) .gc-create-btn {
    display: inline-flex;
      align-items: center;
      gap: 8px;
      width: 100%;
      justify-content: center;
      border-radius: 999px;
      background: #d3e3fd;
      border: 0;
      color: #0b57d0;
      font-weight: 600;
      padding: 10px 12px;
      text-decoration: none;
      margin-bottom: 12px;
}
body:has(.scp-contacts-index) .gc-create-btn:hover {
    background: #c2d8fb; color: #0b57d0;
}
body:has(.scp-contacts-index) .gc-import-link {
    width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 999px;
      border: 1px solid #d7e0ef;
      color: #445067;
      padding: 8px 12px;
      text-decoration: none;
      font-size: 12px;
      margin-bottom: 12px;
}
body:has(.scp-contacts-index) .gc-import-link:hover {
    background: #f0f4fb; color: #223248;
}
body:has(.scp-contacts-index) .gc-nav-title {
    font-size: 11px;
      letter-spacing: .4px;
      text-transform: uppercase;
      color: #75829b;
      margin: 12px 0 8px;
}
body:has(.scp-contacts-index) .gc-filter-block {
    border: 1px solid #e2e8f5;
      border-radius: 12px;
      padding: 10px;
      background: #fff;
}
body:has(.scp-contacts-index) .gc-filter-block .form-check-label {
    font-size: 12px;
      color: #41506a;
}
body:has(.scp-contacts-index) .gc-filter-block .form-select {
    border-radius: 10px;
      font-size: 12px;
      border-color: #d8e1ef;
}
body:has(.scp-contacts-index) .gc-tag-list {
    display: flex;
      flex-direction: column;
      gap: 6px;
      max-height: 300px;
      overflow: auto;
      padding-right: 2px;
}
body:has(.scp-contacts-index) .gc-tag-item {
    width: 100%;
      border: 1px solid #e1e8f4;
      background: #fff;
      color: #3d4d66;
      border-radius: 10px;
      font-size: 12px;
      padding: 7px 9px;
      text-align: left;
      display: inline-flex;
      align-items: center;
      gap: 8px;
}
body:has(.scp-contacts-index) .gc-tag-item i {
    color: #5d6f8c;
}
body:has(.scp-contacts-index) .gc-tag-item:hover {
    background: #f2f6fe;
      border-color: #d4dff0;
      color: #25344c;
}
body:has(.scp-contacts-index) .gc-tag-item.active {
    background: #e8f0fe;
      border-color: #c8d9fb;
      color: #0b57d0;
      font-weight: 600;
}
body:has(.scp-contacts-index) .gc-main {
    background: #fff;
      border: 1px solid #e2e8f5;
      border-radius: 18px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      min-width: 0;
}
body:has(.scp-contacts-index) .gc-head {
    display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
      flex-wrap: wrap;
}
body:has(.scp-contacts-index) .gc-title {
    font-size: 19px;
      font-weight: 600;
      color: #1f2a3c;
      margin: 0;
}
body:has(.scp-contacts-index) .gc-subtitle {
    font-size: 12px;
      color: #66758f;
      margin: 0;
}
body:has(.scp-contacts-index) .gc-search {
    position: relative;
      min-width: min(540px, 100%);
      max-width: 100%;
}
body:has(.scp-contacts-index) .gc-search i {
    position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #7a869f;
      font-size: 14px;
}
body:has(.scp-contacts-index) .gc-search input {
    width: 100%;
      border-radius: 999px;
      border: 1px solid #d7e0ef;
      background: #f5f8ff;
      padding: 10px 14px 10px 34px;
      color: #24324a;
      font-size: 13px;
}
body:has(.scp-contacts-index) .gc-search input:focus {
    outline: none;
      border-color: #0b57d0;
      box-shadow: 0 0 0 3px rgba(11, 87, 208, 0.12);
      background: #fff;
}
body:has(.scp-contacts-index) .gc-name-cell {
    display: flex;
      align-items: center;
      gap: 10px;
      min-width: 180px;
}
body:has(.scp-contacts-index) .gc-avatar {
    width: 28px;
      height: 28px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
      color: #1f4fa3;
      background: #d3e3fd;
      flex-shrink: 0;
}
body:has(.scp-contacts-index) .gc-name-main {
    font-weight: 600; line-height: 1.15;
}
body:has(.scp-contacts-index) .gc-name-meta {
    font-size: 11px; color: #74829b; margin-top: 1px;
}
body:has(.scp-contacts-index) #column-picker-list {
    max-height: 360px; overflow: auto;
}
body:has(.scp-contacts-index) .column-picker-item {
    display: flex; align-items: center; gap: 8px; padding: 4px 0;
}
@media (max-width: 1100px) {
body:has(.scp-contacts-index) .gc-shell {
    grid-template-columns: 1fr;
}
body:has(.scp-contacts-index) .gc-search {
    min-width: 100%;
}

}


/* ─── contacts\modals\create.blade.php [block 0] (scoped via .scp-contacts-modals-create) ─── */
body:has(.scp-contacts-modals-create) .select2-container--open {
    z-index: 9999999
}
body:has(.scp-contacts-modals-create) .select2-container {
    width: 100% !important;
}
body:has(.scp-contacts-modals-create) .select2-search.select2-search--inline {
    flex-grow: 1;
}
body:has(.scp-contacts-modals-create) #contact_form_modal_body {
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
}


/* ─── costCenterOpening\create.blade.php [block 0] (scoped via .scp-costcenteropening-create) ─── */
/* ─── costCenterOpening\index.blade.php [block 0] (scoped via .scp-costcenteropening-index) ─── */
/* ─── creditors\ageingview.blade.php [block 0] (scoped via .scp-creditors-ageingview) ─── */
body:has(.scp-creditors-ageingview) .ns-report-card {
    border: 1px solid #dfe3e8;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}
body:has(.scp-creditors-ageingview) .ns-filter-bar {
    background: linear-gradient(180deg, #f7f9fc 0%, #eff3f8 100%);
            border-bottom: 1px solid #dfe3e8;
            border-radius: 8px 8px 0 0;
            padding: 14px 16px;
}
body:has(.scp-creditors-ageingview) .ns-filter-bar .form-label {
    font-size: 11px;
            color: #5b6673;
            margin-bottom: 4px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .04em;
}
body:has(.scp-creditors-ageingview) .ns-kpi {
    border: 1px solid #e5e9ef;
            border-radius: 8px;
            padding: 10px 12px;
            background: #fbfcfe;
}
body:has(.scp-creditors-ageingview) .ns-kpi .kpi-label {
    font-size: 11px;
            color: #5b6673;
            text-transform: uppercase;
            letter-spacing: .04em;
            margin-bottom: 4px;
            font-weight: 600;
}
body:has(.scp-creditors-ageingview) .ns-kpi .kpi-value {
    font-size: 17px;
            font-weight: 700;
            color: #1f2937;
}
body:has(.scp-creditors-ageingview) .ns-link {
    color: #0f4f9e;
            text-decoration: none;
}
body:has(.scp-creditors-ageingview) .ns-link:hover {
    text-decoration: underline;
}
@media (max-width: 992px) {
body:has(.scp-creditors-ageingview) .ns-action-stack .btn {
    width: 100%;
}

}


/* ─── currency\create.blade.php [block 0] (scoped via .scp-currency-create) ─── */
body:has(.scp-currency-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-currency-create) .card .mce-toolbar, body:has(.scp-currency-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-currency-create) .card .mce-edit-area, body:has(.scp-currency-create) .card .mce-edit-area iframe, body:has(.scp-currency-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-currency-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-currency-create) .form-group {
    padding: 2px;
            margin-bottom: 2px;
            color: #40555e;
}
body:has(.scp-currency-create) .form-control {
    height: 30px;
}
body:has(.scp-currency-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-currency-create) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-currency-create) .content {
    background: whitesmoke;
}
body:has(.scp-currency-create) .box-section {
    background: white;
            margin-top: 10px;
            padding-top: 9px;
            padding-bottom: 14px;
}
body:has(.scp-currency-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-currency-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-currency-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-currency-create) .radio-button input[type=radio] {
    margin: 24px 6px 14px
}
body:has(.scp-currency-create) .footer {
    position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #efefef;
            color: white;
            text-align: center;
}
body:has(.scp-currency-create) .numberCircle {
    width: 34px;
            line-height: 26px;
            border-radius: 76%;
            text-align: center;
            font-size: 23px;
            border: 2px solid #666;
            display: inline-block;
}
body:has(.scp-currency-create) .col-sm-3 strong {
    font-size: 1.7rem;
}
body:has(.scp-currency-create) .form-check-label {
    font-size: 10px;
}
body:has(.scp-currency-create) .col-md-3 strong {
    font-size: 1.7rem;
}
body:has(.scp-currency-create) .active {
    color: #51aa1b;
}
body:has(.scp-currency-create) a {
    color: #0a0a0a;
}


/* ─── currency\edit.blade.php [block 0] (scoped via .scp-currency-edit) ─── */
body:has(.scp-currency-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-currency-edit) .card .mce-toolbar, body:has(.scp-currency-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-currency-edit) .card .mce-edit-area, body:has(.scp-currency-edit) .card .mce-edit-area iframe, body:has(.scp-currency-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-currency-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-currency-edit) .form-group {
    padding: 2px;
            margin-bottom: 2px;
            color: #40555e;
}
body:has(.scp-currency-edit) .form-control {
    height: 30px;
}
body:has(.scp-currency-edit) .form-check-label {
    font-size: 10px;
}
body:has(.scp-currency-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-currency-edit) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-currency-edit) .content {
    background: whitesmoke;
}
body:has(.scp-currency-edit) .box-section {
    background: white;
            margin-top: 10px;
            padding-top: 9px;
            padding-bottom: 14px;
}
body:has(.scp-currency-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-currency-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-currency-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-currency-edit) .radio-button input[type=radio] {
    margin: 24px 6px 14px
}
body:has(.scp-currency-edit) .footer {
    position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #efefef;
            color: white;
            text-align: center;
}
body:has(.scp-currency-edit) .numberCircle {
    width: 34px;
            line-height: 26px;
            border-radius: 76%;
            text-align: center;
            font-size: 23px;
            border: 2px solid #666;
            display: inline-block;
}
body:has(.scp-currency-edit) .col-sm-3 strong {
    font-size: 1.7rem;
}
body:has(.scp-currency-edit) .col-md-3 strong {
    font-size: 1.7rem;
}
body:has(.scp-currency-edit) .active {
    color: #51aa1b;
}
body:has(.scp-currency-edit) a {
    color: #0a0a0a;
}


/* ─── customerbranch\modals\create.blade.php [block 0] (scoped via .scp-customerbranch-modals-create) ─── */
body:has(.scp-customerbranch-modals-create) .select2-container--open {
    z-index: 9999999
}
body:has(.scp-customerbranch-modals-create) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-customerbranch-modals-create) .select2-search.select2-search--inline {
    flex-grow: 1;
}


/* ─── customerbranch\modals\edit.blade.php [block 0] (scoped via .scp-customerbranch-modals-edit) ─── */
body:has(.scp-customerbranch-modals-edit) .select2-container--open {
    z-index: 9999999
}
body:has(.scp-customerbranch-modals-edit) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-customerbranch-modals-edit) .select2-search.select2-search--inline {
    flex-grow: 1;
}


/* ─── customerdeposits\index.blade.php [block 0] (scoped via .scp-customerdeposits-index) ─── */
/* ─── darta\create.blade.php [block 0] (scoped via .scp-darta-create) ─── */
body:has(.scp-darta-create) .input-sm {
    height: 32px;
          padding-left: 8px;
          padding-top: 5px;
          font-size: 12px;
          color: #B5B5C3;
          font-weight: 400;
}
body:has(.scp-darta-create) .card {
    border: 0;
          margin-top: 16px;
          box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-darta-create) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-darta-create) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── darta\edit.blade.php [block 0] (scoped via .scp-darta-edit) ─── */
body:has(.scp-darta-edit) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-darta-edit) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-darta-edit) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-darta-edit) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── debtors\ageingview.blade.php [block 0] (scoped via .scp-debtors-ageingview) ─── */
body:has(.scp-debtors-ageingview) .ns-report-card {
    border: 1px solid #dfe3e8;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}
body:has(.scp-debtors-ageingview) .ns-filter-bar {
    background: linear-gradient(180deg, #f7f9fc 0%, #eff3f8 100%);
            border-bottom: 1px solid #dfe3e8;
            border-radius: 8px 8px 0 0;
            padding: 14px 16px;
}
body:has(.scp-debtors-ageingview) .ns-filter-bar .form-label {
    font-size: 11px;
            color: #5b6673;
            margin-bottom: 4px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .04em;
}
body:has(.scp-debtors-ageingview) .ns-kpi {
    border: 1px solid #e5e9ef;
            border-radius: 8px;
            padding: 10px 12px;
            background: #fbfcfe;
}
body:has(.scp-debtors-ageingview) .ns-kpi .kpi-label {
    font-size: 11px;
            color: #5b6673;
            text-transform: uppercase;
            letter-spacing: .04em;
            margin-bottom: 4px;
            font-weight: 600;
}
body:has(.scp-debtors-ageingview) .ns-kpi .kpi-value {
    font-size: 17px;
            font-weight: 700;
            color: #1f2937;
}
body:has(.scp-debtors-ageingview) .ns-link {
    color: #0f4f9e;
            text-decoration: none;
}
body:has(.scp-debtors-ageingview) .ns-link:hover {
    text-decoration: underline;
}
@media (max-width: 992px) {
body:has(.scp-debtors-ageingview) .ns-action-stack .btn {
    width: 100%;
}

}
body:has(.scp-debtors-ageingview) .ns-kpi {
    cursor: pointer;
            transition: border-color .15s, box-shadow .15s;
            user-select: none;
}
body:has(.scp-debtors-ageingview) .ns-kpi:hover {
    border-color: #334155;
            box-shadow: 0 2px 8px rgba(51,65,85,.12);
}
body:has(.scp-debtors-ageingview) .ns-kpi.active {
    border-color: #0f4f9e;
            background: #e8f0fd;
            box-shadow: 0 0 0 2px rgba(15,79,158,.2);
}
body:has(.scp-debtors-ageingview) .ns-kpi.active .kpi-label {
    color: #0f4f9e;
}
body:has(.scp-debtors-ageingview) .ns-kpi.active .kpi-value {
    color: #0f4f9e;
}
body:has(.scp-debtors-ageingview) .aging-filter-hint {
    font-size: 11px;
            color: #5b6673;
            margin-top: 6px;
}
/* ─── deliverychallan\create.blade.php [block 0] (scoped via .scp-deliverychallan-create) ─── */
/* ─── deliverychallan\edit.blade.php [block 0] (scoped via .scp-deliverychallan-edit) ─── */
/* ─── deliverychallan\index.blade.php [block 0] (scoped via .scp-deliverychallan-index) ─── */
/* ─── deliverynote\create.blade.php [block 0] (scoped via .scp-deliverynote-create) ─── */
body:has(.scp-deliverynote-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-deliverynote-create) .card .mce-toolbar, body:has(.scp-deliverynote-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-deliverynote-create) .card .mce-edit-area, body:has(.scp-deliverynote-create) .card .mce-edit-area iframe, body:has(.scp-deliverynote-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-deliverynote-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-deliverynote-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-deliverynote-create) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-deliverynote-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-deliverynote-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-deliverynote-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-deliverynote-create) .deliverynote-skeleton-bar {
    height: 30px;
            border-radius: 4px;
            background: linear-gradient(90deg, #eef1f5 25%, #f8f9fb 37%, #eef1f5 63%);
            background-size: 400% 100%;
            animation: deliverynoteSkeleton 1.2s ease-in-out infinite;
}
@keyframes deliverynoteSkeleton {

            0% { background-position: 100% 50%; }
            100% { background-position: 0 50%; }
        
}
body:has(.scp-deliverynote-create) .deliverynote-start-card {
    border: 1px solid #e4e6ef;
            background: #f8fbff;
            border-radius: 8px;
            padding: 18px;
            margin-bottom: 18px;
}
body:has(.scp-deliverynote-create) .deliverynote-start-title {
    font-weight: 700;
            color: #181c32;
            margin-bottom: 4px;
}
body:has(.scp-deliverynote-create) .deliverynote-start-copy {
    color: #5e6278;
            margin-bottom: 0;
}
body:has(.scp-deliverynote-create) .deliverynote-empty-state {
    border: 1px dashed #cbd5e1;
            border-radius: 8px;
            padding: 24px;
            text-align: center;
            color: #64748b;
            background: #fbfdff;
            margin-bottom: 18px;
}


/* ─── deliverynote\dispatchreport-9-26.blade.php [block 0] (scoped via .scp-deliverynote-dispatchreport-9-26) ─── */
/* ─── deliverynote\dispatchreport-old.blade.php [block 0] (scoped via .scp-deliverynote-dispatchreport-old) ─── */
/* ─── deliverynote\dispatchreport-shree.blade.php [block 0] (scoped via .scp-deliverynote-dispatchreport-shree) ─── */
/* ─── deliverynote\dispatchreport.blade.php [block 0] (scoped via .scp-deliverynote-dispatchreport) ─── */
/* safari and ios need the tfoot itself to be position:sticky also */
body:has(.scp-deliverynote-dispatchreport) a:focus {
    background: red;
}
/* testing links*/
body:has(.scp-deliverynote-dispatchreport) .card .card-body {
    padding: 1rem 1rem !important;
}


/* ─── deliverynote\edit.blade.php [block 0] (scoped via .scp-deliverynote-edit) ─── */
body:has(.scp-deliverynote-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-deliverynote-edit) .card .mce-toolbar, body:has(.scp-deliverynote-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-deliverynote-edit) .card .mce-edit-area, body:has(.scp-deliverynote-edit) .card .mce-edit-area iframe, body:has(.scp-deliverynote-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-deliverynote-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-deliverynote-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-deliverynote-edit) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-deliverynote-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-deliverynote-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-deliverynote-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
/* ─── deliverynote\index.blade.php [block 0] (scoped via .scp-deliverynote-index) ─── */
/* Force bordered + striped regardless of theme overrides */
/* ─── deliverynote\report.blade.php [block 0] (scoped via .scp-deliverynote-report) ─── */
body:has(.scp-deliverynote-report) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-deliverynote-report) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-deliverynote-report) .card .mce-toolbar, body:has(.scp-deliverynote-report) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-deliverynote-report) .card .mce-edit-area, body:has(.scp-deliverynote-report) .card .mce-edit-area iframe, body:has(.scp-deliverynote-report) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-deliverynote-report) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-deliverynote-report) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-deliverynote-report) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-deliverynote-report) .card.is-fullscreen .mce-edit-area, body:has(.scp-deliverynote-report) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-deliverynote-report) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
/* ─── departments\assign.blade.php [block 0] (scoped via .scp-departments-assign) ─── */
body:has(.scp-departments-assign) .required {
    color: red;
}
body:has(.scp-departments-assign) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-departments-assign) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-departments-assign) .select2-container--bootstrap .select2-results__group {
    font-size: 15px !important; padding: 6px 3px !important;
}
body:has(.scp-departments-assign) .select2-container--bootstrap .select2-results__option .select2-results__option {
    color: #777 !important;
}


/* ─── departments\assignReport.blade.php [block 0] (scoped via .scp-departments-assignreport) ─── */
body:has(.scp-departments-assignreport) .required {
    color: red;
}
body:has(.scp-departments-assignreport) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-departments-assignreport) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-departments-assignreport) .select2-container--bootstrap .select2-results__group {
    font-size: 15px !important; padding: 6px 3px !important;
}
body:has(.scp-departments-assignreport) .select2-container--bootstrap .select2-results__option .select2-results__option {
    color: #777 !important;
}


/* ─── departments\history.blade.php [block 0] (scoped via .scp-departments-history) ─── */
body:has(.scp-departments-history) .required {
    color: red;
}
body:has(.scp-departments-history) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-departments-history) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-departments-history) .select2-container--bootstrap .select2-results__group {
    font-size: 15px !important; padding: 6px 3px !important;
}
body:has(.scp-departments-history) .select2-container--bootstrap .select2-results__option .select2-results__option {
    color: #777 !important;
}


/* ─── departments\index.blade.php [block 0] (scoped via .scp-departments-index) ─── */
body:has(.scp-departments-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-departments-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-departments-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-departments-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-departments-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-departments-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-departments-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-departments-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-departments-index) .mn-section-hd {
    padding: .75rem 1rem;
                border-bottom: 1px solid var(--mn-border);
                background: #f8fafc;
}
body:has(.scp-departments-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .6rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
}
body:has(.scp-departments-index) .mn-division {
    border: 1px solid var(--mn-border);
                border-radius: 1rem;
                background: #fff;
                box-shadow: rgba(2,6,23,.05) 0 10px 22px;
                overflow: hidden;
}
body:has(.scp-departments-index) .mn-division-hd {
    padding: 1rem 1rem;
                background:
                    radial-gradient(900px 420px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 380px at 90% 0%, rgba(16,185,129,.10), transparent 55%),
                    #0b1220;
                color: #fff;
}
body:has(.scp-departments-index) .mn-division-hd h3 {
    margin:0; font-weight: 800; letter-spacing: -.02em;
}
body:has(.scp-departments-index) .mn-division-hd .small {
    opacity:.85;
}
body:has(.scp-departments-index) .mn-dept {
    border: 1px solid var(--mn-border);
                border-radius: 1rem;
                overflow: hidden;
                height: 100%;
                background: #fff;
}
body:has(.scp-departments-index) .mn-dept-hd {
    padding: .85rem 1rem;
                background: #f8fafc;
                border-bottom: 1px solid var(--mn-border);
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:.75rem;
}
body:has(.scp-departments-index) .mn-dept-title {
    font-weight: 800;
                color: var(--mn-ink);
                margin: 0;
}
body:has(.scp-departments-index) .subtle {
    color:#64748b; font-size:.85rem;
}
/* Make modal header nicer */
body:has(.scp-departments-index) .modal-header.mn-modal-hd {
    background:
                    radial-gradient(900px 420px at 10% 0%, rgba(37,99,235,.18), transparent 60%),
                    radial-gradient(700px 380px at 90% 0%, rgba(16,185,129,.14), transparent 55%),
                    #0b1220;
                color:#fff;
                border-bottom: 0;
}
body:has(.scp-departments-index) .modal-header.mn-modal-hd .btn-close {
    filter: invert(1); opacity: .9;
}
@media (max-width: 575.98px) {
body:has(.scp-departments-index) .mn-actions {
    width:100%;
}
body:has(.scp-departments-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── departments\list.blade.php [block 0] (scoped via .scp-departments-list) ─── */
body:has(.scp-departments-list) .required {
    color: red;
}
body:has(.scp-departments-list) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-departments-list) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-departments-list) .select2-container--bootstrap .select2-results__group {
    font-size: 15px !important; padding: 6px 3px !important;
}
body:has(.scp-departments-list) .select2-container--bootstrap .select2-results__option .select2-results__option {
    color: #777 !important;
}


/* ─── departments\report.blade.php [block 0] (scoped via .scp-departments-report) ─── */
body:has(.scp-departments-report) .required {
    color: red;
}
body:has(.scp-departments-report) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-departments-report) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-departments-report) .select2-container--bootstrap .select2-results__group {
    font-size: 15px !important; padding: 6px 3px !important;
}
body:has(.scp-departments-report) .select2-container--bootstrap .select2-results__option .select2-results__option {
    color: #777 !important;
}


/* ─── documents\index.blade.php [block 0] (scoped via .scp-documents-index) ─── */
body:has(.scp-documents-index) ul.folder-list li {
    border-bottom: 1px solid #e7eaec;
            list-style-type: none !important;
}
body:has(.scp-documents-index) .folder-list li a {
    color: #666666;
            display: block;
            padding: 6px 0;
            text-decoration: none;
}
body:has(.scp-documents-index) i.bi.bi-folder {
    padding-right: 13px;
}
body:has(.scp-documents-index) i.bi.bi-home {
    padding-right: 13px;
}
body:has(.scp-documents-index) .dropdown-item.active, body:has(.scp-documents-index) .dropdown-item:active {
    background-color: rgba(13, 110, 253, .1);
            color: #0d6efd;
}
body:has(.scp-documents-index) .hover-elevate-up:hover {
    transform: translateY(-1px);
            transition: .15s ease;
}
/* Grid card helpers */
body:has(.scp-documents-index) .doc-card {
    transition: transform .15s ease, box-shadow .15s ease;
}
body:has(.scp-documents-index) .doc-card:hover {
    transform: translateY(-2px);
}
body:has(.scp-documents-index) .doc-thumb {
    position: relative; overflow: hidden; background: #f8f9fa;
}
body:has(.scp-documents-index) .doc-thumb img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
body:has(.scp-documents-index) .doc-quick {
    position: absolute; top: .5rem; right: .5rem; opacity: 0; transition: opacity .15s ease; z-index: 2;
}
body:has(.scp-documents-index) .doc-card:hover .doc-quick {
    opacity: 1;
}
body:has(.scp-documents-index) .doc-title {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
            overflow: hidden; min-height: 2.6em;
}
/* Disable mobile long-press context menu */
body:has(.scp-documents-index) .no-context, body:has(.scp-documents-index) .no-context * {
    -webkit-touch-callout: none;
}
body:has(.scp-documents-index) #modalNewFolder, body:has(.scp-documents-index) #modalNewCategory {
    z-index: 1060 !important;
}
body:has(.scp-documents-index) #modalNewFolder + .modal-backdrop, body:has(.scp-documents-index) #modalNewCategory + .modal-backdrop {
    z-index: 1055 !important;
}


/* ─── drivers\index.blade.php [block 0] (scoped via .scp-drivers-index) ─── */
/* ─── email\bulkEmailContact.blade.php [block 0] (scoped via .scp-email-bulkemailcontact) ─── */
body:has(.scp-email-bulkemailcontact) .select2-container {
    min-width: 0 !important; width: 100% !important
}
body:has(.scp-email-bulkemailcontact) .form-control, body:has(.scp-email-bulkemailcontact) .form-select {
    border-color: #e2e8f0; background: #f8fafc
}
body:has(.scp-email-bulkemailcontact) .form-control:focus, body:has(.scp-email-bulkemailcontact) .form-select:focus {
    box-shadow: 0 0 0 .2rem rgba(99,102,241,.15); border-color: #a5b4fc
}
body:has(.scp-email-bulkemailcontact) #tagsList {
    max-height: calc(100vh - 440px); overflow-y: auto
}
body:has(.scp-email-bulkemailcontact) .tag-pick.active-tag {
    background: #ede9fe; color: #4f46e5; border-color: #c4b5fd
}
body:has(.scp-email-bulkemailcontact) #unlayer-editor {
    width:100%; height:600px; border-radius:.5rem; overflow:hidden; border:1px solid #e2e8f0
}
body:has(.scp-email-bulkemailcontact) .editor-mode-badge {
    font-size:.7rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase
}
body:has(.scp-email-bulkemailcontact) #editorTabs .nav-link {
    color:#6b7280; font-size:.875rem; padding:.5rem 1rem
}
body:has(.scp-email-bulkemailcontact) #editorTabs .nav-link.active {
    color:#4f46e5; border-bottom-color:#4f46e5
}
body:has(.scp-email-bulkemailcontact) #html-editor {
    font-family: 'Courier New', monospace; font-size:.82rem; resize:vertical; min-height:400px; background:#1e1e2e; color:#cdd6f4; border:none; border-radius:0 0 .5rem .5rem
}
body:has(.scp-email-bulkemailcontact) #html-editor::placeholder {
    color:#585b70
}


/* ─── emp_requests\index.blade.php [block 0] (scoped via .scp-emp-requests-index) ─── */
body:has(.scp-emp-requests-index) :root {
    --ink: var(--bs-body-color);
      --muted: var(--bs-secondary);
      --soft: var(--bs-light);
      --ring: var(--bs-border-color);
      --brand: var(--bs-primary);
      --ok: var(--bs-success);
      --warn: var(--bs-warning);
      --danger: var(--bs-danger);
      --radius: 1rem;
      --shadow: 0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-emp-requests-index) .toolbar-chip {
    background:var(--bs-light);border:1px dashed var(--bs-border-color);padding:.35rem .6rem;border-radius:999px;font-size:.75rem
}
body:has(.scp-emp-requests-index) .card-modern {
    border:0;border-radius:var(--radius);background:var(--bs-body-bg);box-shadow:var(--shadow)
}
body:has(.scp-emp-requests-index) .status-badge {
    letter-spacing:.2px
}
body:has(.scp-emp-requests-index) .empty-wrap {
    border:1px dashed var(--ring);border-radius:var(--radius);padding:2rem;background:var(--soft)
}


/* ─── entries\create.blade.php [block 0] (scoped via .scp-entries-create) ─── */
/* ── NetSuite-style compact journal entry ── */
body:has(.scp-entries-create) :root {
    --ns-navy:   #1a4567;
            --ns-blue:   #0070d2;
            --ns-light:  #f3f6f9;
            --ns-border: #d8dde6;
            --ns-text:   #3e4b5b;
            --ns-muted:  #706e6b;
            --ns-green:  #2e844a;
            --ns-red:    #ba0517;
            --ns-label:  #444;
            --ns-row-alt: #f7f9fb;
}
/* reset noisy global rules from base theme */
body:has(.scp-entries-create) input[type="text"], body:has(.scp-entries-create) input[type="number"], body:has(.scp-entries-create) select, body:has(.scp-entries-create) textarea {
    -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            background-color: #fff !important;
            border: 1px solid var(--ns-border) !important;
            box-sizing: border-box !important;
            font-size: 12px !important;
            font-weight: normal !important;
}
body:has(.scp-entries-create) input[type="text"]:focus, body:has(.scp-entries-create) input[type="number"]:focus, body:has(.scp-entries-create) select:focus, body:has(.scp-entries-create) textarea:focus {
    border-color: var(--ns-blue) !important;
            box-shadow: 0 0 0 2px rgba(0,112,210,.15) !important;
            outline: none !important;
}
/* ── Page header ── */
body:has(.scp-entries-create) .ns-page-hd {
    display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .45rem .9rem;
            background: var(--ns-navy);
            color: #fff;
            gap: .75rem;
}
body:has(.scp-entries-create) .ns-page-hd-left {
    display: flex;
            align-items: center;
            gap: .65rem;
            min-width: 0;
}
body:has(.scp-entries-create) .ns-page-hd h1 {
    margin: 0;
            font-size: .95rem;
            font-weight: 700;
            white-space: nowrap;
            color: #fff;
}
body:has(.scp-entries-create) .ns-entry-type-badge {
    display: inline-block;
            padding: .1rem .45rem;
            background: rgba(255,255,255,.15);
            border-radius: 3px;
            font-size: .72rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .04em;
}
body:has(.scp-entries-create) .ns-page-hd-actions {
    display: flex;
            align-items: center;
            gap: .4rem;
            flex-shrink: 0;
}
body:has(.scp-entries-create) .ns-page-hd-actions .btn {
    padding: .25rem .7rem;
            font-size: .78rem;
            border-radius: 3px;
}
body:has(.scp-entries-create) .ns-page-hd-actions .btn-primary {
    background: #0070d2;
            border-color: #005fb2;
            color: #fff;
}
body:has(.scp-entries-create) .ns-page-hd-actions .btn-light {
    background: rgba(255,255,255,.12);
            border-color: rgba(255,255,255,.25);
            color: #fff;
}
body:has(.scp-entries-create) .ns-page-hd-actions .btn-light:hover {
    background: rgba(255,255,255,.22);
}
/* ── Form body ── */
body:has(.scp-entries-create) .ns-form-body {
    padding: .6rem .8rem 1.5rem;
}
/* ── Panel (each section box) ── */
body:has(.scp-entries-create) .ns-card {
    border: 1px solid var(--ns-border);
            border-radius: 4px;
            background: #fff;
            margin-bottom: .55rem;
}
body:has(.scp-entries-create) .ns-card-hd {
    display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .32rem .65rem;
            background: var(--ns-light);
            border-bottom: 1px solid var(--ns-border);
            font-size: .76rem;
            font-weight: 700;
            color: var(--ns-navy);
            text-transform: uppercase;
            letter-spacing: .05em;
            border-radius: 4px 4px 0 0;
}
body:has(.scp-entries-create) .ns-card-bd {
    padding: .55rem .65rem;
}
/* ── Header fields grid ── */
body:has(.scp-entries-create) .ns-field-grid {
    display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: .35rem .65rem;
}
body:has(.scp-entries-create) .ns-field-grid .ns-span-2 {
    grid-column: span 2;
}
body:has(.scp-entries-create) .ns-field {
    display: flex; flex-direction: column; gap: .18rem;
}
body:has(.scp-entries-create) .ns-label {
    font-size: .7rem;
            font-weight: 700;
            color: var(--ns-label);
            text-transform: uppercase;
            letter-spacing: .04em;
            white-space: nowrap;
}
body:has(.scp-entries-create) .ns-label .req {
    color: var(--ns-red);
}
body:has(.scp-entries-create) .ns-field .form-control, body:has(.scp-entries-create) .ns-field .form-select {
    height: 26px !important;
            min-height: 26px !important;
            padding: .1rem .4rem !important;
            font-size: 12px !important;
            border-radius: 3px !important;
}
body:has(.scp-entries-create) .ns-field .input-group .form-control {
    height: 26px !important; min-height: 26px !important;
}
body:has(.scp-entries-create) .ns-field .input-group .btn {
    padding: 0 .45rem;
            height: 26px;
            font-size: .75rem;
            border-radius: 0 3px 3px 0 !important;
}
body:has(.scp-entries-create) .ns-field .select2-container .select2-selection--single {
    height: 26px !important;
            min-height: 26px !important;
            border-radius: 3px !important;
            border-color: var(--ns-border) !important;
}
body:has(.scp-entries-create) .ns-field .select2-container .select2-selection__rendered {
    line-height: 24px !important;
            padding-left: .4rem !important;
            font-size: 12px !important;
}
body:has(.scp-entries-create) .ns-field .select2-container .select2-selection__arrow {
    height: 26px !important;
}
/* ── Memo row ── */
body:has(.scp-entries-create) .ns-memo-row {
    display: grid;
            grid-template-columns: 1fr auto;
            gap: .65rem;
            align-items: start;
}
body:has(.scp-entries-create) .ns-memo-row textarea, body:has(.scp-entries-create) .ns-memo-row input[type="text"] {
    height: 28px !important;
            min-height: 28px !important;
            padding: .15rem .4rem !important;
            resize: none;
            border-radius: 3px !important;
}
body:has(.scp-entries-create) .ns-memo-row .ns-file-group {
    display: flex;
            align-items: center;
            gap: 0;
            white-space: nowrap;
}
body:has(.scp-entries-create) .ns-memo-row .ns-file-group .btn {
    height: 26px;
            padding: 0 .5rem;
            font-size: .75rem;
            border-radius: 3px 0 0 3px !important;
}
body:has(.scp-entries-create) .ns-memo-row .ns-file-group input {
    height: 26px !important;
            min-height: 26px !important;
            border-radius: 0 3px 3px 0 !important;
            width: 180px;
}
/* ── Lines table ── */
body:has(.scp-entries-create) .ns-lines-wrap {
    overflow-x: auto;
}
/* keep cells from clipping */
/* in-table inputs */
body:has(.scp-entries-create) .ns-lines-wrap .form-control, body:has(.scp-entries-create) .ns-lines-wrap .form-select {
    height: 24px !important;
            min-height: 24px !important;
            padding: .05rem .3rem !important;
            font-size: 11.5px !important;
            border-radius: 2px !important;
}
body:has(.scp-entries-create) .ns-lines-wrap .select2-container .select2-selection--single {
    height: 24px !important;
            min-height: 24px !important;
            border-radius: 2px !important;
}
body:has(.scp-entries-create) .ns-lines-wrap .select2-container .select2-selection__rendered {
    line-height: 22px !important;
            font-size: 11.5px !important;
            padding-left: .3rem !important;
}
body:has(.scp-entries-create) .ns-lines-wrap .select2-container .select2-selection__arrow {
    height: 24px !important;
}
/* column widths */
/* total rows */
body:has(.scp-entries-create) .ns-diff-row .text-danger {
    color: var(--ns-red) !important; font-weight: 700;
}
/* dr/cr toggle select */
body:has(.scp-entries-create) .dr_cr_toggle {
    width: 48px !important; text-align: center; font-size: 11.5px !important; padding: 0 .2rem !important;
}
/* delete icon */
body:has(.scp-entries-create) .deleterow {
    color: #aaa; cursor: pointer; font-size: .85rem;
}
body:has(.scp-entries-create) .deleterow:hover {
    color: var(--ns-red);
}
/* recalculate icon */
body:has(.scp-entries-create) .recalculate {
    color: var(--ns-blue); cursor: pointer;
}
/* approval toggle */
body:has(.scp-entries-create) .ns-approval-wrap {
    display: flex; align-items: center; gap: .45rem; padding-top: .3rem;
}
body:has(.scp-entries-create) .ns-approval-wrap .form-check-label {
    font-size: 11.5px; color: var(--ns-muted);
}
/* error box */
body:has(.scp-entries-create) #entry-required-errors {
    margin: .4rem 0;
}
/* ── Action bar ── */
body:has(.scp-entries-create) .ns-action-bar {
    display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: .4rem;
            padding: .45rem 0 .2rem;
}
body:has(.scp-entries-create) .ns-action-bar .btn {
    padding: .28rem .85rem; font-size: .8rem; border-radius: 3px;
}
body:has(.scp-entries-create) .ns-action-bar .btn-primary {
    background: var(--ns-blue); border-color: #005fb2;
}
/* balance error text */
body:has(.scp-entries-create) .error-text {
    color: var(--ns-red);
}
@media (max-width: 991px) {
body:has(.scp-entries-create) .ns-field-grid {
    grid-template-columns: repeat(3, 1fr);
}

}
@media (max-width: 640px) {
body:has(.scp-entries-create) .ns-field-grid {
    grid-template-columns: repeat(2, 1fr);
}
body:has(.scp-entries-create) .ns-memo-row {
    grid-template-columns: 1fr;
}

}


/* ─── entries\edit.blade.php [block 0] (scoped via .scp-entries-edit) ─── */
/* ── NetSuite-style compact journal entry (edit) ── */
body:has(.scp-entries-edit) :root {
    --ns-navy:    #1a4567;
            --ns-blue:    #0070d2;
            --ns-light:   #f3f6f9;
            --ns-border:  #d8dde6;
            --ns-text:    #3e4b5b;
            --ns-muted:   #706e6b;
            --ns-red:     #ba0517;
            --ns-label:   #444;
            --ns-row-alt: #f7f9fb;
}
body:has(.scp-entries-edit) input[type="text"], body:has(.scp-entries-edit) input[type="number"], body:has(.scp-entries-edit) input[type="date"], body:has(.scp-entries-edit) select, body:has(.scp-entries-edit) textarea {
    -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            background-color: #fff !important;
            border: 1px solid var(--ns-border) !important;
            box-sizing: border-box !important;
            font-size: 12px !important;
            font-weight: normal !important;
}
body:has(.scp-entries-edit) input[type="text"]:focus, body:has(.scp-entries-edit) input[type="number"]:focus, body:has(.scp-entries-edit) input[type="date"]:focus, body:has(.scp-entries-edit) select:focus, body:has(.scp-entries-edit) textarea:focus {
    border-color: var(--ns-blue) !important;
            box-shadow: 0 0 0 2px rgba(0,112,210,.15) !important;
            outline: none !important;
}
/* ── Page header ── */
body:has(.scp-entries-edit) .ns-page-hd {
    display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .45rem .9rem;
            background: var(--ns-navy);
            color: #fff;
            gap: .75rem;
}
body:has(.scp-entries-edit) .ns-page-hd-left {
    display: flex; align-items: center; gap: .65rem; min-width: 0;
}
body:has(.scp-entries-edit) .ns-page-hd h1 {
    margin: 0; font-size: .95rem; font-weight: 700;
            white-space: nowrap; color: #fff;
}
body:has(.scp-entries-edit) .ns-entry-type-badge {
    display: inline-block; padding: .1rem .45rem;
            background: rgba(255,255,255,.15); border-radius: 3px;
            font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
}
body:has(.scp-entries-edit) .ns-page-hd-actions {
    display: flex; align-items: center; gap: .4rem; flex-shrink: 0;
}
body:has(.scp-entries-edit) .ns-page-hd-actions .btn {
    padding: .25rem .7rem; font-size: .78rem; border-radius: 3px;
}
body:has(.scp-entries-edit) .ns-page-hd-actions .btn-primary {
    background: #0070d2; border-color: #005fb2; color: #fff;
}
body:has(.scp-entries-edit) .ns-page-hd-actions .btn-success {
    background: #2e844a; border-color: #236137; color: #fff;
}
body:has(.scp-entries-edit) .ns-page-hd-actions .btn-light {
    background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color: #fff;
}
body:has(.scp-entries-edit) .ns-page-hd-actions .btn-light:hover {
    background: rgba(255,255,255,.22);
}
/* ── Form body ── */
body:has(.scp-entries-edit) .ns-form-body {
    padding: .6rem .8rem 1.5rem;
}
/* ── Panel ── */
body:has(.scp-entries-edit) .ns-card {
    border: 1px solid var(--ns-border); border-radius: 4px;
            background: #fff; margin-bottom: .55rem;
}
body:has(.scp-entries-edit) .ns-card-hd {
    display: flex; align-items: center; justify-content: space-between;
            padding: .32rem .65rem;
            background: var(--ns-light); border-bottom: 1px solid var(--ns-border);
            font-size: .76rem; font-weight: 700; color: var(--ns-navy);
            text-transform: uppercase; letter-spacing: .05em; border-radius: 4px 4px 0 0;
}
body:has(.scp-entries-edit) .ns-card-bd {
    padding: .55rem .65rem;
}
/* ── Header fields grid ── */
body:has(.scp-entries-edit) .ns-field-grid {
    display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: .35rem .65rem;
}
body:has(.scp-entries-edit) .ns-field-grid .ns-span-2 {
    grid-column: span 2;
}
body:has(.scp-entries-edit) .ns-field {
    display: flex; flex-direction: column; gap: .18rem;
}
body:has(.scp-entries-edit) .ns-label {
    font-size: .7rem; font-weight: 700; color: var(--ns-label);
            text-transform: uppercase; letter-spacing: .04em; white-space: nowrap;
}
body:has(.scp-entries-edit) .ns-label .req {
    color: var(--ns-red);
}
body:has(.scp-entries-edit) .ns-field .form-control, body:has(.scp-entries-edit) .ns-field .form-select {
    height: 26px !important; min-height: 26px !important;
            padding: .1rem .4rem !important; font-size: 12px !important; border-radius: 3px !important;
}
body:has(.scp-entries-edit) .ns-field .input-group .form-control {
    height: 26px !important; min-height: 26px !important;
}
body:has(.scp-entries-edit) .ns-field .input-group .btn {
    padding: 0 .45rem; height: 26px; font-size: .75rem;
            border-radius: 0 3px 3px 0 !important;
}
body:has(.scp-entries-edit) .ns-field .select2-container .select2-selection--single {
    height: 26px !important; min-height: 26px !important;
            border-radius: 3px !important; border-color: var(--ns-border) !important;
}
body:has(.scp-entries-edit) .ns-field .select2-container .select2-selection__rendered {
    line-height: 24px !important; padding-left: .4rem !important; font-size: 12px !important;
}
body:has(.scp-entries-edit) .ns-field .select2-container .select2-selection__arrow {
    height: 26px !important;
}
/* ── Memo row ── */
body:has(.scp-entries-edit) .ns-memo-row {
    display: grid; grid-template-columns: 1fr auto; gap: .65rem; align-items: start;
}
body:has(.scp-entries-edit) .ns-memo-row input[type="text"] {
    height: 28px !important; min-height: 28px !important;
            padding: .15rem .4rem !important; border-radius: 3px !important;
}
body:has(.scp-entries-edit) .ns-file-group {
    display: flex; align-items: center; gap: 0; white-space: nowrap;
}
body:has(.scp-entries-edit) .ns-file-group .btn {
    height: 26px; padding: 0 .5rem; font-size: .75rem; border-radius: 3px 0 0 3px !important;
}
body:has(.scp-entries-edit) .ns-file-group input {
    height: 26px !important; min-height: 26px !important; border-radius: 0 3px 3px 0 !important; width: 180px;
}
/* ── Lines table ── */
body:has(.scp-entries-edit) .ns-lines-wrap {
    overflow-x: auto;
}
/* table td resets (excludes thead th so navy header is preserved) */
/* in-table inputs */
body:has(.scp-entries-edit) .ns-lines-wrap .form-control, body:has(.scp-entries-edit) .ns-lines-wrap .form-select {
    height: 24px !important; min-height: 24px !important;
            padding: .05rem .3rem !important; font-size: 11.5px !important; border-radius: 2px !important;
}
body:has(.scp-entries-edit) .ns-lines-wrap .select2-container .select2-selection--single {
    height: 24px !important; min-height: 24px !important; border-radius: 2px !important;
}
body:has(.scp-entries-edit) .ns-lines-wrap .select2-container .select2-selection__rendered {
    line-height: 22px !important; font-size: 11.5px !important; padding-left: .3rem !important;
}
body:has(.scp-entries-edit) .ns-lines-wrap .select2-container .select2-selection__arrow {
    height: 24px !important;
}
/* column widths */
/* total rows */
body:has(.scp-entries-edit) .ns-diff-row .text-danger {
    color: var(--ns-red) !important; font-weight: 700;
}
body:has(.scp-entries-edit) .dr_cr_toggle {
    width: 48px !important; text-align: center; font-size: 11.5px !important; padding: 0 .2rem !important;
}
body:has(.scp-entries-edit) .deleterow {
    color: #aaa; cursor: pointer; font-size: .85rem;
}
body:has(.scp-entries-edit) .deleterow:hover {
    color: var(--ns-red);
}
body:has(.scp-entries-edit) .recalculate {
    color: var(--ns-blue); cursor: pointer;
}
body:has(.scp-entries-edit) .ns-approval-wrap {
    display: flex; align-items: center; gap: .45rem; padding-top: .3rem;
}
/* ── Action bar ── */
body:has(.scp-entries-edit) .ns-action-bar {
    display: flex; justify-content: flex-end; align-items: center;
            gap: .4rem; padding: .45rem 0 .2rem;
}
body:has(.scp-entries-edit) .ns-action-bar .btn {
    padding: .28rem .85rem; font-size: .8rem; border-radius: 3px;
}
body:has(.scp-entries-edit) .ns-action-bar .btn-primary {
    background: var(--ns-blue); border-color: #005fb2;
}
body:has(.scp-entries-edit) .ns-lines-footer {
    display: flex; justify-content: flex-start; align-items: center;
            gap: .55rem; padding: .45rem .65rem .6rem;
            border-top: 1px solid var(--ns-border);
            background: #fbfcfe;
}
body:has(.scp-entries-edit) .ns-lines-footer .btn {
    padding: .2rem .6rem; font-size: .75rem; border-radius: 3px;
}
body:has(.scp-entries-edit) .error-text {
    color: var(--ns-red);
}
@media (max-width: 991px) {
body:has(.scp-entries-edit) .ns-field-grid {
    grid-template-columns: repeat(3, 1fr);
}

}
@media (max-width: 640px) {
body:has(.scp-entries-edit) .ns-field-grid {
    grid-template-columns: repeat(2, 1fr);
}
body:has(.scp-entries-edit) .ns-memo-row {
    grid-template-columns: 1fr;
}

}


/* ─── entries\index.blade.php [block 1] (scoped via .scp-entries-index) ─── */
@media (max-width:767px) {
body:has(.scp-entries-index) .toolbar-card .d-flex.justify-content-between {
    flex-direction:column; align-items:flex-start !important;
}
body:has(.scp-entries-index) .toolbar-card .d-flex.flex-wrap.align-items-center.gap-2 {
    width:100%;
}
body:has(.scp-entries-index) .toolbar-card .dropdown {
    width:100%;
}
body:has(.scp-entries-index) .toolbar-card .dropdown .btn {
    width:100%; justify-content:center;
}

}


/* ─── entries\index.blade.php [block 0] (scoped via .scp-entries-index) ─── */
body:has(.scp-entries-index) .form-control {
    font-size:12px !important; font-weight:400 !important;
}
body:has(.scp-entries-index) .show-more {
    color:#111; cursor:pointer; text-decoration:none; margin-left:2px; font-size:9px;
}
body:has(.scp-entries-index) .show-more:hover {
    color:#0d6efd;
}
body:has(.scp-entries-index) .toolbar-card {
    border:1px solid #eef2f7; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(16,24,40,.08);
}
body:has(.scp-entries-index) #changeRateModalLink {
    z-index:1050;
}
body:has(.scp-entries-index) .badge-pill {
    border-radius:999px; padding:.35rem .6rem;
}
/* Revision badge */
body:has(.scp-entries-index) .rev-badge {
    display:inline-flex; align-items:center; gap:.28rem;
            font-size:.7rem; font-weight:700;
            padding:.18rem .5rem; border-radius:999px;
            background:#eff6ff; color:#1d4ed8;
            border:1px solid #bfdbfe;
            text-decoration:none; white-space:nowrap;
            transition: background .15s, border-color .15s;
}
body:has(.scp-entries-index) .rev-badge:hover {
    background:#dbeafe; border-color:#93c5fd; color:#1e40af;
}
body:has(.scp-entries-index) .rev-badge i {
    font-size:.72rem;
}
/* Review link */
body:has(.scp-entries-index) .review-btn {
    display:inline-flex; align-items:center; gap:.25rem;
            font-size:.72rem; font-weight:600;
            padding:.2rem .5rem; border-radius:6px;
            background:#f0fdf4; color:#16a34a;
            border:1px solid #bbf7d0;
            text-decoration:none; white-space:nowrap;
            transition: background .15s;
}
body:has(.scp-entries-index) .review-btn:hover {
    background:#dcfce7; color:#15803d;
}
body:has(.scp-entries-index) .review-btn i {
    font-size:.78rem;
}
/* Amount cell */
body:has(.scp-entries-index) .amt-val {
    font-weight:600; color:#111827; font-size:.8rem;
}
body:has(.scp-entries-index) .amt-narr {
    font-size:.7rem; color:#6b7280; white-space:normal; max-width:160px; overflow:hidden; text-overflow:ellipsis; display:block;
}
body:has(.scp-entries-index) .amt-diff {
    font-size:.7rem; color:#dc2626; font-weight:600;
}
/* Doc icon */
body:has(.scp-entries-index) .doc-link {
    font-size:1rem; color:#6366f1;
}
body:has(.scp-entries-index) .doc-link:hover {
    color:#4f46e5;
}
/* Filter modal */
body:has(.scp-entries-index) #entryFilterModal .modal-content {
    border:none; border-radius:20px; box-shadow:0 32px 80px rgba(15,23,42,.16); overflow:hidden;
}
body:has(.scp-entries-index) #entryFilterModal .modal-header {
    background:linear-gradient(135deg,rgba(15,118,110,.08),transparent 55%), linear-gradient(180deg,#f8fafc,#fff);
            border-bottom:1px solid #e2e8f0; padding:1.1rem 1.4rem;
}
body:has(.scp-entries-index) #entryFilterModal .modal-title {
    font-size:1rem; font-weight:800; color:#0f172a;
}
body:has(.scp-entries-index) #entryFilterModal .modal-body {
    padding:1.4rem;
}
body:has(.scp-entries-index) #entryFilterModal .modal-footer {
    background:#f8fafc; border-top:1px solid #e2e8f0; padding:.9rem 1.4rem;
}
body:has(.scp-entries-index) .ef-field-label {
    font-size:.69rem; font-weight:800; text-transform:uppercase;
            letter-spacing:.07em; color:#64748b; margin-bottom:.4rem; display:block;
}
body:has(.scp-entries-index) .ef-chip {
    display:inline-flex; align-items:center; gap:.35rem;
            padding:.3rem .65rem; border-radius:999px; background:#ecfdf5;
            border:1px solid #a7f3d0; color:#115e59; font-size:.72rem; font-weight:700;
}
body:has(.scp-entries-index) .ef-chip .btn-close {
    font-size:.5rem; padding:0; margin-left:.1rem;
}
body:has(.scp-entries-index) #ef-active-chips {
    display:flex; flex-wrap:wrap; gap:.4rem; min-height:0;
}
/* Skeleton */
@keyframes efShimmer {
 0%{background-position:-500px 0} 100%{background-position:500px 0} 
}
body:has(.scp-entries-index) .ef-skel {
    display:block; border-radius:10px;
            background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);
            background-size:500px 100%; animation:efShimmer 1.3s ease-in-out infinite;
}
body:has(.scp-entries-index) #ef-skeleton {
    display:none;
}
body:has(.scp-entries-index) #ef-form {
    display:none;
}


/* ─── entries\index_modern.blade.php [block 0] (scoped via .scp-entries-index-modern) ─── */
body:has(.scp-entries-index-modern) .form-control {
    font-size:12px !important; font-weight:400 !important;
}
body:has(.scp-entries-index-modern) .show-more {
    color:#111; cursor:pointer; text-decoration:none; margin-left:2px; font-size:9px;
}
body:has(.scp-entries-index-modern) .show-more:hover {
    color:#0d6efd;
}
/* Pretty toolbar card */
body:has(.scp-entries-index-modern) .toolbar-card {
    border:1px solid #eef2f7; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(16,24,40,.08);
}
/* Row selection highlight */
/* Floating Approve CTA */
body:has(.scp-entries-index-modern) #changeRateModalLink {
    z-index:1050;
}
/* Filter modal */
body:has(.scp-entries-index-modern) .entries-filter-modal .modal-content {
    border:0; border-radius:16px; box-shadow:0 24px 70px rgba(15,23,42,.24);
}
body:has(.scp-entries-index-modern) .entries-filter-modal .modal-header {
    border-bottom:1px solid #eef2f7; background:#f8fafc; border-radius:16px 16px 0 0;
}
body:has(.scp-entries-index-modern) .entries-filter-modal .modal-footer {
    border-top:1px solid #eef2f7; background:#fff; border-radius:0 0 16px 16px;
}
body:has(.scp-entries-index-modern) .entries-filter-modal .filter-section-title {
    font-size:11px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.04em;
}
/* Compact table head */
body:has(.scp-entries-index-modern) .entries-action-cell {
    overflow: visible !important;
}
body:has(.scp-entries-index-modern) .entries-action-toggle {
    color:#334155; text-decoration:none;
}
body:has(.scp-entries-index-modern) .entries-action-menu {
    width: 180px !important;
            min-width: 180px !important;
            max-width: 180px !important;
}
body:has(.scp-entries-index-modern) .entries-action-menu .menu-link {
    gap: .5rem;
            align-items: center;
            white-space: nowrap;
}
body:has(.scp-entries-index-modern) .entries-action-menu .menu-link i {
    width: 16px;
            color: #64748b;
            text-align: center;
}
/* Badge pill for count */
body:has(.scp-entries-index-modern) .badge-pill {
    border-radius:999px; padding:.35rem .6rem;
}
/* Stats cards */
body:has(.scp-entries-index-modern) .stat-card {
    border:1px solid #eef2f7; border-radius:14px; background:#fff; box-shadow:0 10px 24px rgba(16,24,40,.06);
}
body:has(.scp-entries-index-modern) .stat-mini {
    border:1px solid #edf2f7; border-radius:12px; background:#f8fafc;
}
body:has(.scp-entries-index-modern) .small-muted {
    font-size:12px; color:#6b7280;
}


/* ─── entries\show.blade.php [block 0] (scoped via .scp-entries-show) ─── */
body:has(.scp-entries-show) :root {
    /* Warm light palette */
      --bg-page: #f8f7f4;
      --bg-card: #ffffff;
      --bg-elevated: #fafaf9;
      --bg-hover: #f5f4f1;
      --bg-accent: #1a1a1a;
      
      /* Accent colors */
      --accent-primary: #2563eb;
      --accent-primary-soft: rgba(37, 99, 235, 0.08);
      --accent-success: #059669;
      --accent-success-soft: rgba(5, 150, 105, 0.08);
      --accent-warning: #d97706;
      --accent-warning-soft: rgba(217, 119, 6, 0.08);
      --accent-danger: #dc2626;
      --accent-danger-soft: rgba(220, 38, 38, 0.08);
      
      /* Text colors */
      --text-primary: #1a1a1a;
      --text-secondary: #525252;
      --text-muted: #737373;
      --text-faint: #a3a3a3;
      
      /* Borders */
      --border-subtle: rgba(0, 0, 0, 0.04);
      --border-default: rgba(0, 0, 0, 0.08);
      --border-emphasis: rgba(0, 0, 0, 0.12);
      
      /* Shadows */
      --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
      --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08);
      
      /* Misc */
      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
      --transition-smooth: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
body:has(.scp-entries-show) *, body:has(.scp-entries-show) *::before, body:has(.scp-entries-show) *::after {
    box-sizing: border-box;
}
body:has(.scp-entries-show) {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--bg-page);
      color: var(--text-primary);
      margin: 0;
      min-height: 100vh;
      -webkit-font-smoothing: antialiased;
}
/* Subtle background pattern */
body:has(.scp-entries-show) .page-backdrop {
    position: fixed;
      inset: 0;
      z-index: -1;
      background: 
        radial-gradient(ellipse at 0% 0%, rgba(37, 99, 235, 0.03) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(5, 150, 105, 0.03) 0%, transparent 50%),
        var(--bg-page);
}
/* Page container */
body:has(.scp-entries-show) .page-container {
    max-width: 1400px;
      margin: 0 auto;
      padding: 0 clamp(1rem, 3vw, 2rem);
}
/* ===== HEADER ===== */
body:has(.scp-entries-show) .voucher-header {
    padding: 1rem 0 1rem;
      animation: fadeSlideDown 0.5s ease-out;
}
@keyframes fadeSlideDown {

      from { opacity: 0; transform: translateY(-16px); }
      to { opacity: 1; transform: translateY(0); }
    
}
body:has(.scp-entries-show) .header-top {
    display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 1rem;
}
body:has(.scp-entries-show) .brand-section {
    display: flex;
      align-items: center;
      gap: 1.25rem;
}
body:has(.scp-entries-show) .brand-logo {
    width: 40px;
      height: 40px;
      background: var(--bg-accent);
      border-radius: var(--radius-md);
      display: grid;
      place-items: center;
      font-family: 'Fraunces', serif;
      font-weight: 600;
      font-size: 0.9rem;
      color: #fff;
      box-shadow: var(--shadow-md);
}
body:has(.scp-entries-show) .brand-info h1 {
    font-family: 'Fraunces', serif;
      font-size: clamp(1.1rem, 2vw, 1.375rem);
      font-weight: 600;
      color: var(--text-primary);
      margin: 0 0 0.2rem;
      letter-spacing: -0.02em;
}
body:has(.scp-entries-show) .brand-subtitle {
    font-size: 0.875rem;
      color: var(--text-muted);
      display: flex;
      align-items: center;
      gap: 0.5rem;
}
body:has(.scp-entries-show) .brand-subtitle i {
    font-size: 0.75rem;
}
body:has(.scp-entries-show) .header-badges {
    display: flex;
      align-items: center;
      gap: 0.75rem;
      flex-wrap: wrap;
}
body:has(.scp-entries-show) .voucher-number {
    font-family: 'JetBrains Mono', monospace;
      font-size: 0.8rem;
      font-weight: 500;
      color: var(--text-primary);
      background: var(--bg-card);
      padding: 0.35rem 0.75rem;
      border-radius: var(--radius-md);
      border: 1px solid var(--border-default);
      box-shadow: var(--shadow-sm);
      display: flex;
      align-items: center;
      gap: 0.4rem;
}
body:has(.scp-entries-show) .voucher-number i {
    color: var(--text-muted);
}
body:has(.scp-entries-show) .status-badge {
    font-size: 0.72rem;
      font-weight: 600;
      padding: 0.35rem 0.75rem;
      border-radius: var(--radius-md);
      display: flex;
      align-items: center;
      gap: 0.35rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
}
body:has(.scp-entries-show) .status-badge.approved {
    background: var(--accent-success-soft);
      color: var(--accent-success);
      border: 1px solid rgba(5, 150, 105, 0.15);
}
body:has(.scp-entries-show) .status-badge.pending {
    background: var(--accent-warning-soft);
      color: var(--accent-warning);
      border: 1px solid rgba(217, 119, 6, 0.15);
}
/* Meta ribbon */
body:has(.scp-entries-show) .meta-ribbon {
    display: flex;
      flex-wrap: wrap;
      gap: 0;
      background: var(--bg-card);
      border-radius: var(--radius-lg);
      border: 1px solid var(--border-default);
      box-shadow: var(--shadow-sm);
      overflow: hidden;
}
body:has(.scp-entries-show) .meta-item {
    flex: 1;
      min-width: 120px;
      padding: 0.6rem 1rem;
      border-right: 1px solid var(--border-subtle);
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
}
body:has(.scp-entries-show) .meta-item:last-child {
    border-right: none;
}
body:has(.scp-entries-show) .meta-item .label {
    font-size: 0.7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-muted);
}
body:has(.scp-entries-show) .meta-item .value {
    font-family: 'JetBrains Mono', monospace;
      font-size: 0.85rem;
      color: var(--text-primary);
      font-weight: 500;
}
/* ===== TOOLBAR ===== */
body:has(.scp-entries-show) .toolbar {
    display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      flex-wrap: wrap;
      margin-bottom: 1rem;
      padding: 0.5rem 0.875rem;
      background: var(--bg-card);
      border-radius: var(--radius-lg);
      border: 1px solid var(--border-default);
      box-shadow: var(--shadow-sm);
      animation: fadeSlideUp 0.5s ease-out 0.1s both;
}
@keyframes fadeSlideUp {

      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    
}
body:has(.scp-entries-show) .toolbar-nav, body:has(.scp-entries-show) .toolbar-actions {
    display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
}
body:has(.scp-entries-show) .btn {
    display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.35rem 0.65rem;
      font-family: 'DM Sans', sans-serif;
      font-size: 0.8rem;
      font-weight: 500;
      border-radius: var(--radius-sm);
      border: 1px solid var(--border-default);
      background: var(--bg-card);
      color: var(--text-secondary);
      cursor: pointer;
      transition: all var(--transition-fast);
      text-decoration: none;
}
body:has(.scp-entries-show) .btn:hover {
    background: var(--bg-hover);
      border-color: var(--border-emphasis);
      color: var(--text-primary);
      transform: translateY(-1px);
      box-shadow: var(--shadow-sm);
}
body:has(.scp-entries-show) .btn-primary {
    background: var(--bg-accent);
      border-color: var(--bg-accent);
      color: #fff;
}
body:has(.scp-entries-show) .btn-primary:hover {
    background: #333;
      border-color: #333;
      color: #fff;
      box-shadow: var(--shadow-md);
}
body:has(.scp-entries-show) .btn-danger {
    color: var(--accent-danger);
      border-color: rgba(220, 38, 38, 0.2);
}
body:has(.scp-entries-show) .btn-danger:hover {
    background: var(--accent-danger-soft);
      border-color: var(--accent-danger);
}
body:has(.scp-entries-show) .btn i {
    font-size: 1rem;
}
/* ===== CONTENT GRID ===== */
body:has(.scp-entries-show) .content-grid {
    display: grid;
      grid-template-columns: 1fr;
      gap: 0.75rem;
      margin-bottom: 0.875rem;
}
@media (min-width: 1024px) {
body:has(.scp-entries-show) .content-grid {
    grid-template-columns: repeat(3, 1fr);
}
body:has(.scp-entries-show) .content-grid .span-full {
    grid-column: 1 / -1;
}

}
/* ===== CARDS ===== */
body:has(.scp-entries-show) .card {
    background: var(--bg-card);
      border: 1px solid var(--border-default);
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      animation: fadeSlideUp 0.5s ease-out both;
}
body:has(.scp-entries-show) .card:nth-child(1) {
    animation-delay: 0.15s;
}
body:has(.scp-entries-show) .card:nth-child(2) {
    animation-delay: 0.2s;
}
body:has(.scp-entries-show) .card:nth-child(3) {
    animation-delay: 0.25s;
}
body:has(.scp-entries-show) .card:nth-child(4) {
    animation-delay: 0.3s;
}
body:has(.scp-entries-show) .card-header {
    padding: 0.6rem 1rem;
      border-bottom: 1px solid var(--border-subtle);
      background: var(--bg-elevated);
}
body:has(.scp-entries-show) .card-header h3 {
    font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-muted);
      margin: 0;
      display: flex;
      align-items: center;
      gap: 0.5rem;
}
body:has(.scp-entries-show) .card-header h3 i {
    color: var(--accent-primary);
      font-size: 0.875rem;
}
body:has(.scp-entries-show) .card-body {
    padding: 0.75rem 1rem;
}
/* Key-value pairs */
body:has(.scp-entries-show) .kv-list {
    display: flex;
      flex-direction: column;
      gap: 0;
}
body:has(.scp-entries-show) .kv-item {
    display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 0.45rem 0;
      border-bottom: 1px solid var(--border-subtle);
}
body:has(.scp-entries-show) .kv-item:first-child {
    padding-top: 0;
}
body:has(.scp-entries-show) .kv-item:last-child {
    border-bottom: none;
      padding-bottom: 0;
}
body:has(.scp-entries-show) .kv-item .key {
    font-size: 0.78rem;
      color: var(--text-muted);
      flex-shrink: 0;
}
body:has(.scp-entries-show) .kv-item .value {
    font-size: 0.82rem;
      color: var(--text-primary);
      text-align: right;
      font-weight: 500;
}
body:has(.scp-entries-show) .kv-item .value a {
    color: var(--accent-primary);
      text-decoration: none;
      transition: color var(--transition-fast);
}
body:has(.scp-entries-show) .kv-item .value a:hover {
    text-decoration: underline;
}
body:has(.scp-entries-show) .kv-item .value.mono {
    font-family: 'JetBrains Mono', monospace;
      font-size: 0.85rem;
}
body:has(.scp-entries-show) .kv-item .value.pending {
    color: var(--accent-warning);
}
body:has(.scp-entries-show) .kv-item .value small {
    display: block;
      color: var(--text-muted);
      font-weight: 400;
      margin-top: 0.2rem;
}
/* ===== DETAILS STRIP ===== */
body:has(.scp-entries-show) .details-strip {
    background: var(--bg-card);
      border: 1px solid var(--border-default);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-sm);
      margin-bottom: 0.875rem;
      overflow: hidden;
      animation: fadeSlideUp 0.5s ease-out 0.15s both;
}
body:has(.scp-entries-show) .ds-grid {
    display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
body:has(.scp-entries-show) .ds-item {
    padding: 0.5rem 0.875rem;
      border-right: 1px solid var(--border-subtle);
      border-bottom: 1px solid var(--border-subtle);
      display: flex;
      flex-direction: column;
      gap: 0.15rem;
      min-width: 0;
}
body:has(.scp-entries-show) .ds-label {
    font-size: 0.62rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: var(--text-muted);
      white-space: nowrap;
}
body:has(.scp-entries-show) .ds-value {
    font-size: 0.8rem;
      color: var(--text-primary);
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
body:has(.scp-entries-show) .ds-value.mono {
    font-family: 'JetBrains Mono', monospace;
      font-size: 0.75rem;
}
body:has(.scp-entries-show) .ds-value a {
    color: var(--accent-primary);
      text-decoration: none;
}
body:has(.scp-entries-show) .ds-value a:hover {
    text-decoration: underline;
}
body:has(.scp-entries-show) .ds-value small {
    display: block;
      font-size: 0.65rem;
      font-weight: 400;
      color: var(--text-muted);
      white-space: nowrap;
}
body:has(.scp-entries-show) .ds-value.pending {
    color: var(--accent-warning);
}
body:has(.scp-entries-show) .ds-notes {
    padding: 0.45rem 0.875rem;
      font-size: 0.78rem;
      color: var(--text-secondary);
      line-height: 1.5;
      border-top: 1px solid var(--border-subtle);
      background: var(--bg-elevated);
      display: flex;
      align-items: baseline;
      gap: 0.5rem;
}
body:has(.scp-entries-show) .ds-notes-label {
    font-size: 0.62rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: var(--text-muted);
      flex-shrink: 0;
}
body:has(.scp-entries-show) .ds-notes-text.empty {
    color: var(--text-muted);
      font-style: italic;
}
/* Attachment link */
body:has(.scp-entries-show) .attachment-link {
    display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.4rem 0.75rem;
      background: var(--accent-primary-soft);
      border: 1px solid rgba(37, 99, 235, 0.15);
      border-radius: var(--radius-sm);
      color: var(--accent-primary);
      font-size: 0.85rem;
      font-weight: 500;
      text-decoration: none;
      transition: all var(--transition-fast);
}
body:has(.scp-entries-show) .attachment-link:hover {
    background: rgba(37, 99, 235, 0.12);
      transform: translateY(-1px);
}
/* ===== LEDGER TABLE ===== */
body:has(.scp-entries-show) .ledger-section {
    animation: fadeSlideUp 0.5s ease-out 0.35s both;
      margin-bottom: 0.875rem;
}
/* Totals strip */
body:has(.scp-entries-show) .totals-strip {
    display: flex;
      justify-content: flex-end;
      gap: 2rem;
      padding: 0.65rem 1.25rem;
      background: var(--bg-elevated);
      border-top: 1px solid var(--border-default);
}
body:has(.scp-entries-show) .total-box {
    text-align: right;
}
body:has(.scp-entries-show) .total-box .label {
    font-size: 0.7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-muted);
      margin-bottom: 0.35rem;
}
body:has(.scp-entries-show) .total-box .amount {
    font-family: 'JetBrains Mono', monospace;
      font-size: 1rem;
      font-weight: 600;
}
body:has(.scp-entries-show) .total-box .amount.debit {
    color: var(--accent-success);
}
body:has(.scp-entries-show) .total-box .amount.credit {
    color: var(--accent-danger);
}
/* ===== SIGNATURE SECTION ===== */
body:has(.scp-entries-show) .signatures-section {
    display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 1.5rem;
      padding: 1.25rem;
      background: var(--bg-card);
      border: 1px solid var(--border-default);
      border-radius: var(--radius-lg);
      margin-bottom: 0.875rem;
      box-shadow: var(--shadow-sm);
      animation: fadeSlideUp 0.5s ease-out 0.55s both;
}
body:has(.scp-entries-show) .signature-box {
    text-align: center;
}
body:has(.scp-entries-show) .signature-line {
    height: 60px;
      border-bottom: 2px dashed var(--border-emphasis);
      margin-bottom: 0.75rem;
}
body:has(.scp-entries-show) .signature-label {
    font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-muted);
}
/* ===== RELATED ENTRIES ===== */
body:has(.scp-entries-show) .related-section {
    animation: fadeSlideUp 0.5s ease-out 0.4s both;
      margin-bottom: 0.875rem;
}
body:has(.scp-entries-show) .rel-type-badge {
    display: inline-block;
      padding: 0.15rem 0.5rem;
      background: var(--accent-primary-soft);
      border: 1px solid rgba(37,99,235,0.15);
      border-radius: 4px;
      font-size: 0.7rem;
      font-weight: 600;
      color: var(--accent-primary);
      text-transform: uppercase;
      letter-spacing: 0.04em;
}
/* ===== AUDIT SECTION ===== */
body:has(.scp-entries-show) .audit-section {
    padding: 0.875rem 1.25rem;
      background: var(--bg-card);
      border: 1px solid var(--border-default);
      border-radius: var(--radius-lg);
      margin-bottom: 2rem;
      box-shadow: var(--shadow-sm);
      animation: fadeSlideUp 0.5s ease-out 0.5s both;
}
body:has(.scp-entries-show) .audit-header {
    font-size: 0.7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-muted);
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
}
body:has(.scp-entries-show) .audit-header i {
    color: var(--accent-primary);
}
body:has(.scp-entries-show) .audit-timeline {
    display: flex;
      flex-direction: column;
      gap: 0.75rem;
      padding-left: 1rem;
      border-left: 2px solid var(--border-default);
}
body:has(.scp-entries-show) .audit-item {
    position: relative;
      padding-left: 1rem;
}
body:has(.scp-entries-show) .audit-item::before {
    content: '';
      position: absolute;
      left: -1.35rem;
      top: 0.4rem;
      width: 10px;
      height: 10px;
      background: var(--bg-card);
      border: 2px solid var(--accent-primary);
      border-radius: 50%;
}
body:has(.scp-entries-show) .audit-item .action {
    font-size: 0.85rem;
      color: var(--text-primary);
      font-weight: 600;
}
body:has(.scp-entries-show) .audit-item .details {
    font-size: 0.8rem;
      color: var(--text-muted);
      margin-top: 0.15rem;
}
body:has(.scp-entries-show) .audit-item .details span {
    color: var(--text-secondary);
      font-weight: 500;
}
/* ===== PRINT STYLES ===== */
@media print {
body:has(.scp-entries-show) .page-backdrop, body:has(.scp-entries-show) .toolbar, body:has(.scp-entries-show) .no-print {
    display: none !important;
}
body:has(.scp-entries-show) .status-badge {
    -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
}
@page {

        margin: 15mm;
      
}

}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
body:has(.scp-entries-show) .header-top {
    flex-direction: column;
        align-items: flex-start;
}
body:has(.scp-entries-show) .meta-ribbon {
    flex-direction: column;
}
body:has(.scp-entries-show) .meta-item {
    border-right: none;
        border-bottom: 1px solid var(--border-subtle);
}
body:has(.scp-entries-show) .meta-item:last-child {
    border-bottom: none;
}
body:has(.scp-entries-show) .toolbar {
    flex-direction: column;
        align-items: stretch;
}
body:has(.scp-entries-show) .toolbar-nav, body:has(.scp-entries-show) .toolbar-actions {
    justify-content: center;
}
body:has(.scp-entries-show) .totals-strip {
    flex-direction: column;
        gap: 1rem;
        align-items: flex-end;
}

}


/* ─── entries\transaction.blade.php [block 0] (scoped via .scp-entries-transaction) ─── */
body:has(.scp-entries-transaction) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-entries-transaction) .tr-head {
    font-size: 12px !important;
            font-weight: 400 !important;
            color: black !important;
}
/* ─── entries\transSummary.blade.php [block 1] (scoped via .scp-entries-transsummary) ─── */
body:has(.scp-entries-transsummary) .box {
    border-bottom: 1px solid #ffff !important;
            box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
            margin-top: 45px;
            border-radius: 12px !important;
            border-top: none !important;
}
body:has(.scp-entries-transsummary) .select2-container--default .select2-selection--single {
    border: 1px solid #aaaaaa57 !important;
}
body:has(.scp-entries-transsummary) .balancesheet.form {
    margin-top: -25px;
}


/* ─── entries\transSummary.blade.php [block 0] (scoped via .scp-entries-transsummary) ─── */
/* ─── entries\trashindex.blade.php [block 0] (scoped via .scp-entries-trashindex) ─── */
body:has(.scp-entries-trashindex) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-entries-trashindex) .note-preview {
    white-space: normal;
            max-width: 280px;
            line-height: 1.4;
}
body:has(.scp-entries-trashindex) .note-preview__full {
    display: none;
}
body:has(.scp-entries-trashindex) .note-preview.is-expanded .note-preview__short {
    display: none;
}
body:has(.scp-entries-trashindex) .note-preview.is-expanded .note-preview__full {
    display: inline;
}
body:has(.scp-entries-trashindex) .note-preview__toggle {
    border: 0;
            background: none;
            color: #0d6efd;
            padding: 0;
            font-size: 12px;
            text-decoration: underline;
            cursor: pointer;
}
body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_app_toolbar_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_toolbar_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_app_content_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth .app-container, body:has(.scp-entries-trashindex).entries-trash-fullwidth .container-xxl {
    max-width: 100% !important;
            width: 100% !important;
}
body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_app_toolbar_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_toolbar_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth #kt_app_content_container, body:has(.scp-entries-trashindex).entries-trash-fullwidth .app-container, body:has(.scp-entries-trashindex).entries-trash-fullwidth .container-xxl {
    padding-left: 24px !important;
            padding-right: 24px !important;
}


/* ─── entries\version.blade.php [block 0] (scoped via .scp-entries-version) ─── */
/* ── Variables ──────────────────────────────────────────────── */
body:has(.scp-entries-version) :root {
    --rv-primary:  #3b82f6;
    --rv-muted:    #6b7280;
    --rv-border:   rgba(15,23,42,.09);
    --rv-radius:   12px;
    --rv-shadow:   0 2px 10px rgba(15,23,42,.07);
    --rv-line:     #e2e8f0;
}
/* ── Page header ────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-header {
    background: linear-gradient(135deg,#fff 0%,#f0f7ff 100%);
    border: 1px solid var(--rv-border);
    border-radius: var(--rv-radius);
    padding: 1.1rem 1.4rem;
    margin-bottom: 1.25rem;
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: space-between; gap: .75rem;
}
body:has(.scp-entries-version) .rv-entry-sub {
    font-size: .72rem; color: var(--rv-muted); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; margin-bottom: .15rem;
}
body:has(.scp-entries-version) .rv-entry-id {
    font-size: 1.3rem; font-weight: 700;
}
body:has(.scp-entries-version) .rv-entry-id  span {
    color: var(--rv-primary);
}
body:has(.scp-entries-version) .rv-stat {
    display: inline-flex; align-items: center; gap: .4rem;
    background: #fff; border: 1px solid var(--rv-border);
    border-radius: 999px; padding: .3rem .7rem;
    font-size: .76rem; font-weight: 600; color: #374151;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
body:has(.scp-entries-version) .rv-stat i {
    color: var(--rv-primary);
}
/* ── Controls bar ───────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-controls {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: .5rem;
    margin-bottom: 1rem;
}
body:has(.scp-entries-version) .rv-hint {
    font-size: .75rem; color: var(--rv-muted); display: flex; align-items: center; gap: .3rem;
}
body:has(.scp-entries-version) .rv-expand-btns {
    display: flex; gap: .4rem;
}
body:has(.scp-entries-version) .rv-expand-btns button {
    font-size: .72rem; font-weight: 600;
    padding: .25rem .6rem; border-radius: 6px;
    border: 1px solid var(--rv-border);
    background: #fff; color: #374151; cursor: pointer;
    transition: background .12s, border-color .12s;
}
body:has(.scp-entries-version) .rv-expand-btns button:hover {
    background: #f0f7ff; border-color: #93c5fd; color: var(--rv-primary);
}
/* ── Timeline ────────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-timeline {
    position: relative; padding-left: 34px;
}
body:has(.scp-entries-version) .rv-timeline::before {
    content: ''; position: absolute;
    left: 11px; top: 10px; bottom: 10px; width: 2px;
    background: linear-gradient(to bottom, var(--rv-primary), var(--rv-line));
    border-radius: 1px;
}
/* ── Single item ─────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-item {
    position: relative; margin-bottom: 1rem;
}
body:has(.scp-entries-version) .rv-item:last-child {
    margin-bottom: 0;
}
body:has(.scp-entries-version) .rv-dot {
    position: absolute; left: -27px; top: 15px;
    width: 12px; height: 12px; border-radius: 50%;
    background: var(--rv-primary);
    border: 2px solid #fff; box-shadow: 0 0 0 2px var(--rv-primary);
    z-index: 1; transition: transform .2s;
}
body:has(.scp-entries-version) .rv-item:hover .rv-dot {
    transform: scale(1.25);
}
body:has(.scp-entries-version) .rv-item.rv-old .rv-dot {
    background: #cbd5e1; box-shadow: 0 0 0 2px #cbd5e1;
}
/* ── Card ────────────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-card {
    background: #fff; border: 1px solid var(--rv-border);
    border-radius: var(--rv-radius); box-shadow: var(--rv-shadow);
    overflow: hidden; transition: box-shadow .2s;
}
body:has(.scp-entries-version) .rv-card:hover {
    box-shadow: 0 6px 24px rgba(15,23,42,.1);
}
body:has(.scp-entries-version) .rv-item.rv-latest .rv-card {
    border-left: 3px solid var(--rv-primary);
}
/* ── Trigger row ─────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-trigger {
    display: flex; align-items: center; flex-wrap: wrap; gap: .6rem;
    padding: .75rem 1.1rem; cursor: pointer; user-select: none;
    transition: background .12s;
}
body:has(.scp-entries-version) .rv-trigger:hover {
    background: #f8fafc;
}
body:has(.scp-entries-version) .rv-avatar {
    width: 34px; height: 34px; border-radius: 50%;
    background: linear-gradient(135deg,#6366f1,#3b82f6);
    color: #fff; font-size: .75rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
body:has(.scp-entries-version) .rv-meta {
    flex: 1 1 auto; min-width: 0;
}
body:has(.scp-entries-version) .rv-ver-title {
    display: flex; align-items: center; gap: .4rem; flex-wrap: wrap;
    font-weight: 700; font-size: .86rem; color: #111827; margin-bottom: .2rem;
}
body:has(.scp-entries-version) .rv-badge-latest {
    font-size: .62rem; font-weight: 800; letter-spacing: .06em;
    padding: .12rem .45rem; border-radius: 999px;
    background: linear-gradient(90deg,#3b82f6,#6366f1); color: #fff;
}
body:has(.scp-entries-version) .rv-badge-diff {
    font-size: .65rem; font-weight: 700;
    padding: .12rem .45rem; border-radius: 999px;
    background: #fef3c7; color: #92400e; border: 1px solid #fde68a;
}
body:has(.scp-entries-version) .rv-badge-nodiff {
    font-size: .65rem; font-weight: 600;
    padding: .12rem .45rem; border-radius: 999px;
    background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0;
}
body:has(.scp-entries-version) .rv-chips {
    display: flex; flex-wrap: wrap; gap: .3rem;
}
body:has(.scp-entries-version) .rv-chip {
    display: inline-flex; align-items: center; gap: .22rem;
    font-size: .7rem; color: var(--rv-muted);
    background: #f3f4f6; border-radius: 999px; padding: .12rem .45rem;
}
body:has(.scp-entries-version) .rv-chip i {
    font-size: .72rem;
}
body:has(.scp-entries-version) .rv-chevron {
    flex-shrink: 0; color: #9ca3af; font-size: 1rem;
    transition: transform .22s cubic-bezier(.4,0,.2,1);
}
body:has(.scp-entries-version) .rv-trigger[aria-expanded="true"] .rv-chevron {
    transform: rotate(180deg);
}
/* ── Body ────────────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-body {
    border-top: 1px solid rgba(15,23,42,.06); padding: .85rem 1.1rem;
}
/* ── Fields table ────────────────────────────────────────────── */
/* Highlight changed rows */
/* ── Empty state ─────────────────────────────────────────────── */
body:has(.scp-entries-version) .rv-empty {
    text-align: center; padding: 3.5rem 1.5rem;
    border: 1px dashed #d1d5db; border-radius: var(--rv-radius);
    background: #f9fafb; color: var(--rv-muted);
}
body:has(.scp-entries-version) .rv-empty i {
    font-size: 2.8rem; color: #d1d5db; display: block; margin-bottom: .75rem;
}


/* ─── events\add-space.blade.php [block 0] (scoped via .scp-events-add-space) ─── */
body:has(.scp-events-add-space) select {
    width:200px !important;
}
body:has(.scp-events-add-space) label {
    font-weight: 600 !important;
}
body:has(.scp-events-add-space) .intl-tel-input {
    width: 100%;
}
body:has(.scp-events-add-space) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── events\add-venue.blade.php [block 0] (scoped via .scp-events-add-venue) ─── */
body:has(.scp-events-add-venue) select {
    width:200px !important;
}
body:has(.scp-events-add-venue) label {
    font-weight: 600 !important;
}
body:has(.scp-events-add-venue) .intl-tel-input {
    width: 100%;
}
body:has(.scp-events-add-venue) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── events\edit-space.blade.php [block 0] (scoped via .scp-events-edit-space) ─── */
body:has(.scp-events-edit-space) select {
    width:200px !important;
}
body:has(.scp-events-edit-space) label {
    font-weight: 600 !important;
}
body:has(.scp-events-edit-space) .intl-tel-input {
    width: 100%;
}
body:has(.scp-events-edit-space) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── events\edit-venue.blade.php [block 0] (scoped via .scp-events-edit-venue) ─── */
body:has(.scp-events-edit-venue) select {
    width:200px !important;
}
body:has(.scp-events-edit-venue) label {
    font-weight: 600 !important;
}
body:has(.scp-events-edit-venue) .intl-tel-input {
    width: 100%;
}
body:has(.scp-events-edit-venue) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── events\editevent.blade.php [block 0] (scoped via .scp-events-editevent) ─── */
body:has(.scp-events-editevent) select {
    width:200px !important;
}
body:has(.scp-events-editevent) label {
    font-weight: 600 !important;
}
body:has(.scp-events-editevent) .intl-tel-input {
    width: 100%;
}
body:has(.scp-events-editevent) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── excel\importExportClient.blade.php [block 0] (scoped via .scp-excel-importexportclient) ─── */
/* Compact, consistent controls */
body:has(.scp-excel-importexportclient) .form-control, body:has(.scp-excel-importexportclient) .form-select {
    height: 38px;
            font-size: .925rem;
}
body:has(.scp-excel-importexportclient) .select2-container--bootstrap-5 .select2-selection--single {
    height: 38px !important;
            padding: .375rem .75rem !important;
            font-size: .925rem !important;
}
body:has(.scp-excel-importexportclient) .select2-container--bootstrap-5 .select2-selection__rendered {
    line-height: 1.4 !important;
}
body:has(.scp-excel-importexportclient) .toolbar-hero {
    background: linear-gradient(135deg, #eef5ff 0%, #fff7ef 100%);
            border-bottom: 1px solid #eef2f7;
}


/* ─── excel\importExportUser.blade.php [block 0] (scoped via .scp-excel-importexportuser) ─── */
body:has(.scp-excel-importexportuser) :root {
    --soft:#f8fafc; --ring:#e2e8f0; --ink:#0f172a; --muted:#64748b; --radius:14px;
}
body:has(.scp-excel-importexportuser) .toolbar-soft {
    background: linear-gradient(135deg,#f0f6ff 0%, #fff7f0 100%); border-bottom:1px solid var(--ring);
}
body:has(.scp-excel-importexportuser) .chip {
    background:#eef2f7; color:#0f172a; border-radius:999px; padding:.25rem .6rem; font-size:.75rem;
}
body:has(.scp-excel-importexportuser) .card {
    border-radius: var(--radius);
}


/* ─── expenses\create.blade.php [block 0] (scoped via .scp-expenses-create) ─── */
body:has(.scp-expenses-create) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1d4ed8; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-expenses-create) .page-wrap {
    padding-inline:clamp(.5rem,2vw,1rem)
}
body:has(.scp-expenses-create) .toolbar-chip {
    background:#eef2ff;border:1px dashed #c7d2fe;padding:.35rem .6rem;border-radius:999px;font-size:.75rem
}
body:has(.scp-expenses-create) .card-modern {
    border:0;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)
}
body:has(.scp-expenses-create) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:transparent
}
body:has(.scp-expenses-create) .totals-dock {
    position:sticky;bottom:0;z-index:9;background:#ffffffcc;backdrop-filter:blur(4px);border-top:1px solid #e2e8f0;padding:.5rem .75rem
}
body:has(.scp-expenses-create) .totals-dock .metric {
    display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-size:.85rem
}
body:has(.scp-expenses-create) .totals-dock .metric strong {
    font-variant-numeric:tabular-nums
}
body:has(.scp-expenses-create) .sn-col {
    width:56px
}
body:has(.scp-expenses-create) .col-tag {
    width:15%
}
body:has(.scp-expenses-create) .col-doc {
    width:10%
}
body:has(.scp-expenses-create) .col-ledger {
    width:27%
}
body:has(.scp-expenses-create) .col-desc {
    width:20%
}
body:has(.scp-expenses-create) .col-amt {
    width:12%
}
body:has(.scp-expenses-create) .col-tax {
    width:10%
}
body:has(.scp-expenses-create) .col-act {
    width:6%
}
body:has(.scp-expenses-create) .line-controls .flex-wrap-fix {
    display:flex;align-items:center;flex-wrap:nowrap;gap:.375rem;width:100%
}
body:has(.scp-expenses-create) .line-controls .form-select, body:has(.scp-expenses-create) .line-controls .form-control {
    flex:1 1 auto;min-width:0
}
body:has(.scp-expenses-create) .select2-container {
    flex:1 1 auto;min-width:0
}
body:has(.scp-expenses-create) .btn-inline {
    flex:0 0 auto;white-space:nowrap;padding:.25rem .45rem;line-height:1
}
body:has(.scp-expenses-create) .pill {
    display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #e5e7eb;padding:.15rem .5rem;font-size:.75rem
}
body:has(.scp-expenses-create) .pill .dot {
    width:.5rem;height:.5rem;border-radius:999px
}
body:has(.scp-expenses-create) .pill.no .dot {
    background:#94a3b8
}
body:has(.scp-expenses-create) .pill.yes .dot {
    background:#10b981
}
body:has(.scp-expenses-create) .pill .seg {
    display:flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden
}
body:has(.scp-expenses-create) .pill .seg button {
    border:0;background:#fff;padding:.15rem .55rem;font-size:.72rem
}
body:has(.scp-expenses-create) .pill .seg button.active {
    background:#f1f5f9
}
body:has(.scp-expenses-create) .tax-chip {
    font-size:.7rem;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:6px;padding:.15rem .35rem
}
body:has(.scp-expenses-create) .required:after {
    content:" *";color:var(--danger);font-weight:600
}
/* Select2 over modals */
body:has(.scp-expenses-create) .select2-container--open {
    z-index:2055 !important
}
/* ── Mobile: card-per-row table layout ── */
@media (max-width:767px) {
/* allow selects+button to wrap on mobile */
body:has(.scp-expenses-create) .line-controls .flex-wrap-fix {
    flex-wrap:wrap
}
/* tax row: stack pill and select vertically */
/* row number badge */
/* totals dock: scroll on very small */
body:has(.scp-expenses-create) .totals-dock .d-flex {
    flex-wrap:wrap;gap:.4rem!important;justify-content:flex-start!important
}
body:has(.scp-expenses-create) .totals-dock .metric {
    font-size:.78rem
}
/* actions full width */
body:has(.scp-expenses-create) .form-actions {
    flex-direction:column;gap:.5rem!important
}
body:has(.scp-expenses-create) .form-actions .btn {
    width:100%;text-align:center
}
/* toolbar stack */
body:has(.scp-expenses-create) #kt_toolbar_container {
    flex-direction:column;align-items:flex-start!important;gap:.3rem;padding-block:.5rem
}

}


/* ─── expenses\edit.blade.php [block 0] (scoped via .scp-expenses-edit) ─── */
body:has(.scp-expenses-edit) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1d4ed8; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-expenses-edit) .form-control {
    font-size:12px!important;font-weight:400!important
}
body:has(.scp-expenses-edit) .sn-col {
    width:56px
}
body:has(.scp-expenses-edit) .totals-dock {
    position:sticky;bottom:0;z-index:9;background:#ffffffcc;backdrop-filter:blur(4px);border-top:1px solid #e2e8f0;padding:.5rem .75rem
}
body:has(.scp-expenses-edit) .totals-dock .metric {
    display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-size:.85rem
}
body:has(.scp-expenses-edit) .totals-dock .metric strong {
    font-variant-numeric:tabular-nums
}
body:has(.scp-expenses-edit) .pill {
    display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #e5e7eb;padding:.15rem .5rem;font-size:.75rem
}
body:has(.scp-expenses-edit) .pill .dot {
    width:.5rem;height:.5rem;border-radius:999px
}
body:has(.scp-expenses-edit) .pill.no .dot {
    background:#94a3b8
}
body:has(.scp-expenses-edit) .pill.yes .dot {
    background:#10b981
}
body:has(.scp-expenses-edit) .pill .seg {
    display:flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden
}
body:has(.scp-expenses-edit) .pill .seg button {
    border:0;background:#fff;padding:.15rem .55rem;font-size:.72rem
}
body:has(.scp-expenses-edit) .pill .seg button.active {
    background:#f1f5f9
}
body:has(.scp-expenses-edit) .tax-chip {
    font-size:.7rem;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:6px;padding:.15rem .35rem
}


/* ─── expenses\index.blade.php [block 0] (scoped via .scp-expenses-index) ─── */
body:has(.scp-expenses-index) :root {
    --radius: 16px; --shadow: 0 10px 30px rgba(16,24,40,.06); --border: #eef2f7;
}
body:has(.scp-expenses-index) .toolbar-modern {
    position:sticky; top:0; background: linear-gradient(135deg,#f8fbff 0%, #fff8f0 100%); border-bottom: 1px solid var(--border); padding: .75rem .9rem;
}
body:has(.scp-expenses-index) .toolbar-card {
    background:#fff; border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding:.85rem 1rem;
}
body:has(.scp-expenses-index) .stat-grid {
    display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:.75rem;
}
@media (max-width: 1200px) {
body:has(.scp-expenses-index) .stat-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
}

}
@media (max-width: 576px) {
body:has(.scp-expenses-index) .stat-grid {
    grid-template-columns: 1fr;
}

}
body:has(.scp-expenses-index) .stat-card {
    background:#fff; border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding:.9rem 1rem; min-height: 86px;
}
body:has(.scp-expenses-index) .stat-top {
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
}
body:has(.scp-expenses-index) .stat-label {
    font-size:.78rem; color:#6b7280; font-weight:600; letter-spacing:.02em;
}
body:has(.scp-expenses-index) .stat-value {
    font-size:1.15rem; font-weight:800; color:#111827; margin-top:.2rem;
}
body:has(.scp-expenses-index) .stat-sub {
    font-size:.74rem; color:#6b7280; margin-top:.2rem;
}
body:has(.scp-expenses-index) .chip {
    display:inline-flex; align-items:center; gap:.35rem; border-radius:999px; padding:.2rem .55rem; font-size:.72rem; font-weight:700; border:1px solid var(--border); background:#fafafa; color:#374151; white-space:nowrap;
}
body:has(.scp-expenses-index) .dt-buttons .btn {
    border-radius: 10px; padding:.35rem .55rem; font-size:.78rem;
}
/* Inline filter panel */
body:has(.scp-expenses-index) .expense-filter-panel {
    background:#fff;
            border:1px solid #e5eaf2;
            border-top:none;
            border-radius:0 0 var(--radius) var(--radius);
            box-shadow:0 8px 24px rgba(16,24,40,.07);
            margin:0 .9rem;
}
body:has(.scp-expenses-index) .expense-filter-panel .filter-header {
    padding:.65rem 1rem;
            background:linear-gradient(135deg,#f0f4ff 0%,#fff8f0 100%);
            display:flex;
            align-items:center;
            gap:.5rem;
}
body:has(.scp-expenses-index) .expense-filter-panel .filter-title {
    font-size:.84rem;
            font-weight:800;
            color:#111827;
}
body:has(.scp-expenses-index) .expense-filter-panel .filter-body {
    padding:1rem;
}
body:has(.scp-expenses-index) .expense-filter-panel .form-label {
    font-size:.75rem;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:.04em;
            color:#374151;
            margin-bottom:.3rem;
}
body:has(.scp-expenses-index) .expense-filter-panel .form-select, body:has(.scp-expenses-index) .expense-filter-panel .form-control {
    border-radius:10px;
            border-color:#dbe4ee;
            font-size:.84rem;
            min-height:38px;
}
body:has(.scp-expenses-index) .expense-filter-panel .form-select:focus, body:has(.scp-expenses-index) .expense-filter-panel .form-control:focus {
    border-color:#8ab4ff;
            box-shadow:0 0 0 .18rem rgba(59,130,246,.12);
}
body:has(.scp-expenses-index) .status-toggle-group {
    display:flex;
            flex-wrap:wrap;
            gap:.4rem;
}
body:has(.scp-expenses-index) .status-toggle-group .btn {
    border-radius:999px !important;
            font-size:.76rem;
            font-weight:700;
            padding:.28rem .72rem;
}
body:has(.scp-expenses-index) .status-toggle-group .btn.active {
    background:#111827;
            color:#fff;
            border-color:#111827;
}
body:has(.scp-expenses-index) .expense-svg-icon {
    width:1em; height:1em; display:inline-block; vertical-align:-.125em; flex-shrink:0;
}


/* ─── expenses\makePayment.blade.php [block 0] (scoped via .scp-expenses-makepayment) ─── */
body:has(.scp-expenses-makepayment) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── expenses\partials\payment-modal.blade.php [block 0] (scoped via .scp-expenses-partials-payment-modal) ─── */
body:has(.scp-expenses-partials-payment-modal) #payment-modal .modal-content {
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}
body:has(.scp-expenses-partials-payment-modal) #payment-modal form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
}
body:has(.scp-expenses-partials-payment-modal) #payment-modal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}
body:has(.scp-expenses-partials-payment-modal) #payment-modal .modal-footer {
    flex-shrink: 0;
}


/* ─── fiscalyear\index.blade.php [block 0] (scoped via .scp-fiscalyear-index) ─── */
/* ─── fiscal_periods\index.blade.php [block 0] (scoped via .scp-fiscal-periods-index) ─── */
body:has(.scp-fiscal-periods-index) .card-modern {
    border:0;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)
}
body:has(.scp-fiscal-periods-index) .toolbar-modern {
    border-radius:1rem;background:#fff;border:1px solid #eef1f6;box-shadow:0 8px 24px rgba(0,0,0,.04);padding:1rem 1.25rem
}
body:has(.scp-fiscal-periods-index) .badge-soft {
    padding:.45rem .65rem;border-radius:999px;font-weight:600
}
body:has(.scp-fiscal-periods-index) .badge-soft-success {
    background:#e8fff3;color:#0f5132
}
body:has(.scp-fiscal-periods-index) .badge-soft-danger {
    background:#ffecec;color:#842029
}
body:has(.scp-fiscal-periods-index) .badge-soft-info {
    background:#eef6ff;color:#0b3d91
}
body:has(.scp-fiscal-periods-index) .actions .btn {
    white-space:nowrap
}


/* ─── fixAssets\create.blade.php [block 0] (scoped via .scp-fixassets-create) ─── */
body:has(.scp-fixassets-create) .fix-assets-create .card-body {
    background: #ffffff;
            border: 1px solid #e9ecef;
            border-radius: 12px;
            padding: 18px;
}
body:has(.scp-fixassets-create) .fix-assets-create .section-heading {
    display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 700;
            color: #495057;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: .04em;
}
body:has(.scp-fixassets-create) .fix-assets-create .section-heading::before {
    content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #0d6efd;
            flex: 0 0 auto;
}
body:has(.scp-fixassets-create) .fix-assets-create .meta-strip {
    border: 1px solid #dee2e6;
            border-radius: 12px;
            background: linear-gradient(180deg, #fafcff 0%, #f3f8ff 100%);
            padding: 14px 12px 4px;
            margin-bottom: 16px;
}
body:has(.scp-fixassets-create) .fix-assets-create .lineitems-wrap {
    border: 1px solid #e9ecef;
            border-radius: 12px;
            padding: 10px 10px 2px;
            background: #ffffff;
}
body:has(.scp-fixassets-create) .fix-assets-create #total {
    color: #0d6efd;
            font-weight: 700;
}
body:has(.scp-fixassets-create) .fix-assets-create .totals-label {
    text-align: right;
            font-weight: 600;
            color: #495057;
            background: #fbfcfd;
}
body:has(.scp-fixassets-create) .fix-assets-create .totals-value {
    text-align: right;
            font-weight: 700;
            color: #212529;
            background: #f8f9fa;
            min-width: 170px;
}
body:has(.scp-fixassets-create) .fix-assets-create .memo-wrap {
    border: 1px solid #e9ecef;
            border-radius: 12px;
            background: #fcfcfd;
            padding: 12px;
}
body:has(.scp-fixassets-create) .fix-assets-create .card-footer {
    display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px solid #e9ecef;
}


/* ─── fixAssets\index.blade.php [block 0] (scoped via .scp-fixassets-index) ─── */
body:has(.scp-fixassets-index) img.p-image {
    width: 25px;
            height: 25px;
            object-fit: cover;
            object-position: bottom;
            border-radius: 50%;
}
body:has(.scp-fixassets-index) .card {
    border: 0;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
body:has(.scp-fixassets-index) .input-sm {
    height: 32px !important;
            padding-left: 8px !important;
            padding-top: 5px !important;
            font-size: 12px !important;
            color: #B5B5C3 !important;
            font-weight: 400 !important;
}
body:has(.scp-fixassets-index) .erp5nepalidate select {
    font-size: 12px;
}
/* ─── fixAssets\lists.blade.php [block 0] (scoped via .scp-fixassets-lists) ─── */
/* ─── fixAssets\old_create.blade.php [block 0] (scoped via .scp-fixassets-old-create) ─── */
body:has(.scp-fixassets-old-create) .card .mce-card {
    border-left-color: #fff;
        border-right-color: #fff;
}
body:has(.scp-fixassets-old-create) .card .mce-toolbar, body:has(.scp-fixassets-old-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-fixassets-old-create) .card .mce-edit-area, body:has(.scp-fixassets-old-create) .card .mce-edit-area iframe, body:has(.scp-fixassets-old-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
        min-height: 350px;
}
body:has(.scp-fixassets-old-create) .mce-content-body {
    color: #555;
        font-size: 14px;
}
body:has(.scp-fixassets-old-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 200000;
}
body:has(.scp-fixassets-old-create) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-fixassets-old-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-fixassets-old-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-fixassets-old-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
        position: absolute;
        width: 99%;
        overflow-y: scroll;
        overflow-x: hidden;
        min-height: 100%;
}


/* ─── fixAssets\old_edit.blade.php [block 0] (scoped via .scp-fixassets-old-edit) ─── */
body:has(.scp-fixassets-old-edit) .card .mce-card {
    border-left-color: #fff;
        border-right-color: #fff;
}
body:has(.scp-fixassets-old-edit) .card .mce-toolbar, body:has(.scp-fixassets-old-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-fixassets-old-edit) .card .mce-edit-area, body:has(.scp-fixassets-old-edit) .card .mce-edit-area iframe, body:has(.scp-fixassets-old-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
        min-height: 350px;
}
body:has(.scp-fixassets-old-edit) .mce-content-body {
    color: #555;
        font-size: 14px;
}
body:has(.scp-fixassets-old-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 200000;
}
body:has(.scp-fixassets-old-edit) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-fixassets-old-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-fixassets-old-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-fixassets-old-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
        position: absolute;
        width: 99%;
        overflow-y: scroll;
        overflow-x: hidden;
        min-height: 100%;
}
body:has(.scp-fixassets-old-edit) .col-md-4 {
    background: skyblue;
        border: 1px solid #ccc;
}


/* ─── fixAssets\openingBalanceForm.blade.php [block 0] (scoped via .scp-fixassets-openingbalanceform) ─── */
body:has(.scp-fixassets-openingbalanceform) .toolbar h1 {
    font-size: 1.5rem;
            margin-bottom: 0;
}
body:has(.scp-fixassets-openingbalanceform) .btn-primary, body:has(.scp-fixassets-openingbalanceform) .btn-secondary, body:has(.scp-fixassets-openingbalanceform) .btn-danger {
    border-radius: 20px;
}
body:has(.scp-fixassets-openingbalanceform) .card-body {
    padding: 20px;
}


/* ─── fixeddepatures\create.blade.php [block 0] (scoped via .scp-fixeddepatures-create) ─── */
body:has(.scp-fixeddepatures-create) select {
    width:300px !important;
}
body:has(.scp-fixeddepatures-create) label {
    font-weight: 600 !important;
}
body:has(.scp-fixeddepatures-create) .intl-tel-input {
    width: 100%;
}
body:has(.scp-fixeddepatures-create) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── fixeddepatures\edit.blade.php [block 0] (scoped via .scp-fixeddepatures-edit) ─── */
body:has(.scp-fixeddepatures-edit) select {
    width:300px !important;
}


/* ─── folder\edit.blade.php [block 0] (scoped via .scp-folder-edit) ─── */
/* Subtle card + modern form spacing */
body:has(.scp-folder-edit) .mn-card {
    border: 0;
                border-radius: 14px;
                box-shadow: 0 10px 30px rgba(0,0,0,.06);
                overflow: hidden;
}
body:has(.scp-folder-edit) .mn-card-header {
    background: linear-gradient(135deg, rgba(62, 151, 255, .12) 0%, rgba(0, 158, 247, .06) 100%);
                border-bottom: 1px solid rgba(0,0,0,.06);
}
/* Select2 (Bootstrap-ish) */
body:has(.scp-folder-edit) .select2-container--default .select2-selection--multiple {
    min-height: 44px;
                border: 1px solid #e5e7eb;
                border-radius: 10px;
                padding: .35rem .5rem;
}
body:has(.scp-folder-edit) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3b82f6;
                box-shadow: 0 0 0 .25rem rgba(59,130,246,.15);
}
body:has(.scp-folder-edit) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0;
                border-radius: 999px;
                padding: .25rem .6rem;
                background: rgba(59,130,246,.10);
                color: #1f2937;
                margin-top: 6px;
}
body:has(.scp-folder-edit) .select2-container--default .select2-selection__choice__remove {
    margin-right: .35rem;
}
body:has(.scp-folder-edit) .select2-container {
    width: 100% !important;
}


/* ─── gatepass\create.blade.php [block 0] (scoped via .scp-gatepass-create) ─── */
/* ─── gatepass\edit.blade.php [block 0] (scoped via .scp-gatepass-edit) ─── */
/* ─── gatepass\index.blade.php [block 0] (scoped via .scp-gatepass-index) ─── */
/* ─── grn\create.blade.php [block 0] (scoped via .scp-grn-create) ─── */
body:has(.scp-grn-create) .select2-container .select2-selection--single {
    height: 35px !important;
}


/* ─── grn\edit.blade.php [block 0] (scoped via .scp-grn-edit) ─── */
body:has(.scp-grn-edit) .select2-container .select2-selection--single {
    height: 35px !important;
}


/* ─── grn\email_review.blade.php [block 0] (scoped via .scp-grn-email-review) ─── */
body:has(.scp-grn-email-review) {
    font-family: Arial, sans-serif; color: #333; line-height: 1.6;
}
body:has(.scp-grn-email-review) .container {
    max-width: 600px; margin: 0 auto; padding: 24px;
}
body:has(.scp-grn-email-review) .header {
    background: #7A1E1E; color: #fff; padding: 16px 24px; border-radius: 6px 6px 0 0;
}
body:has(.scp-grn-email-review) .body {
    background: #f9f9f9; padding: 24px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 6px 6px;
}
body:has(.scp-grn-email-review) .btn {
    display: inline-block; background: #7A1E1E; color: #fff; padding: 10px 24px; border-radius: 4px; text-decoration: none; margin-top: 16px;
}
body:has(.scp-grn-email-review) .footer {
    margin-top: 24px; font-size: 12px; color: #999;
}


/* ─── grn\show.blade.php [block 0] (scoped via .scp-grn-show) ─── */
body:has(.scp-grn-show) :root {
    --bg:#f4f7fb;--card:#fff;--ink:#0f172a;--text:#334155;--muted:#64748b;--line:#dbe4f0;--brand:#0f766e;--brand-soft:#dff7f3;--info-soft:#dbeafe;--warn-soft:#ffedd5;--danger-soft:#fee2e2;--shadow:0 12px 30px rgba(15,23,42,.07);--radius:18px
}
body:has(.scp-grn-show) {
    background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 25%),radial-gradient(circle at top right,rgba(217,119,6,.09),transparent 25%),var(--bg)
}
body:has(.scp-grn-show) .grn-card {
    background:var(--card);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:var(--shadow)
}
body:has(.scp-grn-show) .grn-hero {
    background:linear-gradient(135deg,rgba(15,118,110,.96),rgba(15,23,42,.96));color:#fff;overflow:hidden
}
body:has(.scp-grn-show) .grn-hero .card-body {
    padding:1.25rem 1.35rem
}
body:has(.scp-grn-show) .hero-tag {
    display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em
}
body:has(.scp-grn-show) .hero-title {
    font-size:clamp(1.45rem,1.8vw,2rem);font-weight:800;letter-spacing:-.03em;margin:.55rem 0 .2rem
}
body:has(.scp-grn-show) .hero-copy {
    color:rgba(255,255,255,.78);max-width:760px;margin:0
}
body:has(.scp-grn-show) .hero-total {
    background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:.8rem .95rem;text-align:right
}
body:has(.scp-grn-show) .hero-total small, body:has(.scp-grn-show) .hero-chip small {
    display:block;color:rgba(255,255,255,.7);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em
}
body:has(.scp-grn-show) .hero-total strong {
    display:block;font-size:1.55rem;line-height:1.05
}
body:has(.scp-grn-show) .hero-pills {
    display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem
}
body:has(.scp-grn-show) .hero-chip {
    min-width:145px;display:flex;gap:.55rem;align-items:center;padding:.6rem .75rem;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)
}
body:has(.scp-grn-show) .hero-chip i {
    width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.14);font-size:.86rem
}
body:has(.scp-grn-show) .hero-chip strong {
    display:block;font-size:.82rem
}
body:has(.scp-grn-show) .stat-card {
    height:100%;padding:.85rem .9rem;border:1px solid var(--line);border-radius:14px;background:#fff
}
body:has(.scp-grn-show) .stat-card .label {
    display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em
}
body:has(.scp-grn-show) .stat-card .label i {
    width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:.82rem
}
body:has(.scp-grn-show) .stat-card .value {
    margin-top:.45rem;font-size:1.2rem;font-weight:800;color:var(--ink)
}
body:has(.scp-grn-show) .stat-card .note {
    margin-top:.18rem;color:var(--muted);font-size:.75rem
}
body:has(.scp-grn-show) .card-head {
    padding:.9rem 1rem 0
}
body:has(.scp-grn-show) .card-head h3 {
    margin:0;color:var(--ink);font-size:.94rem;font-weight:800
}
body:has(.scp-grn-show) .card-head p {
    margin:.18rem 0 0;color:var(--muted);font-size:.76rem
}
body:has(.scp-grn-show) .card-body {
    padding:.9rem 1rem 1rem
}
body:has(.scp-grn-show) .identity {
    display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.8rem
}
body:has(.scp-grn-show) .avatar {
    width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid rgba(15,118,110,.16);overflow:hidden
}
body:has(.scp-grn-show) .avatar img {
    width:100%;height:100%;object-fit:cover
}
body:has(.scp-grn-show) .avatar i {
    color:var(--brand);font-size:1rem
}
body:has(.scp-grn-show) .identity h4 {
    margin:0;color:var(--ink);font-size:.92rem;font-weight:800
}
body:has(.scp-grn-show) .identity small {
    color:var(--muted);font-size:.76rem
}
body:has(.scp-grn-show) .info-list {
    display:grid;gap:.55rem
}
body:has(.scp-grn-show) .info-list span:first-child {
    display:block;color:var(--muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em
}
body:has(.scp-grn-show) .info-list span:last-child {
    display:block;color:var(--text);font-size:.84rem;font-weight:600;line-height:1.4;word-break:break-word
}
body:has(.scp-grn-show) .detail-list {
    display:grid;gap:.75rem
}
body:has(.scp-grn-show) .detail-item {
    display:flex;justify-content:space-between;gap:.8rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#fff,#fbfdff)
}
body:has(.scp-grn-show) .detail-item .key {
    color:var(--muted);font-size:.7rem;font-weight:700
}
body:has(.scp-grn-show) .detail-item .val {
    color:var(--ink);font-size:.82rem;font-weight:700;text-align:right
}
body:has(.scp-grn-show) .status-pill {
    display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em
}
body:has(.scp-grn-show) .status-pill::before {
    content:"";width:8px;height:8px;border-radius:999px;background:currentColor
}
body:has(.scp-grn-show) .status-pill.success {
    color:#166534;background:#dcfce7
}
body:has(.scp-grn-show) .status-pill.warning {
    color:#9a3412;background:var(--warn-soft)
}
body:has(.scp-grn-show) .status-pill.danger {
    color:#991b1b;background:var(--danger-soft)
}
body:has(.scp-grn-show) .status-pill.info {
    color:#1d4ed8;background:var(--info-soft)
}
body:has(.scp-grn-show) .item-name {
    font-weight:800;color:var(--ink)
}
body:has(.scp-grn-show) .item-sub {
    margin-top:.15rem;color:var(--muted);font-size:.72rem
}
body:has(.scp-grn-show) .money {
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace
}
body:has(.scp-grn-show) .total-list {
    display:grid;gap:.75rem
}
body:has(.scp-grn-show) .total-item {
    display:flex;justify-content:space-between;gap:.8rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:13px;background:#fff
}
body:has(.scp-grn-show) .total-item span:first-child {
    color:var(--muted);font-size:.76rem;font-weight:700
}
body:has(.scp-grn-show) .total-item span:last-child {
    color:var(--ink);font-size:.84rem;font-weight:800
}
body:has(.scp-grn-show) .total-item.grand {
    background:linear-gradient(135deg,var(--brand-soft),#fff);border-color:rgba(15,118,110,.18)
}
body:has(.scp-grn-show) .total-item.grand span:first-child, body:has(.scp-grn-show) .total-item.grand span:last-child {
    color:#115e59
}
body:has(.scp-grn-show) .callout {
    padding:.8rem .9rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)
}
body:has(.scp-grn-show) .callout.words {
    background:linear-gradient(135deg,#fff3db,#fff);border-color:rgba(217,119,6,.16)
}
body:has(.scp-grn-show) .callout small {
    display:block;margin-bottom:.25rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)
}
body:has(.scp-grn-show) .callout.words small {
    color:#9a3412
}
body:has(.scp-grn-show) .callout p {
    margin:0;color:var(--text);font-size:.84rem;line-height:1.5
}
body:has(.scp-grn-show) .attach-box {
    display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;border:1px dashed rgba(37,99,235,.28);border-radius:14px;background:var(--info-soft)
}
body:has(.scp-grn-show) .attach-box div {
    color:#1d4ed8;font-size:.76rem
}
body:has(.scp-grn-show) .review-stack {
    display:grid;gap:.7rem
}
body:has(.scp-grn-show) .review-step {
    padding:.8rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)
}
body:has(.scp-grn-show) .review-step__top {
    display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.55rem
}
body:has(.scp-grn-show) .review-step__title {
    margin:0;color:var(--ink);font-size:.84rem;font-weight:800
}
body:has(.scp-grn-show) .review-step__meta {
    display:grid;gap:.35rem
}
body:has(.scp-grn-show) .review-step__meta div {
    font-size:.75rem;color:var(--text)
}
body:has(.scp-grn-show) .review-step__meta span {
    color:var(--muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em
}
body:has(.scp-grn-show) .review-step__remarks {
    margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line);color:var(--text);font-size:.78rem;line-height:1.45
}
@media (max-width:991.98px) {
body:has(.scp-grn-show) .hero-total {
    text-align:left
}
body:has(.scp-grn-show) .grn-hero .card-body {
    padding:1rem 1.05rem
}
body:has(.scp-grn-show) .hero-pills {
    gap:.45rem;margin-top:.85rem
}
body:has(.scp-grn-show) .hero-chip {
    min-width:135px;padding:.5rem .6rem
}

}


/* ─── grn-return\create.blade.php [block 0] (scoped via .scp-grn-return-create) ─── */
body:has(.scp-grn-return-create) :root {
    --gr-brand:#b91c1c;--gr-brand-soft:#fee2e2;--gr-line:#dbe4f0;--gr-muted:#64748b;--gr-ink:#0f172a
}
body:has(.scp-grn-return-create) .gr-card {
    background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.07);margin-bottom:1.2rem
}
body:has(.scp-grn-return-create) .gr-card-header {
    padding:1rem 1.3rem;border-bottom:1px solid var(--gr-line);display:flex;align-items:center;gap:.6rem
}
body:has(.scp-grn-return-create) .gr-card-header h5 {
    margin:0;font-size:.95rem;font-weight:800;color:var(--gr-ink)
}
body:has(.scp-grn-return-create) .gr-card-body {
    padding:1.2rem 1.3rem
}
body:has(.scp-grn-return-create) .readonly-cell {
    background:#f8fafc;color:var(--gr-muted);font-size:.83rem;padding:.4rem .5rem;border-radius:6px
}
body:has(.scp-grn-return-create) .qty-remaining-zero {
    color:#dc2626;font-weight:700
}
body:has(.scp-grn-return-create) .qty-partial {
    color:#d97706;font-weight:700
}
body:has(.scp-grn-return-create) .form-control-sm {
    font-size:.83rem
}
/* ─── grn-return\index.blade.php [block 0] (scoped via .scp-grn-return-index) ─── */
body:has(.scp-grn-return-index) :root {
    --gr-bg:#f4f7fb;--gr-card:#ffffff;--gr-ink:#0f172a;--gr-text:#334155;--gr-muted:#64748b;--gr-line:#dbe4f0;--gr-brand:#b91c1c;--gr-brand-soft:#fee2e2;--gr-shadow:0 18px 40px rgba(15,23,42,.08);--gr-radius:20px
}
body:has(.scp-grn-return-index) {
    background:radial-gradient(circle at top left,rgba(185,28,28,.09),transparent 24%),var(--gr-bg)
}
body:has(.scp-grn-return-index) .gr-card {
    background:var(--gr-card);border:1px solid rgba(148,163,184,.16);border-radius:var(--gr-radius);box-shadow:var(--gr-shadow);margin-bottom:1.2rem
}
body:has(.scp-grn-return-index) .gr-hero {
    background:linear-gradient(135deg,rgba(185,28,28,.94),rgba(15,23,42,.96));color:#fff;border-radius:var(--gr-radius);margin-bottom:1rem;padding:1.35rem 1.5rem
}
body:has(.scp-grn-return-index) .hero-title {
    margin:.6rem 0 .25rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;letter-spacing:-.03em
}
body:has(.scp-grn-return-index) .hero-copy {
    color:rgba(255,255,255,.75);font-size:.88rem
}
body:has(.scp-grn-return-index) .eyebrow {
    display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em
}
body:has(.scp-grn-return-index) .section-head {
    padding:1rem 1.2rem .5rem;display:flex;align-items:center;justify-content:space-between
}
body:has(.scp-grn-return-index) .section-head h3 {
    margin:0;font-size:.98rem;font-weight:800;color:var(--gr-ink)
}
body:has(.scp-grn-return-index) .status-pill {
    display:inline-flex;align-items:center;gap:.38rem;padding:.35rem .65rem;border-radius:999px;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em
}
body:has(.scp-grn-return-index) .status-pill::before {
    content:"";width:7px;height:7px;border-radius:999px;background:currentColor
}
body:has(.scp-grn-return-index) .status-pill.draft {
    color:#92400e;background:#fef3c7
}
body:has(.scp-grn-return-index) .status-pill.confirmed {
    color:#166534;background:#dcfce7
}
body:has(.scp-grn-return-index) .amount {
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700
}
body:has(.scp-grn-return-index) .actions {
    display:flex;flex-wrap:wrap;gap:.35rem
}
body:has(.scp-grn-return-index) .pagination-wrap {
    padding:0 1rem 1rem
}
body:has(.scp-grn-return-index) .empty-state {
    padding:3rem 1.2rem;text-align:center;color:var(--gr-muted)
}
body:has(.scp-grn-return-index) .empty-state i {
    font-size:2.2rem;color:var(--gr-brand);display:block;margin-bottom:.6rem
}


/* ─── grn-return\show.blade.php [block 0] (scoped via .scp-grn-return-show) ─── */
body:has(.scp-grn-return-show) :root {
    --gr-brand:#b91c1c;--gr-brand-soft:#fee2e2;--gr-line:#dbe4f0;--gr-muted:#64748b;--gr-ink:#0f172a
}
body:has(.scp-grn-return-show) .gr-card {
    background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.07);margin-bottom:1.2rem
}
body:has(.scp-grn-return-show) .gr-card-header {
    padding:1rem 1.3rem;border-bottom:1px solid var(--gr-line);display:flex;align-items:center;gap:.6rem
}
body:has(.scp-grn-return-show) .gr-card-header h5 {
    margin:0;font-size:.95rem;font-weight:800;color:var(--gr-ink)
}
body:has(.scp-grn-return-show) .gr-card-body {
    padding:1.2rem 1.3rem
}
body:has(.scp-grn-return-show) .info-label {
    font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--gr-muted);margin-bottom:.2rem
}
body:has(.scp-grn-return-show) .info-value {
    font-size:.9rem;font-weight:600;color:var(--gr-ink)
}
body:has(.scp-grn-return-show) .totals-section {
    padding:1rem 1.3rem;border-top:1px solid var(--gr-line)
}
body:has(.scp-grn-return-show) .totals-row {
    display:flex;justify-content:flex-end;gap:2rem;flex-wrap:wrap
}
body:has(.scp-grn-return-show) .totals-item {
    text-align:right
}
body:has(.scp-grn-return-show) .totals-item .label {
    font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gr-muted)
}
body:has(.scp-grn-return-show) .totals-item .value {
    font-size:1rem;font-weight:800;color:var(--gr-ink);font-family:ui-monospace,monospace
}
body:has(.scp-grn-return-show) .totals-item.grand .value {
    font-size:1.25rem;color:var(--gr-brand)
}
body:has(.scp-grn-return-show) .status-pill {
    display:inline-flex;align-items:center;gap:.38rem;padding:.4rem .75rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em
}
body:has(.scp-grn-return-show) .status-pill::before {
    content:"";width:8px;height:8px;border-radius:999px;background:currentColor
}
body:has(.scp-grn-return-show) .status-pill.draft {
    color:#92400e;background:#fef3c7
}
body:has(.scp-grn-return-show) .status-pill.confirmed {
    color:#166534;background:#dcfce7
}


/* ─── holiday\index.blade.php [block 0] (scoped via .scp-holiday-index) ─── */
body:has(.scp-holiday-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-holiday-index) {
    background:
                    radial-gradient(1100px 560px at 18% -10%, rgba(99,102,241,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(245,158,11,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-holiday-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(99,102,241,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(245,158,11,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-holiday-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-holiday-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-holiday-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-holiday-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
                border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
}
body:has(.scp-holiday-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-holiday-index) .mn-pill {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
}
body:has(.scp-holiday-index) .btn-icon-square {
    width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: .9rem;
}


/* ─── hrletter\show.blade.php [block 1] (scoped via .scp-hrletter-show) ─── */
body:has(.scp-hrletter-show) option:disabled {
    color: black !important;
            font-weight: bold;
}
body:has(.scp-hrletter-show) .deleterow, body:has(.scp-hrletter-show) .recalculate {
    cursor: pointer;
}
body:has(.scp-hrletter-show) .fileinput {
    margin-bottom: 9px;
            display: inline-block;
}
body:has(.scp-hrletter-show) .fileinput-exists .fileinput-new, body:has(.scp-hrletter-show) .fileinput-new .fileinput-exists {
    display: none;
}
body:has(.scp-hrletter-show) .fileinput-filename {
    padding-left: 5px;
}
body:has(.scp-hrletter-show) .fileinput .btn {
    vertical-align: middle;
}
body:has(.scp-hrletter-show) .btn.btn-secondary {
    border-color: #ddd;
            background: #f4f4f4;
}
body:has(.scp-hrletter-show) .btn-file {
    overflow: hidden;
            position: relative;
            vertical-align: middle;
}
body:has(.scp-hrletter-show) .btn-file > input {
    position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            transform: translate(-300px, 0) scale(4);
            font-size: 23px;
            direction: ltr;
            cursor: pointer;
}
body:has(.scp-hrletter-show) input[type="file"] {
    display: block;
}
body:has(.scp-hrletter-show) .close {
    float: right;
            font-size: 21px;
            font-weight: bold;
            line-height: 1;
            color: #000000;
            text-shadow: 0 1px 0 #ffffff;
            opacity: 0.2;
            filter: alpha(opacity=20);
}
body:has(.scp-hrletter-show) .fileinput.fileinput-exists .close {
    opacity: 1;
            color: #dee0e4;
            position: relative;
            top: 3px;
            margin-left: 5px;
}


/* ─── hrletter\show.blade.php [block 0] (scoped via .scp-hrletter-show) ─── */
/* ─── inbox\create.blade.php [block 0] (scoped via .scp-inbox-create) ─── */
/* ── Compose shell ───────────────────────────────────────────── */
body:has(.scp-inbox-create) .inbox-shell {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 24px 0 40px;
}
/* ── Sidebar (shared) ────────────────────────────────────────── */
body:has(.scp-inbox-create) .inbox-sidebar {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 16px 12px;
    position: sticky;
    top: 80px;
}
body:has(.scp-inbox-create) .inbox-compose-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    background: #0a66c2;
    color: #fff;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
    transition: background .15s;
}
body:has(.scp-inbox-create) .inbox-compose-btn:hover {
    background: #004182; color: #fff;
}
body:has(.scp-inbox-create) .inbox-nav {
    display: flex; flex-direction: column; gap: 2px;
}
body:has(.scp-inbox-create) .inbox-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: background .12s, color .12s;
    position: relative;
}
body:has(.scp-inbox-create) .inbox-nav-item:hover {
    background: #f3f4f6; color: #111827;
}
body:has(.scp-inbox-create) .inbox-nav-item.active {
    background: #eff6ff; color: #0a66c2; font-weight: 600;
}
body:has(.scp-inbox-create) .inbox-nav-item svg {
    opacity: .7; flex-shrink: 0;
}
body:has(.scp-inbox-create) .inbox-nav-item.active svg {
    opacity: 1;
}
body:has(.scp-inbox-create) .inbox-nav-badge {
    margin-left: auto;
    background: #0a66c2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
}
/* ── Compose panel ───────────────────────────────────────────── */
body:has(.scp-inbox-create) .compose-panel {
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
body:has(.scp-inbox-create) .compose-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
}
body:has(.scp-inbox-create) .compose-header h2 {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}
body:has(.scp-inbox-create) .compose-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    flex-shrink: 0;
    transition: background .12s;
}
body:has(.scp-inbox-create) .compose-back:hover {
    background: #e5e7eb; color: #111827;
}
body:has(.scp-inbox-create) .compose-body {
    padding: 24px 28px;
}
body:has(.scp-inbox-create) .compose-field {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
}
body:has(.scp-inbox-create) .compose-field:last-of-type {
    border-bottom: none;
}
body:has(.scp-inbox-create) .compose-label {
    width: 64px;
    flex-shrink: 0;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    text-align: right;
}
body:has(.scp-inbox-create) .compose-input-wrap {
    flex: 1; min-width: 0;
}
body:has(.scp-inbox-create) .compose-input-wrap .form-control, body:has(.scp-inbox-create) .compose-input-wrap .form-select {
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 14px;
    color: #111827;
    padding: 8px 4px;
    background: transparent;
}
body:has(.scp-inbox-create) .compose-input-wrap .form-control:focus, body:has(.scp-inbox-create) .compose-input-wrap .form-select:focus {
    background: transparent;
}
/* Override select2 inside compose */
body:has(.scp-inbox-create) .compose-input-wrap .select2-container--default .select2-selection--multiple {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 4px 0;
    min-height: 38px;
}
body:has(.scp-inbox-create) .compose-input-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #0a66c2;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 12.5px;
}
body:has(.scp-inbox-create) .compose-input-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0a66c2;
    margin-right: 4px;
}
body:has(.scp-inbox-create) .compose-textarea {
    width: 100%;
    border: none;
    resize: none;
    font-size: 14px;
    color: #111827;
    padding: 8px 4px;
    min-height: 220px;
    background: transparent;
    outline: none;
}
body:has(.scp-inbox-create) .compose-textarea::placeholder {
    color: #9ca3af;
}
/* Attachments */
body:has(.scp-inbox-create) .compose-attachments {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
}
body:has(.scp-inbox-create) .attach-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
body:has(.scp-inbox-create) .attach-row:last-child {
    margin-bottom: 0;
}
body:has(.scp-inbox-create) .attach-file-input {
    flex: 1;
    font-size: 13px;
}
body:has(.scp-inbox-create) .attach-remove {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: #ef4444;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color .1s;
    flex-shrink: 0;
}
body:has(.scp-inbox-create) .attach-remove:hover {
    color: #b91c1c;
}
body:has(.scp-inbox-create) .attach-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    color: #6b7280;
    cursor: pointer;
    transition: all .12s;
    margin-top: 8px;
}
body:has(.scp-inbox-create) .attach-add-btn:hover {
    border-color: #0a66c2; color: #0a66c2; background: #eff6ff;
}
/* Footer */
body:has(.scp-inbox-create) .compose-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 28px;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
}
body:has(.scp-inbox-create) .compose-send-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 22px;
    background: #0a66c2;
    color: #fff;
    border: none;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
body:has(.scp-inbox-create) .compose-send-btn:hover {
    background: #004182;
}
body:has(.scp-inbox-create) .compose-cancel-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    background: transparent;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all .12s;
}
body:has(.scp-inbox-create) .compose-cancel-btn:hover {
    background: #f3f4f6; color: #111827; border-color: #d1d5db;
}


/* ─── inbox\index.blade.php [block 0] (scoped via .scp-inbox-index) ─── */
/* ── Inbox shell ─────────────────────────────────────────────── */
body:has(.scp-inbox-index) .inbox-shell {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 24px 0 40px;
}
/* ── Sidebar ─────────────────────────────────────────────────── */
body:has(.scp-inbox-index) .inbox-sidebar {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 16px 12px;
    position: sticky;
    top: 80px;
}
body:has(.scp-inbox-index) .inbox-compose-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    background: #0a66c2;
    color: #fff;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
    transition: background .15s;
}
body:has(.scp-inbox-index) .inbox-compose-btn:hover {
    background: #004182; color: #fff;
}
body:has(.scp-inbox-index) .inbox-nav {
    display: flex; flex-direction: column; gap: 2px;
}
body:has(.scp-inbox-index) .inbox-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: background .12s, color .12s;
    position: relative;
}
body:has(.scp-inbox-index) .inbox-nav-item:hover {
    background: #f3f4f6; color: #111827;
}
body:has(.scp-inbox-index) .inbox-nav-item.active {
    background: #eff6ff; color: #0a66c2; font-weight: 600;
}
body:has(.scp-inbox-index) .inbox-nav-item svg {
    opacity: .7; flex-shrink: 0;
}
body:has(.scp-inbox-index) .inbox-nav-item.active svg {
    opacity: 1;
}
body:has(.scp-inbox-index) .inbox-nav-badge {
    margin-left: auto;
    background: #0a66c2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
}
/* ── Content panel ───────────────────────────────────────────── */
body:has(.scp-inbox-index) .inbox-panel {
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
body:has(.scp-inbox-index) .inbox-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid #f3f4f6;
}
body:has(.scp-inbox-index) .inbox-search-wrap {
    flex: 1;
    position: relative;
    max-width: 360px;
}
body:has(.scp-inbox-index) .inbox-search-wrap svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    pointer-events: none;
}
body:has(.scp-inbox-index) .inbox-search {
    width: 100%;
    padding: 8px 12px 8px 38px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 13.5px;
    background: #f9fafb;
    color: #111827;
    outline: none;
    transition: border .15s, background .15s;
}
body:has(.scp-inbox-index) .inbox-search:focus {
    border-color: #0a66c2; background: #fff;
}
body:has(.scp-inbox-index) .inbox-filter-tabs {
    display: flex;
    gap: 4px;
}
body:has(.scp-inbox-index) .inbox-filter-tab {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b7280;
    background: transparent;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    text-decoration: none;
    transition: all .12s;
}
body:has(.scp-inbox-index) .inbox-filter-tab:hover {
    background: #f3f4f6; color: #111827;
}
body:has(.scp-inbox-index) .inbox-filter-tab.active {
    background: #0a66c2; color: #fff; border-color: #0a66c2;
}
/* ── Message rows ────────────────────────────────────────────── */
body:has(.scp-inbox-index) .inbox-list {
    list-style: none; margin: 0; padding: 0;
}
body:has(.scp-inbox-index) .inbox-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background .1s;
    text-decoration: none;
    color: inherit;
    position: relative;
}
body:has(.scp-inbox-index) .inbox-row:hover {
    background: #f9fafb;
}
body:has(.scp-inbox-index) .inbox-row.unread {
    background: #f0f7ff;
}
body:has(.scp-inbox-index) .inbox-row.unread:hover {
    background: #e6f0fc;
}
body:has(.scp-inbox-index) .inbox-row:last-child {
    border-bottom: none;
}
body:has(.scp-inbox-index) .inbox-unread-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0a66c2;
    flex-shrink: 0;
}
body:has(.scp-inbox-index) .inbox-unread-dot.read {
    background: transparent;
}
body:has(.scp-inbox-index) .inbox-star-btn {
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    color: #d1d5db;
    flex-shrink: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color .1s;
}
body:has(.scp-inbox-index) .inbox-star-btn:hover {
    color: #f59e0b;
}
body:has(.scp-inbox-index) .inbox-star-btn.starred {
    color: #f59e0b;
}
body:has(.scp-inbox-index) .inbox-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #e5e7eb;
}
body:has(.scp-inbox-index) .inbox-avatar-fallback {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0a66c2;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
}
body:has(.scp-inbox-index) .inbox-row-body {
    flex: 1; min-width: 0;
}
body:has(.scp-inbox-index) .inbox-row-top {
    display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px;
}
body:has(.scp-inbox-index) .inbox-sender {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}
body:has(.scp-inbox-index) .inbox-row.unread .inbox-sender {
    font-weight: 700;
}
body:has(.scp-inbox-index) .inbox-subject {
    font-size: 13.5px;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
body:has(.scp-inbox-index) .inbox-row.unread .inbox-subject {
    font-weight: 600; color: #111827;
}
body:has(.scp-inbox-index) .inbox-preview {
    font-size: 12.5px;
    color: #9ca3af;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body:has(.scp-inbox-index) .inbox-row-time {
    font-size: 12px;
    color: #9ca3af;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 12px;
}
body:has(.scp-inbox-index) .inbox-row.unread .inbox-row-time {
    color: #0a66c2; font-weight: 600;
}
body:has(.scp-inbox-index) .inbox-empty {
    padding: 60px 20px;
    text-align: center;
    color: #9ca3af;
}
body:has(.scp-inbox-index) .inbox-empty svg {
    margin-bottom: 12px; opacity: .35;
}
body:has(.scp-inbox-index) .inbox-empty p {
    font-size: 14px; margin: 0;
}
body:has(.scp-inbox-index) .inbox-pagination {
    padding: 14px 20px; border-top: 1px solid #f3f4f6;
}
body:has(.scp-inbox-index) .inbox-pagination .pagination {
    margin: 0; gap: 4px;
}
body:has(.scp-inbox-index) .inbox-pagination .page-link {
    border-radius: 8px !important;
    border-color: #e5e7eb;
    color: #374151;
    font-size: 13px;
    padding: 5px 11px;
}
body:has(.scp-inbox-index) .inbox-pagination .page-item.active .page-link {
    background: #0a66c2; border-color: #0a66c2;
}
body:has(.scp-inbox-index) .inbox-pagination .page-item.disabled .page-link {
    color: #d1d5db;
}


/* ─── inbox\sent.blade.php [block 0] (scoped via .scp-inbox-sent) ─── */
/* ── Sent shell ──────────────────────────────────────────────── */
body:has(.scp-inbox-sent) .inbox-shell {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 24px 0 40px;
}
/* ── Sidebar (shared) ────────────────────────────────────────── */
body:has(.scp-inbox-sent) .inbox-sidebar {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 16px 12px;
    position: sticky;
    top: 80px;
}
body:has(.scp-inbox-sent) .inbox-compose-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
    background: #0a66c2;
    color: #fff;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
    transition: background .15s;
}
body:has(.scp-inbox-sent) .inbox-compose-btn:hover {
    background: #004182; color: #fff;
}
body:has(.scp-inbox-sent) .inbox-nav {
    display: flex; flex-direction: column; gap: 2px;
}
body:has(.scp-inbox-sent) .inbox-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: background .12s, color .12s;
    position: relative;
}
body:has(.scp-inbox-sent) .inbox-nav-item:hover {
    background: #f3f4f6; color: #111827;
}
body:has(.scp-inbox-sent) .inbox-nav-item.active {
    background: #eff6ff; color: #0a66c2; font-weight: 600;
}
body:has(.scp-inbox-sent) .inbox-nav-item svg {
    opacity: .7; flex-shrink: 0;
}
body:has(.scp-inbox-sent) .inbox-nav-item.active svg {
    opacity: 1;
}
body:has(.scp-inbox-sent) .inbox-nav-badge {
    margin-left: auto;
    background: #0a66c2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
}
/* ── Content panel ───────────────────────────────────────────── */
body:has(.scp-inbox-sent) .inbox-panel {
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
body:has(.scp-inbox-sent) .inbox-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid #f3f4f6;
}
body:has(.scp-inbox-sent) .inbox-toolbar h3 {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}
body:has(.scp-inbox-sent) .inbox-search-wrap {
    flex: 1;
    position: relative;
    max-width: 340px;
    margin-left: auto;
}
body:has(.scp-inbox-sent) .inbox-search-wrap svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    pointer-events: none;
}
body:has(.scp-inbox-sent) .inbox-search {
    width: 100%;
    padding: 8px 12px 8px 38px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 13.5px;
    background: #f9fafb;
    color: #111827;
    outline: none;
    transition: border .15s, background .15s;
}
body:has(.scp-inbox-sent) .inbox-search:focus {
    border-color: #0a66c2; background: #fff;
}
/* ── Sent rows ───────────────────────────────────────────────── */
body:has(.scp-inbox-sent) .inbox-list {
    list-style: none; margin: 0; padding: 0;
}
body:has(.scp-inbox-sent) .inbox-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background .1s;
    text-decoration: none;
    color: inherit;
}
body:has(.scp-inbox-sent) .inbox-row:hover {
    background: #f9fafb;
}
body:has(.scp-inbox-sent) .inbox-row:last-child {
    border-bottom: none;
}
body:has(.scp-inbox-sent) .sent-avatars {
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 40px;
    height: 40px;
}
body:has(.scp-inbox-sent) .sent-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    flex-shrink: 0;
}
body:has(.scp-inbox-sent) .sent-avatar-fallback {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #6366f1;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    border: 2px solid #fff;
}
body:has(.scp-inbox-sent) .sent-avatar-extra {
    position: absolute;
    right: -10px;
    bottom: -2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #374151;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
body:has(.scp-inbox-sent) .inbox-row-body {
    flex: 1; min-width: 0;
}
body:has(.scp-inbox-sent) .inbox-row-top {
    display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px;
}
body:has(.scp-inbox-sent) .sent-to-label {
    font-size: 11px;
    font-weight: 600;
    color: #9ca3af;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .4px;
    flex-shrink: 0;
}
body:has(.scp-inbox-sent) .inbox-recipients {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
body:has(.scp-inbox-sent) .inbox-subject {
    font-size: 13.5px;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
body:has(.scp-inbox-sent) .inbox-preview {
    font-size: 12.5px;
    color: #9ca3af;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body:has(.scp-inbox-sent) .inbox-row-time {
    font-size: 12px;
    color: #9ca3af;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 12px;
}
body:has(.scp-inbox-sent) .sent-icon {
    color: #9ca3af;
    flex-shrink: 0;
}
body:has(.scp-inbox-sent) .inbox-empty {
    padding: 60px 20px;
    text-align: center;
    color: #9ca3af;
}
body:has(.scp-inbox-sent) .inbox-empty svg {
    margin-bottom: 12px; opacity: .35;
}
body:has(.scp-inbox-sent) .inbox-empty p {
    font-size: 14px; margin: 0;
}
body:has(.scp-inbox-sent) .inbox-pagination {
    padding: 14px 20px; border-top: 1px solid #f3f4f6;
}
body:has(.scp-inbox-sent) .inbox-pagination .pagination {
    margin: 0; gap: 4px;
}
body:has(.scp-inbox-sent) .inbox-pagination .page-link {
    border-radius: 8px !important;
    border-color: #e5e7eb;
    color: #374151;
    font-size: 13px;
    padding: 5px 11px;
}
body:has(.scp-inbox-sent) .inbox-pagination .page-item.active .page-link {
    background: #0a66c2; border-color: #0a66c2;
}
body:has(.scp-inbox-sent) .inbox-pagination .page-item.disabled .page-link {
    color: #d1d5db;
}


/* ─── inbox\show.blade.php [block 0] (scoped via .scp-inbox-show) ─── */
/* ── Inbox shell (reuse from index) ─────────────────────────── */
body:has(.scp-inbox-show) .inbox-shell {
    display:flex; gap:20px; align-items:flex-start; padding:24px 0 40px;
}
body:has(.scp-inbox-show) .inbox-sidebar {
    width:220px; flex-shrink:0; background:#fff; border-radius:12px; border:1px solid #e5e7eb; padding:16px 12px; position:sticky; top:80px;
}
body:has(.scp-inbox-show) .inbox-compose-btn {
    display:flex; align-items:center; gap:8px; width:100%; padding:10px 16px; background:#0a66c2; color:#fff; border-radius:24px; font-size:14px; font-weight:600; text-decoration:none; margin-bottom:20px; transition:background .15s;
}
body:has(.scp-inbox-show) .inbox-compose-btn:hover {
    background:#004182; color:#fff;
}
body:has(.scp-inbox-show) .inbox-nav {
    display:flex; flex-direction:column; gap:2px;
}
body:has(.scp-inbox-show) .inbox-nav-item {
    display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:8px; font-size:14px; font-weight:500; color:#374151; text-decoration:none; transition:background .12s,color .12s;
}
body:has(.scp-inbox-show) .inbox-nav-item:hover {
    background:#f3f4f6; color:#111827;
}
body:has(.scp-inbox-show) .inbox-nav-item.active {
    background:#eff6ff; color:#0a66c2; font-weight:600;
}
body:has(.scp-inbox-show) .inbox-nav-item svg {
    opacity:.7; flex-shrink:0;
}
body:has(.scp-inbox-show) .inbox-nav-item.active svg {
    opacity:1;
}
body:has(.scp-inbox-show) .inbox-nav-badge {
    margin-left:auto; background:#0a66c2; color:#fff; font-size:10px; font-weight:700; padding:1px 6px; border-radius:10px; min-width:18px; text-align:center;
}
/* ── Thread panel ────────────────────────────────────────────── */
body:has(.scp-inbox-show) .thread-panel {
    flex:1; min-width:0;
}
body:has(.scp-inbox-show) .thread-header {
    background:#fff;
    border-radius:12px;
    border:1px solid #e5e7eb;
    padding:16px 20px;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:12px;
}
body:has(.scp-inbox-show) .thread-back-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px; height:36px;
    border-radius:50%;
    border:1px solid #e5e7eb;
    color:#374151;
    text-decoration:none;
    flex-shrink:0;
    transition:background .12s;
}
body:has(.scp-inbox-show) .thread-back-btn:hover {
    background:#f3f4f6; color:#111827;
}
body:has(.scp-inbox-show) .thread-subject {
    font-size:18px; font-weight:700; color:#111827; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
body:has(.scp-inbox-show) .thread-delete-btn {
    display:flex; align-items:center; gap:6px;
    padding:7px 14px;
    border-radius:8px;
    border:1px solid #fee2e2;
    background:#fff;
    color:#dc2626;
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    text-decoration:none;
    transition:background .12s;
}
body:has(.scp-inbox-show) .thread-delete-btn:hover {
    background:#fef2f2; color:#b91c1c;
}
/* ── Message card ────────────────────────────────────────────── */
body:has(.scp-inbox-show) .msg-card {
    background:#fff;
    border-radius:12px;
    border:1px solid #e5e7eb;
    margin-bottom:10px;
    overflow:hidden;
}
body:has(.scp-inbox-show) .msg-card-head {
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:16px 20px 12px;
}
body:has(.scp-inbox-show) .msg-avatar {
    width:44px; height:44px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
    border:1px solid #e5e7eb;
}
body:has(.scp-inbox-show) .msg-avatar-fallback {
    width:44px; height:44px;
    border-radius:50%;
    background:#0a66c2;
    color:#fff;
    font-size:16px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    text-transform:uppercase;
}
body:has(.scp-inbox-show) .msg-meta {
    flex:1; min-width:0;
}
body:has(.scp-inbox-show) .msg-sender {
    font-size:15px; font-weight:700; color:#111827;
}
body:has(.scp-inbox-show) .msg-time {
    font-size:12px; color:#9ca3af; margin-top:1px;
}
body:has(.scp-inbox-show) .msg-body {
    padding:0 20px 16px 76px;
    font-size:14px;
    color:#374151;
    line-height:1.7;
}
body:has(.scp-inbox-show) .msg-attachments {
    padding:0 20px 14px 76px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
body:has(.scp-inbox-show) .msg-attachment-link {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 12px;
    background:#f3f4f6;
    border-radius:6px;
    font-size:12.5px;
    color:#374151;
    text-decoration:none;
    border:1px solid #e5e7eb;
    transition:background .1s;
}
body:has(.scp-inbox-show) .msg-attachment-link:hover {
    background:#e5e7eb;
}
/* Reply cards slightly indented */
body:has(.scp-inbox-show) .reply-card {
    background:#f9fafb;
    border-radius:12px;
    border:1px solid #e5e7eb;
    margin-bottom:10px;
    margin-left:20px;
    overflow:hidden;
    position:relative;
}
body:has(.scp-inbox-show) .reply-card::before {
    content:'';
    position:absolute;
    left:-13px; top:24px;
    width:1px;
    height: calc(100% - 24px);
    background:#e5e7eb;
}
body:has(.scp-inbox-show) .reply-delete-btn {
    background:none; border:none;
    padding:4px 8px;
    border-radius:6px;
    color:#9ca3af;
    cursor:pointer;
    display:flex; align-items:center;
    transition:color .1s, background .1s;
    margin-left:auto;
}
body:has(.scp-inbox-show) .reply-delete-btn:hover {
    color:#dc2626; background:#fef2f2;
}
/* ── Reply form ──────────────────────────────────────────────── */
body:has(.scp-inbox-show) .reply-form-card {
    background:#fff;
    border-radius:12px;
    border:1px solid #e5e7eb;
    overflow:hidden;
    margin-top:4px;
}
body:has(.scp-inbox-show) .reply-form-head {
    padding:12px 20px;
    border-bottom:1px solid #f3f4f6;
    font-size:13px;
    color:#6b7280;
    display:flex;
    align-items:center;
    gap:8px;
}
body:has(.scp-inbox-show) .reply-form-head strong {
    color:#374151;
}
body:has(.scp-inbox-show) .reply-textarea {
    width:100%;
    border:none;
    outline:none;
    padding:14px 20px;
    font-size:14px;
    color:#111827;
    resize:none;
    min-height:100px;
    background:#fff;
    display:block;
}
body:has(.scp-inbox-show) .reply-form-footer {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 20px;
    border-top:1px solid #f3f4f6;
}
body:has(.scp-inbox-show) .reply-send-btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:9px 20px;
    background:#0a66c2;
    color:#fff;
    border:none;
    border-radius:24px;
    font-size:14px; font-weight:600;
    cursor:pointer;
    transition:background .15s;
}
body:has(.scp-inbox-show) .reply-send-btn:hover {
    background:#004182;
}
body:has(.scp-inbox-show) .reply-attach-btn {
    background:none; border:none; padding:6px 10px;
    color:#6b7280; cursor:pointer; border-radius:6px;
    display:flex; align-items:center; gap:6px;
    font-size:13px;
    transition:background .12s, color .12s;
}
body:has(.scp-inbox-show) .reply-attach-btn:hover {
    background:#f3f4f6; color:#374151;
}


/* ─── incomes\index.blade.php [block 0] (scoped via .scp-incomes-index) ─── */
body:has(.scp-incomes-index) .input-sm {
    height: 32px;
            padding-left: 8px !important;
            padding-top: 5px !important;
            font-size: 12px !important;
            color: #B5B5C3;
            font-weight: 400;
}
body:has(.scp-incomes-index) .form-grp {
    float: right;
            margin-top: 17px;
}
body:has(.scp-incomes-index) .card-body {
    flex: 1 1 auto;
            padding: 1rem 1rem !important;
}
body:has(.scp-incomes-index) li.lisection {
    text-align: center;
            margin-top: 4px;
}
body:has(.scp-incomes-index) li.lisection a i {
    margin-right: 7px;
}
body:has(.scp-incomes-index) li.lisection a {
    color: #000;
}
body:has(.scp-incomes-index) .card {
    border: 0;
            box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
}
body:has(.scp-incomes-index) .erp5nepalidate select {
    font-size: 12px;
}
body:has(.scp-incomes-index) .modal.show .modal-dialog {
    max-width: 70%;
}
body:has(.scp-incomes-index) .bg-red {
    background: #f14e4e;
            color: white;
}
body:has(.scp-incomes-index) #kt_datatable_fixed_columns .action-cell {
    white-space: nowrap;
}
body:has(.scp-incomes-index) #kt_datatable_fixed_columns .action-dropdown-toggle::after {
    margin-left: .45rem;
}


/* ─── internalrequisition\create.blade.php [block 0] (scoped via .scp-internalrequisition-create) ─── */
body:has(.scp-internalrequisition-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-internalrequisition-create) .card .mce-toolbar, body:has(.scp-internalrequisition-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-internalrequisition-create) .card .mce-edit-area, body:has(.scp-internalrequisition-create) .card .mce-edit-area iframe, body:has(.scp-internalrequisition-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-internalrequisition-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-internalrequisition-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-internalrequisition-create) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-internalrequisition-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-internalrequisition-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-internalrequisition-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-internalrequisition-create) .footer {
    position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #efefef;
   color: white;
   text-align: center;
}
body:has(.scp-internalrequisition-create) .product-td .select2-container {
    width: 295px!important;
}


/* ─── internalrequisition\edit.blade.php [block 0] (scoped via .scp-internalrequisition-edit) ─── */
body:has(.scp-internalrequisition-edit) :root {
    --ir-ink: #172033;
            --ir-text: #42516d;
            --ir-muted: #6f7f98;
            --ir-line: #d9e1ec;
            --ir-soft: #f4f7fb;
            --ir-card: rgba(255, 255, 255, 0.94);
            --ir-brand: #0f766e;
            --ir-brand-deep: #115e59;
            --ir-accent: #c2410c;
            --ir-brand-soft: rgba(15, 118, 110, 0.12);
            --ir-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
            --ir-shadow-soft: 0 16px 32px rgba(15, 23, 42, 0.05);
            --ir-radius: 22px;
            --ir-radius-sm: 16px;
}
body:has(.scp-internalrequisition-edit) {
    background:
                radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 28%),
                radial-gradient(circle at top right, rgba(194, 65, 12, 0.08), transparent 24%),
                linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
}
body:has(.scp-internalrequisition-edit) .toolbar {
    background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(18px);
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
body:has(.scp-internalrequisition-edit) .ir-shell {
    display: grid;
            gap: 1.25rem;
}
body:has(.scp-internalrequisition-edit) .ir-topbar {
    display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
}
body:has(.scp-internalrequisition-edit) .ir-title-wrap {
    display: grid;
            gap: .35rem;
}
body:has(.scp-internalrequisition-edit) .ir-eyebrow {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ir-brand-deep);
}
body:has(.scp-internalrequisition-edit) .ir-eyebrow::before {
    content: "";
            width: 34px;
            height: 1px;
            background: linear-gradient(90deg, var(--ir-brand), transparent);
}
body:has(.scp-internalrequisition-edit) .ir-title {
    margin: 0;
            font-size: clamp(1.55rem, 2vw, 2rem);
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--ir-ink);
}
body:has(.scp-internalrequisition-edit) .ir-subtitle {
    margin: 0;
            max-width: 760px;
            color: var(--ir-muted);
            font-size: .92rem;
}
body:has(.scp-internalrequisition-edit) .ir-chips {
    display: flex;
            flex-wrap: wrap;
            gap: .65rem;
}
body:has(.scp-internalrequisition-edit) .ir-chip {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .72rem .95rem;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.84);
            box-shadow: var(--ir-shadow-soft);
            color: var(--ir-text);
            font-size: .78rem;
            font-weight: 700;
}
body:has(.scp-internalrequisition-edit) .ir-chip i {
    color: var(--ir-brand);
}
body:has(.scp-internalrequisition-edit) .ir-card {
    border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: var(--ir-radius);
            background: var(--ir-card);
            box-shadow: var(--ir-shadow);
            overflow: hidden;
}
body:has(.scp-internalrequisition-edit) .ir-card-header {
    display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.15rem 1.3rem;
            border-bottom: 1px solid rgba(217, 225, 236, 0.9);
            background:
                linear-gradient(135deg, rgba(15, 118, 110, 0.08), transparent 46%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));
}
body:has(.scp-internalrequisition-edit) .ir-card-title {
    margin: 0;
            font-size: 1.02rem;
            font-weight: 800;
            letter-spacing: -.02em;
            color: var(--ir-ink);
}
body:has(.scp-internalrequisition-edit) .ir-card-note {
    margin: .25rem 0 0;
            color: var(--ir-muted);
            font-size: .82rem;
}
body:has(.scp-internalrequisition-edit) .ir-badge {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .7rem;
            border-radius: 999px;
            background: var(--ir-brand-soft);
            color: var(--ir-brand-deep);
            font-size: .74rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-internalrequisition-edit) .ir-card-body {
    padding: 1.3rem;
}
body:has(.scp-internalrequisition-edit) .ir-field-card, body:has(.scp-internalrequisition-edit) .ir-remarks-card, body:has(.scp-internalrequisition-edit) .ir-summary-card {
    padding: 1rem;
            border: 1px solid rgba(217, 225, 236, 0.95);
            border-radius: var(--ir-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
            box-shadow: var(--ir-shadow-soft);
}
body:has(.scp-internalrequisition-edit) .ir-field-card h3, body:has(.scp-internalrequisition-edit) .ir-remarks-card h3, body:has(.scp-internalrequisition-edit) .ir-summary-card h3 {
    margin: 0 0 .85rem;
            font-size: .86rem;
            font-weight: 800;
            color: var(--ir-ink);
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-internalrequisition-edit) .form-label {
    color: var(--ir-ink);
            font-size: .76rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            margin-bottom: .55rem;
}
body:has(.scp-internalrequisition-edit) .form-control, body:has(.scp-internalrequisition-edit) .form-select {
    min-height: 40px;
            border-color: rgba(148, 163, 184, 0.34);
            border-radius: 13px;
            background-color: #fff;
            color: var(--ir-text);
            box-shadow: none;
}
body:has(.scp-internalrequisition-edit) .form-control-sm, body:has(.scp-internalrequisition-edit) .form-select-sm {
    min-height: 38px;
}
body:has(.scp-internalrequisition-edit) .form-control:focus, body:has(.scp-internalrequisition-edit) .form-select:focus {
    border-color: rgba(15, 118, 110, 0.45);
            box-shadow: 0 0 0 .18rem rgba(15, 118, 110, 0.12);
}
body:has(.scp-internalrequisition-edit) .select2-container .select2-selection--single, body:has(.scp-internalrequisition-edit) .select2-container .select2-selection--multiple {
    min-height: 38px !important;
            border-color: rgba(148, 163, 184, 0.34) !important;
            border-radius: 13px !important;
            background: #fff !important;
}
body:has(.scp-internalrequisition-edit) .select2-container .select2-selection__rendered {
    color: var(--ir-text) !important;
            line-height: 38px !important;
            padding-left: .85rem !important;
}
body:has(.scp-internalrequisition-edit) .select2-container .select2-selection__arrow {
    height: 38px !important;
}
body:has(.scp-internalrequisition-edit) .ir-footer-grid {
    display: grid;
            grid-template-columns: minmax(0, 1.4fr) minmax(280px, .9fr);
            gap: 1.25rem;
            align-items: start;
}
body:has(.scp-internalrequisition-edit) .ir-summary-meta {
    display: grid;
            gap: .75rem;
}
body:has(.scp-internalrequisition-edit) .ir-meta-row {
    display: flex;
            justify-content: space-between;
            gap: 1rem;
            padding: .8rem .9rem;
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--ir-text);
            font-size: .85rem;
}
body:has(.scp-internalrequisition-edit) .ir-meta-row strong {
    color: var(--ir-ink);
}
body:has(.scp-internalrequisition-edit) .ir-actionbar {
    display: flex;
            justify-content: flex-end;
            gap: .75rem;
            padding: 1rem 1.3rem 1.2rem;
            border-top: 1px solid rgba(217, 225, 236, 0.9);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.75), rgba(255, 255, 255, 0.95));
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn {
    min-width: 150px;
            border-radius: 13px;
            font-weight: 700;
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn-primary, body:has(.scp-internalrequisition-edit) .ir-actionbar .btn-warning {
    border-color: transparent;
            box-shadow: 0 14px 28px rgba(15, 118, 110, 0.18);
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn-primary {
    background: linear-gradient(135deg, var(--ir-brand), #0ea5a2);
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn-warning {
    background: linear-gradient(135deg, #f59e0b, #f97316);
            color: #fff;
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn-light {
    background: #fff;
            color: var(--ir-text);
            border-color: rgba(148, 163, 184, 0.28);
}
@media (max-width: 991.98px) {
body:has(.scp-internalrequisition-edit) .ir-footer-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-internalrequisition-edit) .ir-card-header, body:has(.scp-internalrequisition-edit) .ir-card-body, body:has(.scp-internalrequisition-edit) .ir-actionbar {
    padding-left: 1rem;
                padding-right: 1rem;
}

}
@media (max-width: 767.98px) {
body:has(.scp-internalrequisition-edit) .ir-actionbar {
    flex-direction: column-reverse;
}
body:has(.scp-internalrequisition-edit) .ir-actionbar .btn {
    width: 100%;
}

}


/* ─── internalrequisition\email_review.blade.php [block 0] (scoped via .scp-internalrequisition-email-review) ─── */
body:has(.scp-internalrequisition-email-review) {
    font-family: Arial, sans-serif; color: #333; line-height: 1.6;
}
body:has(.scp-internalrequisition-email-review) .container {
    max-width: 600px; margin: 0 auto; padding: 24px;
}
body:has(.scp-internalrequisition-email-review) .header {
    background: #0f766e; color: #fff; padding: 16px 24px; border-radius: 6px 6px 0 0;
}
body:has(.scp-internalrequisition-email-review) .body {
    background: #f9f9f9; padding: 24px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 6px 6px;
}
body:has(.scp-internalrequisition-email-review) .btn {
    display: inline-block; background: #0f766e; color: #fff; padding: 10px 24px; border-radius: 4px; text-decoration: none; margin-top: 16px;
}
body:has(.scp-internalrequisition-email-review) .footer {
    margin-top: 24px; font-size: 12px; color: #999;
}


/* ─── internalrequisition\newcreate.blade.php [block 0] (scoped via .scp-internalrequisition-newcreate) ─── */
body:has(.scp-internalrequisition-newcreate) :root {
    --ir-ink: #172033;
            --ir-text: #42516d;
            --ir-muted: #6f7f98;
            --ir-line: #d9e1ec;
            --ir-soft: #f4f7fb;
            --ir-card: rgba(255, 255, 255, 0.94);
            --ir-brand: #0f766e;
            --ir-brand-deep: #115e59;
            --ir-accent: #c2410c;
            --ir-brand-soft: rgba(15, 118, 110, 0.12);
            --ir-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
            --ir-shadow-soft: 0 16px 32px rgba(15, 23, 42, 0.05);
            --ir-radius: 22px;
            --ir-radius-sm: 16px;
}
body:has(.scp-internalrequisition-newcreate) {
    background:
                radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 28%),
                radial-gradient(circle at top right, rgba(194, 65, 12, 0.08), transparent 24%),
                linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
}
body:has(.scp-internalrequisition-newcreate) .toolbar {
    background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(18px);
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
body:has(.scp-internalrequisition-newcreate) .ir-shell {
    display: grid;
            gap: 1.25rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-topbar {
    display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-title-wrap {
    display: grid;
            gap: .35rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-eyebrow {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ir-brand-deep);
}
body:has(.scp-internalrequisition-newcreate) .ir-eyebrow::before {
    content: "";
            width: 34px;
            height: 1px;
            background: linear-gradient(90deg, var(--ir-brand), transparent);
}
body:has(.scp-internalrequisition-newcreate) .ir-title {
    margin: 0;
            font-size: clamp(1.55rem, 2vw, 2rem);
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--ir-ink);
}
body:has(.scp-internalrequisition-newcreate) .ir-subtitle {
    margin: 0;
            max-width: 760px;
            color: var(--ir-muted);
            font-size: .92rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-chips {
    display: flex;
            flex-wrap: wrap;
            gap: .65rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-chip {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .72rem .95rem;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.84);
            box-shadow: var(--ir-shadow-soft);
            color: var(--ir-text);
            font-size: .78rem;
            font-weight: 700;
}
body:has(.scp-internalrequisition-newcreate) .ir-chip i {
    color: var(--ir-brand);
}
body:has(.scp-internalrequisition-newcreate) .ir-card {
    border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: var(--ir-radius);
            background: var(--ir-card);
            box-shadow: var(--ir-shadow);
            overflow: hidden;
}
body:has(.scp-internalrequisition-newcreate) .ir-card-header {
    display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.15rem 1.3rem;
            border-bottom: 1px solid rgba(217, 225, 236, 0.9);
            background:
                linear-gradient(135deg, rgba(15, 118, 110, 0.08), transparent 46%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));
}
body:has(.scp-internalrequisition-newcreate) .ir-card-title {
    margin: 0;
            font-size: 1.02rem;
            font-weight: 800;
            letter-spacing: -.02em;
            color: var(--ir-ink);
}
body:has(.scp-internalrequisition-newcreate) .ir-card-note {
    margin: .25rem 0 0;
            color: var(--ir-muted);
            font-size: .82rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-badge {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .7rem;
            border-radius: 999px;
            background: var(--ir-brand-soft);
            color: var(--ir-brand-deep);
            font-size: .74rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-internalrequisition-newcreate) .ir-card-body {
    padding: 1.3rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-field-card, body:has(.scp-internalrequisition-newcreate) .ir-info-card, body:has(.scp-internalrequisition-newcreate) .ir-remarks-card, body:has(.scp-internalrequisition-newcreate) .ir-summary-card {
    padding: 1rem;
            border: 1px solid rgba(217, 225, 236, 0.95);
            border-radius: var(--ir-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
            box-shadow: var(--ir-shadow-soft);
}
body:has(.scp-internalrequisition-newcreate) .ir-field-card h3, body:has(.scp-internalrequisition-newcreate) .ir-info-card h3, body:has(.scp-internalrequisition-newcreate) .ir-remarks-card h3, body:has(.scp-internalrequisition-newcreate) .ir-summary-card h3 {
    margin: 0 0 .85rem;
            font-size: .86rem;
            font-weight: 800;
            color: var(--ir-ink);
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-internalrequisition-newcreate) .ir-form-grid {
    display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 1rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-span-3 {
    grid-column: span 3;
}
body:has(.scp-internalrequisition-newcreate) .ir-span-4 {
    grid-column: span 4;
}
body:has(.scp-internalrequisition-newcreate) .ir-span-6 {
    grid-column: span 6;
}
body:has(.scp-internalrequisition-newcreate) .ir-inline-details {
    display: grid;
            gap: .42rem;
            color: var(--ir-text);
            font-size: .92rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-inline-details strong {
    color: var(--ir-ink);
}
body:has(.scp-internalrequisition-newcreate) .form-label {
    color: var(--ir-ink);
            font-size: .76rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            margin-bottom: .55rem;
}
body:has(.scp-internalrequisition-newcreate) .form-control, body:has(.scp-internalrequisition-newcreate) .form-select {
    min-height: 40px;
            border-color: rgba(148, 163, 184, 0.34);
            border-radius: 13px;
            background-color: #fff;
            color: var(--ir-text);
            box-shadow: none;
}
body:has(.scp-internalrequisition-newcreate) .form-control-sm, body:has(.scp-internalrequisition-newcreate) .form-select-sm {
    min-height: 38px;
}
body:has(.scp-internalrequisition-newcreate) .form-control:focus, body:has(.scp-internalrequisition-newcreate) .form-select:focus {
    border-color: rgba(15, 118, 110, 0.45);
            box-shadow: 0 0 0 .18rem rgba(15, 118, 110, 0.12);
}
body:has(.scp-internalrequisition-newcreate) .select2-container .select2-selection--single, body:has(.scp-internalrequisition-newcreate) .select2-container .select2-selection--multiple {
    min-height: 38px !important;
            border-color: rgba(148, 163, 184, 0.34) !important;
            border-radius: 13px !important;
            background: #fff !important;
}
body:has(.scp-internalrequisition-newcreate) .select2-container .select2-selection__rendered {
    color: var(--ir-text) !important;
            line-height: 38px !important;
            padding-left: .85rem !important;
}
body:has(.scp-internalrequisition-newcreate) .select2-container .select2-selection__arrow {
    height: 38px !important;
}
body:has(.scp-internalrequisition-newcreate) .ir-row-tool {
    display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 11px;
            border: 1px dashed rgba(15, 118, 110, 0.35);
            background: rgba(15, 118, 110, 0.08);
            color: var(--ir-brand-deep);
            text-decoration: none;
}
body:has(.scp-internalrequisition-newcreate) .ir-row-tool:hover {
    background: rgba(15, 118, 110, 0.14);
            color: var(--ir-brand);
}
body:has(.scp-internalrequisition-newcreate) .ir-footer-grid {
    display: grid;
            grid-template-columns: minmax(0, 1.5fr) minmax(280px, .85fr);
            gap: 1.25rem;
            align-items: start;
}
body:has(.scp-internalrequisition-newcreate) .ir-actionbar {
    display: flex;
            justify-content: flex-end;
            gap: .75rem;
            padding: 1rem 1.3rem 1.2rem;
            border-top: 1px solid rgba(217, 225, 236, 0.9);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.75), rgba(255, 255, 255, 0.95));
}
body:has(.scp-internalrequisition-newcreate) .ir-actionbar .btn {
    min-width: 150px;
            border-radius: 13px;
            font-weight: 700;
}
body:has(.scp-internalrequisition-newcreate) .ir-actionbar .btn-primary {
    background: linear-gradient(135deg, var(--ir-brand), #0ea5a2);
            border-color: transparent;
            box-shadow: 0 14px 28px rgba(15, 118, 110, 0.22);
}
body:has(.scp-internalrequisition-newcreate) .ir-actionbar .btn-light {
    background: #fff;
            color: var(--ir-text);
            border-color: rgba(148, 163, 184, 0.28);
}
body:has(.scp-internalrequisition-newcreate) .ir-line-actions {
    display: flex;
            justify-content: flex-end;
            margin-top: 1rem;
}
body:has(.scp-internalrequisition-newcreate) .ir-line-actions .btn {
    border-radius: 12px;
            font-weight: 700;
}
@media (max-width: 1199.98px) {
body:has(.scp-internalrequisition-newcreate) .ir-span-3, body:has(.scp-internalrequisition-newcreate) .ir-span-4, body:has(.scp-internalrequisition-newcreate) .ir-span-6 {
    grid-column: span 6;
}

}
@media (max-width: 991.98px) {
body:has(.scp-internalrequisition-newcreate) .ir-footer-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-internalrequisition-newcreate) .ir-span-3, body:has(.scp-internalrequisition-newcreate) .ir-span-4, body:has(.scp-internalrequisition-newcreate) .ir-span-6 {
    grid-column: span 12;
}
body:has(.scp-internalrequisition-newcreate) .ir-card-header, body:has(.scp-internalrequisition-newcreate) .ir-card-body, body:has(.scp-internalrequisition-newcreate) .ir-actionbar {
    padding-left: 1rem;
                padding-right: 1rem;
}

}
@media (max-width: 767.98px) {
body:has(.scp-internalrequisition-newcreate) .ir-actionbar {
    flex-direction: column-reverse;
}
body:has(.scp-internalrequisition-newcreate) .ir-actionbar .btn {
    width: 100%;
}

}


/* ─── invoice\followup.blade.php [block 0] (scoped via .scp-invoice-followup) ─── */
body:has(.scp-invoice-followup) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-invoice-followup) .followup-history {
    width: 700px;
            margin-left: -70px;
            padding-left: 5px;
}
/* select2 small */
body:has(.scp-invoice-followup) .select2-container .select2-selection--single {
    height: 31px !important;
            border: 1px solid #e5e7eb;
            border-radius: .475rem;
}
body:has(.scp-invoice-followup) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 29px !important;
            font-size: 12px;
}
body:has(.scp-invoice-followup) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px !important;
}
body:has(.scp-invoice-followup) .customer-option-name {
    font-weight: 700;
            color: #111827;
            font-size: .86rem;
            line-height: 1.25;
}
body:has(.scp-invoice-followup) .customer-option-meta {
    font-size: .73rem;
            color: #6b7280;
            line-height: 1.25;
            white-space: normal;
}
body:has(.scp-invoice-followup) .select2-container--open .select2-results > .select2-results__options {
    max-height: 260px !important;
            overflow-y: auto !important;
}
/* Automatic email info alert */
body:has(.scp-invoice-followup) .alert-info {
    background-color: #e8f4fd;
            border-color: #bee5eb;
            color: #0c5460;
}
body:has(.scp-invoice-followup) .alert-info .alert-heading {
    color: #004085;
            font-weight: 600;
}
body:has(.scp-invoice-followup) .alert-info ul {
    padding-left: 20px;
            margin-bottom: 8px;
}
body:has(.scp-invoice-followup) .alert-info ul li {
    margin-bottom: 5px;
}


/* ─── invoice\index.blade.php [block 0] (scoped via .scp-invoice-index) ─── */
body:has(.scp-invoice-index) :root {
    --invoice-bg: var(--bs-body-bg);
            --invoice-card: var(--bs-body-bg);
            --invoice-border: var(--bs-border-color);
            --invoice-text: var(--bs-body-color);
            --invoice-muted: var(--bs-secondary-color);
            --invoice-primary: var(--bs-primary);
            --invoice-success: var(--bs-success);
            --invoice-warning: var(--bs-warning);
            --invoice-danger: var(--bs-danger);
            --invoice-info: var(--bs-info);
            --invoice-radius: 24px;
            --invoice-shadow: 0 26px 56px rgba(var(--bs-emphasis-color-rgb), 0.12);
            --invoice-soft-shadow: 0 18px 36px rgba(var(--bs-emphasis-color-rgb), 0.08);
}
body:has(.scp-invoice-index) {
    background:
                radial-gradient(circle at top left, rgba(var(--bs-primary-rgb), 0.08), transparent 30%),
                radial-gradient(circle at top right, rgba(var(--bs-success-rgb), 0.08), transparent 28%),
                linear-gradient(180deg, var(--bs-body-bg) 0%, var(--invoice-bg) 100%);
}
body:has(.scp-invoice-index) .invoice-shell {
    max-width: 100%;
}
body:has(.scp-invoice-index) .invoice-card {
    background: var(--invoice-card);
            border: 1px solid var(--invoice-border);
            border-radius: var(--invoice-radius);
            box-shadow: var(--invoice-soft-shadow);
            backdrop-filter: blur(12px);
}
body:has(.scp-invoice-index) .invoice-hero {
    overflow: hidden;
            position: relative;
}
body:has(.scp-invoice-index) .invoice-hero::before {
    content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.12), transparent 48%),
                linear-gradient(315deg, rgba(var(--bs-success-rgb), 0.08), transparent 34%);
            pointer-events: none;
}
body:has(.scp-invoice-index) .hero-body, body:has(.scp-invoice-index) .card-body {
    position: relative;
            padding: 1.25rem;
}
body:has(.scp-invoice-index) .hero-body {
    padding: 0.95rem 1.2rem;
}
body:has(.scp-invoice-index) .hero-row {
    flex-wrap: wrap;
            gap: 0.75rem;
}
body:has(.scp-invoice-index) .hero-title-row {
    flex: 1 1 auto;
            white-space: nowrap;
            min-width: 0;
}
body:has(.scp-invoice-index) .hero-stats {
    flex: 1 1 auto;
            flex-wrap: wrap;
            justify-content: flex-start;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: none;
            gap: 0.4rem;
}
body:has(.scp-invoice-index) .hero-stats::-webkit-scrollbar {
    display: none;
}
body:has(.scp-invoice-index) .hero-actions {
    flex: 0 0 auto;
            flex-wrap: wrap;
            gap: 0.5rem;
            justify-content: flex-end;
}
body:has(.scp-invoice-index) .hero-secondary-actions, body:has(.scp-invoice-index) .hero-primary-actions {
    display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            align-items: center;
}
body:has(.scp-invoice-index) .hero-primary-actions {
    margin-left: auto;
}
body:has(.scp-invoice-index) .hero-title {
    color: var(--invoice-text);
            font-size: clamp(1.05rem, 1.45vw, 1.45rem);
            letter-spacing: -0.04em;
            line-height: 1;
            margin-bottom: 0;
}
body:has(.scp-invoice-index) .summary-pill {
    padding: 0.45rem 0.8rem;
            background: var(--bs-body-bg);
            border: 1px solid var(--bs-border-color);
            color: var(--bs-body-color);
            font-size: 0.78rem;
}
body:has(.scp-invoice-index) .summary-pill strong {
    color: var(--invoice-text);
            font-size: 0.84rem;
}
body:has(.scp-invoice-index) .summary-pill.is-primary {
    color: var(--invoice-primary);
            background: rgba(var(--bs-primary-rgb), 0.12);
            border-color: rgba(var(--bs-primary-rgb), 0.12);
}
body:has(.scp-invoice-index) .summary-pill.is-empty {
    background: rgba(var(--bs-secondary-rgb), 0.1);
}
body:has(.scp-invoice-index) .hero-actions .btn, body:has(.scp-invoice-index) .card-actions .btn, body:has(.scp-invoice-index) .dt-buttons .btn {
    border-radius: 14px;
            font-weight: 600;
}
body:has(.scp-invoice-index) .hero-actions .btn, body:has(.scp-invoice-index) .card-actions .btn {
    padding: 0.48rem 0.78rem;
            font-size: 0.82rem;
            white-space: nowrap;
}
body:has(.scp-invoice-index) .hero-actions .btn-primary, body:has(.scp-invoice-index) .card-actions .btn-primary {
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary));
            border-color: transparent;
}
body:has(.scp-invoice-index) .saved-search-shell {
    min-width: 240px;
            max-width: 280px;
}
body:has(.scp-invoice-index) .saved-search-shell .input-group-text, body:has(.scp-invoice-index) .saved-search-shell .form-select {
    min-height: 44px;
            border-radius: 14px;
}
body:has(.scp-invoice-index) .saved-search-shell .input-group-text {
    border-right: 0;
            background: var(--bs-body-bg);
}
body:has(.scp-invoice-index) .saved-search-shell .form-select {
    border-left: 0;
            box-shadow: none;
}
body:has(.scp-invoice-index) .filters .form-label {
    display: block;
            margin-bottom: 0.5rem;
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
}
body:has(.scp-invoice-index) .filters .select2-container {
    width: 100% !important;
}
body:has(.scp-invoice-index) .filters .select2-container--default .select2-selection--single {
    min-height: 46px;
            border-radius: 14px;
            border-color: var(--bs-border-color);
            display: flex;
            align-items: center;
            padding: 0.45rem 2.25rem 0.45rem 0.9rem;
            box-shadow: none;
}
body:has(.scp-invoice-index) .filters .select2-container--default.select2-container--open .select2-selection--single, body:has(.scp-invoice-index) .filters .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: rgba(var(--bs-primary-rgb), 0.45);
            box-shadow: 0 0 0 0.18rem rgba(var(--bs-primary-rgb), 0.12);
}
body:has(.scp-invoice-index) .filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color);
            line-height: 1.45;
            padding-left: 0;
            padding-right: 0;
}
body:has(.scp-invoice-index) .filters .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--invoice-muted);
}
body:has(.scp-invoice-index) .filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
            right: 0.85rem;
            top: 0;
            width: 1rem;
}
body:has(.scp-invoice-index) .select2-dropdown {
    z-index: 2100;
}
body:has(.scp-invoice-index) .column-picker-menu {
    min-width: 260px;
            max-height: 360px;
            overflow: auto;
            border-radius: 18px;
            border-color: var(--bs-border-color);
            box-shadow: var(--invoice-soft-shadow);
}
body:has(.scp-invoice-index) .column-picker-menu .dropdown-header {
    color: var(--invoice-muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
}
body:has(.scp-invoice-index) .column-picker-item {
    display: flex;
            align-items: center;
            gap: 0.7rem;
            padding: 0.45rem 0.2rem;
}
body:has(.scp-invoice-index) .column-picker-item .form-check-input {
    margin-top: 0;
}
body:has(.scp-invoice-index) .column-picker-item .form-check-label {
    font-size: 0.88rem;
            color: var(--invoice-text);
            cursor: pointer;
}
body:has(.scp-invoice-index) #invoice-overlay {
    position: absolute;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            z-index: 5;
            border-radius: 20px;
            background: rgba(248, 250, 252, 0.82);
            backdrop-filter: blur(4px);
}
body:has(.scp-invoice-index) #invoice-table {
    width: 100% !important;
            margin: 0 !important;
            border-collapse: collapse !important;
}
body:has(.scp-invoice-index) .invoice-code {
    padding: 0.45rem 0.78rem;
            background: rgba(var(--bs-primary-rgb), 0.1);
            color: var(--invoice-primary);
            font-size: 0.82rem;
}
body:has(.scp-invoice-index) .invoice-date, body:has(.scp-invoice-index) .invoice-meta, body:has(.scp-invoice-index) .amount-stack, body:has(.scp-invoice-index) .person-chip {
    display: flex;
            gap: 0.28rem;
}
body:has(.scp-invoice-index) .invoice-date, body:has(.scp-invoice-index) .invoice-meta, body:has(.scp-invoice-index) .amount-stack {
    flex-direction: column;
}
body:has(.scp-invoice-index) .invoice-date span, body:has(.scp-invoice-index) .invoice-meta span, body:has(.scp-invoice-index) .amount-stack span, body:has(.scp-invoice-index) .person-name, body:has(.scp-invoice-index) .client-name {
    color: var(--invoice-text);
            font-weight: 700;
}
body:has(.scp-invoice-index) .person-chip {
    align-items: center;
            gap: 0.72rem;
            min-width: 0;
}
body:has(.scp-invoice-index) .person-chip .symbol {
    flex-shrink: 0;
}
body:has(.scp-invoice-index) .person-name, body:has(.scp-invoice-index) .client-name {
    display: block;
}
body:has(.scp-invoice-index) .invoice-client-link {
    display: inline-flex;
            align-items: flex-start;
            gap: 0.7rem;
            color: inherit;
            text-decoration: none;
}
body:has(.scp-invoice-index) .invoice-client-link:hover .client-name {
    color: var(--invoice-primary);
}
body:has(.scp-invoice-index) .client-marker {
    width: 2rem;
            height: 2rem;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(var(--bs-primary-rgb), 0.12);
            color: var(--invoice-primary);
            flex-shrink: 0;
}
body:has(.scp-invoice-index) .status-chip, body:has(.scp-invoice-index) .source-pill {
    justify-content: center;
            padding: 0.5rem 0.82rem;
            font-size: 0.78rem;
}
body:has(.scp-invoice-index) .status-chip.is-success {
    background: rgba(16, 185, 129, 0.14);
            color: var(--invoice-success);
}
body:has(.scp-invoice-index) .status-chip.is-warning {
    background: rgba(249, 115, 22, 0.16);
            color: var(--invoice-warning);
}
body:has(.scp-invoice-index) .status-chip.is-danger {
    background: rgba(239, 68, 68, 0.14);
            color: var(--invoice-danger);
}
body:has(.scp-invoice-index) .status-chip.is-info {
    background: rgba(59, 130, 246, 0.14);
            color: var(--invoice-info);
}
body:has(.scp-invoice-index) .status-chip.is-muted {
    background: rgba(148, 163, 184, 0.18);
            color: #475569;
}
body:has(.scp-invoice-index) .source-pill {
    background: rgba(15, 23, 42, 0.05);
            color: #334155;
}
body:has(.scp-invoice-index) .amount-positive {
    color: var(--invoice-success);
}
body:has(.scp-invoice-index) .amount-warning {
    color: var(--invoice-warning);
}
body:has(.scp-invoice-index) .amount-negative {
    color: var(--invoice-danger);
}
body:has(.scp-invoice-index) .animate-up {
    animation: invoiceUpPulse 1s infinite alternate;
}
body:has(.scp-invoice-index) .animate-down {
    animation: invoiceDownPulse 1s infinite alternate;
}
body:has(.scp-invoice-index) .animate-equal {
    animation: invoiceEqualPulse 1.5s infinite alternate;
}
@keyframes invoiceUpPulse {

            from { transform: translateY(0); opacity: 0.8; }
            to { transform: translateY(-2px); opacity: 1; }
        
}
@keyframes invoiceDownPulse {

            from { transform: translateY(0); opacity: 0.8; }
            to { transform: translateY(2px); opacity: 1; }
        
}
@keyframes invoiceEqualPulse {

            from { opacity: 0.7; }
            to { opacity: 1; }
        
}
body:has(.scp-invoice-index) .dt-buttons {
    display: flex;
            flex-wrap: nowrap;
            gap: 0.55rem;
}
body:has(.scp-invoice-index) .invoice-dt-toolbar {
    display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center;
            gap: 0.75rem;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 0.2rem;
}
body:has(.scp-invoice-index) .invoice-dt-toolbar .dt-buttons {
    flex: 0 0 auto;
}
body:has(.scp-invoice-index) .page-item .page-link {
    border-radius: 12px !important;
            border: 0;
            margin: 0 0.15rem;
            color: #334155;
}
body:has(.scp-invoice-index) .page-item.active .page-link {
    background: linear-gradient(135deg, #0f62fe, #2563eb);
            color: #fff;
}
body:has(.scp-invoice-index) .modal-content {
    border-radius: 24px;
            border: 1px solid var(--invoice-border);
            box-shadow: var(--invoice-shadow);
}
/* Tablet: actions drop to their own row */
@media (max-width: 991.98px) {
body:has(.scp-invoice-index) .hero-body, body:has(.scp-invoice-index) .card-body {
    padding: 1rem;
}
body:has(.scp-invoice-index) .hero-actions {
    flex: 1 1 100%;
                justify-content: flex-start;
}

}
/* Mobile: stack all hero sections */
@media (max-width: 767.98px) {
body:has(.scp-invoice-index) .hero-body {
    padding: 0.85rem 1rem;
}
body:has(.scp-invoice-index) .hero-title-row {
    flex: 0 0 100%;
}
body:has(.scp-invoice-index) .hero-stats {
    flex: 0 0 100%;
                flex-wrap: nowrap;
                overflow-x: auto;
}
body:has(.scp-invoice-index) .hero-actions {
    flex: 0 0 100%;
                justify-content: flex-start;
}
/* Secondary links: scroll horizontally */
body:has(.scp-invoice-index) .hero-secondary-actions {
    flex: 1 1 100%;
                flex-wrap: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                scrollbar-width: none;
                -ms-overflow-style: none;
                padding-bottom: 2px;
}
body:has(.scp-invoice-index) .hero-secondary-actions::-webkit-scrollbar {
    display: none;
}
body:has(.scp-invoice-index) .hero-secondary-actions .btn {
    flex-shrink: 0;
                font-size: 0.8rem;
                padding: 0.42rem 0.65rem;
}
/* Primary CTAs: side by side, full width combined */
body:has(.scp-invoice-index) .hero-primary-actions {
    flex: 1 1 100%;
                margin-left: 0;
}
body:has(.scp-invoice-index) .hero-primary-actions .btn {
    flex: 1 1 calc(50% - 0.25rem);
                justify-content: center;
                text-align: center;
}
body:has(.scp-invoice-index) .card-actions .btn, body:has(.scp-invoice-index) .saved-search-shell {
    width: 100%;
                max-width: 100%;
}
body:has(.scp-invoice-index) .invoice-dt-toolbar {
    flex-wrap: wrap !important;
}
}
/* Very small: hide SVG icons in secondary links to save space */
@media (max-width: 380px) {
body:has(.scp-invoice-index) .hero-secondary-actions .btn svg {
    display: none;
}
body:has(.scp-invoice-index) .hero-secondary-actions .btn {
    font-size: 0.75rem;
                padding: 0.38rem 0.55rem;
}

}
/* ── NetSuite-style buttons: header & filter ── */
body:has(.scp-invoice-index) .hero-actions .btn, body:has(.scp-invoice-index) .card-actions .btn, body:has(.scp-invoice-index) .dt-buttons .btn {
    border-radius: 3px !important;
            font-weight: 400 !important;
            font-size: 12px !important;
            padding: 5px 12px !important;
            line-height: 1.5;
            box-shadow: none !important;
            letter-spacing: 0;
            transform: none !important;
            transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease;
}
/* Primary (New Invoice, Filters) */
body:has(.scp-invoice-index) .hero-actions .btn-primary, body:has(.scp-invoice-index) .card-actions .btn-primary {
    background: #1464a3 !important;
            border: 1px solid #0f5089 !important;
            color: #fff !important;
}
body:has(.scp-invoice-index) .hero-actions .btn-primary:hover, body:has(.scp-invoice-index) .card-actions .btn-primary:hover {
    background: #0f5089 !important;
            border-color: #0b3d6e !important;
}
/* Warning (Quick Invoice) → dark amber, NetSuite "submit" tone */
body:has(.scp-invoice-index) .hero-actions .btn-warning {
    background: #c96b00 !important;
            border: 1px solid #a85800 !important;
            color: #fff !important;
}
body:has(.scp-invoice-index) .hero-actions .btn-warning:hover {
    background: #a85800 !important;
            border-color: #8a4700 !important;
}
/* Light / outline-secondary (Receipts, Debtors, Reset, Excel, Abbreviated) */
body:has(.scp-invoice-index) .hero-actions .btn-light, body:has(.scp-invoice-index) .hero-actions .btn-outline-secondary, body:has(.scp-invoice-index) .card-actions .btn-light, body:has(.scp-invoice-index) .dt-buttons .btn-secondary {
    background: #fff !important;
            border: 1px solid #c3cad4 !important;
            color: #333 !important;
}
body:has(.scp-invoice-index) .hero-actions .btn-light:hover, body:has(.scp-invoice-index) .hero-actions .btn-outline-secondary:hover, body:has(.scp-invoice-index) .card-actions .btn-light:hover, body:has(.scp-invoice-index) .dt-buttons .btn-secondary:hover {
    background: #eef1f4 !important;
            border-color: #99a4b0 !important;
            color: #111 !important;
}
/* Follow-up danger-text button */
body:has(.scp-invoice-index) .hero-actions .btn.text-danger {
    color: #c0392b !important;
}
body:has(.scp-invoice-index) .hero-actions .btn.text-danger:hover {
    background: #fdf0ef !important;
            border-color: #e5a09a !important;
}
/* Badge inside Filters button */
body:has(.scp-invoice-index) .card-actions .btn-primary .badge {
    font-size: 10px;
            padding: 2px 6px;
            border-radius: 2px;
            background: rgba(255,255,255,0.25) !important;
            color: #fff !important;
}
/* Collapse any hover transforms defined earlier */
body:has(.scp-invoice-index) .hero-actions .btn:hover, body:has(.scp-invoice-index) .card-actions .btn:hover {
    transform: none !important;
            box-shadow: none !important;
}


/* ─── invoice\modalshow.blade.php [block 0] (scoped via .scp-invoice-modalshow) ─── */
body:has(.scp-invoice-modalshow) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── invoice\paymentcreate.blade.php [block 0] (scoped via .scp-invoice-paymentcreate) ─── */
body:has(.scp-invoice-paymentcreate) .pc-card {
    border:0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.07)
}
body:has(.scp-invoice-paymentcreate) .pc-card .pc-header {
    padding:1rem 1.25rem;
        border-bottom:1px solid var(--bs-border-color,#e9ecef);
        display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip {
    display:flex;align-items:center;gap:.5rem;flex-wrap:wrap
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc {
    display:flex;align-items:center;gap:.3rem;
        background:#f8fafc;border:1px solid #e2e8f0;
        border-radius:6px;padding:.2rem .6rem;font-size:.78rem;
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc .lbl {
    color:#64748b;font-weight:500
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc .val {
    font-weight:700
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc.total .val {
    color:#1d4ed8
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc.paid  .val {
    color:#059669
}
body:has(.scp-invoice-paymentcreate) .pc-totals-strip .tc.rem   .val {
    color:#d97706
}
body:has(.scp-invoice-paymentcreate) .chip-bill {
    background:#eef2ff;border:1px dashed #c7d2fe;
        border-radius:999px;padding:.2rem .65rem;font-size:.75rem;white-space:nowrap;
}
body:has(.scp-invoice-paymentcreate) .pc-body {
    padding:1.1rem 1.25rem
}
body:has(.scp-invoice-paymentcreate) .extra-row-wrap {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem
}
body:has(.scp-invoice-paymentcreate) .required:after {
    content:" *";color:#dc2626
}
body:has(.scp-invoice-paymentcreate) .remove-this {
    cursor:pointer;font-size:1rem
}
body:has(.scp-invoice-paymentcreate) .sep {
    width:1px;height:20px;background:#e2e8f0;display:inline-block
}
body:has(.scp-invoice-paymentcreate) .pc-body .form-label {
    margin-bottom:.2rem;font-size:.78rem;font-weight:600;color:#374151
}
body:has(.scp-invoice-paymentcreate) .pc-body .form-control-sm, body:has(.scp-invoice-paymentcreate) .pc-body .form-select-sm {
    font-size:.8rem
}
body:has(.scp-invoice-paymentcreate) .cash-helper {
    border:1px solid #bbf7d0;
        background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 100%);
        border-radius:12px;
        padding:.9rem 1.1rem;
}
body:has(.scp-invoice-paymentcreate) .cash-helper-title {
    font-size:.72rem;font-weight:700;letter-spacing:.07em;
        text-transform:uppercase;color:#15803d;margin-bottom:.6rem;
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat {
    min-width:130px;padding:.55rem .75rem;
        border:1px solid #e2e8f0;border-radius:10px;
        background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat .lbl {
    display:block;font-size:.68rem;font-weight:700;
        color:#64748b;text-transform:uppercase;letter-spacing:.05em;
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat .val {
    display:block;margin-top:.15rem;font-size:1.15rem;font-weight:800;color:#0f172a;
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat.change {
    border-color:#bbf7d0;background:#f0fdf4
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat.change .val {
    color:#059669
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat.short {
    border-color:#fecaca;background:#fff5f5
}
body:has(.scp-invoice-paymentcreate) .cash-helper .helper-stat.short .val {
    color:#dc2626
}
body:has(.scp-invoice-paymentcreate) .denom-row {
    display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem
}
body:has(.scp-invoice-paymentcreate) .denom-chip {
    display:inline-block;padding:.18rem .52rem;border-radius:999px;
        border:1px solid #d1d5db;background:#fff;font-size:.78rem;font-weight:600;
        cursor:pointer;user-select:none;transition:background .12s,border-color .12s;
}
body:has(.scp-invoice-paymentcreate) .denom-chip:hover {
    background:#dcfce7;border-color:#86efac;color:#15803d
}


/* ─── invoice\pdc-edit.blade.php [block 0] (scoped via .scp-invoice-pdc-edit) ─── */
body:has(.scp-invoice-pdc-edit) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── invoice\pdc-list.blade.php [block 0] (scoped via .scp-invoice-pdc-list) ─── */
body:has(.scp-invoice-pdc-list) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1a4567; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-invoice-pdc-list) .page-wrap {
    padding-inline:clamp(.5rem,2vw,1rem)
}
body:has(.scp-invoice-pdc-list) .toolbar-chip {
    background:#eef2ff;border:1px dashed #c7d2fe;padding:.35rem .6rem;border-radius:999px;font-size:.75rem
}
body:has(.scp-invoice-pdc-list) .card-modern {
    border:0;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)
}
body:has(.scp-invoice-pdc-list) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:transparent
}
body:has(.scp-invoice-pdc-list) .filters-row .form-control, body:has(.scp-invoice-pdc-list) .filters-row .form-select {
    min-width:160px
}
body:has(.scp-invoice-pdc-list) .filters-row .form-control, body:has(.scp-invoice-pdc-list) .filters-row .form-select {
    height:34px; padding:.25rem .5rem; font-size:.825rem
}
body:has(.scp-invoice-pdc-list) .filters-row .btn {
    height:34px; padding:.25rem .6rem
}
body:has(.scp-invoice-pdc-list) .badge-soft-success {
    background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0
}
body:has(.scp-invoice-pdc-list) .badge-soft-danger {
    background:#fef2f2; color:#991b1b; border:1px solid #fecaca
}
body:has(.scp-invoice-pdc-list) .badge-soft-warning {
    background:#fffbeb; color:#92400e; border:1px solid #fde68a
}
body:has(.scp-invoice-pdc-list) .divider {
    width:1px; height:22px; background:#e2e8f0; margin-inline:.75rem
}
body:has(.scp-invoice-pdc-list) .btn-icon-only {
    display:inline-flex; align-items:center; justify-content:center; gap:.4rem
}
body:has(.scp-invoice-pdc-list) .note-cell {
    max-width:260px; white-space:normal !important
}
body:has(.scp-invoice-pdc-list) .note-cell .btn {
    flex:0 0 auto
}
body:has(.scp-invoice-pdc-list) .select2-container--bootstrap-5 .select2-selection {
    min-height:34px!important
}
body:has(.scp-invoice-pdc-list) .customer-option-name {
    font-weight:700;color:#111827;font-size:.86rem;line-height:1.25
}
body:has(.scp-invoice-pdc-list) .customer-option-meta {
    font-size:.73rem;color:#6b7280;line-height:1.25;white-space:normal
}
body:has(.scp-invoice-pdc-list) .select2-container--open .select2-results > .select2-results__options {
    max-height:260px !important;
      overflow-y:auto !important;
}


/* ─── invoice\returnsaleslist.blade.php [block 0] (scoped via .scp-invoice-returnsaleslist) ─── */
body:has(.scp-invoice-returnsaleslist) .form-control {
    background-color: #F5F8FA;
            border-color: #ddd;
            color: #5E6278;
}
body:has(.scp-invoice-returnsaleslist) .form-select {
    background-color: #F5F8FA;
            border-color: #ddd;
            color: #5E6278;
}
body:has(.scp-invoice-returnsaleslist) .guest-name {
    text-overflow: ellipsis;
            overflow: hidden;
            width: 168px;
            margin-bottom: 0rem !important;
}
body:has(.scp-invoice-returnsaleslist) .cancel_re {
    text-overflow: ellipsis;
            overflow: hidden;
            width: 110px;
            margin-bottom: 0rem !important;
}


/* ─── invoice\sales_materalize.blade.php [block 0] (scoped via .scp-invoice-sales-materalize) ─── */
/* Full-width override for KTMeron content container */
body:has(.scp-invoice-sales-materalize) #kt_content_container, body:has(.scp-invoice-sales-materalize) [id*="content_container"], body:has(.scp-invoice-sales-materalize) .content-wrapper > .container, body:has(.scp-invoice-sales-materalize) .content-wrapper > .container-fluid {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
body:has(.scp-invoice-sales-materalize) .mat-head {
    background:linear-gradient(145deg,#f8fbff 0%,#eef4ff 100%); border-bottom:1px solid #dbe6f5; padding:18px 20px 14px;
}
body:has(.scp-invoice-sales-materalize) .mat-title {
    font-size:1.05rem; font-weight:700; color:#0f172a;
}
@media print {
body:has(.scp-invoice-sales-materalize) .no-print {
    display:none !important;
}

}


/* ─── invoice\common\style.blade.php [block 0] (scoped via .scp-invoice-common-style) ─── */
body:has(.scp-invoice-common-style) .erp5nepalidate select {
    font-size: 12px;
}


/* ─── invoice\modals\show.blade.php [block 0] (scoped via .scp-invoice-modals-show) ─── */
body:has(.scp-invoice-modals-show) .input-sm {
    height: 32px;
        padding-left: 8px;
        padding-top: 5px;
        font-size: 12px;
        color: #B5B5C3;
        font-weight: 400;
}
body:has(.scp-invoice-modals-show) .card {
    border: 0;
        margin-top: 16px;
        box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
}
body:has(.scp-invoice-modals-show) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-invoice-modals-show) .position-relative.d-sm-inline-block {
    width: 157px;
}
/* ─── invoiceReturn\create.blade.php [block 0] (scoped via .scp-invoicereturn-create) ─── */
body:has(.scp-invoicereturn-create) #kt_content_container {
    max-width: 100% !important;
}
/* ── Return Process Guide (light) ── */
body:has(.scp-invoicereturn-create) .rp-guide {
    background: #fff;
            border: 1px solid #e4e6ef;
            border-radius: 10px;
            overflow: hidden;
}
body:has(.scp-invoicereturn-create) .rp-guide-header {
    cursor: pointer;
            user-select: none;
            padding: 8px 16px;
            border-bottom: 1px solid #e4e6ef;
            transition: background .2s;
}
body:has(.scp-invoicereturn-create) .rp-guide-header:hover {
    background: #f5f8fa;
}
/* pulse dot */
body:has(.scp-invoicereturn-create) .pulse-dot {
    display: inline-block;
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #22c55e;
            box-shadow: 0 0 0 0 rgba(34,197,94,.7);
            animation: pulse-ring 1.6s infinite;
}
@keyframes pulse-ring {

            0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.7); }
            70%  { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
            100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
        
}
/* flow step */
body:has(.scp-invoicereturn-create) .flow-step {
    display: flex;
            align-items: flex-start;
            gap: 8px;
            padding: 6px 10px;
            border-radius: 8px;
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            transition: all .3s ease;
            opacity: .5;
}
body:has(.scp-invoicereturn-create) .flow-step.active {
    opacity: 1;
            background: #eff6ff;
            border-color: #93c5fd;
            transform: translateX(3px);
}
body:has(.scp-invoicereturn-create) .flow-step .step-icon {
    width: 28px; height: 28px;
            border-radius: 6px;
            display: flex; align-items: center; justify-content: center;
            font-size: 14px;
            flex-shrink: 0;
}
body:has(.scp-invoicereturn-create) .flow-step .step-body {
    flex: 1; min-width: 0;
}
body:has(.scp-invoicereturn-create) .flow-step .step-title {
    font-size: .72rem; font-weight: 700; color: #1e293b; letter-spacing: .03em;
}
body:has(.scp-invoicereturn-create) .flow-step .step-desc {
    font-size: .67rem; color: #6c757d; line-height: 1.35;
}
body:has(.scp-invoicereturn-create) .flow-step .step-amount {
    font-size: .8rem; font-weight: 700;
            color: #1e293b;
            white-space: nowrap;
            transition: color .3s;
}
/* connector arrow */
body:has(.scp-invoicereturn-create) .flow-arrow {
    text-align: center;
            color: #adb5bd;
            font-size: 14px;
            line-height: 1;
            margin: 1px 0;
}
/* live journal table */
body:has(.scp-invoicereturn-create) .rp-journal {
    border-radius: 8px;
            overflow: hidden;
            border: 1px solid #e4e6ef;
}
body:has(.scp-invoicereturn-create) .rp-journal .badge-dr {
    background: #fee2e2; color: #dc2626;
            font-size: .63rem; font-weight: 700;
            padding: 2px 6px; border-radius: 4px; letter-spacing: .04em;
}
body:has(.scp-invoicereturn-create) .rp-journal .badge-cr {
    background: #dcfce7; color: #16a34a;
            font-size: .63rem; font-weight: 700;
            padding: 2px 6px; border-radius: 4px; letter-spacing: .04em;
}
body:has(.scp-invoicereturn-create) .rp-journal .amt-dr {
    color: #dc2626; font-weight: 700; text-align: right;
}
body:has(.scp-invoicereturn-create) .rp-journal .amt-cr {
    color: #16a34a; font-weight: 700; text-align: right;
}
/* balance pill */
body:has(.scp-invoicereturn-create) .balance-pill {
    display: inline-flex; align-items: center; gap: 5px;
            padding: 3px 10px; border-radius: 20px;
            font-size: .7rem; font-weight: 700;
            transition: all .35s;
}
body:has(.scp-invoicereturn-create) .balance-pill.balanced {
    background: #dcfce7; color: #16a34a; border: 1px solid #86efac;
}
body:has(.scp-invoicereturn-create) .balance-pill.unbalanced {
    background: #fee2e2; color: #dc2626; border: 1px solid #fca5a5;
}
/* section label */
body:has(.scp-invoicereturn-create) .rp-section-label {
    font-size: .63rem; font-weight: 800; letter-spacing: .1em;
            text-transform: uppercase; color: #9ca3af; margin-bottom: 6px;
}
/* animated number */
@keyframes numPop {

            0%   { transform: scale(1); }
            50%  { transform: scale(1.12); }
            100% { transform: scale(1); }
        
}
body:has(.scp-invoicereturn-create) .num-pop {
    animation: numPop .3s ease;
}
/* slide-in for body */
@keyframes slideDown {

            from { opacity: 0; transform: translateY(-8px); }
            to   { opacity: 1; transform: translateY(0); }
        
}
body:has(.scp-invoicereturn-create) .rp-guide-body {
    animation: slideDown .2s ease;
}
/* stock anim */
@keyframes stockBounce {

            0%,100% { transform: translateY(0); }
            40%     { transform: translateY(-4px); }
        
}
body:has(.scp-invoicereturn-create) .stock-bounce {
    animation: stockBounce .5s ease;
}
body:has(.scp-invoicereturn-create) .stock-up-glow {
    color: #16a34a !important; transition: color .3s;
}


/* ─── invoiceReturn\credit_note.blade.php [block 0] (scoped via .scp-invoicereturn-credit-note) ─── */
body:has(.scp-invoicereturn-credit-note) {
    font-family: 'DejaVu Sans', sans-serif;
            font-size: 11px;
            color: #000;
            line-height: 1.4;
            margin: 0;
            padding: 10px 5px; /* Reduced left/right padding */
}
body:has(.scp-invoicereturn-credit-note) .header, body:has(.scp-invoicereturn-credit-note) .footer {
    text-align: center;
}
body:has(.scp-invoicereturn-credit-note) .header h2 {
    margin: 0;
            font-size: 15px;
            font-weight: bold;
}
body:has(.scp-invoicereturn-credit-note) .header h3 {
    margin: 4px 0 8px 0;
            font-size: 13px;
}
body:has(.scp-invoicereturn-credit-note) .company-info, body:has(.scp-invoicereturn-credit-note) .summary, body:has(.scp-invoicereturn-credit-note) .reason, body:has(.scp-invoicereturn-credit-note) .signature {
    margin-top: 10px;
}
body:has(.scp-invoicereturn-credit-note) .section-title {
    font-weight: bold;
            font-size: 11px;
            padding-bottom: 2px;
            margin-bottom: 4px;
}
body:has(.scp-invoicereturn-credit-note) hr {
    border: none;
            border-top: 1px solid #000;
            margin: 8px 0;
}
body:has(.scp-invoicereturn-credit-note) small {
    font-size: 9px;
            color: #555;
}
body:has(.scp-invoicereturn-credit-note) .nowrap {
    white-space: nowrap;
}
body:has(.scp-invoicereturn-credit-note) .text-right {
    text-align: right;
}


/* ─── invoiceReturn\customer-product-report.blade.php [block 0] (scoped via .scp-invoicereturn-customer-product-report) ─── */
body:has(.scp-invoicereturn-customer-product-report) .return-report .card {
    border: 1px solid #e5e7eb; box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}
body:has(.scp-invoicereturn-customer-product-report) .return-report .metric-label {
    color: #64748b; font-size: .75rem; font-weight: 700; text-transform: uppercase;
}
body:has(.scp-invoicereturn-customer-product-report) .return-report .metric-value {
    color: #0f172a; font-size: 1.35rem; font-weight: 800;
}
body:has(.scp-invoicereturn-customer-product-report) .return-report .amount {
    font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap;
}


/* ─── irddetail\create.blade.php [block 0] (scoped via .scp-irddetail-create) ─── */
body:has(.scp-irddetail-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-irddetail-create) .card .mce-toolbar, body:has(.scp-irddetail-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-irddetail-create) .card .mce-edit-area, body:has(.scp-irddetail-create) .card .mce-edit-area iframe, body:has(.scp-irddetail-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-irddetail-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-irddetail-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-irddetail-create) .card.is-fullscreen .mce-tinymce {
    height: 100%;
}
body:has(.scp-irddetail-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-irddetail-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-irddetail-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-irddetail-create) input.form-control {
    min-width: 55px !important;
}
body:has(.scp-irddetail-create) select {
    min-width: 80px !important;
}
body:has(.scp-irddetail-create) .p_sn {
    max-width: 3px !important;
}
@media only screen and (max-width: 770px) {
body:has(.scp-irddetail-create) input.total {
    width: 140px !important;
}

}
body:has(.scp-irddetail-create) .card-footer {
    padding: 10px 15px;
            background-color: #fff !important;
            border-top: none !important;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
}
body:has(.scp-irddetail-create) .callout {
    border-radius: 3px;
            margin: 0;
            padding: 0;
            border-left: none !important;
}
body:has(.scp-irddetail-create) .box {
    border-radius: 12px;
            background: #ffffff;
            border-top: none;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
body:has(.scp-irddetail-create) .form-control {
    border-radius: 4px !important;
            box-shadow: none;
            border-color: #d2d6de;
            height: 29px !important;
}
body:has(.scp-irddetail-create) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-irddetail-create) .select2-container .select2-selection--single {
    height: 29px !important;
}
body:has(.scp-irddetail-create) .bg-green, body:has(.scp-irddetail-create) .callout.callout-success, body:has(.scp-irddetail-create) .alert-success, body:has(.scp-irddetail-create) .label-success, body:has(.scp-irddetail-create) .modal-success .modal-body {
    background-color: #ecf0f5 !important;
            color: #000 !important;
            border-radius: 5px !important;
            border-color: #3c8dbc94 !important;
}
body:has(.scp-irddetail-create) .select2-container--default .select2-selection--single {
    background-color: #fff;
            border: 1px solid #d2d6de !important;
            border-radius: 4px;
}
body:has(.scp-irddetail-create) input, body:has(.scp-irddetail-create) select {
    box-sizing: border-box;
            padding: 0px;
}
body:has(.scp-irddetail-create) .plusicon {
    color: #3c8dbc;
}
body:has(.scp-irddetail-create) .card-footer.footer {
    float: right;
}
body:has(.scp-irddetail-create) .callout a {
    color: #3c8dbc;
            text-decoration: none;
}
/* ─── irddetail\index.blade.php [block 0] (scoped via .scp-irddetail-index) ─── */
@media only screen and (max-width: 770px) {
}
body:has(.scp-irddetail-index) .nep-date-toggle {
    width: 120px !important;
}
body:has(.scp-irddetail-index) img.p-image {
    width: 27px;
      height: 27px;
      object-fit: cover;
      object-position: bottom;
      border-radius: 50%;
}
body:has(.scp-irddetail-index) .form-control {
    border-radius: 6px !important;
    box-shadow: none;
    border-color: #aaa;
    height: 28px;
}
body:has(.scp-irddetail-index) .box {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px !important;
    border-top: none;
    border-radius: 12px;
}


/* ─── jobapplication\index.blade.php [block 0] (scoped via .scp-jobapplication-index) ─── */
body:has(.scp-jobapplication-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-primary:#2563eb;
                --mn-radius: 1rem;
}
body:has(.scp-jobapplication-index) {
    background:
                  radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                  radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                  var(--mn-bg);
}
body:has(.scp-jobapplication-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                  radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                  radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-jobapplication-index) .mn-title {
    font-weight: 800;
                letter-spacing: -0.02em;
                color: var(--mn-ink);
}
body:has(.scp-jobapplication-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-jobapplication-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-jobapplication-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-jobapplication-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
/* Table */
/* Datatables controls (if enabled globally) */
body:has(.scp-jobapplication-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-jobapplication-index) .mn-iconbtn {
    border-radius: .85rem;
}
@media (max-width: 575.98px) {
body:has(.scp-jobapplication-index) .mn-actions {
    width:100%;
}
body:has(.scp-jobapplication-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── layouts\master.blade.php [block 0] (scoped via .scp-layouts-master) ─── */
body:has(.scp-layouts-master) {
    padding-top: 0;
  font-size: 12px;
  color: #777;
  background: #f9f9f9;
  font-family: 'Open Sans',sans-serif;
  margin-top:20px;
}
body:has(.scp-layouts-master) .bg-white {
    background-color: #fff;
}
body:has(.scp-layouts-master) .friend-list {
    list-style: none;
margin-left: -40px;
}
body:has(.scp-layouts-master) .friend-list li {
    border-bottom: 1px solid #eee;
}
body:has(.scp-layouts-master) .friend-list li a img {
    float: left;
  width: 45px;
  height: 45px;
  margin-right: 0px;
}
body:has(.scp-layouts-master) .friend-list li a {
    position: relative;
  display: block;
  padding: 10px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
}
body:has(.scp-layouts-master) .friend-list li.active a {
    background-color: #f1f5fc;
}
body:has(.scp-layouts-master) .friend-list li a .friend-name, body:has(.scp-layouts-master) .friend-list li a .friend-name:hover {
    color: #777;
}
body:has(.scp-layouts-master) .friend-list li a .last-message {
    width: 65%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body:has(.scp-layouts-master) .friend-list li a .time {
    position: absolute;
  top: 10px;
  right: 8px;
}
body:has(.scp-layouts-master) small, body:has(.scp-layouts-master) .small {
    font-size: 85%;
}
body:has(.scp-layouts-master) .friend-list li a .chat-alert {
    position: absolute;
  right: 8px;
  top: 27px;
  font-size: 10px;
  padding: 3px 5px;
}
body:has(.scp-layouts-master) .chat-message {
    padding: 60px 20px 115px;
}
body:has(.scp-layouts-master) .chat {
    list-style: none;
    margin: 0;
}
body:has(.scp-layouts-master) .chat-message {
    background: #f9f9f9;
}
body:has(.scp-layouts-master) .chat li img {
    width: 45px;
  height: 45px;
  border-radius: 50em;
  -moz-border-radius: 50em;
  -webkit-border-radius: 50em;
}
body:has(.scp-layouts-master) img {
    max-width: 100%;
}
body:has(.scp-layouts-master) .chat-body {
    padding-bottom: 20px;
}
body:has(.scp-layouts-master) .chat li.left .chat-body {
    margin-left: 70px;
  background-color: #fff;
}
body:has(.scp-layouts-master) .chat li .chat-body {
    position: relative;
  font-size: 11px;
  padding: 10px;
  border: 1px solid #f1f5fc;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
body:has(.scp-layouts-master) .chat li .chat-body .header {
    padding-bottom: 5px;
  border-bottom: 1px solid #f1f5fc;
}
body:has(.scp-layouts-master) .chat li .chat-body p {
    margin: 0;
}
body:has(.scp-layouts-master) .chat li.left .chat-body:before {
    position: absolute;
  top: 10px;
  left: -8px;
  display: inline-block;
  background: #fff;
  width: 16px;
  height: 16px;
  border-top: 1px solid #f1f5fc;
  border-left: 1px solid #f1f5fc;
  content: '';
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
body:has(.scp-layouts-master) .chat li.right .chat-body:before {
    position: absolute;
  top: 10px;
  right: -8px;
  display: inline-block;
  background: #fff;
  width: 16px;
  height: 16px;
  border-top: 1px solid #f1f5fc;
  border-right: 1px solid #f1f5fc;
  content: '';
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
body:has(.scp-layouts-master) .chat li {
    margin: 15px 0;
}
body:has(.scp-layouts-master) .chat li.right .chat-body {
    margin-right: 70px;
  background-color: #fff;
}
body:has(.scp-layouts-master) .chat-box {
    position: fixed;
  bottom: 0;
  left: 444px;
  right: 0;
  padding: 15px;
  border-top: 1px solid #eee;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
}
body:has(.scp-layouts-master) .primary-font {
    color: #3c8dbc;
}
body:has(.scp-layouts-master) a:hover, body:has(.scp-layouts-master) a:active, body:has(.scp-layouts-master) a:focus {
    text-decoration: none;
  outline: 0;
}


/* ─── leads\create.blade.php [block 0] (scoped via .scp-leads-create) ─── */
body:has(.scp-leads-create) .sticky-sidebar {
    position: sticky; top: 92px;
}
@media (max-width: 767px) {
body:has(.scp-leads-create) .sticky-sidebar {
    position: static;
}

}
body:has(.scp-leads-create) .actions-bar {
    position: sticky; bottom: 0; z-index: 20; background: linear-gradient(180deg, transparent 0%, #fff 30%); padding-top: 12px;
}
body:has(.scp-leads-create) .swal2-html-container {
    text-align: left;
}
body:has(.scp-leads-create) .swal2-popup pre {
    white-space: pre-wrap; font-family: monospace;
}
body:has(.scp-leads-create) .required::after {
    content: " *"; color: #dc3545;
}


/* ─── leads\edit_query.blade.php [block 0] (scoped via .scp-leads-edit-query) ─── */
body:has(.scp-leads-edit-query) select {
    width:200px !important;
}
body:has(.scp-leads-edit-query) label {
    font-weight: 600 !important;
}
body:has(.scp-leads-edit-query) .intl-tel-input {
    width: 100%;
}
body:has(.scp-leads-edit-query) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── leads\index.blade.php [block 0] (scoped via .scp-leads-index) ─── */
body:has(.scp-leads-index) :root {
    --zi-bg:#f6f7fb; --zi-card:#fff; --zi-border:#e5e7eb; --zi-muted:#6b7280; --zi-ink:#111827;
            --zi-pill:#f1f5f9; --zi-pill-text:#0f172a; --zi-chip:#eef2ff; --zi-chip-text:#3730a3;
}
body:has(.scp-leads-index) {
    background:var(--zi-bg)
}
body:has(.scp-leads-index) .zi-wrap {
    max-width:1400px;margin:0 auto
}
body:has(.scp-leads-index) .zi-toolbar {
    display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap
}
body:has(.scp-leads-index) .zi-kpis {
    display:flex;gap:6px;flex-wrap:wrap
}
body:has(.scp-leads-index) .zi-kpi {
    background:var(--zi-card);border:1px solid var(--zi-border);border-radius:10px;padding:6px 8px
}
body:has(.scp-leads-index) .zi-kpi .v {
    font-weight:700
}
body:has(.scp-leads-index) .zi-kpi .muted {
    font-size:11px;line-height:1.1
}
body:has(.scp-leads-index) .zi-kpi .v {
    font-size:13px;line-height:1.1
}
body:has(.scp-leads-index) .zi-bar {
    background:linear-gradient(180deg,#fff, #fafafa);border:1px solid var(--zi-border);border-radius:12px;padding:10px
}
body:has(.scp-leads-index) .muted {
    color:var(--zi-muted)
}
body:has(.scp-leads-index) .zi-chip {
    background:var(--zi-chip);color:var(--zi-chip-text);border-radius:999px;padding:2px 8px;font-size:12px;border:1px solid #e9e9ff
}
body:has(.scp-leads-index) .zi-pill {
    background:var(--zi-pill);color:var(--zi-pill-text);border-radius:8px;padding:2px 8px;font-size:12px;border:1px solid var(--zi-border)
}
body:has(.scp-leads-index) .pill-stage {
    background:#ecfeff;border-color:#cffafe;color:#0e7490
}
body:has(.scp-leads-index) .pill-rating {
    background:#fef3c7;border-color:#fde68a;color:#92400e
}
body:has(.scp-leads-index) .zi-avatar {
    width:36px;height:36px;border-radius:8px;background:#ececec;display:flex;align-items:center;justify-content:center;font-weight:700
}
body:has(.scp-leads-index) .zi-link {
    color:#0d6efd;text-decoration:none
}
body:has(.scp-leads-index) .zi-link:hover {
    text-decoration:underline
}
body:has(.scp-leads-index) .zi-meta {
    font-size:12px;color:var(--zi-muted)
}
body:has(.scp-leads-index) .dt-buttons .btn {
    border-radius:8px
}
body:has(.scp-leads-index) .zi-toolbar .btn, body:has(.scp-leads-index) .zi-toolbar a.btn, body:has(.scp-leads-index) .dt-buttons .btn {
    padding:.22rem .45rem;
            font-size:.78rem;
            line-height:1.2;
}
body:has(.scp-leads-index) .zi-toolbar .btn i {
    font-size:.85em
}
body:has(.scp-leads-index) .zi-toolbar .d-flex.gap-2 {
    gap:.35rem !important
}
body:has(.scp-leads-index) .zi-toolbar-actions .btn > i {
    display:inline-flex;
            align-items:center;
            justify-content:center;
            width:17px;
            height:17px;
            font-size:17px;
            line-height:1;
            flex:0 0 17px;
}
body:has(.scp-leads-index) .zi-toolbar-actions .btn > svg {
    width:17px;
            height:17px;
            flex:0 0 17px;
}
body:has(.scp-leads-index) .zi-toolbar .zi-chip-btn {
    padding:2px 7px;font-size:11px
}
body:has(.scp-leads-index) .sticky-filters {
    position:sticky;top:8px
}
@media(max-width:991.98px) {
body:has(.scp-leads-index) .sticky-filters {
    position:static;top:auto
}

}
body:has(.scp-leads-index) .zi-chip-btn {
    cursor:pointer; border:none; background:var(--zi-chip); padding:2px 7px; font-size:11px
}
body:has(.scp-leads-index) .zi-chip-active {
    outline:2px solid #0d6efd; background:#eef6ff
}
body:has(.scp-leads-index) .zi-console {
    background:#0b1020;
            color:#d1def5;
            border:1px solid #1f2a44;
            border-radius:10px;
            padding:10px;
            white-space:pre-wrap;
            max-height:320px;
            overflow:auto;
            font-size:12px;
            font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
body:has(.scp-leads-index) .zi-console-error {
    border-color:#7f1d1d; color:#fecaca; background:#1c0f12;
}
body:has(.scp-leads-index) .zi-console-warn {
    border-color:#78350f; color:#fde68a; background:#1e160a;
}
body:has(.scp-leads-index) #column-picker-list {
    max-height:360px;overflow:auto
}
body:has(.scp-leads-index) .column-picker-item {
    display:flex;align-items:center;gap:8px;padding:4px 0
}


/* ─── leads\pipeline.blade.php [block 0] (scoped via .scp-leads-pipeline) ─── */
/* ── reset & page ── */
body:has(.scp-leads-pipeline) {
    background: #f0f2f5 !important;
}
/* ── toolbar ── */
body:has(.scp-leads-pipeline) .pb-bar {
    background: #fff;
        border-bottom: 1px solid #e4e6ea;
        padding: 0 20px;
        height: 52px;
        display: flex;
        align-items: center;
        gap: 10px;
        position: sticky;
        top: 0;
        z-index: 20;
}
body:has(.scp-leads-pipeline) .pb-pill {
    display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 5px 13px;
        border: 1px solid #d1d5db;
        border-radius: 999px;
        background: #fff;
        font-size: .82rem;
        font-weight: 500;
        color: #374151;
        cursor: pointer;
        white-space: nowrap;
        transition: background .12s, border-color .12s;
}
body:has(.scp-leads-pipeline) .pb-pill:hover {
    background: #f9fafb; border-color: #9ca3af;
}
body:has(.scp-leads-pipeline) .pb-pill svg {
    width: .85rem; height: .85rem; flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-icon-btn {
    width: 32px; height: 32px;
        border-radius: 6px;
        border: 1px solid #e5e7eb;
        background: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #6b7280;
        cursor: pointer;
        transition: background .12s, color .12s;
        flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-icon-btn:hover {
    background: #f3f4f6; color: #111827; border-color: #d1d5db;
}
body:has(.scp-leads-pipeline) .pb-icon-btn svg {
    width: 1rem; height: 1rem;
}
body:has(.scp-leads-pipeline) .pb-icon-btn.active {
    background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe;
}
body:has(.scp-leads-pipeline) .pb-vr {
    width: 1px; height: 24px; background: #e5e7eb; flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-sortlabel {
    font-size: .78rem; color: #9ca3af; white-space: nowrap;
}
/* ── summary bar ── */
body:has(.scp-leads-pipeline) .pb-summary {
    background: #fff;
        border-bottom: 1px solid #e4e6ea;
        padding: 0 20px;
        height: 50px;
        display: flex;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-stat {
    display: flex; flex-direction: column;
}
body:has(.scp-leads-pipeline) .pb-stat-val {
    font-size: .9rem; font-weight: 700; color: #111827; line-height: 1.2; white-space: nowrap;
}
body:has(.scp-leads-pipeline) .pb-stat-lbl {
    font-size: .7rem; color: #9ca3af; white-space: nowrap;
}
/* ── board ── */
body:has(.scp-leads-pipeline) .pb-board {
    display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 10px;
        padding: 14px 20px 20px;
        width: 100%;
        box-sizing: border-box;
        height: calc(100vh - 166px);
        align-items: flex-start;
}
body:has(.scp-leads-pipeline) .pb-board::-webkit-scrollbar {
    height: 6px;
}
body:has(.scp-leads-pipeline) .pb-board::-webkit-scrollbar-track {
    background: transparent;
}
body:has(.scp-leads-pipeline) .pb-board::-webkit-scrollbar-thumb {
    background: #c4c9d4; border-radius: 99px;
}
/* ── column ── */
body:has(.scp-leads-pipeline) .pb-col {
    flex: 1 1 270px;
        min-width: 258px;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #e4e6ea;
        max-height: 100%;
        overflow: hidden;
}
body:has(.scp-leads-pipeline) .pb-col-top {
    border-top: 4px solid #0d6efd;
        border-radius: 9px 9px 0 0;
        padding: 14px 16px 10px;
        flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-col-name {
    font-weight: 700;
        font-size: .92rem;
        color: #111827;
        margin: 0 0 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
body:has(.scp-leads-pipeline) .pb-col-meta {
    font-size: .78rem;
        color: #6b7280;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
}
body:has(.scp-leads-pipeline) .pb-col-body {
    flex: 1;
        overflow-y: auto;
        padding: 6px 10px;
        scrollbar-width: thin;
        scrollbar-color: #e5e7eb transparent;
}
body:has(.scp-leads-pipeline) .pb-col-body::-webkit-scrollbar {
    width: 3px;
}
body:has(.scp-leads-pipeline) .pb-col-body::-webkit-scrollbar-thumb {
    background: #e5e7eb; border-radius: 99px;
}
/* ── probability badge ── */
body:has(.scp-leads-pipeline) .pb-prob {
    font-size:.67rem; color:#6b7280; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:4px; padding:1px 5px; white-space:nowrap; flex-shrink:0;
}
/* ── card ── */
body:has(.scp-leads-pipeline) .pb-card {
    background: #fff;
        border: 1px solid #e8eaed;
        border-radius: 8px;
        padding: 11px 13px;
        margin-bottom: 7px;
        transition: box-shadow .15s ease, transform .15s ease;
        position: relative;
}
body:has(.scp-leads-pipeline) .pb-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
        transform: translateY(-1px);
        border-color: #d1d5db;
}
/* rotting states */
body:has(.scp-leads-pipeline) .pb-card--rotting {
    border-left: 3px solid #f59e0b !important;
}
body:has(.scp-leads-pipeline) .pb-card--dead {
    border-left: 3px solid #ef4444 !important;
}
body:has(.scp-leads-pipeline) .pb-rot-badge {
    font-size:.62rem; color:#b45309; background:#fffbeb; border:1px solid #fde68a; border-radius:3px; padding:0 4px; white-space:nowrap; display:inline-block; margin-bottom:3px;
}
body:has(.scp-leads-pipeline) .pb-dead-badge {
    font-size:.62rem; color:#dc2626; background:#fef2f2; border:1px solid #fecaca; border-radius:3px; padding:0 4px; white-space:nowrap; display:inline-block; margin-bottom:3px;
}
body:has(.scp-leads-pipeline) .pb-card-title {
    font-weight: 600;
        font-size: .855rem;
        color: #1a73e8;
        text-decoration: none;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 20px;
}
body:has(.scp-leads-pipeline) .pb-card-title:hover {
    text-decoration: underline;
}
body:has(.scp-leads-pipeline) .pb-handle {
    position: absolute;
        top: 10px; right: 10px;
        cursor: grab;
        color: #d1d5db;
        opacity: 0;
        transition: opacity .12s;
        width: 14px; height: 14px;
}
body:has(.scp-leads-pipeline) .pb-card:hover .pb-handle {
    opacity: 1;
}
body:has(.scp-leads-pipeline) .pb-card-owner {
    font-size: .78rem;
        color: #6b7280;
        margin: 3px 0 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
body:has(.scp-leads-pipeline) .pb-card-foot {
    display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: .77rem;
        color: #6b7280;
        border-top: 1px solid #f3f4f6;
        padding-top: 7px;
        margin-top: 2px;
}
body:has(.scp-leads-pipeline) .pb-card-foot-actions {
    display: flex; gap: 4px; align-items: center;
}
body:has(.scp-leads-pipeline) .pb-card-foot-actions a, body:has(.scp-leads-pipeline) .pb-card-foot-actions button {
    width: 24px; height: 24px;
        border-radius: 5px;
        border: none;
        background: transparent;
        color: #9ca3af;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background .1s, color .1s;
        padding: 0;
}
body:has(.scp-leads-pipeline) .pb-card-foot-actions a:hover, body:has(.scp-leads-pipeline) .pb-card-foot-actions button:hover {
    background: #f3f4f6; color: #374151;
}
body:has(.scp-leads-pipeline) .pb-card-foot-actions svg {
    width: .85rem; height: .85rem;
}
/* overdue date */
body:has(.scp-leads-pipeline) .pb-date--overdue {
    color: #dc2626 !important; font-weight: 600;
}
/* empty state */
body:has(.scp-leads-pipeline) .pb-empty {
    text-align: center;
        padding: 48px 16px;
        color: #c4c9d4;
        font-size: .85rem;
        font-weight: 500;
        letter-spacing: .01em;
        user-select: none;
}
/* add-deal link */
body:has(.scp-leads-pipeline) .pb-add-link {
    display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 10px;
        margin: 2px 10px 8px;
        border-radius: 7px;
        border: 1px dashed #d1d5db;
        color: #6b7280;
        font-size: .8rem;
        text-decoration: none;
        justify-content: center;
        transition: background .12s, border-color .12s, color .12s;
        flex-shrink: 0;
}
body:has(.scp-leads-pipeline) .pb-add-link:hover {
    background: #f9fafb; border-color: #9ca3af; color: #374151;
}
body:has(.scp-leads-pipeline) .pb-add-link svg {
    width: .85rem; height: .85rem; flex-shrink: 0;
}
/* drag states */
body:has(.scp-leads-pipeline) .dragging {
    opacity: .45;
}
body:has(.scp-leads-pipeline) .dragging-active {
    transform: rotate(-1.5deg) scale(1.02); box-shadow: 0 10px 28px rgba(0,0,0,.14);
}
/* ico helper */
body:has(.scp-leads-pipeline) .ico {
    width: 1rem; height: 1rem; display: inline-block; flex-shrink: 0; vertical-align: -.13em;
}
/* ── bulk mode ── */
body:has(.scp-leads-pipeline) .bulk-check {
    position: absolute; top: 8px; left: 8px;
        width: 14px; height: 14px;
        cursor: pointer; z-index: 2;
        display: none;
        accent-color: #1d4ed8;
}
body:has(.scp-leads-pipeline) #pipelineBoard.bulk-mode .bulk-check {
    display: block;
}
body:has(.scp-leads-pipeline) #pipelineBoard.bulk-mode .pb-card-title {
    padding-left: 22px;
}
body:has(.scp-leads-pipeline) #pipelineBoard.bulk-mode .pb-handle {
    display: none !important;
}
/* ── bulk action bar ── */
body:has(.scp-leads-pipeline) .pb-bulk-bar {
    position: fixed; bottom: 0; left: 0; right: 0;
        background: #1e293b; color: #fff;
        padding: 10px 20px;
        display: flex; align-items: center; gap: 8px;
        z-index: 200;
        border-top: 2px solid #334155;
}


/* ─── leads\query.blade.php [block 0] (scoped via .scp-leads-query) ─── */
body:has(.scp-leads-query) select {
    width:200px !important;
}
body:has(.scp-leads-query) label {
    font-weight: 600 !important;
}
body:has(.scp-leads-query) .intl-tel-input {
    width: 100%;
}
body:has(.scp-leads-query) .intl-tel-input .iti-flag .arrow {
    border: none;
}


/* ─── leads\show.blade.php [block 0] (scoped via .scp-leads-show) ─── */
body:has(.scp-leads-show) .steps {
    min-height: 90px;
        padding: 30px 0 0 0;
        font-family: 'Open Sans', sans-serif;
        position: relative
}
body:has(.scp-leads-show) .steps .steps-container {
    background: #DDD;
        height: 10px;
        width: 100%;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        margin: 0;
        list-style: none
}
body:has(.scp-leads-show) .steps .steps-container li {
    text-align: center;
        list-style: none;
        float: left
}
body:has(.scp-leads-show) .steps .steps-container li .step {
    padding: 0 50px
}
body:has(.scp-leads-show) .steps .steps-container li .step .step-image {
    margin: -14px 0 0 0
}
body:has(.scp-leads-show) .steps .steps-container li .step .step-image span {
    background-color: #DDD;
        display: block;
        width: 37px;
        height: 37px;
        margin: 0 auto;
        border-radius: 37px;
        -moz-border-radius: 37px;
        -webkit-border-radius: 37px;
        -ms-border-radius: 37px
}
body:has(.scp-leads-show) .steps .steps-container li .step .step-current {
    font-size: 11px;
        font-style: italic;
        color: #999;
        margin: 8px 0 0 0
}
body:has(.scp-leads-show) .steps .steps-container li .step .step-description {
    font-size: 13px;
        color: #538897
}
body:has(.scp-leads-show) .steps .steps-container li.activated .step .step-image span {
    background-color: #5DC177
}
body:has(.scp-leads-show) .steps .steps-container li.activated .step .step-image span:after {
    background-color: #FFF;
        display: block;
        content: '';
        position: absolute;
        z-index: 1;
        width: 27px;
        height: 27px;
        margin: 5px;
        border-radius: 27px;
        -moz-border-radius: 27px;
        -webkit-border-radius: 27px;
        -ms-border-radius: 27px;
        box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15)
}
body:has(.scp-leads-show) .steps .step-bar {
    background-color: #5DC177;
        height: 10px;
        position: absolute;
        top: 30px;
        border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        -ms-border-radius: 10px 0 0 10px
}
body:has(.scp-leads-show) .steps .step-bar.last {
    border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px
}
body:has(.scp-leads-show) .deets {
    display: grid;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 1rem;
}
body:has(.scp-leads-show) .deetss {
    display: grid;
        -webkit-box-align: center;
        align-items: center;
}
body:has(.scp-leads-show) ul.social-icon {
    display: flex;
        list-style: none;
        margin-left: -21px;
        margin-bottom: 2px;
}
body:has(.scp-leads-show) .card .card-body {
    padding: 1rem 1.25rem;
}
body:has(.scp-leads-show) img.p-image {
    width: 70px !important;
        height: 70px !important;
        border-radius: 50%;
}
body:has(.scp-leads-show) .uploadimg {
    display: flex;
}
body:has(.scp-leads-show) .uploadimg {
    background-color: #ffefef;
        padding: 1rem;
}
body:has(.scp-leads-show) .edit-field {
    display: grid;
        grid-template-columns: 1fr 1rem;
        -webkit-box-align: start;
        align-items: start;
        margin-bottom: 0.75rem;
}
body:has(.scp-leads-show) a.iconsection {
    float: right;
        cursor: pointer;
}
body:has(.scp-leads-show) .edit-field:hover {
    border-left: 2px solid #009ef7;
        margin-left: -1rem;
        padding-left: 0.8rem;
}
/* Tabs*/
body:has(.scp-leads-show) section .section-title {
    text-align: center;
        color: #007b5e;
        margin-bottom: 50px;
        text-transform: uppercase;
}
body:has(.scp-leads-show) #tabs .nav-tabs .nav-item.show .nav-link, body:has(.scp-leads-show) .nav-tabs .nav-link.active {
    background-color: transparent;
        border-color: transparent transparent #f3f3f3;
        border-bottom: 2px solid !important;
        font-size: 14px;
        font-weight: bold;
        border-radius: 0 !important;
}
body:has(.scp-leads-show) #tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        font-size: 15px;
        color: #000 !important;
}
body:has(.scp-leads-show) .nav-tabs .nav-link.active, body:has(.scp-leads-show) .nav-tabs .nav-item.show .nav-link {
    color: #009ef7 !important;
        background-color: #ffffff;
        border-color: #E4E6EF #E4E6EF #ffffff;
}
body:has(.scp-leads-show) .card {
    border: 0;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-leads-show) .badge-light-success {
    color: #50CD89 !important;
        background-color: #E8FFF3 !important;
        font-size: 10px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
}
body:has(.scp-leads-show) .scroll-section {
    overflow-y: scroll;
        height: 838px;
        overflow-x: hidden;
}
body:has(.scp-leads-show) .btn.btn-active-light-success.active {
    background-color: transparent !important;
}
body:has(.scp-leads-show) .edit-field {
    margin-bottom: 0 !important;
}


/* ─── leads\showfull.blade.php [block 0] (scoped via .scp-leads-showfull) ─── */
/* Hidden scrollbar for highlights bar */
body:has(.scp-leads-showfull) .lead-highlight-bar {
    overflow-x: auto; scrollbar-width: none;
}
body:has(.scp-leads-showfull) .lead-highlight-bar::-webkit-scrollbar {
    display: none;
}
body:has(.scp-leads-showfull) .lead-icon {
    width:16px; height:16px; display:inline-block; flex:0 0 16px; vertical-align:-2px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
}
body:has(.scp-leads-showfull) .lead-icon.lead-icon-lg {
    width:20px; height:20px; flex-basis:20px; stroke-width:1.8;
}
body:has(.scp-leads-showfull) .lead-icon.fs-1 {
    width:28px; height:28px; flex-basis:28px; stroke-width:1.75;
}
/* Lead photo circle (background-image — no BS5 equivalent) */
body:has(.scp-leads-showfull) .lead-photo {
    width: 52px; height: 52px;
    border-radius: 50%;
    background-size: cover; background-position: center;
    border: 2px solid #e8e7e6;
    flex-shrink: 0;
}
/* Feed item: initials + delete hover (used by static HTML & JS templates) */
body:has(.scp-leads-showfull) .feed-initials {
    width: 34px; height: 34px; border-radius: 50%;
    background: #e3e2e2;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .72rem; font-weight: 700; color: #444;
    flex-shrink: 0;
}
body:has(.scp-leads-showfull) .feed-avatar {
    width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
}
body:has(.scp-leads-showfull) .feed-delete {
    opacity: 0; transition: opacity .14s;
}
body:has(.scp-leads-showfull) .feed-item:hover .feed-delete {
    opacity: 1;
}
/* Embedded media */
body:has(.scp-leads-showfull) .custom-media {
    width: 100%; overflow: hidden; border-radius: 10px; border: 1px solid #dbe3ef; background: #f8fafc;
}
body:has(.scp-leads-showfull) .custom-media iframe {
    width: 100%; height: 220px; border: 0; display: block;
}
body:has(.scp-leads-showfull) .custom-media video {
    width: 100%; max-height: 260px; display: block; background: #000;
}
/* Keep existing stepper within our layout */
body:has(.scp-leads-showfull) .leads-sections {
    display: none;
}
/* sf-lead-photo alias — JS still updates this selector */
body:has(.scp-leads-showfull) .sf-lead-photo {
    width:52px; height:52px; border-radius:50%; background-size:cover; background-position:center; border:2px solid #e8e7e6; flex-shrink:0;
}
/* Collapsible related-list card chevron */
body:has(.scp-leads-showfull) .rel-chevron {
    transition: transform .2s;
}
body:has(.scp-leads-showfull) [data-bs-toggle="collapse"][aria-expanded="false"] .rel-chevron {
    transform: rotate(-90deg);
}


/* ─── leads\sms.blade.php [block 0] (scoped via .scp-leads-sms) ─── */
body:has(.scp-leads-sms) :root {
    --sf-blue:   #0176d3;
  --sf-text:   #3e3e3c;
  --sf-muted:  #706e6b;
  --sf-border: #dddbda;
  --sf-bg:     #f3f2f2;
}
body:has(.scp-leads-sms) .sf-modal-header {
    background: #fff;
  border-bottom: 3px solid var(--sf-blue);
  padding: .85rem 1.25rem;
}
body:has(.scp-leads-sms) .sf-modal-header .modal-title {
    font-size: .95rem;
  font-weight: 700;
  color: var(--sf-text);
  display: flex;
  align-items: center;
  gap: .45rem;
}
body:has(.scp-leads-sms) .sf-modal-header .modal-title i {
    color: var(--sf-blue); font-size: 1.1rem;
}
body:has(.scp-leads-sms) .form-label {
    font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--sf-muted);
  margin-bottom: .3rem;
}
body:has(.scp-leads-sms) .form-control {
    border-color: var(--sf-border);
  color: var(--sf-text);
  font-size: .85rem;
}
body:has(.scp-leads-sms) .form-control:focus {
    border-color: var(--sf-blue);
  box-shadow: 0 0 0 .2rem rgba(1,118,211,.15);
}
/* ---- SMS counter badge ---- */
body:has(.scp-leads-sms) .sms-count-badge {
    display: inline-block;
  font-size: .72rem;
  color: var(--sf-muted);
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 20px;
  padding: .1rem .6rem;
  margin-top: .3rem;
}


/* ─── leaveauthority\index.blade.php [block 0] (scoped via .scp-leaveauthority-index) ─── */
body:has(.scp-leaveauthority-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-leaveauthority-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(99,102,241,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-leaveauthority-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(99,102,241,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leaveauthority-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leaveauthority-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-leaveauthority-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-leaveauthority-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
                border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
}
body:has(.scp-leaveauthority-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-leaveauthority-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-leaveauthority-index) .dt-buttons .btn {
    border-radius:.85rem;
}


/* ─── leavecategory\edit.blade.php [block 0] (scoped via .scp-leavecategory-edit) ─── */
body:has(.scp-leavecategory-edit) .toolbar-chip {
    height:20px;margin-inline:1rem;border-left:1px solid var(--bs-gray-300)
}
body:has(.scp-leavecategory-edit) .form-section-title {
    font-weight:600;margin-top:.75rem
}
body:has(.scp-leavecategory-edit) .select2-container {
    width:100%!important
}
body:has(.scp-leavecategory-edit) .select2-container--bootstrap-5 .select2-selection--multiple {
    min-height:38px
}
body:has(.scp-leavecategory-edit) .leave-users-section.is-hidden {
    display:none
}


/* ─── leavecategory\index.blade.php [block 0] (scoped via .scp-leavecategory-index) ─── */
body:has(.scp-leavecategory-index) :root {
    --mn-bg: var(--bs-body-bg);
                --mn-card: var(--bs-body-bg);
                --mn-ink: var(--bs-emphasis-color);
                --mn-muted: var(--bs-secondary-color);
                --mn-border: var(--bs-border-color);
                --mn-shadow: rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-leavecategory-index) {
    background:
                    radial-gradient(1100px 560px at 18% -10%, rgba(var(--bs-primary-rgb), .10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(var(--bs-success-rgb), .10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-leavecategory-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .96), rgba(var(--bs-body-bg-rgb), .9)),
                    radial-gradient(900px 450px at 10% 0%, rgba(var(--bs-primary-rgb), .12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(var(--bs-success-rgb), .10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leavecategory-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leavecategory-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-leavecategory-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-leavecategory-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
                border: 1px solid var(--mn-border);
                background: rgba(var(--bs-body-bg-rgb), .78);
                color: var(--mn-ink);
}
body:has(.scp-leavecategory-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-leavecategory-index) .btn-icon-square {
    width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: .9rem;
}
body:has(.scp-leavecategory-index) .mn-pill {
    border: 1px solid var(--mn-border);
                background: rgba(var(--bs-body-bg-rgb), .78);
                color: var(--mn-ink);
}
body:has(.scp-leavecategory-index) .mn-soft-badge {
    background: var(--bs-tertiary-bg);
                color: var(--mn-ink);
                border: 1px solid var(--mn-border);
}
body:has(.scp-leavecategory-index) .mn-system-badge, body:has(.scp-leavecategory-index) .mn-protected-badge {
    background: rgba(var(--bs-secondary-rgb), .18);
                color: var(--bs-emphasis-color);
                border: 1px solid rgba(var(--bs-secondary-rgb), .3);
}
body:has(.scp-leavecategory-index) .mn-flow-badge {
    background: rgba(var(--bs-primary-rgb), .14);
                color: var(--bs-primary);
                border: 1px solid rgba(var(--bs-primary-rgb), .24);
}
body:has(.scp-leavecategory-index) .mn-lapse-badge {
    background: rgba(var(--bs-warning-rgb), .16);
                color: var(--bs-warning-text-emphasis, var(--bs-warning));
                border: 1px solid rgba(var(--bs-warning-rgb), .28);
}
body:has(.scp-leavecategory-index) .mn-modal-content {
    border: 1px solid var(--mn-border);
                background: var(--mn-card);
                color: var(--mn-ink);
}


/* ─── leave_mgmt\allpendingleaves.blade.php [block 0] (scoped via .scp-leave-mgmt-allpendingleaves) ─── */
body:has(.scp-leave-mgmt-allpendingleaves) :root {
    --lm-bg: var(--bs-body-bg);
    --lm-ink: var(--bs-body-color);
    --lm-muted: var(--bs-secondary);
    --lm-brand: var(--bs-primary);
    --lm-indigo: var(--bs-primary);
    --lm-green: var(--bs-success);
    --lm-amber: var(--bs-warning);
    --lm-red: var(--bs-danger);
    --lm-radius: 1rem;
    --lm-shadow: 0 4px 24px rgba(15,23,42,.08);
    --lm-border: var(--bs-border-color);
}
body:has(.scp-leave-mgmt-allpendingleaves) {
    background: var(--lm-bg);
}
/* ── Sticky toolbar ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-toolbar {
    position: sticky; top: 0;
    background: var(--bs-body-bg);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--lm-border);
    box-shadow: 0 2px 12px rgba(15,23,42,.06);
}
/* ── Card ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-card {
    background: var(--bs-body-bg);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    box-shadow: var(--lm-shadow);
    overflow: hidden;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-card-header {
    padding: 13px 18px;
    border-bottom: 1px solid var(--lm-border);
    background: var(--bs-light);
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
/* ── Status tabs ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tabs {
    display: flex; gap: 4px; flex-wrap: wrap;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px; border-radius: 999px;
    font-size: .78rem; font-weight: 600; text-decoration: none;
    border: 1.5px solid transparent;
    transition: all .15s;
    color: var(--lm-muted);
    background: var(--bs-light);
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab:hover {
    background: var(--bs-secondary-bg); color: var(--lm-ink);
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.active {
    background: linear-gradient(135deg,var(--lm-brand),var(--lm-indigo)); color: #fff;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab .lm-tab-count {
    background: rgba(255,255,255,.25);
    border-radius: 999px; padding: 1px 7px;
    font-size: .7rem;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab:not(.active) .lm-tab-count {
    background: rgba(15,23,42,.07); color: var(--lm-muted);
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-pending {
    --color: #d97706;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-accepted {
    --color: #16a34a;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-rejected {
    --color: #dc2626;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-pending.active {
    background: linear-gradient(135deg,var(--lm-amber),var(--lm-red));
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-accepted.active {
    background: linear-gradient(135deg,var(--lm-green),var(--lm-green));
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-tab.tab-rejected.active {
    background: linear-gradient(135deg,var(--lm-red),var(--lm-red));
}
/* ── Buttons ── */
body:has(.scp-leave-mgmt-allpendingleaves) .btn-lm {
    border-radius: 9px; font-size: .82rem; font-weight: 600; padding: 7px 14px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .btn-lm-pill {
    border-radius: 999px !important;
}
/* ── Search ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-search {
    border-radius: 999px;
    border: 1.5px solid var(--bs-border-color);
    font-size: .84rem; padding: 6px 14px;
    min-width: 200px; max-width: 260px;
    transition: border-color .2s;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-search:focus {
    border-color: var(--lm-brand);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.12);
    outline: none;
}
/* ── Filter dropdown ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(15,23,42,.14) !important;
    padding: 0 !important; overflow: hidden;
    min-width: 320px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .fm-head {
    padding: 13px 18px 11px;
    font-weight: 700; font-size: .88rem; color: var(--lm-ink);
    border-bottom: 1px solid var(--lm-border);
    background: linear-gradient(135deg,var(--lm-brand),var(--lm-indigo));
    color: #fff;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .fm-body {
    padding: 16px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .form-label {
    font-size: .72rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .4px; color: var(--lm-muted); margin-bottom: 4px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .form-control, body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .form-select {
    border-radius: 9px; font-size: .86rem; border: 1.5px solid var(--bs-border-color);
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .form-control:focus, body:has(.scp-leave-mgmt-allpendingleaves) .lm-filter-menu .form-select:focus {
    border-color: var(--lm-brand); box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.12);
}
/* ── Table ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-th-id, body:has(.scp-leave-mgmt-allpendingleaves) .lm-th-employee {
    font-size: .82rem !important;
    font-weight: 800 !important;
    color: var(--lm-ink) !important;
    letter-spacing: .35px;
}
/* ── Employee cell ── */
body:has(.scp-leave-mgmt-allpendingleaves) .emp-avatar {
    width: 40px; height: 40px; border-radius: 10px;
    object-fit: cover; flex-shrink: 0;
    border: 2px solid var(--bs-border-color);
}
body:has(.scp-leave-mgmt-allpendingleaves) .emp-name {
    font-weight: 700; font-size: .92rem; color: var(--lm-ink); line-height: 1.25;
}
body:has(.scp-leave-mgmt-allpendingleaves) .emp-meta {
    font-size: .82rem; color: #475569; font-weight: 600; line-height: 1.45;
}
body:has(.scp-leave-mgmt-allpendingleaves) .emp-meta i {
    font-size: .78rem !important; color: #334155;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-id-text {
    font-size: .9rem;
    font-weight: 800;
    color: var(--lm-ink);
    letter-spacing: .02em;
}
/* ── Date card ── */
body:has(.scp-leave-mgmt-allpendingleaves) .date-card {
    display: inline-flex; flex-direction: column; align-items: center;
    min-width: 54px; border-radius: 10px; overflow: hidden;
    border: 1px solid var(--bs-border-color); font-variant-numeric: tabular-nums;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-top {
    width: 100%; padding: 3px 6px; text-align: center;
    font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-body {
    padding: 4px 8px; text-align: center;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-day {
    font-size: 1.3rem; font-weight: 800; line-height: 1;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-dow {
    font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .3px;
}
/* start = blue, end = green */
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-start .date-card-top {
    background: linear-gradient(135deg,var(--lm-brand),var(--lm-indigo)); color: #fff;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-start .date-card-body {
    background: var(--bs-light);
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-start .date-card-day {
    color: var(--lm-brand);
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-start .date-card-dow {
    color: var(--lm-brand);
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-end .date-card-top {
    background: linear-gradient(135deg,var(--lm-green),var(--lm-green)); color: #fff;
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-end .date-card-body {
    background: var(--bs-light);
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-end .date-card-day {
    color: var(--lm-green);
}
body:has(.scp-leave-mgmt-allpendingleaves) .date-card-end .date-card-dow {
    color: var(--lm-green);
}
/* ── Duration badge ── */
body:has(.scp-leave-mgmt-allpendingleaves) .dur-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .74rem; font-weight: 700;
    background: var(--bs-light); color: var(--bs-body-color);
    white-space: nowrap;
}
body:has(.scp-leave-mgmt-allpendingleaves) .dur-badge.half {
    background: var(--bs-light); color: var(--lm-amber);
}
/* ── Status badges ── */
body:has(.scp-leave-mgmt-allpendingleaves) .status-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .73rem; font-weight: 700;
}
body:has(.scp-leave-mgmt-allpendingleaves) .status-pending {
    background: var(--bs-light); color: var(--lm-amber);
}
body:has(.scp-leave-mgmt-allpendingleaves) .status-accepted {
    background: var(--bs-light); color: var(--lm-green);
}
body:has(.scp-leave-mgmt-allpendingleaves) .status-rejected {
    background: var(--bs-light); color: var(--lm-red);
}
/* ── Leave type badge ── */
body:has(.scp-leave-mgmt-allpendingleaves) .leave-cat {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: 6px; font-size: .72rem; font-weight: 600;
    background: var(--bs-light); color: var(--lm-brand); border: 1px solid var(--bs-border-color);
}
/* ── Eligibility badges ── */
body:has(.scp-leave-mgmt-allpendingleaves) .elig-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 999px; font-size: .71rem; font-weight: 700;
    white-space: nowrap; cursor: default;
}
body:has(.scp-leave-mgmt-allpendingleaves) .elig-ok {
    background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0;
}
body:has(.scp-leave-mgmt-allpendingleaves) .elig-warn {
    background: #fef9c3; color: #a16207; border: 1px solid #fef08a;
}
body:has(.scp-leave-mgmt-allpendingleaves) .elig-no {
    background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca;
}
body:has(.scp-leave-mgmt-allpendingleaves) .elig-days {
    font-size: .68rem; opacity: .8;
}
/* ── Action buttons ── */
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 8px;
    font-size: .78rem; cursor: pointer; border: none;
    text-decoration: none; transition: transform .12s, box-shadow .12s;
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn:hover {
    transform: scale(1.12); box-shadow: 0 2px 8px rgba(15,23,42,.12);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-approve {
    background: var(--bs-light); color: var(--lm-brand);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-forward {
    background: var(--bs-light); color: var(--lm-indigo);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-schedule {
    background: var(--bs-light); color: var(--lm-brand);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-view {
    background: var(--bs-light); color: var(--lm-green);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-edit {
    background: var(--bs-light); color: var(--lm-amber);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-delete {
    background: var(--bs-light); color: var(--lm-red);
}
/* Label-style approve for text button variant */
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn-label {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px; border-radius: 8px;
    font-size: .76rem; font-weight: 700; cursor: pointer;
    border: none; text-decoration: none; white-space: nowrap;
    transition: opacity .15s;
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn-label:hover {
    opacity: .85;
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn-label.approve-btn {
    background: var(--bs-light); color: var(--lm-brand);
}
body:has(.scp-leave-mgmt-allpendingleaves) .act-btn-label.hod-btn {
    background: var(--bs-light); color: var(--lm-indigo);
}
/* ── Reason quote ── */
body:has(.scp-leave-mgmt-allpendingleaves) .reason-quote {
    font-size: .72rem; color: #475569;
    max-width: 260px; font-style: italic;
    overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
body:has(.scp-leave-mgmt-allpendingleaves) .reason-more {
    font-size: .68rem; font-weight: 600; font-style: normal;
    color: var(--lm-brand); cursor: pointer; white-space: nowrap;
    text-decoration: none; background: none; border: none; padding: 0;
}
body:has(.scp-leave-mgmt-allpendingleaves) .reason-more:hover {
    text-decoration: underline;
}
/* ── Empty state ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-empty {
    padding: 64px 20px; text-align: center;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-empty-icon {
    font-size: 3rem; color: var(--bs-secondary); margin-bottom: 14px;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-empty-title {
    font-size: .95rem; font-weight: 600; color: var(--bs-secondary);
}
/* ── Pagination ── */
body:has(.scp-leave-mgmt-allpendingleaves) .page-link {
    border-radius: 8px !important; border: 1.5px solid var(--bs-border-color) !important;
    color: var(--lm-ink) !important; font-weight: 600; font-size: .8rem;
    margin: 0 2px; padding: 5px 12px !important;
}
body:has(.scp-leave-mgmt-allpendingleaves) .page-link:hover {
    background: var(--lm-brand) !important; color: #fff !important; border-color: var(--lm-brand) !important;
}
body:has(.scp-leave-mgmt-allpendingleaves) .page-item.active .page-link {
    background: linear-gradient(135deg,var(--lm-brand),var(--lm-indigo)) !important; border-color: transparent !important; color: #fff !important;
}
body:has(.scp-leave-mgmt-allpendingleaves) .page-item.disabled .page-link {
    opacity: .4;
}
/* ── Modal ── */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-modal .modal-content {
    border: none; border-radius: var(--lm-radius); box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-modal .modal-header {
    padding: 16px 20px;
    background: linear-gradient(135deg,var(--lm-brand),var(--lm-indigo));
    border-radius: var(--lm-radius) var(--lm-radius) 0 0;
    border: none;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-modal .modal-title {
    color: #fff; font-weight: 700; font-size: .95rem;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-modal .modal-header .btn-close {
    filter: brightness(0) invert(1); opacity: .8;
}
body:has(.scp-leave-mgmt-allpendingleaves) .lm-modal .modal-body {
    padding: 0; min-height: 120px;
}
/* spinner inside modal */
body:has(.scp-leave-mgmt-allpendingleaves) .lm-spinner {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 48px 20px; gap: 12px; color: var(--lm-muted); font-size: .85rem;
}


/* ─── leave_mgmt\bulkleave.blade.php [block 0] (scoped via .scp-leave-mgmt-bulkleave) ─── */
body:has(.scp-leave-mgmt-bulkleave) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-leave-mgmt-bulkleave) {
    background:
                  radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                  radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                  var(--mn-bg);
}
body:has(.scp-leave-mgmt-bulkleave) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                  radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                  radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-leave-mgmt-bulkleave) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
/* Table */
/* Buttons */
body:has(.scp-leave-mgmt-bulkleave) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-iconbtn {
    border-radius: .85rem;
}
/* Small form polish */
body:has(.scp-leave-mgmt-bulkleave) .form-label.mn-label {
    font-size: .72rem;
                text-transform: uppercase;
                letter-spacing: .06em;
                color:#475569;
                font-weight: 700;
                margin-bottom: .35rem;
}
@media (max-width: 575.98px) {
body:has(.scp-leave-mgmt-bulkleave) .mn-actions {
    width:100%;
}
body:has(.scp-leave-mgmt-bulkleave) .mn-actions .btn {
    flex:1;
}

}


/* ─── leave_mgmt\edit_leave_application.blade.php [block 0] (scoped via .scp-leave-mgmt-edit-leave-application) ─── */
body:has(.scp-leave-mgmt-edit-leave-application) :root {
    --ink:#0f172a; --muted:#64748b; --bad:#dc2626; --radius:10px; --shadow:0 4px 16px rgba(2,6,23,.06);
}
body:has(.scp-leave-mgmt-edit-leave-application) .card-modern {
    border:0;border-radius:var(--radius);box-shadow:var(--shadow)
}
body:has(.scp-leave-mgmt-edit-leave-application) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:#fff;border-radius:var(--radius) var(--radius) 0 0;padding:.6rem 1rem
}
body:has(.scp-leave-mgmt-edit-leave-application) .card-modern .card-body {
    padding:.75rem 1rem
}
body:has(.scp-leave-mgmt-edit-leave-application) .is-readonly {
    background:#f8fafc
}
body:has(.scp-leave-mgmt-edit-leave-application) .required:after {
    content:" *";color:var(--bad);font-weight:700
}
body:has(.scp-leave-mgmt-edit-leave-application) .date-badge {
    display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .55rem;font-size:.78rem;color:var(--ink)
}
body:has(.scp-leave-mgmt-edit-leave-application) .date-badge.end {
    background:#ecfdf5;border-color:#86efac
}


/* ─── leave_mgmt\entitlementleaves.blade.php [block 0] (scoped via .scp-leave-mgmt-entitlementleaves) ─── */
body:has(.scp-leave-mgmt-entitlementleaves) :root {
    --lm-bg:     #f1f4f9;
    --lm-ink:    #0f172a;
    --lm-muted:  #64748b;
    --lm-brand:  #3b82f6;
    --lm-indigo: #6366f1;
    --lm-green:  #16a34a;
    --lm-amber:  #d97706;
    --lm-red:    #dc2626;
    --lm-violet: #7c3aed;
    --lm-radius: 14px;
    --lm-shadow: 0 4px 24px rgba(15,23,42,.08);
    --lm-border: rgba(15,23,42,.08);
}
body:has(.scp-leave-mgmt-entitlementleaves) {
    background: var(--lm-bg);
}
/* ── Toolbar ── */
body:has(.scp-leave-mgmt-entitlementleaves) .lm-toolbar {
    position: sticky; top: 0;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--lm-border);
    box-shadow: 0 2px 12px rgba(15,23,42,.06);
}
/* ── Card ── */
body:has(.scp-leave-mgmt-entitlementleaves) .lm-card {
    background: #fff;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    box-shadow: var(--lm-shadow);
    overflow: hidden;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-card-header {
    padding: 13px 18px;
    border-bottom: 1px solid var(--lm-border);
    background: #fafafa;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
/* ── Buttons ── */
body:has(.scp-leave-mgmt-entitlementleaves) .btn-lm {
    border-radius: 9px; font-size: .82rem; font-weight: 600; padding: 7px 14px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .btn-lm-pill {
    border-radius: 999px !important;
}
/* ── Filter dropdown ── */
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(15,23,42,.14) !important;
    padding: 0 !important; overflow: hidden;
    min-width: 320px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .fm-head {
    padding: 13px 18px 11px;
    font-weight: 700; font-size: .88rem;
    border-bottom: 1px solid var(--lm-border);
    background: linear-gradient(135deg, var(--lm-violet), var(--lm-indigo));
    color: #fff;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .fm-body {
    padding: 16px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .form-label {
    font-size: .72rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .4px; color: var(--lm-muted); margin-bottom: 4px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .form-control, body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .form-select {
    border-radius: 9px; font-size: .86rem; border: 1.5px solid #e2e8f0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .form-control:focus, body:has(.scp-leave-mgmt-entitlementleaves) .lm-filter-menu .form-select:focus {
    border-color: var(--lm-violet); box-shadow: 0 0 0 3px rgba(124,58,237,.12);
}
/* ── Table ── */
/* ── Employee cell ── */
body:has(.scp-leave-mgmt-entitlementleaves) .emp-avatar {
    width: 40px; height: 40px; border-radius: 10px;
    object-fit: cover; flex-shrink: 0;
    border: 2px solid #e2e8f0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .emp-name {
    font-weight: 700; font-size: .84rem; color: var(--lm-ink);
}
body:has(.scp-leave-mgmt-entitlementleaves) .emp-meta {
    font-size: .72rem; color: var(--lm-muted);
}
body:has(.scp-leave-mgmt-entitlementleaves) .emp-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 999px; font-size: .68rem; font-weight: 600;
    background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .reason-quote {
    font-size: .72rem; color: #475569; font-style: italic;
    overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    max-width: 340px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .reason-more {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: .68rem; font-weight: 600; color: var(--lm-brand);
    background: none; border: none; padding: 0; cursor: pointer;
    text-decoration: underline; text-underline-offset: 2px;
    line-height: 1;
}
body:has(.scp-leave-mgmt-entitlementleaves) .reason-more:hover {
    color: var(--lm-indigo);
}
/* ── Date cards ── */
body:has(.scp-leave-mgmt-entitlementleaves) .date-card {
    display: inline-flex; flex-direction: column; align-items: center;
    min-width: 54px; border-radius: 10px; overflow: hidden;
    border: 1px solid #e2e8f0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-top {
    width: 100%; padding: 3px 6px; text-align: center;
    font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-body {
    padding: 4px 8px; text-align: center;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-day {
    font-size: 1.3rem; font-weight: 800; line-height: 1;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-dow {
    font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .3px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-start .date-card-top {
    background: linear-gradient(135deg, var(--lm-violet), var(--lm-indigo)); color: #fff;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-start .date-card-body {
    background: #f5f3ff;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-start .date-card-day {
    color: #5b21b6;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-start .date-card-dow {
    color: #7c3aed;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-end .date-card-top {
    background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-end .date-card-body {
    background: #f0fdf4;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-end .date-card-day {
    color: #15803d;
}
body:has(.scp-leave-mgmt-entitlementleaves) .date-card-end .date-card-dow {
    color: #22c55e;
}
/* ── Duration badge ── */
body:has(.scp-leave-mgmt-entitlementleaves) .dur-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .74rem; font-weight: 700;
    background: #f1f5f9; color: #334155;
}
body:has(.scp-leave-mgmt-entitlementleaves) .dur-badge.half {
    background: #fff7ed; color: #c2410c;
}
/* ── HOD column ── */
body:has(.scp-leave-mgmt-entitlementleaves) .hod-forwarded {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px; font-size: .73rem; font-weight: 600;
    background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .hod-btn {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px; border-radius: 8px; font-size: .76rem; font-weight: 700;
    background: #ede9fe; color: #5b21b6; cursor: pointer;
    border: 1px solid #ddd6fe; text-decoration: none;
    transition: opacity .15s;
}
body:has(.scp-leave-mgmt-entitlementleaves) .hod-btn:hover {
    opacity: .82; color: #5b21b6;
}
/* ── Category badge ── */
body:has(.scp-leave-mgmt-entitlementleaves) .leave-cat {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: 6px; font-size: .72rem; font-weight: 600;
    background: #ede9fe; color: #5b21b6; border: 1px solid #ddd6fe;
}
/* ── Status badges ── */
body:has(.scp-leave-mgmt-entitlementleaves) .status-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .73rem; font-weight: 700;
}
body:has(.scp-leave-mgmt-entitlementleaves) .status-pending {
    background: #fff7ed; color: #c2410c;
}
body:has(.scp-leave-mgmt-entitlementleaves) .status-accepted {
    background: #f0fdf4; color: #15803d;
}
body:has(.scp-leave-mgmt-entitlementleaves) .status-rejected {
    background: #fef2f2; color: #b91c1c;
}
/* ── Entitlement lifecycle statuses ── */
body:has(.scp-leave-mgmt-entitlementleaves) .es-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .73rem; font-weight: 700; white-space: nowrap;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-pending {
    background: #fff7ed; color: #c2410c;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-active {
    background: #f0fdf4; color: #15803d;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-expiring {
    background: #fef9c3; color: #a16207;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-collapsed {
    background: #f1f5f9; color: #64748b; text-decoration: line-through;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-rejected {
    background: #fef2f2; color: #b91c1c;
}
body:has(.scp-leave-mgmt-entitlementleaves) .es-days-left {
    display: inline-block; margin-top: 3px;
    font-size: .65rem; font-weight: 600; color: #64748b;
}
/* ── Usage column ── */
body:has(.scp-leave-mgmt-entitlementleaves) .usage-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 10px; border-radius: 999px;
    font-size: .73rem; font-weight: 700; white-space: nowrap;
}
body:has(.scp-leave-mgmt-entitlementleaves) .usage-taken {
    background: #f0fdf4; color: #15803d;
}
body:has(.scp-leave-mgmt-entitlementleaves) .usage-partial {
    background: #fef9c3; color: #a16207;
}
body:has(.scp-leave-mgmt-entitlementleaves) .usage-none {
    background: #f8fafc; color: #94a3b8;
}
body:has(.scp-leave-mgmt-entitlementleaves) .usage-sub {
    display: inline-block; margin-top: 3px;
    font-size: .65rem; font-weight: 600; color: #64748b;
}
/* ── Action buttons ── */
body:has(.scp-leave-mgmt-entitlementleaves) .act-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 8px;
    font-size: .78rem; cursor: pointer; border: none;
    text-decoration: none; transition: transform .12s, box-shadow .12s;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-btn:hover {
    transform: scale(1.12); box-shadow: 0 2px 8px rgba(15,23,42,.12);
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-approve {
    background: #dbeafe; color: #1d4ed8;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-schedule {
    background: #e0f2fe; color: #0369a1;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-view {
    background: #f0fdf4; color: #15803d;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-edit {
    background: #fef9c3; color: #92400e;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-delete {
    background: #fee2e2; color: #b91c1c;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-disabled {
    background: #f1f5f9; color: #cbd5e1; cursor: not-allowed;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-approve-label {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px; border-radius: 8px;
    font-size: .76rem; font-weight: 700;
    background: #dbeafe; color: #1d4ed8;
    text-decoration: none; transition: opacity .15s;
}
body:has(.scp-leave-mgmt-entitlementleaves) .act-approve-label:hover {
    opacity: .82; color: #1d4ed8;
}
/* ── Stat chip ── */
body:has(.scp-leave-mgmt-entitlementleaves) .stat-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 999px; font-size: .76rem; font-weight: 600;
}
body:has(.scp-leave-mgmt-entitlementleaves) .stat-chip-violet {
    background: #ede9fe; color: #5b21b6;
}
body:has(.scp-leave-mgmt-entitlementleaves) .stat-chip-gray {
    background: #f1f5f9; color: #475569;
}
/* ── Pagination ── */
body:has(.scp-leave-mgmt-entitlementleaves) .page-link {
    border-radius: 8px !important; border: 1.5px solid #e2e8f0 !important;
    color: var(--lm-ink) !important; font-weight: 600; font-size: .8rem;
    margin: 0 2px; padding: 5px 12px !important;
}
body:has(.scp-leave-mgmt-entitlementleaves) .page-link:hover {
    background: var(--lm-violet) !important; color: #fff !important; border-color: var(--lm-violet) !important;
}
body:has(.scp-leave-mgmt-entitlementleaves) .page-item.active .page-link {
    background: linear-gradient(135deg,var(--lm-violet),var(--lm-indigo)) !important; border-color: transparent !important; color: #fff !important;
}
body:has(.scp-leave-mgmt-entitlementleaves) .page-item.disabled .page-link {
    opacity: .4;
}
/* ── Modals ── */
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-content {
    border: none; border-radius: var(--lm-radius); box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-header {
    padding: 16px 20px;
    background: linear-gradient(135deg, var(--lm-violet), var(--lm-indigo));
    border-radius: var(--lm-radius) var(--lm-radius) 0 0; border: none;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-title {
    color: #fff; font-weight: 700; font-size: .95rem;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-header .btn-close {
    filter: brightness(0) invert(1); opacity: .8;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-body {
    padding: 20px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .modal-footer {
    padding: 12px 20px; border-top: 1px solid var(--lm-border);
    background: #fafafa; border-radius: 0 0 var(--lm-radius) var(--lm-radius);
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .form-label {
    font-size: .73rem; font-weight: 600; text-transform: uppercase;
    letter-spacing: .4px; color: var(--lm-muted); margin-bottom: 4px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .form-control, body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .form-select {
    border-radius: 9px; font-size: .87rem; border: 1.5px solid #e2e8f0;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .form-control:focus, body:has(.scp-leave-mgmt-entitlementleaves) .lm-modal .form-select:focus {
    border-color: var(--lm-violet); box-shadow: 0 0 0 3px rgba(124,58,237,.12);
}
/* Context summary box inside modal */
body:has(.scp-leave-mgmt-entitlementleaves) .ctx-box {
    padding: 12px 14px; border-radius: 10px;
    background: #f5f3ff; border: 1px solid #ddd6fe;
    margin-bottom: 16px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .ctx-box-label {
    font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #7c3aed; margin-bottom: 4px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .ctx-box-name {
    font-weight: 700; font-size: .88rem; color: var(--lm-ink);
}
body:has(.scp-leave-mgmt-entitlementleaves) .ctx-box-meta {
    font-size: .77rem; color: var(--lm-muted); margin-top: 2px;
}
/* Empty state */
body:has(.scp-leave-mgmt-entitlementleaves) .lm-empty {
    padding: 64px 20px; text-align: center;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-empty-icon {
    font-size: 3rem; color: #cbd5e1; margin-bottom: 14px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .lm-empty-title {
    font-size: .95rem; font-weight: 600; color: #94a3b8;
}
/* Info banner */
body:has(.scp-leave-mgmt-entitlementleaves) .info-banner {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 14px; border-radius: 10px;
    background: #f5f3ff; border: 1px solid #ddd6fe;
    font-size: .78rem; color: #5b21b6; max-width: 540px;
}
body:has(.scp-leave-mgmt-entitlementleaves) .info-banner i {
    flex-shrink: 0; margin-top: 1px;
}


/* ─── leave_mgmt\leavereport-new.blade.php [block 0] (scoped via .scp-leave-mgmt-leavereport-new) ─── */
body:has(.scp-leave-mgmt-leavereport-new) :root {
    --mn-bg:#f6f7fb;
        --mn-card:#ffffff;
        --mn-ink:#0f172a;
        --mn-muted:#64748b;
        --mn-border:rgba(2,6,23,.08);
        --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
        --mn-radius: 1rem;
}
body:has(.scp-leave-mgmt-leavereport-new) {
    background:
          radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
          radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
          var(--mn-bg);
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-hero {
    border: 1px solid var(--mn-border);
        border-radius: 1.25rem;
        background:
          linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
          radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
          radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
        box-shadow: var(--mn-shadow);
        overflow: hidden;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-card {
    border: 1px solid var(--mn-border);
        border-radius: var(--mn-radius);
        background: var(--mn-card);
        box-shadow: var(--mn-shadow);
        overflow: hidden;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-chip {
    border: 1px solid var(--mn-border);
        background: rgba(255,255,255,.75);
        border-radius: 999px;
        padding: .35rem .65rem;
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        white-space: nowrap;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-actions .btn {
    --bs-btn-padding-y:.4rem; --bs-btn-padding-x:.8rem; --bs-btn-font-size:.875rem;
}
body:has(.scp-leave-mgmt-leavereport-new) .form-control, body:has(.scp-leave-mgmt-leavereport-new) .form-select {
    font-size:.875rem!important; font-weight:400!important;
}
/* Table */
/* Sticky first col */
body:has(.scp-leave-mgmt-leavereport-new) .sticky-col {
    position: sticky;
        left: 0;
        background: var(--bs-body-bg);
        z-index: 2;
        border-right: 2px solid rgba(2,6,23,.10) !important;
}
body:has(.scp-leave-mgmt-leavereport-new) .subtle {
    color:#64748b; font-size:.8rem;
}
/* Offcanvas */
body:has(.scp-leave-mgmt-leavereport-new) .offcanvas .offcanvas-header {
    border-bottom: 1px solid rgba(2,6,23,.08);
}
@media (max-width: 575.98px) {
body:has(.scp-leave-mgmt-leavereport-new) .mn-actions {
    width:100%;
}
body:has(.scp-leave-mgmt-leavereport-new) .mn-actions .btn {
    flex:1;
}

}


/* ─── leave_mgmt\leave_approve_modal.blade.php [block 0] (scoped via .scp-leave-mgmt-leave-approve-modal) ─── */
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__header {
    padding: 18px 20px;
    border: 0;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__subtitle {
    margin-top: 4px;
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.82);
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__id {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 0.75rem;
    font-weight: 700;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-form {
    margin: 0;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__body {
    padding: 20px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 16px;
    background: #eef2ff;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hero__eyebrow {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6366f1;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hero h6 {
    margin: 4px 0 2px;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hero p {
    margin: 0;
    font-size: 0.82rem;
    color: #475569;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-status.is-pending {
    background: #ffedd5;
    color: #c2410c;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-status.is-accepted {
    background: #dcfce7;
    color: #15803d;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-status.is-rejected {
    background: #fee2e2;
    color: #b91c1c;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-card {
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-card__label {
    margin-bottom: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-card__value {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.45;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-card__subtext {
    margin-top: 3px;
    font-size: 0.75rem;
    color: #64748b;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-section {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-section__label {
    margin-bottom: 8px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-reason {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.65;
    color: #334155;
    white-space: pre-line;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-note {
    padding: 12px 14px;
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.84rem;
    line-height: 1.6;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-select {
    min-height: 42px;
    border-radius: 10px;
    border: 1.5px solid #dbe2ea;
    font-size: 0.9rem;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hint {
    margin: 0;
    font-size: 0.8rem;
    color: #64748b;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-submit {
    min-width: 110px;
    border-radius: 10px;
    font-weight: 700;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-submit .indicator-progress {
    display: none;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-submit[data-kt-indicator="on"] .indicator-label {
    display: none;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-submit[data-kt-indicator="on"] .indicator-progress {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 575.98px) {
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__header, body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__body, body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__footer {
    padding-left: 16px;
      padding-right: 16px;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-hero {
    flex-direction: column;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__footer {
    flex-direction: column-reverse;
      align-items: stretch;
}
body:has(.scp-leave-mgmt-leave-approve-modal) .leave-approval-modal__footer .btn {
    width: 100%;
}

}


/* ─── leave_mgmt\leave_entitlement.blade.php [block 0] (scoped via .scp-leave-mgmt-leave-entitlement) ─── */
body:has(.scp-leave-mgmt-leave-entitlement) :root {
    --brand:#1f6feb; --ink:#0f172a; --muted:#64748b; --soft:#f8fafc;
      --ok:#16a34a; --warn:#f59e0b; --bad:#ef4444;
      --radius:16px; --shadow:0 12px 30px rgba(2,6,23,.07);
}
body:has(.scp-leave-mgmt-leave-entitlement) .toolbar-slim {
    margin-bottom:1rem
}
body:has(.scp-leave-mgmt-leave-entitlement) .hero {
    background:linear-gradient(135deg, rgba(31,111,235,.08), rgba(31,111,235,.02));
      border:1px solid #e5e7eb; border-radius:var(--radius); padding:20px; box-shadow:var(--shadow);
}
body:has(.scp-leave-mgmt-leave-entitlement) .hero .title {
    font-weight:700; color:var(--ink); letter-spacing:.2px
}
body:has(.scp-leave-mgmt-leave-entitlement) .hero .sub {
    color:var(--muted)
}
body:has(.scp-leave-mgmt-leave-entitlement) .pill {
    padding:.25rem .6rem; border-radius:999px; background:#eef2ff; font-size:.75rem
}
body:has(.scp-leave-mgmt-leave-entitlement) .card-modern {
    border:0; border-radius:var(--radius); box-shadow:var(--shadow)
}
body:has(.scp-leave-mgmt-leave-entitlement) .card-modern .card-header {
    border:0; background:transparent; padding-bottom:0
}
body:has(.scp-leave-mgmt-leave-entitlement) .req-meta {
    display:flex; gap:16px; flex-wrap:wrap
}
body:has(.scp-leave-mgmt-leave-entitlement) .req-meta .chip {
    background:var(--soft); border:1px solid #e5e7eb; border-radius:999px; padding:.35rem .7rem; font-size:.78rem; color:#111827
}
body:has(.scp-leave-mgmt-leave-entitlement) .form-label {
    font-weight:600
}
body:has(.scp-leave-mgmt-leave-entitlement) .select2-container .select2-selection--single {
    height:38px
}
body:has(.scp-leave-mgmt-leave-entitlement) .select2-container--bootstrap-5 .select2-selection {
    border-radius:.475rem
}
body:has(.scp-leave-mgmt-leave-entitlement) .alert-modern {
    border-radius:12px
}
body:has(.scp-leave-mgmt-leave-entitlement) .btn-soft {
    background:var(--soft); border:1px solid #e5e7eb
}
body:has(.scp-leave-mgmt-leave-entitlement) .divider {
    height:1px; background:#eef2f7; margin:8px 0 16px
}


/* ─── leave_mgmt\rawleaves.blade.php [block 0] (scoped via .scp-leave-mgmt-rawleaves) ─── */
body:has(.scp-leave-mgmt-rawleaves) .raw-toolbar {
    position: sticky;
        top: 0;
        z-index: 10;
        background: var(--bs-body-bg);
        border-bottom: 1px solid var(--bs-border-color);
        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}
body:has(.scp-leave-mgmt-rawleaves) .raw-sheet {
    margin: 1rem;
        border: 1px solid #cfd8e3;
        border-radius: 14px;
        overflow: hidden;
        background: #fff;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-sheet-head {
    display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
        padding: 14px 18px;
        background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
        border-bottom: 1px solid #dbe4ee;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-sheet-title {
    font-size: 18px;
        font-weight: 800;
        color: #0f172a;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-sheet-copy {
    font-size: 12px;
        color: #64748b;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-grid-wrap {
    overflow: auto;
        max-height: calc(100vh - 220px);
}
body:has(.scp-leave-mgmt-rawleaves) .raw-pagination {
    display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        padding: 14px 18px;
        border-top: 1px solid #dbe4ee;
        background: #f8fafc;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-pagination-copy {
    font-size: 12px;
        color: #64748b;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-grid {
    width: max-content;
        min-width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 12px;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-index {
    background: #f8fafc;
        text-align: right;
        font-weight: 700;
        color: #64748b;
        position: sticky;
        left: 0;
        z-index: 1;
}
body:has(.scp-leave-mgmt-rawleaves) .raw-pill {
    display: inline-flex;
        align-items: center;
        padding: 3px 8px;
        border-radius: 999px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 700;
}


/* ─── mailinglists\index.blade.php [block 0] (scoped via .scp-mailinglists-index) ─── */
body:has(.scp-mailinglists-index) :root {
    --ink:#0f172a;
      --muted:#64748b;
      --soft:#f8fafc;
      --line:#e5e7eb;
      --card:#ffffff;
      --radius:16px;
      --radius-sm:12px;
      --shadow:0 10px 28px rgba(16,24,40,.08);
      --shadow-sm:0 6px 16px rgba(16,24,40,.08);
}
/* Page shell */
body:has(.scp-mailinglists-index) .page-wrap {
    padding: 1.25rem 0 2rem;
      background:
        radial-gradient(1200px 500px at 10% 0%, rgba(59,130,246,.08), transparent 60%),
        radial-gradient(900px 400px at 90% 10%, rgba(99,102,241,.08), transparent 60%),
        linear-gradient(180deg, #fff 0%, var(--soft) 100%);
      border-top: 1px solid rgba(15,23,42,.04);
}
/* Toolbar */
body:has(.scp-mailinglists-index) .toolbar-shell {
    background: rgba(255,255,255,.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(15,23,42,.08);
}
body:has(.scp-mailinglists-index) .toolbar-title {
    color: var(--ink); letter-spacing: -.02em;
}
body:has(.scp-mailinglists-index) .toolbar-breadcrumb a {
    color: var(--muted);
}
body:has(.scp-mailinglists-index) .toolbar-actions .btn {
    border-radius: 999px;
      box-shadow: 0 1px 0 rgba(16,24,40,.04);
}
/* Cards */
body:has(.scp-mailinglists-index) .card-polish {
    background: var(--card);
      border: 1px solid rgba(15,23,42,.08);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: hidden;
}
body:has(.scp-mailinglists-index) .card-head {
    padding: .95rem 1.05rem;
      border-bottom: 1px solid rgba(15,23,42,.06);
      background:
        linear-gradient(180deg, rgba(248,250,252,.8) 0%, rgba(255,255,255,.92) 100%);
}
body:has(.scp-mailinglists-index) .card-head h5 {
    font-weight: 800;
      letter-spacing: -.01em;
      color: var(--ink);
      margin: 0;
      display:flex;
      align-items:center;
      gap:.5rem;
}
body:has(.scp-mailinglists-index) .card-subtitle {
    color: var(--muted);
      font-size: .85rem;
      margin: .15rem 0 0;
}
/* Built-in list tiles */
body:has(.scp-mailinglists-index) .tile {
    border: 1px solid rgba(15,23,42,.08);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, #fff 0%, rgba(248,250,252,.7) 100%);
      box-shadow: var(--shadow-sm);
      padding: 1rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1rem;
      transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
body:has(.scp-mailinglists-index) .tile:hover {
    transform: translateY(-1px);
      box-shadow: 0 12px 26px rgba(16,24,40,.10);
      border-color: rgba(59,130,246,.25);
}
body:has(.scp-mailinglists-index) .tile .title {
    font-weight: 800;
      letter-spacing: -.01em;
      color: var(--ink);
      margin: 0;
}
body:has(.scp-mailinglists-index) .tile .meta {
    font-size: .83rem;
      color: var(--muted);
      margin: .15rem 0 0;
}
body:has(.scp-mailinglists-index) .btn-icon {
    width: 38px;
      height: 38px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius: 999px;
}
/* DataTable polish */
/* DataTables controls */
/* Badges (bootstrap 5.2+ has subtle vars; provide fallback) */
body:has(.scp-mailinglists-index) .badge-soft-success {
    background: rgba(34,197,94,.12);
      color: #16a34a;
      border: 1px solid rgba(34,197,94,.25);
      font-weight: 700;
}
body:has(.scp-mailinglists-index) .badge-soft-muted {
    background: rgba(100,116,139,.12);
      color: #475569;
      border: 1px solid rgba(100,116,139,.22);
      font-weight: 700;
}
/* Modal modern */
body:has(.scp-mailinglists-index) .modal-content {
    border-radius: var(--radius);
      border: 1px solid rgba(15,23,42,.10);
      box-shadow: var(--shadow);
      overflow: hidden;
}
body:has(.scp-mailinglists-index) .modal-header {
    background: linear-gradient(180deg, rgba(248,250,252,.9) 0%, rgba(255,255,255,.95) 100%);
      border-bottom: 1px solid rgba(15,23,42,.08);
}
body:has(.scp-mailinglists-index) .modal-title {
    font-weight: 800;
      letter-spacing: -.01em;
      color: var(--ink);
}
body:has(.scp-mailinglists-index) .form-control {
    border-radius: 12px;
      border: 1px solid rgba(15,23,42,.14);
      padding: .65rem .85rem;
}
body:has(.scp-mailinglists-index) .form-control:focus {
    border-color: rgba(59,130,246,.55);
      box-shadow: 0 0 0 .25rem rgba(59,130,246,.14);
}
/* Small helpers */
body:has(.scp-mailinglists-index) .section-gap {
    margin-bottom: 1.25rem;
}
body:has(.scp-mailinglists-index) .muted {
    color: var(--muted) !important;
}


/* ─── mails\index.blade.php [block 0] (scoped via .scp-mails-index) ─── */
body:has(.scp-mails-index) .mail-body {
    padding:20px; font-size:15px; background:#CCC; border:2px solid #000 !important;
}
body:has(.scp-mails-index) .pad-10 {
    padding-bottom:10px;
}
body:has(.scp-mails-index) .mail-body .lbl {
    width:65px; display:inline-block;
}
body:has(.scp-mails-index) .mail-body .header {
    border-bottom:dashed; margin-bottom:10px;
}
body:has(.scp-mails-index) .loading {
    margin-left:23px; font-weight:bold; font-size:15px; color:#090
}
body:has(.scp-mails-index) .close-msg {
    float:right;
}
body:has(.scp-mails-index) .close-msg:hover {
    cursor:pointer; color:#F00;
}


/* ─── mails\sent.blade.php [block 0] (scoped via .scp-mails-sent) ─── */
body:has(.scp-mails-sent) .mail-body {
    padding:20px; font-size:15px; background:#CCC; border:2px solid #000 !important;
}
body:has(.scp-mails-sent) .pad-10 {
    padding-bottom:10px;
}
body:has(.scp-mails-sent) .mail-body .lbl {
    width:65px; display:inline-block;
}
body:has(.scp-mails-sent) .mail-body .header {
    border-bottom:dashed; margin-bottom:10px;
}
body:has(.scp-mails-sent) .loading {
    margin-left:23px; font-weight:bold; font-size:15px; color:#090
}
body:has(.scp-mails-sent) .close-msg {
    float:right;
}
body:has(.scp-mails-sent) .close-msg:hover {
    cursor:pointer; color:#F00;
}


/* ─── manufacturing\create.blade.php [block 0] (scoped via .scp-manufacturing-create) ─── */
/* ── NetSuite-style variables ── */
body:has(.scp-manufacturing-create) :root {
    --ns-border:   #c8cfd8;
            --ns-bg:       #f4f5f7;
            --ns-card:     #fff;
            --ns-sec-head: #e4e8ed;
            --ns-label:    #444;
            --ns-blue:     #1766af;
            --ns-green:    #2e7d32;
}
body:has(.scp-manufacturing-create) {
    background: var(--ns-bg);
}
/* ── Main card ── */
body:has(.scp-manufacturing-create) .ns-card {
    background: var(--ns-card);
            border: 1px solid var(--ns-border);
            border-radius: 3px;
}
/* ── Section header bar (like NetSuite's grey section labels) ── */
body:has(.scp-manufacturing-create) .ns-sec {
    background: var(--ns-sec-head);
            border-top: 1px solid var(--ns-border);
            border-bottom: 1px solid var(--ns-border);
            padding: 4px 10px;
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .05em;
            text-transform: uppercase;
            color: #3a3a3a;
}
body:has(.scp-manufacturing-create) .ns-sec:first-child {
    border-top: none;
}
/* ── Label-left field rows ── */
body:has(.scp-manufacturing-create) .ns-row {
    display: flex; align-items: flex-start; padding: 3px 0;
}
body:has(.scp-manufacturing-create) .ns-lbl {
    width: 150px; min-width: 150px;
            font-size: .79rem; color: var(--ns-label);
            text-align: right; padding-right: 8px;
            padding-top: 5px; font-weight: 500;
            white-space: nowrap;
}
body:has(.scp-manufacturing-create) .ns-val {
    flex: 1;
}
body:has(.scp-manufacturing-create) .ns-form-body {
    padding: 8px 12px 10px;
}
/* ── Compact inputs ── */
body:has(.scp-manufacturing-create) .form-control-sm, body:has(.scp-manufacturing-create) .form-select-sm {
    font-size: .8rem;
}
/* ── Subtabs (classic raised-tab style) ── */
body:has(.scp-manufacturing-create) .ns-tabs {
    background: #e4e8ed; border-bottom: 2px solid #b0bac5; padding: 6px 8px 0; display: flex; gap: 3px;
}
body:has(.scp-manufacturing-create) .ns-tabs .nav-link {
    font-size: .8rem; font-weight: 600; color: #4a5568;
            padding: 7px 18px; border-radius: 4px 4px 0 0;
            border: 1px solid #b0bac5; border-bottom: none;
            background: #cdd3db; margin-bottom: -2px;
            transition: background .15s, color .15s;
}
body:has(.scp-manufacturing-create) .ns-tabs .nav-link:hover:not(.active) {
    background: #bdc5ce; color: #222;
}
body:has(.scp-manufacturing-create) .ns-tabs .nav-link.active {
    color: var(--ns-blue); background: #fff;
            border-color: #b0bac5 #b0bac5 #fff;
            font-weight: 700;
}
/* ── Line-item table ── */
body:has(.scp-manufacturing-create) .ns-tbl {
    font-size: .79rem;
}
/* ── Summary panel ── */
body:has(.scp-manufacturing-create) .ns-summary {
    font-size: .8rem;
}
/* ── BOM chips ── */
body:has(.scp-manufacturing-create) .bom-chip {
    display: inline-flex; align-items: center; gap: .2rem;
            padding: 2px 7px; border-radius: 3px;
            border: 1px solid #b0c4de; font-size: .73rem;
            background: #dce6f5; cursor: pointer; color: #174a80;
            margin: 2px 2px 2px 0;
}
body:has(.scp-manufacturing-create) .bom-chip:hover {
    background: #c2d5ee;
}
/* ── Top action bar (NetSuite Save/Cancel bar) ── */
body:has(.scp-manufacturing-create) .ns-bar {
    background: #fff;
            border: 1px solid var(--ns-border);
            border-radius: 3px;
            padding: 6px 10px;
            display: flex; align-items: center; gap: 5px;
            margin-bottom: 8px;
            justify-content: flex-end;
}
body:has(.scp-manufacturing-create) .btn-ns {
    font-size: .79rem; padding: 4px 13px; border-radius: 3px; font-weight: 600; border: 1px solid; cursor: pointer;
}
body:has(.scp-manufacturing-create) .btn-ns-save {
    background: var(--ns-blue);  color: #fff; border-color: #12569a;
}
body:has(.scp-manufacturing-create) .btn-ns-save:hover {
    background: #12569a; color: #fff;
}
body:has(.scp-manufacturing-create) .btn-ns-submit {
    background: var(--ns-green); color: #fff; border-color: #1b5e20;
}
body:has(.scp-manufacturing-create) .btn-ns-submit:hover {
    background: #1b5e20; color: #fff;
}
body:has(.scp-manufacturing-create) .btn-ns-cancel {
    background: #fff; color: #333; border-color: var(--ns-border);
}
body:has(.scp-manufacturing-create) .btn-ns-cancel:hover {
    background: #f0f0f0; color: #333;
}
body:has(.scp-manufacturing-create) .ns-divider {
    width: 1px; height: 20px; background: var(--ns-border); margin: 0 4px;
}
/* ── Select2 compact to match ── */
body:has(.scp-manufacturing-create) .select2-container .select2-selection--single {
    height: 30px !important;
            border: 1px solid var(--ns-border) !important;
            border-radius: 3px !important;
}
body:has(.scp-manufacturing-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem;
}
body:has(.scp-manufacturing-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing-create) .mat-stock-info small {
    font-size: .7rem;
}
body:has(.scp-manufacturing-create) .tab-toolbar {
    display: flex; align-items: center; justify-content: flex-end; padding: 4px 8px; border-bottom: 1px solid #eee;
}


/* ─── manufacturing\fix-materials.blade.php [block 0] (scoped via .scp-manufacturing-fix-materials) ─── */
body:has(.scp-manufacturing-fix-materials) :root {
    --radius:14px; --border:#e5e7eb; --muted:#6b7280; --bg:#f6f7fb; --card:#fff; --shadow:0 10px 30px rgba(16,24,40,.06);
}
body:has(.scp-manufacturing-fix-materials) {
    background:var(--bg);
}
body:has(.scp-manufacturing-fix-materials) .ns-card {
    background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
}
body:has(.scp-manufacturing-fix-materials) .ns-card .card-header {
    border-bottom:1px solid var(--border); background:linear-gradient(180deg,#fff 0%,#fafbff 100%);
}
body:has(.scp-manufacturing-fix-materials) .select2-container .select2-selection--single {
    height:36px !important;
}
body:has(.scp-manufacturing-fix-materials) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:34px !important;
}
body:has(.scp-manufacturing-fix-materials) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:34px !important;
}
body:has(.scp-manufacturing-fix-materials) .sticky-actions {
    position:sticky; bottom:0; z-index:10; background:rgba(255,255,255,.92); backdrop-filter:blur(6px); border-top:1px solid var(--border); padding:.75rem 1rem; border-radius:0 0 var(--radius) var(--radius);
}


/* ─── manufacturing\_ns_style.blade.php [block 0] (scoped via .scp-manufacturing--ns-style) ─── */
body:has(.scp-manufacturing--ns-style) :root {
    --ns-border:   #c8cfd8;
        --ns-bg:       #f4f5f7;
        --ns-card:     #fff;
        --ns-sec-head: #e4e8ed;
        --ns-label:    #444;
        --ns-blue:     #2563eb;
        --ns-green:    #059669;
}
body:has(.scp-manufacturing--ns-style) {
    background: var(--ns-bg);
}
body:has(.scp-manufacturing--ns-style) .ns-card {
    background: var(--ns-card);
        border: 1px solid var(--ns-border);
        border-radius: 3px;
}
body:has(.scp-manufacturing--ns-style) .ns-sec {
    background: var(--ns-sec-head);
        border-top: 1px solid var(--ns-border);
        border-bottom: 1px solid var(--ns-border);
        padding: 4px 10px;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #3a3a3a;
}
body:has(.scp-manufacturing--ns-style) .ns-sec:first-child {
    border-top: none;
}
body:has(.scp-manufacturing--ns-style) .ns-row {
    display: flex; align-items: flex-start; padding: 3px 0;
}
body:has(.scp-manufacturing--ns-style) .ns-lbl {
    width: 150px; min-width: 150px;
        font-size: .85rem; color: var(--ns-label);
        text-align: right; padding-right: 8px;
        padding-top: 5px; font-weight: 500;
        white-space: nowrap;
}
body:has(.scp-manufacturing--ns-style) .ns-val {
    flex: 1;
}
body:has(.scp-manufacturing--ns-style) .ns-form-body {
    padding: 8px 12px 10px;
}
body:has(.scp-manufacturing--ns-style) .form-control-sm, body:has(.scp-manufacturing--ns-style) .form-select-sm {
    font-size: .8rem;
}
/* Raised tab style */
body:has(.scp-manufacturing--ns-style) .ns-tabs {
    background: #e4e8ed; border-bottom: 2px solid #b0bac5; padding: 6px 8px 0; display: flex; gap: 3px;
}
body:has(.scp-manufacturing--ns-style) .ns-tabs .nav-link {
    font-size: .8rem; font-weight: 600; color: #4a5568;
        padding: 7px 18px; border-radius: 4px 4px 0 0;
        border: 1px solid #b0bac5; border-bottom: none;
        background: #cdd3db; margin-bottom: -2px;
        transition: background .15s, color .15s;
}
body:has(.scp-manufacturing--ns-style) .ns-tabs .nav-link:hover:not(.active) {
    background: #bdc5ce; color: #222;
}
body:has(.scp-manufacturing--ns-style) .ns-tabs .nav-link.active {
    color: var(--ns-blue); background: #fff;
        border-color: #b0bac5 #b0bac5 #fff;
        font-weight: 700;
}
body:has(.scp-manufacturing--ns-style) .ns-tbl {
    font-size: .79rem;
}
body:has(.scp-manufacturing--ns-style) .ns-summary {
    font-size: .8rem;
}
body:has(.scp-manufacturing--ns-style) .bom-chip {
    display: inline-flex; align-items: center; gap: .2rem;
        padding: 2px 7px; border-radius: 3px;
        border: 1px solid #b0c4de; font-size: .73rem;
        background: #dce6f5; cursor: pointer; color: #174a80;
        margin: 2px 2px 2px 0;
}
body:has(.scp-manufacturing--ns-style) .bom-chip:hover {
    background: #c2d5ee;
}
/* Action bar */
body:has(.scp-manufacturing--ns-style) .ns-bar {
    background: #fff;
        border: 1px solid var(--ns-border);
        border-radius: 3px;
        padding: 6px 10px;
        display: flex; align-items: center; gap: 5px;
        margin-bottom: 8px;
        justify-content: flex-end;
}
body:has(.scp-manufacturing--ns-style) .ns-divider {
    width: 1px; height: 20px; background: var(--ns-border); margin: 0 4px;
}
/* .btn-ns vibrant colors are defined globally in public/css/style.css */
/* Select2 compact */
body:has(.scp-manufacturing--ns-style) .select2-container .select2-selection--single {
    height: 30px !important;
        border: 1px solid var(--ns-border) !important;
        border-radius: 3px !important;
}
body:has(.scp-manufacturing--ns-style) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem;
}
body:has(.scp-manufacturing--ns-style) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing--ns-style) .mat-stock-info small {
    font-size: .7rem;
}
body:has(.scp-manufacturing--ns-style) .tab-toolbar {
    display: flex; align-items: center; justify-content: flex-end; padding: 4px 8px; border-bottom: 1px solid #eee;
}
/* Step progress (shared by show pages) */
body:has(.scp-manufacturing--ns-style) .ns-steps {
    display:flex; align-items:center; margin-bottom:10px;
}
body:has(.scp-manufacturing--ns-style) .ns-step {
    display:flex; flex-direction:column; align-items:center; gap:3px; min-width:90px;
}
body:has(.scp-manufacturing--ns-style) .ns-step-dot {
    width:22px; height:22px; border-radius:50%; border:2px solid #c8cfd8;
        background:#fff; display:flex; align-items:center; justify-content:center;
        font-size:.65rem; color:#94a3b8;
}
body:has(.scp-manufacturing--ns-style) .ns-step-dot.done {
    background:#d1fae5; border-color:#10b981; color:#065f46;
}
body:has(.scp-manufacturing--ns-style) .ns-step-dot.active {
    background:#2563eb; border-color:#1d4ed8; color:#fff;
}
body:has(.scp-manufacturing--ns-style) .ns-step-dot.cancelled {
    background:#fee2e2; border-color:#f87171; color:#991b1b;
}
body:has(.scp-manufacturing--ns-style) .ns-step-label {
    font-size:.68rem; color:#94a3b8; font-weight:600; white-space:nowrap;
}
body:has(.scp-manufacturing--ns-style) .ns-step-label.done {
    color:#065f46;
}
body:has(.scp-manufacturing--ns-style) .ns-step-label.active {
    color:#2563eb;
}
body:has(.scp-manufacturing--ns-style) .ns-step-label.cancelled {
    color:#991b1b;
}
body:has(.scp-manufacturing--ns-style) .ns-step-line {
    flex:1; height:2px; background:#e2e8f0; min-width:20px; margin-bottom:14px;
}
body:has(.scp-manufacturing--ns-style) .ns-step-line.done {
    background:#10b981;
}
/* View-mode action bar (shared by show pages) */
body:has(.scp-manufacturing--ns-style) .ns-view-bar {
    background:#fff; border:1px solid var(--ns-border); border-radius:3px;
        padding:6px 10px; display:flex; align-items:center; gap:5px;
        margin-bottom:8px; flex-wrap:wrap;
}
body:has(.scp-manufacturing--ns-style) .ns-view-bar .ns-bar-right {
    margin-left:auto; display:flex; align-items:center; gap:5px; flex-wrap:wrap;
}
/* Info rows (shared by show pages) */
body:has(.scp-manufacturing--ns-style) .ns-info-row {
    display:flex; padding:4px 10px; font-size:.86rem; border-bottom:1px solid #f1f3f5;
}
body:has(.scp-manufacturing--ns-style) .ns-info-row:last-child {
    border-bottom:none;
}
body:has(.scp-manufacturing--ns-style) .ns-info-lbl {
    width:130px; min-width:130px; color:#6b7280; font-weight:500; font-size:.82rem;
}
body:has(.scp-manufacturing--ns-style) .ns-info-val {
    flex:1; font-weight:500; color:#1e293b; font-size:.82rem;
}


/* ─── manufacturing\bom\create.blade.php [block 0] (scoped via .scp-manufacturing-bom-create) ─── */
body:has(.scp-manufacturing-bom-create) .select2-container .select2-selection--single {
    height: 28px !important; border-color: var(--ns-border) !important; border-radius: 3px !important;
}
body:has(.scp-manufacturing-bom-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem; color: #374151;
}
body:has(.scp-manufacturing-bom-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing-bom-create) .select2-container--default .select2-results__option {
    font-size: .8rem;
}
body:has(.scp-manufacturing-bom-create) .ns-info-row {
    display:flex; align-items:flex-start; padding:4px 0; border-bottom:1px solid #f1f5f9;
}
body:has(.scp-manufacturing-bom-create) .ns-info-row:last-child {
    border-bottom:none;
}
body:has(.scp-manufacturing-bom-create) .ns-info-lbl {
    width:130px; min-width:130px; font-size:.79rem; color:#6b7280; font-weight:500; padding-top:5px;
}
body:has(.scp-manufacturing-bom-create) .ns-info-val {
    flex:1; font-size:.82rem; color:#1e293b;
}
body:has(.scp-manufacturing-bom-create) .ns-section-title {
    font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#374151;
}
body:has(.scp-manufacturing-bom-create) .ns-view-bar {
    background:#fff; border:1px solid var(--ns-border); border-radius:3px; padding:6px 10px; display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-top:8px;
}
body:has(.scp-manufacturing-bom-create) .waste-option {
    border:1px solid var(--ns-border); border-radius:3px; padding:8px 10px; cursor:pointer; flex:1;
}
body:has(.scp-manufacturing-bom-create) .waste-option:has(input:checked) {
    border-color:#2563eb; background:#eef3fb;
}
body:has(.scp-manufacturing-bom-create) .waste-option label {
    cursor:pointer;
}


/* ─── manufacturing\bom\edit.blade.php [block 0] (scoped via .scp-manufacturing-bom-edit) ─── */
body:has(.scp-manufacturing-bom-edit) .select2-container .select2-selection--single {
    height: 28px !important; border-color: var(--ns-border) !important; border-radius: 3px !important;
}
body:has(.scp-manufacturing-bom-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem; color: #374151;
}
body:has(.scp-manufacturing-bom-edit) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing-bom-edit) .select2-container--default .select2-results__option {
    font-size: .8rem;
}
body:has(.scp-manufacturing-bom-edit) .ns-info-row {
    display:flex; align-items:flex-start; padding:4px 0; border-bottom:1px solid #f1f5f9;
}
body:has(.scp-manufacturing-bom-edit) .ns-info-row:last-child {
    border-bottom:none;
}
body:has(.scp-manufacturing-bom-edit) .ns-info-lbl {
    width:130px; min-width:130px; font-size:.79rem; color:#6b7280; font-weight:500; padding-top:5px;
}
body:has(.scp-manufacturing-bom-edit) .ns-info-val {
    flex:1; font-size:.82rem; color:#1e293b;
}
body:has(.scp-manufacturing-bom-edit) .ns-section-title {
    font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#374151;
}
body:has(.scp-manufacturing-bom-edit) .ns-view-bar {
    background:#fff; border:1px solid var(--ns-border); border-radius:3px; padding:6px 10px; display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-top:8px;
}
body:has(.scp-manufacturing-bom-edit) .waste-option {
    border:1px solid var(--ns-border); border-radius:3px; padding:8px 10px; cursor:pointer; flex:1;
}
body:has(.scp-manufacturing-bom-edit) .waste-option:has(input:checked) {
    border-color:#2563eb; background:#eef3fb;
}
body:has(.scp-manufacturing-bom-edit) .waste-option label {
    cursor:pointer;
}


/* ─── manufacturing\container-returns\create.blade.php [block 0] (scoped via .scp-manufacturing-container-returns-create) ─── */
body:has(.scp-manufacturing-container-returns-create) .select2-container .select2-selection--single {
    height: 28px !important; border-color: var(--ns-border) !important; border-radius: 3px !important;
}
body:has(.scp-manufacturing-container-returns-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem; color: #374151;
}
body:has(.scp-manufacturing-container-returns-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing-container-returns-create) .select2-container--default .select2-results__option {
    font-size: .8rem;
}
body:has(.scp-manufacturing-container-returns-create) .btn-info-help {
    display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#dbeafe; color:#2563eb; border:none; font-size:.72rem; font-weight:700; cursor:pointer; line-height:1; flex-shrink:0;
}
body:has(.scp-manufacturing-container-returns-create) .btn-info-help:hover {
    background:#bfdbfe;
}


/* ─── manufacturing\container-returns\edit.blade.php [block 0] (scoped via .scp-manufacturing-container-returns-edit) ─── */
body:has(.scp-manufacturing-container-returns-edit) .select2-container .select2-selection--single {
    height: 28px !important; border-color: var(--ns-border) !important; border-radius: 3px !important;
}
body:has(.scp-manufacturing-container-returns-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; font-size: .8rem; color: #374151;
}
body:has(.scp-manufacturing-container-returns-edit) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
}
body:has(.scp-manufacturing-container-returns-edit) .select2-container--default .select2-results__option {
    font-size: .8rem;
}


/* ─── manufacturing\reports\manufactured-goods-movement.blade.php [block 0] (scoped via .scp-manufacturing-reports-manufactured-goods-movement) ─── */
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .form-control, body:has(.scp-manufacturing-reports-manufactured-goods-movement) .form-select {
    font-size: 12px !important;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .group-hdr {
    background: #1e40af !important; color: #fff !important;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .sub-hdr {
    background: #3b82f6 !important; color: #fff !important; font-size: 10px !important;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .col-prod {
    background: #eff6ff;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .col-sl {
    background: #f0fdf4;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .col-slr {
    background: #fefce8;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .col-cl {
    background: #faf5ff;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .neg {
    color: #dc2626;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .vt-btn {
    border-radius: 6px !important; font-size: 12px !important;
}
@media print {
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .no-print {
    display: none !important;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) .card {
    border: none !important; box-shadow: none !important;
}
body:has(.scp-manufacturing-reports-manufactured-goods-movement) {
    font-size: 9px;
}
}


/* ─── mconsumption\create.blade.php [block 0] (scoped via .scp-mconsumption-create) ─── */
/* ─── mconsumption\edit.blade.php [block 0] (scoped via .scp-mconsumption-edit) ─── */
/* ─── newsfeeds\side_post.blade.php [block 0] (scoped via .scp-newsfeeds-side-post) ─── */
body:has(.scp-newsfeeds-side-post) .nav-stacked>li>a {
    line-height: 6px !important;
}
body:has(.scp-newsfeeds-side-post) .product-img img {
    width: 30px !important;
    height: 30px !important;
}
body:has(.scp-newsfeeds-side-post) .mncount {
    height: 10px;
  width: 28px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #333;
  font-size: 12px;
  font-weight: normal !important;
}
body:has(.scp-newsfeeds-side-post) .card {
    border-radius: 10px;
}
body:has(.scp-newsfeeds-side-post) .products-list .product-title {
    font-weight: 500;
    color: #5e5873;
}


/* ─── notes\modalcreate.blade.php [block 0] (scoped via .scp-notes-modalcreate) ─── */
body:has(.scp-notes-modalcreate) :root {
    --nm-ink: #111827;
    --nm-muted: #6b7280;
    --nm-line: #e5e7eb;
    --nm-soft: #f8fafc;
    --nm-brand: #0d6efd;
    --nm-shadow: 0 18px 44px rgba(15, 23, 42, 0.10);
}
body:has(.scp-notes-modalcreate) .nm-shell {
    background: #fff;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}
body:has(.scp-notes-modalcreate) .nm-header {
    padding: 1rem 1.25rem;
    background:
      radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 35%),
      linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
}
body:has(.scp-notes-modalcreate) .nm-title {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}
body:has(.scp-notes-modalcreate) .nm-subtitle {
    margin-top: .3rem;
    color: rgba(255,255,255,.78);
    font-size: .8rem;
}
body:has(.scp-notes-modalcreate) .nm-header .btn-close {
    filter: invert(1) brightness(2);
    opacity: .9;
}
body:has(.scp-notes-modalcreate) .nm-body {
    padding: 1.1rem 1.25rem;
    max-height: calc(100vh - 11rem);
    overflow-y: auto;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
body:has(.scp-notes-modalcreate) .nm-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(260px, .9fr);
    gap: 1rem;
}
body:has(.scp-notes-modalcreate) .nm-card {
    border: 1px solid var(--nm-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--nm-shadow);
}
body:has(.scp-notes-modalcreate) .nm-editor {
    padding: 1rem;
}
body:has(.scp-notes-modalcreate) .nm-side {
    padding: 1rem;
    background: var(--nm-soft);
}
body:has(.scp-notes-modalcreate) .nm-section-label {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--nm-muted);
    margin-bottom: .4rem;
}
body:has(.scp-notes-modalcreate) .nm-helper {
    font-size: .78rem;
    color: var(--nm-muted);
    margin-bottom: .85rem;
}
body:has(.scp-notes-modalcreate) .nm-note-box {
    min-height: 260px;
    resize: vertical;
    border-radius: 12px;
    border: 1px solid var(--nm-line);
    padding: .9rem 1rem;
    font-size: .92rem;
    line-height: 1.55;
    background: #fff;
    color: var(--nm-ink);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
body:has(.scp-notes-modalcreate) .nm-note-box:focus {
    border-color: var(--nm-brand);
    box-shadow: 0 0 0 3px rgba(13,110,253,.14);
}
body:has(.scp-notes-modalcreate) .nm-side .form-label {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--nm-muted);
    margin-bottom: .35rem;
}
body:has(.scp-notes-modalcreate) .nm-side .form-control, body:has(.scp-notes-modalcreate) .nm-side .form-select {
    min-height: 40px;
    border-radius: 10px;
    border-color: var(--nm-line);
    font-size: .88rem;
}
body:has(.scp-notes-modalcreate) .nm-side .form-control:focus, body:has(.scp-notes-modalcreate) .nm-side .form-select:focus {
    border-color: var(--nm-brand);
    box-shadow: 0 0 0 3px rgba(13,110,253,.12);
}
body:has(.scp-notes-modalcreate) .nm-link-card {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: .9rem;
    background: rgba(255,255,255,.75);
}
body:has(.scp-notes-modalcreate) .nm-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1.25rem 1rem;
    border-top: 1px solid var(--nm-line);
    background: #fff;
}
body:has(.scp-notes-modalcreate) .nm-footer-note {
    color: var(--nm-muted);
    font-size: .78rem;
}
body:has(.scp-notes-modalcreate) .nm-footer .btn {
    border-radius: 10px;
    font-weight: 600;
    min-width: 110px;
}
body:has(.scp-notes-modalcreate) .select2-container--open {
    z-index: 99999;
}
body:has(.scp-notes-modalcreate) .select2-container {
    width: 100% !important;
}
body:has(.scp-notes-modalcreate) .select2-container .select2-selection--single {
    min-height: 40px; border-radius: 10px;
}
body:has(.scp-notes-modalcreate) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}
body:has(.scp-notes-modalcreate) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
@media (max-width: 991px) {
body:has(.scp-notes-modalcreate) .nm-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-notes-modalcreate) .nm-body {
    max-height: calc(100vh - 9rem);
}
body:has(.scp-notes-modalcreate) .nm-footer {
    flex-direction: column; align-items: stretch;
}

}


/* ─── onboarding\events\index.blade.php [block 0] (scoped via .scp-onboarding-events-index) ─── */
body:has(.scp-onboarding-events-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-onboarding-events-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-onboarding-events-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-onboarding-events-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-onboarding-events-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-onboarding-events-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-onboarding-events-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-onboarding-events-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-onboarding-events-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-onboarding-events-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-onboarding-events-index) .mn-empty {
    border: 1px dashed rgba(2,6,23,.18);
                border-radius: 1rem;
                padding: 1.25rem;
                background: rgba(255,255,255,.7);
}
body:has(.scp-onboarding-events-index) .mn-link {
    text-decoration: none;
}
body:has(.scp-onboarding-events-index) .mn-link:hover {
    text-decoration: underline;
}
body:has(.scp-onboarding-events-index) .subtle {
    color:#64748b; font-size:.85rem;
}
@media (max-width: 575.98px) {
body:has(.scp-onboarding-events-index) .mn-actions {
    width:100%;
}
body:has(.scp-onboarding-events-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── onlineorder\indexDetail.blade.php [block 0] (scoped via .scp-onlineorder-indexdetail) ─── */
/* ─── onlineorder\salespaymentlist.blade.php [block 0] (scoped via .scp-onlineorder-salespaymentlist) ─── */
/* ─── onlineorder\show.blade.php [block 2] (scoped via .scp-onlineorder-show) ─── */
@media print {
body:has(.scp-onlineorder-show) * {
    visibility: hidden !important;
}
body:has(.scp-onlineorder-show) #delivery-label-print, body:has(.scp-onlineorder-show) #delivery-label-print * {
    visibility: visible !important;
}
body:has(.scp-onlineorder-show) #delivery-label-print {
    display: block !important;
      position: fixed;
      top: 0; left: 0;
      width: 72mm;
      padding: 3mm;
      background: #fff;
}

}
body:has(.scp-onlineorder-show) .dlabel-wrap {
    font-family: 'Courier New', monospace;
    font-size: 9pt;
    width: 72mm;
    padding: 2mm 3mm;
    background: #fff;
    color: #000;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
body:has(.scp-onlineorder-show) .dlabel-from {
    font-size: 7pt; color: #000; font-weight: 900; margin-bottom: 0; line-height: 1.1;
}
body:has(.scp-onlineorder-show) .dlabel-to-head {
    font-size: 6pt; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #000; margin-bottom: 0; line-height: 1.2;
}
body:has(.scp-onlineorder-show) .dlabel-name {
    font-size: 9.5pt; font-weight: 900; line-height: 1.1; color: #000;
}
body:has(.scp-onlineorder-show) .dlabel-partner {
    font-size: 9pt; font-weight: 900; color: #000; line-height: 1.1;
}
body:has(.scp-onlineorder-show) .dlabel-phone {
    font-size: 9.5pt; color: #000; font-weight: 700; line-height: 1.1;
}
body:has(.scp-onlineorder-show) .dlabel-icon {
    font-size: 8.5pt;
}
body:has(.scp-onlineorder-show) .dlabel-addr {
    font-size: 9.5pt; color: #000; font-weight: 700; line-height: 1.2;
}
body:has(.scp-onlineorder-show) .dlabel-carrier {
    font-size: 8pt; color: #000; font-weight: 900; line-height: 1.1;
}
body:has(.scp-onlineorder-show) .dlabel-order {
    font-size: 7pt; color: #000; font-weight: 700; line-height: 1.1;
}
body:has(.scp-onlineorder-show) .dlabel-divider {
    border-top: 1.5px solid #000; margin: 1mm 0;
}


/* ─── onlineorder\show.blade.php [block 1] (scoped via .scp-onlineorder-show) ─── */
/* Make Select2 fit Bootstrap 5 inside modal */
body:has(.scp-onlineorder-show) .select2-container--default .select2-selection--single {
    height: calc(1.5em + .5rem + 2px);
      border: 1px solid #ced4da;
      border-radius: .375rem;
      padding: .25rem .5rem;
}
body:has(.scp-onlineorder-show) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
      color: #212529;
      font-size: .875rem;
}
body:has(.scp-onlineorder-show) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .5rem + 2px);
}
body:has(.scp-onlineorder-show) .select2-dropdown {
    border-color: #ced4da; font-size: .85rem;
}
body:has(.scp-onlineorder-show) .select2-container--open .select2-dropdown {
    z-index: 9999;
}
body:has(.scp-onlineorder-show) #postToInvoiceModal .select2-container {
    width: 100% !important;
}


/* ─── onlineorder\show.blade.php [block 0] (scoped via .scp-onlineorder-show) ─── */
body:has(.scp-onlineorder-show) :root {
    --surface:#f6f7fb; --card:#ffffff; --border:rgba(2,6,23,.08);
      --muted:#64748b; --title:#0f172a; --primary:#0d6efd;
      --shadow:0 14px 34px rgba(2,6,23,.06),0 2px 10px rgba(2,6,23,.05); --radius:16px;
      --row-alt:#f8fafc; --thead:#f1f5f9;
}
body:has(.scp-onlineorder-show) {
    background: var(--surface);
}
body:has(.scp-onlineorder-show) .toolbar-wrap {
    background: linear-gradient(180deg,#fff 0%,#f9fbff 100%); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow);
}
body:has(.scp-onlineorder-show) .card-soft {
    background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow);
}
body:has(.scp-onlineorder-show) .chip {
    display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .65rem; border-radius:999px; background:#eef2ff; border:1px solid rgba(2,6,23,.06); font-weight:600; font-size:.82rem;
}
body:has(.scp-onlineorder-show) .info-label {
    font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:.2rem;
}
body:has(.scp-onlineorder-show) .info-value {
    font-size:.9rem; color:var(--title); font-weight:500;
}
body:has(.scp-onlineorder-show) .section-title {
    font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:.75rem; display:flex; align-items:center; gap:.4rem;
}
body:has(.scp-onlineorder-show) .section-title::after {
    content:""; flex:1; height:1px; background:var(--border);
}
body:has(.scp-onlineorder-show) .rail {
    position:sticky; top:90px;
}
body:has(.scp-onlineorder-show) .activity-item {
    padding:.65rem 0; border-bottom:1px solid var(--border);
}
body:has(.scp-onlineorder-show) .activity-item:last-child {
    border-bottom:none;
}
body:has(.scp-onlineorder-show) .status-pill {
    display:inline-flex; align-items:center; gap:.35rem; padding:.3rem .75rem; border-radius:999px; font-size:.78rem; font-weight:700;
}
body:has(.scp-onlineorder-show) .status-paid {
    background:#dcfce7; color:#15803d;
}
body:has(.scp-onlineorder-show) .status-partial {
    background:#fef9c3; color:#a16207;
}
body:has(.scp-onlineorder-show) .status-unpaid {
    background:#fee2e2; color:#b91c1c;
}
body:has(.scp-onlineorder-show) .detail-card {
    background:#f8fafc; border:1px solid var(--border); border-radius:12px; padding:1rem 1.1rem; height:100%;
}
body:has(.scp-onlineorder-show) .btn-ghost {
    background:transparent; border:1px solid var(--border);
}


/* ─── orders\billwisedebtorlist.blade.php [block 0] (scoped via .scp-orders-billwisedebtorlist) ─── */
body:has(.scp-orders-billwisedebtorlist) .form-control, body:has(.scp-orders-billwisedebtorlist) .form-select {
    font-size: 12px !important;
}
/* stat cards */
body:has(.scp-orders-billwisedebtorlist) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-orders-billwisedebtorlist) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-orders-billwisedebtorlist) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-orders-billwisedebtorlist) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
/* table */
/* excel btn */
body:has(.scp-orders-billwisedebtorlist) .bw-dl-excel {
    display: inline-flex; align-items: center; gap: 8px;
            padding: 7px 14px 7px 10px; border-radius: 8px;
            border: 1.5px solid #86efac; background: #f0fdf4; color: #14532d;
            font-weight: 600; font-size: 13px; cursor: pointer; text-decoration: none;
            transition: box-shadow .15s, transform .15s;
}
body:has(.scp-orders-billwisedebtorlist) .bw-dl-excel:hover {
    background: #dcfce7; box-shadow: 0 4px 14px rgba(22,163,74,.18); transform: translateY(-1px); color: #052e16;
}
body:has(.scp-orders-billwisedebtorlist) .bw-dl-excel .dl-icon {
    width: 28px; height: 28px; border-radius: 6px; background: #dcfce7; color: #16a34a; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0;
}
@media print {
body:has(.scp-orders-billwisedebtorlist) .no-print {
    display: none !important;
}
body:has(.scp-orders-billwisedebtorlist) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── orders\create.blade.php [block 0] (scoped via .scp-orders-create) ─── */
body:has(.scp-orders-create) :root {
    --order-bg: #f5efe5;
            --order-surface: #fffdf9;
            --order-surface-strong: #fff8ef;
            --order-ink: #1f2937;
            --order-muted: #667085;
            --order-line: #eadfce;
            --order-accent: #165a4c;
            --order-accent-soft: rgba(22, 90, 76, 0.10);
            --order-warm: #c67933;
            --order-shadow: 0 22px 60px rgba(30, 41, 59, 0.08);
}
body:has(.scp-orders-create) .select2-container {
    width: 100% !important;
}
body:has(.scp-orders-create) .select2-selection {
    min-height: 42px;
            border: 1px solid #d7dbe3;
            border-radius: 14px;
            background: #fff;
}
body:has(.scp-orders-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
            padding-left: 14px;
            color: var(--order-ink);
}
body:has(.scp-orders-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
            right: 10px;
}
body:has(.scp-orders-create) .available {
    border-color: #198754; background-color: #eefaf3;
}
body:has(.scp-orders-create) .not-available {
    border-color: #dc3545; background-color: #fff1f1;
}
body:has(.scp-orders-create) #mediumBody .modal-body {
    min-height: 180px;
}
body:has(.scp-orders-create) #customers_id + .select2 {
    width: 100% !important;
}
body:has(.scp-orders-create) .order-create-shell {
    position: relative;
            padding: 0 0 2rem;
}
body:has(.scp-orders-create) .order-create-shell::before {
    content: "";
            position: absolute;
            inset: 80px 0 auto 0;
            height: 320px;
            background:
                radial-gradient(circle at top left, rgba(22, 90, 76, 0.16), transparent 36%),
                radial-gradient(circle at top right, rgba(198, 121, 51, 0.14), transparent 28%),
                linear-gradient(180deg, var(--order-bg), rgba(245, 239, 229, 0));
            border-radius: 32px;
            pointer-events: none;
            z-index: 0;
}
body:has(.scp-orders-create) .order-create-shell > * {
    position: relative;
            z-index: 1;
}
body:has(.scp-orders-create) .order-section-kicker {
    display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.35rem 0.75rem;
            border-radius: 999px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-size: 0.72rem;
            font-weight: 700;
}
body:has(.scp-orders-create) .order-section-card {
    border: 1px solid var(--order-line);
            border-radius: 26px;
            background: linear-gradient(180deg, var(--order-surface), #fff);
            box-shadow: var(--order-shadow);
            overflow: hidden;
}
body:has(.scp-orders-create) .order-section-head {
    display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1.5rem;
}
body:has(.scp-orders-create) .order-section-kicker {
    background: var(--order-accent-soft);
            color: var(--order-accent);
            margin-bottom: 0.8rem;
}
body:has(.scp-orders-create) .order-section-title {
    margin: 0;
            color: var(--order-ink);
            font-size: 1.25rem;
            font-weight: 750;
            letter-spacing: -0.02em;
}
body:has(.scp-orders-create) .order-section-copy {
    margin: 0.45rem 0 0;
            color: var(--order-muted);
            max-width: 720px;
            line-height: 1.7;
}
body:has(.scp-orders-create) .order-origin-card .card-body {
    padding: 2rem;
}
body:has(.scp-orders-create) .order-details-card {
    margin-top: 1.5rem;
            padding: 2rem;
}
body:has(.scp-orders-create) .order-details-grid .form-label, body:has(.scp-orders-create) .order-items-card .form-label, body:has(.scp-orders-create) .order-origin-card .form-label {
    color: var(--order-ink) !important;
            font-size: 0.83rem;
            font-weight: 700 !important;
            letter-spacing: 0.01em;
}
body:has(.scp-orders-create) .order-create-form .form-control, body:has(.scp-orders-create) .order-create-form .form-select {
    min-height: 42px;
            border-radius: 14px;
            border-color: #d7dbe3;
            background-color: #fff;
            box-shadow: none;
}
body:has(.scp-orders-create) .order-create-form .form-control:focus, body:has(.scp-orders-create) .order-create-form .form-select:focus {
    border-color: rgba(22, 90, 76, 0.45);
            box-shadow: 0 0 0 0.22rem rgba(22, 90, 76, 0.12);
}
body:has(.scp-orders-create) .order-origin-toggle .btn {
    border-radius: 14px !important;
            border: 1px solid #dfe5ec;
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
}
body:has(.scp-orders-create) .order-origin-toggle .btn-check:checked + .btn {
    background: var(--order-accent);
            border-color: var(--order-accent);
            color: #fff;
            box-shadow: 0 10px 22px rgba(22, 90, 76, 0.18);
}
body:has(.scp-orders-create) .order-origin-actions .btn {
    min-height: 42px;
            border-radius: 14px;
            padding-inline: 1rem;
            font-weight: 700;
}
body:has(.scp-orders-create) .order-origin-grid {
    align-items: end;
}
body:has(.scp-orders-create) .order-origin-grid .form-text {
    min-height: 18px;
}
body:has(.scp-orders-create) .order-origin-actions {
    display: flex;
            gap: 0.5rem;
}
body:has(.scp-orders-create) .order-origin-actions .btn {
    flex: 1 1 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
}
@media (min-width: 1200px) {
body:has(.scp-orders-create) .order-origin-actions {
    padding-bottom: 18px;
}

}
@media (max-width: 1199.98px) {
body:has(.scp-orders-create) .order-origin-actions {
    justify-content: flex-end;
}
body:has(.scp-orders-create) .order-origin-actions .btn {
    flex: 0 0 auto;
}

}
body:has(.scp-orders-create) .order-items-card .form-control, body:has(.scp-orders-create) .order-items-card .form-select, body:has(.scp-orders-create) .order-items-card .select2-selection {
    min-height: 34px;
            height: 34px;
            font-size: 0.82rem;
            border-radius: 10px;
}
body:has(.scp-orders-create) .order-items-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
            padding-left: 10px;
            padding-right: 26px;
            font-size: 0.82rem;
}
body:has(.scp-orders-create) .order-items-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
            right: 6px;
}
body:has(.scp-orders-create) .order-items-card .price, body:has(.scp-orders-create) .order-items-card .total, body:has(.scp-orders-create) .order-items-card .tax_amount_line, body:has(.scp-orders-create) .order-items-card .discount_amount_line, body:has(.scp-orders-create) .order-items-card .quantity {
    min-width: 84px;
            width: 100%;
}
body:has(.scp-orders-create) .order-items-card .product_id, body:has(.scp-orders-create) .order-items-card .variant_id, body:has(.scp-orders-create) .order-items-card .units {
    min-width: 110px;
}
body:has(.scp-orders-create) .order-code-entry {
    display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 1rem;
            padding: 1rem;
            margin-bottom: 1rem;
            border: 1px solid #ece3d4;
            border-radius: 18px;
            background: #fffaf3;
}
body:has(.scp-orders-create) .order-code-entry-copy {
    min-width: 210px;
}
body:has(.scp-orders-create) .order-code-entry-copy strong {
    display: block;
            color: var(--order-ink);
            font-size: 0.95rem;
}
body:has(.scp-orders-create) .order-code-entry-copy span {
    color: var(--order-muted);
            font-size: 0.82rem;
}
body:has(.scp-orders-create) .order-code-entry-control {
    flex: 1;
            max-width: 520px;
}
body:has(.scp-orders-create) .order-code-entry .input-group-text, body:has(.scp-orders-create) .order-code-entry .form-control, body:has(.scp-orders-create) .order-code-entry .btn {
    min-height: 42px;
            border-radius: 14px;
}
body:has(.scp-orders-create) .order-code-entry .form-control {
    height: 42px;
}
body:has(.scp-orders-create) .order-code-entry .input-group-text {
    border-color: #d7dbe3;
            background: #fff;
}
@media (max-width: 767.98px) {
body:has(.scp-orders-create) .order-code-entry {
    display: block;
}
body:has(.scp-orders-create) .order-code-entry-control {
    max-width: none;
                margin-top: 0.75rem;
}

}
body:has(.scp-orders-create) .order-items-card .price, body:has(.scp-orders-create) .order-items-card .total, body:has(.scp-orders-create) .order-items-card .tax_amount_line, body:has(.scp-orders-create) .order-items-card .discount_amount_line {
    text-align: right;
}
body:has(.scp-orders-create) .order-items-card #addMore {
    min-height: 44px;
            border-radius: 14px;
            font-weight: 700;
}
body:has(.scp-orders-create) .order-note-card {
    margin-top: 1.75rem;
            padding: 1.5rem;
            border-radius: 22px;
            background: linear-gradient(180deg, #fffaf2, #fff);
            border: 1px solid #efe2cf;
}
body:has(.scp-orders-create) .order-note-card small {
    display: inline-block;
            margin-top: 0.2rem;
            margin-bottom: 1rem;
}
body:has(.scp-orders-create) .order-action-bar {
    display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-top: 1.75rem;
            padding: 1rem 1.1rem;
            border-top: 1px solid #ece2d3;
            background: linear-gradient(180deg, rgba(255, 248, 239, 0.9), #fff);
            border-radius: 18px;
}
body:has(.scp-orders-create) .order-action-copy {
    color: var(--order-muted);
            font-size: 0.92rem;
}
body:has(.scp-orders-create) .order-action-buttons {
    display: flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
}
body:has(.scp-orders-create) .order-action-buttons .btn {
    min-height: 44px;
            border-radius: 14px;
            padding-inline: 1rem;
            font-weight: 700;
}
body:has(.scp-orders-create) .order-create-form .remove-this, body:has(.scp-orders-create) .order-create-form .open-product-modal i, body:has(.scp-orders-create) .order-create-form .product-note i {
    font-size: 1.05rem;
}
body:has(.scp-orders-create) .order-create-form .remove-this {
    color: #b54708;
}
body:has(.scp-orders-create) .order-create-form .product-note {
    color: var(--order-accent);
}
body:has(.scp-orders-create) .order-create-form .text-muted {
    color: var(--order-muted) !important;
}
@media (max-width: 991.98px) {
body:has(.scp-orders-create) .order-details-card, body:has(.scp-orders-create) .order-origin-card .card-body {
    padding: 1.25rem;
}
body:has(.scp-orders-create) .order-action-bar {
    flex-direction: column;
                align-items: stretch;
}
body:has(.scp-orders-create) .order-action-buttons {
    justify-content: stretch;
}
body:has(.scp-orders-create) .order-action-buttons .btn {
    width: 100%;
}

}


/* ─── orders\edit.blade.php [block 0] (scoped via .scp-orders-edit) ─── */
body:has(.scp-orders-edit) :root {
    --order-bg: #f5efe5;
            --order-surface: #fffdf9;
            --order-ink: #1f2937;
            --order-muted: #667085;
            --order-line: #eadfce;
            --order-accent: #165a4c;
            --order-accent-soft: rgba(22, 90, 76, 0.10);
            --order-shadow: 0 22px 60px rgba(30, 41, 59, 0.08);
}
body:has(.scp-orders-edit) .select2-container {
    width: 100% !important;
}
body:has(.scp-orders-edit) .select2-selection {
    min-height: 42px;
            border: 1px solid #d7dbe3;
            border-radius: 14px;
            background: #fff;
}
body:has(.scp-orders-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
            padding-left: 14px;
            color: var(--order-ink);
}
body:has(.scp-orders-edit) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
            right: 10px;
}
body:has(.scp-orders-edit) .order-edit-form .form-control, body:has(.scp-orders-edit) .order-edit-form .form-select {
    min-height: 42px;
            border-radius: 14px;
            border-color: #d7dbe3;
            background: #fff;
            box-shadow: none;
}
body:has(.scp-orders-edit) .order-edit-form .form-control:focus, body:has(.scp-orders-edit) .order-edit-form .form-select:focus {
    border-color: rgba(22, 90, 76, 0.45);
            box-shadow: 0 0 0 0.22rem rgba(22, 90, 76, 0.12);
}
body:has(.scp-orders-edit) .order-edit-shell {
    position: relative;
            padding-bottom: 2rem;
}
body:has(.scp-orders-edit) .order-edit-shell::before {
    content: "";
            position: absolute;
            inset: 80px 0 auto 0;
            height: 320px;
            background:
                radial-gradient(circle at top left, rgba(22, 90, 76, 0.16), transparent 36%),
                radial-gradient(circle at top right, rgba(198, 121, 51, 0.14), transparent 28%),
                linear-gradient(180deg, var(--order-bg), rgba(245, 239, 229, 0));
            border-radius: 32px;
            pointer-events: none;
            z-index: 0;
}
body:has(.scp-orders-edit) .order-edit-shell > * {
    position: relative;
            z-index: 1;
}
body:has(.scp-orders-edit) .order-section-kicker {
    display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.35rem 0.75rem;
            border-radius: 999px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-size: 0.72rem;
            font-weight: 700;
}
body:has(.scp-orders-edit) .order-section-card {
    border: 1px solid var(--order-line);
            border-radius: 26px;
            background: linear-gradient(180deg, var(--order-surface), #fff);
            box-shadow: var(--order-shadow);
            overflow: hidden;
}
body:has(.scp-orders-edit) .order-section-head {
    display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1.5rem;
}
body:has(.scp-orders-edit) .order-section-kicker {
    background: var(--order-accent-soft);
            color: var(--order-accent);
            margin-bottom: 0.8rem;
}
body:has(.scp-orders-edit) .order-section-title {
    margin: 0;
            color: var(--order-ink);
            font-size: 1.25rem;
            font-weight: 750;
            letter-spacing: -0.02em;
}
body:has(.scp-orders-edit) .order-section-copy {
    margin: 0.45rem 0 0;
            color: var(--order-muted);
            max-width: 720px;
            line-height: 1.7;
}
body:has(.scp-orders-edit) .order-origin-card, body:has(.scp-orders-edit) .order-details-card, body:has(.scp-orders-edit) .order-items-card {
    margin-top: 1.5rem;
}
body:has(.scp-orders-edit) .order-origin-card {
    padding: 2rem;
}
body:has(.scp-orders-edit) .order-details-card {
    padding: 2rem;
}
body:has(.scp-orders-edit) .order-origin-card .form-label, body:has(.scp-orders-edit) .order-details-card .form-label, body:has(.scp-orders-edit) .order-items-card .form-label {
    color: var(--order-ink) !important;
            font-size: 0.83rem;
            font-weight: 700 !important;
}
body:has(.scp-orders-edit) .order-origin-card .btn, body:has(.scp-orders-edit) .order-action-buttons .btn, body:has(.scp-orders-edit) .order-items-card #addMore {
    min-height: 42px;
            border-radius: 14px;
            font-weight: 700;
}
body:has(.scp-orders-edit) .order-items-card .form-control, body:has(.scp-orders-edit) .order-items-card .form-select, body:has(.scp-orders-edit) .order-items-card .select2-selection {
    min-height: 34px;
            height: 34px;
            font-size: 0.82rem;
            border-radius: 10px;
}
body:has(.scp-orders-edit) .order-items-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
            padding-left: 10px;
            padding-right: 26px;
            font-size: 0.82rem;
}
body:has(.scp-orders-edit) .order-items-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
            right: 6px;
}
body:has(.scp-orders-edit) .order-items-card .price, body:has(.scp-orders-edit) .order-items-card .total, body:has(.scp-orders-edit) .order-items-card .tax_amount_line, body:has(.scp-orders-edit) .order-items-card .discount_amount_line, body:has(.scp-orders-edit) .order-items-card .quantity {
    min-width: 84px;
            width: 100%;
}
body:has(.scp-orders-edit) .order-items-card .product_id, body:has(.scp-orders-edit) .order-items-card .variant_id, body:has(.scp-orders-edit) .order-items-card .units {
    min-width: 110px;
}
body:has(.scp-orders-edit) .order-items-card .price, body:has(.scp-orders-edit) .order-items-card .total, body:has(.scp-orders-edit) .order-items-card .tax_amount_line, body:has(.scp-orders-edit) .order-items-card .discount_amount_line {
    text-align: right;
}
body:has(.scp-orders-edit) .order-note-card {
    margin-top: 1.75rem;
            padding: 1.5rem;
            border-radius: 22px;
            background: linear-gradient(180deg, #fffaf2, #fff);
            border: 1px solid #efe2cf;
}
body:has(.scp-orders-edit) .order-action-bar {
    display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-top: 1.75rem;
            padding: 1rem 1.1rem;
            border-top: 1px solid #ece2d3;
            background: linear-gradient(180deg, rgba(255, 248, 239, 0.9), #fff);
            border-radius: 18px;
}
body:has(.scp-orders-edit) .order-action-copy {
    color: var(--order-muted);
            font-size: 0.92rem;
}
body:has(.scp-orders-edit) .order-action-buttons {
    display: flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
}
body:has(.scp-orders-edit) .order-edit-form .remove-this, body:has(.scp-orders-edit) .order-edit-form .open-product-modal i, body:has(.scp-orders-edit) .order-edit-form .product-note i {
    font-size: 1.05rem;
}
body:has(.scp-orders-edit) .order-edit-form .remove-this {
    color: #b54708;
}
@media (max-width: 991.98px) {
body:has(.scp-orders-edit) .order-origin-card, body:has(.scp-orders-edit) .order-details-card {
    padding: 1.25rem;
}
body:has(.scp-orders-edit) .order-action-bar {
    flex-direction: column;
                align-items: stretch;
}
body:has(.scp-orders-edit) .order-action-buttons .btn {
    width: 100%;
}

}


/* ─── orders\index.blade.php [block 0] (scoped via .scp-orders-index) ─── */
body:has(.scp-orders-index) :root {
    --orders-bg: #f4f7fb;

            --orders-border: rgba(15, 23, 42, 0.08);
            --orders-text: #0f172a;
            --orders-muted: #64748b;
            --orders-primary: #0f62fe;
            --orders-danger: #dc2626;
            --orders-radius: 24px;
            --orders-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
            --orders-soft-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
body:has(.scp-orders-index) {
    background: #fff;
}
body:has(.scp-orders-index) .card-body {
    position: relative;
            padding: 1.6rem;
}
body:has(.scp-orders-index) .orders-icon {
    width: 1em;
            height: 1em;
            flex: 0 0 auto;
            vertical-align: -0.125em;
}
body:has(.scp-orders-index) .summary-pill {
    gap: 0.45rem;
            padding: 0.42rem 0.75rem;
            background: rgba(255, 255, 255, 0.78);
            border: 1px solid rgba(15, 23, 42, 0.08);
            color: #1e293b;
            font-size: 0.76rem;
            border-radius: 999px;
            font-weight: 700;
}
body:has(.scp-orders-index) .summary-pill.is-primary {
    color: var(--orders-primary);
            background: rgba(15, 98, 254, 0.12);
            border-color: rgba(15, 98, 254, 0.12);
}
body:has(.scp-orders-index) .summary-pill.is-empty {
    background: rgba(148, 163, 184, 0.1);
}
body:has(.scp-orders-index) .card-actions .btn, body:has(.scp-orders-index) .dt-buttons .btn {
    border-radius: 14px;
            font-weight: 600;
}
body:has(.scp-orders-index) .filter-row .filter-select {
    min-width: 120px;
            max-width: 180px;
}
body:has(.scp-orders-index) .filter-row .select2-container {
    min-width: 150px;
            max-width: 200px;
}
body:has(.scp-orders-index) .filter-row .select2-container .select2-selection--single {
    height: 31px;
            padding: 0.2rem 0.55rem;
            border-radius: 10px;
            border-color: rgba(148, 163, 184, 0.34);
}
body:has(.scp-orders-index) .filter-row .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.3rem;
}
body:has(.scp-orders-index) .filter-row .select2-container .select2-selection--single .select2-selection__arrow {
    height: 29px;
}
body:has(.scp-orders-index) .select2-container {
    z-index: 2056;
}
body:has(.scp-orders-index) .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--orders-text);
            line-height: 1.5rem;
            padding-left: 0;
}
body:has(.scp-orders-index) .select2-container .select2-selection--single .select2-selection__arrow {
    height: 44px;
            right: 8px;
}
body:has(.scp-orders-index) .select2-dropdown {
    border-radius: 14px;
            border-color: rgba(148, 163, 184, 0.34);
            box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
}
body:has(.scp-orders-index) #dt-overlay {
    position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            z-index: 5;
            border-radius: 20px;
            background: rgba(248, 250, 252, 0.82);
            backdrop-filter: blur(4px);
}
body:has(.scp-orders-index) #orders-table {
    width: 100% !important;
            margin: 0 !important;
}
body:has(.scp-orders-index) .order-code {
    padding: 0.42rem 0.72rem;
            background: rgba(15, 98, 254, 0.1);
            color: var(--orders-primary);
            font-size: 0.82rem;
}
body:has(.scp-orders-index) .date-stack, body:has(.scp-orders-index) .amount-stack, body:has(.scp-orders-index) .person-chip {
    display: flex;
            gap: 0.25rem;
}
body:has(.scp-orders-index) .date-stack, body:has(.scp-orders-index) .amount-stack {
    flex-direction: column;
}
body:has(.scp-orders-index) .date-stack span, body:has(.scp-orders-index) .amount-stack span, body:has(.scp-orders-index) .person-name {
    color: var(--orders-text);
            font-weight: 700;
}
body:has(.scp-orders-index) .person-chip {
    align-items: center;
            gap: 0.7rem;
}
body:has(.scp-orders-index) .person-avatar {
    width: 2rem;
            height: 2rem;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(15, 98, 254, 0.12);
            color: var(--orders-primary);
            font-size: 0.78rem;
            font-weight: 800;
}
body:has(.scp-orders-index) .term-pill {
    padding: 0.45rem 0.75rem;
            background: rgba(15, 23, 42, 0.05);
            color: #334155;
            font-size: 0.82rem;
}
body:has(.scp-orders-index) .status-chip {
    justify-content: center;
            min-width: 98px;
            padding: 0.5rem 0.8rem;
            font-size: 0.78rem;
}
body:has(.scp-orders-index) .status-chip.is-success {
    background: rgba(16, 185, 129, 0.14); color: #047857;
}
body:has(.scp-orders-index) .status-chip.is-warning {
    background: rgba(249, 115, 22, 0.16); color: #c2410c;
}
body:has(.scp-orders-index) .status-chip.is-danger {
    background: rgba(239, 68, 68, 0.14); color: #b91c1c;
}
body:has(.scp-orders-index) .status-chip.is-info {
    background: rgba(59, 130, 246, 0.14); color: #1d4ed8;
}
body:has(.scp-orders-index) .status-chip.is-muted {
    background: rgba(148, 163, 184, 0.18); color: #475569;
}
body:has(.scp-orders-index) .page-item .page-link {
    border-radius: 12px !important;
            border: 0;
            margin: 0 0.15rem;
            color: #334155;
}
body:has(.scp-orders-index) .page-item.active .page-link {
    background: linear-gradient(135deg, #0f62fe, #2563eb);
            color: #fff;
}
body:has(.scp-orders-index) .modal-content {
    border-radius: 24px;
            border: 1px solid var(--orders-border);
            box-shadow: var(--orders-shadow);
}
@media (max-width: 991.98px) {
body:has(.scp-orders-index) .card-body {
    padding: 1rem;
}

}
@media (max-width: 767.98px) {
body:has(.scp-orders-index) .card-actions .btn {
    width: 100%;
}
}
/* ── Dark mode overrides ─────────────────────────────────── */
body:has(.scp-orders-index) [data-theme="dark"] {
    --orders-bg:          #0f172a;

            --orders-border:      rgba(148, 163, 184, 0.12);
            --orders-text:        #e2e8f0;
            --orders-muted:       #94a3b8;
            --orders-shadow:      0 24px 60px rgba(0, 0, 0, 0.5);
            --orders-soft-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
}
body:has(.scp-orders-index) [data-theme="dark"] body {
    background:
                radial-gradient(circle at top left,  rgba(15, 98, 254, 0.06), transparent 30%),
                radial-gradient(circle at top right, rgba(20, 184, 166, 0.06), transparent 24%),
                linear-gradient(180deg, #0f172a 0%, #0f172a 100%);
}
body:has(.scp-orders-index) [data-theme="dark"] .summary-pill {
    background: rgba(148, 163, 184, 0.1);
            border-color: rgba(148, 163, 184, 0.15);
            color: #cbd5e1;
}
body:has(.scp-orders-index) [data-theme="dark"] #dt-overlay {
    background: rgba(15, 23, 42, 0.82);
}
body:has(.scp-orders-index) [data-theme="dark"] .term-pill {
    background: rgba(148, 163, 184, 0.08);
            color: #94a3b8;
}
body:has(.scp-orders-index) [data-theme="dark"] .status-chip.is-success {
    color: #34d399;
}
body:has(.scp-orders-index) [data-theme="dark"] .status-chip.is-warning {
    color: #fb923c;
}
body:has(.scp-orders-index) [data-theme="dark"] .status-chip.is-danger {
    color: #f87171;
}
body:has(.scp-orders-index) [data-theme="dark"] .status-chip.is-info {
    color: #60a5fa;
}
body:has(.scp-orders-index) [data-theme="dark"] .status-chip.is-muted {
    color: #94a3b8;
}
body:has(.scp-orders-index) [data-theme="dark"] .page-item .page-link {
    color: #94a3b8;
            background: transparent;
}
body:has(.scp-orders-index) [data-theme="dark"] .select2-dropdown {
    background: #1e293b;
            border-color: rgba(148, 163, 184, 0.2);
            color: #e2e8f0;
}
body:has(.scp-orders-index) [data-theme="dark"] .select2-container .select2-selection--single {
    background: #1e293b;
            border-color: rgba(148, 163, 184, 0.2);
}
body:has(.scp-orders-index) [data-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered {
    color: #e2e8f0;
}


/* ─── orders\indexDetail.blade.php [block 0] (scoped via .scp-orders-indexdetail) ─── */
body:has(.scp-orders-indexdetail) :root {
    --bg-surface:#f6f7fb;
      --card:#ffffff;
      --glass:rgba(255,255,255,.75);
      --border:rgba(15,23,42,.08);
      --muted:#6b7280;
      --title:#0f172a;
      --primary:#0d6efd;
      --radius:16px;
      --shadow:0 10px 28px rgba(2,6,23,.06), 0 2px 8px rgba(2,6,23,.05);
      --row-alt:#f8fafc;
      --row-hover:#eef2ff;
      --thead:#f1f5f9;
      --chip-bg:#eef2ff;
      --chip-text:#111827;
}
body:has(.scp-orders-indexdetail) {
    background:var(--bg-surface)
}
body:has(.scp-orders-indexdetail) .toolbar-glassy {
    backdrop-filter:saturate(1.2) blur(6px);
      background:linear-gradient(180deg, var(--glass) 0%, rgba(255,255,255,.65) 100%);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:8px 10px;
      position:sticky; top:72px; z-index:9;
}
body:has(.scp-orders-indexdetail) .title-wrap h1 {
    color:var(--title); letter-spacing:.2px
}
body:has(.scp-orders-indexdetail) .v-divider {
    width:1px; height:28px; background:var(--border); margin:0 12px
}
body:has(.scp-orders-indexdetail) .filters .form-label {
    font-size:.75rem; color:var(--muted); margin-bottom:.25rem
}
body:has(.scp-orders-indexdetail) .filters .form-select, body:has(.scp-orders-indexdetail) .filters .form-control {
    min-width:160px; font-size:.85rem
}
body:has(.scp-orders-indexdetail) .filters .btn-chip {
    border:1px dashed var(--border);
      background:var(--chip-bg); color:var(--chip-text);
      padding:.35rem .6rem; border-radius:999px; font-size:.75rem;
}
body:has(.scp-orders-indexdetail) .card-elev {
    background:var(--card); border:1px solid var(--border);
      border-radius:var(--radius); box-shadow:var(--shadow);
}
/* Order cards */
body:has(.scp-orders-indexdetail) .order-block {
    background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
      margin-bottom:1.25rem;
}
body:has(.scp-orders-indexdetail) .order-header {
    background:linear-gradient(135deg, #0d6efd 0%, #4f8ff7 100%);
      color:#fff;
      padding:.75rem 1rem;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:.5rem;
}
body:has(.scp-orders-indexdetail) .order-header .order-title {
    font-weight:700; font-size:.95rem;
}
body:has(.scp-orders-indexdetail) .order-header .order-meta {
    display:flex; flex-wrap:wrap; gap:.75rem;
      font-size:.78rem; opacity:.9;
}
body:has(.scp-orders-indexdetail) .order-header .order-meta span {
    display:inline-flex; align-items:center; gap:4px;
}
body:has(.scp-orders-indexdetail) .badge-count {
    background:rgba(255,255,255,.25);
      color:#fff;
      padding:.2rem .5rem;
      border-radius:999px;
      font-size:.7rem;
      font-weight:600;
}
body:has(.scp-orders-indexdetail) .empty-state {
    text-align:center; padding:3rem 1rem; color:var(--muted);
}
body:has(.scp-orders-indexdetail) .empty-state i {
    font-size:2.5rem; margin-bottom:.75rem; display:block; opacity:.4
}


/* ─── orders\salespaymentlist.blade.php [block 0] (scoped via .scp-orders-salespaymentlist) ─── */
/* Export button group styling */
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn {
    border-radius: 6px !important; font-weight: 500; font-size: 0.8rem;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons {
    display: flex; flex-wrap: wrap; gap: 4px;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-excel {
    background: #1D6F42; border-color: #1D6F42; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-excel:hover {
    background: #155232; border-color: #155232; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-csv {
    background: #0d6efd; border-color: #0d6efd; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-csv:hover {
    background: #0a58ca; border-color: #0a58ca; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-pdf {
    background: #dc3545; border-color: #dc3545; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-pdf:hover {
    background: #b02a37; border-color: #b02a37; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-copy {
    background: #6c757d; border-color: #6c757d; color: #fff;
}
body:has(.scp-orders-salespaymentlist) .dt-buttons .btn-copy:hover {
    background: #5c636a; border-color: #5c636a; color: #fff;
}
/* Filter card */
body:has(.scp-orders-salespaymentlist) .filter-card {
    background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 14px 18px; margin-bottom: 16px;
}
body:has(.scp-orders-salespaymentlist) .filter-card .form-label {
    font-size: 0.78rem; font-weight: 600; color: #5a5e6a; margin-bottom: 3px;
}
/* Select2 size tweak */
body:has(.scp-orders-salespaymentlist) .select2-container .select2-selection--single {
    height: 31px !important;
}
body:has(.scp-orders-salespaymentlist) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 29px !important; font-size: .875rem;
}
body:has(.scp-orders-salespaymentlist) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px !important;
}


/* ─── orders\salespaymentresettle.blade.php [block 0] (scoped via .scp-orders-salespaymentresettle) ─── */
body:has(.scp-orders-salespaymentresettle) .rs-card {
    border:0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.07)
}
body:has(.scp-orders-salespaymentresettle) .rs-header {
    padding:1rem 1.25rem;border-bottom:1px solid var(--bs-border-color,#e9ecef);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem
}
body:has(.scp-orders-salespaymentresettle) .rs-body {
    padding:1.1rem 1.25rem
}
body:has(.scp-orders-salespaymentresettle) .rs-totals {
    display:flex;align-items:center;gap:.5rem;flex-wrap:wrap
}
body:has(.scp-orders-salespaymentresettle) .rs-totals .tc {
    display:flex;align-items:center;gap:.3rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .6rem;font-size:.78rem
}
body:has(.scp-orders-salespaymentresettle) .rs-totals .tc .lbl {
    color:#64748b;font-weight:500
}
body:has(.scp-orders-salespaymentresettle) .rs-totals .tc .val {
    font-weight:700
}
body:has(.scp-orders-salespaymentresettle) .sep {
    width:1px;height:20px;background:#e2e8f0;display:inline-block
}
body:has(.scp-orders-salespaymentresettle) .extra-row-wrap {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem
}
body:has(.scp-orders-salespaymentresettle) .remove-this {
    cursor:pointer;font-size:1rem
}
body:has(.scp-orders-salespaymentresettle) .rs-body .form-label {
    margin-bottom:.2rem;font-size:.78rem;font-weight:600;color:#374151
}
body:has(.scp-orders-salespaymentresettle) .rs-body .form-control-sm, body:has(.scp-orders-salespaymentresettle) .rs-body .form-select-sm {
    font-size:.8rem
}
body:has(.scp-orders-salespaymentresettle) .required:after {
    content:" *";color:#dc2626
}
body:has(.scp-orders-salespaymentresettle) .old-row-badge {
    font-size:.7rem;padding:.15rem .45rem;border-radius:6px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;
}
body:has(.scp-orders-salespaymentresettle) .cash-helper {
    border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 100%);border-radius:12px;padding:.9rem 1.1rem
}
body:has(.scp-orders-salespaymentresettle) .cash-helper-title {
    font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#15803d;margin-bottom:.6rem
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat {
    min-width:130px;padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat .lbl {
    display:block;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat .val {
    display:block;margin-top:.15rem;font-size:1.15rem;font-weight:800;color:#0f172a
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat.change {
    border-color:#bbf7d0;background:#f0fdf4
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat.change .val {
    color:#059669
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat.short {
    border-color:#fecaca;background:#fff5f5
}
body:has(.scp-orders-salespaymentresettle) .cash-helper .helper-stat.short .val {
    color:#dc2626
}
body:has(.scp-orders-salespaymentresettle) .denom-row {
    display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem
}
body:has(.scp-orders-salespaymentresettle) .denom-chip {
    display:inline-block;padding:.18rem .52rem;border-radius:999px;border:1px solid #d1d5db;background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;user-select:none;transition:background .12s,border-color .12s
}
body:has(.scp-orders-salespaymentresettle) .denom-chip:hover {
    background:#dcfce7;border-color:#86efac;color:#15803d
}


/* ─── orders\show.blade.php [block 0] (scoped via .scp-orders-show) ─── */
/* reset page wrapper so sticky bar goes edge-to-edge */
body:has(.scp-orders-show) #kt_docs_content_container {
    max-width:100%!important;padding:0!important
}
body:has(.scp-orders-show) #kt_docs_content_container>.card {
    background:transparent!important;border:none!important;box-shadow:none!important;margin-bottom:0!important
}
body:has(.scp-orders-show) #kt_docs_content_container>.card>.card-body {
    padding:0!important
}
/* timeline stepper — no BS5 equivalent */
body:has(.scp-orders-show) .os-tl {
    display:flex;align-items:center;gap:1.25rem;position:relative;min-height:68px
}
body:has(.scp-orders-show) .os-tl::before {
    content:'';position:absolute;inset-inline:0;top:50%;height:3px;background:#dee2e6;transform:translateY(-50%);z-index:0;border-radius:3px
}
body:has(.scp-orders-show) .os-tp {
    position:absolute;left:0;top:50%;height:3px;background:#0d6efd;transform:translateY(-50%);z-index:0;border-radius:3px;transition:width .3s
}
body:has(.scp-orders-show) .os-ti {
    position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:68px
}
body:has(.scp-orders-show) .os-tb {
    width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid #dee2e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.62rem;font-weight:600;transition:.18s;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.07)
}
body:has(.scp-orders-show) .os-tb i {
    font-size:1rem
}
body:has(.scp-orders-show) .os-tb:not([disabled]):hover {
    border-color:#6ea8fe;transform:translateY(-2px)
}
body:has(.scp-orders-show) .os-tb.active {
    background:#0d6efd;color:#fff;border-color:#0d6efd;box-shadow:0 5px 14px rgba(13,110,253,.3)
}
body:has(.scp-orders-show) .os-tb.is-canceled.active, body:has(.scp-orders-show) .os-tb.is-cancelled.active {
    background:#dc3545;border-color:#dc3545
}
body:has(.scp-orders-show) .os-tb[disabled] {
    cursor:not-allowed
}


/* ─── orders\billwiseDebtor\detail.blade.php [block 0] (scoped via .scp-orders-billwisedebtor-detail) ─── */
body:has(.scp-orders-billwisedebtor-detail) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── overtime\index.blade.php [block 0] (scoped via .scp-overtime-index) ─── */
body:has(.scp-overtime-index) .err {
    border: 1px solid red;
}
body:has(.scp-overtime-index) .text-muted {
    font-size: 12px; color: red !important;
}
body:has(.scp-overtime-index) .navbar-custom-nav {
    background: #FFFFFF;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
        margin-top: 10px !important;
}
body:has(.scp-overtime-index) .navbar-custom-nav li {
    border-bottom: 1px solid #cfdbe2;
}
body:has(.scp-overtime-index) .required {
    color: red;
}
body:has(.scp-overtime-index) .color-tag.active {
    border-radius: 50%;
}
body:has(.scp-overtime-index) .color-tag {
    display: inline-block;
        width: 13px;
        height: 13px;
        margin: 2px 10px 0 0;
        transition: all 300ms ease;
}
body:has(.scp-overtime-index) .clickable {
    cursor: pointer;
}


/* ─── payroll\paid_salary_detail_modal.blade.php [block 0] (scoped via .scp-payroll-paid-salary-detail-modal) ─── */
@media print {
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-1, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-2, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-3, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-4, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-5, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-6, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-7, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-8, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-9, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-10, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-11, body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-12 {
    float: left;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-12 {
    width: 100%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-11 {
    width: 91.66666666666666%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-10 {
    width: 83.33333333333334%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-9 {
    width: 75%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-8 {
    width: 66.66666666666666%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-7 {
    width: 58.333333333333336%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-6 {
    width: 50%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-5 {
    width: 41.66666666666667%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-4 {
    width: 33.33333333333333%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-3 {
    width: 25%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-2 {
    width: 16.666666666666664%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .col-sm-1 {
    width: 8.333333333333332%;
}
body:has(.scp-payroll-paid-salary-detail-modal) .thumbnail {
    display: block;
                padding: 4px;
                margin-bottom: 20px;
                line-height: 1.42857143;
                background-color: #fff;
                border: 1px solid #ddd;
                border-radius: 4px;
                -webkit-transition: border .2s ease-in-out;
                -o-transition: border .2s ease-in-out;
                transition: border .2s ease-in-out;
}
body:has(.scp-payroll-paid-salary-detail-modal) .thumbnail a>img, body:has(.scp-payroll-paid-salary-detail-modal) .thumbnail>img {
    margin-right: auto;
                margin-left: auto;
}
body:has(.scp-payroll-paid-salary-detail-modal) .form-horizontal .form-label {
    padding-top: 7px;
                margin-bottom: 0;
                text-align: right;
}
body:has(.scp-payroll-paid-salary-detail-modal) .card-title {
    margin-top: 0;
                margin-bottom: 0;
                font-size: 16px;
                color: inherit;
}
body:has(.scp-payroll-paid-salary-detail-modal) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
                margin-bottom: 10px;
}
body:has(.scp-payroll-paid-salary-detail-modal) .card-header {
    padding: 10px 15px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
}
body:has(.scp-payroll-paid-salary-detail-modal) .card {
    margin-bottom: 20px;
                background-color: #fff;
                border: 1px solid transparent;
                border-radius: 4px;
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
                box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
body:has(.scp-payroll-paid-salary-detail-modal) .border-info {
    border-color: #bce8f1;
}
body:has(.scp-payroll-paid-salary-detail-modal) .border-info>.card-header {
    color: #31708f;
                background-color: #d9edf7;
                border-color: #bce8f1;
}

}


/* ─── payroll\salary_details.blade.php [block 0] (scoped via .scp-payroll-salary-details) ─── */
body:has(.scp-payroll-salary-details) :root {
    --salary-ink: #14213d;
      --salary-soft-ink: #516074;
      --salary-accent: #0f766e;
      --salary-accent-strong: #115e59;
      --salary-warm: #f59e0b;
      --salary-surface: #ffffff;
      --salary-surface-alt: #f7fafc;
      --salary-border: #dbe4ee;
      --salary-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
      --salary-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-payroll-salary-details) .salary-page {
    padding-bottom: 1.5rem;
      padding-inline: 0;
      font-size: .9rem;
}
body:has(.scp-payroll-salary-details) .salary-stage {
    margin-top: -16px;
      border-radius: 12px;
      background:
        radial-gradient(circle at top left, rgba(15, 118, 110, 0.14), transparent 34%),
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.12), transparent 26%),
        linear-gradient(180deg, #f8fbfd 0%, #f4f7fb 100%);
      padding: .4rem;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
body:has(.scp-payroll-salary-details) .salary-hero {
    position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.75);
      border-radius: 18px;
      background:
        linear-gradient(135deg, rgba(20, 33, 61, 0.96) 0%, rgba(17, 94, 89, 0.94) 100%);
      color: #fff;
      padding: .6rem .9rem;
      box-shadow: var(--salary-shadow);
}
body:has(.scp-payroll-salary-details) .salary-badge {
    display: inline-flex;
      align-items: center;
      gap: .35rem;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.1);
      border-radius: 999px;
      padding: .22rem .55rem;
      font-size: .65rem;
      font-weight: 700;
      letter-spacing: .05em;
      text-transform: uppercase;
}
body:has(.scp-payroll-salary-details) .salary-fy-badge {
    display: inline-flex;
      align-items: center;
      gap: .32rem;
      border: 1px solid rgba(245, 158, 11, 0.45);
      background: rgba(245, 158, 11, 0.15);
      border-radius: 999px;
      padding: .22rem .55rem;
      font-size: .65rem;
      font-weight: 700;
      color: #fde68a;
      letter-spacing: .04em;
}
body:has(.scp-payroll-salary-details) .salary-hero-title {
    margin: .3rem 0 0;
      color: #fff;
      font-size: clamp(1rem, 1.4vw, 1.35rem);
      font-weight: 800;
      line-height: 1.15;
}
body:has(.scp-payroll-salary-details) .salary-hero-actions {
    display: flex;
      flex-wrap: wrap;
      gap: .4rem;
}
body:has(.scp-payroll-salary-details) .salary-hero-actions .btn {
    border-radius: 999px;
      padding-inline: .7rem;
      min-height: 1.9rem;
      font-size: .75rem;
}
body:has(.scp-payroll-salary-details) .salary-metric-grid {
    display: flex;
      gap: .45rem;
      flex-wrap: wrap;
}
body:has(.scp-payroll-salary-details) .salary-metric {
    position: relative;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(12px);
      padding: .38rem .6rem;
      min-width: 72px;
      text-align: center;
}
body:has(.scp-payroll-salary-details) .salary-metric-label {
    color: rgba(255, 255, 255, 0.65);
      font-size: .6rem;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
}
body:has(.scp-payroll-salary-details) .salary-metric-value {
    margin-top: .15rem;
      color: #fff;
      font-size: .95rem;
      font-weight: 800;
      line-height: 1;
}
body:has(.scp-payroll-salary-details) .salary-metric-hint {
    display: none;
}
body:has(.scp-payroll-salary-details) .salary-card {
    border: 1px solid rgba(219, 228, 238, 0.9);
      border-radius: 18px;
      background: var(--salary-surface);
      box-shadow: var(--salary-shadow-soft);
}
body:has(.scp-payroll-salary-details) .salary-control-card {
    margin-top: 1rem;
      padding: .8rem .9rem;
}
body:has(.scp-payroll-salary-details) .salary-control-grid {
    display: grid;
      grid-template-columns: minmax(160px, .65fr) minmax(220px, 1.1fr) minmax(160px, .55fr) minmax(230px, .9fr);
      gap: .8rem;
      align-items: end;
}
body:has(.scp-payroll-salary-details) .salary-label {
    display: block;
      margin-bottom: .35rem;
      color: var(--salary-ink);
      font-size: .67rem;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
}
body:has(.scp-payroll-salary-details) .salary-search-wrap {
    position: relative;
}
body:has(.scp-payroll-salary-details) .salary-search-wrap i {
    position: absolute;
      left: .8rem;
      top: 50%;
      transform: translateY(-50%);
      color: #7c8ca0;
      font-size: .82rem;
}
body:has(.scp-payroll-salary-details) .salary-search-input {
    padding-left: 2.25rem;
}
body:has(.scp-payroll-salary-details) .salary-count-card, body:has(.scp-payroll-salary-details) .salary-note-card {
    height: 100%;
      border-radius: 14px;
      background: var(--salary-surface-alt);
      border: 1px solid var(--salary-border);
      padding: .75rem .85rem;
}
body:has(.scp-payroll-salary-details) .salary-count-number {
    color: var(--salary-ink);
      font-size: 1.12rem;
      font-weight: 800;
      line-height: 1;
}
body:has(.scp-payroll-salary-details) .salary-count-copy {
    color: var(--salary-soft-ink);
      font-size: .78rem;
      margin-top: .3rem;
}
body:has(.scp-payroll-salary-details) .salary-note-card {
    background: linear-gradient(135deg, #fffaf0 0%, #fff 100%);
      border-color: #f5d7a1;
      color: #92400e;
}
body:has(.scp-payroll-salary-details) .salary-note-card a {
    color: #9a3412;
}
body:has(.scp-payroll-salary-details) .salary-workspace {
    margin-top: .85rem;
      overflow: hidden;
}
body:has(.scp-payroll-salary-details) .salary-workspace-head {
    display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: .8rem;
      padding: .9rem 1rem .8rem;
      border-bottom: 1px solid var(--salary-border);
      background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
body:has(.scp-payroll-salary-details) .salary-workspace-title {
    margin: 0;
      color: var(--salary-ink);
      font-size: .96rem;
      font-weight: 800;
}
body:has(.scp-payroll-salary-details) .salary-workspace-copy {
    margin: .3rem 0 0;
      color: var(--salary-soft-ink);
      font-size: .82rem;
      line-height: 1.45;
}
body:has(.scp-payroll-salary-details) .salary-chip-row {
    display: flex;
      flex-wrap: wrap;
      gap: .45rem;
}
body:has(.scp-payroll-salary-details) .salary-chip {
    display: inline-flex;
      align-items: center;
      gap: .35rem;
      padding: .32rem .58rem;
      border-radius: 999px;
      background: #edf6ff;
      color: #1d4ed8;
      font-size: .68rem;
      font-weight: 700;
}
body:has(.scp-payroll-salary-details) .salary-row {
    transition: background-color .12s ease;
}
body:has(.scp-payroll-salary-details) .salary-row.is-missing-template {
    background-color: #fff8e1 !important;
}
body:has(.scp-payroll-salary-details) .salary-row.is-missing-template:hover {
    background-color: #fde68a !important;
}
body:has(.scp-payroll-salary-details) .salary-user-card {
    min-width: 180px;
}
body:has(.scp-payroll-salary-details) .salary-user-name {
    color: #0f172a;
      font-size: .82rem;
      font-weight: 800;
      line-height: 1.2;
}
body:has(.scp-payroll-salary-details) .salary-user-meta, body:has(.scp-payroll-salary-details) .salary-project-meta {
    margin-top: .24rem;
      color: #6b7280;
      font-size: .72rem;
      line-height: 1.4;
}
body:has(.scp-payroll-salary-details) .salary-project-name {
    color: #1f2937;
      font-size: .8rem;
      font-weight: 700;
}
body:has(.scp-payroll-salary-details) .salary-row .form-control, body:has(.scp-payroll-salary-details) .salary-row .form-select {
    min-height: 1.72rem;
      border-radius: 0;
      border: 1px solid transparent;
      font-size: .78rem;
      padding: .14rem .32rem;
      background: transparent;
      box-shadow: none;
      width: 100%;
}
body:has(.scp-payroll-salary-details) .salary-row .form-select {
    padding-right: 1.5rem;
}
body:has(.scp-payroll-salary-details) .salary-row .form-control:focus, body:has(.scp-payroll-salary-details) .salary-row .form-select:focus {
    border: 2px solid #217346;
      background: #fffde7;
      box-shadow: none;
      position: relative;
      z-index: 1;
}
body:has(.scp-payroll-salary-details) .salary-row .form-select, body:has(.scp-payroll-salary-details) .salary-row .form-control.text-end {
    min-width: 82px;
}
body:has(.scp-payroll-salary-details) .salary-search-input {
    padding-left: 2.25rem;
      border-radius: 8px;
      border-color: #cfdae6;
}
body:has(.scp-payroll-salary-details) .salary-search-input:focus {
    border-color: #76b4ac;
      box-shadow: 0 0 0 .22rem rgba(15, 118, 110, 0.12);
}
body:has(.scp-payroll-salary-details) .salary-status-pill {
    display: inline-flex;
      align-items: center;
      gap: .35rem;
      border-radius: 999px;
      padding: .24rem .52rem;
      font-size: .63rem;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
}
body:has(.scp-payroll-salary-details) .salary-status-pill.ready {
    background: #e7f8f1;
      color: #0f766e;
}
body:has(.scp-payroll-salary-details) .salary-status-pill.attention {
    background: #fff4dd;
      color: #b45309;
}
body:has(.scp-payroll-salary-details) .salary-bottom-bar {
    position: sticky;
      bottom: 10px;
      z-index: 5;
      margin-top: 1rem;
      border: 1px solid rgba(219, 228, 238, 0.95);
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(16px);
      box-shadow: 0 18px 35px rgba(15, 23, 42, 0.08);
      padding: .75rem .9rem;
}
body:has(.scp-payroll-salary-details) .salary-bottom-copy {
    color: var(--salary-soft-ink);
      font-size: .78rem;
      line-height: 1.45;
}
body:has(.scp-payroll-salary-details) .salary-empty {
    padding: 3rem 1.25rem;
      text-align: center;
}
body:has(.scp-payroll-salary-details) .salary-empty-orb {
    display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 62px;
      height: 62px;
      border-radius: 18px;
      background: linear-gradient(135deg, #e0f2fe 0%, #ecfdf5 100%);
      color: var(--salary-accent-strong);
      font-size: 1.4rem;
      margin-bottom: 1rem;
}
body:has(.scp-payroll-salary-details) .salary-empty h3 {
    margin-bottom: .45rem;
      color: var(--salary-ink);
      font-size: 1rem;
      font-weight: 800;
}
body:has(.scp-payroll-salary-details) .salary-empty p {
    max-width: 460px;
      margin: 0 auto;
      color: var(--salary-soft-ink);
      line-height: 1.5;
}
@media (max-width: 1199.98px) {
body:has(.scp-payroll-salary-details) .salary-control-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-payroll-salary-details) .salary-workspace-head {
    flex-direction: column;
}

}
@media (max-width: 991.98px) {
body:has(.scp-payroll-salary-details) .salary-stage {
    border-radius: 8px;
        padding: .3rem;
}
body:has(.scp-payroll-salary-details) .salary-hero {
    padding: 1rem;
        border-radius: 16px;
}
body:has(.scp-payroll-salary-details) .salary-hero-actions .btn, body:has(.scp-payroll-salary-details) .salary-bottom-bar .btn {
    width: 100%;
}
body:has(.scp-payroll-salary-details) .salary-bottom-bar {
    position: static;
}

}
@media print {
body:has(.scp-payroll-salary-details) .noprint {
    display: none !important;
}
body:has(.scp-payroll-salary-details) .salary-stage, body:has(.scp-payroll-salary-details) .salary-hero, body:has(.scp-payroll-salary-details) .salary-card, body:has(.scp-payroll-salary-details) .salary-bottom-bar {
    box-shadow: none !important;
        background: #fff !important;
}

}
/* ── Frozen columns: No. + Employee ────────────────────────── */
/* Per-state backgrounds for sticky Employee column */
/* ─── payroll\unpaid_salary_detail_modal.blade.php [block 0] (scoped via .scp-payroll-unpaid-salary-detail-modal) ─── */
@media print {
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-1, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-2, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-3, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-4, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-5, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-6, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-7, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-8, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-9, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-10, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-11, body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-12 {
    float: left;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-12 {
    width: 100%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-11 {
    width: 91.66666666666666%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-10 {
    width: 83.33333333333334%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-9 {
    width: 75%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-8 {
    width: 66.66666666666666%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-7 {
    width: 58.333333333333336%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-6 {
    width: 50%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-5 {
    width: 41.66666666666667%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-4 {
    width: 33.33333333333333%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-3 {
    width: 25%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-2 {
    width: 16.666666666666664%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .col-sm-1 {
    width: 8.333333333333332%;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .thumbnail {
    display: block;
                padding: 4px;
                margin-bottom: 20px;
                line-height: 1.42857143;
                background-color: #fff;
                border: 1px solid #ddd;
                border-radius: 4px;
                -webkit-transition: border .2s ease-in-out;
                -o-transition: border .2s ease-in-out;
                transition: border .2s ease-in-out;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .thumbnail a>img, body:has(.scp-payroll-unpaid-salary-detail-modal) .thumbnail>img {
    margin-right: auto;
                margin-left: auto;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .form-horizontal .form-label {
    padding-top: 7px;
                margin-bottom: 0;
                text-align: right;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .card-title {
    margin-top: 0;
                margin-bottom: 0;
                font-size: 16px;
                color: inherit;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
                margin-bottom: 10px;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .card-header {
    padding: 10px 15px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .card {
    margin-bottom: 20px;
                background-color: #fff;
                border: 1px solid transparent;
                border-radius: 4px;
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
                box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .border-info {
    border-color: #bce8f1;
}
body:has(.scp-payroll-unpaid-salary-detail-modal) .border-info>.card-header {
    color: #31708f;
                background-color: #d9edf7;
                border-color: #bce8f1;
}

}


/* ─── payroll\employeeaward\index.blade.php [block 0] (scoped via .scp-payroll-employeeaward-index) ─── */
body:has(.scp-payroll-employeeaward-index) .award-ui {
    color: #213547;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-hero {
    background: linear-gradient(135deg, #123c69 0%, #2b6cb0 58%, #68a4ff 100%);
        border-radius: 20px;
        color: #fff;
        padding: 28px;
        box-shadow: 0 24px 50px rgba(18, 60, 105, 0.18);
        margin-bottom: 24px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-hero h2 {
    margin: 0 0 10px;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0.01em;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-hero p {
    max-width: 680px;
        margin: 0;
        color: rgba(255, 255, 255, 0.86);
        font-size: 14px;
        line-height: 1.7;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-actions {
    display: flex;
        justify-content: flex-end;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 18px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-filter {
    background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 14px;
        padding: 14px 16px;
        min-width: 240px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-filter label {
    display: block;
        color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 8px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-filter .form-control {
    height: 42px;
        border-radius: 10px;
        border: 0;
        box-shadow: none;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-trigger {
    border-radius: 12px;
        padding: 11px 20px;
        font-weight: 700;
        background: #fff;
        color: #123c69;
        border: 0;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14);
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-trigger:hover, body:has(.scp-payroll-employeeaward-index) .award-ui .award-trigger:focus {
    color: #123c69;
        background: #f5f9ff;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-stat {
    background: #fff;
        border-radius: 18px;
        padding: 18px 20px;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
        border: 1px solid #e9eef5;
        height: 100%;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-stat .label {
    display: inline-block;
        padding: 5px 10px;
        border-radius: 999px;
        background: #edf4ff;
        color: #2b6cb0;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 12px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-stat h3 {
    margin: 0 0 8px;
        font-size: 28px;
        font-weight: 700;
        color: #102a43;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-stat p {
    margin: 0;
        color: #6b7a90;
        font-size: 13px;
        line-height: 1.7;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-card {
    background: #fff;
        border-radius: 20px;
        box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
        border: 1px solid #e8edf5;
        overflow: hidden;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-card-head {
    padding: 22px 24px 14px;
        border-bottom: 1px solid #edf2f7;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-card-head h3 {
    margin: 0 0 6px;
        font-size: 20px;
        font-weight: 700;
        color: #102a43;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-card-head p {
    margin: 0;
        color: #6b7a90;
        font-size: 13px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .employee-name {
    font-weight: 700;
        color: #102a43;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .employee-meta {
    display: block;
        margin-top: 4px;
        color: #7b8794;
        font-size: 12px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .money-chip, body:has(.scp-payroll-employeeaward-index) .award-ui .gift-chip, body:has(.scp-payroll-employeeaward-index) .award-ui .month-chip {
    display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .money-chip {
    background: #ecfdf3;
        color: #047857;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .gift-chip {
    background: #fff4dc;
        color: #b45309;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .month-chip {
    background: #eef4ff;
        color: #3057d5;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-date {
    font-weight: 700;
        color: #17324d;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-actions-cell {
    white-space: nowrap;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-icon-btn {
    width: 34px;
        height: 34px;
        border-radius: 10px;
        border: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 6px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-empty {
    padding: 44px 20px;
        text-align: center;
        color: #6b7a90;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-empty i {
    font-size: 36px;
        color: #2b6cb0;
        display: block;
        margin-bottom: 10px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-empty strong {
    display: block;
        font-size: 18px;
        color: #102a43;
        margin-bottom: 6px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .modal-content {
    border: 0;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 30px 70px rgba(15, 23, 42, 0.22);
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-modal-header {
    background: linear-gradient(135deg, #102a43 0%, #1f4e79 100%);
        color: #fff;
        padding: 22px 26px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-modal-header h4 {
    margin: 0 0 6px;
        font-size: 22px;
        font-weight: 700;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-modal-header p {
    margin: 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 13px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-modal-header .close {
    opacity: 1;
        color: #fff;
        text-shadow: none;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-form {
    padding: 24px 26px 10px;
        background: #fbfdff;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-field {
    margin-bottom: 18px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-field label {
    display: block;
        margin-bottom: 8px;
        font-size: 13px;
        font-weight: 700;
        color: #17324d;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-field .required {
    color: #dc2626;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-field .form-control, body:has(.scp-payroll-employeeaward-index) .award-ui .award-field .select2, body:has(.scp-payroll-employeeaward-index) .award-ui .award-field .select2-selection {
    border-radius: 12px !important;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-field .form-control, body:has(.scp-payroll-employeeaward-index) .award-ui .award-field select {
    height: 44px;
        border: 1px solid #d8e2ef;
        box-shadow: none;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-help {
    margin-top: 6px;
        font-size: 12px;
        color: #7b8794;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-submit {
    min-width: 130px;
        border-radius: 12px;
        font-weight: 700;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-cancel {
    min-width: 110px;
        border-radius: 12px;
}
@media (max-width: 767px) {
body:has(.scp-payroll-employeeaward-index) .award-ui .award-hero {
    padding: 22px 18px;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-actions {
    justify-content: stretch;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-filter, body:has(.scp-payroll-employeeaward-index) .award-ui .award-trigger {
    width: 100%;
}
body:has(.scp-payroll-employeeaward-index) .award-ui .award-card-head, body:has(.scp-payroll-employeeaward-index) .award-ui .award-form, body:has(.scp-payroll-employeeaward-index) .award-ui .award-modal-header {
    padding-left: 18px;
            padding-right: 18px;
}

}


/* ─── payroll\providentfund\index.blade.php [block 0] (scoped via .scp-payroll-providentfund-index) ─── */
body:has(.scp-payroll-providentfund-index) .err {
    border: 1px solid red;
}
body:has(.scp-payroll-providentfund-index) .text-muted {
    font-size: 12px; color: red !important;
}
body:has(.scp-payroll-providentfund-index) .navbar-custom-nav {
    background: #FFFFFF;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
        margin-top: 10px !important;
}
body:has(.scp-payroll-providentfund-index) .navbar-custom-nav li {
    border-bottom: 1px solid #cfdbe2;
}
body:has(.scp-payroll-providentfund-index) .required {
    color: red;
}
body:has(.scp-payroll-providentfund-index) .color-tag.active {
    border-radius: 50%;
}
body:has(.scp-payroll-providentfund-index) .color-tag {
    display: inline-block;
        width: 13px;
        height: 13px;
        margin: 2px 10px 0 0;
        transition: all 300ms ease;
}
body:has(.scp-payroll-providentfund-index) .clickable {
    cursor: pointer;
}


/* ─── payroll\reports\monthlyreport.blade.php [block 0] (scoped via .scp-payroll-reports-monthlyreport) ─── */
body:has(.scp-payroll-reports-monthlyreport) select {
    width:200px !important;
}


/* ─── payroll\salary_template\index.blade.php [block 0] (scoped via .scp-payroll-salary-template-index) ─── */
/* ── Stat chips ── */
body:has(.scp-payroll-salary-template-index) .st-stat {
    display:flex; align-items:center; gap:.75rem; padding:.75rem 1rem; border-radius:.75rem; background:#f8f9fb; border:1px solid rgba(0,0,0,.07);
}
body:has(.scp-payroll-salary-template-index) .st-stat-icon {
    width:2.5rem; height:2.5rem; border-radius:.5rem; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0;
}
body:has(.scp-payroll-salary-template-index) .st-stat-val {
    font-size:1.25rem; font-weight:700; line-height:1;
}
body:has(.scp-payroll-salary-template-index) .st-stat-lbl {
    font-size:.75rem; color:#6b7280; margin-top:.1rem;
}
/* ── Main card ── */
body:has(.scp-payroll-salary-template-index) .st-card {
    background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:.875rem; box-shadow:0 2px 12px rgba(2,6,23,.06);
}
/* ── Excel-like sheet table ── */
body:has(.scp-payroll-salary-template-index) .excel-wrap {
    border:1px solid #9db89d; border-radius:.9rem; overflow:hidden; background:#f3f8f1; box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 8px 22px rgba(15,23,42,.06);
}
body:has(.scp-payroll-salary-template-index) .excel-toolbar {
    display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem .9rem; border-bottom:1px solid #c9dbc8; background:linear-gradient(180deg, #edf6eb 0%, #dfeedd 100%);
}
body:has(.scp-payroll-salary-template-index) .excel-tab {
    display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .7rem; border:1px solid #b6cfb4; border-radius:.55rem .55rem 0 0; background:#fff; color:#1f5f3b; font-size:.78rem; font-weight:700; box-shadow:0 -1px 0 rgba(255,255,255,.7) inset;
}
body:has(.scp-payroll-salary-template-index) .excel-hint {
    color:#53735c; font-size:.76rem;
}
body:has(.scp-payroll-salary-template-index) .excel-scroll {
    overflow:auto; background:
            linear-gradient(#edf6eb, #edf6eb) 0 0 / 100% 38px no-repeat,
            #fff;
}
body:has(.scp-payroll-salary-template-index) .excel-cell-soft {
    display:inline-flex; align-items:center; min-height:28px; padding:0 .15rem;
}
body:has(.scp-payroll-salary-template-index) .action-chip {
    display:inline-flex; align-items:center; gap:.3rem; padding:.28rem .5rem; margin-right:.35rem;
            border:1px solid #d6e4d3; border-radius:.45rem; background:#fff; color:#35523c; text-decoration:none;
            font-size:.74rem; line-height:1; transition:background .12s, border-color .12s, transform .08s;
}
body:has(.scp-payroll-salary-template-index) .action-chip:last-child {
    margin-right:0;
}
body:has(.scp-payroll-salary-template-index) .action-chip:hover {
    background:#eef7ea; border-color:#aecaad; transform:translateY(-1px);
}
body:has(.scp-payroll-salary-template-index) .action-chip i {
    font-size:.86rem;
}
/* ── Modal form sections ── */
body:has(.scp-payroll-salary-template-index) .sec-block {
    border:1px solid rgba(0,0,0,.08); border-radius:.75rem; overflow:hidden; margin-bottom:1rem;
}
body:has(.scp-payroll-salary-template-index) .sec-block:last-child {
    margin-bottom:0;
}
body:has(.scp-payroll-salary-template-index) .sec-block .sec-hd {
    display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; background:#f8f9fb; border-bottom:1px solid rgba(0,0,0,.07); font-weight:600; font-size:.875rem;
}
body:has(.scp-payroll-salary-template-index) .sec-block .sec-hd .sec-ico {
    width:1.75rem; height:1.75rem; border-radius:.375rem; display:flex; align-items:center; justify-content:center; font-size:.85rem; flex-shrink:0;
}
body:has(.scp-payroll-salary-template-index) .sec-block .sec-bd {
    padding:1rem;
}
/* ── Dynamic rows ── */
body:has(.scp-payroll-salary-template-index) .dyn-row {
    background:#f8f9fb; border:1px solid rgba(0,0,0,.07); border-radius:.5rem; padding:.65rem .75rem; margin-bottom:.4rem;
}
body:has(.scp-payroll-salary-template-index) .dyn-row:last-child {
    margin-bottom:0;
}
/* ── Summary sidebar ── */
body:has(.scp-payroll-salary-template-index) .sum-row {
    display:flex; justify-content:space-between; align-items:center; padding:.45rem 0; border-bottom:1px dashed #e5e7eb; font-size:.85rem;
}
body:has(.scp-payroll-salary-template-index) .sum-row:last-child {
    border-bottom:0;
}
body:has(.scp-payroll-salary-template-index) .sum-row.gross {
    border-top:2px solid #e5e7eb; padding-top:.7rem; margin-top:.2rem; font-weight:700; font-size:1rem;
}
body:has(.scp-payroll-salary-template-index) .sum-val {
    font-weight:600; font-variant-numeric:tabular-nums;
}
body:has(.scp-payroll-salary-template-index) .label-note {
    font-size:.74rem; line-height:1.45; color:#6b7280;
}
body:has(.scp-payroll-salary-template-index) .label-status {
    min-height:1.1rem; font-size:.74rem; margin-top:.35rem;
}
body:has(.scp-payroll-salary-template-index) .label-status .badge {
    font-size:.68rem;
}
body:has(.scp-payroll-salary-template-index) .summary-alert {
    border:1px solid rgba(245,158,11,.35); background:#fffbeb; color:#92400e; border-radius:.75rem; padding:.85rem .95rem;
}
body:has(.scp-payroll-salary-template-index) .summary-alert strong {
    color:#78350f;
}
body:has(.scp-payroll-salary-template-index) .btn-sm {
    padding:.2rem .5rem; font-size:.78rem; border-radius:.4rem;
}
body:has(.scp-payroll-salary-template-index) .action-icon {
    display:inline-flex; align-items:center; justify-content:center; padding:0; background:transparent !important; border:none !important; box-shadow:none !important; cursor:pointer; text-decoration:none; color:inherit;
}
body:has(.scp-payroll-salary-template-index) .text-muted2 {
    color:#6b7280;
}
/* larger scrollable modal */
body:has(.scp-payroll-salary-template-index) #modal_st_form .modal-dialog {
    max-width:min(1320px, 96vw);
}
body:has(.scp-payroll-salary-template-index) #modal_st_form .modal-body {
    max-height:calc(100vh - 200px); overflow-y:auto;
}
@media print {
body:has(.scp-payroll-salary-template-index) .noprint {
    display:none !important;
}

}


/* ─── payrollhead\create.blade.php [block 0] (scoped via .scp-payrollhead-create) ─── */
body:has(.scp-payrollhead-create) span.select2.select2-container {
    width: 100% !important;
}


/* ─── payrollhead\edit.blade.php [block 0] (scoped via .scp-payrollhead-edit) ─── */
body:has(.scp-payrollhead-edit) span.select2.select2-container {
    width: 100% !important;
}


/* ─── payrolllist\create.blade.php [block 0] (scoped via .scp-payrolllist-create) ─── */
/* Table grid */
body:has(.scp-payrolllist-create) #DataTables {
    border-collapse: collapse; width: 100%; font-size: 12px;
}
body:has(.scp-payrolllist-create) #DataTables input.form-control {
    border: none; border-radius: 0; background: transparent; padding: 6px 8px; font-size: 12px; height: auto; min-height: 32px; text-align: right; box-shadow: none; width: 100%; color: #333;
}
body:has(.scp-payrolllist-create) #DataTables input.form-control:focus {
    background: #fff; box-shadow: inset 0 0 0 2px #0d6efd; outline: none;
}
body:has(.scp-payrolllist-create) #DataTables input[readonly] {
    background: #f5f5f5; color: #333; font-weight: 600;
}
body:has(.scp-payrolllist-create) #DataTables input[type="number"]::-webkit-outer-spin-button, body:has(.scp-payrolllist-create) #DataTables input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
body:has(.scp-payrolllist-create) #DataTables input[type="number"] {
    -moz-appearance: textfield;
}
body:has(.scp-payrolllist-create) .sticky-col {
    position: sticky; background: #fff; z-index: 2;
}
body:has(.scp-payrolllist-create) .sticky-serial {
    left: 0; min-width: 50px; text-align: center;
}
body:has(.scp-payrolllist-create) .sticky-empid {
    left: 50px; min-width: 70px; text-align: center;
}
body:has(.scp-payrolllist-create) .sticky-name {
    left: 120px; min-width: 180px;
}
body:has(.scp-payrolllist-create) #DataTables .changed {
    background: #fff9e6 !important; border-bottom: 2px solid #ffc107 !important;
}
body:has(.scp-payrolllist-create) #DataTables input.days {
    min-width: 80px; text-align: center !important;
}
/* Group header row */
/* SSF 31% " summary column (sum of components, not a separate deduction) */
/* Monthly salary column */
/* CTC column */
/* Taxable salary column */
/* Live chips */
body:has(.scp-payrolllist-create) .live-chip {
    display: inline-flex; align-items: center; gap: .3rem; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 999px; padding: .2rem .65rem; font-size: .78rem; font-weight: 700; color: #0369a1;
}
body:has(.scp-payrolllist-create) .live-chip.chip-green {
    background: #f0fdf4; border-color: #bbf7d0; color: #15803d;
}
/* Tfoot */
body:has(.scp-payrolllist-create) #debug-info {
    display: none;
}


/* ─── payrolllist\edit.blade.php [block 0] (scoped via .scp-payrolllist-edit) ─── */
/* ─── Column widths ──────────────────────────────────────────────────────── */
body:has(.scp-payrolllist-edit) :root {
    --col-sno: 50px; --col-empid: 80px; --col-name: 200px; --col-designation: 140px;
}
/* ─── Payroll table ──────────────────────────────────────────────────────── */
/* Sticky header */
/* Group header row */
/* Sticky left columns */
/* Inputs */
/* SSF 31% — summary column (sum of components, not a separate deduction) */
/* Monthly salary column */
/* CTC column */
/* Taxable salary column */
/* Sticky footer totals */
/* Scroll container */
body:has(.scp-payrolllist-edit) .payroll-scroll-container {
    overflow: auto; max-height: calc(100vh - 280px); min-height: 400px;
}
body:has(.scp-payrolllist-edit) .payroll-scroll-container::-webkit-scrollbar {
    height: 8px; width: 8px;
}
body:has(.scp-payrolllist-edit) .payroll-scroll-container::-webkit-scrollbar-track {
    background: #f1f5f9; border-radius: 4px;
}
body:has(.scp-payrolllist-edit) .payroll-scroll-container::-webkit-scrollbar-thumb {
    background: #cbd5e1; border-radius: 4px;
}
/* Scroll indicators */
body:has(.scp-payrolllist-edit) .payroll-scroll-container::before, body:has(.scp-payrolllist-edit) .payroll-scroll-container::after {
    content: ''; position: absolute; top: 0; bottom: 0; width: 20px; pointer-events: none; z-index: 20; opacity: 0; transition: opacity 0.3s ease;
}
body:has(.scp-payrolllist-edit) .payroll-scroll-container.can-scroll-left::before {
    left: calc(var(--col-sno) + var(--col-empid) + var(--col-name) + var(--col-designation)); background: linear-gradient(to right, rgba(0,0,0,0.06), transparent); opacity: 1;
}
body:has(.scp-payrolllist-edit) .payroll-scroll-container.can-scroll-right::after {
    right: 0; background: linear-gradient(to left, rgba(0,0,0,0.06), transparent); opacity: 1;
}
/* EMP badges */
body:has(.scp-payrolllist-edit) .emp-id-badge {
    display: inline-block; padding: 2px 6px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 5px; font-size: 11px; font-weight: 600; color: #2563eb;
}
body:has(.scp-payrolllist-edit) .emp-name {
    font-weight: 500;
}
body:has(.scp-payrolllist-edit) .emp-designation {
    font-size: 11px; color: #64748b;
}
/* Action buttons */
body:has(.scp-payrolllist-edit) .btn-action {
    width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: none; cursor: pointer;
}
body:has(.scp-payrolllist-edit) .btn-action-delete {
    background: #fef2f2; color: #dc2626;
}
body:has(.scp-payrolllist-edit) .btn-action-delete:hover {
    background: #fee2e2;
}
body:has(.scp-payrolllist-edit) .btn-action-mail {
    background: #ecfdf5; color: #059669;
}
body:has(.scp-payrolllist-edit) .btn-action-mail:hover {
    background: #d1fae5;
}
/* Live chips */
body:has(.scp-payrolllist-edit) .live-chip {
    display: inline-flex; align-items: center; gap: .3rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: .22rem .72rem; font-size: .8rem; font-weight: 700; color: #e2e8f0;
}
body:has(.scp-payrolllist-edit) .live-chip.chip-green {
    background: rgba(16,185,129,.18); border-color: rgba(16,185,129,.3); color: #6ee7b7;
}
/* Hide sidebar for full width */
body:has(.scp-payrolllist-edit) .main-sidebar, body:has(.scp-payrolllist-edit) .left-side, body:has(.scp-payrolllist-edit) .sidebar {
    display: none !important;
}
body:has(.scp-payrolllist-edit) .content-wrapper, body:has(.scp-payrolllist-edit) .right-side {
    margin-left: 0 !important;
}
body:has(.scp-payrolllist-edit) .main-header .navbar {
    margin-left: 0 !important;
}
body:has(.scp-payrolllist-edit) .main-header .logo {
    display: none !important;
}
/* Empty state */
body:has(.scp-payrolllist-edit) .empty-state {
    text-align: center; padding: 60px 20px; color: #64748b;
}
body:has(.scp-payrolllist-edit) .empty-state i {
    font-size: 48px; color: #cbd5e1; margin-bottom: 16px;
}
/* Voucher row */
body:has(.scp-payrolllist-edit) .file-upload-row {
    display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap;
}
body:has(.scp-payrolllist-edit) .btn-file-select {
    padding: 8px 16px; background: #f1f5f9; border: 1px dashed #cbd5e1; border-radius: 8px; cursor: pointer; font-size: 13px; color: #64748b; transition: all 0.2s ease;
}
body:has(.scp-payrolllist-edit) .btn-file-select:hover {
    background: #e2e8f0; border-color: #2563eb; color: #2563eb;
}
body:has(.scp-payrolllist-edit) .action-btns {
    display: flex; gap: 8px; justify-content: center;
}
/* Print */
body:has(.scp-payrolllist-edit) .show_print {
    display: none;
}
@media print {
}


/* ─── payrolllist\email.blade.php [block 0] (scoped via .scp-payrolllist-email) ─── */
body:has(.scp-payrolllist-email) {
    font-family: Arial, sans-serif; font-size: 14px; color: #333; margin: 0; padding: 0;
}
body:has(.scp-payrolllist-email) .container {
    max-width: 600px; margin: 30px auto; padding: 30px; border: 1px solid #e0e0e0; border-radius: 4px;
}
body:has(.scp-payrolllist-email) .header {
    border-bottom: 2px solid #2c3e50; padding-bottom: 12px; margin-bottom: 24px;
}
body:has(.scp-payrolllist-email) .header h2 {
    margin: 0; color: #2c3e50; font-size: 18px;
}
body:has(.scp-payrolllist-email) .footer {
    border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 14px; font-size: 12px; color: #777;
}


/* ─── payrolllist\index-approved.blade.php [block 0] (scoped via .scp-payrolllist-index-approved) ─── */
body:has(.scp-payrolllist-index-approved) :root {
    /* Brand & surfaces */
      --mn-bg: #0b1220;               /* page edge tone */
      --mn-card: #ffffff;             /* card base */
      --mn-ink: #1f2937;              /* body text */
      --mn-muted: #667085;            /* muted text */

      /* Accent */
      --mn-accent: #2563eb;
      --mn-accent-600:#1d4ed8;

      /* Sub-nav */
      --mn-nav-bg: linear-gradient(180deg,#0f172a 0%, #111827 100%);
      --mn-nav-ink: #e5e7eb;
      --mn-nav-ink-active: #ffffff;
      --mn-nav-pill: rgba(255,255,255,.08);
      --mn-nav-pill-active: #1d4ed8;

      /* Table */
      --mn-th-bg: #eef2ff;            /* indigo-50 */
      --mn-th-ink:#1e293b;
      --mn-row-alt:#fafafa;

      /* Cards */
      --mn-card-bd: 1px solid rgba(0,0,0,.08);
      --mn-card-br: 1rem;

      /* Dynamic sticky offsets (set by JS) */
      --mn-subnav-h: 56px;            /* fallback */
}
body:has(.scp-payrolllist-index-approved) {
    background: var(--mn-bg);
}
body:has(.scp-payrolllist-index-approved) .page-header {
    margin-top:-24px; margin-bottom: 16px;
}
body:has(.scp-payrolllist-index-approved) .heading-title {
    color:#f8fafc;
}
body:has(.scp-payrolllist-index-approved) .heading-sub {
    color:#cbd5e1;
}
body:has(.scp-payrolllist-index-approved) .card-soft {
    border:var(--mn-card-bd);
      border-radius:var(--mn-card-br);
      background:var(--mn-card);
      box-shadow: rgba(2,6,23,.06) 0 10px 28px;
}
body:has(.scp-payrolllist-index-approved) .card-soft .card-body {
    padding: 1rem;
}
/* ===== Sticky subnav (high contrast) ===== */
body:has(.scp-payrolllist-index-approved) .subnav {
    position: sticky; top: 0; z-index: 7;
      background: var(--mn-nav-bg);
      border-bottom: 1px solid rgba(255,255,255,.08);
      color: var(--mn-nav-ink);
      backdrop-filter: saturate(180%) blur(4px);
}
body:has(.scp-payrolllist-index-approved) .mn-tabs {
    display:flex; gap:.45rem; align-items:center;
      padding:.5rem .6rem .25rem; margin:0;
      white-space:nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width: thin;
}
body:has(.scp-payrolllist-index-approved) .mn-tabs .nav-link {
    display:inline-flex; align-items:center; gap:.5rem;
      padding:.65rem 1rem; border:0;
      color:var(--mn-nav-ink); font-weight:800; letter-spacing:.1px;
      border-radius:.8rem;
      transition: background .15s ease, color .15s ease, transform .06s ease;
}
body:has(.scp-payrolllist-index-approved) .mn-tabs .nav-link:hover {
    background: var(--mn-nav-pill); color:#fff; text-decoration:none;
}
body:has(.scp-payrolllist-index-approved) .mn-tabs .nav-link.active {
    color: var(--mn-nav-ink-active);
      background: var(--mn-nav-pill-active);
      box-shadow: inset 0 -2px 0 0 rgba(255,255,255,.25);
}
body:has(.scp-payrolllist-index-approved) .tab-badge {
    font-size:.72rem; font-weight:800; line-height:1;
      border-radius:999px; padding:.2rem .45rem;
      background:#fde68a; color:#7c2d12; /* amber badge */
}
/* ===== Table polish ===== */
body:has(.scp-payrolllist-index-approved) #DataTables {
    width:100%;
}
body:has(.scp-payrolllist-index-approved) .text-subtle {
    color: var(--mn-muted);
}
/* Status pill */
body:has(.scp-payrolllist-index-approved) .status-pill {
    font-size:.78rem; font-weight:800;
      padding:.28rem .6rem; border-radius:999px; letter-spacing:.2px;
}
/* ===== Actions: icon links only (no button chrome) ===== */
body:has(.scp-payrolllist-index-approved) .action-inline a {
    display:inline-flex; align-items:center; justify-content:center;
      padding:0; margin-right:.4rem;
      background: transparent !important; border: none !important; box-shadow: none !important;
      width:auto; height:auto; line-height:1; text-decoration:none;
      opacity:.9; transition: opacity .12s ease, transform .06s ease, color .12s ease;
}
body:has(.scp-payrolllist-index-approved) .action-inline a:last-child {
    margin-right:0;
}
body:has(.scp-payrolllist-index-approved) .action-inline a:hover {
    opacity:1; transform: translateY(-1px);
}
body:has(.scp-payrolllist-index-approved) .action-inline i {
    font-size:1rem;
}
body:has(.scp-payrolllist-index-approved) .text-link {
    display:inline-flex; align-items:center; gap:.4rem;
      font-weight:700; text-decoration:none; color: var(--mn-accent-600);
}
body:has(.scp-payrolllist-index-approved) .text-link:hover {
    text-decoration:underline; color: var(--mn-accent);
}
/* Legacy helpers kept if referenced elsewhere */
body:has(.scp-payrolllist-index-approved) .required {
    color: red;
}
body:has(.scp-payrolllist-index-approved) .show_print {
    display: none;
}
body:has(.scp-payrolllist-index-approved) .mr, body:has(.scp-payrolllist-index-approved) #DataTables_length {
    margin-right: 10px !important;
}
@media print {
body:has(.scp-payrolllist-index-approved) .subnav, body:has(.scp-payrolllist-index-approved) .header-cta, body:has(.scp-payrolllist-index-approved) .pagination {
    display:none !important;
}
body:has(.scp-payrolllist-index-approved) .card-soft {
    border:0 !important; box-shadow:none !important;
}
body:has(.scp-payrolllist-index-approved) .page-header {
    margin:0 0 8px 0;
}
body:has(.scp-payrolllist-index-approved) {
    background:#fff;
}

}


/* ─── payrolllist\index-pending.blade.php [block 0] (scoped via .scp-payrolllist-index-pending) ─── */
body:has(.scp-payrolllist-index-pending) :root {
    /* Brand & surfaces */
      --mn-bg: #0b1220;               /* page edge tone */
      --mn-card: #ffffff;             /* card base */
      --mn-ink: #1f2937;              /* body text */
      --mn-muted: #667085;            /* muted text */

      /* Accent */
      --mn-accent: #2563eb;           /* primary */
      --mn-accent-600:#1d4ed8;

      /* Sub-nav */
      --mn-nav-bg: linear-gradient(180deg,#0f172a 0%, #111827 100%);
      --mn-nav-ink: #e5e7eb;
      --mn-nav-ink-active: #ffffff;
      --mn-nav-pill: rgba(255,255,255,.08);
      --mn-nav-pill-active: #1d4ed8;

      /* Table */
      --mn-th-bg: #eef2ff;            /* indigo-50 */
      --mn-th-ink:#1e293b;
      --mn-row-alt:#fafafa;

      /* Cards */
      --mn-card-bd: 1px solid rgba(0,0,0,.08);
      --mn-card-br: 1rem;

      /* Dynamic sticky offsets (set by JS) */
      --mn-subnav-h: 56px;            /* fallback */
}
/* Page backdrop */
body:has(.scp-payrolllist-index-pending) {
    background: var(--mn-bg);
}
/* Header */
body:has(.scp-payrolllist-index-pending) .page-header {
    margin-top:-24px; margin-bottom: 16px;
}
body:has(.scp-payrolllist-index-pending) .heading-title {
    color:#f8fafc;
}
body:has(.scp-payrolllist-index-pending) .heading-sub {
    color:#cbd5e1;
}
/* Card */
body:has(.scp-payrolllist-index-pending) .card-soft {
    border:var(--mn-card-bd);
      border-radius:var(--mn-card-br);
      background:var(--mn-card);
      box-shadow: rgba(2,6,23,.06) 0 10px 28px;
}
body:has(.scp-payrolllist-index-pending) .card-soft .card-body {
    padding: 1rem;
}
/* ===== High-visibility sticky subnav ===== */
body:has(.scp-payrolllist-index-pending) .subnav {
    position: sticky; top: 0; z-index: 7;
      background: var(--mn-nav-bg);
      border-bottom: 1px solid rgba(255,255,255,.08);
      color: var(--mn-nav-ink);
      backdrop-filter: saturate(180%) blur(4px);
}
body:has(.scp-payrolllist-index-pending) .mn-tabs {
    display:flex; gap:.45rem; align-items:center;
      padding:.5rem .6rem .25rem; margin:0;
      white-space:nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width: thin;
}
body:has(.scp-payrolllist-index-pending) .mn-tabs .nav-link {
    display:inline-flex; align-items:center; gap:.5rem;
      padding:.65rem 1rem; border:0;
      color:var(--mn-nav-ink); font-weight:800; letter-spacing:.1px;
      border-radius:.8rem;
      transition: background .15s ease, color .15s ease, transform .06s ease;
}
body:has(.scp-payrolllist-index-pending) .mn-tabs .nav-link:hover {
    background: var(--mn-nav-pill); color:#fff; text-decoration:none;
}
body:has(.scp-payrolllist-index-pending) .mn-tabs .nav-link.active {
    color: var(--mn-nav-ink-active);
      background: var(--mn-nav-pill-active);
      box-shadow: inset 0 -2px 0 0 rgba(255,255,255,.25);
}
body:has(.scp-payrolllist-index-pending) .tab-badge {
    font-size:.72rem; font-weight:800; line-height:1;
      border-radius:999px; padding:.2rem .45rem;
      background:#fde68a; color:#7c2d12; /* amber badge */
}
/* Header CTA */
body:has(.scp-payrolllist-index-pending) .header-cta {
    display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
}
/* ===== Table polish ===== */
body:has(.scp-payrolllist-index-pending) #DataTables {
    width:100%;
}
body:has(.scp-payrolllist-index-pending) .text-subtle {
    color: var(--mn-muted);
}
/* Status pill */
body:has(.scp-payrolllist-index-pending) .status-pill {
    font-size:.78rem; font-weight:800;
      padding:.28rem .6rem; border-radius:999px; letter-spacing:.2px;
}
/* ===== Actions: icon links only (no button chrome) ===== */
body:has(.scp-payrolllist-index-pending) .action-inline a {
    display:inline-flex; align-items:center; justify-content:center;
      padding:0; margin-right:.4rem;
      background: transparent !important; border: none !important; box-shadow: none !important;
      width:auto; height:auto; line-height:1; text-decoration:none;
      opacity:.9; transition: opacity .12s ease, transform .06s ease, color .12s ease;
}
body:has(.scp-payrolllist-index-pending) .action-inline a:last-child {
    margin-right:0;
}
body:has(.scp-payrolllist-index-pending) .action-inline a:hover {
    opacity:1; transform: translateY(-1px);
}
body:has(.scp-payrolllist-index-pending) .action-inline i {
    font-size:1rem;
}
/* Review link (text + icon) */
body:has(.scp-payrolllist-index-pending) .text-link {
    display:inline-flex; align-items:center; gap:.4rem;
      font-weight:700; text-decoration:none; color: var(--mn-accent-600);
}
body:has(.scp-payrolllist-index-pending) .text-link:hover {
    text-decoration:underline; color: var(--mn-accent);
}
/* Old helpers preserved if referenced elsewhere */
body:has(.scp-payrolllist-index-pending) .required {
    color: red;
}
body:has(.scp-payrolllist-index-pending) .show_print {
    display: none;
}
body:has(.scp-payrolllist-index-pending) .mr, body:has(.scp-payrolllist-index-pending) #DataTables_length {
    margin-right: 10px !important;
}
/* Print */
@media print {
body:has(.scp-payrolllist-index-pending) .subnav, body:has(.scp-payrolllist-index-pending) .header-cta, body:has(.scp-payrolllist-index-pending) .pagination {
    display:none !important;
}
body:has(.scp-payrolllist-index-pending) .card-soft {
    border:0 !important; box-shadow:none !important;
}
body:has(.scp-payrolllist-index-pending) .page-header {
    margin:0 0 8px 0;
}
body:has(.scp-payrolllist-index-pending) {
    background:#fff;
}

}


/* ─── payrolllist\index.blade.php [block 0] (scoped via .scp-payrolllist-index) ─── */
/* Period cell two-line layout */
body:has(.scp-payrolllist-index) .col-period strong {
    display: block; font-size: 1rem; line-height: 1.2;
}
body:has(.scp-payrolllist-index) .col-period small {
    display: block; font-size: 0.75rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.03em;
}
body:has(.scp-payrolllist-index) .payroll-actions .dropdown-menu {
    min-width: 12rem;
}


/* ─── payrolllist\report.blade.php [block 0] (scoped via .scp-payrolllist-report) ─── */
body:has(.scp-payrolllist-report) .required {
    color: red;
}
body:has(.scp-payrolllist-report) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-payrolllist-report) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-payrolllist-report) .content-wrapper {
    min-height: 2070px !important;
}
body:has(.scp-payrolllist-report) .card {
    border-color: transparent;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
            border-radius: 10px;
}
@media print {
body:has(.scp-payrolllist-report) .noprint {
    display: none;
}

}


/* ─── payrolllist\show.blade.php [block 0] (scoped via .scp-payrolllist-show) ─── */
/* ── shell ── */
body:has(.scp-payrolllist-show) .main-sidebar, body:has(.scp-payrolllist-show) .left-side, body:has(.scp-payrolllist-show) .sidebar, body:has(.scp-payrolllist-show) .main-header .logo {
    display:none !important;
}
body:has(.scp-payrolllist-show) .content-wrapper, body:has(.scp-payrolllist-show) .right-side {
    margin-left:0 !important; background:#f1f5f9;
}
body:has(.scp-payrolllist-show) .main-header .navbar {
    margin-left:0 !important;
}
/* ── page header bar ── */
body:has(.scp-payrolllist-show) .pr-topbar {
    background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#0f766e 100%);
    color:#fff; padding:.85rem 1.25rem; border-radius:0 0 18px 18px; margin-bottom:1rem;
}
body:has(.scp-payrolllist-show) .pr-topbar .breadcrumb {
    margin:0; padding:0; background:none;
}
body:has(.scp-payrolllist-show) .pr-topbar .breadcrumb-item, body:has(.scp-payrolllist-show) .pr-topbar .breadcrumb-item a {
    color:rgba(255,255,255,.7); font-size:.75rem;
}
body:has(.scp-payrolllist-show) .pr-topbar .breadcrumb-item.active {
    color:rgba(255,255,255,.55);
}
body:has(.scp-payrolllist-show) .pr-topbar .breadcrumb-item+.breadcrumb-item::before {
    color:rgba(255,255,255,.4);
}
body:has(.scp-payrolllist-show) .pr-title {
    font-size:1.15rem; font-weight:700; margin:.15rem 0 0; letter-spacing:-.01em;
}
body:has(.scp-payrolllist-show) .pr-sub {
    font-size:.8rem; color:rgba(255,255,255,.7); margin:0;
}
/* ── stat cards ── */
body:has(.scp-payrolllist-show) .stat-card {
    border-radius:12px; padding:.65rem .9rem; border:1px solid transparent;
}
body:has(.scp-payrolllist-show) .stat-label {
    font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:#64748b; margin-bottom:.2rem;
}
body:has(.scp-payrolllist-show) .stat-value {
    font-size:1rem; font-weight:700; line-height:1.2;
}
body:has(.scp-payrolllist-show) .stat-note {
    font-size:.72rem; color:#94a3b8; margin-top:.1rem;
}
body:has(.scp-payrolllist-show) .st-blue {
    background:linear-gradient(180deg,#eff6ff,#dbeafe); border-color:#bfdbfe;
}
body:has(.scp-payrolllist-show) .st-green {
    background:linear-gradient(180deg,#f0fdf4,#dcfce7); border-color:#bbf7d0;
}
body:has(.scp-payrolllist-show) .st-red {
    background:linear-gradient(180deg,#fff5f5,#fee2e2); border-color:#fecaca;
}
body:has(.scp-payrolllist-show) .st-amber {
    background:linear-gradient(180deg,#fffbeb,#fef3c7); border-color:#fde68a;
}
body:has(.scp-payrolllist-show) .st-blue  .stat-value {
    color:#1d4ed8;
}
body:has(.scp-payrolllist-show) .st-green .stat-value {
    color:#15803d;
}
body:has(.scp-payrolllist-show) .st-red   .stat-value {
    color:#b91c1c;
}
body:has(.scp-payrolllist-show) .st-amber .stat-value {
    color:#92400e;
}
/* ── table card ── */
body:has(.scp-payrolllist-show) .tbl-card {
    border-radius:14px; overflow:hidden; border:1px solid #e2e8f0; background:#fff;
}
body:has(.scp-payrolllist-show) .tbl-hdr {
    padding:.6rem .9rem; background:linear-gradient(180deg,#fff,#f8fbfe); border-bottom:1px solid #e8eef5;
}
body:has(.scp-payrolllist-show) .legend-dot {
    display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:3px; vertical-align:middle;
}
/* ── scrollable wrapper ── */
body:has(.scp-payrolllist-show) .tbl-wrap {
    overflow:auto; max-height:calc(100vh - 310px); min-height:300px;
}
body:has(.scp-payrolllist-show) .tbl-wrap::-webkit-scrollbar {
    height:7px; width:7px;
}
body:has(.scp-payrolllist-show) .tbl-wrap::-webkit-scrollbar-track {
    background:#f1f5f9;
}
body:has(.scp-payrolllist-show) .tbl-wrap::-webkit-scrollbar-thumb {
    background:#cbd5e1; border-radius:4px;
}
/* ── table ── */
body:has(.scp-payrolllist-show) #PayrollTable {
    font-size:11px; white-space:nowrap; border-collapse:collapse; width:100%; margin:0;
}
/* group header */
/* col header */
/* group colours */
body:has(.scp-payrolllist-show) .grp-emp {
    background-color:#1e3a8a !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .grp-earn {
    background-color:#166534 !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .grp-ded {
    background-color:#991b1b !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .grp-net {
    background-color:#78350f !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .grp-act {
    background-color:#374151 !important; color:#fff !important;
}
/* col header colours */
body:has(.scp-payrolllist-show) .th-emp {
    background:#dbeafe !important; color:#1e3a8a !important;
}
body:has(.scp-payrolllist-show) .th-earn {
    background:#dcfce7 !important; color:#14532d !important;
}
body:has(.scp-payrolllist-show) .th-ded {
    background:#fee2e2 !important; color:#7f1d1d !important;
}
body:has(.scp-payrolllist-show) .th-net {
    background:#fef9c3 !important; color:#713f12 !important;
}
body:has(.scp-payrolllist-show) .th-act {
    background:#f1f5f9 !important; color:#374151 !important;
}
/* sticky columns — explicit opaque backgrounds for every row state */
body:has(.scp-payrolllist-show) .sc {
    position:sticky; z-index:4;
}
body:has(.scp-payrolllist-show) .sc-0 {
    left:0;     min-width:80px;  background-color:#fff;
}
body:has(.scp-payrolllist-show) .sc-1 {
    left:80px;  min-width:34px;  background-color:#fff;
}
body:has(.scp-payrolllist-show) .sc-2 {
    left:114px; min-width:58px;  background-color:#fff; font-weight:700; box-shadow:2px 0 4px rgba(0,0,0,.09);
}
body:has(.scp-payrolllist-show) .sc-3 {
    left:172px; min-width:120px; background-color:#fff; box-shadow:2px 0 4px rgba(0,0,0,.07);
}
/* emp-info / earnings separator */
body:has(.scp-payrolllist-show) .emp-boundary {
    border-right:2px solid #64748b !important;
}
/* data cells */
body:has(.scp-payrolllist-show) .td-earn {
    background-color:#f0fdf4; color:#166534;
}
body:has(.scp-payrolllist-show) .td-ded {
    background-color:#fff5f5; color:#991b1b;
}
body:has(.scp-payrolllist-show) .td-net {
    background-color:#fefce8; color:#78350f;
}
/* value spans */
body:has(.scp-payrolllist-show) .cv {
    display:inline-block; min-width:65px; text-align:right; font-variant-numeric:tabular-nums;
}
body:has(.scp-payrolllist-show) .cv-gross {
    color:#15803d; font-weight:700;
}
body:has(.scp-payrolllist-show) .cv-totded {
    color:#b91c1c; font-weight:700;
}
body:has(.scp-payrolllist-show) .cv-net {
    color:#92400e; font-weight:700;
}
/* totals row */
body:has(.scp-payrolllist-show) .tr-emp {
    background:#1e3a8a !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .tr-earn {
    background:#166534 !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .tr-ded {
    background:#991b1b !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .tr-net {
    background:#78350f !important; color:#fff !important;
}
body:has(.scp-payrolllist-show) .tr-blank {
    background:#374151 !important; color:#9ca3af !important;
}
/* action btns */
body:has(.scp-payrolllist-show) .act-btn {
    width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center;
           border-radius:6px; border:1px solid transparent; font-size:.8rem; cursor:pointer;
}
/* CTC column headers / cells */
body:has(.scp-payrolllist-show) .th-ctc {
    background:linear-gradient(180deg,#ede9fe,#ddd6fe) !important; color:#4c1d95 !important;
}
body:has(.scp-payrolllist-show) .td-ctc {
    background-color:#f5f3ff !important; color:#4c1d95;
}
/* Taxable & SSF-31 column headers / cells */
body:has(.scp-payrolllist-show) .th-taxable, body:has(.scp-payrolllist-show) .th-ssf31 {
    background:linear-gradient(180deg,#fef3c7,#fde68a) !important; color:#78350f !important;
}
body:has(.scp-payrolllist-show) .td-taxable {
    background-color:#fffbeb !important; color:#78350f;
}
@media print {
@page {
 size: landscape; margin: 8mm; 
}
body:has(.scp-payrolllist-show) .main-sidebar, body:has(.scp-payrolllist-show) .left-side, body:has(.scp-payrolllist-show) .sidebar, body:has(.scp-payrolllist-show) .main-header, body:has(.scp-payrolllist-show) .pr-topbar, body:has(.scp-payrolllist-show) .stat-card, body:has(.scp-payrolllist-show) .tbl-hdr .d-flex, body:has(.scp-payrolllist-show) .act-btn {
    display:none !important;
}
body:has(.scp-payrolllist-show) .content-wrapper, body:has(.scp-payrolllist-show) .right-side {
    margin:0 !important; background:#fff !important;
}
body:has(.scp-payrolllist-show) .tbl-card {
    border:none !important; border-radius:0 !important;
}
body:has(.scp-payrolllist-show) .tbl-wrap {
    overflow:visible !important; max-height:none !important;
}
body:has(.scp-payrolllist-show) #PayrollTable {
    font-size:8px !important;
}
body:has(.scp-payrolllist-show) .tbl-hdr {
    padding:4px 8px !important;
}
body:has(.scp-payrolllist-show) .px-3 {
    padding:0 !important;
}

}


/* ─── payrolllist\viewpayslip.blade.php [block 0] (scoped via .scp-payrolllist-viewpayslip) ─── */
body:has(.scp-payrolllist-viewpayslip) *, body:has(.scp-payrolllist-viewpayslip) *::before, body:has(.scp-payrolllist-viewpayslip) *::after {
    box-sizing: border-box; margin: 0; padding: 0;
}
body:has(.scp-payrolllist-viewpayslip) {
    font-size: 13px;
}
body:has(.scp-payrolllist-viewpayslip) {
    font-family: Arial, 'Segoe UI', sans-serif;
            background: #c8c8c8;
            color: #111;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 22px 16px 48px;
}
/* ── Toolbar ──────────────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .toolbar {
    width: 700px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
}
body:has(.scp-payrolllist-viewpayslip) .btn {
    display: inline-flex; align-items: center; gap: 5px;
            padding: 7px 18px; border-radius: 4px;
            font-size: 13px; font-family: inherit;
            cursor: pointer; text-decoration: none;
            border: 1px solid transparent; font-weight: 600;
}
body:has(.scp-payrolllist-viewpayslip) .btn-back {
    background: #fff; border-color: #aaa; color: #333;
}
body:has(.scp-payrolllist-viewpayslip) .btn-back:hover {
    background: #f0f0f0;
}
body:has(.scp-payrolllist-viewpayslip) .btn-print {
    background: #1e3a8a; color: #fff; border-color: #1e3a8a;
}
body:has(.scp-payrolllist-viewpayslip) .btn-print:hover {
    background: #1e40af;
}
/* ── Paper ────────────────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .paper {
    width: 700px;
            background: #fff;
            border: 1px solid #999;
            box-shadow: 0 4px 20px rgba(0,0,0,.22);
}
/* ── Company header ───────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .co-header {
    display: flex;
            align-items: center;
            padding: 16px 28px 14px;
            border-bottom: 2px solid #111;
            gap: 18px;
}
body:has(.scp-payrolllist-viewpayslip) .co-logo {
    height: 58px; width: auto; object-fit: contain;
}
body:has(.scp-payrolllist-viewpayslip) .co-text {
    flex: 1; text-align: center;
}
body:has(.scp-payrolllist-viewpayslip) .co-name {
    font-size: 19px; font-weight: 800; letter-spacing: .3px;
}
body:has(.scp-payrolllist-viewpayslip) .co-addr {
    font-size: 11px; color: #555; margin-top: 2px;
}
body:has(.scp-payrolllist-viewpayslip) .co-title {
    font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-top: 4px;
}
/* ── Employee section ─────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .emp-section {
    padding: 10px 24px 10px;
            border-bottom: 1px solid #999;
}
body:has(.scp-payrolllist-viewpayslip) .emp-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0 20px;
}
body:has(.scp-payrolllist-viewpayslip) .emp-field {
    display: flex;
            align-items: baseline;
            padding: 3px 0;
            font-size: 12.5px;
}
body:has(.scp-payrolllist-viewpayslip) .emp-lbl {
    font-weight: 700; min-width: 130px; flex-shrink: 0;
}
body:has(.scp-payrolllist-viewpayslip) .emp-val {
    color: #111;
}
body:has(.scp-payrolllist-viewpayslip) .emp-period {
    display: flex;
            gap: 36px;
            padding: 5px 0 2px;
            font-size: 12.5px;
            border-top: 1px dashed #ccc;
            margin-top: 4px;
}
body:has(.scp-payrolllist-viewpayslip) .emp-period span .lbl {
    font-weight: 700; margin-right: 4px;
}
body:has(.scp-payrolllist-viewpayslip) .emp-extra {
    margin-top: 5px;
            padding-top: 5px;
            border-top: 1px dashed #ccc;
            display: flex;
            flex-wrap: wrap;
            gap: 4px 32px;
            font-size: 11px;
            color: #555;
}
body:has(.scp-payrolllist-viewpayslip) .emp-extra span .x-lbl {
    font-weight: 600; margin-right: 3px;
}
/* ── Salary table ─────────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .th-earn {
    border-right: 2px solid #888 !important;
}
body:has(.scp-payrolllist-viewpayslip) .td-ea {
    /* earn label */
}
body:has(.scp-payrolllist-viewpayslip) .td-ev {
    text-align: right; border-right: 2px solid #888 !important; font-variant-numeric: tabular-nums;
}
body:has(.scp-payrolllist-viewpayslip) .td-dl {
    /* ded label */
}
body:has(.scp-payrolllist-viewpayslip) .td-dv {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-payrolllist-viewpayslip) .zero {
    color: #bbb !important;
}
/* total row */
body:has(.scp-payrolllist-viewpayslip) .row-total .td-ev, body:has(.scp-payrolllist-viewpayslip) .row-total .td-dv {
    font-size: 13px;
}
/* net payable */
body:has(.scp-payrolllist-viewpayslip) .row-net .td-ev, body:has(.scp-payrolllist-viewpayslip) .row-net .td-dv {
    font-size: 14px;
            letter-spacing: .3px;
            text-align: right;
}
/* ── Remarks ──────────────────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .remarks {
    padding: 7px 20px;
            font-size: 12px;
            color: #444;
            border-top: 1px solid #ccc;
}
/* ── Footer / signatures ──────────────────────────── */
body:has(.scp-payrolllist-viewpayslip) .ps-footer {
    border-top: 1px solid #ccc;
            padding: 32px 60px 18px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
}
body:has(.scp-payrolllist-viewpayslip) .sig-block {
    text-align: center; min-width: 140px;
}
body:has(.scp-payrolllist-viewpayslip) .sig-line {
    border-top: 1px solid #333;
            padding-top: 5px;
            margin-top: 38px;
            font-size: 11px;
            font-weight: 600;
            color: #333;
}
body:has(.scp-payrolllist-viewpayslip) .sig-sub {
    font-size: 10.5px; color: #555; margin-top: 2px;
}
body:has(.scp-payrolllist-viewpayslip) .gen-note {
    text-align: center; font-size: 10px; color: #999; align-self: center;
}
/* ── Print ────────────────────────────────────────── */
@media print {
@page {
 size: A4 portrait; margin: 12mm 10mm; 
}
body:has(.scp-payrolllist-viewpayslip) {
    font-size: 12px;
}
body:has(.scp-payrolllist-viewpayslip) {
    background: #fff !important; padding: 0; margin: 0; display: block;
}
body:has(.scp-payrolllist-viewpayslip) .toolbar {
    display: none !important;
}
body:has(.scp-payrolllist-viewpayslip) .paper {
    width: 100%; box-shadow: none; border: none;
}
}


/* ─── payrolllist\yearlyforcastreport.blade.php [block 0] (scoped via .scp-payrolllist-yearlyforcastreport) ─── */
body:has(.scp-payrolllist-yearlyforcastreport) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── payrolllist\yearlyreport-latest.blade.php [block 0] (scoped via .scp-payrolllist-yearlyreport-latest) ─── */
body:has(.scp-payrolllist-yearlyreport-latest) .required {
    color: red;
}
body:has(.scp-payrolllist-yearlyreport-latest) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-payrolllist-yearlyreport-latest) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-payrolllist-yearlyreport-latest) .content-wrapper {
    min-height: 2070px !important;
}
body:has(.scp-payrolllist-yearlyreport-latest) .card {
    border-color: transparent;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
            border-radius: 10px;
}
@media print {
body:has(.scp-payrolllist-yearlyreport-latest) .noprint {
    display: none;
}

}


/* ─── payrolllist\yearlyreport-pending.blade.php [block 0] (scoped via .scp-payrolllist-yearlyreport-pending) ─── */
body:has(.scp-payrolllist-yearlyreport-pending) .required {
    color: red;
}
body:has(.scp-payrolllist-yearlyreport-pending) .card-custom .card-header {
    border-bottom: 2px solid #1797be;
}
body:has(.scp-payrolllist-yearlyreport-pending) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-payrolllist-yearlyreport-pending) .content-wrapper {
    min-height: 2070px !important;
}
body:has(.scp-payrolllist-yearlyreport-pending) .card {
    border-color: transparent;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
            border-radius: 10px;
}
@media print {
body:has(.scp-payrolllist-yearlyreport-pending) .noprint {
    display: none;
}

}


/* ─── payrolllist\yearlyreport.blade.php [block 0] (scoped via .scp-payrolllist-yearlyreport) ─── */
body:has(.scp-payrolllist-yearlyreport) :root {
    --pr-navy:   #0f172a;
    --pr-blue:   #1e3a8a;
    --pr-blue2:  #1d4ed8;
    --pr-sky:    #0ea5e9;
    --pr-green:  #059669;
    --pr-red:    #dc2626;
    --pr-amber:  #d97706;
    --pr-bg:     #f1f5f9;
    --pr-card:   #ffffff;
    --pr-border: #e2e8f0;
    --pr-text:   #1e293b;
    --pr-muted:  #64748b;
    --pr-faint:  #94a3b8;
    --pr-r:      8px;
}
body:has(.scp-payrolllist-yearlyreport) * {
    box-sizing: border-box;
}
body:has(.scp-payrolllist-yearlyreport) {
    background: var(--pr-bg);
    color: var(--pr-text);
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
/* ── Page header ──────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-header {
    background: linear-gradient(135deg, #0f172a 0%, var(--pr-blue) 55%, #0c4a6e 100%);
    margin: -15px -15px 0;
    padding: 1rem 1.25rem 2.6rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}
body:has(.scp-payrolllist-yearlyreport) .yr-kicker {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .18rem .5rem;
    margin-bottom: .5rem;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.85);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body:has(.scp-payrolllist-yearlyreport) .yr-title {
    color: #fff; font-size: 1.2rem; font-weight: 700; margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-subtitle {
    color: rgba(255,255,255,.65); font-size: .78rem; margin: .2rem 0 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-meta {
    display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .65rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-chip {
    display: inline-flex; align-items: center; gap: .3rem;
    padding: .22rem .55rem; border-radius: 999px;
    background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14);
    color: #fff; font-size: .71rem; font-weight: 600;
}
body:has(.scp-payrolllist-yearlyreport) .yr-hdr-actions {
    display: flex; gap: .45rem; align-items: center; flex-wrap: wrap;
}
body:has(.scp-payrolllist-yearlyreport) .yr-hdr-btn {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .42rem .72rem; border-radius: 999px;
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18);
    color: #fff; font-size: .74rem; font-weight: 600;
    text-decoration: none; cursor: pointer; transition: background .15s;
}
body:has(.scp-payrolllist-yearlyreport) .yr-hdr-btn:hover {
    background: rgba(255,255,255,.22); color: #fff; text-decoration: none;
}
/* ── Filter card (overlaps header) ────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-filter {
    position: relative; z-index: 20;
    margin: -1.5rem .5rem .9rem;
    background: var(--pr-card);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(15,23,42,.14);
    border: 1px solid var(--pr-border);
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: .65rem 1rem .5rem;
    border-bottom: 1px solid var(--pr-border);
    gap: .5rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-title {
    font-size: .82rem; font-weight: 700; color: var(--pr-text);
    display: flex; align-items: center; gap: .35rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-title i {
    color: var(--pr-blue2);
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-hint {
    font-size: .72rem; color: var(--pr-muted);
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-body {
    padding: .75rem 1rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-filter-row {
    display: flex;
    gap: .65rem;
    align-items: flex-end;
    flex-wrap: wrap;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld {
    display: flex; flex-direction: column; gap: 3px;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld-fy {
    flex: 0 0 210px;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld-emp {
    flex: 1 1 260px;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld-acts {
    display: flex; gap: .4rem; align-items: flex-end; flex-shrink: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld label {
    font-size: .72rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .04em;
    color: var(--pr-muted); margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld label .req {
    color: var(--pr-red); margin-left: 2px;
}
/* native selects (fiscal year) */
body:has(.scp-payrolllist-yearlyreport) .yr-fld .form-select {
    height: 40px;
    border-radius: 8px;
    border: 1.5px solid var(--pr-border);
    font-size: .84rem;
    color: var(--pr-text);
    background-color: #fff;
    box-shadow: none;
    padding: 0 .65rem;
    transition: border-color .15s;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld .form-select:focus {
    border-color: var(--pr-blue2);
    box-shadow: 0 0 0 3px rgba(29,78,216,.1);
    outline: none;
}
/* ── Select2 overrides (employee field) ────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .select2-container {
    width: 100% !important;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple {
    min-height: 40px;
    border-radius: 8px !important;
    border: 1.5px solid var(--pr-border) !important;
    background: #fff;
    padding: 3px 6px 2px;
    cursor: text;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--pr-blue2) !important;
    box-shadow: 0 0 0 3px rgba(29,78,216,.1) !important;
    outline: none;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex; flex-wrap: wrap; gap: 3px; padding: 0;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 999px !important;
    border: 0 !important;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    font-size: .73rem;
    font-weight: 600;
    padding: 2px 8px 2px 6px !important;
    margin: 2px 0 !important;
    display: inline-flex; align-items: center; gap: 3px;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #1d4ed8 !important; font-size: .9rem; margin-right: 0 !important;
    order: 1;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-search--inline {
    margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin: 3px 0 0;
    font-size: .83rem;
    color: var(--pr-text);
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: var(--pr-faint);
}
body:has(.scp-payrolllist-yearlyreport) .select2-dropdown {
    border-radius: 10px !important;
    border-color: var(--pr-border) !important;
    box-shadow: 0 10px 32px rgba(15,23,42,.14) !important;
    overflow: hidden;
}
body:has(.scp-payrolllist-yearlyreport) .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 7px;
    border: 1.5px solid var(--pr-border);
    padding: .4rem .6rem;
    font-size: .84rem;
    margin: 6px;
    width: calc(100% - 12px);
}
body:has(.scp-payrolllist-yearlyreport) .select2-results__option {
    font-size: .84rem; padding: .38rem .75rem;
}
body:has(.scp-payrolllist-yearlyreport) .select2-results__option--highlighted {
    background: var(--pr-blue2) !important;
}
/* ── Action buttons ────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-btn {
    display: inline-flex; align-items: center; gap: .35rem;
    padding: 0 .85rem; height: 40px;
    font-size: .8rem; font-weight: 600;
    border-radius: 8px; border: 1.5px solid transparent;
    cursor: pointer; white-space: nowrap; text-decoration: none;
    transition: all .15s;
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn i {
    font-size: .78rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-primary {
    background: var(--pr-blue); color: #fff; border-color: var(--pr-blue);
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-primary:hover {
    background: var(--pr-blue2); border-color: var(--pr-blue2); color: #fff;
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-success {
    background: var(--pr-green); color: #fff; border-color: var(--pr-green);
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-success:hover {
    opacity: .9;
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-ghost {
    background: #fff; color: var(--pr-muted);
    border-color: var(--pr-border);
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-ghost:hover {
    background: var(--pr-bg); color: var(--pr-text);
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-print {
    background: #475569; color: #fff; border-color: #475569;
}
body:has(.scp-payrolllist-yearlyreport) .yr-btn-print:hover {
    background: #334155;
}
/* ── Content area ─────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-content {
    padding: 0 .5rem .5rem;
}
/* ── Employee report card ─────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-card {
    background: var(--pr-card);
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-r);
    margin-bottom: .75rem;
    overflow: hidden;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-hdr {
    display: flex; align-items: center; justify-content: space-between;
    padding: .6rem .85rem;
    background: var(--pr-bg);
    border-bottom: 1px solid var(--pr-border);
    gap: .5rem;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-name {
    font-size: .92rem; font-weight: 700; color: var(--pr-text); margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-sub {
    font-size: .72rem; color: var(--pr-muted); margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-body {
    padding: .65rem;
}
/* employee info row */
body:has(.scp-payrolllist-yearlyreport) .emp-bar {
    display: flex; flex-wrap: wrap; gap: .25rem .85rem;
    padding: .38rem .55rem;
    background: #f8fafc;
    border: 1px solid var(--pr-border);
    border-radius: 6px;
    margin-bottom: .55rem;
    font-size: .8rem;
}
body:has(.scp-payrolllist-yearlyreport) .emp-bar-item {
    display: flex; gap: .25rem;
}
body:has(.scp-payrolllist-yearlyreport) .emp-bar-lbl {
    color: var(--pr-faint);
}
body:has(.scp-payrolllist-yearlyreport) .emp-bar-val {
    font-weight: 600;
}
/* ── Data table ────────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .tbl-wrap {
    overflow-x: auto;
    border-radius: 6px;
    border: 1px solid var(--pr-border);
}
body:has(.scp-payrolllist-yearlyreport) .text-end {
    text-align: right !important;
}
body:has(.scp-payrolllist-yearlyreport) .text-center {
    text-align: center !important;
}
body:has(.scp-payrolllist-yearlyreport) .mono {
    font-family: 'SFMono-Regular', Consolas, monospace;
}
/* ── Summary grid ─────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .summ-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: .55rem;
}
body:has(.scp-payrolllist-yearlyreport) .summ-card {
    border: 1px solid var(--pr-border); border-radius: 6px; overflow: hidden;
}
body:has(.scp-payrolllist-yearlyreport) .summ-card-hdr {
    background: var(--pr-blue); color: #fff;
    padding: .32rem .55rem; font-weight: 700; font-size: .78rem; text-align: center;
}
body:has(.scp-payrolllist-yearlyreport) .summ-tbl {
    width: 100%; border-collapse: collapse; font-size: .75rem;
}
body:has(.scp-payrolllist-yearlyreport) .summ-tbl .indent {
    padding-left: .9rem; color: var(--pr-muted);
}
body:has(.scp-payrolllist-yearlyreport) .ok-txt {
    color: var(--pr-green);
}
body:has(.scp-payrolllist-yearlyreport) .bad-txt {
    color: var(--pr-red);
}
body:has(.scp-payrolllist-yearlyreport) .bdg {
    display: inline-flex; align-items: center;
    padding: .1rem .38rem; font-size: .67rem; font-weight: 700;
    border-radius: 999px; border: 1px solid;
}
body:has(.scp-payrolllist-yearlyreport) .bdg-ok {
    background: rgba(5,150,105,.09);  color: #047857; border-color: rgba(5,150,105,.25);
}
body:has(.scp-payrolllist-yearlyreport) .bdg-neu {
    background: rgba(100,116,139,.09); color: #475569; border-color: rgba(100,116,139,.25);
}
/* ── Remaining section ────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .rem-section {
    margin-top: .6rem; border: 1px solid var(--pr-border); border-radius: 6px; overflow: hidden;
}
body:has(.scp-payrolllist-yearlyreport) .rem-section h4 {
    margin: 0; padding: .38rem .6rem;
    font-size: .78rem; font-weight: 700;
    background: #f1f5f9; border-bottom: 1px solid var(--pr-border);
    color: var(--pr-text);
}
body:has(.scp-payrolllist-yearlyreport) .rem-grid {
    display: grid; grid-template-columns: repeat(4,1fr); gap: .45rem; padding: .55rem;
}
body:has(.scp-payrolllist-yearlyreport) .rem-item {
    border: 1px solid var(--pr-border); border-radius: 6px; padding: .45rem .5rem; background: #fff;
}
body:has(.scp-payrolllist-yearlyreport) .rem-lbl {
    font-size: .72rem; color: var(--pr-muted);
}
body:has(.scp-payrolllist-yearlyreport) .rem-val {
    font-size: 1rem; font-weight: 800; margin-top: .12rem; font-family: monospace;
}
/* ── Alert ────────────────────────────────────────────────── */
body:has(.scp-payrolllist-yearlyreport) .yr-alert {
    display: flex; align-items: center; gap: .5rem;
    padding: .6rem .8rem; border-radius: 8px;
    font-size: .78rem;
    background: rgba(217,119,6,.08); border: 1px solid rgba(217,119,6,.2); color: #92400e;
}
body:has(.scp-payrolllist-yearlyreport) .yr-alert svg {
    width: 16px; height: 16px; flex-shrink: 0;
}
@media (max-width: 768px) {
body:has(.scp-payrolllist-yearlyreport) .yr-fld-fy, body:has(.scp-payrolllist-yearlyreport) .yr-fld-emp {
    flex: 1 1 100%;
}
body:has(.scp-payrolllist-yearlyreport) .yr-fld-acts {
    width: 100%;
}
body:has(.scp-payrolllist-yearlyreport) .summ-row {
    grid-template-columns: 1fr;
}
body:has(.scp-payrolllist-yearlyreport) .rem-grid {
    grid-template-columns: 1fr 1fr;
}
body:has(.scp-payrolllist-yearlyreport) .yr-hdr-actions {
    width: 100%;
}

}
/* ── Print header (shown only when printing) ─────────────── */
body:has(.scp-payrolllist-yearlyreport) .print-header {
    display: none;
}
@media print {
body:has(.scp-payrolllist-yearlyreport) .noprint {
    display: none !important;
}
body:has(.scp-payrolllist-yearlyreport) {
    background: #fff; font-size: 8.5px; color: #000;
}
body:has(.scp-payrolllist-yearlyreport) .print-header {
    display: block;
      text-align: center;
      border-bottom: 2px solid #1e3a8a;
      padding-bottom: .4rem;
      margin-bottom: .6rem;
}
body:has(.scp-payrolllist-yearlyreport) .print-header h2 {
    font-size: 14px; font-weight: 800; color: #1e3a8a; margin: 0;
}
body:has(.scp-payrolllist-yearlyreport) .print-header p {
    font-size: 10px; color: #334155; margin: 2px 0 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-content {
    padding: 0;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card {
    box-shadow: none;
      border: 1px solid #94a3b8;
      margin-bottom: 1rem;
      page-break-inside: avoid;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-hdr {
    background: #e2e8f0 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-name {
    font-size: 10px;
}
body:has(.scp-payrolllist-yearlyreport) .yr-card-sub {
    font-size: 8px;
}
body:has(.scp-payrolllist-yearlyreport) .emp-bar {
    background: #f8fafc !important; -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
body:has(.scp-payrolllist-yearlyreport) .summ-row {
    grid-template-columns: 1fr 1fr; gap: .3rem; page-break-inside: avoid;
}
body:has(.scp-payrolllist-yearlyreport) .summ-card-hdr {
    background: #1e3a8a !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; font-size: 9px;
}
body:has(.scp-payrolllist-yearlyreport) .rem-section {
    page-break-inside: avoid;
}
body:has(.scp-payrolllist-yearlyreport) .rem-grid {
    grid-template-columns: repeat(4,1fr);
}
body:has(.scp-payrolllist-yearlyreport) .rem-val {
    font-size: 10px;
}
/* force page break between employee cards when printing all */
body:has(.scp-payrolllist-yearlyreport) .yr-card + .yr-card {
    page-break-before: auto;
}
@page {
 margin: 1cm 1.2cm; 
}

}


/* ─── payrolllist\partial\_loading_modal.blade.php [block 0] (scoped via .scp-payrolllist-partial--loading-modal) ─── */
/* Payroll loading modal styling */
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-content {
    border-radius: 14px;
        border: 0;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.35);
        background: radial-gradient(circle at top left, #0f172a 0, #020617 40%, #020617 100%);
        color: #e5e7eb;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-header {
    border-bottom: none;
        padding: 16px 18px 6px;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-title {
    font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #f9fafb;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-title-icon {
    width: 28px;
        height: 28px;
        border-radius: 999px;
        background: radial-gradient(circle at 30% 0%, #38bdf8, #0ea5e9);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #0b1120;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-body {
    padding: 10px 18px 12px;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-loading-modal .modal-footer {
    border-top: none;
        padding: 4px 18px 12px;
        font-size: 11px;
        color: #9ca3af;
        background: transparent;
}
/* Fake progress bar */
body:has(.scp-payrolllist-partial--loading-modal) .payroll-progress-shell {
    margin: 4px 0 10px;
        height: 6px;
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.85);
        overflow: hidden;
        position: relative;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-progress-bar {
    position: absolute;
        inset: 0;
        width: 0%;
        border-radius: inherit;
        background: linear-gradient(90deg, #22c55e, #eab308, #f97316);
        box-shadow: 0 0 10px rgba(52, 211, 153, 0.6);
        transition: width 0.6s ease-out;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-small-text {
    font-size: 11px;
        color: #9ca3af;
        margin-bottom: 6px;
}
/* Step list animation */
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps {
    list-style: none;
        padding-left: 0;
        margin: 0;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps li {
    display: flex;
        align-items: center;
        gap: 6px;
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 0.35s ease-out, transform 0.35s ease-out, background-color 0.25s;
        padding: 4px 6px;
        border-radius: 6px;
        font-size: 12px;
        color: #e5e7eb;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps li.step-visible {
    opacity: 1;
        transform: translateY(0);
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps li.step-active {
    background: rgba(15, 118, 110, 0.16);
        box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.25);
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps li .step-icon {
    width: 18px;
        text-align: center;
}
body:has(.scp-payrolllist-partial--loading-modal) .payroll-steps li.step-active .step-icon i {
    animation: pulseSpin 0.9s linear infinite;
}
@keyframes pulseSpin {

        0%   { transform: rotate(0deg) scale(1);   opacity: 0.7; }
        50%  { transform: rotate(180deg) scale(1.1); opacity: 1; }
        100% { transform: rotate(360deg) scale(1); opacity: 0.7; }
    
}


/* ─── payslip\show.blade.php [block 0] (scoped via .scp-payslip-show) ─── */
body:has(.scp-payslip-show) .box-comment {
    margin-bottom: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
}
body:has(.scp-payslip-show) .box-comment img {
    float: left;
            margin-right: 10px;
}
body:has(.scp-payslip-show) .username {
    font-weight: bold;
}
body:has(.scp-payslip-show) .comment-text span {
    display: block;
}
body:has(.scp-payslip-show) {
    line-height: 22px;
}


/* ─── permissions\edit.blade.php [block 0] (scoped via .scp-permissions-edit) ─── */
body:has(.scp-permissions-edit) .route-picker-toolbar {
    display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
}
body:has(.scp-permissions-edit) .route-picker-search {
    flex: 1 1 320px;
        max-width: 420px;
}
body:has(.scp-permissions-edit) .route-picker-actions {
    display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .75rem 1.5rem;
        color: #6c757d;
        font-size: .95rem;
}
body:has(.scp-permissions-edit) .route-picker-link {
    border: 0;
        background: transparent;
        color: #212529;
        padding: 0;
        font-weight: 500;
}
body:has(.scp-permissions-edit) .route-picker-link:hover {
    color: var(--bs-primary);
}
body:has(.scp-permissions-edit) .route-picker-count {
    font-size: .85rem;
        color: #98a2b3;
        min-width: 72px;
        text-align: right;
}
body:has(.scp-permissions-edit) .route-picker-results-count {
    font-size: .85rem;
        color: #98a2b3;
        min-width: 92px;
        text-align: right;
}
body:has(.scp-permissions-edit) .route-picker-modal-body {
    max-height: min(70vh, 720px);
        overflow-y: auto;
}
body:has(.scp-permissions-edit) .route-picker-empty {
    min-height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #98a2b3;
        font-size: .95rem;
}
body:has(.scp-permissions-edit) .route-picker-row-text {
    font-weight: 500;
        color: #1f2937;
        word-break: break-word;
}
@media (max-width: 767.98px) {
body:has(.scp-permissions-edit) .route-picker-toolbar {
    align-items: stretch;
}
body:has(.scp-permissions-edit) .route-picker-actions {
    justify-content: space-between;
}
body:has(.scp-permissions-edit) .route-picker-count {
    text-align: left;
            min-width: 0;
}
body:has(.scp-permissions-edit) .route-picker-results-count {
    text-align: left;
            min-width: 0;
}

}


/* ─── posreport\bank-cash-flow-summary.blade.php [block 0] (scoped via .scp-posreport-bank-cash-flow-summary) ─── */
body:has(.scp-posreport-bank-cash-flow-summary) .text-end-num {
    text-align: right; font-variant-numeric: tabular-nums;
}


/* ─── posreport\cashier-old.blade.php [block 0] (scoped via .scp-posreport-cashier-old) ─── */
body:has(.scp-posreport-cashier-old) .box-header {
    border-bottom: 1px solid #ffff !important;
            box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
            margin-top: 45px;
            border-radius: 12px !important;
}
body:has(.scp-posreport-cashier-old) .box {
    border-top: none !important;
            border-radius: 12px !important;
}
body:has(.scp-posreport-cashier-old) button.btn.btn-danger.btn-sm.dropdown-toggle {
    height: 22px;
}
body:has(.scp-posreport-cashier-old) .form-control {
    border-radius: 4px;
            box-shadow: none;
            border-color: #d2d6de;
}


/* ─── posreport\cashier.blade.php [block 0] (scoped via .scp-posreport-cashier) ─── */
body:has(.scp-posreport-cashier) .cashier-filter-bar {
    display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
}
body:has(.scp-posreport-cashier) .cashier-filter-pills {
    display: flex;
            flex-wrap: wrap;
            gap: 8px;
}
body:has(.scp-posreport-cashier) .cashier-filter-pill {
    display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 10px;
            border: 1px solid var(--bs-border-color);
            border-radius: 999px;
            background: var(--bs-body-bg);
            color: var(--bs-secondary-color);
            font-size: 12px;
            font-weight: 600;
}
body:has(.scp-posreport-cashier) .cashier-filter-pill strong {
    color: var(--bs-body-color);
}
/* ─── posreport\itemwise_24th_aug.blade.php [block 0] (scoped via .scp-posreport-itemwise-24th-aug) ─── */
body:has(.scp-posreport-itemwise-24th-aug) .box {
    border-top: none !important;
}
body:has(.scp-posreport-itemwise-24th-aug) .form-control {
    border-radius: 4px;
        box-shadow: none;
        border-color: #d2d6de;
        height: 31px !important;
}
body:has(.scp-posreport-itemwise-24th-aug) .select2-container .select2-selection--single {
    border-color: #ccc!important;
        height: 31px !important;
}
body:has(.scp-posreport-itemwise-24th-aug) .border-secondary {
    border-color: transparent !important;
}
body:has(.scp-posreport-itemwise-24th-aug) .btn-group {
    background-color: #dd4b39 !important;
        border-radius: 5px !important;
}
body:has(.scp-posreport-itemwise-24th-aug) button.btn.btn-danger.btn-sm.dropdown-toggle {
    margin-top: 7px !important;
}


/* ─── posreport\sales_materalize.blade.php [block 0] (scoped via .scp-posreport-sales-materalize) ─── */
body:has(.scp-posreport-sales-materalize) .col-lg-1, body:has(.scp-posreport-sales-materalize) .col-lg-10, body:has(.scp-posreport-sales-materalize) .col-lg-11, body:has(.scp-posreport-sales-materalize) .col-lg-12, body:has(.scp-posreport-sales-materalize) .col-lg-2, body:has(.scp-posreport-sales-materalize) .col-lg-3, body:has(.scp-posreport-sales-materalize) .col-lg-4, body:has(.scp-posreport-sales-materalize) .col-lg-5, body:has(.scp-posreport-sales-materalize) .col-lg-6, body:has(.scp-posreport-sales-materalize) .col-lg-7, body:has(.scp-posreport-sales-materalize) .col-lg-8, body:has(.scp-posreport-sales-materalize) .col-lg-9, body:has(.scp-posreport-sales-materalize) .col-md-1, body:has(.scp-posreport-sales-materalize) .col-md-10, body:has(.scp-posreport-sales-materalize) .col-md-11, body:has(.scp-posreport-sales-materalize) .col-md-12, body:has(.scp-posreport-sales-materalize) .col-md-2, body:has(.scp-posreport-sales-materalize) .col-md-3, body:has(.scp-posreport-sales-materalize) .col-md-4, body:has(.scp-posreport-sales-materalize) .col-md-5, body:has(.scp-posreport-sales-materalize) .col-md-6, body:has(.scp-posreport-sales-materalize) .col-md-7, body:has(.scp-posreport-sales-materalize) .col-md-8, body:has(.scp-posreport-sales-materalize) .col-md-9, body:has(.scp-posreport-sales-materalize) .col-sm-1, body:has(.scp-posreport-sales-materalize) .col-sm-10, body:has(.scp-posreport-sales-materalize) .col-sm-11, body:has(.scp-posreport-sales-materalize) .col-sm-12, body:has(.scp-posreport-sales-materalize) .col-sm-2, body:has(.scp-posreport-sales-materalize) .col-sm-3, body:has(.scp-posreport-sales-materalize) .col-sm-4, body:has(.scp-posreport-sales-materalize) .col-sm-5, body:has(.scp-posreport-sales-materalize) .col-sm-6, body:has(.scp-posreport-sales-materalize) .col-sm-7, body:has(.scp-posreport-sales-materalize) .col-sm-8, body:has(.scp-posreport-sales-materalize) .col-sm-9, body:has(.scp-posreport-sales-materalize) .col-1, body:has(.scp-posreport-sales-materalize) .col-10, body:has(.scp-posreport-sales-materalize) .col-11, body:has(.scp-posreport-sales-materalize) .col-12, body:has(.scp-posreport-sales-materalize) .col-2, body:has(.scp-posreport-sales-materalize) .col-3, body:has(.scp-posreport-sales-materalize) .col-4, body:has(.scp-posreport-sales-materalize) .col-5, body:has(.scp-posreport-sales-materalize) .col-6, body:has(.scp-posreport-sales-materalize) .col-7, body:has(.scp-posreport-sales-materalize) .col-8, body:has(.scp-posreport-sales-materalize) .col-9 {
    position: relative;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
}
body:has(.scp-posreport-sales-materalize) .select2-container .select2-selection--single {
    height: 34px !important;
}


/* ─── products\barcodecreate.blade.php [block 0] (scoped via .scp-products-barcodecreate) ─── */
body:has(.scp-products-barcodecreate) :root {
    --bc-ink: #0f172a;
                --bc-muted: #64748b;
                --bc-line: #dbe4ee;
                --bc-soft: #f8fafc;
                --bc-card: #ffffff;
                --bc-surface: #f8fafc;
                --bc-brand: #0f766e;
                --bc-brand-soft: #ecfeff;
                --bc-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
                --bc-radius: 20px;
}
body:has(.scp-products-barcodecreate) .barcode-page-card {
    border: 1px solid var(--bc-line);
                border-radius: var(--bc-radius);
                background: var(--bc-card);
                box-shadow: var(--bc-shadow);
                overflow: hidden;
}
body:has(.scp-products-barcodecreate) .barcode-toolbar-note {
    display: inline-flex;
                align-items: center;
                gap: 0.4rem;
                border: 1px solid var(--bc-line);
                border-radius: 999px;
                background: var(--bc-surface);
                color: var(--bc-ink);
                font-size: 0.82rem;
                font-weight: 700;
                padding: 0.38rem 0.8rem;
}
body:has(.scp-products-barcodecreate) .barcode-workspace {
    padding: 1rem;
}
body:has(.scp-products-barcodecreate) .barcode-config-card, body:has(.scp-products-barcodecreate) .barcode-preview-shell {
    border: 1px solid var(--bc-line);
                border-radius: 18px;
                background: var(--bc-surface);
                box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
                overflow: hidden;
}
body:has(.scp-products-barcodecreate) .barcode-section-head {
    padding: 1rem 1.1rem;
                border-bottom: 1px solid var(--bc-line);
                background: var(--bc-surface);
}
body:has(.scp-products-barcodecreate) .barcode-section-title {
    font-size: 1rem;
                font-weight: 800;
                color: var(--bc-ink);
                margin-bottom: 0.2rem;
}
body:has(.scp-products-barcodecreate) .barcode-section-copy {
    color: var(--bc-muted);
                font-size: 0.86rem;
}
body:has(.scp-products-barcodecreate) .barcode-section-body {
    padding: 1.1rem;
}
body:has(.scp-products-barcodecreate) .barcode-stat-grid {
    display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0.75rem;
}
body:has(.scp-products-barcodecreate) .barcode-stat {
    border: 1px solid var(--bc-line);
                border-radius: 16px;
                background: var(--bc-card);
                padding: 0.85rem 0.95rem;
}
body:has(.scp-products-barcodecreate) .barcode-stat-label {
    color: var(--bc-muted);
                font-size: 0.78rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.04em;
}
body:has(.scp-products-barcodecreate) .barcode-stat-value {
    color: var(--bc-ink);
                font-size: 1.35rem;
                font-weight: 800;
                margin-top: 0.18rem;
}
body:has(.scp-products-barcodecreate) .barcode-preset-grid {
    display: grid;
                grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
                gap: 0.75rem;
}
body:has(.scp-products-barcodecreate) .barcode-preset {
    border: 1px solid var(--bc-line);
                border-radius: 15px;
                background: var(--bc-card);
                padding: 0.8rem 0.9rem;
                text-align: left;
                transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
body:has(.scp-products-barcodecreate) .barcode-preset:hover, body:has(.scp-products-barcodecreate) .barcode-preset.is-active {
    border-color: rgba(15, 118, 110, 0.35);
                box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
                transform: translateY(-1px);
}
body:has(.scp-products-barcodecreate) .barcode-preset.is-active {
    background: var(--bc-brand-soft);
}
body:has(.scp-products-barcodecreate) .barcode-preset strong {
    display: block;
                color: var(--bc-ink);
                font-size: 0.92rem;
}
body:has(.scp-products-barcodecreate) .barcode-preset span {
    display: block;
                margin-top: 0.18rem;
                color: var(--bc-muted);
                font-size: 0.78rem;
}
body:has(.scp-products-barcodecreate) .barcode-field-label {
    color: var(--bc-muted);
                font-size: 0.78rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.04em;
                margin-bottom: 0.45rem;
}
body:has(.scp-products-barcodecreate) .barcode-product-name {
    font-weight: 700;
                color: var(--bc-ink);
}
body:has(.scp-products-barcodecreate) .barcode-product-code {
    color: var(--bc-muted);
                font-size: 0.82rem;
}
body:has(.scp-products-barcodecreate) .barcode-preview-meta {
    display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                gap: 0.75rem;
                margin-bottom: 1rem;
}
body:has(.scp-products-barcodecreate) .barcode-preview-chip {
    display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                border: 1px solid var(--bc-line);
                border-radius: 999px;
                background: var(--bc-surface);
                color: var(--bc-ink);
                font-size: 0.82rem;
                font-weight: 700;
                padding: 0.35rem 0.7rem;
}
body:has(.scp-products-barcodecreate) .barcode-preview-canvas {
    padding: 1rem;
                overflow: auto;
}
body:has(.scp-products-barcodecreate) .barcode-print-stage {
    --label-width: 1.97in;
                --label-height: 0.98in;
                --sheet-width: 2.14in;
                --label-columns: 1;
                --label-gap: 0.08in;
                width: var(--sheet-width);
                max-width: 100%;
                margin: 0 auto;
                padding: 0.06in;
                background: var(--bc-card);
                border: 1px solid var(--bc-line);
                border-radius: 12px;
                box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
                display: grid;
                gap: var(--label-gap);
}
body:has(.scp-products-barcodecreate) .barcode-print-stage--roll {
    grid-template-columns: repeat(var(--label-columns), var(--label-width));
                justify-content: center;
}
body:has(.scp-products-barcodecreate) .barcode-print-stage--sheet {
    width: 8.27in;
                min-height: 10.9in;
                grid-template-columns: repeat(auto-fill, minmax(var(--label-width), var(--label-width)));
                justify-content: flex-start;
}
body:has(.scp-products-barcodecreate) .barcode-label {
    width: var(--label-width);
                min-height: var(--label-height);
                height: var(--label-height);
                border: 1px dashed var(--bc-line);
                border-radius: 8px;
                padding: 0.05in 0.06in;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                text-align: center;
                overflow: hidden;
                background: var(--bc-surface);
                break-inside: avoid;
                page-break-inside: avoid;
}
body:has(.scp-products-barcodecreate) .barcode-label-site {
    font-weight: 800;
                font-size: 0.16in;
                line-height: 1.15;
                color: var(--bc-ink);
                letter-spacing: 0.02em;
                text-transform: uppercase;
}
body:has(.scp-products-barcodecreate) .barcode-label-name {
    margin-top: 0.03in;
                font-size: 0.14in;
                line-height: 1.18;
                font-weight: 800;
                color: var(--bc-ink);
                text-transform: uppercase;
                word-break: break-word;
}
body:has(.scp-products-barcodecreate) .barcode-label-variant, body:has(.scp-products-barcodecreate) .barcode-label-price, body:has(.scp-products-barcodecreate) .barcode-label-code {
    font-size: 0.13in;
                line-height: 1.15;
                color: var(--bc-muted);
}
body:has(.scp-products-barcodecreate) .barcode-label-code {
    margin-top: 0.03in;
                font-weight: 800;
                letter-spacing: 0.03em;
}
body:has(.scp-products-barcodecreate) .barcode-label-image {
    margin-top: auto;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                min-height: 0.32in;
}
/* ── Importer label layout ── */
body:has(.scp-products-barcodecreate) .barcode-label--importer {
    align-items: flex-start;
                text-align: center;
                padding: 0.08in 0.1in 0.04in;
                gap: 0;
}
body:has(.scp-products-barcodecreate) .bc-imp-line {
    width: 100%;
                font-size: 0.115in;
                line-height: 1.35;
                color: #111827;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
}
body:has(.scp-products-barcodecreate) .bc-imp-line strong {
    font-weight: 800;
}
body:has(.scp-products-barcodecreate) .barcode-label-image img, body:has(.scp-products-barcodecreate) .barcode-label-image svg {
    max-width: 100%;
                max-height: calc(var(--label-height) * 0.50);
                width: 100%;
                height: auto;
                display: block;
}
/* Quiet-zone wrapper: white background + horizontal padding either side of bars */
body:has(.scp-products-barcodecreate) .bc-qz {
    display: block;
                background: #ffffff;
                padding: 2px 8%;
                line-height: 0;
                width: 100%;
                box-sizing: border-box;
}
body:has(.scp-products-barcodecreate) .bc-qz img, body:has(.scp-products-barcodecreate) .bc-qz svg {
    display: block;
                width: 100%;
                height: auto;
                max-height: calc(var(--label-height) * 0.50);
}


/* ─── products\index.blade.php [block 0] (scoped via .scp-products-index) ─── */
body:has(.scp-products-index) :root {
    --products-bg: #f4f7fb;
            --products-card: rgba(255, 255, 255, 0.94);
            --products-border: rgba(15, 23, 42, 0.08);
            --products-text: #0f172a;
            --products-muted: #64748b;
            --products-primary: #0f62fe;
            --products-success: #047857;
            --products-warning: #c2410c;
            --products-danger: #b91c1c;
            --products-info: #1d4ed8;
            --products-radius: 24px;
            --products-shadow: 0 24px 52px rgba(15, 23, 42, 0.12);
            --products-soft-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}
body:has(.scp-products-index) {
    background:
                radial-gradient(circle at top left, rgba(15, 98, 254, 0.08), transparent 30%),
                radial-gradient(circle at top right, rgba(14, 165, 233, 0.07), transparent 24%),
                linear-gradient(180deg, #f8fbff 0%, var(--products-bg) 100%);
}
body:has(.scp-products-index) .products-shell {
    max-width: 100%;
}
body:has(.scp-products-index) .products-card {
    background: var(--products-card);
            border: 1px solid var(--products-border);
            border-radius: var(--products-radius);
            box-shadow: var(--products-soft-shadow);
            backdrop-filter: blur(12px);
}
body:has(.scp-products-index) .products-hero {
    overflow: hidden;
            position: relative;
}
body:has(.scp-products-index) .products-hero::before {
    content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg, rgba(15, 98, 254, 0.12), transparent 46%),
                linear-gradient(315deg, rgba(14, 165, 233, 0.08), transparent 36%);
            pointer-events: none;
}
body:has(.scp-products-index) .hero-body, body:has(.scp-products-index) .card-body {
    position: relative;
            padding: 1.2rem;
}
body:has(.scp-products-index) .hero-body {
    padding: 0.95rem 1.15rem;
}
body:has(.scp-products-index) .hero-row {
    gap: 1rem;
}
body:has(.scp-products-index) .hero-title {
    color: var(--products-text);
            font-size: clamp(1.1rem, 1.5vw, 1.55rem);
            letter-spacing: -0.04em;
            line-height: 1;
            margin-bottom: 0;
}
body:has(.scp-products-index) .summary-pill {
    padding: 0.45rem 0.8rem;
            background: rgba(255, 255, 255, 0.84);
            border: 1px solid rgba(15, 23, 42, 0.08);
            color: #1e293b;
            font-size: 0.78rem;
}
body:has(.scp-products-index) .summary-pill strong {
    color: var(--products-text);
            font-size: 0.84rem;
}
body:has(.scp-products-index) .summary-pill.is-primary {
    background: rgba(15, 98, 254, 0.12);
            border-color: rgba(15, 98, 254, 0.12);
            color: var(--products-primary);
}
body:has(.scp-products-index) .summary-pill.is-empty {
    background: rgba(148, 163, 184, 0.1);
}
body:has(.scp-products-index) .hero-actions .btn, body:has(.scp-products-index) .card-actions .btn, body:has(.scp-products-index) .dt-buttons .btn {
    border-radius: 14px;
            font-weight: 600;
}
body:has(.scp-products-index) .hero-actions .btn, body:has(.scp-products-index) .card-actions .btn {
    padding: 0.5rem 0.82rem;
            font-size: 0.82rem;
            white-space: nowrap;
}
body:has(.scp-products-index) .hero-actions .btn-primary, body:has(.scp-products-index) .card-actions .btn-primary {
    background: linear-gradient(135deg, #0f62fe, #2563eb);
            border-color: transparent;
}
body:has(.scp-products-index) .filters .form-label {
    display: block;
            margin-bottom: 0.5rem;
            font-size: 0.76rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
}
body:has(.scp-products-index) .products-dt-toolbar {
    display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center;
            gap: 0.75rem;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 0.2rem;
            margin-bottom: 1rem;
}
body:has(.scp-products-index) .products-dt-toolbar .dt-buttons {
    display: flex;
            flex-wrap: nowrap;
            gap: 0.55rem;
}
body:has(.scp-products-index) .column-picker-menu {
    min-width: 260px;
            max-height: 360px;
            overflow: auto;
            border-radius: 18px;
            border-color: rgba(148, 163, 184, 0.24);
            box-shadow: var(--products-soft-shadow);
}
body:has(.scp-products-index) .column-picker-menu .dropdown-header {
    color: var(--products-muted);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
}
body:has(.scp-products-index) .column-picker-item {
    display: flex;
            align-items: center;
            gap: 0.7rem;
            padding: 0.45rem 0.2rem;
}
body:has(.scp-products-index) .column-picker-item .form-check-input {
    margin-top: 0;
}
body:has(.scp-products-index) .column-picker-item .form-check-label {
    font-size: 0.88rem;
            color: var(--products-text);
            cursor: pointer;
}
body:has(.scp-products-index) #products-overlay {
    position: absolute;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            z-index: 5;
            border-radius: 20px;
            background: rgba(248, 250, 252, 0.82);
            backdrop-filter: blur(4px);
}
body:has(.scp-products-index) #products-table {
    width: 100% !important;
            margin: 0 !important;
}
body:has(.scp-products-index) .product-check {
    width: 40px;
}
body:has(.scp-products-index) .product-stack, body:has(.scp-products-index) .product-meta {
    display: flex;
            flex-direction: column;
            gap: 0.24rem;
}
body:has(.scp-products-index) .product-name-link {
    color: var(--products-text);
            font-weight: 700;
            text-decoration: none;
}
body:has(.scp-products-index) .product-name-link:hover {
    color: var(--products-primary);
}
body:has(.scp-products-index) .product-code-sub {
    font-size: 0.76rem;
            color: var(--products-muted);
            font-weight: 500;
}
body:has(.scp-products-index) .variant-badge {
    padding: 0.28rem 0.62rem;
            font-size: 0.74rem;
            color: #5b21b6;
            background: #f5f3ff;
            border: 1px solid #e9d5ff;
            text-decoration: none;
            margin: 1px 4px 1px 0;
}
body:has(.scp-products-index) .variant-badge:hover {
    color: #fff;
            background: #6d28d9;
            border-color: #6d28d9;
}
body:has(.scp-products-index) .variant-more-link {
    font-size: 0.76rem;
            font-weight: 700;
            color: var(--products-primary);
            text-decoration: none;
}
body:has(.scp-products-index) .variant-empty {
    color: #94a3b8;
            font-size: 0.78rem;
}
body:has(.scp-products-index) .uom-badge {
    padding: 0.3rem 0.62rem;
            font-size: 0.74rem;
            background: #e8fff3;
            color: #16a34a;
}
body:has(.scp-products-index) .type-badge {
    padding: 0.3rem 0.62rem;
            font-size: 0.74rem;
            background: #fff8dd;
            color: #b7791f;
}
body:has(.scp-products-index) .info-badge {
    padding: 0.3rem 0.62rem;
            font-size: 0.74rem;
            background: #eef6ff;
            color: var(--products-info);
            text-transform: capitalize;
}
body:has(.scp-products-index) .status-pill.is-success {
    padding: 0.3rem 0.62rem;
            font-size: 0.74rem;
            background: #e8fff3;
            color: #16a34a;
}
body:has(.scp-products-index) .status-pill.is-muted {
    padding: 0.3rem 0.62rem;
            font-size: 0.74rem;
            background: #f5f8fa;
            color: #64748b;
}
body:has(.scp-products-index) .price-value {
    font-weight: 700;
            color: var(--products-text);
}
body:has(.scp-products-index) .prod-action-btn {
    width: 2.35rem;
            height: 2.35rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            background: #fff;
            color: #334155;
            transition: all 0.15s ease;
            padding: 0;
}
body:has(.scp-products-index) .prod-action-btn:hover, body:has(.scp-products-index) .prod-action-btn.show {
    background: rgba(15, 98, 254, 0.08);
            color: var(--products-primary);
}
body:has(.scp-products-index) .prod-action-btn::after {
    display: none;
}
body:has(.scp-products-index) .product-action-cell .dropdown {
    display: inline-flex;
            position: relative;
}
body:has(.scp-products-index) .prod-menu {
    min-width: 210px;
            border-radius: 18px;
            padding: 0.45rem 0;
            box-shadow: var(--products-shadow);
            z-index: 1080;
}
body:has(.scp-products-index) .prod-menu.show {
    display: block;
}
body:has(.scp-products-index) .modal-content {
    border-radius: 24px;
            border: 1px solid var(--products-border);
            box-shadow: var(--products-shadow);
}
@media (max-width: 991.98px) {
body:has(.scp-products-index) .hero-body, body:has(.scp-products-index) .card-body {
    padding: 1rem;
}

}
@media (max-width: 767.98px) {
body:has(.scp-products-index) .hero-actions .btn, body:has(.scp-products-index) .card-actions .btn {
    width: 100%;
}
body:has(.scp-products-index) .products-dt-toolbar {
    flex-wrap: wrap !important;
}
}
/* ── Dark mode overrides ─────────────────────────────────── */
body:has(.scp-products-index) [data-theme="dark"] {
    --products-bg:          #0f172a;
            --products-card:        rgba(30, 41, 59, 0.95);
            --products-border:      rgba(148, 163, 184, 0.12);
            --products-text:        #e2e8f0;
            --products-muted:       #94a3b8;
            --products-success:     #34d399;
            --products-warning:     #fb923c;
            --products-danger:      #f87171;
            --products-info:        #60a5fa;
            --products-shadow:      0 24px 52px rgba(0, 0, 0, 0.5);
            --products-soft-shadow: 0 18px 34px rgba(0, 0, 0, 0.35);
}
body:has(.scp-products-index) [data-theme="dark"] body {
    background: #0f172a;
}
body:has(.scp-products-index) [data-theme="dark"] .summary-pill {
    background: rgba(148, 163, 184, 0.1);
            border-color: rgba(148, 163, 184, 0.15);
            color: #cbd5e1;
}
body:has(.scp-products-index) [data-theme="dark"] .prod-action-btn {
    background: #1e293b;
            border-color: rgba(148, 163, 184, 0.15);
            color: #94a3b8;
}
body:has(.scp-products-index) [data-theme="dark"] .prod-action-btn:hover, body:has(.scp-products-index) [data-theme="dark"] .prod-action-btn.show {
    background: rgba(59, 130, 246, 0.15);
            color: #60a5fa;
}
body:has(.scp-products-index) [data-theme="dark"] .prod-menu {
    background: #1e293b;
            border-color: rgba(148, 163, 184, 0.12);
}
body:has(.scp-products-index) [data-theme="dark"] #products-overlay {
    background: rgba(15, 23, 42, 0.82);
}
body:has(.scp-products-index) [data-theme="dark"] .variant-badge {
    background: #2e1065;
            color: #c4b5fd;
            border-color: #4c1d95;
}
body:has(.scp-products-index) [data-theme="dark"] .uom-badge {
    background: rgba(16, 185, 129, 0.12);
            color: #34d399;
}
body:has(.scp-products-index) [data-theme="dark"] .type-badge {
    background: rgba(245, 158, 11, 0.12);
            color: #fbbf24;
}
body:has(.scp-products-index) [data-theme="dark"] .info-badge {
    background: rgba(59, 130, 246, 0.12);
            color: #60a5fa;
}
body:has(.scp-products-index) [data-theme="dark"] .status-pill.is-success {
    background: rgba(16, 185, 129, 0.12);
            color: #34d399;
}
body:has(.scp-products-index) [data-theme="dark"] .status-pill.is-muted {
    background: rgba(148, 163, 184, 0.1);
            color: #94a3b8;
}
body:has(.scp-products-index) [data-theme="dark"] .column-picker-menu {
    background: #1e293b;
            border-color: rgba(148, 163, 184, 0.15);
}
/* ─── products\stock-aging-report.blade.php [block 0] (scoped via .scp-products-stock-aging-report) ─── */
body:has(.scp-products-stock-aging-report) .form-control, body:has(.scp-products-stock-aging-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-products-stock-aging-report) .aging-param-input {
    width: 64px; text-align: center; font-weight: 700;
}
body:has(.scp-products-stock-aging-report) .b1-col {
    border-left: 3px solid #22c55e;
}
body:has(.scp-products-stock-aging-report) .b2-col {
    border-left: 3px solid #06b6d4;
}
body:has(.scp-products-stock-aging-report) .b3-col {
    border-left: 3px solid #f59e0b;
}
body:has(.scp-products-stock-aging-report) .b4-col {
    border-left: 3px solid #ef4444;
}
body:has(.scp-products-stock-aging-report) .b5-col {
    border-left: 3px solid #7c3aed;
}
body:has(.scp-products-stock-aging-report) .tot-col {
    border-left: 3px solid #1e3a5f;
}
@media print {
body:has(.scp-products-stock-aging-report) .no-print {
    display: none !important;
}
body:has(.scp-products-stock-aging-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── products\stock-expiry-report.blade.php [block 0] (scoped via .scp-products-stock-expiry-report) ─── */
body:has(.scp-products-stock-expiry-report) .dt-buttons .btn {
    border-radius: 8px;
}
body:has(.scp-products-stock-expiry-report) .filter-card {
    border: 1px solid #e5e7eb; border-radius: 14px;
}
body:has(.scp-products-stock-expiry-report) .summary-card {
    border: 1px solid #e5e7eb; border-radius: 12px;
}
body:has(.scp-products-stock-expiry-report) .summary-label {
    font-size: 12px; color: #6b7280; text-transform: uppercase; letter-spacing: .04em;
}
body:has(.scp-products-stock-expiry-report) .summary-value {
    font-size: 22px; font-weight: 700; line-height: 1.2;
}


/* ─── products\stock-ledger.blade.php [block 0] (scoped via .scp-products-stock-ledger) ─── */
body:has(.scp-products-stock-ledger) #kt_content_container {
    padding-left: 0 !important; padding-right: 0 !important;
}
body:has(.scp-products-stock-ledger) #kt_content {
    padding-top: 0 !important;
}
/* Compact filter inputs */
body:has(.scp-products-stock-ledger) .filter-field .form-control, body:has(.scp-products-stock-ledger) .filter-field .form-select {
    font-size: .78rem; padding: .18rem .4rem; height: 28px; line-height: 1;
}
/* Select2 compact override (third-party) */
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--single {
    height: 28px !important; border: 1px solid #dee2e6 !important; border-radius: .375rem !important;
}
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important; font-size: .78rem !important; padding-left: 6px !important; color: #111 !important;
}
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important; top: 0 !important;
}
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--multiple {
    min-height: 28px !important; border: 1px solid #dee2e6 !important; border-radius: .375rem !important;
}
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 4px !important;
}
body:has(.scp-products-stock-ledger) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 11px !important; margin-top: 2px !important;
}
/* Dual-calendar compact (third-party) */
body:has(.scp-products-stock-ledger) .filter-field .dual-calendar-container {
    display: block; height: 28px; position: relative; overflow: visible; line-height: 1;
}
body:has(.scp-products-stock-ledger) .filter-field .dual-calendar-container > label {
    display: none;
}
body:has(.scp-products-stock-ledger) .filter-field .dual-calendar-popup {
    position: absolute; top: 30px; left: 0; z-index: 9999;
}


/* ─── products\stock-reconciliation.blade.php [block 0] (scoped via .scp-products-stock-reconciliation) ─── */
body:has(.scp-products-stock-reconciliation) :root {
    --ink:#0f172a; --muted:#475569; --ring:#e5e7eb;
  --soft:#f8fafc; --brand:#0ea5e9; --radius:12px;
}
/* ── Filter bar ─────────────────────────────────────────── */
body:has(.scp-products-stock-reconciliation) .sr-filters {
    border:1px solid var(--ring); border-radius:var(--radius);
  background:linear-gradient(180deg,#fff,#fbfdff); padding:10px;
}
body:has(.scp-products-stock-reconciliation) .sr-filter-grid {
    display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  gap:10px; align-items:end;
}
body:has(.scp-products-stock-reconciliation) .filter-item label {
    display:block; font-weight:600; font-size:12px;
  color:var(--ink); margin-bottom:6px;
}
@media(max-width:1400px) {
body:has(.scp-products-stock-reconciliation) .sr-filter-grid {
    grid-template-columns:repeat(4,1fr);
}

}
@media(max-width:900px) {
body:has(.scp-products-stock-reconciliation) .sr-filter-grid {
    grid-template-columns:repeat(2,1fr);
}

}
/* ── IRD report container ───────────────────────────────── */
body:has(.scp-products-stock-reconciliation) .ird-report {
    background:#fff; border:1px solid var(--ring);
  border-radius:var(--radius); padding:20px;
  overflow:clip; /* visual clip only — does not block position:sticky */
}
body:has(.scp-products-stock-reconciliation) .ird-header-block {
    text-align:center; margin-bottom:16px; line-height:1.6;
}
body:has(.scp-products-stock-reconciliation) .ird-header-block h4 {
    font-size:18px; font-weight:700; margin:0 0 2px;
}
body:has(.scp-products-stock-reconciliation) .ird-header-block h5 {
    font-size:17px; font-weight:700; margin:10px 0 4px;
  border-bottom:2px solid #111; border-top:2px solid #111;
  padding:4px 0; display:inline-block; letter-spacing:.5px;
}
body:has(.scp-products-stock-reconciliation) .ird-header-block p {
    font-size:13px; margin:0; color:#334155;
}
body:has(.scp-products-stock-reconciliation) .ird-meta {
    display:flex; justify-content:space-between;
  font-size:13px; color:#334155;
  border:1px solid #cbd5e1; border-radius:6px;
  padding:6px 12px; margin-bottom:12px; background:#f8fafc;
}
body:has(.scp-products-stock-reconciliation) .ird-meta span b {
    color:var(--ink);
}
/* ── Table ──────────────────────────────────────────────── */
body:has(.scp-products-stock-reconciliation) .ird-scroll {
    max-height: calc(100vh - 340px);
  min-height: 380px;
  overflow-y: auto;
  overflow-x: auto;
}
/* group colour bands in header */
body:has(.scp-products-stock-reconciliation) .th-open {
    background:#1a6b3c !important;
}
body:has(.scp-products-stock-reconciliation) .th-purch {
    background:#1e40af !important;
}
body:has(.scp-products-stock-reconciliation) .th-preturn {
    background:#7c3aed !important;
}
body:has(.scp-products-stock-reconciliation) .th-sales {
    background:#b45309 !important;
}
body:has(.scp-products-stock-reconciliation) .th-sreturn {
    background:#0f766e !important;
}
body:has(.scp-products-stock-reconciliation) .th-close {
    background:#991b1b !important;
}
/* ── Signature block ─────────────────────────────────────── */
body:has(.scp-products-stock-reconciliation) .ird-sign {
    display:flex; justify-content:space-between;
  margin-top:40px; font-size:12px; color:#334155;
}
body:has(.scp-products-stock-reconciliation) .ird-sign-box {
    text-align:center;
}
body:has(.scp-products-stock-reconciliation) .ird-sign-box .line {
    border-top:1px solid #64748b; width:160px;
  margin:32px auto 4px;
}
/* ── Print ───────────────────────────────────────────────── */
@media print {
body:has(.scp-products-stock-reconciliation) .no-print {
    display:none !important;
}
body:has(.scp-products-stock-reconciliation) {
    font-size:10pt;
}
body:has(.scp-products-stock-reconciliation) .ird-report {
    border:none; padding:0;
}
@page {
 size:A3 landscape; margin:12mm; 
}

}


/* ─── products\stockentries.blade.php [block 0] (scoped via .scp-products-stockentries) ─── */
body:has(.scp-products-stockentries) :root {
    --card-shadow: 0 10px 30px rgba(16,24,40,.06);
            --radius: 14px;
            --line:#e5e7eb;
}
body:has(.scp-products-stockentries) .form-control, body:has(.scp-products-stockentries) .form-select {
    font-size: 12px !important;
}
body:has(.scp-products-stockentries) .stock-svg-icon {
    width:1rem;
            height:1rem;
            display:inline-block;
            flex:0 0 auto;
            vertical-align:-.15em;
            stroke:currentColor;
}
body:has(.scp-products-stockentries) .toolbar {
    background: linear-gradient(135deg,#f8fbff 0%, #fff8f0 100%);
            border: 1px solid #eef2f7;
            border-radius: var(--radius);
            padding: .6rem .9rem;
            box-shadow: var(--card-shadow);
            margin-bottom: .75rem;
}
body:has(.scp-products-stockentries) .period-strip {
    display:flex;
            gap:.75rem;
            overflow-x:auto;
            padding-bottom:.25rem;
            scroll-snap-type:x mandatory;
            -webkit-overflow-scrolling: touch;
}
body:has(.scp-products-stockentries) .period-strip::-webkit-scrollbar {
    height: 8px;
}
body:has(.scp-products-stockentries) .period-strip::-webkit-scrollbar-thumb {
    background:#e5e7eb; border-radius:999px;
}
body:has(.scp-products-stockentries) .period-card {
    min-width: 270px;
            max-width: 270px;
            flex: 0 0 auto;
            border:1px solid #edf2f7;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 10px 24px rgba(16,24,40,.06);
            padding: .85rem .95rem;
            scroll-snap-align: start;
            transition: transform .12s ease, box-shadow .12s ease;
            text-decoration:none;
            color: inherit;
}
body:has(.scp-products-stockentries) .period-card:hover {
    transform: translateY(-1px); box-shadow:0 14px 28px rgba(16,24,40,.08);
}
body:has(.scp-products-stockentries) .period-title {
    font-weight: 900; font-size:.92rem; color:#111827; line-height:1.2;
}
body:has(.scp-products-stockentries) .period-dates {
    font-size:.74rem; color:#6b7280; margin-top:.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body:has(.scp-products-stockentries) .pill {
    display:inline-flex; align-items:center; gap:.35rem;
            border-radius:999px; padding:.18rem .55rem;
            border:1px solid #e5e7eb; background:#fafafa;
            font-weight:800; font-size:.72rem; color:#374151;
            white-space:nowrap;
}
body:has(.scp-products-stockentries) .period-metrics {
    display:grid;
            grid-template-columns: 1fr 1fr;
            gap:.5rem;
            margin-top:.75rem;
}
body:has(.scp-products-stockentries) .metric {
    border:1px solid #eef2f7;
            border-radius: 12px;
            padding:.55rem .6rem;
            background:#f8fafc;
}
body:has(.scp-products-stockentries) .metric .lbl {
    font-size:.68rem; color:#6b7280; font-weight:700; letter-spacing:.02em; text-transform:uppercase;
}
body:has(.scp-products-stockentries) .metric .val {
    font-size:.92rem; font-weight:900; color:#111827; margin-top:.1rem;
}
body:has(.scp-products-stockentries) .stat-mini {
    border:1px solid #edf2f7;
            border-radius: 12px;
            background:#f8fafc;
            padding:.75rem .9rem;
}
body:has(.scp-products-stockentries) .stock-filter-card {
    display:none;
}
body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card {
    position: static !important;
            visibility: visible !important;
            transform: none !important;
            width: auto !important;
            height: auto !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin-bottom: .75rem;
}
body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card .offcanvas-header, body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card .offcanvas-body, body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card .offcanvas-footer {
    padding-left: 0;
            padding-right: 0;
}
body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card .offcanvas-body {
    padding-bottom: 0;
}
body:has(.scp-products-stockentries) #stockFilterDrawer.stock-filter-card .offcanvas-footer {
    position: static;
            border-top: 1px solid #eef2f7 !important;
            margin-top: 1rem;
            padding-top: 1rem;
            padding-bottom: 0;
}
/* ✅ IMPORTANT: remove global backdrop kill (it can break transitions)
           We will disable backdrop via bootstrap config instead.
        */
/* .offcanvas-backdrop{ display:none !important; } */
body:has(.scp-products-stockentries) .stock-filter-backdrop {
    position:fixed;
            inset:0;
            background:rgba(15, 23, 42, .42);
            backdrop-filter: blur(4px);
            opacity:0;
            visibility:hidden;
            transition:opacity .22s ease;
            z-index:1040;
}
body:has(.scp-products-stockentries) .stock-filter-backdrop.is-open {
    opacity:1;
            visibility:visible;
}
body:has(.scp-products-stockentries) .stock-filter-drawer {
    position:fixed;
            top:0;
            left:0;
            width:390px;
            max-width:calc(100vw - 18px);
            height:100vh;
            background:linear-gradient(180deg, #fcfdff 0%, #ffffff 34%, #fbfbfb 100%);
            box-shadow:0 24px 60px rgba(15, 23, 42, .22);
            transform:translateX(-105%);
            transition:transform .24s ease;
            z-index:1045;
            display:flex;
            flex-direction:column;
}
body:has(.scp-products-stockentries) .stock-filter-drawer.is-open {
    transform:translateX(0);
}
body:has(.scp-products-stockentries) .stock-filter-header {
    padding:1.25rem 1.25rem 1rem;
            border-bottom:1px solid #ebf0f6;
            background:
                radial-gradient(circle at top left, rgba(37, 99, 235, .10), transparent 34%),
                radial-gradient(circle at top right, rgba(249, 115, 22, .10), transparent 30%),
                linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
}
body:has(.scp-products-stockentries) .stock-filter-eyebrow {
    display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.32rem .7rem;
            border-radius:999px;
            background:#eef4ff;
            color:#3158a5;
            font-size:.71rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.08em;
            margin-bottom:.75rem;
}
body:has(.scp-products-stockentries) .stock-filter-title {
    margin:0;
            font-size:1.1rem;
            font-weight:800;
            color:#111827;
            letter-spacing:-.02em;
}
body:has(.scp-products-stockentries) .stock-filter-copy {
    margin:.3rem 0 0;
            color:#667085;
            font-size:.84rem;
            line-height:1.55;
}
body:has(.scp-products-stockentries) .stock-filter-close {
    width:2.25rem;
            height:2.25rem;
            border:none;
            border-radius:999px;
            background:#fff;
            box-shadow:0 8px 18px rgba(15, 23, 42, .08);
            transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
body:has(.scp-products-stockentries) .stock-filter-close:hover {
    background:#f8fafc;
            transform:translateY(-1px);
            box-shadow:0 10px 22px rgba(15, 23, 42, .12);
}
body:has(.scp-products-stockentries) .stock-filter-body {
    flex:1 1 auto;
            overflow:auto;
            padding:1rem 1.1rem 1.25rem;
            background:linear-gradient(180deg, rgba(248, 250, 252, .55), rgba(255,255,255,.95));
}
body:has(.scp-products-stockentries) .stock-filter-section {
    margin-bottom:.95rem;
            padding:1rem;
            border:1px solid #edf2f7;
            border-radius:18px;
            background:#fff;
            box-shadow:0 10px 24px rgba(15, 23, 42, .04);
}
body:has(.scp-products-stockentries) .stock-filter-section:last-child {
    margin-bottom:0;
}
body:has(.scp-products-stockentries) .stock-filter-section .form-label {
    margin-bottom:.45rem;
            color:#111827;
            font-size:.78rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.05em;
}
body:has(.scp-products-stockentries) .stock-filter-drawer .form-select, body:has(.scp-products-stockentries) .stock-filter-drawer .form-control {
    min-height:44px;
            border-radius:14px;
            border-color:#dbe4ee;
            box-shadow:none;
            background:#fbfdff;
            font-size:.84rem !important;
}
body:has(.scp-products-stockentries) .stock-filter-drawer .form-select:focus, body:has(.scp-products-stockentries) .stock-filter-drawer .form-control:focus {
    border-color:#8ab4ff;
            box-shadow:0 0 0 .22rem rgba(59, 130, 246, .12);
            background:#fff;
}
body:has(.scp-products-stockentries) .stock-filter-footer {
    position:sticky;
            bottom:0;
            padding:1rem 1.1rem 1.15rem;
            border-top:1px solid #ebf0f6;
            background:linear-gradient(180deg, rgba(255,255,255,.9), #f8fafc);
}
body:has(.scp-products-stockentries) .stock-filter-footer .btn {
    min-height:46px;
            border-radius:14px;
            font-weight:800;
}
@media (max-width: 575.98px) {
body:has(.scp-products-stockentries) .stock-filter-drawer {
    width:100vw;
                max-width:100vw;
}
body:has(.scp-products-stockentries) .stock-filter-footer {
    flex-direction:column;
}

}


/* ─── products\stockentries_detail.blade.php [block 0] (scoped via .scp-products-stockentries-detail) ─── */
body:has(.scp-products-stockentries-detail) #kt_content_container {
    padding-left: 0 !important; padding-right: 0 !important; max-width: none !important;
}
body:has(.scp-products-stockentries-detail) #kt_post {
    padding-left: 0 !important; padding-right: 0 !important;
}
body:has(.scp-products-stockentries-detail) .col-sno {
    width: 45px;
}
body:has(.scp-products-stockentries-detail) .col-id {
    width: 55px;
}
body:has(.scp-products-stockentries-detail) .col-product {
    min-width: 180px; max-width: 220px;
}
body:has(.scp-products-stockentries-detail) .col-variant {
    width: 100px;
}
body:has(.scp-products-stockentries-detail) .col-batch {
    width: 140px;
}
body:has(.scp-products-stockentries-detail) .col-expiry {
    width: 140px;
}
body:has(.scp-products-stockentries-detail) .col-no {
    width: 60px;
}
body:has(.scp-products-stockentries-detail) .col-type {
    width: 90px;
}
body:has(.scp-products-stockentries-detail) .col-date {
    width: 90px;
}
body:has(.scp-products-stockentries-detail) .col-store {
    width: 140px;
}
body:has(.scp-products-stockentries-detail) .col-in, body:has(.scp-products-stockentries-detail) .col-out {
    width: 70px;
}
body:has(.scp-products-stockentries-detail) .col-price, body:has(.scp-products-stockentries-detail) .col-total {
    width: 100px;
}
body:has(.scp-products-stockentries-detail) .col-sn {
    width: 90px;
}
body:has(.scp-products-stockentries-detail) .col-appr {
    width: 50px;
}
body:has(.scp-products-stockentries-detail) .col-onh {
    width: 80px;
}
body:has(.scp-products-stockentries-detail) .col-keys, body:has(.scp-products-stockentries-detail) .col-file {
    width: 60px;
}
body:has(.scp-products-stockentries-detail) .store-select {
    min-width: 120px !important; max-width: 140px !important;
}
body:has(.scp-products-stockentries-detail) .batch-input {
    width: 90px !important;
}
body:has(.scp-products-stockentries-detail) .batch-date {
    width: 120px !important;
}
@media print {
body:has(.scp-products-stockentries-detail) .no-print, body:has(.scp-products-stockentries-detail) .btn, body:has(.scp-products-stockentries-detail) .modal, body:has(.scp-products-stockentries-detail) header, body:has(.scp-products-stockentries-detail) footer {
    display: none !important;
}
}


/* ─── products\stocksbylocation.blade.php [block 0] (scoped via .scp-products-stocksbylocation) ─── */
body:has(.scp-products-stocksbylocation) .form-control, body:has(.scp-products-stocksbylocation) .form-select {
    font-size: 12px !important;
}
body:has(.scp-products-stocksbylocation) .stat-card {
    border-radius: 10px; padding: 12px 16px;
}
body:has(.scp-products-stocksbylocation) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .8;
}
body:has(.scp-products-stocksbylocation) .stat-card .stat-value {
    font-size: 18px; font-weight: 700; margin-top: 3px; line-height: 1.1;
}
body:has(.scp-products-stocksbylocation) .stat-card .stat-icon {
    font-size: 24px; opacity: .15;
}
@media print {
body:has(.scp-products-stocksbylocation) .no-print {
    display: none !important;
}
body:has(.scp-products-stocksbylocation) .card {
    border: none !important; box-shadow: none !important;
}
}


/* ─── products\adjust\create.blade.php [block 0] (scoped via .scp-products-adjust-create) ─── */
/* ─── products\modals\category-modal.blade.php [block 0] (scoped via .scp-products-modals-category-modal) ─── */
body:has(.scp-products-modals-category-modal) .modal-dialog {
    height: 90%; /* = 90% of the .modal-backdrop block = %90 of the screen */
        width: 45%;
}
body:has(.scp-products-modals-category-modal) .select2-container {
    text-align: left !important;
        width: 100% !important;
}
/*.modal-content {*/
/*    height: 100%; !* = 100% of the .modal-dialog block *!*/
/*}*/


/* ─── products\modals\unit-modal.blade.php [block 0] (scoped via .scp-products-modals-unit-modal) ─── */
body:has(.scp-products-modals-unit-modal) .modal-dialog {
    height: 90%; /* = 90% of the .modal-backdrop block = %90 of the screen */
        width: 45%;
}
body:has(.scp-products-modals-unit-modal) .select2-container {
    text-align: left !important;
        width: 100% !important;
}


/* ─── products\storeOverview\index.blade.php [block 0] (scoped via .scp-products-storeoverview-index) ─── */
/* ─── productVariant\edit.blade.php [block 0] (scoped via .scp-productvariant-edit) ─── */
body:has(.scp-productvariant-edit) :root {
    --ink:#0f172a;
            --muted:#64748b;
            --soft:#f8fafc;
            --line:#e5e7eb;
            --brand:#2563eb;
            --radius:14px;
            --shadow:0 10px 24px rgba(15,23,42,.06);

            --glass-bd: rgba(2,6,23,.08);
}
body:has(.scp-productvariant-edit) {
    background:#f3f4f6;
}
body:has(.scp-productvariant-edit) .toolbar {
    border-bottom:1px solid var(--line);
            background:#ffffff;
}
body:has(.scp-productvariant-edit) .toolbar h1 {
    color:var(--ink);
}
body:has(.scp-productvariant-edit) .toolbar .breadcrumb {
    margin-bottom:0;
}
body:has(.scp-productvariant-edit) .icon-link {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            font-size:.8rem;
            text-decoration:none;
}
body:has(.scp-productvariant-edit) .icon-link:hover {
    text-decoration:underline;
}
body:has(.scp-productvariant-edit) .card {
    border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid #e5e7eb;
            overflow: hidden;
}
body:has(.scp-productvariant-edit) .card-header {
    background: linear-gradient(135deg,#1d4ed8,#0f172a);
            border-bottom: 0;
            color: #fff;
}
body:has(.scp-productvariant-edit) .card-header h5 {
    font-weight:600;
}
body:has(.scp-productvariant-edit) .card-header p {
    margin-bottom:0;
            opacity:.85;
}
body:has(.scp-productvariant-edit) .form-label {
    font-size:.875rem;
            font-weight:600;
            color:var(--ink);
}
body:has(.scp-productvariant-edit) .form-control, body:has(.scp-productvariant-edit) .form-select {
    border-radius:10px;
            border-color:var(--line);
}
body:has(.scp-productvariant-edit) .form-control:focus, body:has(.scp-productvariant-edit) .form-select:focus {
    border-color:var(--brand);
            box-shadow:0 0 0 .15rem rgba(37,99,235,.15);
}
body:has(.scp-productvariant-edit) .bg-secondary {
    background:#f3f4f6 !important;
}
/* Tabs */
body:has(.scp-productvariant-edit) .nav-tabs {
    border-bottom:1px solid var(--line);
}
body:has(.scp-productvariant-edit) .nav-tabs .nav-link {
    border:0;
            border-bottom:2px solid transparent;
            font-weight:500;
            color:var(--muted);
            padding:.6rem 1rem;
}
body:has(.scp-productvariant-edit) .nav-tabs .nav-link.active {
    color:var(--ink);
            border-bottom-color:var(--brand);
            background:transparent;
}
body:has(.scp-productvariant-edit) .nav-tabs .nav-link:hover {
    background:#f9fafb;
}
/* ===== Editor Card (HR-style look) ===== */
body:has(.scp-productvariant-edit) .card-modern {
    border:1px solid var(--glass-bd);
            border-radius:.9rem;
            box-shadow:0 20px 50px rgba(2,6,23,.06), 0 2px 12px rgba(2,6,23,.05);
}
body:has(.scp-productvariant-edit) .card {
    padding:1rem;
}
body:has(.scp-productvariant-edit) .help-text {
    color:var(--muted); font-size:.85rem
}
body:has(.scp-productvariant-edit) .chip {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            background:#eef2ff;
            color:#1f2937;
            padding:.25rem .6rem;
            border-radius:999px;
            font-size:.8rem;
            line-height:1;
}
body:has(.scp-productvariant-edit) .note-editor.note-frame {
    border-radius:.75rem;
            border-color:var(--glass-bd);
}
body:has(.scp-productvariant-edit) .note-toolbar {
    border-bottom:1px solid var(--glass-bd);
}


/* ─── profiles\profile.blade.php [block 0] (scoped via .scp-profiles-profile) ─── */
/* ── Design tokens ── */
body:has(.scp-profiles-profile) :root {
    --p:#0a66c2; --p-dk:#004182; --p-lt:rgba(10,102,194,.10);
            --g:#057642; --g-lt:rgba(5,118,66,.12);
            --w:#b45309; --w-lt:rgba(180,83,9,.12);
            --d:#b91c1c; --d-lt:rgba(185,28,28,.12);
            --i:#0f5e95; --i-lt:rgba(15,94,149,.12);

            --bg:#f4f2ee;
            --card:#ffffff;
            --border:rgba(222,226,230,.95);
            --text:#1d2226;
            --muted:#5e6770;
            --soft:#7a8692;

            --r-sm:.75rem; --r-md:1rem; --r-lg:1.25rem; --r-xl:1.75rem;
            --sh:0 1px 3px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06);
            --sh2:0 2px 4px rgba(0,0,0,.06),0 20px 40px rgba(0,0,0,.10);

            --cover-h:180px;
            --avatar-size:112px;
}
/* ── Font ── */
body:has(.scp-profiles-profile) .pf-wrap, body:has(.scp-profiles-profile) .pf-wrap *:not(.bi):not([class*="dt-"]):not([class*="dataTables"]) {
    font-family:"Plus Jakarta Sans",system-ui,sans-serif;
}
body:has(.scp-profiles-profile) .mono {
    font-family:"JetBrains Mono",ui-monospace,monospace
}
/* ── Page background ── */
body:has(.scp-profiles-profile) {
    background: var(--bg)!important
}
/* ── Cover card ── */
body:has(.scp-profiles-profile) .pf-cover-card {
    border-radius: var(--r-xl);
            overflow: visible;
            border: 1px solid var(--border);
            box-shadow: var(--sh2);
            background: var(--card);
            position: relative;
}
body:has(.scp-profiles-profile) .pf-cover {
    height: var(--cover-h);
            border-radius: var(--r-xl) var(--r-xl) 0 0;
            background:
                linear-gradient(120deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 32%),
                linear-gradient(135deg, #0a66c2 0%, #0f5e95 55%, #004182 100%);
            position: relative;
            overflow: hidden;
}
body:has(.scp-profiles-profile) .pf-cover::before {
    content:"";
            position:absolute; inset:0;
            background:
                radial-gradient(ellipse 70% 90% at 15% 20%, rgba(255,255,255,.18), transparent),
                radial-gradient(ellipse 55% 70% at 88% 80%, rgba(255,255,255,.10), transparent);
}
/* Decorative blobs */
body:has(.scp-profiles-profile) .pf-cover::after {
    content:"";
            position:absolute; inset:0;
            background-image:
                linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
                linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
                radial-gradient(circle 120px at 85% 30%, rgba(255,255,255,.06), transparent);
            background-size: 34px 34px, 34px 34px, auto;
}
/* Edit-profile button on cover */
body:has(.scp-profiles-profile) .pf-cover-actions {
    position:absolute; top:1rem; right:1rem; z-index:5;
            display:flex; gap:.5rem;
}
/* ── Avatar ring ── */
body:has(.scp-profiles-profile) .pf-avatar-wrap {
    position:absolute;
            bottom: calc(-1 * var(--avatar-size) / 2);
            left: 2rem;
            z-index: 10;
}
body:has(.scp-profiles-profile) .pf-avatar-ring {
    width: calc(var(--avatar-size) + 8px);
            height: calc(var(--avatar-size) + 8px);
            border-radius: 50%;
            background: linear-gradient(135deg,#667eea,#f093fb);
            padding: 3px;
            box-shadow: var(--sh2);
}
body:has(.scp-profiles-profile) .pf-avatar-ring img {
    width: var(--avatar-size);
            height: var(--avatar-size);
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #fff;
            display: block;
            transition: transform .2s ease;
}
body:has(.scp-profiles-profile) .pf-avatar-ring img:hover {
    transform: scale(1.04)
}
body:has(.scp-profiles-profile) .pf-online-dot {
    position:absolute; right:6px; bottom:6px;
            width:20px; height:20px; border-radius:50%;
            background: var(--g);
            border: 3px solid #fff;
            box-shadow: 0 0 0 2px rgba(16,185,129,.3);
}
/* ── Identity below cover ── */
body:has(.scp-profiles-profile) .pf-identity {
    padding: calc(var(--avatar-size) / 2 + 1.25rem) 1.75rem 1.5rem;
}
body:has(.scp-profiles-profile) .pf-identity .pf-name {
    font-size:1.65rem; font-weight:800; color: var(--text); line-height:1.2;
}
body:has(.scp-profiles-profile) .pf-identity .pf-role {
    font-size:.95rem; font-weight:600; color: var(--muted); margin-top:.25rem;
}
body:has(.scp-profiles-profile) .pf-headline {
    font-size:1rem; font-weight:700; color:var(--text); margin-top:.35rem;
}
body:has(.scp-profiles-profile) .pf-meta-line {
    display:flex; flex-wrap:wrap; gap:.45rem; align-items:center;
            margin-top:.55rem; font-size:.84rem; color:var(--muted); font-weight:600;
}
body:has(.scp-profiles-profile) .pf-meta-dot {
    width:4px; height:4px; border-radius:50%;
            background:currentColor; opacity:.55;
}
body:has(.scp-profiles-profile) .pf-summary-text {
    font-size:.88rem; line-height:1.6; color:var(--muted);
}
/* ── Pill badges ── */
body:has(.scp-profiles-profile) .pf-pill {
    display:inline-flex; align-items:center; gap:.35rem;
            padding:.35rem .75rem;
            border-radius:999px;
            font-size:.75rem; font-weight:800;
            border:1px solid transparent;
            white-space:nowrap;
}
body:has(.scp-profiles-profile) .pf-pill-primary {
    background: var(--p-lt); color: var(--p-dk); border-color: rgba(99,102,241,.2)
}
body:has(.scp-profiles-profile) .pf-pill-success {
    background: var(--g-lt); color:#047857; border-color: rgba(16,185,129,.22)
}
body:has(.scp-profiles-profile) .pf-pill-warning {
    background: var(--w-lt); color:#92400e; border-color: rgba(245,158,11,.22)
}
body:has(.scp-profiles-profile) .pf-pill-info {
    background: var(--i-lt); color:#0e7490; border-color: rgba(6,182,212,.22)
}
body:has(.scp-profiles-profile) .pf-pill-soft {
    background:#f8fafc; color: var(--muted); border-color: var(--border)
}
body:has(.scp-profiles-profile) .pf-pill-ghost {
    background: rgba(255,255,255,.18); color:#fff; border-color:rgba(255,255,255,.25); backdrop-filter:blur(12px)
}
/* ── Stats strip ── */
body:has(.scp-profiles-profile) .pf-stats {
    display:flex; flex-wrap:wrap; gap:0;
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            margin: 0 0 1.5rem;
}
body:has(.scp-profiles-profile) .pf-stat {
    flex:1 1 140px;
            padding: 1rem 1.25rem;
            border-right: 1px solid var(--border);
            min-width:0;
}
body:has(.scp-profiles-profile) .pf-stat:last-child {
    border-right:none
}
body:has(.scp-profiles-profile) .pf-stat-label {
    font-size:.68rem; font-weight:900; letter-spacing:.1em;
            text-transform:uppercase; color: var(--soft); margin-bottom:.3rem;
            display:flex; align-items:center; gap:.35rem;
}
body:has(.scp-profiles-profile) .pf-stat-value {
    font-size:.95rem; font-weight:800; color: var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
/* ── Profile completion ── */
body:has(.scp-profiles-profile) .pf-completion {
    display:inline-flex; align-items:center; gap:.65rem;
}
body:has(.scp-profiles-profile) .pf-ring {
    position:relative; width:48px; height:48px; flex-shrink:0
}
body:has(.scp-profiles-profile) .pf-ring svg {
    transform:rotate(-90deg)
}
body:has(.scp-profiles-profile) .pf-ring-pct {
    position:absolute; inset:0;
            display:flex; align-items:center; justify-content:center;
            font-size:.65rem; font-weight:900; color: var(--text);
}
/* ── Buttons ── */
body:has(.scp-profiles-profile) .btn-pf {
    display:inline-flex; align-items:center; gap:.45rem;
            padding:.55rem 1rem; border-radius:.85rem;
            font-size:.82rem; font-weight:800;
            border:1px solid transparent;
            cursor:pointer; text-decoration:none;
            transition: transform .15s, box-shadow .15s, background .15s;
}
body:has(.scp-profiles-profile) .btn-pf:hover {
    transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.10)
}
body:has(.scp-profiles-profile) .btn-pf:active {
    transform:none
}
body:has(.scp-profiles-profile) .btn-pf-primary {
    background: var(--p); color:#fff; border-color: var(--p)
}
body:has(.scp-profiles-profile) .btn-pf-primary:hover {
    background: var(--p-dk); color:#fff
}
body:has(.scp-profiles-profile) .btn-pf-soft {
    background: rgba(255,255,255,.20); color:#fff; border-color: rgba(255,255,255,.30); backdrop-filter:blur(12px)
}
body:has(.scp-profiles-profile) .btn-pf-soft:hover {
    background: rgba(255,255,255,.30); color:#fff
}
body:has(.scp-profiles-profile) .btn-pf-light {
    background:#fff; color: var(--text); border-color: var(--border)
}
body:has(.scp-profiles-profile) .btn-pf-light:hover {
    background:#f8fafc; border-color: rgba(99,102,241,.35); color: var(--text)
}
/* ── Cards ── */
body:has(.scp-profiles-profile) .pf-card {
    background: var(--card);
            border:1px solid var(--border);
            border-radius: var(--r-lg);
            box-shadow: 0 1px 3px rgba(0,0,0,.04);
            overflow:hidden;
}
body:has(.scp-profiles-profile) .pf-card-header {
    display:flex; align-items:center; justify-content:space-between;
            padding: 1rem 1.25rem;
            background: linear-gradient(180deg,#f8fafc,#fff);
            border-bottom: 1px solid var(--border);
            gap:1rem;
}
body:has(.scp-profiles-profile) .pf-card-title {
    display:flex; align-items:center; gap:.65rem;
            font-weight:800; font-size:.95rem; color: var(--text); margin:0;
}
body:has(.scp-profiles-profile) .pf-ico {
    width:36px; height:36px; border-radius:.8rem;
            display:flex; align-items:center; justify-content:center;
            flex-shrink:0;
}
body:has(.scp-profiles-profile) .pf-ico-primary {
    background: var(--p-lt); color: var(--p)
}
body:has(.scp-profiles-profile) .pf-ico-success {
    background: var(--g-lt); color:#047857
}
body:has(.scp-profiles-profile) .pf-ico-warning {
    background: var(--w-lt); color:#92400e
}
body:has(.scp-profiles-profile) .pf-ico-info {
    background: var(--i-lt); color:#0e7490
}
/* ── Info list ── */
body:has(.scp-profiles-profile) .pf-info-row {
    display:grid; grid-template-columns:auto 1fr auto; align-items:center;
            gap:.75rem 1rem;
            padding:.8rem 1.25rem;
            border-bottom:1px solid rgba(226,232,240,.6);
}
body:has(.scp-profiles-profile) .pf-info-row:last-child {
    border-bottom:none
}
body:has(.scp-profiles-profile) .pf-info-row-icon {
    width:30px; height:30px; border-radius:.6rem;
            display:flex; align-items:center; justify-content:center;
            font-size:.8rem; flex-shrink:0;
}
body:has(.scp-profiles-profile) .pf-info-label {
    font-size:.8rem; font-weight:700; color: var(--muted)
}
body:has(.scp-profiles-profile) .pf-info-value {
    font-size:.85rem; font-weight:800; color: var(--text); text-align:right
}
body:has(.scp-profiles-profile) .pf-info-missing {
    color: var(--soft); font-style:italic; font-weight:600
}
body:has(.scp-profiles-profile) .pf-feature-list {
    display:grid; gap:.85rem
}
body:has(.scp-profiles-profile) .pf-feature-item {
    display:flex; gap:.8rem; align-items:flex-start;
            padding:.85rem 0; border-bottom:1px solid rgba(226,232,240,.6);
}
body:has(.scp-profiles-profile) .pf-feature-item:last-child {
    border-bottom:none; padding-bottom:0
}
body:has(.scp-profiles-profile) .pf-feature-copy-title {
    font-size:.84rem; font-weight:800; color:var(--text); margin-bottom:.15rem
}
body:has(.scp-profiles-profile) .pf-feature-copy-text {
    font-size:.8rem; color:var(--muted); line-height:1.5
}
body:has(.scp-profiles-profile) .pf-mini-stat-grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem
}
body:has(.scp-profiles-profile) .pf-mini-stat {
    border:1px solid var(--border); border-radius:1rem;
            background:linear-gradient(180deg,#fbfbfa,#fff); padding:.9rem 1rem;
}
body:has(.scp-profiles-profile) .pf-mini-stat-label {
    font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:var(--soft);
}
body:has(.scp-profiles-profile) .pf-mini-stat-value {
    font-size:.95rem; font-weight:800; color:var(--text); margin-top:.25rem
}
/* ── Section label ── */
body:has(.scp-profiles-profile) .pf-section-label {
    font-size:.68rem; font-weight:900; letter-spacing:.12em;
            text-transform:uppercase; color: var(--soft);
            display:flex; align-items:center; gap:.4rem;
            margin-bottom:.75rem;
}
/* ── Skill chips ── */
body:has(.scp-profiles-profile) .pf-chip {
    display:inline-flex; align-items:center; gap:.35rem;
            padding:.35rem .7rem; border-radius:999px;
            font-size:.75rem; font-weight:800;
            background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(139,92,246,.08));
            color: var(--p-dk); border:1px solid rgba(99,102,241,.20);
}
/* ── Bank tile ── */
body:has(.scp-profiles-profile) .pf-bank-tile {
    background: linear-gradient(180deg,#f8fafc,#fff);
            border:1px solid var(--border); border-radius: var(--r-md); padding:.85rem 1rem;
}
body:has(.scp-profiles-profile) .pf-bank-label {
    font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color: var(--soft); margin-bottom:.2rem
}
body:has(.scp-profiles-profile) .pf-bank-value {
    font-size:.9rem; font-weight:800; color: var(--text)
}
/* ── Notice ── */
body:has(.scp-profiles-profile) .pf-notice {
    border-radius: var(--r-lg); border:1px solid var(--border);
            background:#fff; padding:1rem 1.25rem;
            display:flex; gap:.85rem; align-items:flex-start;
}
body:has(.scp-profiles-profile) .pf-notice-icon {
    width:38px; height:38px; border-radius:.9rem;
            display:flex; align-items:center; justify-content:center;
            color:#fff; flex-shrink:0; font-size:1rem;
}
body:has(.scp-profiles-profile) .pf-notice-title {
    font-weight:800; font-size:.9rem; color: var(--text); margin-bottom:.2rem
}
body:has(.scp-profiles-profile) .pf-notice-text {
    font-size:.82rem; color: var(--muted); line-height:1.5
}
/* ── Tabs ── */
body:has(.scp-profiles-profile) .pf-tabs {
    background: linear-gradient(180deg,#f8fafc,#fff);
            border:1px solid var(--border); border-radius:1.1rem;
            padding:.3rem; gap:.3rem; display:flex;
}
body:has(.scp-profiles-profile) .pf-tabs .nav-link {
    border-radius:.85rem; font-weight:800; color: var(--muted);
            padding:.65rem 1rem; flex:1;
            display:flex; align-items:center; justify-content:center; gap:.45rem;
            transition: background .15s, color .15s, transform .15s, box-shadow .15s;
            border:none;
}
body:has(.scp-profiles-profile) .pf-tabs .nav-link:hover {
    background: var(--p-lt); color: var(--p)
}
body:has(.scp-profiles-profile) .pf-tabs .nav-link.active {
    background:#fff; color: var(--p-dk);
            box-shadow: 0 8px 20px rgba(0,0,0,.08);
            transform: translateY(-1px);
}
/* ── Table ── */
/* ── Avatar sm ── */
body:has(.scp-profiles-profile) .pf-av-sm {
    width:40px; height:40px; border-radius:50%; object-fit:cover
}
body:has(.scp-profiles-profile) .pf-av-md {
    width:48px; height:48px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:var(--sh)
}
/* ── Empty state ── */
body:has(.scp-profiles-profile) .pf-empty {
    padding:3rem 1rem; text-align:center
}
body:has(.scp-profiles-profile) .pf-empty-ico {
    width:80px; height:80px; border-radius:50%;
            display:flex; align-items:center; justify-content:center;
            background:#f8fafc; border:1px solid var(--border);
            margin:0 auto 1rem; color: var(--soft); font-size:2rem;
}
/* ── Responsive ── */
@media(max-width:991.98px) {
body:has(.scp-profiles-profile) :root {
    --cover-h:140px; --avatar-size:88px
}
body:has(.scp-profiles-profile) .pf-stat {
    flex:1 1 120px
}

}
@media(max-width:575.98px) {
body:has(.scp-profiles-profile) .pf-identity {
    padding-left:1.25rem; padding-right:1.25rem
}
body:has(.scp-profiles-profile) .pf-identity .pf-name {
    font-size:1.35rem
}
body:has(.scp-profiles-profile) .pf-headline {
    font-size:.92rem
}
body:has(.scp-profiles-profile) .pf-mini-stat-grid {
    grid-template-columns:1fr
}

}


/* ─── projects\bom.blade.php [block 0] (scoped via .scp-projects-bom) ─── */
body:has(.scp-projects-bom) .project-bom-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-bom) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.05rem;
            padding-bottom: 1.05rem;
}
body:has(.scp-projects-bom) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-bom) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-bom) .bom-form-section {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .95rem;
            margin-bottom: .9rem;
}
body:has(.scp-projects-bom) .material-title {
    margin: 0 0 .8rem;
            font-size: .95rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-bom) #grand-total {
    max-width: 240px;
            margin-left: auto;
}


/* ─── projects\budget.blade.php [block 0] (scoped via .scp-projects-budget) ─── */
body:has(.scp-projects-budget) .project-budget-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-budget) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.05rem;
            padding-bottom: 1.05rem;
}
body:has(.scp-projects-budget) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-budget) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-budget) .budget-field {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .95rem;
            margin-bottom: .9rem;
}
body:has(.scp-projects-budget) .budget-label {
    display: block;
            margin-bottom: .5rem;
            font-size: .82rem;
            font-weight: 700;
            color: #374151;
            text-transform: uppercase;
            letter-spacing: .02em;
}
body:has(.scp-projects-budget) .budget-note {
    border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .7rem .85rem;
}
body:has(.scp-projects-budget) .budget-kpi {
    border: 1px solid #e7edf6;
            border-radius: 12px;
            background: #fbfdff;
            padding: .85rem 1rem;
}
body:has(.scp-projects-budget) .budget-kpi .label {
    color: #6b7280;
            font-size: .74rem;
            text-transform: uppercase;
            letter-spacing: .03em;
}
body:has(.scp-projects-budget) .budget-kpi .value {
    margin-top: .2rem;
            font-weight: 700;
            color: #111827;
            font-size: 1.05rem;
}


/* ─── projects\chart.blade.php [block 0] (scoped via .scp-projects-chart) ─── */
body:has(.scp-projects-chart) .project-chart-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-chart) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.05rem;
            padding-bottom: 1.05rem;
}
body:has(.scp-projects-chart) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-chart) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-chart) .chart-wrap {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .75rem;
}
body:has(.scp-projects-chart) #gantt_div {
    width: 100%;
            min-height: 420px;
}
body:has(.scp-projects-chart) .chart-empty {
    display: none;
            border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .8rem .9rem;
            margin-top: .75rem;
}
body:has(.scp-projects-chart) .chart-kpi {
    border: 1px solid #e7edf6;
            border-radius: 12px;
            background: #fbfdff;
            padding: .85rem 1rem;
}
body:has(.scp-projects-chart) .chart-kpi .label {
    color: #6b7280;
            font-size: .74rem;
            text-transform: uppercase;
            letter-spacing: .03em;
}
body:has(.scp-projects-chart) .chart-kpi .value {
    margin-top: .2rem;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}


/* ─── projects\edit.blade.php [block 0] (scoped via .scp-projects-edit) ─── */
body:has(.scp-projects-edit) .project-edit-header {
    background: linear-gradient(135deg, #0b5ed7 0%, #0d6efd 50%, #4f9bff 100%);
        color: #fff;
        border-bottom: 0;
}
body:has(.scp-projects-edit) .project-edit-header .modal-title {
    font-weight: 700;
        letter-spacing: .01em;
}
body:has(.scp-projects-edit) .project-edit-shell {
    border: 1px solid #e8eef8;
        border-radius: 14px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}
body:has(.scp-projects-edit) .project-edit-strip {
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 100%);
        border-bottom: 1px solid #e8eef8;
        padding: .9rem 1rem;
        color: #4b5563;
        font-size: .86rem;
}
body:has(.scp-projects-edit) .project-edit-content {
    padding: 1rem;
}
body:has(.scp-projects-edit) .project-edit-content .form-label, body:has(.scp-projects-edit) .project-edit-content .form-label {
    font-size: .78rem;
        letter-spacing: .02em;
        color: #4b5563;
        margin-bottom: .3rem;
}
body:has(.scp-projects-edit) .project-edit-content .form-control, body:has(.scp-projects-edit) .project-edit-content .form-select {
    border-radius: 10px;
        border-color: #dbe5f3;
}
body:has(.scp-projects-edit) .project-edit-content .form-control:focus, body:has(.scp-projects-edit) .project-edit-content .form-select:focus {
    border-color: #0d6efd;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, 0.12);
}
body:has(.scp-projects-edit) .project-edit-actions {
    border-top: 1px solid #e8eef8;
        margin-top: 1rem;
        padding-top: .9rem;
}


/* ─── projects\expense.blade.php [block 0] (scoped via .scp-projects-expense) ─── */
body:has(.scp-projects-expense) .project-expense-page .card {
    border: 1px solid #e9eef5;
                border-radius: 14px;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-expense) .project-card-header {
    border-bottom: 1px solid #edf2f8;
                padding-top: 1.05rem;
                padding-bottom: 1.05rem;
}
body:has(.scp-projects-expense) .section-title {
    margin: 0;
                font-size: 1.05rem;
                font-weight: 700;
                color: #111827;
}
body:has(.scp-projects-expense) .section-subtitle {
    margin-top: .2rem;
                font-size: .78rem;
                color: #6b7280;
}
body:has(.scp-projects-expense) .expense-kpi {
    border: 1px solid #e7edf6;
                border-radius: 12px;
                background: #fbfdff;
                padding: .85rem 1rem;
}
body:has(.scp-projects-expense) .expense-kpi .label {
    color: #6b7280;
                font-size: .74rem;
                text-transform: uppercase;
                letter-spacing: .03em;
}
body:has(.scp-projects-expense) .expense-kpi .value {
    margin-top: .2rem;
                font-size: 1.05rem;
                font-weight: 700;
                color: #111827;
}
body:has(.scp-projects-expense) .expense-note {
    border: 1px dashed #dce6f6;
                border-radius: 10px;
                background: #f9fbff;
                color: #6b7280;
                font-size: .82rem;
                padding: .7rem .85rem;
}
/* ─── projects\files.blade.php [block 0] (scoped via .scp-projects-files) ─── */
body:has(.scp-projects-files) .project-files-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-files) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.05rem;
            padding-bottom: 1.05rem;
}
body:has(.scp-projects-files) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-files) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-files) .file-group-title {
    margin: 0 0 .7rem 0;
            font-size: .9rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-files) .file-row {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .75rem .85rem;
            margin-bottom: .7rem;
}
body:has(.scp-projects-files) .file-icon {
    width: 36px;
            height: 36px;
            border-radius: 10px;
            background: #f3f7ff;
            color: #0d6efd;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
}
body:has(.scp-projects-files) .file-meta {
    color: #6b7280;
            font-size: .78rem;
            margin-top: .2rem;
}
body:has(.scp-projects-files) .empty-state {
    border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .7rem .85rem;
}
body:has(.scp-projects-files) .file-dropzone {
    border: 2px dashed #9ec5fe;
            border-radius: 12px;
            background: #f8fbff;
            padding: 1.2rem;
}
body:has(.scp-projects-files) .file-dropzone.dz-hover {
    background: #eef6ff;
}
body:has(.scp-projects-files) .dz-message {
    display: flex;
            align-items: center;
            justify-content: center;
            gap: .75rem;
            margin: 0;
            color: #4b5563;
}
body:has(.scp-projects-files) .dz-preview {
    border: 1px solid #dee2e6;
            border-radius: 8px;
            background-color: #fff;
            margin-top: .6rem;
            padding: .55rem;
}
body:has(.scp-projects-files) .dz-upload {
    height: 5px;
            background-color: #0d6efd;
            transition: width 0.4s;
}
body:has(.scp-projects-files) .upload-note {
    border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .7rem .85rem;
}


/* ─── projects\granttchart.blade.php [block 0] (scoped via .scp-projects-granttchart) ─── */
body:has(.scp-projects-granttchart), body:has(.scp-projects-granttchart) {
    height: 100%;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
}
body:has(.scp-projects-granttchart) #gantt_div {
    width: 100%;
            height: 100%;
}


/* ─── projects\index.blade.php [block 0] (scoped via .scp-projects-index) ─── */
body:has(.scp-projects-index) :root {
    --mn-ink:#0f172a; --mn-muted:#64748b; --mn-soft:#f8fafc; --mn-line:#e5e7eb;
}
body:has(.scp-projects-index) .projects-shell .toolbar {
    border-bottom:1px solid var(--mn-line); background:#fff
}
body:has(.scp-projects-index) .projects-shell .toolbar h1 {
    color:var(--mn-ink)
}
body:has(.scp-projects-index) .compact-card {
    border:1px solid var(--mn-line); border-radius:12px; background:#fff
}
body:has(.scp-projects-index) .compact-card .card-body {
    padding:.85rem
}
body:has(.scp-projects-index) .summary-chip {
    display:inline-flex; align-items:center; gap:.4rem;
        padding:.26rem .6rem; border:1px solid #dbe4f3; border-radius:999px;
        color:#334155; font-size:.78rem; text-decoration:none; background:#fff;
}
body:has(.scp-projects-index) .summary-chip.active {
    border-color:#0d6efd; color:#0d6efd; background:#eef4ff
}
body:has(.scp-projects-index) .summary-chip .dot {
    width:.46rem; height:.46rem; border-radius:999px; background:#94a3b8
}
body:has(.scp-projects-index) .projects-controls .form-control, body:has(.scp-projects-index) .projects-controls .form-select {
    height:33px; font-size:.82rem; border-radius:8px
}
body:has(.scp-projects-index) #kt_datatable_projects {
    font-size:.84rem
}
body:has(.scp-projects-index) #kt_datatable_projects .status-pill {
    padding:.2rem .55rem; border-radius:999px; font-weight:600; font-size:.72rem
}
body:has(.scp-projects-index) #kt_datatable_projects .status-active {
    background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0
}
body:has(.scp-projects-index) #kt_datatable_projects .status-hold {
    background:#fffbeb; color:#92400e; border:1px solid #fde68a
}
body:has(.scp-projects-index) #kt_datatable_projects .status-close {
    background:#fef2f2; color:#991b1b; border:1px solid #fecaca
}
body:has(.scp-projects-index) .dt-buttons .btn {
    border-radius:8px; padding:.28rem .55rem; font-size:.75rem
}
body:has(.scp-projects-index) .mn-loader {
    display:flex; align-items:center; justify-content:center; min-height:110px
}


/* ─── projects\quotation.blade.php [block 0] (scoped via .scp-projects-quotation) ─── */
body:has(.scp-projects-quotation) .project-quotation-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-quotation) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.05rem;
            padding-bottom: 1.05rem;
}
body:has(.scp-projects-quotation) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-quotation) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-quotation) .quote-kpi {
    border: 1px solid #e7edf6;
            border-radius: 12px;
            background: #fbfdff;
            padding: .85rem 1rem;
}
body:has(.scp-projects-quotation) .quote-kpi .label {
    color: #6b7280;
            font-size: .74rem;
            text-transform: uppercase;
            letter-spacing: .03em;
}
body:has(.scp-projects-quotation) .quote-kpi .value {
    margin-top: .2rem;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-quotation) .empty-state {
    border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .8rem .9rem;
}


/* ─── projects\show.blade.php [block 0] (scoped via .scp-projects-show) ─── */
body:has(.scp-projects-show) .project-show-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-show) .project-show-page .card-header {
    border-bottom: 1px solid #edf2f8;
}
body:has(.scp-projects-show) .project-kpi {
    border: 1px solid #e7edf6;
            border-radius: 12px;
            background: #fbfdff;
            padding: .85rem 1rem;
}
body:has(.scp-projects-show) .project-kpi .value {
    font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.2;
}
body:has(.scp-projects-show) .project-kpi .label {
    color: #6b7280;
            font-size: .78rem;
            text-transform: uppercase;
            letter-spacing: .03em;
}
body:has(.scp-projects-show) .project-list-item {
    border: 1px solid #edf2f8;
            border-radius: 10px;
            padding: .8rem .9rem;
            background: #fff;
}
body:has(.scp-projects-show) .task-marker {
    width: 6px;
            border-radius: 999px;
            background: linear-gradient(180deg, #0d6efd, #5aa0ff);
}
body:has(.scp-projects-show) .file-dropzone {
    border: 2px dashed #9ec5fe;
            border-radius: 12px;
            background: #f8fbff;
            padding: 1.4rem;
}
body:has(.scp-projects-show) .file-row {
    border: 1px solid #edf2f8;
            border-radius: 10px;
            padding: .75rem .9rem;
            background: #fff;
}


/* ─── projects\taskkanban.blade.php [block 0] (scoped via .scp-projects-taskkanban) ─── */
body:has(.scp-projects-taskkanban) .card .card-body {
    padding: 2px 2px 2px 8px !important;
}


/* ─── projects\tasks.blade.php [block 0] (scoped via .scp-projects-tasks) ─── */
body:has(.scp-projects-tasks) .project-tasks-page .card {
    border: 1px solid #e9eef5;
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
body:has(.scp-projects-tasks) .project-card-header {
    border-bottom: 1px solid #edf2f8;
            padding-top: 1.1rem;
            padding-bottom: 1.1rem;
}
body:has(.scp-projects-tasks) .section-title {
    margin: 0;
            font-size: 1.05rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-tasks) .section-subtitle {
    margin-top: .2rem;
            font-size: .78rem;
            color: #6b7280;
}
body:has(.scp-projects-tasks) .contributor-row {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .7rem .85rem;
}
body:has(.scp-projects-tasks) .contributor-badge {
    min-width: 42px;
            text-align: center;
            font-weight: 700;
            border-radius: 999px;
            padding: .35rem .6rem;
            color: #fff;
}
body:has(.scp-projects-tasks) .task-stage {
    margin-top: 1rem;
}
body:has(.scp-projects-tasks) .task-stage-head {
    display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: .5rem;
            margin-bottom: .7rem;
}
body:has(.scp-projects-tasks) .task-stage-title {
    margin: 0;
            font-size: .95rem;
            font-weight: 700;
            color: #111827;
}
body:has(.scp-projects-tasks) .task-stage-count {
    border: 1px solid #d9e5fb;
            background: #f5f9ff;
            color: #0d6efd;
            border-radius: 999px;
            font-size: .74rem;
            font-weight: 700;
            padding: .2rem .6rem;
}
body:has(.scp-projects-tasks) .task-list-item {
    border: 1px solid #edf2f8;
            border-radius: 12px;
            background: #fff;
            padding: .75rem .85rem;
            display: flex;
            align-items: flex-start;
            gap: .75rem;
            margin-bottom: .7rem;
}
body:has(.scp-projects-tasks) .task-list-accent {
    width: 6px;
            border-radius: 999px;
            align-self: stretch;
            background: linear-gradient(180deg, #0d6efd, #5aa0ff);
            flex-shrink: 0;
}
body:has(.scp-projects-tasks) .task-meta {
    color: #6b7280;
            font-size: .78rem;
            margin-top: .25rem;
}
body:has(.scp-projects-tasks) .empty-state {
    border: 1px dashed #dce6f6;
            border-radius: 10px;
            background: #f9fbff;
            color: #6b7280;
            font-size: .82rem;
            padding: .7rem .85rem;
}


/* ─── projects\topbox.blade.php [block 0] (scoped via .scp-projects-topbox) ─── */
body:has(.scp-projects-topbox) .project-hero {
    border: 1px solid #e9eef5;
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
        overflow: hidden;
}
body:has(.scp-projects-topbox) .project-hero-head {
    position: relative;
        background:
            radial-gradient(circle at 14% 22%, rgba(13, 110, 253, 0.18) 0%, rgba(13, 110, 253, 0) 42%),
            radial-gradient(circle at 86% 12%, rgba(25, 135, 84, 0.12) 0%, rgba(25, 135, 84, 0) 40%),
            linear-gradient(122deg, #f5f9ff 0%, #eaf3ff 46%, #f8fbff 100%);
        border-bottom: 1px solid #e9eef5;
}
body:has(.scp-projects-topbox) .project-hero-head::before {
    content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(120deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 42%);
}
body:has(.scp-projects-topbox) .project-hero-head > .d-flex {
    position: relative;
        z-index: 1;
}
body:has(.scp-projects-topbox) .project-thumb {
    width: 96px;
        height: 96px;
        border-radius: 14px;
        object-fit: cover;
        border: 1px solid #dce5f2;
        background: #fff;
}
body:has(.scp-projects-topbox) .project-stat {
    border: 1px solid #e9eef5;
        border-radius: 12px;
        background: #fff;
        min-height: 86px;
}
body:has(.scp-projects-topbox) .project-tabs {
    overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: thin;
}
body:has(.scp-projects-topbox) .project-tabs .nav-link {
    border-radius: 999px;
        border: 1px solid transparent;
        color: #4b5563;
        font-weight: 600;
        padding: .55rem .9rem;
        margin-right: .4rem;
}
body:has(.scp-projects-topbox) .project-tabs .nav-link.active {
    background: #0d6efd;
        border-color: #0d6efd;
        color: #fff !important;
}
body:has(.scp-projects-topbox) .project-tabs .nav-link:not(.active):hover {
    background: #f3f6fb;
        border-color: #d8e2f2;
        color: #111827;
}


/* ─── projects\groups\edit.blade.php [block 0] (scoped via .scp-projects-groups-edit) ─── */
body:has(.scp-projects-groups-edit) .input-sm {
    height: 32px;
          padding-left: 8px;
          padding-top: 5px;
          font-size: 12px;
          color: #B5B5C3;
          font-weight: 400;
}
body:has(.scp-projects-groups-edit) .card {
    border: 0;
          margin-top: 16px;
          box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-projects-groups-edit) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-projects-groups-edit) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── project_task\calendar.blade.php [block 0] (scoped via .scp-project-task-calendar) ─── */
body:has(.scp-project-task-calendar) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-project-task-calendar) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-project-task-calendar) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-project-task-calendar) .position-relative.d-sm-inline-block {
    width: 157px;
}
body:has(.scp-project-task-calendar) .filter_date {
    font-size:14px;
}


/* ─── project_task\index.blade.php [block 0] (scoped via .scp-project-task-index) ─── */
body:has(.scp-project-task-index) .card {
    padding: 20px;
    border:none;
}
body:has(.scp-project-task-index) .time-text {
    color: #989898;
}
body:has(.scp-project-task-index) .dots {
    height: 7px;
    width: 7px;
    background-color: #eee;
    display: flex;
    border-radius: 50%;
    margin-left:7px;
    margin-right: 7px;
}
body:has(.scp-project-task-index) .content-text-2 {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #e2f5fa;
    color: #6ecce6;
}


/* ─── project_task\show.blade.php [block 0] (scoped via .scp-project-task-show) ─── */
body:has(.scp-project-task-show) {
    font-weight: normal !important;
}
body:has(.scp-project-task-show) .task-info h5 {
    font-size: 14px;
        margin: 0;
        font-weight: 400;
        color: #64748b;
}


/* ─── proposal\show.blade.php [block 0] (scoped via .scp-proposal-show) ─── */
/* ─── proposals\create.blade.php [block 2] (scoped via .scp-proposals-create) ─── */
body:has(.scp-proposals-create) .card .select2-container {
    width:100% !important;
}
body:has(.scp-proposals-create) .select2-container .select2-selection--single {
    min-height:38px;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection {
    border-radius:.5rem;
}


/* ─── proposals\create.blade.php [block 1] (scoped via .scp-proposals-create) ─── */
/* Native BS5 inputs/selects */
body:has(.scp-proposals-create) .form-select, body:has(.scp-proposals-create) .form-control {
    background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: .75rem;
}
body:has(.scp-proposals-create) .form-select.form-select-sm, body:has(.scp-proposals-create) .form-control.form-control-sm {
    min-height: 38px;
}
body:has(.scp-proposals-create) .form-select:focus, body:has(.scp-proposals-create) .form-control:focus {
    border-color: #6366f1;
        box-shadow: 0 0 0 .2rem rgba(99,102,241,.25);
        background-color: #f8fafc;
}
/* Select2 (Bootstrap 5 theme) */
body:has(.scp-proposals-create) .select2-container {
    width: 100% !important;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection {
    background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: .75rem;
        min-height: 38px;
        transition: box-shadow .15s ease, border-color .15s ease;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection__rendered {
    line-height: 38px;
        padding-left: 12px;
        color: #0f172a;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection__arrow {
    height: 38px; right: 10px;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5.select2-container--focus .select2-selection, body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection:focus {
    border-color: #6366f1;
        box-shadow: 0 0 0 .2rem rgba(99,102,241,.25);
}
body:has(.scp-proposals-create) .select2-container .select2-dropdown {
    border-color: #e2e8f0;
        border-radius: .75rem;
        box-shadow: 0 10px 24px rgba(2,6,23,.10);
}
body:has(.scp-proposals-create) .select2-results__option--highlighted {
    background: #eef2ff; color: #111827;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-proposals-create) .form-select, body:has(.scp-proposals-create) .form-control {
    background-color: #0f172a; border-color: #233049; color: #e5e7eb;
}
body:has(.scp-proposals-create) .select2-container--bootstrap-5 .select2-selection {
    background-color: #0f172a; border-color: #233049;
}
body:has(.scp-proposals-create) .select2-container .select2-dropdown {
    border-color: #233049;
}

}


/* ─── proposals\create.blade.php [block 0] (scoped via .scp-proposals-create) ─── */
body:has(.scp-proposals-create) :root {
    --glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .55));
            --glass-bd: rgba(2, 6, 23, .08);
            --muted: #6b7280;
            --chip-bg: #eef2ff;
            --chip-text: #1f2937;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-proposals-create) :root {
    --glass-bg: linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(15, 23, 42, .55));
                --glass-bd: rgba(255, 255, 255, .08);
                --muted: #9ca3af;
                --chip-bg: #0b1220;
                --chip-text: #e5e7eb;
}

}
body:has(.scp-proposals-create) .glass-toolbar {
    background: var(--glass-bg);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--glass-bd);
            border-radius: .85rem;
}
body:has(.scp-proposals-create) .chip {
    display: inline-flex;
            align-items: center;
            gap: .35rem;
            background: var(--chip-bg);
            color: var(--chip-text);
            padding: .25rem .6rem;
            border-radius: 999px;
            font-size: .8rem;
            line-height: 1;
}
body:has(.scp-proposals-create) .card-modern {
    border: 1px solid var(--glass-bd);
            box-shadow: 0 20px 50px rgba(2, 6, 23, .06), 0 2px 12px rgba(2, 6, 23, .05);
            border-radius: .9rem;
}
body:has(.scp-proposals-create) .card-header-min {
    background: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(99, 102, 241, .03));
}
body:has(.scp-proposals-create) .sticky-actions {
    position: sticky;
            bottom: -1px;
            z-index: 5;
            background: var(--glass-bg);
            border-top: 1px solid var(--glass-bd);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: .75rem;
            border-bottom-left-radius: .9rem;
            border-bottom-right-radius: .9rem;
}
body:has(.scp-proposals-create) .ai-toolbar {
    display: flex;
            flex-wrap: wrap;
            gap: .5rem;
            align-items: center
}
body:has(.scp-proposals-create) .ai-toolbar .btn {
    --bs-btn-padding-y: .35rem;
            --bs-btn-padding-x: .6rem;
            --bs-btn-font-size: .8rem
}
body:has(.scp-proposals-create) .note-editor.note-frame {
    border-radius: .75rem;
            border-color: var(--glass-bd)
}
body:has(.scp-proposals-create) .note-toolbar {
    border-bottom: 1px solid var(--glass-bd)
}
body:has(.scp-proposals-create) .help-text {
    color: var(--muted);
            font-size: .85rem
}


/* ─── proposals\edit.blade.php [block 0] (scoped via .scp-proposals-edit) ─── */
body:has(.scp-proposals-edit) :root {
    --glass-bg: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.55));
      --glass-bd: rgba(2,6,23,.08);
      --muted: #6b7280;
      --chip-bg:#eef2ff;
      --chip-text:#1f2937;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-proposals-edit) :root {
    --glass-bg: linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.55));
        --glass-bd: rgba(255,255,255,.08);
        --muted:#9ca3af;
        --chip-bg:#0b1220;
        --chip-text:#e5e7eb;
}

}
body:has(.scp-proposals-edit) .glass-toolbar {
    background: var(--glass-bg);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid var(--glass-bd);
      border-radius: .85rem;
}
body:has(.scp-proposals-edit) .chip {
    display:inline-flex;align-items:center;gap:.35rem;background:var(--chip-bg);color:var(--chip-text);padding:.25rem .6rem;border-radius:999px;font-size:.8rem;line-height:1
}
body:has(.scp-proposals-edit) .card-modern {
    border:1px solid var(--glass-bd);box-shadow:0 20px 50px rgba(2,6,23,.06),0 2px 12px rgba(2,6,23,.05);border-radius:.9rem
}
body:has(.scp-proposals-edit) .card-header-min {
    background:linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.03))
}
body:has(.scp-proposals-edit) .sticky-actions {
    position:sticky;bottom:-1px;z-index:5;background:var(--glass-bg);border-top:1px solid var(--glass-bd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem;border-bottom-left-radius:.9rem;border-bottom-right-radius:.9rem
}
body:has(.scp-proposals-edit) .ai-toolbar {
    display:flex;flex-wrap:wrap;gap:.5rem;align-items:center
}
body:has(.scp-proposals-edit) .ai-toolbar .btn {
    --bs-btn-padding-y:.35rem;--bs-btn-padding-x:.6rem;--bs-btn-font-size:.8rem
}
body:has(.scp-proposals-edit) .note-editor.note-frame {
    border-radius:.75rem;border-color:var(--glass-bd)
}
body:has(.scp-proposals-edit) .note-toolbar {
    border-bottom:1px solid var(--glass-bd)
}
body:has(.scp-proposals-edit) .help-text {
    color:var(--muted);font-size:.85rem
}


/* ─── proposals\indexDetail.blade.php [block 0] (scoped via .scp-proposals-indexdetail) ─── */
/* ─── proposals\salespaymentlist.blade.php [block 0] (scoped via .scp-proposals-salespaymentlist) ─── */
/* ─── purchase\allpurchaselist.blade.php [block 0] (scoped via .scp-purchase-allpurchaselist) ─── */
body:has(.scp-purchase-allpurchaselist) .select2-container .select2-selection--single {
    height: 31px !important;
}
body:has(.scp-purchase-allpurchaselist) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 29px !important; font-size: .875rem;
}
body:has(.scp-purchase-allpurchaselist) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px !important;
}


/* ─── purchase\billwisecreditorlist.blade.php [block 0] (scoped via .scp-purchase-billwisecreditorlist) ─── */
body:has(.scp-purchase-billwisecreditorlist) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
body:has(.scp-purchase-billwisecreditorlist) .filter-shell {
    background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            padding: 12px;
            margin-bottom: 14px;
}
body:has(.scp-purchase-billwisecreditorlist) .filter-label {
    display: block;
            color: #64748b;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .04em;
            margin-bottom: 4px;
            text-transform: uppercase;
}
body:has(.scp-purchase-billwisecreditorlist) .supplier-option-name {
    font-weight:700;color:#111827;font-size:.86rem;line-height:1.25;
}
body:has(.scp-purchase-billwisecreditorlist) .supplier-option-meta {
    font-size:.73rem;color:#6b7280;line-height:1.25;white-space:normal;
}
body:has(.scp-purchase-billwisecreditorlist) .select2-container--open .select2-results > .select2-results__options {
    max-height:260px !important;
            overflow-y:auto !important;
}
/* ─── purchase\create.blade.php [block 0] (scoped via .scp-purchase-create) ─── */
body:has(.scp-purchase-create) :root {
    --radius:14px;
        --border:#e5e7eb;
        --muted:#6b7280;
        --bg:#f6f7fb;
        --card:#ffffff;
        --shadow:0 10px 30px rgba(16,24,40,.06);
}
body:has(.scp-purchase-create) {
    background:var(--bg);
}
body:has(.scp-purchase-create) .ns-card {
    background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
}
body:has(.scp-purchase-create) .ns-card .card-header {
    border-bottom:1px solid var(--border); background:linear-gradient(180deg,#fff 0%, #fafbff 100%);
}
body:has(.scp-purchase-create) .select2-container .select2-selection--single {
    height:36px !important;
}
body:has(.scp-purchase-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:34px !important;
}
body:has(.scp-purchase-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:34px !important;
}
body:has(.scp-purchase-create) .sticky-actions {
    position: sticky; bottom: 0; z-index: 10;
        background: rgba(255,255,255,.92);
        backdrop-filter: blur(6px);
        border-top:1px solid var(--border);
        padding: .75rem 1rem;
        border-radius: 0 0 var(--radius) var(--radius);
}
body:has(.scp-purchase-create) .mini-help {
    font-size: 12px; color: var(--muted);
}
body:has(.scp-purchase-create) .import-actions {
    position: sticky; top: 74px; z-index: 9;
        background: rgba(255,255,255,.92);
        backdrop-filter: blur(6px);
        border:1px solid var(--border);
        border-radius: 12px;
        padding: .6rem .75rem;
}
body:has(.scp-purchase-create) .chip {
    display:inline-flex; align-items:center; gap:.35rem;
        border:1px solid var(--border);
        border-radius:999px;
        padding:.25rem .6rem;
        font-size:12px;
        background:#fff;
}


/* ─── purchase\edit.blade.php [block 0] (scoped via .scp-purchase-edit) ─── */
body:has(.scp-purchase-edit) .select2-container .select2-selection--single {
    height:30px!important;border-radius:6px!important;
}
body:has(.scp-purchase-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:28px!important;font-size:12px!important;padding-left:8px!important;
}
body:has(.scp-purchase-edit) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:28px!important;
}
body:has(.scp-purchase-edit) .form-control-sm, body:has(.scp-purchase-edit) .form-select-sm {
    font-size:12px!important;
}
body:has(.scp-purchase-edit) textarea.form-control-sm {
    height:auto!important;
}
body:has(.scp-purchase-edit) .form-label {
    font-size:11px!important;font-weight:600!important;margin-bottom:.25rem!important;text-transform:uppercase;letter-spacing:.3px;
}
body:has(.scp-purchase-edit) .sn-badge {
    width:22px;height:22px;font-size:10px;font-weight:700;
}
body:has(.scp-purchase-edit) .btn-delete {
    width:24px;height:24px;padding:0;
}
body:has(.scp-purchase-edit) .sticky-footer {
    backdrop-filter:blur(8px);
}
/* ─── purchase\index.blade.php [block 0] (scoped via .scp-purchase-index) ─── */
body:has(.scp-purchase-index) :root {
    --card-shadow: 0 16px 38px rgba(15,23,42,.08);
            --card-shadow-sm: 0 10px 24px rgba(15,23,42,.06);
            --radius: 18px;
            --border: #e5edf4;
            --ink: #0f172a;
            --text: #334155;
            --muted: #64748b;
            --brand: #0f766e;
            --brand-dark: #115e59;
            --brand-soft: #ecfdf5;
            --warn-soft: #fff7ed;
            --blue-soft: #eff6ff;
}
body:has(.scp-purchase-index) {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
body:has(.scp-purchase-index) .toolbar {
    background:
                radial-gradient(circle at top right, rgba(20,184,166,.12), transparent 26%),
                linear-gradient(135deg,#f0fdfa 0%, #ffffff 42%, #fff7ed 100%);
            border: 1px solid #d8f5ec;
            border-radius: 24px;
            padding: 1rem 1.05rem;
            box-shadow: var(--card-shadow);
            margin-bottom: .9rem;
}
body:has(.scp-purchase-index) .hero-title {
    font-size: 1.6rem;
            font-weight: 900;
            letter-spacing: -.03em;
            color: var(--ink);
}
body:has(.scp-purchase-index) .hero-copy {
    color: var(--muted);
            font-size: .86rem;
            font-weight: 500;
}
body:has(.scp-purchase-index) .hero-chip {
    display:inline-flex;
            align-items:center;
            gap:.42rem;
            padding:.42rem .78rem;
            border-radius:999px;
            border:1px solid #dbe4ee;
            background:#fff;
            color:var(--text);
            font-size:.74rem;
            font-weight:800;
            box-shadow:var(--card-shadow-sm);
}
body:has(.scp-purchase-index) .hero-chip.primary {
    background:var(--brand-soft);
            border-color:#a7f3d0;
            color:var(--brand-dark);
}
body:has(.scp-purchase-index) .hero-actions {
    display:flex;
            flex-wrap:wrap;
            gap:.5rem;
            justify-content:flex-end;
            align-items:center;
}
body:has(.scp-purchase-index) .hero-btn {
    display:inline-flex;
            align-items:center;
            gap:.45rem;
            border-radius:999px;
            padding:.58rem .95rem;
            font-size:.78rem;
            font-weight:800;
            border:1px solid #d8e1ea;
            background:#fff;
            color:var(--text);
            text-decoration:none;
            box-shadow:var(--card-shadow-sm);
}
body:has(.scp-purchase-index) .hero-btn:hover {
    color:var(--brand-dark);
            border-color:#99f6e4;
            background:#f8fffd;
}
body:has(.scp-purchase-index) .hero-btn.primary {
    background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
            border-color:var(--brand);
            color:#fff;
}
body:has(.scp-purchase-index) .hero-btn.primary:hover {
    color:#fff;
}
/* ── filter modal ── */
@keyframes pfShimmer {
0%{background-position:-600px 0}100%{background-position:600px 0}
}
body:has(.scp-purchase-index) .pf-skel {
    height:38px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:600px 100%;animation:pfShimmer 1.2s infinite linear;
}
body:has(.scp-purchase-index) .pf-skel.sm {
    height:14px;width:55%;
}
body:has(.scp-purchase-index) #pf-skeleton .mb-3 {
    margin-bottom:1rem!important;
}
/* ── active filter chips ── */
body:has(.scp-purchase-index) .pf-chips {
    display:flex;flex-wrap:wrap;gap:.4rem;padding:.45rem 1rem;border-top:1px solid #eef2f7;
}
body:has(.scp-purchase-index) .pf-chip {
    display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46;font-size:.72rem;font-weight:700;
}
body:has(.scp-purchase-index) .pf-chip a {
    color:inherit;text-decoration:none;opacity:.75;margin-left:.1rem;font-size:.78rem;line-height:1;
}
body:has(.scp-purchase-index) .pf-chip a:hover {
    opacity:1;
}
body:has(.scp-purchase-index) .section-head {
    display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:1rem;
            flex-wrap:wrap;
            margin-bottom:.9rem;
}
body:has(.scp-purchase-index) .section-title {
    font-size:1.02rem;
            font-weight:900;
            color:var(--ink);
            margin:0;
}
body:has(.scp-purchase-index) .section-copy {
    font-size:.8rem;
            color:var(--muted);
            margin-top:.18rem;
}
body:has(.scp-purchase-index) .stat-card {
    border:1px solid var(--border);
            border-radius:20px;
            background:#fff;
            box-shadow:var(--card-shadow);
}
body:has(.scp-purchase-index) .stat-mini {
    position:relative;
            border:1px solid #e8eef5;
            border-radius:16px;
            background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
            padding:.95rem 1rem !important;
            overflow:hidden;
}
body:has(.scp-purchase-index) .stat-mini::before {
    content:'';
            position:absolute;
            inset:0 auto 0 0;
            width:4px;
            background:linear-gradient(180deg, #0f766e 0%, #14b8a6 100%);
}
body:has(.scp-purchase-index) .small-muted {
    font-size:12px; color:#6b7280;
}
body:has(.scp-purchase-index) .summary-pills {
    display:flex;
            flex-wrap:wrap;
            gap:.55rem;
}
body:has(.scp-purchase-index) .summary-pill {
    display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.32rem .58rem;
            border-radius:999px;
            border:1px solid #e2e8f0;
            background:#fff;
            color:var(--text);
            font-size:.68rem;
            font-weight:800;
            line-height:1.15;
}
body:has(.scp-purchase-index) .summary-pill svg {
    flex-shrink:0;
}
body:has(.scp-purchase-index) .summary-pill.success {
    background:#ecfdf5; border-color:#a7f3d0; color:#166534;
}
body:has(.scp-purchase-index) .summary-pill.info {
    background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8;
}
body:has(.scp-purchase-index) .summary-pill.warn {
    background:#fff7ed; border-color:#fed7aa; color:#b45309;
}
body:has(.scp-purchase-index) .period-strip {
    overflow-x:auto;
            padding-bottom:.15rem;
}
body:has(.scp-purchase-index) .period-strip::-webkit-scrollbar {
    height:5px;
}
body:has(.scp-purchase-index) .period-strip::-webkit-scrollbar-thumb {
    background:#e5e7eb; border-radius:999px;
}
body:has(.scp-purchase-index) .pill {
    display:inline-flex; align-items:center; gap:.35rem; border-radius:999px;
            padding:.18rem .55rem; border:1px solid #e5e7eb; background:#fafafa;
            font-weight:500; font-size:.64rem; color:#374151; white-space:nowrap;
}
body:has(.scp-purchase-index) .import-card {
    border:1px dashed #cbd5e1;
            border-radius:18px;
            background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            box-shadow:var(--card-shadow-sm);
}
body:has(.scp-purchase-index) .approval-tabs-wrap {
    padding:1rem 1rem 0;
}
body:has(.scp-purchase-index) .approval-tabs {
    border-bottom:0;
            gap:.55rem;
            flex-wrap:wrap;
}
body:has(.scp-purchase-index) .approval-tabs .nav-link {
    border:1px solid #e2e8f0;
            border-radius:999px;
            background:#eef2f7;
            color:var(--muted);
            font-size:.78rem;
            font-weight:800;
            padding:.55rem .9rem;
            box-shadow:var(--card-shadow-sm);
}
body:has(.scp-purchase-index) .approval-tabs .nav-link:hover {
    background:#f8fafc;
            color:var(--text);
            border-color:#cbd5e1;
}
body:has(.scp-purchase-index) .approval-tabs .nav-link.active-tab {
    background:#1e293b;
            color:#fff;
            border-color:#1e293b;
}
body:has(.scp-purchase-index) .approval-tabs .tab-count {
    color:inherit;
            font-weight:900;
            margin-left:.2rem;
}
body:has(.scp-purchase-index) .review-cell {
    display:grid;
            gap:.3rem;
}
body:has(.scp-purchase-index) .review-badge {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            width:max-content;
            max-width:100%;
            padding:.28rem .62rem;
            border-radius:999px;
            font-size:.68rem;
            font-weight:800;
            border:1px solid #dbe4ee;
            background:#f8fafc;
            color:#334155;
}
body:has(.scp-purchase-index) .review-badge.success {
    background:#ecfdf5;
            border-color:#a7f3d0;
            color:#166534;
}
body:has(.scp-purchase-index) .review-badge.warning {
    background:#fff7ed;
            border-color:#fed7aa;
            color:#b45309;
}
body:has(.scp-purchase-index) .review-badge.danger {
    background:#fee2e2;
            border-color:#fecaca;
            color:#991b1b;
}
body:has(.scp-purchase-index) .review-badge.neutral {
    background:#f8fafc;
            border-color:#dbe4ee;
            color:#475569;
}
body:has(.scp-purchase-index) .review-meta {
    display:grid;
            gap:.18rem;
            font-size:.72rem;
            line-height:1.35;
            color:var(--muted);
}
body:has(.scp-purchase-index) .review-meta strong {
    color:var(--ink);
            font-weight:800;
}
body:has(.scp-purchase-index) .review-link {
    display:inline-flex;
            align-items:center;
            gap:.32rem;
            font-size:.72rem;
            font-weight:800;
            color:var(--brand-dark);
            text-decoration:none;
}
body:has(.scp-purchase-index) .review-link:hover {
    color:var(--brand);
            text-decoration:underline;
}
body:has(.scp-purchase-index) #kt_datatable_fixed_columns {
    border-collapse:collapse !important;
}
/* scrollX creates a ghost thead in the scroll body — hide it */
/* cap Posting Status column width */
body:has(.scp-purchase-index) .filter-tip {
    border:1px solid #dbeafe;
            background:#eff6ff;
            color:#1e3a8a;
            border-radius:14px;
            padding:.8rem .9rem;
            font-size:.78rem;
            font-weight:600;
            line-height:1.45;
}
body:has(.scp-purchase-index) .form-select, body:has(.scp-purchase-index) .form-control {
    border-radius:12px !important;
}
@media (max-width: 767.98px) {
body:has(.scp-purchase-index) .hero-actions {
    justify-content:flex-end;
                flex-wrap:wrap;
}
body:has(.scp-purchase-index) .toolbar {
    border-radius:18px;
}
}


/* ─── purchase\paymentcreate.blade.php [block 0] (scoped via .scp-purchase-paymentcreate) ─── */
body:has(.scp-purchase-paymentcreate) .pc-card {
    border:0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.07)
}
body:has(.scp-purchase-paymentcreate) .pc-card .pc-header {
    padding:1rem 1.25rem;
          border-bottom:1px solid var(--bs-border-color,#e9ecef);
          display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip {
    display:flex;align-items:center;gap:.5rem;flex-wrap:wrap
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc {
    display:flex;align-items:center;gap:.3rem;
          background:#f8fafc;border:1px solid #e2e8f0;
          border-radius:6px;padding:.2rem .6rem;font-size:.78rem;
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc .lbl {
    color:#64748b;font-weight:500
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc .val {
    font-weight:700
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc.total .val {
    color:#1d4ed8
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc.paid  .val {
    color:#059669
}
body:has(.scp-purchase-paymentcreate) .pc-totals-strip .tc.rem   .val {
    color:#d97706
}
body:has(.scp-purchase-paymentcreate) .chip-bill {
    background:#eef2ff;border:1px dashed #c7d2fe;
          border-radius:999px;padding:.2rem .65rem;font-size:.75rem;white-space:nowrap;
}
body:has(.scp-purchase-paymentcreate) .pc-body {
    padding:1.1rem 1.25rem
}
body:has(.scp-purchase-paymentcreate) .extra-row-wrap {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem
}
body:has(.scp-purchase-paymentcreate) .required:after {
    content:" *";color:#dc2626
}
body:has(.scp-purchase-paymentcreate) .remove-this {
    cursor:pointer;font-size:1rem
}
body:has(.scp-purchase-paymentcreate) .sep {
    width:1px;height:20px;background:#e2e8f0;display:inline-block
}
/* tighter form spacing */
body:has(.scp-purchase-paymentcreate) .pc-body .form-label {
    margin-bottom:.2rem;font-size:.78rem;font-weight:600;color:#374151
}
body:has(.scp-purchase-paymentcreate) .pc-body .form-control-sm, body:has(.scp-purchase-paymentcreate) .pc-body .form-select-sm {
    font-size:.8rem
}


/* ─── purchase\pdc-list.blade.php [block 0] (scoped via .scp-purchase-pdc-list) ─── */
body:has(.scp-purchase-pdc-list) .note-cell {
    max-width: 260px; white-space: normal;
}
body:has(.scp-purchase-pdc-list) .filter-card .form-control, body:has(.scp-purchase-pdc-list) .filter-card .form-select {
    font-size: 12px;
}
body:has(.scp-purchase-pdc-list) .supplier-option-name {
    font-weight:700;color:#111827;font-size:.86rem;line-height:1.25;
}
body:has(.scp-purchase-pdc-list) .supplier-option-meta {
    font-size:.73rem;color:#6b7280;line-height:1.25;white-space:normal;
}
body:has(.scp-purchase-pdc-list) .select2-container--open .select2-results > .select2-results__options {
    max-height:260px !important;
            overflow-y:auto !important;
}


/* ─── purchase\schedule.blade.php [block 0] (scoped via .scp-purchase-schedule) ─── */
body:has(.scp-purchase-schedule) :root {
    --ink: #020617;
            --ink-soft: #0f172a;
            --soft: #e5e7eb;
            --accent: #0ea5e9;
}
body:has(.scp-purchase-schedule) .toolbar-shell {
    background: linear-gradient(180deg,#ffffff 0%, #f9fafb 100%);
            border-bottom: 1px solid #e5e7eb;
}
body:has(.scp-purchase-schedule) .erp-page-card {
    border-radius: 1rem;
            border: 1px solid #e5e7eb;
            box-shadow: 0 12px 25px rgba(15,23,42,0.06);
}
body:has(.scp-purchase-schedule) .erp-page-card .card-header {
    border-bottom: 1px solid #e5e7eb;
}
body:has(.scp-purchase-schedule) .erp-chip {
    display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.6rem;
            border-radius: 999px;
            font-size: 0.75rem;
            font-weight: 500;
            background: #eff6ff;
            color: #1d4ed8;
}
body:has(.scp-purchase-schedule) .erp-chip i {
    font-size: 0.9rem;
            margin-right: 0.25rem;
}
body:has(.scp-purchase-schedule) .supplier-filter-group .select2-container {
    min-width: 220px !important;
}
body:has(.scp-purchase-schedule) .supplier-filter-group .select2-container .select2-selection--single {
    height: 31px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-color: #ced4da;
}
body:has(.scp-purchase-schedule) .supplier-filter-group .select2-container .select2-selection__rendered {
    line-height: 29px;
            padding-left: 0.75rem;
}
body:has(.scp-purchase-schedule) .supplier-filter-group .select2-container .select2-selection__arrow {
    height: 29px;
}
body:has(.scp-purchase-schedule) .supplier-option-name {
    font-weight: 700;
            color: #111827;
            font-size: .86rem;
            line-height: 1.25;
}
body:has(.scp-purchase-schedule) .supplier-option-meta {
    font-size: .73rem;
            color: #6b7280;
            line-height: 1.25;
            white-space: normal;
}
body:has(.scp-purchase-schedule) .select2-container--open .select2-results > .select2-results__options {
    max-height: 260px !important;
            overflow-y: auto !important;
}
body:has(.scp-purchase-schedule) .date-filter-field {
    min-width: 220px;
}
body:has(.scp-purchase-schedule) .date-filter-shell {
    display: flex;
            align-items: stretch;
            width: 100%;
}
body:has(.scp-purchase-schedule) .date-filter-shell .input-group-text {
    border-top-right-radius: 0;
            border-bottom-right-radius: 0;
}
body:has(.scp-purchase-schedule) .date-filter-shell .dual-calendar-container {
    flex: 1 1 auto;
}
body:has(.scp-purchase-schedule) .date-filter-shell .dual-calendar-container label {
    display: none;
}
body:has(.scp-purchase-schedule) .date-filter-shell .dual-calendar-container [data-calendar-display] {
    border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            min-height: 31px;
            font-size: 0.875rem;
            background-color: #fff;
}
body:has(.scp-purchase-schedule) .schedule-export-toolbar {
    display: inline-flex;
            align-items: center;
            gap: 0.5rem;
}


/* ─── purchase\modals\show.blade.php [block 0] (scoped via .scp-purchase-modals-show) ─── */
body:has(.scp-purchase-modals-show) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── purchase\partials\_help_modal.blade.php [block 0] (scoped via .scp-purchase-partials--help-modal) ─── */
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .modal-header {
    background: linear-gradient(135deg,#4f46e5 0%,#6366f1 100%); color:#fff; border-radius: 12px 12px 0 0;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .modal-header .btn-close {
    filter: brightness(0) invert(1);
}
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .nav-tabs {
    border-bottom: 2px solid #e5e7eb; gap: 2px; flex-wrap: nowrap; overflow-x: auto;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .nav-tabs .nav-link {
    font-size: 11px; font-weight: 600; color: #6b7280; border: none; border-bottom: 2px solid transparent; margin-bottom: -2px; padding: .45rem .65rem; white-space: nowrap; border-radius: 0;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .nav-tabs .nav-link.active {
    color: #4f46e5; border-bottom-color: #4f46e5; background: transparent;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-modal .nav-tabs .nav-link:hover:not(.active) {
    color: #374151; background: #f3f4f6;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-tip {
    background:#f0f9ff; border-left:3px solid #0ea5e9; border-radius:0 6px 6px 0; padding:.55rem .85rem; font-size:12px; color:#0c4a6e; margin-bottom:.65rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-warn {
    background:#fefce8; border-left:3px solid #eab308; border-radius:0 6px 6px 0; padding:.55rem .85rem; font-size:12px; color:#713f12; margin-bottom:.65rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-note {
    background:#f0fdf4; border-left:3px solid #22c55e; border-radius:0 6px 6px 0; padding:.55rem .85rem; font-size:12px; color:#14532d; margin-bottom:.65rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-section h6 {
    font-size:12px; font-weight:700; color:#1f2937; text-transform:uppercase; letter-spacing:.4px; margin:1rem 0 .4rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-section h6:first-child {
    margin-top:0;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-section p {
    font-size:12.5px; color:#374151; line-height:1.6; margin-bottom:.5rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-section ul {
    font-size:12.5px; color:#374151; padding-left:1.2rem; margin-bottom:.5rem;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-section ul li {
    margin-bottom:.25rem; line-height:1.5;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-badge {
    display:inline-flex; align-items:center; gap:3px; padding:1px 8px; border-radius:20px; font-size:10px; font-weight:700; text-transform:uppercase;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-badge.blue {
    background:#dbeafe; color:#1d4ed8;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-badge.green {
    background:#d1fae5; color:#047857;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-badge.amber {
    background:#fef3c7; color:#92400e;
}
body:has(.scp-purchase-partials--help-modal) .pu-help-badge.red {
    background:#fee2e2; color:#b91c1c;
}


/* ─── purchase-book\index.blade.php [block 0] (scoped via .scp-purchase-book-index) ─── */
body:has(.scp-purchase-book-index) :root {
    --card:#fff; --muted:#6b7280; --title:#0f172a; --soft:#f8fafc; --accent:#2563eb;
      --border:rgba(2,6,23,.08); --shadow:0 10px 28px rgba(2,6,23,.08),0 2px 8px rgba(2,6,23,.04);
      --radius:14px;
      --purchase-bg:#eef2ff; --purchase-fg:#3730a3;
      --expense-bg:#fff7ed;  --expense-fg:#9a3412;
      --asset-bg:#ecfeff;    --asset-fg:#065f46;
}
body:has(.scp-purchase-book-index) .soft-card {
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
}
body:has(.scp-purchase-book-index) .toolbar-card {
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
}
body:has(.scp-purchase-book-index) .sticky-toolbar {
    position:sticky;top:.75rem;z-index:30
}
body:has(.scp-purchase-book-index) .badge-chip {
    display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);padding:.15rem .55rem;border-radius:999px;font-size:.72rem
}
body:has(.scp-purchase-book-index) .chip-purchase {
    background:var(--purchase-bg);color:var(--purchase-fg)
}
body:has(.scp-purchase-book-index) .chip-expense {
    background:var(--expense-bg); color:var(--expense-fg)
}
body:has(.scp-purchase-book-index) .chip-asset {
    background:var(--asset-bg); color:var(--asset-fg)
}
body:has(.scp-purchase-book-index) .subtle {
    color:var(--muted)
}
body:has(.scp-purchase-book-index) .summary-grid {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem
}
body:has(.scp-purchase-book-index) .summary-tile {
    background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:.85rem
}
body:has(.scp-purchase-book-index) .summary-label {
    font-size:.8rem;color:var(--muted)
}
body:has(.scp-purchase-book-index) .summary-value {
    font-weight:700;font-size:1.05rem
}
body:has(.scp-purchase-book-index) .empty {
    padding:2.5rem 1rem;text-align:center;color:var(--muted)
}
body:has(.scp-purchase-book-index) .filter-summary {
    display:flex;flex-wrap:wrap;gap:.5rem
}
body:has(.scp-purchase-book-index) .filter-summary .badge-chip {
    background:#f8fafc
}
/* ── Filter modal: compact + BS5.3 ── */
body:has(.scp-purchase-book-index) #purchaseBookFilters .modal-body {
    padding: .6rem .85rem;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .modal-header {
    padding: .55rem .85rem;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .modal-footer {
    padding: .45rem .85rem;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .form-label {
    font-size: .7rem; font-weight: 600;
                                               text-transform: uppercase; letter-spacing: .03em;
                                               color: #64748b; margin-bottom: 2px;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .select2-container {
    width: 100% !important;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .select2-selection--single {
    height: calc(1.5em + .5rem + 2px) !important;
      display: flex !important; align-items: center;
      border-color: var(--bs-border-color);
      border-radius: var(--bs-border-radius-sm);
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .select2-selection__rendered {
    line-height: 1 !important; padding-left: .5rem !important;
}
body:has(.scp-purchase-book-index) #purchaseBookFilters .select2-selection__arrow {
    height: 100% !important;
}
body:has(.scp-purchase-book-index) .filter-switch-grid {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem
}
body:has(.scp-purchase-book-index) .filter-switch-card {
    border:1px solid var(--border);
      border-radius:12px;
      padding:.8rem .9rem;
      background:#f8fafc;
}
body:has(.scp-purchase-book-index) .filter-switch-card .form-check-input {
    width:2.5rem;
      height:1.25rem;
      cursor:pointer;
}
body:has(.scp-purchase-book-index) .filter-switch-card .form-check-label {
    width:100%;
      cursor:pointer;
}
body:has(.scp-purchase-book-index) .filter-switch-title {
    display:block;
      font-weight:700;
      color:var(--title);
      margin-bottom:.1rem;
}
body:has(.scp-purchase-book-index) .filter-switch-note {
    display:block;
      font-size:.78rem;
      color:var(--muted);
      line-height:1.35;
}
body:has(.scp-purchase-book-index) .scope-toggle-group {
    display:flex;flex-wrap:wrap;gap:.75rem
}
body:has(.scp-purchase-book-index) .scope-toggle-option {
    flex:1 1 220px;
      border:1px solid var(--border);
      border-radius:12px;
      padding:.8rem .9rem;
      background:#f8fafc;
}
@media (max-width: 768px) {
body:has(.scp-purchase-book-index) .filter-switch-grid {
    grid-template-columns:1fr
}

}
@media (max-width: 992px) {
body:has(.scp-purchase-book-index) .summary-grid {
    grid-template-columns:repeat(2,1fr)
}

}
@media (max-width: 576px) {
body:has(.scp-purchase-book-index) .summary-grid {
    grid-template-columns:1fr
}

}


/* ─── purchaseorder\create.blade.php [block 0] (scoped via .scp-purchaseorder-create) ─── */
body:has(.scp-purchaseorder-create) :root {
    --po-ink: #172033;
            --po-text: #42516d;
            --po-muted: #6f7f98;
            --po-line: #d9e1ec;
            --po-soft: #f4f7fb;
            --po-card: rgba(255, 255, 255, 0.92);
            --po-brand: #0f766e;
            --po-brand-deep: #115e59;
            --po-accent: #c2410c;
            --po-brand-soft: rgba(15, 118, 110, 0.12);
            --po-accent-soft: rgba(194, 65, 12, 0.1);
            --po-radius: 22px;
            --po-radius-sm: 16px;
            --po-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
            --po-shadow-soft: 0 16px 32px rgba(15, 23, 42, 0.05);
}
body:has(.scp-purchaseorder-create) {
    background:
                radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 28%),
                radial-gradient(circle at top right, rgba(194, 65, 12, 0.08), transparent 24%),
                linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
}
body:has(.scp-purchaseorder-create) .toolbar.sticky-top {
    background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(18px);
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
body:has(.scp-purchaseorder-create) .po-shell {
    display: grid;
            gap: 1.25rem;
}
body:has(.scp-purchaseorder-create) .po-topbar {
    display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
}
body:has(.scp-purchaseorder-create) .po-title-wrap {
    display: grid;
            gap: .35rem;
}
body:has(.scp-purchaseorder-create) .po-eyebrow {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--po-brand-deep);
}
body:has(.scp-purchaseorder-create) .po-eyebrow::before {
    content: "";
            width: 34px;
            height: 1px;
            background: linear-gradient(90deg, var(--po-brand), transparent);
}
body:has(.scp-purchaseorder-create) .po-title {
    margin: 0;
            font-size: clamp(1.55rem, 2vw, 2rem);
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--po-ink);
}
body:has(.scp-purchaseorder-create) .po-subtitle {
    margin: 0;
            max-width: 760px;
            color: var(--po-muted);
            font-size: .92rem;
}
body:has(.scp-purchaseorder-create) .po-chips {
    display: flex;
            flex-wrap: wrap;
            gap: .65rem;
}
body:has(.scp-purchaseorder-create) .po-chip {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .72rem .95rem;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.84);
            box-shadow: var(--po-shadow-soft);
            color: var(--po-text);
            font-size: .78rem;
            font-weight: 700;
}
body:has(.scp-purchaseorder-create) .po-chip i {
    color: var(--po-brand);
}
body:has(.scp-purchaseorder-create) .po-card {
    border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: var(--po-radius);
            background: var(--po-card);
            box-shadow: var(--po-shadow);
            overflow: hidden;
}
body:has(.scp-purchaseorder-create) .po-card-body {
    padding: 1.3rem;
}
body:has(.scp-purchaseorder-create) .po-card-header {
    display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.15rem 1.3rem;
            border-bottom: 1px solid rgba(217, 225, 236, 0.9);
            background:
                linear-gradient(135deg, rgba(15, 118, 110, 0.08), transparent 46%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));
}
body:has(.scp-purchaseorder-create) .po-card-title {
    margin: 0;
            font-size: 1.02rem;
            font-weight: 800;
            letter-spacing: -.02em;
            color: var(--po-ink);
}
body:has(.scp-purchaseorder-create) .po-card-note {
    margin: .25rem 0 0;
            color: var(--po-muted);
            font-size: .82rem;
}
body:has(.scp-purchaseorder-create) .po-badge {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .7rem;
            border-radius: 999px;
            background: var(--po-brand-soft);
            color: var(--po-brand-deep);
            font-size: .74rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-purchaseorder-create) .po-section-grid {
    display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 1rem;
}
body:has(.scp-purchaseorder-create) .po-field-card {
    grid-column: span 12;
            padding: 1rem;
            border: 1px solid rgba(217, 225, 236, 0.95);
            border-radius: var(--po-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
}
body:has(.scp-purchaseorder-create) .po-field-card--wide {
    grid-column: span 7;
}
body:has(.scp-purchaseorder-create) .po-field-card--mid {
    grid-column: span 5;
}
body:has(.scp-purchaseorder-create) .po-field-card--span4 {
    grid-column: span 4;
}
body:has(.scp-purchaseorder-create) .po-field-card--span3 {
    grid-column: span 3;
}
body:has(.scp-purchaseorder-create) .po-field-card--span2 {
    grid-column: span 2;
}
body:has(.scp-purchaseorder-create) .po-field-card h3 {
    margin: 0 0 .85rem;
            font-size: .86rem;
            font-weight: 800;
            color: var(--po-ink);
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-purchaseorder-create) .po-link {
    color: var(--po-brand);
            font-weight: 700;
            text-decoration: none;
}
body:has(.scp-purchaseorder-create) .po-link:hover {
    color: var(--po-brand-deep);
}
body:has(.scp-purchaseorder-create) .erp5nepalidate {
    font-weight: 700;
            color: var(--po-brand);
}
body:has(.scp-purchaseorder-create) .form-label {
    color: var(--po-ink);
            font-size: .76rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            margin-bottom: .55rem;
}
body:has(.scp-purchaseorder-create) .form-control, body:has(.scp-purchaseorder-create) .form-select {
    min-height: 40px;
            border-color: rgba(148, 163, 184, 0.34);
            border-radius: 13px;
            background-color: #fff;
            color: var(--po-text);
            box-shadow: none;
}
body:has(.scp-purchaseorder-create) .form-control.form-control-sm, body:has(.scp-purchaseorder-create) .form-select.form-select-sm {
    min-height: 38px;
            padding-top: .42rem;
            padding-bottom: .42rem;
}
body:has(.scp-purchaseorder-create) .form-control:focus, body:has(.scp-purchaseorder-create) .form-select:focus {
    border-color: rgba(15, 118, 110, 0.45);
            box-shadow: 0 0 0 .18rem rgba(15, 118, 110, 0.12);
}
body:has(.scp-purchaseorder-create) .input-group .btn {
    border-radius: 13px 0 0 13px;
            min-height: 38px;
}
body:has(.scp-purchaseorder-create) .input-group .form-select {
    border-radius: 0 13px 13px 0;
}
body:has(.scp-purchaseorder-create) .input-group .select2-container--default .select2-selection--single {
    height: 38px;
}
body:has(.scp-purchaseorder-create) .input-group .select2-selection__rendered {
    line-height: 38px !important;
}
body:has(.scp-purchaseorder-create) .input-group .select2-selection__arrow {
    height: 38px !important;
}
body:has(.scp-purchaseorder-create) .cursor-pointer {
    cursor: pointer;
}
body:has(.scp-purchaseorder-create) .select2-container .select2-selection--single, body:has(.scp-purchaseorder-create) .select2-container .select2-selection--multiple {
    min-height: 38px !important;
            border-color: rgba(148, 163, 184, 0.34) !important;
            border-radius: 13px !important;
            background: #fff !important;
}
body:has(.scp-purchaseorder-create) .select2-container .select2-selection__rendered {
    color: var(--po-text) !important;
            line-height: 38px !important;
            padding-left: .85rem !important;
}
body:has(.scp-purchaseorder-create) .select2-container .select2-selection__arrow {
    height: 38px !important;
            right: .4rem !important;
}
body:has(.scp-purchaseorder-create) .select2-container--open .select2-selection--single {
    border-color: rgba(15, 118, 110, 0.45) !important;
            box-shadow: 0 0 0 .18rem rgba(15, 118, 110, 0.12) !important;
}
body:has(.scp-purchaseorder-create) .select2-dropdown {
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
            border-radius: 16px !important;
            box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
            overflow: hidden;
}
body:has(.scp-purchaseorder-create) .po-inline-control {
    display: flex;
            align-items: stretch;
            gap: .65rem;
            flex-wrap: nowrap;
}
body:has(.scp-purchaseorder-create) .po-inline-field {
    flex: 1 1 auto;
            min-width: 0;
}
body:has(.scp-purchaseorder-create) .po-inline-btn {
    flex: 0 0 auto;
            width: 42px;
            min-width: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
}
body:has(.scp-purchaseorder-create) .po-inline-control .select2-container {
    width: 100% !important;
}
body:has(.scp-purchaseorder-create) .po-line-shell {
    border: 1px solid rgba(217, 225, 236, 0.98);
            border-radius: 20px;
            overflow: hidden;
            background: linear-gradient(180deg, #ffffff, #fbfdff);
}
body:has(.scp-purchaseorder-create) .po-line-shell .form-control, body:has(.scp-purchaseorder-create) .po-line-shell .form-select, body:has(.scp-purchaseorder-create) .po-line-shell .select2-container .select2-selection--single {
    min-height: 35px !important;
            border-radius: 11px !important;
            font-size: .86rem;
}
body:has(.scp-purchaseorder-create) .po-line-shell .select2-container .select2-selection__rendered {
    line-height: 35px !important;
}
body:has(.scp-purchaseorder-create) .po-line-shell .select2-container .select2-selection__arrow {
    height: 35px !important;
}
body:has(.scp-purchaseorder-create) .po-footer-grid {
    display: grid;
            grid-template-columns: minmax(0, 1.7fr) minmax(320px, .9fr);
            gap: 1.25rem;
            align-items: start;
}
body:has(.scp-purchaseorder-create) .po-notes-card, body:has(.scp-purchaseorder-create) .po-summary-card {
    border: 1px solid rgba(217, 225, 236, 0.98);
            border-radius: var(--po-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
            box-shadow: var(--po-shadow-soft);
            padding: 1rem;
}
body:has(.scp-purchaseorder-create) .po-summary-card {
    position: sticky;
            top: 92px;
}
body:has(.scp-purchaseorder-create) .po-summary-head {
    display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: .85rem;
}
body:has(.scp-purchaseorder-create) .po-summary-head h3, body:has(.scp-purchaseorder-create) .po-notes-card h3 {
    margin: 0;
            color: var(--po-ink);
            font-size: .98rem;
            font-weight: 800;
}
body:has(.scp-purchaseorder-create) .po-summary-head span, body:has(.scp-purchaseorder-create) .po-notes-card p {
    color: var(--po-muted);
            font-size: .8rem;
            margin: .18rem 0 0;
}
body:has(.scp-purchaseorder-create) .po-notes-card textarea {
    min-height: 280px;
            border-radius: 16px;
            background: #fff;
}
body:has(.scp-purchaseorder-create) .po-notes-card .note-editor {
    border: 1px solid rgba(217, 225, 236, 0.98);
            border-radius: 16px;
            overflow: hidden;
            background: #fff;
            box-shadow: var(--po-shadow-soft);
}
body:has(.scp-purchaseorder-create) .po-notes-card .note-toolbar {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
            border-bottom: 1px solid rgba(217, 225, 236, 0.98);
            padding: .8rem .9rem;
}
body:has(.scp-purchaseorder-create) .po-notes-card .note-btn {
    border-radius: 10px;
            border-color: rgba(148, 163, 184, 0.25);
}
body:has(.scp-purchaseorder-create) .po-notes-card .note-editing-area {
    background: #fff;
}
body:has(.scp-purchaseorder-create) .po-actionbar {
    display: flex;
            justify-content: flex-end;
            gap: .75rem;
            padding: 1rem 1.3rem 1.2rem;
            border-top: 1px solid rgba(217, 225, 236, 0.9);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.75), rgba(255, 255, 255, 0.95));
}
body:has(.scp-purchaseorder-create) .po-actionbar .btn {
    min-width: 130px;
            border-radius: 13px;
            font-weight: 700;
}
body:has(.scp-purchaseorder-create) .po-actionbar .btn-primary {
    background: linear-gradient(135deg, var(--po-brand), #0ea5a2);
            border-color: transparent;
            box-shadow: 0 14px 28px rgba(15, 118, 110, 0.22);
}
body:has(.scp-purchaseorder-create) .po-actionbar .btn-secondary {
    background: #fff;
            color: var(--po-text);
            border-color: rgba(148, 163, 184, 0.28);
}
@media (max-width: 1199.98px) {
body:has(.scp-purchaseorder-create) .po-field-card--wide, body:has(.scp-purchaseorder-create) .po-field-card--mid, body:has(.scp-purchaseorder-create) .po-field-card--span4, body:has(.scp-purchaseorder-create) .po-field-card--span3, body:has(.scp-purchaseorder-create) .po-field-card--span2 {
    grid-column: span 6;
}

}
@media (max-width: 991.98px) {
body:has(.scp-purchaseorder-create) .po-footer-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-purchaseorder-create) .po-summary-card {
    position: static;
}
body:has(.scp-purchaseorder-create) .po-card-header, body:has(.scp-purchaseorder-create) .po-card-body, body:has(.scp-purchaseorder-create) .po-actionbar {
    padding-left: 1rem;
                padding-right: 1rem;
}
body:has(.scp-purchaseorder-create) .po-field-card--wide, body:has(.scp-purchaseorder-create) .po-field-card--mid, body:has(.scp-purchaseorder-create) .po-field-card--span4, body:has(.scp-purchaseorder-create) .po-field-card--span3, body:has(.scp-purchaseorder-create) .po-field-card--span2 {
    grid-column: span 12;
}

}
@media (max-width: 767.98px) {
body:has(.scp-purchaseorder-create) .po-topbar {
    align-items: flex-start;
}
body:has(.scp-purchaseorder-create) .po-line-shell {
    border-radius: 16px;
}
body:has(.scp-purchaseorder-create) .po-actionbar {
    flex-direction: column-reverse;
}
body:has(.scp-purchaseorder-create) .po-actionbar .btn {
    width: 100%;
}

}
body:has(.scp-purchaseorder-create) #mediumModal .modal-content {
    border: none;
            border-radius: 22px;
            box-shadow: 0 32px 80px rgba(15,23,42,.16);
            overflow: hidden;
}
/* ── Simple inline editor ── */
body:has(.scp-purchaseorder-create) .po-simple-editor {
    border: 1px solid rgba(148,163,184,.32) !important;
            border-radius: 16px !important;
            overflow: hidden;
            background: #fff;
            box-shadow: var(--po-shadow-soft);
            transition: box-shadow .18s, border-color .18s;
}
body:has(.scp-purchaseorder-create) .po-simple-editor:focus-within {
    border-color: rgba(15,118,110,.38) !important;
            box-shadow: 0 0 0 .18rem rgba(15,118,110,.1), var(--po-shadow-soft) !important;
}
body:has(.scp-purchaseorder-create) .po-editor-toolbar {
    background: linear-gradient(180deg, #f8fafc, #fff);
            border-bottom: 1px solid rgba(217,225,236,.9);
}
body:has(.scp-purchaseorder-create) .po-editor-toolbar .btn {
    border-radius: 9px !important;
            border-color: rgba(148,163,184,.22) !important;
            color: var(--po-text) !important;
            background: transparent !important;
            padding: .32rem .52rem;
            font-size: .82rem;
            min-height: unset;
}
body:has(.scp-purchaseorder-create) .po-editor-toolbar .btn:hover, body:has(.scp-purchaseorder-create) .po-editor-toolbar .btn.po-active {
    background: rgba(15,118,110,.09) !important;
            border-color: rgba(15,118,110,.24) !important;
            color: var(--po-brand-deep) !important;
}
body:has(.scp-purchaseorder-create) .po-editor-toolbar .vr {
    margin: 0 .35rem; opacity: .2;
}
body:has(.scp-purchaseorder-create) #po-editor-area {
    min-height: 240px;
            outline: none;
            font-size: .9rem;
            color: var(--po-text);
            line-height: 1.65;
            padding: 1rem 1.1rem;
            caret-color: var(--po-brand);
}
body:has(.scp-purchaseorder-create) #po-editor-area:empty::before {
    content: attr(data-placeholder);
            color: var(--po-muted);
            pointer-events: none;
}


/* ─── purchaseorder\edit.blade.php [block 0] (scoped via .scp-purchaseorder-edit) ─── */
body:has(.scp-purchaseorder-edit) :root {
    --po-ink: #172033;
            --po-text: #42516d;
            --po-muted: #6f7f98;
            --po-line: #d9e1ec;
            --po-soft: #f4f7fb;
            --po-card: rgba(255, 255, 255, 0.92);
            --po-brand: #0f766e;
            --po-brand-deep: #115e59;
            --po-accent: #c2410c;
            --po-brand-soft: rgba(15, 118, 110, 0.12);
            --po-accent-soft: rgba(194, 65, 12, 0.1);
            --po-radius: 22px;
            --po-radius-sm: 16px;
            --po-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
            --po-shadow-soft: 0 16px 32px rgba(15, 23, 42, 0.05);
}
body:has(.scp-purchaseorder-edit) {
    background:
                radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 28%),
                radial-gradient(circle at top right, rgba(194, 65, 12, 0.08), transparent 24%),
                linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
}
body:has(.scp-purchaseorder-edit) .toolbar {
    background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(18px);
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
body:has(.scp-purchaseorder-edit) .po-shell {
    display: grid;
            gap: 1.25rem;
}
body:has(.scp-purchaseorder-edit) .po-topbar {
    display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
}
body:has(.scp-purchaseorder-edit) .po-title-wrap {
    display: grid;
            gap: .35rem;
}
body:has(.scp-purchaseorder-edit) .po-eyebrow {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--po-brand-deep);
}
body:has(.scp-purchaseorder-edit) .po-eyebrow::before {
    content: "";
            width: 34px;
            height: 1px;
            background: linear-gradient(90deg, var(--po-brand), transparent);
}
body:has(.scp-purchaseorder-edit) .po-title {
    margin: 0;
            font-size: clamp(1.55rem, 2vw, 2rem);
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--po-ink);
}
body:has(.scp-purchaseorder-edit) .po-subtitle {
    margin: 0;
            max-width: 760px;
            color: var(--po-muted);
            font-size: .92rem;
}
body:has(.scp-purchaseorder-edit) .po-chips {
    display: flex;
            flex-wrap: wrap;
            gap: .65rem;
}
body:has(.scp-purchaseorder-edit) .po-top-actions {
    display: flex;
            flex-wrap: wrap;
            gap: .6rem;
            justify-content: flex-end;
            align-items: center;
}
body:has(.scp-purchaseorder-edit) .po-top-actions .btn {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            border-radius: 999px;
            padding: .7rem .95rem;
            font-size: .8rem;
            font-weight: 700;
            box-shadow: var(--po-shadow-soft);
}
body:has(.scp-purchaseorder-edit) .po-chip {
    display: inline-flex;
            align-items: center;
            gap: .45rem;
            padding: .72rem .95rem;
            border: 1px solid rgba(15, 23, 42, 0.08);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.84);
            box-shadow: var(--po-shadow-soft);
            color: var(--po-text);
            font-size: .78rem;
            font-weight: 700;
}
body:has(.scp-purchaseorder-edit) .po-chip i {
    color: var(--po-brand);
}
body:has(.scp-purchaseorder-edit) .po-card {
    border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: var(--po-radius);
            background: var(--po-card);
            box-shadow: var(--po-shadow);
            overflow: hidden;
}
body:has(.scp-purchaseorder-edit) .po-card-header {
    display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.15rem 1.3rem;
            border-bottom: 1px solid rgba(217, 225, 236, 0.9);
            background:
                linear-gradient(135deg, rgba(15, 118, 110, 0.08), transparent 46%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));
}
body:has(.scp-purchaseorder-edit) .po-card-title {
    margin: 0;
            font-size: 1.02rem;
            font-weight: 800;
            letter-spacing: -.02em;
            color: var(--po-ink);
}
body:has(.scp-purchaseorder-edit) .po-card-note {
    margin: .25rem 0 0;
            color: var(--po-muted);
            font-size: .82rem;
}
body:has(.scp-purchaseorder-edit) .po-badge {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .7rem;
            border-radius: 999px;
            background: var(--po-brand-soft);
            color: var(--po-brand-deep);
            font-size: .74rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-purchaseorder-edit) .po-card-body {
    padding: 1.3rem;
}
body:has(.scp-purchaseorder-edit) .po-field-card {
    padding: 1rem;
            border: 1px solid rgba(217, 225, 236, 0.95);
            border-radius: var(--po-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
}
body:has(.scp-purchaseorder-edit) .po-field-card h3 {
    margin: 0 0 .85rem;
            font-size: .86rem;
            font-weight: 800;
            color: var(--po-ink);
            text-transform: uppercase;
            letter-spacing: .06em;
}
body:has(.scp-purchaseorder-edit) .form-label {
    color: var(--po-ink);
            font-size: .76rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            margin-bottom: .55rem;
}
body:has(.scp-purchaseorder-edit) .form-control, body:has(.scp-purchaseorder-edit) .form-select {
    min-height: 40px;
            border-color: rgba(148, 163, 184, 0.34);
            border-radius: 13px;
            background-color: #fff;
            color: var(--po-text);
            box-shadow: none;
}
body:has(.scp-purchaseorder-edit) .form-control-sm, body:has(.scp-purchaseorder-edit) .form-select-sm {
    min-height: 38px;
}
body:has(.scp-purchaseorder-edit) .form-control:focus, body:has(.scp-purchaseorder-edit) .form-select:focus {
    border-color: rgba(15, 118, 110, 0.45);
            box-shadow: 0 0 0 .18rem rgba(15, 118, 110, 0.12);
}
body:has(.scp-purchaseorder-edit) .select2-container .select2-selection--single, body:has(.scp-purchaseorder-edit) .select2-container .select2-selection--multiple {
    min-height: 38px !important;
            border-color: rgba(148, 163, 184, 0.34) !important;
            border-radius: 13px !important;
            background: #fff !important;
}
body:has(.scp-purchaseorder-edit) .select2-container .select2-selection__rendered {
    color: var(--po-text) !important;
            line-height: 38px !important;
            padding-left: .85rem !important;
}
body:has(.scp-purchaseorder-edit) .select2-container .select2-selection__arrow {
    height: 38px !important;
}
body:has(.scp-purchaseorder-edit) .po-line-shell {
    border: 1px solid rgba(217, 225, 236, 0.98);
            border-radius: 20px;
            overflow: hidden;
            background: linear-gradient(180deg, #ffffff, #fbfdff);
}
body:has(.scp-purchaseorder-edit) .po-line-shell .form-control, body:has(.scp-purchaseorder-edit) .po-line-shell .form-select, body:has(.scp-purchaseorder-edit) .po-line-shell .select2-container .select2-selection--single {
    min-height: 35px !important;
            border-radius: 11px !important;
            font-size: .86rem;
}
body:has(.scp-purchaseorder-edit) .po-line-shell .select2-container .select2-selection__rendered {
    line-height: 35px !important;
}
body:has(.scp-purchaseorder-edit) .po-line-shell .select2-container .select2-selection__arrow {
    height: 35px !important;
}
body:has(.scp-purchaseorder-edit) .po-footer-grid {
    display: grid;
            grid-template-columns: minmax(0, 1.7fr) minmax(320px, .9fr);
            gap: 1.25rem;
            align-items: start;
}
body:has(.scp-purchaseorder-edit) .po-notes-card, body:has(.scp-purchaseorder-edit) .po-summary-card {
    border: 1px solid rgba(217, 225, 236, 0.98);
            border-radius: var(--po-radius-sm);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.95));
            box-shadow: var(--po-shadow-soft);
            padding: 1rem;
}
body:has(.scp-purchaseorder-edit) .po-summary-card {
    position: sticky;
            top: 92px;
}
body:has(.scp-purchaseorder-edit) .po-summary-head {
    display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: .85rem;
}
body:has(.scp-purchaseorder-edit) .po-summary-head h3, body:has(.scp-purchaseorder-edit) .po-notes-card h3 {
    margin: 0;
            color: var(--po-ink);
            font-size: .98rem;
            font-weight: 800;
}
body:has(.scp-purchaseorder-edit) .po-summary-head span, body:has(.scp-purchaseorder-edit) .po-notes-card p {
    color: var(--po-muted);
            font-size: .8rem;
            margin: .18rem 0 0;
}
body:has(.scp-purchaseorder-edit) .po-notes-card textarea {
    min-height: 280px;
            border-radius: 16px;
            background: #fff;
}
body:has(.scp-purchaseorder-edit) .po-actionbar {
    display: flex;
            justify-content: flex-end;
            gap: .75rem;
            padding: 1rem 1.3rem 1.2rem;
            border-top: 1px solid rgba(217, 225, 236, 0.9);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.75), rgba(255, 255, 255, 0.95));
}
body:has(.scp-purchaseorder-edit) .po-actionbar .btn {
    min-width: 130px;
            border-radius: 13px;
            font-weight: 700;
}
body:has(.scp-purchaseorder-edit) .po-actionbar .btn-primary {
    background: linear-gradient(135deg, var(--po-brand), #0ea5a2);
            border-color: transparent;
            box-shadow: 0 14px 28px rgba(15, 118, 110, 0.22);
}
body:has(.scp-purchaseorder-edit) .po-actionbar .btn-secondary {
    background: #fff;
            color: var(--po-text);
            border-color: rgba(148, 163, 184, 0.28);
}
@media (max-width: 991.98px) {
body:has(.scp-purchaseorder-edit) .po-footer-grid {
    grid-template-columns: 1fr;
}
body:has(.scp-purchaseorder-edit) .po-summary-card {
    position: static;
}
body:has(.scp-purchaseorder-edit) .po-card-header, body:has(.scp-purchaseorder-edit) .po-card-body, body:has(.scp-purchaseorder-edit) .po-actionbar {
    padding-left: 1rem;
                padding-right: 1rem;
}
body:has(.scp-purchaseorder-edit) .po-top-actions {
    justify-content: flex-start;
}

}
@media (max-width: 767.98px) {
body:has(.scp-purchaseorder-edit) .po-actionbar {
    flex-direction: column-reverse;
}
body:has(.scp-purchaseorder-edit) .po-actionbar .btn {
    width: 100%;
}

}


/* ─── purchaseorder\email_review.blade.php [block 0] (scoped via .scp-purchaseorder-email-review) ─── */
body:has(.scp-purchaseorder-email-review) {
    font-family: Arial, sans-serif; color: #333; line-height: 1.6;
}
body:has(.scp-purchaseorder-email-review) .container {
    max-width: 600px; margin: 0 auto; padding: 24px;
}
body:has(.scp-purchaseorder-email-review) .header {
    background: #7A1E1E; color: #fff; padding: 16px 24px; border-radius: 6px 6px 0 0;
}
body:has(.scp-purchaseorder-email-review) .body {
    background: #f9f9f9; padding: 24px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 6px 6px;
}
body:has(.scp-purchaseorder-email-review) .btn {
    display: inline-block; background: #7A1E1E; color: #fff; padding: 10px 24px; border-radius: 4px; text-decoration: none; margin-top: 16px;
}
body:has(.scp-purchaseorder-email-review) .footer {
    margin-top: 24px; font-size: 12px; color: #999;
}


/* ─── purchaseorder\index.blade.php [block 0] (scoped via .scp-purchaseorder-index) ─── */
body:has(.scp-purchaseorder-index) :root {
    --po-ink:#0f172a;
            --po-text:#334155;
            --po-muted:#64748b;
            --po-border:#e2e8f0;
            --po-soft:#f8fafc;
            --po-brand:#0f766e;
            --po-brand-dark:#115e59;
            --po-brand-soft:#ecfdf5;
            --po-warn-soft:#fff7ed;
            --po-blue-soft:#eff6ff;
            --po-danger-soft:#fef2f2;
            --po-shadow:0 16px 38px rgba(15,23,42,.08);
            --po-shadow-sm:0 10px 24px rgba(15,23,42,.06);
            --po-radius:20px;
}
body:has(.scp-purchaseorder-index) {
    background:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
body:has(.scp-purchaseorder-index) .page-stack {
    display:flex; flex-direction:column; gap:1rem;
}
body:has(.scp-purchaseorder-index) .hero-card {
    background:
                radial-gradient(circle at top right, rgba(20,184,166,.14), transparent 28%),
                linear-gradient(135deg,#f0fdfa 0%, #ffffff 42%, #fff7ed 100%);
            border:1px solid #d8f5ec;
            border-radius:26px;
            box-shadow:var(--po-shadow);
            padding:1rem 1.1rem;
}
body:has(.scp-purchaseorder-index) .hero-title {
    font-size:1.6rem;
            font-weight:900;
            color:var(--po-ink);
            letter-spacing:-.03em;
            margin:0;
}
body:has(.scp-purchaseorder-index) .hero-copy {
    margin-top:.3rem;
            font-size:.88rem;
            color:var(--po-muted);
            font-weight:500;
}
body:has(.scp-purchaseorder-index) .hero-pills, body:has(.scp-purchaseorder-index) .hero-actions {
    display:flex;
            flex-wrap:wrap;
            gap:.5rem;
}
body:has(.scp-purchaseorder-index) .hero-pills {
    margin-top:.85rem;
}
body:has(.scp-purchaseorder-index) .hero-actions {
    justify-content:flex-end;
}
body:has(.scp-purchaseorder-index) .hero-pill, body:has(.scp-purchaseorder-index) .hero-btn {
    display:inline-flex;
            align-items:center;
            gap:.42rem;
            padding:.48rem .82rem;
            border-radius:999px;
            border:1px solid #dbe4ee;
            background:#fff;
            color:var(--po-text);
            font-size:.74rem;
            font-weight:800;
            box-shadow:var(--po-shadow-sm);
            text-decoration:none;
}
body:has(.scp-purchaseorder-index) .hero-pill.primary {
    background:var(--po-brand-soft);
            border-color:#a7f3d0;
            color:var(--po-brand-dark);
}
body:has(.scp-purchaseorder-index) .hero-btn:hover {
    color:var(--po-brand-dark); border-color:#99f6e4; background:#f8fffd;
}
body:has(.scp-purchaseorder-index) .hero-btn.primary {
    background:linear-gradient(135deg, var(--po-brand) 0%, var(--po-brand-dark) 100%);
            border-color:var(--po-brand);
            color:#fff;
}
body:has(.scp-purchaseorder-index) .summary-grid {
    display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:.9rem;
}
body:has(.scp-purchaseorder-index) .summary-card {
    position:relative;
            overflow:hidden;
            border:1px solid var(--po-border);
            border-radius:18px;
            background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
            padding:1rem 1.05rem;
            box-shadow:var(--po-shadow-sm);
}
body:has(.scp-purchaseorder-index) .summary-card::before {
    content:'';
            position:absolute;
            inset:0 auto 0 0;
            width:4px;
            background:linear-gradient(180deg, var(--po-brand) 0%, #14b8a6 100%);
}
body:has(.scp-purchaseorder-index) .summary-card.warn::before {
    background:linear-gradient(180deg, #d97706 0%, #f59e0b 100%);
}
body:has(.scp-purchaseorder-index) .summary-card.blue::before {
    background:linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
}
body:has(.scp-purchaseorder-index) .summary-card.dark::before {
    background:linear-gradient(180deg, #334155 0%, #0f172a 100%);
}
body:has(.scp-purchaseorder-index) .summary-label {
    font-size:.7rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:var(--po-muted);
}
body:has(.scp-purchaseorder-index) .summary-value {
    margin-top:.3rem;
            font-size:1.15rem;
            font-weight:900;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-index) .summary-note {
    margin-top:.18rem;
            font-size:.78rem;
            color:var(--po-muted);
            font-weight:600;
}
body:has(.scp-purchaseorder-index) .card-shell {
    background:#fff;
            border:1px solid var(--po-border);
            border-radius:var(--po-radius);
            box-shadow:var(--po-shadow);
            overflow:hidden;
}
body:has(.scp-purchaseorder-index) .section-head {
    display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:1rem;
            flex-wrap:wrap;
            margin-bottom:1rem;
}
body:has(.scp-purchaseorder-index) .section-title {
    margin:0;
            font-size:1.02rem;
            font-weight:900;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-index) .section-copy {
    margin-top:.18rem;
            font-size:.8rem;
            color:var(--po-muted);
}
body:has(.scp-purchaseorder-index) .filter-tip {
    border:1px solid #dbeafe;
            background:var(--po-blue-soft);
            color:#1e3a8a;
            border-radius:14px;
            padding:.8rem .9rem;
            font-size:.78rem;
            font-weight:600;
            line-height:1.45;
}
body:has(.scp-purchaseorder-index) .approval-tabs-wrap {
    margin-bottom:1rem
}
body:has(.scp-purchaseorder-index) .approval-tabs {
    border-bottom:0;gap:.55rem;flex-wrap:wrap
}
body:has(.scp-purchaseorder-index) .approval-tabs .nav-link {
    border:1px solid var(--po-border);
            border-radius:999px;
            background:#eef2f7;
            color:var(--po-muted);
            font-size:.78rem;
            font-weight:800;
            padding:.55rem .9rem;
            box-shadow:var(--po-shadow-sm);
}
body:has(.scp-purchaseorder-index) .approval-tabs .nav-link:hover {
    background:#f8fafc;
            color:var(--po-text);
            border-color:#cbd5e1;
}
body:has(.scp-purchaseorder-index) .approval-tabs .nav-link.active-tab {
    background:#1e293b;
            color:#fff;
            border-color:#1e293b;
}
body:has(.scp-purchaseorder-index) .approval-tabs .tab-count {
    color:inherit;
            font-weight:900;
            margin-left:.2rem;
}
body:has(.scp-purchaseorder-index) .po-id {
    font-size:.76rem; font-weight:800; color:var(--po-ink);
}
body:has(.scp-purchaseorder-index) .amount-main {
    font-size:.82rem; font-weight:800; color:var(--po-ink); white-space:nowrap;
}
body:has(.scp-purchaseorder-index) .amount-sub {
    font-size:.72rem; color:var(--po-muted);
}
body:has(.scp-purchaseorder-index) .status-badge {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.34rem .64rem;
            border-radius:999px;
            font-size:.72rem;
            font-weight:800;
            border:1px solid var(--po-border);
            background:#fff;
            color:var(--po-text);
}
body:has(.scp-purchaseorder-index) .status-badge.open {
    background:var(--po-blue-soft); border-color:#bfdbfe; color:#1d4ed8;
}
body:has(.scp-purchaseorder-index) .status-badge.approved {
    background:var(--po-brand-soft); border-color:#a7f3d0; color:#166534;
}
body:has(.scp-purchaseorder-index) .status-badge.closed {
    background:var(--po-soft); border-color:#cbd5e1; color:#334155;
}
body:has(.scp-purchaseorder-index) .status-badge.cancelled {
    background:var(--po-danger-soft); border-color:#fecaca; color:#b91c1c;
}
body:has(.scp-purchaseorder-index) .review-btn {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.42rem .65rem;
            border-radius:10px;
            border:1px solid #dbe4ee;
            background:#fff;
            color:var(--po-text);
            font-size:.74rem;
            font-weight:700;
            text-decoration:none;
}
body:has(.scp-purchaseorder-index) .review-btn:hover {
    color:var(--po-brand-dark); border-color:#99f6e4;
}
body:has(.scp-purchaseorder-index) .actions-toggle {
    display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.5rem .75rem;
            border-radius:10px;
            border:1px solid #dbe4ee;
            background:#fff;
            color:var(--po-text);
            font-size:.74rem;
            font-weight:800;
}
body:has(.scp-purchaseorder-index) .form-select, body:has(.scp-purchaseorder-index) .form-control {
    border-radius:12px !important;
}
body:has(.scp-purchaseorder-index) .select2-container--bootstrap-5 .select2-selection {
    min-height:38px!important;border-radius:12px!important
}
body:has(.scp-purchaseorder-index) .select2-container--open .select2-results > .select2-results__options {
    max-height:260px !important
}
@media (max-width: 1199.98px) {
body:has(.scp-purchaseorder-index) .summary-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

}
@media (max-width: 767.98px) {
body:has(.scp-purchaseorder-index) .summary-grid {
    grid-template-columns:1fr;
}
body:has(.scp-purchaseorder-index) .hero-actions {
    justify-content:flex-start;
}

}


/* ─── purchaseorder\show.blade.php [block 0] (scoped via .scp-purchaseorder-show) ─── */
body:has(.scp-purchaseorder-show) :root {
    --po-ink:#0f172a;
            --po-text:#334155;
            --po-muted:#64748b;
            --po-border:#e2e8f0;
            --po-soft:#f8fafc;
            --po-brand:#0f766e;
            --po-brand-dark:#115e59;
            --po-brand-soft:#ecfdf5;
            --po-blue-soft:#eff6ff;
            --po-warn-soft:#fff7ed;
            --po-shadow:0 18px 42px rgba(15,23,42,.08);
            --po-shadow-sm:0 10px 24px rgba(15,23,42,.06);
}
body:has(.scp-purchaseorder-show) {
    background:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
body:has(.scp-purchaseorder-show) .select2-container .select2-selection--single {
    height: 35px !important;
}
body:has(.scp-purchaseorder-show) .toolbar {
    background:
                radial-gradient(circle at top right, rgba(20,184,166,.14), transparent 28%),
                linear-gradient(135deg,#f0fdfa 0%, #ffffff 42%, #fff7ed 100%);
            border:1px solid #d8f5ec;
            border-radius:24px;
            padding:1rem 1.05rem;
            box-shadow:var(--po-shadow);
            margin-bottom:1rem;
}
body:has(.scp-purchaseorder-show) .toolbar-title {
    font-size:1.55rem;
            font-weight:900;
            color:var(--po-ink);
            letter-spacing:-.03em;
}
body:has(.scp-purchaseorder-show) .toolbar-copy {
    font-size:.86rem;
            color:var(--po-muted);
            font-weight:500;
            margin-top:.2rem;
}
body:has(.scp-purchaseorder-show) .toolbar-pills {
    display:flex;
            flex-wrap:wrap;
            gap:.5rem;
            margin-top:.8rem;
}
body:has(.scp-purchaseorder-show) .toolbar-pill, body:has(.scp-purchaseorder-show) .toolbar-btn {
    display:inline-flex;
            align-items:center;
            gap:.42rem;
            padding:.48rem .82rem;
            border-radius:999px;
            border:1px solid #dbe4ee;
            background:#fff;
            color:var(--po-text);
            font-size:.74rem;
            font-weight:800;
            text-decoration:none;
            box-shadow:var(--po-shadow-sm);
}
body:has(.scp-purchaseorder-show) .toolbar-pill.primary {
    background:var(--po-brand-soft);
            border-color:#a7f3d0;
            color:var(--po-brand-dark);
}
body:has(.scp-purchaseorder-show) .toolbar-btn:hover {
    color:var(--po-brand-dark);
            border-color:#99f6e4;
            background:#f8fffd;
}
body:has(.scp-purchaseorder-show) .toolbar-btn.primary {
    background:linear-gradient(135deg, var(--po-brand) 0%, var(--po-brand-dark) 100%);
            border-color:var(--po-brand);
            color:#fff;
}
body:has(.scp-purchaseorder-show) .summary-grid {
    display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:.9rem;
            margin-bottom:1rem;
}
body:has(.scp-purchaseorder-show) .summary-card {
    position:relative;
            overflow:hidden;
            border:1px solid var(--po-border);
            border-radius:18px;
            background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
            padding:1rem 1.05rem;
            box-shadow:var(--po-shadow-sm);
}
body:has(.scp-purchaseorder-show) .summary-card::before {
    content:'';
            position:absolute;
            inset:0 auto 0 0;
            width:4px;
            background:linear-gradient(180deg, var(--po-brand) 0%, #14b8a6 100%);
}
body:has(.scp-purchaseorder-show) .summary-card.blue::before {
    background:linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
}
body:has(.scp-purchaseorder-show) .summary-card.warn::before {
    background:linear-gradient(180deg, #d97706 0%, #f59e0b 100%);
}
body:has(.scp-purchaseorder-show) .summary-card.dark::before {
    background:linear-gradient(180deg, #334155 0%, #0f172a 100%);
}
body:has(.scp-purchaseorder-show) .summary-label {
    font-size:.7rem;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:var(--po-muted);
}
body:has(.scp-purchaseorder-show) .summary-value {
    margin-top:.32rem;
            font-size:1.0rem;
            font-weight:400;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .summary-note {
    margin-top:.16rem;
            font-size:.78rem;
            color:var(--po-muted);
            font-weight:600;
}
body:has(.scp-purchaseorder-show) .meta-grid {
    display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:.9rem;
            margin-bottom:1rem;
}
body:has(.scp-purchaseorder-show) .meta-card {
    border:1px solid var(--po-border);
            border-radius:18px;
            background:rgba(255,255,255,.9);
            box-shadow:var(--po-shadow-sm);
            padding:1rem 1.05rem;
}
body:has(.scp-purchaseorder-show) .meta-label {
    font-size:.68rem;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
            color:var(--po-muted);
}
body:has(.scp-purchaseorder-show) .meta-value {
    margin-top:.36rem;
            font-size:1rem;
            font-weight:600;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .meta-copy {
    margin-top:.18rem;
            color:var(--po-muted);
            font-size:.8rem;
            line-height:1.45;
}
body:has(.scp-purchaseorder-show) .status-badge {
    display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.52rem .88rem;
            border-radius:999px;
            font-size:.75rem;
            font-weight:800;
            letter-spacing:.04em;
            text-transform:uppercase;
}
body:has(.scp-purchaseorder-show) .status-badge.blue {
    background:var(--po-blue-soft);
            color:#1d4ed8;
            border:1px solid #bfdbfe;
}
body:has(.scp-purchaseorder-show) .status-badge.warn {
    background:var(--po-warn-soft);
            color:#b45309;
            border:1px solid #fed7aa;
}
body:has(.scp-purchaseorder-show) .status-badge.dark {
    background:#e2e8f0;
            color:#0f172a;
            border:1px solid #cbd5e1;
}
body:has(.scp-purchaseorder-show) .sheet-body {
    padding:0 1rem 1rem;
}
body:has(.scp-purchaseorder-show) .section-card {
    border:1px solid var(--po-border);
            border-radius:20px;
            background:#fff;
            box-shadow:var(--po-shadow-sm);
            padding:1rem;
            height:100%;
}
body:has(.scp-purchaseorder-show) .section-title {
    margin:0 0 .8rem;
            font-size:.82rem;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.08em;
            color:#1e3a8a;
}
body:has(.scp-purchaseorder-show) .address-copy {
    margin:0;
            color:var(--po-text);
            font-size:.88rem;
            line-height:1.6;
}
body:has(.scp-purchaseorder-show) .address-copy strong {
    color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .amount-copy {
    font-size:1.08rem;
            font-weight:900;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .notes-copy {
    color:var(--po-text);
            font-size:.88rem;
            line-height:1.65;
            margin:0;
}
body:has(.scp-purchaseorder-show) .empty-copy {
    color:var(--po-muted);
            font-style:italic;
            margin:0;
}
body:has(.scp-purchaseorder-show) .approval-grid {
    display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:1rem;
}
body:has(.scp-purchaseorder-show) .approval-card {
    border:1px solid var(--po-border);
            border-radius:18px;
            background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
            box-shadow:var(--po-shadow-sm);
            padding:1rem;
            min-height:230px;
}
body:has(.scp-purchaseorder-show) .approval-role {
    font-size:.7rem;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.09em;
            color:#1e3a8a;
            margin-bottom:.65rem;
}
body:has(.scp-purchaseorder-show) .approval-signature {
    min-height:68px;
            display:flex;
            align-items:flex-end;
            margin-bottom:.7rem;
            border-bottom:1px dashed #cbd5e1;
            padding-bottom:.45rem;
}
body:has(.scp-purchaseorder-show) .approval-signature img {
    max-height:62px;
            max-width:100%;
            object-fit:contain;
}
body:has(.scp-purchaseorder-show) .approval-signature.empty {
    color:var(--po-muted);
            font-size:.78rem;
            font-style:italic;
}
body:has(.scp-purchaseorder-show) .approval-name {
    font-size:.92rem;
            font-weight:800;
            color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .approval-designation {
    margin-top:.12rem;
            font-size:.8rem;
            color:var(--po-muted);
            line-height:1.45;
}
body:has(.scp-purchaseorder-show) .approval-meta {
    margin-top:.7rem;
            display:flex;
            flex-direction:column;
            gap:.4rem;
}
body:has(.scp-purchaseorder-show) .approval-meta-item {
    font-size:.78rem;
            color:var(--po-text);
            line-height:1.45;
}
body:has(.scp-purchaseorder-show) .approval-meta-item strong {
    color:var(--po-ink);
}
body:has(.scp-purchaseorder-show) .signature-stat {
    color:#166534;
            font-size:.78rem;
            font-weight:800;
}
@media (max-width: 991.98px) {
body:has(.scp-purchaseorder-show) .summary-grid, body:has(.scp-purchaseorder-show) .meta-grid, body:has(.scp-purchaseorder-show) .approval-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

}
@media (max-width: 767.98px) {
body:has(.scp-purchaseorder-show) .toolbar {
    border-radius:20px;
}
body:has(.scp-purchaseorder-show) .summary-grid, body:has(.scp-purchaseorder-show) .meta-grid, body:has(.scp-purchaseorder-show) .approval-grid {
    grid-template-columns:1fr;
}
body:has(.scp-purchaseorder-show) .detail-row {
    grid-template-columns:1fr;
                gap:.2rem;
}
body:has(.scp-purchaseorder-show) .timeline {
    gap:18px;
}
body:has(.scp-purchaseorder-show) .timeline-btn {
    width:58px;
                height:58px;
                font-size:10px;
}
body:has(.scp-purchaseorder-show) .timeline-btn i {
    font-size:16px;
}

}


/* ─── purchasetrash\index.blade.php [block 0] (scoped via .scp-purchasetrash-index) ─── */
body:has(.scp-purchasetrash-index) #orders-table .btn {
    padding: .25rem .5rem; font-size: .775rem;
}


/* ─── recruitment\index.blade.php [block 0] (scoped via .scp-recruitment-index) ─── */
body:has(.scp-recruitment-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-primary:#2563eb;
                --mn-primary-700:#1d4ed8;
                --mn-radius: 1rem;
}
body:has(.scp-recruitment-index) {
    background: radial-gradient(1200px 600px at 20% -10%, rgba(37,99,235,.10), transparent 60%),
                             radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                             var(--mn-bg);
}
body:has(.scp-recruitment-index) .mn-wrap {
    max-width: 100%;
}
body:has(.scp-recruitment-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-recruitment-index) .mn-hero .mn-title {
    font-weight: 800;
                letter-spacing: -0.02em;
                color: var(--mn-ink);
}
body:has(.scp-recruitment-index) .mn-hero .mn-sub {
    color: var(--mn-muted);
                font-size: .92rem;
}
body:has(.scp-recruitment-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .6rem;
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                white-space: nowrap;
}
body:has(.scp-recruitment-index) .mn-chip .dot {
    width: .55rem;
                height: .55rem;
                border-radius: 999px;
                display: inline-block;
}
body:has(.scp-recruitment-index) .mn-actions .btn {
    border-radius: .9rem;
}
body:has(.scp-recruitment-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
/* Table polish */
body:has(.scp-recruitment-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: .78rem;
                display: inline-flex;
                align-items: center;
                gap: .45rem;
}
body:has(.scp-recruitment-index) .mn-badge .bi {
    font-size: .9rem;
}
/* DataTables small controls */
body:has(.scp-recruitment-index) .dt-buttons .btn {
    border-radius: .85rem !important;
}
/* Make action group look modern */
body:has(.scp-recruitment-index) .mn-btngroup .btn {
    border-radius: .85rem;
}
body:has(.scp-recruitment-index) .mn-btngroup .btn + .btn {
    margin-left: .35rem;
}
@media (max-width: 575.98px) {
body:has(.scp-recruitment-index) .mn-actions {
    width: 100%;
}
body:has(.scp-recruitment-index) .mn-actions .btn {
    flex: 1;
}

}


/* ─── reminder\modalcreate.blade.php [block 0] (scoped via .scp-reminder-modalcreate) ─── */
body:has(.scp-reminder-modalcreate) :root {
    --sf-blue:    #0176d3;
  --sf-blue-dk: #0260b0;
  --sf-text:    #3e3e3c;
  --sf-muted:   #706e6b;
  --sf-border:  #dddbda;
  --sf-bg:      #f3f2f2;
}
/* ---- Modal header ---- */
body:has(.scp-reminder-modalcreate) .sf-modal-header {
    background: #fff;
  border-bottom: 3px solid var(--sf-blue);
  padding: .85rem 1.25rem;
}
body:has(.scp-reminder-modalcreate) .sf-modal-header .modal-title {
    font-size: .95rem;
  font-weight: 700;
  color: var(--sf-text);
  display: flex;
  align-items: center;
  gap: .45rem;
}
body:has(.scp-reminder-modalcreate) .sf-modal-header .modal-title i {
    color: var(--sf-blue);
  font-size: 1.1rem;
}
/* ---- Labels ---- */
body:has(.scp-reminder-modalcreate) .form-label {
    font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--sf-muted);
  margin-bottom: .3rem;
}
/* ---- Inputs ---- */
body:has(.scp-reminder-modalcreate) .form-control, body:has(.scp-reminder-modalcreate) .form-select {
    border-color: var(--sf-border);
  color: var(--sf-text);
  font-size: .85rem;
}
body:has(.scp-reminder-modalcreate) .form-control:focus, body:has(.scp-reminder-modalcreate) .form-select:focus {
    border-color: var(--sf-blue);
  box-shadow: 0 0 0 .2rem rgba(1,118,211,.15);
}
/* ---- Select2 ---- */
body:has(.scp-reminder-modalcreate) .select2-container--open {
    z-index: 9999999;
}
body:has(.scp-reminder-modalcreate) .select2-container .select2-selection--single {
    height: 35px !important;
}
body:has(.scp-reminder-modalcreate) .select2-selection__rendered {
    line-height: 33px !important;
}
body:has(.scp-reminder-modalcreate) .select2-selection__arrow {
    height: 33px !important;
}
body:has(.scp-reminder-modalcreate) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
/* ---- Footer ---- */
body:has(.scp-reminder-modalcreate) .sf-modal-footer {
    background: var(--sf-bg);
  border-top: 1px solid var(--sf-border);
  padding: .75rem 1.25rem;
}


/* ─── remote_deduction_categories\index.blade.php [block 0] (scoped via .scp-remote-deduction-categories-index) ─── */
body:has(.scp-remote-deduction-categories-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-remote-deduction-categories-index) {
    background:
                    radial-gradient(1100px 560px at 18% -10%, rgba(99,102,241,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-remote-deduction-categories-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(99,102,241,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-remote-deduction-categories-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-remote-deduction-categories-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-remote-deduction-categories-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-remote-deduction-categories-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
                border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
}
body:has(.scp-remote-deduction-categories-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-remote-deduction-categories-index) .mn-pill {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
}
body:has(.scp-remote-deduction-categories-index) .btn-icon-square {
    width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: .9rem;
}
body:has(.scp-remote-deduction-categories-index) .mn-check {
    width: 18px; height: 18px;
                border-radius: .4rem;
}
body:has(.scp-remote-deduction-categories-index) .mn-kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                font-size: 12px;
                padding: .15rem .45rem;
                border: 1px solid var(--mn-border);
                border-radius: .5rem;
                background: rgba(255,255,255,.75);
                color: #334155;
}


/* ─── reports\agentreport.blade.php [block 0] (scoped via .scp-reports-agentreport) ─── */
body:has(.scp-reports-agentreport) .form-control, body:has(.scp-reports-agentreport) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-agentreport) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-agentreport) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-agentreport) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-agentreport) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-agentreport) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-agentreport) .rank-badge {
    display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; font-weight:700; font-size:12px;
}
body:has(.scp-reports-agentreport) .rank-1 {
    background:#ffd700; color:#7b5a00;
}
body:has(.scp-reports-agentreport) .rank-2 {
    background:#c0c0c0; color:#444;
}
body:has(.scp-reports-agentreport) .rank-3 {
    background:#cd7f32; color:#fff;
}
body:has(.scp-reports-agentreport) .rank-other {
    background:#f1f5f9; color:#64748b;
}
body:has(.scp-reports-agentreport) .progress-bar-wrap {
    background:#f1f5f9; border-radius:999px; height:8px; min-width:80px;
}
body:has(.scp-reports-agentreport) .progress-bar-fill {
    background:linear-gradient(90deg,#6366f1,#0ea5e9); border-radius:999px; height:8px;
}
@media print {
body:has(.scp-reports-agentreport) .no-print {
    display:none !important;
}
body:has(.scp-reports-agentreport) .card {
    border:none !important; box-shadow:none !important;
}

}


/* ─── reports\below-cost-sales.blade.php [block 0] (scoped via .scp-reports-below-cost-sales) ─── */
body:has(.scp-reports-below-cost-sales) .form-control, body:has(.scp-reports-below-cost-sales) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-below-cost-sales) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-below-cost-sales) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-below-cost-sales) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-below-cost-sales) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-below-cost-sales) .loss-val {
    color: #dc2626; font-weight: 600;
}
@media print {
body:has(.scp-reports-below-cost-sales) .no-print {
    display: none !important;
}
body:has(.scp-reports-below-cost-sales) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\categorywise-purchase-report.blade.php [block 0] (scoped via .scp-reports-categorywise-purchase-report) ─── */
body:has(.scp-reports-categorywise-purchase-report) .form-control, body:has(.scp-reports-categorywise-purchase-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-categorywise-purchase-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-categorywise-purchase-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-categorywise-purchase-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-categorywise-purchase-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-categorywise-purchase-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-categorywise-purchase-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-categorywise-purchase-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\categorywise-sales-report.blade.php [block 0] (scoped via .scp-reports-categorywise-sales-report) ─── */
body:has(.scp-reports-categorywise-sales-report) .form-control, body:has(.scp-reports-categorywise-sales-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-categorywise-sales-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-categorywise-sales-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-categorywise-sales-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-categorywise-sales-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-categorywise-sales-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-categorywise-sales-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-categorywise-sales-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\customerwisedetailreport.blade.php [block 0] (scoped via .scp-reports-customerwisedetailreport) ─── */
body:has(.scp-reports-customerwisedetailreport) .form-control, body:has(.scp-reports-customerwisedetailreport) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-customerwisedetailreport) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-customerwisedetailreport) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-customerwisedetailreport) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-customerwisedetailreport) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-customerwisedetailreport) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-customerwisedetailreport) .no-print {
    display: none !important;
}
body:has(.scp-reports-customerwisedetailreport) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\dailysalesreport.blade.php [block 0] (scoped via .scp-reports-dailysalesreport) ─── */
body:has(.scp-reports-dailysalesreport) .form-control, body:has(.scp-reports-dailysalesreport) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-dailysalesreport) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-dailysalesreport) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-dailysalesreport) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-dailysalesreport) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-dailysalesreport) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-dailysalesreport) .variant-indent {
    padding-left: 28px !important; color: #374151;
}
@media print {
body:has(.scp-reports-dailysalesreport) .no-print {
    display: none !important;
}
body:has(.scp-reports-dailysalesreport) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\expenseReport.blade.php [block 0] (scoped via .scp-reports-expensereport) ─── */
/* ─── reports\fifo-cost-layers.blade.php [block 0] (scoped via .scp-reports-fifo-cost-layers) ─── */
body:has(.scp-reports-fifo-cost-layers) .form-control, body:has(.scp-reports-fifo-cost-layers) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-fifo-cost-layers) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-fifo-cost-layers) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-fifo-cost-layers) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-fifo-cost-layers) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-fifo-cost-layers) .underwater {
    background: #fff7f7 !important;
}
body:has(.scp-reports-fifo-cost-layers) .profit-pos {
    color: #15803d; font-weight: 600;
}
body:has(.scp-reports-fifo-cost-layers) .profit-neg {
    color: #dc2626; font-weight: 600;
}
body:has(.scp-reports-fifo-cost-layers) .layer-age-old {
    background: #fef3c7 !important;
}
@media print {
body:has(.scp-reports-fifo-cost-layers) .no-print {
    display: none !important;
}
body:has(.scp-reports-fifo-cost-layers) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\index.blade.php [block 0] (scoped via .scp-reports-index) ─── */
body:has(.scp-reports-index) .report-center {
    padding: 1.5rem 0 2rem;
}
body:has(.scp-reports-index) .report-center__hero {
    margin-bottom: 1.5rem;
            padding: 1.35rem 1.5rem;
            border-radius: 1rem;
            background:
                radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 36%),
                linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
            border: 1px solid rgba(15, 23, 42, 0.06);
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
body:has(.scp-reports-index) .report-center__eyebrow {
    display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            margin-bottom: 0.6rem;
            color: #2563eb;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
}
body:has(.scp-reports-index) .report-center__title {
    margin: 0;
            color: #0f172a;
            font-size: clamp(1.5rem, 2vw, 2rem);
            font-weight: 800;
}
body:has(.scp-reports-index) .report-center__subtitle {
    margin: 0.5rem 0 0;
            max-width: 70rem;
            color: #475569;
            font-size: 0.96rem;
            line-height: 1.6;
}
body:has(.scp-reports-index) .report-tabs {
    display: flex;
            gap: 0.75rem;
            flex-wrap: wrap;
            margin-bottom: 1.25rem;
            padding: 0.35rem;
            border-radius: 1rem;
            background: #eef4ff;
            border: 1px solid rgba(59, 130, 246, 0.08);
}
body:has(.scp-reports-index) .report-tabs .nav-link {
    border: 0;
            border-radius: 0.85rem;
            padding: 0.85rem 1rem;
            min-width: 12rem;
            text-align: left;
            background: transparent;
            color: #334155;
            box-shadow: none;
            transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
body:has(.scp-reports-index) .report-tabs .nav-link:hover {
    background: rgba(255, 255, 255, 0.9);
            color: #0f172a;
            transform: translateY(-1px);
}
body:has(.scp-reports-index) .report-tabs .nav-link.active {
    background: #ffffff;
            color: #0f172a;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
body:has(.scp-reports-index) .report-tabs__label {
    display: flex;
            align-items: center;
            gap: 0.6rem;
            font-size: 0.95rem;
            font-weight: 700;
            line-height: 1.2;
}
body:has(.scp-reports-index) .report-tabs__summary {
    display: block;
            margin-top: 0.3rem;
            color: #64748b;
            font-size: 0.76rem;
            line-height: 1.4;
}
body:has(.scp-reports-index) .report-tab-pane {
    padding-top: 0.35rem;
}
body:has(.scp-reports-index) .report-card {
    padding: 1.35rem;
            border-radius: 1rem;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.06);
            box-shadow: 0 18px 42px rgba(15, 23, 42, 0.05);
}
body:has(.scp-reports-index) .report-panel__header {
    display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1.25rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
body:has(.scp-reports-index) .report-panel__title {
    margin: 0;
            color: #0f172a;
            font-size: 1.15rem;
            font-weight: 800;
}
body:has(.scp-reports-index) .report-panel__desc {
    margin: 0.35rem 0 0;
            color: #64748b;
            font-size: 0.9rem;
}
body:has(.scp-reports-index) .report-panel__badge {
    display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.6rem 0.85rem;
            border-radius: 999px;
            font-size: 0.82rem;
            font-weight: 700;
            background: #eff6ff;
            color: #1d4ed8;
            white-space: nowrap;
}
body:has(.scp-reports-index) .report-grid {
    display: grid;
            gap: 1rem;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
body:has(.scp-reports-index) .report-section {
    height: 100%;
            border-radius: 0.95rem;
            border: 1px solid rgba(15, 23, 42, 0.07);
            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            overflow: hidden;
}
body:has(.scp-reports-index) .report-section__head {
    display: flex;
            align-items: center;
            gap: 0.7rem;
            padding: 1rem 1rem 0.8rem;
            border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
body:has(.scp-reports-index) .report-section__icon {
    display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.35rem;
            height: 2.35rem;
            border-radius: 0.8rem;
            background: rgba(59, 130, 246, 0.1);
            color: #2563eb;
            font-size: 1rem;
            flex-shrink: 0;
}
body:has(.scp-reports-index) .report-section__title {
    margin: 0;
            color: #0f172a;
            font-size: 0.95rem;
            font-weight: 800;
}
body:has(.scp-reports-index) .report-section__desc {
    margin: 0.15rem 0 0;
            color: #64748b;
            font-size: 0.8rem;
            line-height: 1.45;
}
body:has(.scp-reports-index) .report-links {
    list-style: none;
            margin: 0;
            padding: 0.5rem;
}
body:has(.scp-reports-index) .report-links li + li {
    margin-top: 0.35rem;
}
body:has(.scp-reports-index) .report-link {
    display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.75rem;
            padding: 0.8rem 0.85rem;
            border-radius: 0.8rem;
            text-decoration: none;
            border: 1px solid transparent;
            background: #ffffff;
            transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}
body:has(.scp-reports-index) .report-link:hover {
    border-color: rgba(59, 130, 246, 0.18);
            background: #f8fbff;
            transform: translateY(-1px);
}
body:has(.scp-reports-index) .report-link__text {
    min-width: 0;
}
body:has(.scp-reports-index) .report-link__label {
    display: block;
            color: #0f172a;
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.35;
}
body:has(.scp-reports-index) .report-link__meta {
    display: block;
            margin-top: 0.15rem;
            color: #64748b;
            font-size: 0.78rem;
            line-height: 1.45;
}
body:has(.scp-reports-index) .report-link__arrow {
    color: #94a3b8;
            font-size: 0.9rem;
            line-height: 1;
            padding-top: 0.15rem;
}
body:has(.scp-reports-index) .report-accent-primary .report-panel__badge {
    background: #eff6ff;
            color: #1d4ed8;
}
body:has(.scp-reports-index) .report-accent-info .report-panel__badge {
    background: #ecfeff;
            color: #0f766e;
}
body:has(.scp-reports-index) .report-accent-success .report-panel__badge {
    background: #ecfdf5;
            color: #047857;
}
body:has(.scp-reports-index) .report-accent-info .report-section__icon {
    background: rgba(20, 184, 166, 0.12);
            color: #0f766e;
}
body:has(.scp-reports-index) .report-accent-success .report-section__icon {
    background: rgba(16, 185, 129, 0.12);
            color: #047857;
}
@media (max-width: 767.98px) {
body:has(.scp-reports-index) .report-center__hero, body:has(.scp-reports-index) .report-card {
    padding: 1rem;
}
body:has(.scp-reports-index) .report-tabs {
    gap: 0.5rem;
}
body:has(.scp-reports-index) .report-tabs .nav-link {
    min-width: 100%;
}
body:has(.scp-reports-index) .report-panel__header {
    flex-direction: column;
                align-items: flex-start;
}

}


/* ─── reports\item-margin.blade.php [block 0] (scoped via .scp-reports-item-margin) ─── */
body:has(.scp-reports-item-margin) .form-control, body:has(.scp-reports-item-margin) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-item-margin) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-item-margin) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-item-margin) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-item-margin) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-item-margin) .margin-danger {
    color: #dc2626; font-weight: 600;
}
body:has(.scp-reports-item-margin) .margin-warning {
    color: #d97706; font-weight: 600;
}
body:has(.scp-reports-item-margin) .margin-ok {
    color: #15803d; font-weight: 600;
}
body:has(.scp-reports-item-margin) .bar-wrap {
    width: 80px; display: inline-block; background: #e5e7eb; border-radius: 4px; height: 8px; vertical-align: middle;
}
body:has(.scp-reports-item-margin) .bar-fill {
    height: 8px; border-radius: 4px;
}
@media print {
body:has(.scp-reports-item-margin) .no-print {
    display: none !important;
}
body:has(.scp-reports-item-margin) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\itemwise-purchase-detail-report.blade.php [block 0] (scoped via .scp-reports-itemwise-purchase-detail-report) ─── */
body:has(.scp-reports-itemwise-purchase-detail-report) .form-control, body:has(.scp-reports-itemwise-purchase-detail-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-itemwise-purchase-detail-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-itemwise-purchase-detail-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\itemwise-purchase-report.blade.php [block 0] (scoped via .scp-reports-itemwise-purchase-report) ─── */
body:has(.scp-reports-itemwise-purchase-report) .form-control, body:has(.scp-reports-itemwise-purchase-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-itemwise-purchase-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-itemwise-purchase-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-itemwise-purchase-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-itemwise-purchase-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-itemwise-purchase-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-itemwise-purchase-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-itemwise-purchase-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\monthlyAttendanceSummary.blade.php [block 0] (scoped via .scp-reports-monthlyattendancesummary) ─── */
/* ── Group colour tokens ── */
body:has(.scp-reports-monthlyattendancesummary) :root {
    --clr-emp:  #1e1e2d;
            --clr-cal:  #1565c0;
            --clr-att:  #2e7d32;
            --clr-lv:   #e65100;
            --clr-met:  #6a1b9a;
}
/* ── Table shell ── */
/* ── Group-header row (row 1) ── */
body:has(.scp-reports-monthlyattendancesummary) .gh-emp {
    background: var(--clr-emp); border-color: #37374d !important;
}
body:has(.scp-reports-monthlyattendancesummary) .gh-cal {
    background: var(--clr-cal); border-color: #0d47a1 !important;
}
body:has(.scp-reports-monthlyattendancesummary) .gh-att {
    background: var(--clr-att); border-color: #1b5e20 !important;
}
body:has(.scp-reports-monthlyattendancesummary) .gh-lv {
    background: var(--clr-lv);  border-color: #bf360c !important;
}
body:has(.scp-reports-monthlyattendancesummary) .gh-met {
    background: var(--clr-met); border-color: #4a148c !important;
}
/* ── Sub-header row (row 2) ── */
body:has(.scp-reports-monthlyattendancesummary) .sh-emp {
    background: #2d2d42;
}
body:has(.scp-reports-monthlyattendancesummary) .sh-cal {
    background: #1976d2;
}
body:has(.scp-reports-monthlyattendancesummary) .sh-att {
    background: #388e3c;
}
body:has(.scp-reports-monthlyattendancesummary) .sh-lv {
    background: #f4511e;
}
body:has(.scp-reports-monthlyattendancesummary) .sh-met {
    background: #7b1fa2;
}
/* ── Left-border group separators ── */
body:has(.scp-reports-monthlyattendancesummary) .sep-cal {
    border-left: 3px solid var(--clr-cal) !important;
}
body:has(.scp-reports-monthlyattendancesummary) .sep-att {
    border-left: 3px solid var(--clr-att) !important;
}
body:has(.scp-reports-monthlyattendancesummary) .sep-lv {
    border-left: 3px solid var(--clr-lv)  !important;
}
body:has(.scp-reports-monthlyattendancesummary) .sep-met {
    border-left: 3px solid var(--clr-met) !important;
}
/* ── Body ── */
/* ── Footer totals row ── */
/* ── Colour chips in body ── */
body:has(.scp-reports-monthlyattendancesummary) .chip-present {
    color: #1b5e20; font-weight: 600;
}
body:has(.scp-reports-monthlyattendancesummary) .chip-absent {
    color: #c62828; font-weight: 600;
}
body:has(.scp-reports-monthlyattendancesummary) .chip-leave {
    color: #e65100; font-weight: 600;
}
body:has(.scp-reports-monthlyattendancesummary) .chip-late {
    color: #b71c1c;
}
body:has(.scp-reports-monthlyattendancesummary) .chip-duty {
    color: #0d47a1; font-weight: 600;
}


/* ─── reports\most-selling-products.blade.php [block 0] (scoped via .scp-reports-most-selling-products) ─── */
body:has(.scp-reports-most-selling-products) .form-control, body:has(.scp-reports-most-selling-products) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-most-selling-products) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-most-selling-products) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-most-selling-products) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-most-selling-products) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-most-selling-products) .rank-badge {
    display: inline-block; width: 26px; height: 26px; border-radius: 50%; text-align: center; line-height: 26px; font-size: 11px; font-weight: 700;
}
body:has(.scp-reports-most-selling-products) .rank-1 {
    background: #fbbf24; color: #78350f;
}
body:has(.scp-reports-most-selling-products) .rank-2 {
    background: #d1d5db; color: #374151;
}
body:has(.scp-reports-most-selling-products) .rank-3 {
    background: #c97b2f; color: #fff;
}
body:has(.scp-reports-most-selling-products) .rank-n {
    background: #e0e7ff; color: #3730a3;
}
body:has(.scp-reports-most-selling-products) .coverage-bar-wrap {
    width: 80px; display: inline-block; background: #e5e7eb; border-radius: 4px; height: 6px; vertical-align: middle;
}
body:has(.scp-reports-most-selling-products) .coverage-bar {
    height: 6px; border-radius: 4px;
}
@media print {
body:has(.scp-reports-most-selling-products) .no-print {
    display: none !important;
}
body:has(.scp-reports-most-selling-products) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\paymentWiseReports.blade.php [block 0] (scoped via .scp-reports-paymentwisereports) ─── */
body:has(.scp-reports-paymentwisereports) .form-control, body:has(.scp-reports-paymentwisereports) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-paymentwisereports) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-paymentwisereports) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-paymentwisereports) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-paymentwisereports) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
@media print {
body:has(.scp-reports-paymentwisereports) .no-print {
    display: none !important;
}
body:has(.scp-reports-paymentwisereports) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\pdc-report.blade.php [block 0] (scoped via .scp-reports-pdc-report) ─── */
body:has(.scp-reports-pdc-report) .form-control, body:has(.scp-reports-pdc-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-pdc-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-pdc-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-pdc-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-pdc-report) .stat-card .stat-sub {
    font-size: 11px; margin-top: 2px; opacity: .65;
}
body:has(.scp-reports-pdc-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-pdc-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-pdc-report) .badge-pending {
    background: #fef9c3; color: #854d0e; border: 1px solid #fde047;
}
body:has(.scp-reports-pdc-report) .badge-deposited {
    background: #dcfce7; color: #166534; border: 1px solid #86efac;
}
body:has(.scp-reports-pdc-report) .badge-bounce {
    background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5;
}
body:has(.scp-reports-pdc-report) .badge-cancelled {
    background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1;
}
body:has(.scp-reports-pdc-report) .type-sales {
    background: #eff6ff; color: #1d4ed8; border: 1px solid #93c5fd;
}
body:has(.scp-reports-pdc-report) .type-purchase {
    background: #f5f3ff; color: #6d28d9; border: 1px solid #c4b5fd;
}
@media print {
body:has(.scp-reports-pdc-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-pdc-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\product-purchase-report-old.blade.php [block 0] (scoped via .scp-reports-product-purchase-report-old) ─── */
body:has(.scp-reports-product-purchase-report-old) .form-control {
    font-size: 12px !important;
}
/* ─── reports\product-purchase-report.blade.php [block 0] (scoped via .scp-reports-product-purchase-report) ─── */
body:has(.scp-reports-product-purchase-report) .form-control, body:has(.scp-reports-product-purchase-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-product-purchase-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-product-purchase-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-product-purchase-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-product-purchase-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-product-purchase-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-product-purchase-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-product-purchase-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\purchase-discount-report.blade.php [block 0] (scoped via .scp-reports-purchase-discount-report) ─── */
body:has(.scp-reports-purchase-discount-report) .form-control, body:has(.scp-reports-purchase-discount-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-purchase-discount-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-purchase-discount-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-purchase-discount-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-purchase-discount-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-purchase-discount-report) .dis-col {
    color: #b45309; font-weight: 600;
}
@media print {
body:has(.scp-reports-purchase-discount-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-purchase-discount-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\purchase-tds-report.blade.php [block 0] (scoped via .scp-reports-purchase-tds-report) ─── */
body:has(.scp-reports-purchase-tds-report) .form-control, body:has(.scp-reports-purchase-tds-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-purchase-tds-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-purchase-tds-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-purchase-tds-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-purchase-tds-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-purchase-tds-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-purchase-tds-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-purchase-tds-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\sales-by-payment-method.blade.php [block 0] (scoped via .scp-reports-sales-by-payment-method) ─── */
body:has(.scp-reports-sales-by-payment-method) .form-control, body:has(.scp-reports-sales-by-payment-method) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-sales-by-payment-method) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-sales-by-payment-method) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-sales-by-payment-method) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-sales-by-payment-method) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-sales-by-payment-method) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-sales-by-payment-method) .method-dot {
    display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px;
}
body:has(.scp-reports-sales-by-payment-method) .progress-bar-wrap {
    background:#f1f5f9; border-radius:999px; height:10px;
}
body:has(.scp-reports-sales-by-payment-method) .progress-bar-fill {
    border-radius:999px; height:10px;
}
@media print {
body:has(.scp-reports-sales-by-payment-method) .no-print {
    display:none !important;
}
body:has(.scp-reports-sales-by-payment-method) .card {
    border:none !important; box-shadow:none !important;
}

}


/* ─── reports\sales-discount-report.blade.php [block 0] (scoped via .scp-reports-sales-discount-report) ─── */
body:has(.scp-reports-sales-discount-report) .form-control, body:has(.scp-reports-sales-discount-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-sales-discount-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-sales-discount-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-sales-discount-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-sales-discount-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-sales-discount-report) .dis-col {
    color: #b45309; font-weight: 600;
}
@media print {
body:has(.scp-reports-sales-discount-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-sales-discount-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\sales-tds-report.blade.php [block 0] (scoped via .scp-reports-sales-tds-report) ─── */
body:has(.scp-reports-sales-tds-report) .form-control, body:has(.scp-reports-sales-tds-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-sales-tds-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-sales-tds-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-sales-tds-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-sales-tds-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-sales-tds-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-sales-tds-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-sales-tds-report) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\sales_invoice_detail.blade.php [block 0] (scoped via .scp-reports-sales-invoice-detail) ─── */
body:has(.scp-reports-sales-invoice-detail) .row .col {
    margin: 0 !important;
            padding: 0 !important;
}
body:has(.scp-reports-sales-invoice-detail) .row {
    margin-right: 0 !important;
            margin-left: 0 !important;
}
/* ─── reports\staffAttendanceDetail.blade.php [block 0] (scoped via .scp-reports-staffattendancedetail) ─── */
body:has(.scp-reports-staffattendancedetail) :root {
    --c-p:  #1b5e20; --bg-p:  #e8f5e9;
            --c-wp: #0d47a1; --bg-wp: #e3f2fd;
            --c-wo: #e65100; --bg-wo: #fff3e0;
            --c-l:  #6a1b9a; --bg-l:  #f3e5f5;
            --c-h:  #006064; --bg-h:  #e0f7fa;
            --c-a:  #b71c1c; --bg-a:  #ffebee;
}
/* ── summary & leave tables ── */
/* ── attendance detail grid ── */
body:has(.scp-reports-staffattendancedetail) .det-wrap {
    overflow-x: auto;
}
/* day cells */
body:has(.scp-reports-staffattendancedetail) .time-in {
    display: block; font-size: 9.5px; font-weight: 600; line-height: 1.3;
}
body:has(.scp-reports-staffattendancedetail) .time-out {
    display: block; font-size: 9px;   color: #546e7a;   line-height: 1.3;
}
/* summary chips */
body:has(.scp-reports-staffattendancedetail) .sum-chip {
    display: inline-flex;
            align-items: center;
            gap: 6px;
            border-radius: 6px;
            padding: 5px 12px;
            font-size: 12px;
            font-weight: 600;
}
body:has(.scp-reports-staffattendancedetail) .sum-chip .num {
    font-size: 18px; font-weight: 800; line-height: 1;
}
/* section headings */
body:has(.scp-reports-staffattendancedetail) .sec-heading {
    font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: #546e7a;
            border-bottom: 2px solid #eceff1;
            padding-bottom: 4px;
            margin-bottom: 10px;
}
@media print {
@page {
 size: A3 landscape; margin: 8mm; 
}
body:has(.scp-reports-staffattendancedetail) .no-print {
    display: none !important;
}
body:has(.scp-reports-staffattendancedetail) .det-wrap {
    overflow: visible;
}
body:has(.scp-reports-staffattendancedetail) {
    font-size: 10px;
}

}


/* ─── reports\stock-ledger-summary.blade.php [block 0] (scoped via .scp-reports-stock-ledger-summary) ─── */
body:has(.scp-reports-stock-ledger-summary) .form-control, body:has(.scp-reports-stock-ledger-summary) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-stock-ledger-summary) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-stock-ledger-summary) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-stock-ledger-summary) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-stock-ledger-summary) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-stock-ledger-summary) .gp-pos {
    color: #15803d; font-weight: 600;
}
body:has(.scp-reports-stock-ledger-summary) .gp-neg {
    color: #dc2626; font-weight: 600;
}
body:has(.scp-reports-stock-ledger-summary) .section-opening {
    border-left: 3px solid #06b6d4;
}
body:has(.scp-reports-stock-ledger-summary) .section-inward {
    border-left: 3px solid #22c55e;
}
body:has(.scp-reports-stock-ledger-summary) .section-outward {
    border-left: 3px solid #f59e0b;
}
body:has(.scp-reports-stock-ledger-summary) .section-closing {
    border-left: 3px solid #6366f1;
}
body:has(.scp-reports-stock-ledger-summary) .section-gp {
    border-left: 3px solid #ec4899;
}
@media print {
body:has(.scp-reports-stock-ledger-summary) .no-print {
    display: none !important;
}
body:has(.scp-reports-stock-ledger-summary) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\stock-valuation.blade.php [block 0] (scoped via .scp-reports-stock-valuation) ─── */
body:has(.scp-reports-stock-valuation) .form-control, body:has(.scp-reports-stock-valuation) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-stock-valuation) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-stock-valuation) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-stock-valuation) .stat-card .stat-value {
    font-size: 20px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-stock-valuation) .stat-card .stat-icon {
    font-size: 26px; opacity: .18;
}
body:has(.scp-reports-stock-valuation) .profit-pos {
    color: #15803d; font-weight: 600;
}
body:has(.scp-reports-stock-valuation) .profit-neg {
    color: #dc2626; font-weight: 600;
}
@media print {
body:has(.scp-reports-stock-valuation) .no-print {
    display: none !important;
}
body:has(.scp-reports-stock-valuation) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\stockreport.blade.php [block 0] (scoped via .scp-reports-stockreport) ─── */
body:has(.scp-reports-stockreport) .row .col {
    margin: 0 !important;
            padding: 0 !important;
}
body:has(.scp-reports-stockreport) .row {
    margin-right: 0 !important;
            margin-left: 0 !important;
}
body:has(.scp-reports-stockreport) b, body:has(.scp-reports-stockreport) strong {
    font-weight: 300 !important;
}
/* scrollbar */
body:has(.scp-reports-stockreport) ::-webkit-scrollbar {
    width: 3px;
            height: 5px;
}
body:has(.scp-reports-stockreport) ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
}
body:has(.scp-reports-stockreport) ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body:has(.scp-reports-stockreport) ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}
body:has(.scp-reports-stockreport) .box {
    border-radius: 7px !important;
            border-top: none !important;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
body:has(.scp-reports-stockreport) .bx-space {
    margin-top: -15px;
}
body:has(.scp-reports-stockreport) .select2-container--default .select2-selection--single {
    background-color: #fff;
            height: 34px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 3px !important;
}
body:has(.scp-reports-stockreport) .form-control {
    border-radius: 3px !important;
}
body:has(.scp-reports-stockreport) .inpt-grp {
    display: block !important;
}
body:has(.scp-reports-stockreport) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-reports-stockreport) .form-group {
    margin-bottom: 8px !important;
}
body:has(.scp-reports-stockreport) .form-label {
    display: none !important;
}
body:has(.scp-reports-stockreport) select#nep-eng-date-toogle {
    display: none !important;
}


/* ─── reports\storeReport.blade.php [block 0] (scoped via .scp-reports-storereport) ─── */
body:has(.scp-reports-storereport) .row .col {
    margin: 0 !important;
            padding: 0 !important;
}
body:has(.scp-reports-storereport) .row {
    margin-right: 0 !important;
            margin-left: 0 !important;
}
body:has(.scp-reports-storereport) b, body:has(.scp-reports-storereport) strong {
    font-weight: 300 !important;
}
/* scrollbar */
body:has(.scp-reports-storereport) ::-webkit-scrollbar {
    width: 3px;
            height: 5px;
}
body:has(.scp-reports-storereport) ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
}
body:has(.scp-reports-storereport) ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body:has(.scp-reports-storereport) ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}
body:has(.scp-reports-storereport) .box {
    border-radius: 7px !important;
            border-top: none !important;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
body:has(.scp-reports-storereport) .bx-space {
    margin-top: -15px;
}
body:has(.scp-reports-storereport) .select2-container--default .select2-selection--single {
    background-color: #fff;
            height: 34px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 3px !important;
}
body:has(.scp-reports-storereport) .form-control {
    border-radius: 3px !important;
}
body:has(.scp-reports-storereport) .inpt-grp {
    display: block !important;
}
body:has(.scp-reports-storereport) span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
body:has(.scp-reports-storereport) .form-group {
    margin-bottom: 8px !important;
}
body:has(.scp-reports-storereport) .form-label {
    display: none !important;
}
body:has(.scp-reports-storereport) select#nep-eng-date-toogle {
    display: none !important;
}


/* ─── reports\supplier-inventory-movement-report.blade.php [block 0] (scoped via .scp-reports-supplier-inventory-movement-report) ─── */
body:has(.scp-reports-supplier-inventory-movement-report) .form-control, body:has(.scp-reports-supplier-inventory-movement-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-supplier-inventory-movement-report) .group-hdr {
    background: #1e40af !important; color: #fff !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .sub-hdr {
    background: #3b82f6 !important; color: #fff !important; font-size: 10px !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-p {
    background: #eff6ff;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-pr {
    background: #fff7ed;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-sl {
    background: #f0fdf4;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-slr {
    background: #fefce8;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-cl {
    background: #faf5ff;
}
body:has(.scp-reports-supplier-inventory-movement-report) .col-mfg {
    background: #fdf4ff;
}
body:has(.scp-reports-supplier-inventory-movement-report) .neg {
    color: #dc2626;
}
body:has(.scp-reports-supplier-inventory-movement-report) .vt-btn {
    border-radius: 6px !important; font-size: 12px !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .sticky-supp {
    position: sticky; z-index: 2; background: #fff !important; box-shadow: 2px 0 4px -1px rgba(0,0,0,0.12);
}
body:has(.scp-reports-supplier-inventory-movement-report) .tfoot-row .sticky-supp {
    background: #f0fdf4 !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .sub-hdr .sticky-supp {
    background: #3b82f6 !important; color: #fff !important; z-index: 3;
}
@media print {
body:has(.scp-reports-supplier-inventory-movement-report) .no-print {
    display: none !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) .card {
    border: none !important; box-shadow: none !important;
}
body:has(.scp-reports-supplier-inventory-movement-report) {
    font-size: 9px;
}
}


/* ─── reports\top-customers-report.blade.php [block 0] (scoped via .scp-reports-top-customers-report) ─── */
body:has(.scp-reports-top-customers-report) .form-control, body:has(.scp-reports-top-customers-report) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-top-customers-report) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-top-customers-report) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-top-customers-report) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-top-customers-report) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-top-customers-report) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
body:has(.scp-reports-top-customers-report) .rank-badge {
    display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; font-weight:700; font-size:12px;
}
body:has(.scp-reports-top-customers-report) .rank-1 {
    background:#ffd700; color:#7b5a00;
}
body:has(.scp-reports-top-customers-report) .rank-2 {
    background:#c0c0c0; color:#444;
}
body:has(.scp-reports-top-customers-report) .rank-3 {
    background:#cd7f32; color:#fff;
}
body:has(.scp-reports-top-customers-report) .rank-other {
    background:#f1f5f9; color:#64748b;
}
body:has(.scp-reports-top-customers-report) .progress-bar-wrap {
    background:#f1f5f9; border-radius:999px; height:8px; min-width:80px;
}
body:has(.scp-reports-top-customers-report) .progress-bar-fill {
    background:linear-gradient(90deg,#6366f1,#0ea5e9); border-radius:999px; height:8px;
}
@media print {
body:has(.scp-reports-top-customers-report) .no-print {
    display:none !important;
}
body:has(.scp-reports-top-customers-report) .card {
    border:none !important; box-shadow:none !important;
}

}


/* ─── reports\transactionreports-new-old.blade.php [block 0] (scoped via .scp-reports-transactionreports-new-old) ─── */
body:has(.scp-reports-transactionreports-new-old) .row .col {
    margin: 0 !important;
            padding: 0 !important;
}
body:has(.scp-reports-transactionreports-new-old) .row {
    margin-right: 0 !important;
            margin-left: 0 !important;
}
body:has(.scp-reports-transactionreports-new-old) .box {
    border-radius: 7px !important;
            border-top: none !important;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
body:has(.scp-reports-transactionreports-new-old) b, body:has(.scp-reports-transactionreports-new-old) strong {
    font-weight: 300 !important;
}
/* scrollbar */
body:has(.scp-reports-transactionreports-new-old) ::-webkit-scrollbar {
    width: 3px;
            height: 5px;
}
body:has(.scp-reports-transactionreports-new-old) ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
}
body:has(.scp-reports-transactionreports-new-old) ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body:has(.scp-reports-transactionreports-new-old) ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}


/* ─── reports\transactionreports.blade.php [block 0] (scoped via .scp-reports-transactionreports) ─── */
body:has(.scp-reports-transactionreports) .form-control, body:has(.scp-reports-transactionreports) .form-select {
    font-size: 12px !important;
}
body:has(.scp-reports-transactionreports) .stat-card {
    border-radius: 10px; padding: 14px 16px;
}
body:has(.scp-reports-transactionreports) .stat-card .stat-label {
    font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; opacity: .75;
}
body:has(.scp-reports-transactionreports) .stat-card .stat-value {
    font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1;
}
body:has(.scp-reports-transactionreports) .stat-card .stat-icon {
    font-size: 28px; opacity: .2;
}
body:has(.scp-reports-transactionreports) .num {
    text-align: right; font-variant-numeric: tabular-nums;
}
@media print {
body:has(.scp-reports-transactionreports) .no-print {
    display: none !important;
}
body:has(.scp-reports-transactionreports) .card {
    border: none !important; box-shadow: none !important;
}

}


/* ─── reports\excel\followUpInv.blade.php [block 0] (scoped via .scp-reports-excel-followupinv) ─── */
body:has(.scp-reports-excel-followupinv) .row .col {
    margin: 0 !important;
            padding: 0 !important;
}


/* ─── reports\pdf\paymentWiseReport.blade.php [block 0] (scoped via .scp-reports-pdf-paymentwisereport) ─── */
body:has(.scp-reports-pdf-paymentwisereport) .row .col {
    margin: 0px !important;
            padding: 0px !important;
}


/* ─── requisition\convert-to-rfq.blade.php [block 0] (scoped via .scp-requisition-convert-to-rfq) ─── */
body:has(.scp-requisition-convert-to-rfq) :root {
    --rfq-ink: #0f172a;
            --rfq-muted: #64748b;
            --rfq-line: #d9e2ec;
            --rfq-soft: #f8fafc;
            --rfq-brand: #0f4c81;
            --rfq-brand-soft: #e8f2fb;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-toolbar-card {
    border: 1px solid #e6edf5;
            border-radius: 16px;
            background: linear-gradient(135deg, #f8fbff 0%, #fffef8 100%);
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-toolbar-copy {
    max-width: 720px;
            color: #5b6b7f;
            font-size: 13px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-toolbar-copy strong {
    color: var(--rfq-ink);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-sheet {
    background: #fff;
            border: 1px solid var(--rfq-line);
            border-radius: 18px;
            box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
            overflow: hidden;
            margin-top: 1rem;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-accent {
    height: 7px;
            background: linear-gradient(90deg, #0f172a 0%, #0f4c81 55%, #38bdf8 100%);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-inner {
    padding: 28px;
            color: var(--rfq-ink);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-header {
    display: flex;
            justify-content: space-between;
            gap: 24px;
            align-items: flex-start;
            padding-bottom: 20px;
            border-bottom: 2px solid #e2e8f0;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-brand {
    display: flex;
            gap: 18px;
            align-items: flex-start;
            min-width: 0;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-logo {
    max-width: 148px;
            max-height: 92px;
            object-fit: contain;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-company h1 {
    margin: 0 0 6px;
            font-size: 28px;
            font-weight: 800;
            color: var(--rfq-ink);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-company-address, body:has(.scp-requisition-convert-to-rfq) .rfq-company-meta {
    color: var(--rfq-muted);
            line-height: 1.65;
            font-size: 13px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-docbox {
    min-width: 280px;
            padding: 18px 20px;
            border: 1px solid #dbe7f3;
            border-radius: 16px;
            background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
            text-align: right;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-kicker {
    display: inline-block;
            padding: 5px 10px;
            border-radius: 999px;
            background: var(--rfq-brand-soft);
            color: var(--rfq-brand);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-title {
    margin-top: 12px;
            font-size: 28px;
            font-weight: 800;
            letter-spacing: .02em;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-number {
    margin-top: 6px;
            font-size: 16px;
            font-weight: 700;
            color: #334155;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-date-grid {
    margin-top: 14px;
            display: grid;
            gap: 8px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-date-grid div {
    display: flex;
            justify-content: space-between;
            gap: 16px;
            font-size: 12px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-date-grid span {
    color: var(--rfq-muted);
            text-transform: uppercase;
            letter-spacing: .08em;
            font-size: 11px;
            font-weight: 700;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-grid {
    display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 18px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-card {
    border: 1px solid var(--rfq-line);
            border-radius: 14px;
            background: #fff;
            padding: 16px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-card-label {
    font-size: 11px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--rfq-muted);
}
body:has(.scp-requisition-convert-to-rfq) .rfq-card-value {
    margin-top: 8px;
            font-size: 18px;
            font-weight: 800;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-card-meta {
    margin-top: 8px;
            font-size: 13px;
            line-height: 1.7;
            color: #475569;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-note {
    margin-top: 18px;
            padding: 14px 16px;
            border: 1px solid #d7e7fb;
            border-radius: 14px;
            background: #f5f9ff;
            color: #365171;
            line-height: 1.65;
}
body:has(.scp-requisition-convert-to-rfq) .item-name {
    font-weight: 700;
}
body:has(.scp-requisition-convert-to-rfq) .item-sub {
    margin-top: 3px;
            color: var(--rfq-muted);
            font-size: 12px;
}
body:has(.scp-requisition-convert-to-rfq) .fill-cell {
    min-height: 42px;
            background-image: linear-gradient(to right, rgba(148, 163, 184, 0.45) 40%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 10px 1px;
            background-repeat: repeat-x;
}
body:has(.scp-requisition-convert-to-rfq) .empty-row {
    text-align: center;
            color: var(--rfq-muted);
            padding: 24px !important;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-bottom {
    display: grid;
            grid-template-columns: 1.2fr .8fr;
            gap: 16px;
            margin-top: 18px;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-terms ul {
    margin: 10px 0 0 18px;
            padding: 0;
            color: #475569;
            line-height: 1.8;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-summary {
    border: 1px solid var(--rfq-line);
            border-radius: 14px;
            overflow: hidden;
            background: #fff;
}
body:has(.scp-requisition-convert-to-rfq) .summary-row {
    display: flex;
            justify-content: space-between;
            gap: 16px;
            padding: 13px 15px;
            border-bottom: 1px solid #e6edf3;
}
body:has(.scp-requisition-convert-to-rfq) .summary-row:last-child {
    border-bottom: 0;
            background: #eff6ff;
}
body:has(.scp-requisition-convert-to-rfq) .summary-row span {
    color: var(--rfq-muted);
            font-weight: 700;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-remarks {
    margin-top: 16px;
            padding: 16px;
            border: 1px solid var(--rfq-line);
            border-radius: 14px;
            background: #fcfcfd;
            color: #475569;
            line-height: 1.7;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-signatures {
    display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            margin-top: 22px;
}
body:has(.scp-requisition-convert-to-rfq) .sig-box {
    border: 1px dashed #cbd5e1;
            border-radius: 14px;
            padding: 16px 14px;
            background: #fff;
}
body:has(.scp-requisition-convert-to-rfq) .sig-title {
    font-size: 11px;
            font-weight: 800;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--rfq-muted);
}
body:has(.scp-requisition-convert-to-rfq) .sig-space {
    height: 68px;
}
body:has(.scp-requisition-convert-to-rfq) .sig-line {
    border-top: 1px solid #94a3b8;
            padding-top: 8px;
            font-weight: 700;
            color: #334155;
}
body:has(.scp-requisition-convert-to-rfq) .text-center {
    text-align: center;
}
body:has(.scp-requisition-convert-to-rfq) .text-end {
    text-align: right;
}
@media (max-width: 992px) {
body:has(.scp-requisition-convert-to-rfq) .rfq-header, body:has(.scp-requisition-convert-to-rfq) .rfq-grid, body:has(.scp-requisition-convert-to-rfq) .rfq-bottom, body:has(.scp-requisition-convert-to-rfq) .rfq-signatures {
    display: block;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-docbox, body:has(.scp-requisition-convert-to-rfq) .rfq-card, body:has(.scp-requisition-convert-to-rfq) .rfq-summary, body:has(.scp-requisition-convert-to-rfq) .sig-box {
    margin-top: 14px;
}

}
@media print {
body:has(.scp-requisition-convert-to-rfq) {
    background: #fff !important;
}
body:has(.scp-requisition-convert-to-rfq) .toolbar, body:has(.scp-requisition-convert-to-rfq) .rfq-toolbar-card, body:has(.scp-requisition-convert-to-rfq) .main-header, body:has(.scp-requisition-convert-to-rfq) .main-sidebar, body:has(.scp-requisition-convert-to-rfq) .aside, body:has(.scp-requisition-convert-to-rfq) .footer, body:has(.scp-requisition-convert-to-rfq) .btn, body:has(.scp-requisition-convert-to-rfq) .no-print, body:has(.scp-requisition-convert-to-rfq) .breadcrumb {
    display: none !important;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-sheet {
    box-shadow: none !important;
                border-radius: 0 !important;
                margin-top: 0 !important;
                border: none !important;
}
body:has(.scp-requisition-convert-to-rfq) .rfq-inner {
    padding: 0 !important;
}

}


/* ─── requisition\email_review.blade.php [block 0] (scoped via .scp-requisition-email-review) ─── */
body:has(.scp-requisition-email-review) {
    font-family: Arial, sans-serif; color: #333; line-height: 1.6;
}
body:has(.scp-requisition-email-review) .container {
    max-width: 600px; margin: 0 auto; padding: 24px;
}
body:has(.scp-requisition-email-review) .header {
    background: #7A1E1E; color: #fff; padding: 16px 24px; border-radius: 6px 6px 0 0;
}
body:has(.scp-requisition-email-review) .body {
    background: #f9f9f9; padding: 24px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 6px 6px;
}
body:has(.scp-requisition-email-review) .btn {
    display: inline-block; background: #7A1E1E; color: #fff; padding: 10px 24px; border-radius: 4px; text-decoration: none; margin-top: 16px;
}
body:has(.scp-requisition-email-review) .footer {
    margin-top: 24px; font-size: 12px; color: #999;
}


/* ─── requisition\vendor_quotations\create.blade.php [block 0] (scoped via .scp-requisition-vendor-quotations-create) ─── */
body:has(.scp-requisition-vendor-quotations-create) .vq-vendor-card .card-body .row {
    --bs-gutter-x: 0.85rem;
            --bs-gutter-y: 0.85rem;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-vendor-card .form-label {
    font-size: 0.8rem;
            margin-bottom: 0.35rem;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-vendor-card .form-control, body:has(.scp-requisition-vendor-quotations-create) .vq-vendor-card .form-select {
    font-size: 0.875rem;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-vendor-card textarea.form-control {
    min-height: 72px;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-item {
    width: 24%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-qty {
    width: 6%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-unit {
    width: 6%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-target {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-status {
    width: 10%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-rate, body:has(.scp-requisition-vendor-quotations-create) .vq-col-tax {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-discount {
    width: 11%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-lead {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-remarks {
    width: 10%;
}
body:has(.scp-requisition-vendor-quotations-create) .vq-col-total {
    width: 8%;
}


/* ─── requisition\vendor_quotations\edit.blade.php [block 0] (scoped via .scp-requisition-vendor-quotations-edit) ─── */
body:has(.scp-requisition-vendor-quotations-edit) .vq-vendor-card .card-body .row {
    --bs-gutter-x: 0.85rem;
            --bs-gutter-y: 0.85rem;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-vendor-card .form-label {
    font-size: 0.8rem;
            margin-bottom: 0.35rem;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-vendor-card .form-control, body:has(.scp-requisition-vendor-quotations-edit) .vq-vendor-card .form-select {
    font-size: 0.875rem;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-vendor-card textarea.form-control {
    min-height: 72px;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-item {
    width: 24%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-qty {
    width: 6%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-unit {
    width: 6%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-target {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-status {
    width: 10%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-rate, body:has(.scp-requisition-vendor-quotations-edit) .vq-col-discount, body:has(.scp-requisition-vendor-quotations-edit) .vq-col-tax {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-lead {
    width: 8%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-remarks {
    width: 10%;
}
body:has(.scp-requisition-vendor-quotations-edit) .vq-col-total {
    width: 8%;
}


/* ─── review\review.blade.php [block 0] (scoped via .scp-review-review) ─── */
body:has(.scp-review-review) :root, body:has(.scp-review-review) [data-bs-theme="light"] {
    --review-surface: #ffffff;
      --review-surface-2: #f8fafc;
      --review-border: #dbe4f0;
      --review-text: #0f172a;
      --review-muted: #5b6b81;
      --review-accent: #0f766e;
      --review-accent-deep: #0b4f4a;
      --review-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
      --review-radius: 24px;

      /* component tokens */
      --review-step-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      --review-step-latest-bg: linear-gradient(180deg, #f0f7ff 0%, #f8fafc 100%);
      --review-step-latest-border: #bfdbfe;
      --review-detail-bg: #ffffff;
      --review-detail-border: rgba(219,228,240,0.95);
      --review-summary-bg: #f8fafc;
      --review-summary-border: rgba(219,228,240,0.9);
      --review-empty-bg: #f8fafc;
      --review-empty-icon-bg: #e2e8f0;
      --review-empty-icon-color: #475569;
      --review-alert-bg: #ecfdf5;
      --review-alert-border: #bbf7d0;
      --review-alert-color: #166534;
      --review-date-bg: #eff6ff;
      --review-date-color: #1d4ed8;
      --review-order-bg: rgba(255,255,255,0.95);
      --review-order-shadow: inset 0 0 0 1px rgba(148,163,184,0.25);
      --review-order-num-color: #0f172a;
      --review-order-label-color: #64748b;
      --review-marker-border: #fff;
      --review-timeline-line: linear-gradient(180deg, rgba(15,118,110,0.3), rgba(148,163,184,0.2));
      --review-action-edit-bg: #eff6ff;
      --review-action-edit-color: #1d4ed8;
      --review-action-edit-border: #bfdbfe;
      --review-action-edit-hover-bg: #dbeafe;
      --review-action-delete-bg: #fff1f2;
      --review-action-delete-color: #be123c;
      --review-action-delete-border: #fecdd3;
      --review-action-delete-hover-bg: #ffe4e6;
      --review-latest-badge-bg: #dbeafe;
      --review-latest-badge-color: #1d4ed8;
      --review-status-neutral-bg: #e2e8f0;
      --review-status-neutral-color: #334155;
      --review-status-success-bg: #dcfce7;
      --review-status-success-color: #166534;
      --review-status-warning-bg: #fef3c7;
      --review-status-warning-color: #92400e;
      --review-status-danger-bg: #fee2e2;
      --review-status-danger-color: #991b1b;
}
body:has(.scp-review-review) [data-bs-theme="dark"] {
    --review-surface: #161b2e;
      --review-surface-2: #1c2340;
      --review-border: rgba(148,163,184,0.15);
      --review-text: #e2e8f0;
      --review-muted: #94a3b8;
      --review-accent: #2dd4bf;
      --review-accent-deep: #5eead4;
      --review-shadow: 0 22px 60px rgba(0,0,0,0.45);

      --review-step-bg: linear-gradient(180deg, #1c2340 0%, #161b2e 100%);
      --review-step-latest-bg: linear-gradient(180deg, #1a2744 0%, #161b2e 100%);
      --review-step-latest-border: rgba(59,130,246,0.4);
      --review-detail-bg: #1c2340;
      --review-detail-border: rgba(148,163,184,0.12);
      --review-summary-bg: #1c2340;
      --review-summary-border: rgba(148,163,184,0.12);
      --review-empty-bg: #1c2340;
      --review-empty-icon-bg: #2d3a58;
      --review-empty-icon-color: #94a3b8;
      --review-alert-bg: rgba(16,185,129,0.1);
      --review-alert-border: rgba(16,185,129,0.25);
      --review-alert-color: #34d399;
      --review-date-bg: rgba(59,130,246,0.12);
      --review-date-color: #93c5fd;
      --review-order-bg: rgba(255,255,255,0.04);
      --review-order-shadow: inset 0 0 0 1px rgba(148,163,184,0.12);
      --review-order-num-color: #e2e8f0;
      --review-order-label-color: #94a3b8;
      --review-marker-border: #161b2e;
      --review-timeline-line: linear-gradient(180deg, rgba(45,212,191,0.3), rgba(148,163,184,0.08));
      --review-action-edit-bg: rgba(59,130,246,0.1);
      --review-action-edit-color: #93c5fd;
      --review-action-edit-border: rgba(59,130,246,0.25);
      --review-action-edit-hover-bg: rgba(59,130,246,0.18);
      --review-action-delete-bg: rgba(244,63,94,0.1);
      --review-action-delete-color: #fda4af;
      --review-action-delete-border: rgba(244,63,94,0.25);
      --review-action-delete-hover-bg: rgba(244,63,94,0.18);
      --review-latest-badge-bg: rgba(59,130,246,0.15);
      --review-latest-badge-color: #93c5fd;
      --review-status-neutral-bg: rgba(100,116,139,0.2);
      --review-status-neutral-color: #cbd5e1;
      --review-status-success-bg: rgba(22,163,74,0.15);
      --review-status-success-color: #4ade80;
      --review-status-warning-bg: rgba(234,179,8,0.15);
      --review-status-warning-color: #fde047;
      --review-status-danger-bg: rgba(220,38,38,0.15);
      --review-status-danger-color: #f87171;
}
body:has(.scp-review-review) .review-page {
    padding: 1rem 0 2rem;
}
body:has(.scp-review-review) .review-hero {
    position: relative;
      overflow: hidden;
      padding: 2rem;
      border-radius: 28px;
      background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 26%),
        linear-gradient(135deg, #0f766e 0%, #155e75 45%, #0f172a 100%);
      color: #fff;
      box-shadow: var(--review-shadow);
}
body:has(.scp-review-review) .review-hero::after {
    content: "";
      position: absolute;
      right: -3rem;
      bottom: -3rem;
      width: 14rem;
      height: 14rem;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.08);
}
body:has(.scp-review-review) .review-eyebrow {
    display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.45rem 0.9rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
}
body:has(.scp-review-review) .review-hero h1 {
    margin: 1rem 0 0.75rem;
      font-size: clamp(1.8rem, 3vw, 2.7rem);
      line-height: 1.15;
      font-weight: 800;
      color: #fff;
}
body:has(.scp-review-review) .review-hero p {
    max-width: 52rem;
      margin: 0;
      font-size: 1rem;
      color: rgba(255, 255, 255, 0.82);
}
body:has(.scp-review-review) .review-ref {
    display: inline-flex;
      align-items: center;
      margin-left: 0.55rem;
      padding: 0.35rem 0.75rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.14);
      font-size: 0.95rem;
      font-weight: 700;
      vertical-align: middle;
}
body:has(.scp-review-review) .review-hero-meta {
    display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-top: 1.4rem;
}
body:has(.scp-review-review) .review-hero-chip {
    display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.7rem 0.95rem;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      font-weight: 600;
}
body:has(.scp-review-review) .review-grid {
    margin-top: 1.5rem;
}
body:has(.scp-review-review) .review-card, body:has(.scp-review-review) .review-stat {
    background: var(--review-surface);
      border: 1px solid var(--review-border);
      border-radius: var(--review-radius);
      box-shadow: var(--review-shadow);
}
body:has(.scp-review-review) .review-stat {
    height: 100%;
      padding: 1.2rem 1.25rem;
}
body:has(.scp-review-review) .review-stat-label {
    display: flex;
      align-items: center;
      gap: 0.6rem;
      color: var(--review-muted);
      font-size: 0.88rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
}
body:has(.scp-review-review) .review-stat-value {
    margin-top: 0.85rem;
      font-size: 2rem;
      font-weight: 800;
      color: var(--review-text);
      line-height: 1;
}
body:has(.scp-review-review) .review-stat-note {
    margin-top: 0.5rem;
      color: var(--review-muted);
      font-size: 0.92rem;
}
body:has(.scp-review-review) .review-card {
    padding: 1.5rem;
}
body:has(.scp-review-review) .review-section-head {
    display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1.25rem;
}
body:has(.scp-review-review) .review-section-title {
    margin: 0;
      color: var(--review-text);
      font-size: 1.15rem;
      font-weight: 800;
}
body:has(.scp-review-review) .review-section-copy {
    margin: 0.35rem 0 0;
      color: var(--review-muted);
      font-size: 0.95rem;
}
body:has(.scp-review-review) .review-status-pill {
    display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.55rem 0.85rem;
      border-radius: 999px;
      font-weight: 700;
      white-space: nowrap;
}
body:has(.scp-review-review) .status-neutral {
    background: var(--review-status-neutral-bg);  color: var(--review-status-neutral-color);
}
body:has(.scp-review-review) .status-success {
    background: var(--review-status-success-bg);  color: var(--review-status-success-color);
}
body:has(.scp-review-review) .status-warning {
    background: var(--review-status-warning-bg);  color: var(--review-status-warning-color);
}
body:has(.scp-review-review) .status-danger {
    background: var(--review-status-danger-bg);   color: var(--review-status-danger-color);
}
body:has(.scp-review-review) .review-alert {
    display: flex;
      align-items: flex-start;
      gap: 0.9rem;
      margin-bottom: 1.25rem;
      padding: 1rem 1.1rem;
      border-radius: 18px;
      background: var(--review-alert-bg);
      border: 1px solid var(--review-alert-border);
      color: var(--review-alert-color);
}
body:has(.scp-review-review) .review-timeline {
    position: relative;
      padding-left: 1.3rem;
}
body:has(.scp-review-review) .review-timeline::before {
    content: "";
      position: absolute;
      top: 0.5rem;
      bottom: 0.5rem;
      left: 0.45rem;
      width: 2px;
      background: var(--review-timeline-line);
}
body:has(.scp-review-review) .review-step {
    position: relative;
      margin-bottom: 1.25rem;
      padding-left: 1.4rem;
}
body:has(.scp-review-review) .review-step:last-child {
    margin-bottom: 0;
}
body:has(.scp-review-review) .review-step-marker {
    position: absolute;
      left: -0.05rem;
      top: 1.35rem;
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      border: 3px solid var(--review-marker-border);
      background: var(--review-accent);
      box-shadow: 0 0 0 5px rgba(15, 118, 110, 0.12);
}
body:has(.scp-review-review) .review-step-card {
    padding: 1.25rem;
      border: 1px solid var(--review-border);
      border-radius: 22px;
      background: var(--review-step-bg);
}
body:has(.scp-review-review) .review-step-top {
    display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1rem;
}
body:has(.scp-review-review) .review-step-date {
    display: inline-flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.5rem;
      border-radius: 18px;
      background: var(--review-date-bg);
      color: var(--review-date-color);
      font-weight: 700;
}
body:has(.scp-review-review) .review-step-order {
    display: flex;
      flex-direction: column;
      justify-content: center;
      width: 3rem;
      min-width: 3rem;
      height: 3rem;
      border-radius: 14px;
      background: var(--review-order-bg);
      text-align: center;
      box-shadow: var(--review-order-shadow);
}
body:has(.scp-review-review) .review-step-order span:first-child {
    font-size: 0.78rem;
      color: var(--review-order-label-color);
      text-transform: uppercase;
      letter-spacing: 0.05em;
}
body:has(.scp-review-review) .review-step-order span:last-child {
    font-size: 1rem;
      color: var(--review-order-num-color);
      font-weight: 800;
      line-height: 1.1;
}
body:has(.scp-review-review) .review-step-title {
    margin: 0; color: var(--review-text); font-size: 1.05rem; font-weight: 800;
}
body:has(.scp-review-review) .review-step-subtitle {
    margin-top: 0.3rem; color: var(--review-muted); font-size: 0.94rem;
}
body:has(.scp-review-review) .review-step-details {
    display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.85rem;
}
body:has(.scp-review-review) .review-detail {
    min-width: 0;
      padding: 0.9rem 1rem;
      border-radius: 18px;
      background: var(--review-detail-bg);
      border: 1px solid var(--review-detail-border);
}
body:has(.scp-review-review) .review-detail-label {
    display: block;
      margin-bottom: 0.4rem;
      color: var(--review-muted);
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
}
body:has(.scp-review-review) .review-detail-value {
    color: var(--review-text); font-size: 0.96rem; font-weight: 600; word-break: break-word;
}
body:has(.scp-review-review) .review-detail-value.muted {
    color: var(--review-muted);
}
body:has(.scp-review-review) .review-step-actions {
    display: flex;
      align-items: center;
      gap: 0.65rem;
      margin-top: 1.1rem;
      padding-top: 1rem;
      border-top: 1px solid var(--review-border);
      flex-wrap: wrap;
}
body:has(.scp-review-review) .review-action-btn {
    display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.5rem 1rem;
      border-radius: 10px;
      font-size: 0.875rem;
      font-weight: 700;
      cursor: pointer;
      transition: background 0.15s, transform 0.1s, box-shadow 0.15s;
      text-decoration: none;
}
body:has(.scp-review-review) .review-action-btn:active {
    transform: scale(0.97);
}
body:has(.scp-review-review) .review-action-btn.edit {
    background: var(--review-action-edit-bg);
      color: var(--review-action-edit-color);
      border: 1px solid var(--review-action-edit-border);
}
body:has(.scp-review-review) .review-action-btn.edit:hover {
    background: var(--review-action-edit-hover-bg); color: var(--review-action-edit-color);
}
body:has(.scp-review-review) .review-action-btn.delete {
    background: var(--review-action-delete-bg);
      color: var(--review-action-delete-color);
      border: 1px solid var(--review-action-delete-border);
}
body:has(.scp-review-review) .review-action-btn.delete:hover {
    background: var(--review-action-delete-hover-bg); color: var(--review-action-delete-color);
}
body:has(.scp-review-review) .review-step-card.is-latest {
    border-color: var(--review-step-latest-border);
      background: var(--review-step-latest-bg);
}
body:has(.scp-review-review) .review-latest-badge {
    display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.3rem 0.7rem;
      border-radius: 999px;
      background: var(--review-latest-badge-bg);
      color: var(--review-latest-badge-color);
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
}
body:has(.scp-review-review) .review-sidebar {
    display: grid; gap: 1.25rem;
}
body:has(.scp-review-review) .review-sidebar-title {
    margin: 0 0 0.6rem; color: var(--review-text); font-size: 1.02rem; font-weight: 800;
}
body:has(.scp-review-review) .review-sidebar-copy {
    margin: 0 0 1rem; color: var(--review-muted); line-height: 1.65;
}
body:has(.scp-review-review) .review-actions {
    display: grid; gap: 0.75rem;
}
body:has(.scp-review-review) .review-actions .btn {
    display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      min-height: 3rem;
      border-radius: 14px;
      font-weight: 700;
}
body:has(.scp-review-review) .review-summary-list {
    display: grid; gap: 0.85rem;
}
body:has(.scp-review-review) .review-summary-item {
    display: flex;
      justify-content: space-between;
      gap: 1rem;
      padding: 0.9rem 1rem;
      border-radius: 18px;
      background: var(--review-summary-bg);
      border: 1px solid var(--review-summary-border);
}
body:has(.scp-review-review) .review-summary-item span {
    color: var(--review-muted); font-size: 0.88rem; font-weight: 700;
}
body:has(.scp-review-review) .review-summary-item strong {
    color: var(--review-text);  text-align: right; font-size: 0.93rem; font-weight: 800;
}
body:has(.scp-review-review) .review-empty {
    padding: 1.25rem;
      border: 1px dashed var(--review-border);
      border-radius: 22px;
      background: var(--review-empty-bg);
      text-align: center;
      color: var(--review-muted);
}
body:has(.scp-review-review) .review-empty i {
    display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3.5rem;
      height: 3.5rem;
      margin-bottom: 0.9rem;
      border-radius: 50%;
      background: var(--review-empty-icon-bg);
      color: var(--review-empty-icon-color);
      font-size: 1.2rem;
}
/* Icon badges */
body:has(.scp-review-review) .review-icon-badge {
    display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.2rem;
      height: 2.2rem;
      border-radius: 10px;
      flex-shrink: 0;
}
body:has(.scp-review-review) .review-icon-badge--green {
    background: rgba(22,163,74,0.12);  color: #16a34a;
}
body:has(.scp-review-review) .review-icon-badge--blue {
    background: rgba(37,99,235,0.1);   color: #2563eb;
}
body:has(.scp-review-review) .review-icon-badge--purple {
    background: rgba(124,58,237,0.1);  color: #7c3aed;
}
body:has(.scp-review-review) [data-bs-theme="dark"] .review-icon-badge--green {
    background: rgba(74,222,128,0.12); color: #4ade80;
}
body:has(.scp-review-review) [data-bs-theme="dark"] .review-icon-badge--blue {
    background: rgba(147,197,253,0.12); color: #93c5fd;
}
body:has(.scp-review-review) [data-bs-theme="dark"] .review-icon-badge--purple {
    background: rgba(196,181,253,0.12); color: #c4b5fd;
}
/* Next Action card accent border */
body:has(.scp-review-review) .review-card-action {
    background: linear-gradient(135deg, rgba(240,253,244,1) 0%, var(--review-surface) 100%);
      border-color: rgba(187,247,208,0.8);
}
body:has(.scp-review-review) [data-bs-theme="dark"] .review-card-action {
    background: linear-gradient(135deg, rgba(22,163,74,0.07) 0%, var(--review-surface) 100%);
      border-color: rgba(74,222,128,0.15);
}
/* Go Back button */
body:has(.scp-review-review) .review-btn-back {
    border-radius: 12px;
      min-height: 2.8rem;
      background: var(--review-surface-2);
      color: var(--review-muted);
      border: 1px solid var(--review-border);
}
body:has(.scp-review-review) .review-btn-back:hover {
    color: var(--review-text);
}
@media (max-width: 991.98px) {
body:has(.scp-review-review) .review-step-details {
    grid-template-columns: 1fr;
}

}
@media (max-width: 767.98px) {
body:has(.scp-review-review) .review-page {
    padding-top: 0.5rem;
}
body:has(.scp-review-review) .review-hero {
    padding: 1.5rem;
        border-radius: 22px;
}
body:has(.scp-review-review) .review-card, body:has(.scp-review-review) .review-stat {
    border-radius: 20px;
}
body:has(.scp-review-review) .review-section-head, body:has(.scp-review-review) .review-step-top, body:has(.scp-review-review) .review-summary-item {
    flex-direction: column;
        align-items: flex-start;
}
body:has(.scp-review-review) .review-status-pill {
    white-space: normal;
}

}
@media print {
body:has(.scp-review-review) * {
    -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;
}
/* Hide all page chrome */
body:has(.scp-review-review) #kt_header, body:has(.scp-review-review) #kt_header_mobile, body:has(.scp-review-review) #kt_aside, body:has(.scp-review-review) #kt_aside_menu, body:has(.scp-review-review) #kt_toolbar, body:has(.scp-review-review) #kt_footer, body:has(.scp-review-review) #kt_scrolltop, body:has(.scp-review-review) .review-hero, body:has(.scp-review-review) .review-sidebar, body:has(.scp-review-review) .review-step-actions, body:has(.scp-review-review) .review-action-btn, body:has(.scp-review-review) .btn-swal-delete, body:has(.scp-review-review) .modal {
    display: none !important;
}
/* Reset layout to full width */
body:has(.scp-review-review) #kt_content_container, body:has(.scp-review-review) #kt_post, body:has(.scp-review-review) .container-xxl, body:has(.scp-review-review) .container-fluid, body:has(.scp-review-review) .wrapper, body:has(.scp-review-review) #kt_content, body:has(.scp-review-review) .review-page, body:has(.scp-review-review) .review-grid {
    width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important;
}
body:has(.scp-review-review) .col-xl-8 {
    width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
}
body:has(.scp-review-review) .col-xl-4 {
    display: none !important;
}
body:has(.scp-review-review) {
    background: #fff !important;
}
/* Show print header */
body:has(.scp-review-review) #review-print-header {
    display: block !important; margin-bottom: 1rem;
}
/* Stat cards in a row */
body:has(.scp-review-review) #review-stats-row {
    display: flex !important; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem !important;
}
body:has(.scp-review-review) #review-stats-row .col-sm-6, body:has(.scp-review-review) #review-stats-row .col-lg-3 {
    flex: 1 1 22% !important; max-width: 24% !important; width: auto !important; padding: 0 !important;
}
body:has(.scp-review-review) .review-stat {
    padding: .6rem .75rem !important; border-radius: 10px !important; box-shadow: none !important; border: 1px solid #e2e8f0 !important;
}
body:has(.scp-review-review) .review-stat-value {
    font-size: 1.4rem !important;
}
/* Timeline card */
body:has(.scp-review-review) #review-timeline-card {
    box-shadow: none !important; border: none !important; padding: 0 !important; border-radius: 0 !important;
}
body:has(.scp-review-review) .review-section-head {
    margin-bottom: .75rem !important;
}
/* Step cards */
body:has(.scp-review-review) .review-step-card {
    border: 1px solid #dbe4f0 !important;
        border-radius: 12px !important;
        background: #fff !important;
        break-inside: avoid;
        page-break-inside: avoid;
}
body:has(.scp-review-review) .review-step-card.is-latest {
    border-color: #bfdbfe !important; background: #f0f7ff !important;
}
body:has(.scp-review-review) .review-step-marker {
    display: none !important;
}
body:has(.scp-review-review) .review-timeline {
    padding-left: 0 !important;
}
body:has(.scp-review-review) .review-timeline::before {
    display: none !important;
}
body:has(.scp-review-review) .review-step {
    padding-left: 0 !important; margin-bottom: .75rem !important;
}
/* Detail boxes */
body:has(.scp-review-review) .review-detail {
    border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #f8fafc !important;
}
body:has(.scp-review-review) .review-step-details {
    grid-template-columns: repeat(2, 1fr) !important; gap: .5rem !important;
}
/* Stat/status colors */
body:has(.scp-review-review) .status-success {
    background: #dcfce7 !important; color: #166534 !important;
}
body:has(.scp-review-review) .status-warning {
    background: #fef3c7 !important; color: #92400e !important;
}
body:has(.scp-review-review) .status-danger {
    background: #fee2e2 !important; color: #991b1b !important;
}
body:has(.scp-review-review) .status-neutral {
    background: #e2e8f0 !important; color: #334155 !important;
}
/* Page breaks */
body:has(.scp-review-review) .review-step {
    page-break-inside: avoid; break-inside: avoid;
}
@page {
 margin: 1.5cm; size: A4 portrait; 
}

}


/* ─── salary-voucher\create.blade.php [block 0] (scoped via .scp-salary-voucher-create) ─── */
/* ── Salary Voucher – NetSuite style, BS5 only ─────────────────── */
body:has(.scp-salary-voucher-create) #kt_content_container {
    max-width:100%!important; padding:0 10px!important;
}
/* Header strip */
body:has(.scp-salary-voucher-create) .ns-header label {
    display:block; font-size:10px; font-weight:700;
  color:#636e7b; text-transform:uppercase; letter-spacing:.05em; margin-bottom:2px;
}
body:has(.scp-salary-voucher-create) .ns-header .form-control, body:has(.scp-salary-voucher-create) .ns-header .form-select {
    height:30px; font-size:12px; padding:3px 8px; border-color:#c8d3dc; border-radius:3px;
}
body:has(.scp-salary-voucher-create) .ns-header .select2-container--default .select2-selection--single {
    height:30px!important; border:1px solid #c8d3dc!important; border-radius:3px!important;
}
body:has(.scp-salary-voucher-create) .ns-header .select2-selection__rendered {
    padding-top:3px!important; font-size:12px;
}
body:has(.scp-salary-voucher-create) .ns-header .select2-selection__arrow {
    height:28px!important;
}
/* Bootstrap handles table borders, striping, hover and alignment. */
body:has(.scp-salary-voucher-create) .ns-tbl {
    width:100%; font-size:12px; table-layout:fixed;
}
/* Column widths */
body:has(.scp-salary-voucher-create) .col-rn {
    width:28px!important;
}
body:has(.scp-salary-voucher-create) .col-dc {
    width:72px!important;
}
body:has(.scp-salary-voucher-create) .col-led {
    width:21%!important;
}
body:has(.scp-salary-voucher-create) .col-amt {
    width:10%!important;
}
body:has(.scp-salary-voucher-create) .col-chq {
    width:9%!important;
}
body:has(.scp-salary-voucher-create) .col-emp {
    width:14%!important;
}
body:has(.scp-salary-voucher-create) .col-nar {
    width:13%!important;
}
body:has(.scp-salary-voucher-create) .col-bal {
    width:8%!important;
}
body:has(.scp-salary-voucher-create) .col-del {
    width:34px!important;
}
/* Row number via CSS counter */
body:has(.scp-salary-voucher-create) #entryitems {
    counter-reset:rownum;
}
/* Keep amount fields distinct from striped table backgrounds. */
body:has(.scp-salary-voucher-create) .line-amounts {
    width:100%;
  font-size:12px;
  text-align:right;
  background-color:#fff!important;
}
/* Select2 inside table */
body:has(.scp-salary-voucher-create) .ns-tbl .select2-container--default .select2-selection--single {
    height:26px!important;
  border:1px solid #ced4da!important;
  border-radius:.2rem!important;
  background-color:#fff!important;
}
body:has(.scp-salary-voucher-create) .ns-tbl .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-salary-voucher-create) .ns-tbl .select2-container--default.select2-container--open .select2-selection--single {
    border-color:#86b7fe!important;
  box-shadow:0 0 0 .15rem rgba(13,110,253,.15);
}
body:has(.scp-salary-voucher-create) .ns-tbl .select2-selection__rendered {
    padding-top:2px!important; font-size:12px!important; line-height:22px!important;
}
body:has(.scp-salary-voucher-create) .ns-tbl .select2-selection__arrow {
    height:24px!important;
}
body:has(.scp-salary-voucher-create) .ns-tbl select.form-select, body:has(.scp-salary-voucher-create) .ns-tbl input.form-control {
    height:26px; font-size:12px; padding:2px 5px; border-radius:2px;
}
/* Bootstrap contextual table classes handle total, difference and add rows. */
/* Balance column */
body:has(.scp-salary-voucher-create) .error-text {
    color:#dc3545;
}
/* Delete / recalc */
body:has(.scp-salary-voucher-create) .deleterow {
    cursor:pointer; color:#dc3545; font-size:14px;
}
body:has(.scp-salary-voucher-create) .deleterow:hover {
    color:#a71d2a;
}
body:has(.scp-salary-voucher-create) .recalculate {
    cursor:pointer; color:#0d6efd;
}
/* Skeleton */
body:has(.scp-salary-voucher-create) .skeleton {
    position:relative;overflow:hidden;display:inline-block;background:#e9ecef;border-radius:4px;height:12px
}
body:has(.scp-salary-voucher-create) .skeleton::after {
    content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-100%);animation:skel 1.1s infinite
}
@keyframes skel {
100%{transform:translateX(100%)}
}
body:has(.scp-salary-voucher-create) .skeleton.sm {
    height:10px
}
body:has(.scp-salary-voucher-create) .skeleton.lg {
    height:16px
}
body:has(.scp-salary-voucher-create) .skeleton.round {
    height:24px;width:24px;border-radius:999px
}
/* Full-page loader */
body:has(.scp-salary-voucher-create) #globalLoader {
    position:fixed;inset:0;display:none;z-index:20000
}
body:has(.scp-salary-voucher-create) #globalLoader.show {
    display:block
}
body:has(.scp-salary-voucher-create) #globalLoader .loader-backdrop {
    position:absolute;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(1px)
}
body:has(.scp-salary-voucher-create) #globalLoader .loader-box {
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.25rem 1.5rem;border-radius:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center;min-width:260px
}
body:has(.scp-salary-voucher-create) option:disabled {
    color:black!important; font-weight:bold;
}


/* ─── salary-voucher\edit.blade.php [block 0] (scoped via .scp-salary-voucher-edit) ─── */
/* ─── salary-voucher\index.blade.php [block 0] (scoped via .scp-salary-voucher-index) ─── */
body:has(.scp-salary-voucher-index) :root {
    --sv-radius: 14px;
    --sv-shadow: 0 4px 20px rgba(16,24,40,.07);
    --sv-border: #e8edf3;
    --sv-soft: #f7f9fc;
}
/* ── Toolbar ── */
body:has(.scp-salary-voucher-index) .sv-toolbar {
    position: sticky; top: 0; z-index: 1020;
    background: linear-gradient(135deg,#f4f8ff 0%,#fff9f4 100%);
    border-bottom: 1px solid var(--sv-border);
    padding: .7rem 1.1rem;
}
/* ── Stat cards ── */
body:has(.scp-salary-voucher-index) .sv-stats {
    display:flex; gap:14px; flex-wrap:wrap; margin-bottom:1.1rem;
}
body:has(.scp-salary-voucher-index) .sv-stat {
    flex:1 1 160px;
    background:#fff;
    border:1px solid var(--sv-border);
    border-radius: var(--sv-radius);
    box-shadow: var(--sv-shadow);
    padding:.85rem 1.1rem;
    display:flex; align-items:center; gap:.75rem;
}
body:has(.scp-salary-voucher-index) .sv-stat-icon {
    width:42px; height:42px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem; flex-shrink:0;
}
body:has(.scp-salary-voucher-index) .sv-stat-label {
    font-size:.72rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em;
}
body:has(.scp-salary-voucher-index) .sv-stat-value {
    font-size:1.15rem; font-weight:700; color:#0f172a; line-height:1.2;
}
/* ── Filter bar ── */
body:has(.scp-salary-voucher-index) .sv-filter {
    background:#fff;
    border:1px solid var(--sv-border);
    border-radius: var(--sv-radius);
    box-shadow: var(--sv-shadow);
    padding:.8rem 1rem;
    margin-bottom:1rem;
}
/* ── Table card ── */
/* ── Action icon buttons ── */
body:has(.scp-salary-voucher-index) .sv-actions {
    display:flex; align-items:center; justify-content:flex-end; gap:4px;
}
body:has(.scp-salary-voucher-index) .sv-actions .btn {
    width:30px; height:30px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:7px;
}
/* ── Entry number link ── */
body:has(.scp-salary-voucher-index) .entry-num {
    font-weight:600; color:#3b82f6; text-decoration:none;
}
body:has(.scp-salary-voucher-index) .entry-num:hover {
    color:#1d4ed8; text-decoration:underline;
}
/* ── Amount cell ── */
body:has(.scp-salary-voucher-index) .amount-cell {
    font-weight:600; color:#0f172a; white-space:nowrap;
}
/* ── Diff badge ── */
body:has(.scp-salary-voucher-index) .diff-badge {
    font-size:.67rem;
}
/* ── Pagination ── */
body:has(.scp-salary-voucher-index) .sv-pagination {
    padding:.75rem 1rem; border-top:1px solid var(--sv-border);
}


/* ─── salary-voucher\report-userwise.blade.php [block 0] (scoped via .scp-salary-voucher-report-userwise) ─── */
body:has(.scp-salary-voucher-report-userwise) :root {
    --sr-radius: 14px;
    --sr-shadow: 0 4px 20px rgba(16,24,40,.07);
    --sr-border: #e8edf3;
    --sr-soft:   #f7f9fc;
}
/* ── Toolbar ── */
body:has(.scp-salary-voucher-report-userwise) .sr-toolbar {
    position: sticky; top: 0; z-index: 1020;
    background: linear-gradient(135deg,#f4f8ff 0%,#fff9f4 100%);
    border-bottom: 1px solid var(--sr-border);
    padding: .7rem 1.1rem;
}
/* ── Stat cards ── */
body:has(.scp-salary-voucher-report-userwise) .sr-stats {
    display:flex; gap:14px; flex-wrap:wrap; margin-bottom:1rem;
}
body:has(.scp-salary-voucher-report-userwise) .sr-stat {
    flex:1 1 160px; background:#fff;
    border:1px solid var(--sr-border);
    border-radius: var(--sr-radius);
    box-shadow: var(--sr-shadow);
    padding:.85rem 1.1rem;
    display:flex; align-items:center; gap:.75rem;
}
body:has(.scp-salary-voucher-report-userwise) .sr-stat-icon {
    width:42px; height:42px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem; flex-shrink:0;
}
body:has(.scp-salary-voucher-report-userwise) .sr-stat-label {
    font-size:.72rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em;
}
body:has(.scp-salary-voucher-report-userwise) .sr-stat-value {
    font-size:1.15rem; font-weight:700; color:#0f172a; line-height:1.2;
}
/* ── Filter card ── */
body:has(.scp-salary-voucher-report-userwise) .sr-filter {
    background:#fff;
    border:1px solid var(--sr-border);
    border-radius: var(--sr-radius);
    box-shadow: var(--sr-shadow);
    padding:.8rem 1rem;
    margin-bottom:1rem;
}
/* ── Employee card ── */
body:has(.scp-salary-voucher-report-userwise) .sr-emp-card {
    background:#fff;
    border:1px solid var(--sr-border);
    border-radius: var(--sr-radius);
    box-shadow: var(--sr-shadow);
    margin-bottom:1rem;
    overflow:hidden;
}
body:has(.scp-salary-voucher-report-userwise) .sr-emp-header {
    background: linear-gradient(90deg,#f8faff 0%,#fff 100%);
    border-bottom:1px solid var(--sr-border);
    padding:.6rem 1rem;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem;
}
body:has(.scp-salary-voucher-report-userwise) .sr-emp-avatar {
    width:34px; height:34px; border-radius:50%;
    background: linear-gradient(135deg,#60a5fa,#818cf8);
    color:#fff; font-size:.82rem; font-weight:700;
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
body:has(.scp-salary-voucher-report-userwise) .sr-emp-name {
    font-weight:700; font-size:.95rem; color:#0f172a;
}
body:has(.scp-salary-voucher-report-userwise) .sr-emp-meta {
    font-size:.75rem; color:#64748b;
}
/* ── Table inside employee card ── */
/* ── Grand total bar ── */
body:has(.scp-salary-voucher-report-userwise) .sr-grand-total {
    background: linear-gradient(90deg,#1e3a5f 0%,#1d4ed8 100%);
    color:#fff;
    border-radius: var(--sr-radius);
    padding:.85rem 1.2rem;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem;
    margin-bottom:1.5rem;
}
body:has(.scp-salary-voucher-report-userwise) .sr-grand-total .label {
    font-size:.78rem; opacity:.75; text-transform:uppercase; letter-spacing:.05em;
}
body:has(.scp-salary-voucher-report-userwise) .sr-grand-total .value {
    font-size:1.3rem; font-weight:800;
}
/* ── Print button ── */
@media print {
body:has(.scp-salary-voucher-report-userwise) .sr-toolbar, body:has(.scp-salary-voucher-report-userwise) .sr-filter, body:has(.scp-salary-voucher-report-userwise) .no-print {
    display:none !important;
}
body:has(.scp-salary-voucher-report-userwise) .sr-emp-card {
    break-inside: avoid; box-shadow:none; border:1px solid #ccc;
}

}


/* ─── salesaccount\invoice_create.blade.php [block 0] (scoped via .scp-salesaccount-invoice-create) ─── */
body:has(.scp-salesaccount-invoice-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-invoice-create) .card .mce-toolbar, body:has(.scp-salesaccount-invoice-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-invoice-create) .card .mce-edit-area, body:has(.scp-salesaccount-invoice-create) .card .mce-edit-area iframe, body:has(.scp-salesaccount-invoice-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-invoice-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-invoice-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-invoice-create) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-invoice-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-invoice-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-invoice-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-invoice-create) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesaccount\invoice_edit.blade.php [block 0] (scoped via .scp-salesaccount-invoice-edit) ─── */
body:has(.scp-salesaccount-invoice-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-invoice-edit) .card .mce-toolbar, body:has(.scp-salesaccount-invoice-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-invoice-edit) .card .mce-edit-area, body:has(.scp-salesaccount-invoice-edit) .card .mce-edit-area iframe, body:has(.scp-salesaccount-invoice-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-invoice-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-invoice-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-invoice-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-invoice-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-invoice-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-invoice-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-invoice-edit) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesaccount\payment_create.blade.php [block 0] (scoped via .scp-salesaccount-payment-create) ─── */
body:has(.scp-salesaccount-payment-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-payment-create) .card .mce-toolbar, body:has(.scp-salesaccount-payment-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-payment-create) .card .mce-edit-area, body:has(.scp-salesaccount-payment-create) .card .mce-edit-area iframe, body:has(.scp-salesaccount-payment-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-payment-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-payment-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-payment-create) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-payment-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-payment-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-payment-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-payment-create) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesaccount\payment_edit.blade.php [block 0] (scoped via .scp-salesaccount-payment-edit) ─── */
body:has(.scp-salesaccount-payment-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-payment-edit) .card .mce-toolbar, body:has(.scp-salesaccount-payment-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-payment-edit) .card .mce-edit-area, body:has(.scp-salesaccount-payment-edit) .card .mce-edit-area iframe, body:has(.scp-salesaccount-payment-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-payment-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-payment-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-payment-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-payment-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-payment-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-payment-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-payment-edit) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesaccount\quotation_create.blade.php [block 0] (scoped via .scp-salesaccount-quotation-create) ─── */
body:has(.scp-salesaccount-quotation-create) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-quotation-create) .card .mce-toolbar, body:has(.scp-salesaccount-quotation-create) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-quotation-create) .card .mce-edit-area, body:has(.scp-salesaccount-quotation-create) .card .mce-edit-area iframe, body:has(.scp-salesaccount-quotation-create) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-quotation-create) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-quotation-create) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-quotation-create) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-quotation-create) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-quotation-create) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-quotation-create) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-quotation-create) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesaccount\quotation_edit.blade.php [block 0] (scoped via .scp-salesaccount-quotation-edit) ─── */
body:has(.scp-salesaccount-quotation-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesaccount-quotation-edit) .card .mce-toolbar, body:has(.scp-salesaccount-quotation-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesaccount-quotation-edit) .card .mce-edit-area, body:has(.scp-salesaccount-quotation-edit) .card .mce-edit-area iframe, body:has(.scp-salesaccount-quotation-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesaccount-quotation-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesaccount-quotation-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesaccount-quotation-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesaccount-quotation-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesaccount-quotation-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesaccount-quotation-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}
body:has(.scp-salesaccount-quotation-edit) .col-md-4 {
    background: skyblue; border: 1px solid #ccc;
}


/* ─── salesreturn\edit.blade.php [block 0] (scoped via .scp-salesreturn-edit) ─── */
body:has(.scp-salesreturn-edit) .card .mce-card {
    border-left-color: #fff;
            border-right-color: #fff;
}
body:has(.scp-salesreturn-edit) .card .mce-toolbar, body:has(.scp-salesreturn-edit) .card .mce-statusbar {
    padding-left: 20px;
}
body:has(.scp-salesreturn-edit) .card .mce-edit-area, body:has(.scp-salesreturn-edit) .card .mce-edit-area iframe, body:has(.scp-salesreturn-edit) .card .mce-edit-area iframe html {
    padding: 0 10px;
            min-height: 350px;
}
body:has(.scp-salesreturn-edit) .mce-content-body {
    color: #555;
            font-size: 14px;
}
body:has(.scp-salesreturn-edit) .card.is-fullscreen .mce-statusbar {
    position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
}
body:has(.scp-salesreturn-edit) .card.is-fullscreen .mce-tinymce {
    height:100%;
}
body:has(.scp-salesreturn-edit) .card.is-fullscreen .mce-edit-area, body:has(.scp-salesreturn-edit) .card.is-fullscreen .mce-edit-area iframe, body:has(.scp-salesreturn-edit) .card.is-fullscreen .mce-edit-area iframe html {
    height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
}


/* ─── salesreturn\index.blade.php [block 0] (scoped via .scp-salesreturn-index) ─── */
/* ─── settings\create.blade.php [block 0] (scoped via .scp-settings-create) ─── */
body:has(.scp-settings-create) :root {
    --surface:#fff; --bg:#f7f9fc; --ring:#e5e7eb; --shadow:0 10px 30px rgba(2,6,23,.08); --radius:16px;
}
body:has(.scp-settings-create) {
    background:var(--bg);
}
body:has(.scp-settings-create) .toolbar-modern {
    background:linear-gradient(135deg,#f0f6ff 0%,#fff7f0 100%); border-bottom:1px solid #eef2f7;
}
body:has(.scp-settings-create) .toolbar-inner {
    background:var(--surface); border:1px solid #eef2f7; border-radius:18px; box-shadow:var(--shadow); padding:.75rem 1rem;
}
body:has(.scp-settings-create) .card-modern {
    border:1px solid var(--ring); border-radius:var(--radius); box-shadow:var(--shadow);
}
body:has(.scp-settings-create) .sticky-actions {
    position: sticky; bottom: 0; background:rgba(255,255,255,.85);
      backdrop-filter: blur(6px);
      border-top:1px solid var(--ring); padding:.75rem; z-index: 20;
      border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius);
}
body:has(.scp-settings-create) .nav-tabs-custom .nav-link {
    padding:.5rem .9rem;
}
body:has(.scp-settings-create) .soft-help {
    font-size:.85rem; color:#64748b;
}


/* ─── settings\crm.blade.php [block 0] (scoped via .scp-settings-crm) ─── */
body:has(.scp-settings-crm) .setting-card {
    border: 1px solid #e5e7eb; border-radius: .5rem; margin-bottom: 1.5rem; overflow: hidden;
}
body:has(.scp-settings-crm) .setting-card-header {
    background: #f8f9fa; border-bottom: 1px solid #e5e7eb; padding: .75rem 1.25rem; display: flex; align-items: center; gap: .5rem;
}
body:has(.scp-settings-crm) .setting-card-header h5 {
    margin: 0; font-size: .95rem; font-weight: 600;
}
body:has(.scp-settings-crm) .setting-card-body {
    padding: 1.25rem;
}
body:has(.scp-settings-crm) .setting-row {
    display: flex; align-items: center; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid #f1f3f5;
}
body:has(.scp-settings-crm) .setting-row:last-child {
    border-bottom: none; padding-bottom: 0;
}
body:has(.scp-settings-crm) .setting-row label {
    margin: 0; font-size: .875rem; color: #374151; cursor: pointer;
}
body:has(.scp-settings-crm) .setting-row .form-text {
    font-size: .75rem; color: #9ca3af; margin-top: .1rem;
}
body:has(.scp-settings-crm) .form-check-input {
    width: 2.5em; height: 1.25em; cursor: pointer;
}


/* ─── settings\hrm.blade.php [block 0] (scoped via .scp-settings-hrm) ─── */
body:has(.scp-settings-hrm) .setting-card {
    border: 1px solid #e5e7eb; border-radius: .5rem; margin-bottom: 1.5rem; overflow: hidden;
}
body:has(.scp-settings-hrm) .setting-card-header {
    background: #f8f9fa; border-bottom: 1px solid #e5e7eb; padding: .75rem 1.25rem; display: flex; align-items: center; gap: .5rem;
}
body:has(.scp-settings-hrm) .setting-card-header h5 {
    margin: 0; font-size: .95rem; font-weight: 600;
}
body:has(.scp-settings-hrm) .setting-card-body {
    padding: 1.25rem;
}
body:has(.scp-settings-hrm) .setting-row {
    display: flex; align-items: center; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid #f1f3f5;
}
body:has(.scp-settings-hrm) .setting-row:last-child {
    border-bottom: none; padding-bottom: 0;
}
body:has(.scp-settings-hrm) .setting-row label {
    margin: 0; font-size: .875rem; color: #374151; cursor: pointer;
}
body:has(.scp-settings-hrm) .setting-row .form-text {
    font-size: .75rem; color: #9ca3af; margin-top: .1rem;
}
body:has(.scp-settings-hrm) .form-check-input {
    width: 2.5em; height: 1.25em; cursor: pointer;
}


/* ─── settings\index.blade.php [block 0] (scoped via .scp-settings-index) ─── */
body:has(.scp-settings-index) :root {
    --surface:#ffffff;
      --bg-soft:#f7f9fc;
      --ink:#0f172a;
      --muted:#64748b;
      --ring:#e2e8f0;
      --radius:14px;
      --shadow:0 10px 30px rgba(2,6,23,.08);
}
body:has(.scp-settings-index) {
    background: var(--bg-soft);
}
/* Toolbar */
body:has(.scp-settings-index) .toolbar-modern {
    background: linear-gradient(135deg,#f0f6ff 0%, #fff7f0 100%);
      border-bottom: 1px solid #eef2f7;
}
body:has(.scp-settings-index) .toolbar-inner {
    border: 1px solid #eef2f7;
      border-radius: 18px;
      background: var(--surface);
      box-shadow: var(--shadow);
      padding: .75rem 1rem;
}
/* Left menu */
body:has(.scp-settings-index) .settings-nav {
    position: sticky; top: 1rem;
      border: 1px solid var(--ring);
      border-radius: var(--radius);
      background: var(--surface);
      box-shadow: var(--shadow);
      overflow: hidden;
}
body:has(.scp-settings-index) .settings-nav .list-group-item {
    font-size:.92rem;
      padding:.6rem .85rem;
      border:none;
      border-bottom: 1px dashed #eef2f7;
}
body:has(.scp-settings-index) .settings-nav .list-group-item:last-child {
    border-bottom:none;
}
body:has(.scp-settings-index) .settings-nav .list-group-item.active {
    background: #eef6ff;
      color:#0b4aa2;
      font-weight:600;
}
/* Card */
body:has(.scp-settings-index) .card-modern {
    border: 1px solid var(--ring);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
}
/* Table */
body:has(.scp-settings-index) .cell-ellipsis {
    max-width: 520px;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body:has(.scp-settings-index) .cell-ellipsis.value {
    max-width: 560px;
}
body:has(.scp-settings-index) .search-wrap {
    gap:.5rem;
}
body:has(.scp-settings-index) .btn-soft {
    border:1px solid var(--ring);
      background:#f8fafc;
}
body:has(.scp-settings-index) .badge-soft {
    background:#eef2f7; color:#0f172a; border:1px solid #e5e7eb;
}


/* ─── settings\tasks.blade.php [block 0] (scoped via .scp-settings-tasks) ─── */
body:has(.scp-settings-tasks) .setting-card {
    border: 1px solid #e5e7eb; border-radius: .5rem; margin-bottom: 1.5rem; overflow: hidden;
}
body:has(.scp-settings-tasks) .setting-card-header {
    background: #f8f9fa; border-bottom: 1px solid #e5e7eb; padding: .75rem 1.25rem; display: flex; align-items: center; gap: .5rem;
}
body:has(.scp-settings-tasks) .setting-card-header h5 {
    margin: 0; font-size: .95rem; font-weight: 600;
}
body:has(.scp-settings-tasks) .setting-card-body {
    padding: 1.25rem;
}
body:has(.scp-settings-tasks) .setting-row {
    display: flex; align-items: center; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid #f1f3f5;
}
body:has(.scp-settings-tasks) .setting-row:last-child {
    border-bottom: none; padding-bottom: 0;
}
body:has(.scp-settings-tasks) .setting-row label {
    margin: 0; font-size: .875rem; color: #374151; cursor: pointer;
}
body:has(.scp-settings-tasks) .setting-row .form-text {
    font-size: .75rem; color: #9ca3af; margin-top: .1rem;
}
body:has(.scp-settings-tasks) .form-check-input {
    width: 2.5em; height: 1.25em; cursor: pointer;
}


/* ─── shiftMapsIndividual\create.blade.php [block 0] (scoped via .scp-shiftmapsindividual-create) ─── */
body:has(.scp-shiftmapsindividual-create) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#e2e8f0;
            --brand:#1d4ed8; --ok:#16a34a; --danger:#dc2626; --radius:14px;
            --shadow:0 10px 30px rgba(2,6,23,.06);
}
body:has(.scp-shiftmapsindividual-create) .toolbar-chip {
    background:#eef2ff;border:1px dashed #c7d2fe;border-radius:999px;
            padding:.35rem .6rem;font-size:.75rem
}
body:has(.scp-shiftmapsindividual-create) .card-modern {
    border:0;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)
}
body:has(.scp-shiftmapsindividual-create) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:transparent
}
body:has(.scp-shiftmapsindividual-create) .req:after {
    content:" *"; color:var(--danger); font-weight:600
}
body:has(.scp-shiftmapsindividual-create) .help {
    font-size:.8rem;color:var(--muted)
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-selection {
    min-height:38px
}
/* Ensure full width + Select2 polish */
body:has(.scp-shiftmapsindividual-create) .select2-container {
    width:100%!important
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-selection--multiple {
    min-height: 42px; border: 1px solid #e2e8f0; border-radius: .5rem;
            padding: .25rem .5rem; display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; background: #fff;
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5.select2-container--focus .select2-selection--multiple {
    border-color:#94a3b8; box-shadow: 0 0 0 .2rem rgba(29,78,216,.12);
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-selection__choice {
    background:#eef2ff; border:1px solid #c7d2fe; color:#1e293b;
            padding:.15rem .5rem; border-radius:999px; margin: .15rem .15rem 0 0;
            display:flex; align-items:center; gap:.35rem; font-size:.82rem;
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-selection__choice__remove {
    border:none; color:#6366f1; font-weight:700; margin-right:0;
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-search.select2-search--inline .select2-search__field {
    margin-top:.2rem; height:26px; line-height:26px; font-size:.9rem; color:#64748b;
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-dropdown {
    border:1px solid #e2e8f0; box-shadow:0 10px 30px rgba(2,6,23,.08);
            border-radius:.75rem; overflow:hidden;
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-results__option {
    padding:.55rem .75rem; font-size:.95rem
}
body:has(.scp-shiftmapsindividual-create) .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background:#eef2ff; color:#111827
}
body:has(.scp-shiftmapsindividual-create) .is-invalid + .select2 .select2-selection {
    border-color:#dc3545!important
}


/* ─── shiftMapsIndividual\index.blade.php [block 0] (scoped via .scp-shiftmapsindividual-index) ─── */
body:has(.scp-shiftmapsindividual-index) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc;
      --ring:#e2e8f0; --brand:#1d4ed8; --radius:14px;
}
body:has(.scp-shiftmapsindividual-index) .toolbar-chip {
    height:20px;margin-inline:1rem;border-left:1px solid var(--bs-gray-300)
}
body:has(.scp-shiftmapsindividual-index) .inline-edit {
    max-width:180px
}
body:has(.scp-shiftmapsindividual-index) .card-modern {
    border:0;border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(2,6,23,.06)
}
@media (max-width: 768px) {
}


/* ─── shiftMapsIndividual\preview.blade.php [block 0] (scoped via .scp-shiftmapsindividual-preview) ─── */
body:has(.scp-shiftmapsindividual-preview) .form-control {
    font-size: 12px !important;
            font-weight: 400 !important;
}
/* ─── shifts\calender.blade.php [block 0] (scoped via .scp-shifts-calender) ─── */
body:has(.scp-shifts-calender) :root {
    --sc-bg: #f1f4f9;
    --sc-ink: #0f172a;
    --sc-muted: #64748b;
    --sc-brand: #3b82f6;
    --sc-brand-dark: #1d4ed8;
    --sc-success: #16a34a;
    --sc-warn: #d97706;
    --sc-danger: #dc2626;
    --sc-radius: 14px;
    --sc-shadow: 0 4px 20px rgba(15,23,42,.07);
    --sc-border: rgba(15,23,42,.08);
}
body:has(.scp-shifts-calender) {
    background: var(--sc-bg);
}
/* ── Toolbar ── */
body:has(.scp-shifts-calender) .sc-toolbar {
    position: sticky; top: 0;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--sc-border);
    box-shadow: 0 1px 8px rgba(15,23,42,.05);
}
/* ── Cards ── */
body:has(.scp-shifts-calender) .sc-card {
    background: #fff;
    border: 1px solid var(--sc-border);
    border-radius: var(--sc-radius);
    box-shadow: var(--sc-shadow);
}
body:has(.scp-shifts-calender) .sc-card-header {
    padding: 14px 18px;
    border-bottom: 1px solid var(--sc-border);
    display: flex; align-items: center; justify-content: space-between;
}
body:has(.scp-shifts-calender) .sc-card-title {
    margin: 0; font-weight: 700; font-size: .95rem;
    color: var(--sc-ink);
    display: flex; align-items: center; gap: 8px;
}
body:has(.scp-shifts-calender) .sc-card-title .icon-wrap {
    width: 30px; height: 30px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .9rem;
}
/* ── Filter ── */
body:has(.scp-shifts-calender) .sc-filter .form-label {
    font-size: .78rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: .5px;
    color: var(--sc-muted); margin-bottom: 4px;
}
body:has(.scp-shifts-calender) .sc-filter .form-control, body:has(.scp-shifts-calender) .sc-filter .form-select {
    border-radius: 9px; font-size: .88rem;
    border: 1.5px solid #e2e8f0;
    transition: border-color .2s;
}
body:has(.scp-shifts-calender) .sc-filter .form-control:focus, body:has(.scp-shifts-calender) .sc-filter .form-select:focus {
    border-color: var(--sc-brand); box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
/* ── Buttons ── */
body:has(.scp-shifts-calender) .btn-sc {
    border-radius: 9px; font-size: .82rem; font-weight: 600; padding: 7px 14px;
}
body:has(.scp-shifts-calender) .btn-sc-pill {
    border-radius: 999px;
}
/* ── Table wrapper ── */
/* Header row */
body:has(.scp-shifts-calender) .th-inner {
    padding: 8px 10px; display: flex; flex-direction: column;
    align-items: center; gap: 1px;
}
body:has(.scp-shifts-calender) .th-day {
    font-size: .65rem; font-weight: 700; color: var(--sc-muted); text-transform: uppercase;
}
body:has(.scp-shifts-calender) .th-date {
    font-size: 1.05rem; font-weight: 800; color: var(--sc-ink); line-height: 1;
}
body:has(.scp-shifts-calender) .th-month {
    font-size: .65rem; color: var(--sc-muted);
}
/* Today highlight on header */
body:has(.scp-shifts-calender) .th-today {
    background: linear-gradient(135deg, #3b82f6, #6366f1) !important;
}
body:has(.scp-shifts-calender) .th-today .th-day, body:has(.scp-shifts-calender) .th-today .th-date, body:has(.scp-shifts-calender) .th-today .th-month {
    color: #fff !important;
}
/* Weekend header */
body:has(.scp-shifts-calender) .th-weekend {
    background: #fef3c7 !important;
}
body:has(.scp-shifts-calender) .th-weekend .th-date {
    color: #b45309;
}
body:has(.scp-shifts-calender) .th-weekend .th-day {
    color: #d97706;
}
/* Employee column header */
body:has(.scp-shifts-calender) .th-employee {
    background: #f8fafc !important;
}
body:has(.scp-shifts-calender) .th-employee-inner {
    padding: 10px 14px;
    font-size: .72rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .5px; color: var(--sc-muted);
}
/* Body rows */
/* Employee cell */
body:has(.scp-shifts-calender) .emp-cell {
    padding: 8px 12px;
    display: flex; align-items: center; gap: 10px;
}
body:has(.scp-shifts-calender) .emp-avatar {
    width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
    border: 2px solid #e2e8f0; object-fit: cover; background: #e2e8f0;
}
body:has(.scp-shifts-calender) .emp-name {
    font-weight: 600; font-size: .82rem; color: var(--sc-ink);
}
body:has(.scp-shifts-calender) .emp-id {
    font-size: .7rem; color: var(--sc-muted);
}
/* Shift cell */
body:has(.scp-shifts-calender) .shift-cell {
    padding: 6px 8px; min-width: 90px;
    display: flex; flex-direction: column; gap: 2px;
    align-items: flex-start; position: relative;
}
/* Shift badge */
body:has(.scp-shifts-calender) .shift-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 6px;
    font-size: .72rem; font-weight: 700; letter-spacing: .2px;
    color: #1e293b; background: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.5);
    backdrop-filter: blur(4px);
}
body:has(.scp-shifts-calender) .shift-time {
    font-size: .67rem; color: rgba(30,41,59,.65); white-space: nowrap;
    padding-left: 2px;
}
/* Week-off cell */
body:has(.scp-shifts-calender) .cell-weekend {
    background: linear-gradient(135deg, #dbeafe, #eff6ff) !important;
}
body:has(.scp-shifts-calender) .weekoff-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: 6px;
    font-size: .72rem; font-weight: 600; color: #1d4ed8;
    background: rgba(255,255,255,.7); border: 1px solid rgba(29,78,216,.18);
}
/* Empty cell */
body:has(.scp-shifts-calender) .cell-empty {
    color: #cbd5e1; font-size: .8rem;
}
/* Action icons – hidden until row hover */
body:has(.scp-shifts-calender) .sc-actions {
    position: absolute; top: 4px; right: 4px;
    display: none; align-items: center; gap: 4px;
}
body:has(.scp-shifts-calender) .sc-action-btn {
    width: 22px; height: 22px; border-radius: 6px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .7rem; cursor: pointer; border: none;
    transition: transform .12s;
}
body:has(.scp-shifts-calender) .sc-action-btn:hover {
    transform: scale(1.15);
}
body:has(.scp-shifts-calender) .sc-action-edit {
    background: #dbeafe; color: #1d4ed8;
}
body:has(.scp-shifts-calender) .sc-action-delete {
    background: #fee2e2; color: #dc2626;
}
/* Today column */
body:has(.scp-shifts-calender) .col-today {
    background: rgba(59,130,246,.04) !important; border-left: 2px solid #bfdbfe !important;
}
/* Stats chips */
body:has(.scp-shifts-calender) .stat-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 999px; font-size: .78rem; font-weight: 600;
}
body:has(.scp-shifts-calender) .stat-chip-blue {
    background: #eff6ff; color: #1d4ed8;
}
body:has(.scp-shifts-calender) .stat-chip-gray {
    background: #f1f5f9; color: #475569;
}
/* Modal */
body:has(.scp-shifts-calender) .sc-modal .modal-content {
    border: none; border-radius: var(--sc-radius);
    box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
body:has(.scp-shifts-calender) .sc-modal .modal-header {
    padding: 16px 20px; border-bottom: 1px solid var(--sc-border);
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    border-radius: var(--sc-radius) var(--sc-radius) 0 0;
}
body:has(.scp-shifts-calender) .sc-modal .modal-title {
    color: #fff; font-weight: 700; font-size: .95rem;
}
body:has(.scp-shifts-calender) .sc-modal .modal-header .btn-close {
    filter: brightness(0) invert(1); opacity: .8;
}
body:has(.scp-shifts-calender) .sc-modal .modal-body {
    padding: 20px;
}
body:has(.scp-shifts-calender) .sc-modal .form-label {
    font-size: .78rem; font-weight: 600; color: var(--sc-muted); text-transform: uppercase; letter-spacing: .4px;
}
body:has(.scp-shifts-calender) .sc-modal .form-control, body:has(.scp-shifts-calender) .sc-modal .form-select {
    border-radius: 9px; font-size: .87rem;
    border: 1.5px solid #e2e8f0;
}
body:has(.scp-shifts-calender) .sc-modal .form-control:focus, body:has(.scp-shifts-calender) .sc-modal .form-select:focus {
    border-color: var(--sc-brand); box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
body:has(.scp-shifts-calender) .sc-info-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 8px;
    font-size: .8rem; font-weight: 600; background: #f1f5f9; color: #334155;
}
body:has(.scp-shifts-calender) .sc-modal .modal-footer {
    padding: 14px 20px; border-top: 1px solid var(--sc-border);
    background: #fafafa; border-radius: 0 0 var(--sc-radius) var(--sc-radius);
}
/* Empty state */
body:has(.scp-shifts-calender) .sc-empty {
    padding: 60px 20px; text-align: center;
}
body:has(.scp-shifts-calender) .sc-empty-icon {
    font-size: 3rem; color: #cbd5e1; margin-bottom: 16px;
}
body:has(.scp-shifts-calender) .sc-empty-title {
    font-size: 1rem; font-weight: 600; color: #94a3b8;
}


/* ─── shifts\index.blade.php [block 0] (scoped via .scp-shifts-index) ─── */
body:has(.scp-shifts-index) :root {
    --mn-bg: var(--bs-body-bg);
                --mn-card: var(--bs-body-bg);
                --mn-ink: var(--bs-body-color);
                --mn-muted: var(--bs-secondary-color);
                --mn-border: var(--bs-border-color);
                --mn-shadow: 0 12px 28px rgba(var(--bs-emphasis-color-rgb), 0.08);
                --mn-radius: 1rem;
}
body:has(.scp-shifts-index) {
    background:
                    radial-gradient(1100px 560px at 18% -10%, rgba(var(--bs-primary-rgb),.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(var(--bs-success-rgb),.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-shifts-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, var(--bs-body-bg), var(--bs-body-bg)),
                    radial-gradient(900px 450px at 10% 0%, rgba(var(--bs-primary-rgb),.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(var(--bs-success-rgb),.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-shifts-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-shifts-index) .mn-title {
    font-weight: 800; letter-spacing: -.02em; color: var(--mn-ink);
}
body:has(.scp-shifts-index) .mn-sub {
    color: var(--mn-muted); font-size:.92rem;
}
body:has(.scp-shifts-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .65rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
                border: 1px solid var(--mn-border);
                background: var(--bs-body-bg);
                color: var(--bs-body-color);
}
body:has(.scp-shifts-index) .mn-pill {
    border: 1px solid var(--mn-border);
                background: var(--bs-body-bg);
                color: var(--bs-body-color);
}
body:has(.scp-shifts-index) .mn-btn {
    border-radius: .95rem;
}
body:has(.scp-shifts-index) .btn-icon-square {
    width: 36px;
                height: 36px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: .9rem;
}
body:has(.scp-shifts-index) .mn-kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                font-size: 12px;
                padding: .15rem .45rem;
                border: 1px solid var(--mn-border);
                border-radius: .5rem;
                background: rgba(255,255,255,.75);
                color: #334155;
}
/* Shift “pill” color dot (works with your $att->color class too) */
body:has(.scp-shifts-index) .shift-pill {
    border: 1px solid var(--mn-border);
                background: var(--bs-body-bg);
                border-radius: 999px;
                padding: .35rem .7rem;
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                color: var(--bs-body-color);
                font-weight: 800;
                color: var(--mn-ink);
                max-width: 100%;
}
body:has(.scp-shifts-index) .shift-dot {
    width: 10px; height: 10px;
                border-radius: 999px;
                background: var(--bs-secondary-color);
                flex: 0 0 auto;
}


/* ─── shift_attendance\detailtimereport.blade.php [block 0] (scoped via .scp-shift-attendance-detailtimereport) ─── */
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-shell {
    color: var(--bs-body-color);
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-shell .tooltip {
    z-index: 100000000;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-hero {
    border: 1px solid var(--bs-border-color);
        border-radius: 1rem;
        background:
            linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.12), rgba(var(--bs-info-rgb), 0.08)),
            var(--bs-tertiary-bg);
        padding: 1rem 1.1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-kicker {
    font-size: .72rem;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--bs-secondary-color);
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-name {
    font-size: clamp(1.05rem, 2vw, 1.45rem);
        font-weight: 700;
        line-height: 1.2;
        margin: .2rem 0 0;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-meta {
    color: var(--bs-secondary-color);
        font-size: .875rem;
        margin-top: .35rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-stats {
    display: grid;
        gap: .75rem;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        margin-top: 1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-stat {
    border: 1px solid var(--bs-border-color);
        border-radius: .9rem;
        background: var(--bs-body-bg);
        padding: .9rem 1rem;
        min-height: 100%;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-stat-label {
    color: var(--bs-secondary-color);
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-stat-value {
    font-size: 1rem;
        font-weight: 700;
        margin-top: .3rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-grid {
    display: grid;
        gap: 1rem;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
        margin-top: 1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-card {
    border: 1px solid var(--bs-border-color);
        border-radius: 1rem;
        background: var(--bs-body-bg);
        overflow: hidden;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-card-header {
    align-items: center;
        background: var(--bs-tertiary-bg);
        border-bottom: 1px solid var(--bs-border-color);
        display: flex;
        gap: .75rem;
        justify-content: space-between;
        padding: .9rem 1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-card-title {
    font-size: .96rem;
        font-weight: 700;
        margin: 0;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-break-list {
    display: grid;
        gap: .75rem;
        padding: 1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-break-item {
    align-items: center;
        background: var(--bs-tertiary-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: .85rem;
        display: grid;
        gap: .6rem;
        grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(90px, 1fr));
        padding: .85rem .95rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-break-name {
    font-weight: 600;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-mini-label {
    color: var(--bs-secondary-color);
        display: block;
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .04em;
        margin-bottom: .15rem;
        text-transform: uppercase;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-totals {
    display: grid;
        gap: .75rem;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        padding: 1rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-total {
    background: var(--bs-tertiary-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: .85rem;
        padding: .85rem .95rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-pill {
    border-radius: 999px;
        display: inline-flex;
        font-size: .72rem;
        font-weight: 700;
        padding: .3rem .6rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-location {
    color: var(--bs-secondary-color);
        max-width: 260px;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-action {
    align-items: center;
        border: 1px solid var(--bs-border-color);
        border-radius: 999px;
        color: var(--bs-primary);
        display: inline-flex;
        height: 2rem;
        justify-content: center;
        text-decoration: none;
        transition: .2s ease;
        width: 2rem;
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-action:hover {
    background: rgba(var(--bs-primary-rgb), 0.08);
        border-color: rgba(var(--bs-primary-rgb), 0.3);
        color: var(--bs-primary);
}
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-empty {
    color: var(--bs-secondary-color);
        padding: 1.5rem 1rem;
        text-align: center;
}
@media (max-width: 991.98px) {
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-grid {
    grid-template-columns: 1fr;
}

}
@media (max-width: 575.98px) {
body:has(.scp-shift-attendance-detailtimereport) .shift-detail-break-item {
    grid-template-columns: 1fr;
}
}


/* ─── shift_attendance\mytimehistory.blade.php [block 0] (scoped via .scp-shift-attendance-mytimehistory) ─── */
body:has(.scp-shift-attendance-mytimehistory) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1a4567; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --card:#ffffff; --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
      --table-border:#dcdcdc;
}
body:has(.scp-shift-attendance-mytimehistory) .page-wrap {
    padding-inline:clamp(.5rem,2vw,1rem)
}
body:has(.scp-shift-attendance-mytimehistory) .toolbar-chip {
    background:#eef2ff;border:1px dashed #c7d2fe;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;display:inline-flex;align-items:center;gap:.4rem
}
body:has(.scp-shift-attendance-mytimehistory) .toolbar-chip .dot {
    width:.5rem;height:.5rem;border-radius:50%;background:#4f46e5;opacity:.8
}
body:has(.scp-shift-attendance-mytimehistory) .card-modern {
    border:0;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)
}
body:has(.scp-shift-attendance-mytimehistory) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:transparent;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)
}
body:has(.scp-shift-attendance-mytimehistory) .card-modern .card-body {
    padding:1rem
}
body:has(.scp-shift-attendance-mytimehistory) .fs-7 {
    font-size:.875rem
}
body:has(.scp-shift-attendance-mytimehistory) .form-control, body:has(.scp-shift-attendance-mytimehistory) .form-select {
    font-size:12px!important;font-weight:400!important
}
body:has(.scp-shift-attendance-mytimehistory) .btn-sm.pill {
    border-radius:999px
}
body:has(.scp-shift-attendance-mytimehistory) .link-muted {
    color:#334155;text-decoration:none
}
body:has(.scp-shift-attendance-mytimehistory) .link-muted:hover {
    text-decoration:underline
}
/* icon helpers */
body:has(.scp-shift-attendance-mytimehistory) .icon-ok {
    color:var(--ok)
}
body:has(.scp-shift-attendance-mytimehistory) .icon-warn {
    color:var(--warn)
}
/* modal polish */
body:has(.scp-shift-attendance-mytimehistory) .modal .form-label {
    font-size:.8rem;color:var(--muted)
}
body:has(.scp-shift-attendance-mytimehistory) .input-group-text {
    cursor:pointer
}


/* ─── shift_attendance\mytimehistroy-old.blade.php [block 0] (scoped via .scp-shift-attendance-mytimehistroy-old) ─── */
body:has(.scp-shift-attendance-mytimehistroy-old) :root {
    --ink:#0f172a; --muted:#64748b; --soft:#f8fafc; --ring:#cbd5e1;
      --brand:#1a4567; --ok:#16a34a; --warn:#ea580c; --danger:#dc2626;
      --card:#ffffff; --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.06);
      --table-border:#dcdcdc;
}
body:has(.scp-shift-attendance-mytimehistroy-old) .page-wrap {
    padding-inline:clamp(.5rem,2vw,1rem)
}
body:has(.scp-shift-attendance-mytimehistroy-old) .toolbar-chip {
    background:#eef2ff;border:1px dashed #c7d2fe;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;display:inline-flex;align-items:center;gap:.4rem
}
body:has(.scp-shift-attendance-mytimehistroy-old) .toolbar-chip .dot {
    width:.5rem;height:.5rem;border-radius:50%;background:#4f46e5;opacity:.8
}
body:has(.scp-shift-attendance-mytimehistroy-old) .card-modern {
    border:0;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)
}
body:has(.scp-shift-attendance-mytimehistroy-old) .card-modern .card-header {
    border:0;border-bottom:1px solid #eef2f7;background:transparent;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)
}
body:has(.scp-shift-attendance-mytimehistroy-old) .card-modern .card-body {
    padding:1rem
}
body:has(.scp-shift-attendance-mytimehistroy-old) .fs-7 {
    font-size:.875rem
}
body:has(.scp-shift-attendance-mytimehistroy-old) .form-control, body:has(.scp-shift-attendance-mytimehistroy-old) .form-select {
    font-size:12px!important;font-weight:400!important
}
body:has(.scp-shift-attendance-mytimehistroy-old) .btn-sm.pill {
    border-radius:999px
}
body:has(.scp-shift-attendance-mytimehistroy-old) .link-muted {
    color:#334155;text-decoration:none
}
body:has(.scp-shift-attendance-mytimehistroy-old) .link-muted:hover {
    text-decoration:underline
}
/* icon helpers */
body:has(.scp-shift-attendance-mytimehistroy-old) .icon-ok {
    color:var(--ok)
}
body:has(.scp-shift-attendance-mytimehistroy-old) .icon-warn {
    color:var(--warn)
}
/* modal polish */
body:has(.scp-shift-attendance-mytimehistroy-old) .modal .form-label {
    font-size:.8rem;color:var(--muted)
}
body:has(.scp-shift-attendance-mytimehistroy-old) .input-group-text {
    cursor:pointer
}


/* ─── shift_attendance\mytimehistroy.blade.php [block 0] (scoped via .scp-shift-attendance-mytimehistroy) ─── */
/* ─── shift_attendance\new-timehistory.blade.php [block 0] (scoped via .scp-shift-attendance-new-timehistory) ─── */
body:has(.scp-shift-attendance-new-timehistory) .toolbar-actions {
    min-width:0; gap:.1rem; flex-wrap:wrap;
}
body:has(.scp-shift-attendance-new-timehistory) .toolbar-actions .btn {
    white-space:nowrap;
}
body:has(.scp-shift-attendance-new-timehistory) .ip-badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
      font-size: .8rem;
      padding: .2rem .5rem;
      border-radius: 999px;
      background: rgba(13,110,253,.08);
      border: 1px solid rgba(13,110,253,.18);
      color: #0d6efd;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      gap: .35rem;
}
body:has(.scp-shift-attendance-new-timehistory) .map-link {
    display:inline-flex;
      align-items:center;
      gap:.35rem;
      font-size:.85rem;
      text-decoration:none;
      white-space: nowrap;
}
/* Select2 styling for filter modal */
body:has(.scp-shift-attendance-new-timehistory) .select2-container .select2-selection--single {
    height: 38px;
      border: 1px solid #dee2e6;
      border-radius: 0.375rem;
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
      font-size: 0.875rem;
      padding-left: 12px;
      color: #212529;
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d;
}
/* Dropdown styling */
body:has(.scp-shift-attendance-new-timehistory) .select2-dropdown {
    border: 1px solid #dee2e6;
      border-radius: 0.375rem;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
      border-radius: 0.375rem;
      padding: 8px 12px;
      font-size: 0.875rem;
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #86b7fe;
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
body:has(.scp-shift-attendance-new-timehistory) .select2-container--default .select2-results__option--selected {
    background-color: #e9ecef;
}
body:has(.scp-shift-attendance-new-timehistory) .select2-results__option {
    padding: 8px 12px;
      font-size: 0.875rem;
}
/* Fix z-index for modal */
body:has(.scp-shift-attendance-new-timehistory) .select2-container--open {
    z-index: 1060;
}


/* ─── shift_attendance\timeChangeRequest.blade.php [block 0] (scoped via .scp-shift-attendance-timechangerequest) ─── */
body:has(.scp-shift-attendance-timechangerequest) .btn-circle {
    width:30px;height:30px;padding:0;
            display:inline-flex;justify-content:center;align-items:center;font-size:.9rem;
}
/* Select2 height alignment in BS5 */
body:has(.scp-shift-attendance-timechangerequest) .select2-container .select2-selection--single {
    height:38px; padding:.375rem .75rem; border:1px solid #ced4da;
}
body:has(.scp-shift-attendance-timechangerequest) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
/* timepicker/dropdowns over modals */
body:has(.scp-shift-attendance-timechangerequest) .datepicker {
    z-index:1050 !important;
}
body:has(.scp-shift-attendance-timechangerequest) .bootstrap-timepicker-widget.dropdown-menu {
    z-index: 1060 !important;
}


/* ─── shift_attendance\todayStatus.blade.php [block 0] (scoped via .scp-shift-attendance-todaystatus) ─── */
body:has(.scp-shift-attendance-todaystatus) .datepicker {
    z-index: 1050 !important;
}
body:has(.scp-shift-attendance-todaystatus) .today-status-toolbar .form-control, body:has(.scp-shift-attendance-todaystatus) .today-status-toolbar .form-select {
    min-height: 38px;
}
body:has(.scp-shift-attendance-todaystatus) .today-status-toolbar {
    display: flex;
            align-items: center;
            gap: .75rem;
            flex-wrap: nowrap;
}
body:has(.scp-shift-attendance-todaystatus) .today-status-toolbar [data-kt-filter="search"] {
    min-width: 320px;
}
body:has(.scp-shift-attendance-todaystatus) .today-status-overlay {
    position: fixed;
            inset: 0;
            z-index: 1080;
            display: none;
            align-items: center;
            justify-content: center;
            background: rgba(15, 23, 42, 0.28);
            backdrop-filter: blur(2px);
}
body:has(.scp-shift-attendance-todaystatus) .today-status-overlay-card {
    min-width: 240px;
            border-radius: 16px;
            background: var(--bs-body-bg);
            border: 1px solid var(--bs-border-color);
            box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
            padding: 1rem 1.1rem;
}
body:has(.scp-shift-attendance-todaystatus) .today-status-subline {
    font-size: .8rem;
}
/*.bootstrap-timepicker-widget.dropdown-menu.open {*/
/*    display: inline-block;*/
/*    z-index: 99999 !important;*/
/*}*/


/* ─── shift_attendance\markattendance\bulkcreate.blade.php [block 0] (scoped via .scp-shift-attendance-markattendance-bulkcreate) ─── */
body:has(.scp-shift-attendance-markattendance-bulkcreate) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) {
    background:
                  radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                  radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                  var(--mn-bg);
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                  radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                  radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .form-label.mn-label {
    font-size: .72rem;
                text-transform: uppercase;
                letter-spacing: .06em;
                color:#475569;
                font-weight: 700;
                margin-bottom: .35rem;
}
/* Small inline clear icons nicer */
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-clear {
    cursor: pointer;
                color: #94a3b8;
                margin-left: .35rem;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-clear:hover {
    color:#64748b;
}
@media (max-width: 575.98px) {
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-actions {
    width:100%;
}
body:has(.scp-shift-attendance-markattendance-bulkcreate) .mn-actions .btn {
    flex:1;
}

}


/* ─── shift_attendance\print\overall_attendance_report.blade.php [block 0] (scoped via .scp-shift-attendance-print-overall-attendance-report) ─── */
@media print {
body:has(.scp-shift-attendance-print-overall-attendance-report) {
    -webkit-print-color-adjust: exact;
}
body:has(.scp-shift-attendance-print-overall-attendance-report) .text-center {
    text-align: center;
}
/*.item-detail td,th{*/
/*    border:1px solid #eee;*/
/*}*/
body:has(.scp-shift-attendance-print-overall-attendance-report) .bg-gray {
    background-color: #d2d6de !important;
}

}
body:has(.scp-shift-attendance-print-overall-attendance-report) .text-center {
    text-align: center;
}
/*.item-detail td,th{*/
/*    border:1px solid #eee;*/
/*}*/
body:has(.scp-shift-attendance-print-overall-attendance-report) .bg-gray {
    background-color: #d2d6de !important;
}
body:has(.scp-shift-attendance-print-overall-attendance-report) .card-custom .card-header {
    margin-bottom: 10px;
}
body:has(.scp-shift-attendance-print-overall-attendance-report) form {
    margin-top: -15px;
}
@page {

            size: auto;
            margin: 0;
        
}
body:has(.scp-shift-attendance-print-overall-attendance-report) {
    padding-left: 1.3cm;
            padding-right: 1.3cm;
            padding-top: 1.3cm;
}
@media print {
body:has(.scp-shift-attendance-print-overall-attendance-report) .pagebreak {
    page-break-before: always;
}
/* page-break-after works, as card card-body bg-light */

}


/* ─── sms\bulkSMSContact.blade.php [block 0] (scoped via .scp-sms-bulksmscontact) ─── */
body:has(.scp-sms-bulksmscontact) select {
    width:200px !important;
}


/* ─── StockIssue\create.blade.php [block 0] (scoped via .scp-stockissue-create) ─── */
/* ─── StockIssue\show.blade.php [block 0] (scoped via .scp-stockissue-show) ─── */
body:has(.scp-stockissue-show) .footer {
    margin-top: 20px;
            font-size: 12px;
            color: #555;
}
body:has(.scp-stockissue-show) .footer small {
    display: block;
            margin-top: 10px;
}
body:has(.scp-stockissue-show) .signature {
    margin-top: 30px;
            font-size: 12px;
}
body:has(.scp-stockissue-show) .signature div {
    margin-bottom: 20px;
}


/* ─── StockReturn\create.blade.php [block 0] (scoped via .scp-stockreturn-create) ─── */
/* ─── supplierreturn\index.blade.php [block 0] (scoped via .scp-supplierreturn-index) ─── */
body:has(.scp-supplierreturn-index) :root {
    --ink:#0f172a;
            --muted:#64748b;
            --soft:#f8fafc;
            --line:#e5e7eb;
            --radius:14px;
            --shadow:0 10px 24px rgba(16,24,40,.07);
}
body:has(.scp-supplierreturn-index) .toolbar-shell {
    background:linear-gradient(180deg,#ffffff 0%, var(--soft) 100%);
            border-bottom:1px solid var(--line);
}
body:has(.scp-supplierreturn-index) .toolbar-title {
    color:var(--ink)
}
body:has(.scp-supplierreturn-index) .toolbar-breadcrumb a {
    color:var(--muted)
}
body:has(.scp-supplierreturn-index) .chip {
    display:inline-flex;
            align-items:center;
            gap:.5rem;
            padding:.25rem .75rem;
            border:1px solid var(--line);
            border-radius:999px;
            background:#fff;
            font-size:.75rem;
            color:var(--muted);
}
body:has(.scp-supplierreturn-index) .card-modern {
    border:0;
            border-radius:var(--radius);
            box-shadow:var(--shadow);
}
body:has(.scp-supplierreturn-index) .card-modern .card-header {
    border-bottom:1px solid #edf2f7;
            background:linear-gradient(180deg,#ffffff 0%, #f9fafb 100%);
            border-top-left-radius:var(--radius);
            border-top-right-radius:var(--radius);
}
body:has(.scp-supplierreturn-index) .filter-label {
    font-size:.75rem;
            font-weight:600;
            color:var(--muted);
            margin-bottom:.25rem;
}
body:has(.scp-supplierreturn-index) .avatar-24 {
    width:24px;
            height:24px;
            border-radius:999px;
            object-fit:cover;
}
body:has(.scp-supplierreturn-index) .tools-cell a {
    font-size:1rem;
            padding:.25rem .35rem;
            border-radius:999px;
}
body:has(.scp-supplierreturn-index) .tools-cell a:hover {
    background:#eef2ff;
}
body:has(.scp-supplierreturn-index) .empty-state {
    padding:3rem 1rem;
}
body:has(.scp-supplierreturn-index) .empty-state-icon {
    width:42px;height:42px;border-radius:999px;
            display:flex;align-items:center;justify-content:center;
            background:#eff6ff;color:#1d4ed8;margin:0 auto .75rem;
            font-size:1.5rem;
}
/* ===== Period cards strip (single row) ===== */
body:has(.scp-supplierreturn-index) .period-strip {
    display:flex;
            gap:.75rem;
            overflow-x:auto;
            padding-bottom:.25rem;
            scroll-snap-type:x mandatory;
            -webkit-overflow-scrolling: touch;
}
body:has(.scp-supplierreturn-index) .period-strip::-webkit-scrollbar {
    height: 8px;
}
body:has(.scp-supplierreturn-index) .period-strip::-webkit-scrollbar-thumb {
    background:#e5e7eb; border-radius:999px;
}
body:has(.scp-supplierreturn-index) .period-card {
    min-width: 255px;
            max-width: 255px;
            flex: 0 0 auto;
            border:1px solid #edf2f7;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 10px 24px rgba(16,24,40,.06);
            padding: .85rem .95rem;
            scroll-snap-align: start;
            transition: transform .12s ease, box-shadow .12s ease;
}
body:has(.scp-supplierreturn-index) .period-card:hover {
    transform: translateY(-1px); box-shadow:0 14px 28px rgba(16,24,40,.08);
}
body:has(.scp-supplierreturn-index) .period-title {
    font-weight: 800; font-size:.92rem; color:#111827; line-height:1.2;
}
body:has(.scp-supplierreturn-index) .period-dates {
    font-size:.74rem; color:#6b7280; margin-top:.1rem;
            white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body:has(.scp-supplierreturn-index) .period-metrics {
    display:grid;
            grid-template-columns: 1fr 1fr;
            gap:.5rem;
            margin-top:.75rem;
}
body:has(.scp-supplierreturn-index) .metric {
    border:1px solid #eef2f7;
            border-radius: 12px;
            padding:.55rem .6rem;
            background:#f8fafc;
}
body:has(.scp-supplierreturn-index) .metric .lbl {
    font-size:.68rem; color:#6b7280; font-weight:700; letter-spacing:.02em; text-transform:uppercase;
}
body:has(.scp-supplierreturn-index) .metric .val {
    font-size:.92rem; font-weight:900; color:#111827; margin-top:.1rem;
}
body:has(.scp-supplierreturn-index) .pill {
    display:inline-flex; align-items:center; gap:.35rem;
            border-radius:999px; padding:.18rem .55rem;
            border:1px solid #e5e7eb; background:#fafafa;
            font-weight:800; font-size:.72rem; color:#374151;
            white-space:nowrap;
}
body:has(.scp-supplierreturn-index) .stat-mini {
    border:1px solid #edf2f7;
            border-radius: 12px;
            background:#f8fafc;
            padding:.75rem .9rem;
}
body:has(.scp-supplierreturn-index) .small-muted {
    font-size:12px; color:#6b7280;
}
body:has(.scp-supplierreturn-index) .supplier-option-name {
    font-weight:700;color:#111827;font-size:.86rem;line-height:1.25;
}
body:has(.scp-supplierreturn-index) .supplier-option-meta {
    font-size:.73rem;color:#6b7280;line-height:1.25;white-space:normal;
}
body:has(.scp-supplierreturn-index) .select2-container--default .select2-results__option {
    padding:.48rem .65rem;
}
body:has(.scp-supplierreturn-index) .select2-container--open .select2-results > .select2-results__options {
    max-height:260px !important;
            overflow-y:auto !important;
}
body:has(.scp-supplierreturn-index) .select2-container .select2-selection--single {
    min-height:32px;
}
body:has(.scp-supplierreturn-index) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:30px;
}
body:has(.scp-supplierreturn-index) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:30px;
}
@media (max-width: 767.98px) {
body:has(.scp-supplierreturn-index) .toolbar-shell .btn-group-actions {
    width:100%;
                justify-content:flex-start;
                flex-wrap:wrap;
}

}


/* ─── tasks\archived.blade.php [block 0] (scoped via .scp-tasks-archived) ─── */
body:has(.scp-tasks-archived) .arch-header-card {
    background:#fff; border:1px solid #e5e7eb; border-radius:.75rem; padding:.75rem 1rem; margin-bottom:.75rem; box-shadow:0 1px 2px rgba(0,0,0,.03);
}
body:has(.scp-tasks-archived) .arch-filter-card {
    background:transparent; margin-bottom:.75rem;
}
body:has(.scp-tasks-archived) .arch-filter-card .input-group-text {
    background:#fff; border-right:0; color:#94a3b8;
}
body:has(.scp-tasks-archived) .arch-filter-card .form-control, body:has(.scp-tasks-archived) .arch-filter-card .form-select {
    border-color:#e2e8f0; box-shadow:none;
}
body:has(.scp-tasks-archived) .arch-filter-card .form-control:focus, body:has(.scp-tasks-archived) .arch-filter-card .form-select:focus {
    border-color:#93c5fd; box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
body:has(.scp-tasks-archived) .arch-icon-btn {
    width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; padding:0; border-radius:.5rem;
}
body:has(.scp-tasks-archived) .task-subject-link {
    color:#0f172a; font-weight:600; text-decoration:none;
}
body:has(.scp-tasks-archived) .task-subject-link:hover {
    color:#6366f1;
}
body:has(.scp-tasks-archived) .stage-sub {
    font-size:.72rem; color:#94a3b8; margin-top:2px;
}
body:has(.scp-tasks-archived) .avatar-sm {
    width:26px; height:26px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 1px 2px rgba(0,0,0,.08);
}
body:has(.scp-tasks-archived) .avatar-stack {
    display:inline-flex; align-items:center;
}
body:has(.scp-tasks-archived) .avatar-stack > * + * {
    margin-left:-8px;
}
body:has(.scp-tasks-archived) .avatar-fallback {
    width:26px; height:26px; border-radius:50%; background:#ef4444; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:700; border:2px solid #fff;
}
body:has(.scp-tasks-archived) .priority-badge {
    font-size:.7rem; font-weight:600; padding:2px 8px; border-radius:999px;
}
body:has(.scp-tasks-archived) .priority-High, body:has(.scp-tasks-archived) .priority-high, body:has(.scp-tasks-archived) .priority-Urgent, body:has(.scp-tasks-archived) .priority-urgent {
    background:rgba(239,68,68,.12); color:#dc2626;
}
body:has(.scp-tasks-archived) .priority-Medium, body:has(.scp-tasks-archived) .priority-medium, body:has(.scp-tasks-archived) .priority-Normal, body:has(.scp-tasks-archived) .priority-normal {
    background:rgba(245,158,11,.12); color:#d97706;
}
body:has(.scp-tasks-archived) .priority-Low, body:has(.scp-tasks-archived) .priority-low {
    background:rgba(16,185,129,.12); color:#059669;
}
body:has(.scp-tasks-archived) .date-chip {
    display:inline-flex; align-items:center; gap:4px; font-size:.75rem; color:#475569;
}
body:has(.scp-tasks-archived) .completed-by {
    line-height:1.2;
}
body:has(.scp-tasks-archived) .completed-by .name {
    font-weight:600; color:#0f172a; font-size:.78rem;
}
body:has(.scp-tasks-archived) .completed-by .when {
    font-size:.7rem; color:#94a3b8;
}
body:has(.scp-tasks-archived) .empty-state {
    padding:3rem 1rem; text-align:center; color:#64748b;
}


/* ─── tasks\backlogstasks.blade.php [block 0] (scoped via .scp-tasks-backlogstasks) ─── */
/* ─── tasks\create.blade.php [block 0] (scoped via .scp-tasks-create) ─── */
body:has(.scp-tasks-create) {
    padding-bottom: 72px;
}
body:has(.scp-tasks-create) #kt_docs_content_container {
    max-width:100%!important; padding:0!important;
}
body:has(.scp-tasks-create) #kt_docs_content_container > .card {
    background:transparent!important; border:none!important; box-shadow:none!important; margin-bottom:0!important;
}
body:has(.scp-tasks-create) #kt_docs_content_container > .card > .card-body {
    padding:.25rem .5rem!important;
}
/* ── Mobile-first form chrome ─────────────────────────────── */
body:has(.scp-tasks-create) .tc-form {
    background:#fff;
}
body:has(.scp-tasks-create) .tc-section {
    padding:1rem 1rem .75rem; border-bottom:1px solid #e9ecef;
}
body:has(.scp-tasks-create) .tc-section:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-create) .tc-label {
    font-size:.8rem; font-weight:600; color:#6c757d; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.35rem; display:block;
}
body:has(.scp-tasks-create) .tc-field .form-control, body:has(.scp-tasks-create) .tc-field .form-select {
    font-size:1rem; min-height:44px; border-radius:.5rem;
}
body:has(.scp-tasks-create) .tc-field .form-control:focus, body:has(.scp-tasks-create) .tc-field .form-select:focus {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
/* ── Subject ──────────────────────────────────────────────── */
body:has(.scp-tasks-create) #task_subject {
    font-size:1.1rem; font-weight:500; min-height:52px;
}
/* ── Priority chips ───────────────────────────────────────── */
body:has(.scp-tasks-create) .pri-row {
    display:flex; gap:.5rem;
}
body:has(.scp-tasks-create) .priority-chip {
    flex:1; min-height:44px; border-radius:.5rem!important;
      font-size:.875rem; font-weight:500; display:flex; align-items:center; justify-content:center; gap:.35rem;
      transition:background .15s,color .15s,border-color .15s;
}
body:has(.scp-tasks-create) .priority-chip.active {
    color:#fff!important;
}
body:has(.scp-tasks-create) .priority-chip[data-value="Low"].active {
    background:#6c757d; border-color:#6c757d;
}
body:has(.scp-tasks-create) .priority-chip[data-value="Medium"].active {
    background:#e6a817; border-color:#e6a817; color:#000!important;
}
body:has(.scp-tasks-create) .priority-chip[data-value="High"].active {
    background:#dc3545; border-color:#dc3545;
}
/* ── Select2 ──────────────────────────────────────────────── */
body:has(.scp-tasks-create) .select2-container--default .select2-selection--single {
    border:1px solid #dee2e6; border-radius:.5rem!important; height:44px; padding:.45rem .6rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:1.6; padding:0; font-size:1rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:100%; top:0; right:8px;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--multiple {
    border:1px solid #dee2e6; border-radius:.5rem!important; min-height:44px;
}
body:has(.scp-tasks-create) .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-tasks-create) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
body:has(.scp-tasks-create) .select2-dropdown {
    border:1px solid #dee2e6; border-radius:.5rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:#0d6efd;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background:#e9ecef; border:none; border-radius:.35rem; padding:2px 8px; font-size:.85rem;
}
/* ── Dates row ────────────────────────────────────────────── */
body:has(.scp-tasks-create) .tc-date-row {
    display:grid; grid-template-columns:1fr 1fr; gap:.75rem;
}
body:has(.scp-tasks-create) input[type="datetime-local"] {
    font-size:.95rem; min-height:44px;
}
/* ── Advanced accordion ───────────────────────────────────── */
body:has(.scp-tasks-create) .tc-advanced-toggle {
    display:flex; align-items:center; justify-content:space-between;
      padding:.75rem 1rem; cursor:pointer; background:#f8f9fa;
      border-top:1px solid #e9ecef; border-bottom:1px solid #e9ecef;
      font-size:.875rem; font-weight:600; color:#495057; user-select:none;
}
body:has(.scp-tasks-create) .tc-advanced-toggle .bi-chevron-down {
    transition:transform .2s; font-size:.75rem;
}
body:has(.scp-tasks-create) .tc-advanced-toggle.open .bi-chevron-down {
    transform:rotate(-180deg);
}
/* ── Summernote ───────────────────────────────────────────── */
body:has(.scp-tasks-create) .note-editor.note-frame {
    border-radius:.5rem; border:1px solid #dee2e6!important; box-shadow:none!important;
}
body:has(.scp-tasks-create) .note-toolbar {
    background:#f8f9fa!important; border-bottom:1px solid #dee2e6!important; border-radius:.5rem .5rem 0 0!important;
}
@media (max-width:767px) {
body:has(.scp-tasks-create) .note-toolbar {
    display:none!important;
}
body:has(.scp-tasks-create) .note-statusbar {
    display:none!important;
}

}
/* ── Subtasks ─────────────────────────────────────────────── */
body:has(.scp-tasks-create) .repeater-row {
    border:1px dashed #dee2e6; border-radius:.5rem; padding:.65rem; margin-bottom:.5rem;
}
body:has(.scp-tasks-create) .repeater-row:hover {
    border-color:#0d6efd; background:#f0f4ff;
}
/* ── Fixed action bar ─────────────────────────────────────── */
body:has(.scp-tasks-create) .tc-action-bar {
    position:fixed; bottom:0; left:0; right:0; z-index:1050;
      background:#fff; border-top:1px solid #dee2e6;
      display:flex; align-items:center; gap:.5rem;
      padding:.6rem 1rem; box-shadow:0 -2px 8px rgba(0,0,0,.08);
}
body:has(.scp-tasks-create) .tc-action-bar .btn-save {
    flex:1; min-height:44px; font-size:1rem;
}
@media (min-width:768px) {
body:has(.scp-tasks-create) .tc-action-bar .btn-save {
    flex:0 0 auto; min-width:140px;
}

}
/* ── Desktop overrides (≥ lg) ─────────────────────────────── */
@media (min-width:992px) {
body:has(.scp-tasks-create) .tc-form {
    border-radius:.5rem; border:1px solid #dee2e6;
}
body:has(.scp-tasks-create) .tc-section {
    padding:1.1rem 1.4rem .9rem;
}
body:has(.scp-tasks-create) .tc-field .form-control, body:has(.scp-tasks-create) .tc-field .form-select {
    font-size:.875rem; min-height:38px;
}
body:has(.scp-tasks-create) #task_subject {
    font-size:1rem; min-height:42px;
}
body:has(.scp-tasks-create) .priority-chip {
    min-height:36px; font-size:.8rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--single {
    height:38px; padding:.3rem .5rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size:.875rem;
}
body:has(.scp-tasks-create) .select2-container--default .select2-selection--multiple {
    min-height:38px;
}
body:has(.scp-tasks-create) input[type="datetime-local"] {
    font-size:.875rem; min-height:38px;
}

}
/* ── Nepali IME ───────────────────────────────────────────── */
body:has(.scp-tasks-create) #nepaliIMECard {
    background:linear-gradient(135deg,#fef3c7,#fde68a); border:1px solid #fbbf24; border-radius:.5rem;
}


/* ─── tasks\edit.blade.php [block 0] (scoped via .scp-tasks-edit) ─── */
body:has(.scp-tasks-edit) {
    padding-bottom: 72px;
}
body:has(.scp-tasks-edit) #kt_docs_content_container {
    max-width:100%!important; padding:0!important;
}
body:has(.scp-tasks-edit) #kt_docs_content_container > .card {
    background:transparent!important; border:none!important; box-shadow:none!important; margin-bottom:0!important;
}
body:has(.scp-tasks-edit) #kt_docs_content_container > .card > .card-body {
    padding:.25rem .5rem!important;
}
/* ── Form chrome (shared with create) ─────────────────────── */
body:has(.scp-tasks-edit) .tc-form {
    background:#fff;
}
body:has(.scp-tasks-edit) .tc-section {
    padding:1rem 1rem .75rem; border-bottom:1px solid #e9ecef;
}
body:has(.scp-tasks-edit) .tc-section:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-edit) .tc-label {
    font-size:.8rem; font-weight:600; color:#6c757d; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.35rem; display:block;
}
body:has(.scp-tasks-edit) .tc-field .form-control, body:has(.scp-tasks-edit) .tc-field .form-select {
    font-size:1rem; min-height:44px; border-radius:.5rem;
}
body:has(.scp-tasks-edit) .tc-field .form-control:focus, body:has(.scp-tasks-edit) .tc-field .form-select:focus {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
/* ── Subject ──────────────────────────────────────────────── */
body:has(.scp-tasks-edit) #task_subject {
    font-size:1.1rem; font-weight:500; min-height:52px;
}
/* ── Priority chips ───────────────────────────────────────── */
body:has(.scp-tasks-edit) .pri-row {
    display:flex; gap:.5rem;
}
body:has(.scp-tasks-edit) .priority-chip {
    flex:1; min-height:44px; border-radius:.5rem!important;
      font-size:.875rem; font-weight:500; display:flex; align-items:center; justify-content:center; gap:.35rem;
      transition:background .15s,color .15s,border-color .15s;
}
body:has(.scp-tasks-edit) .priority-chip.active {
    color:#fff!important;
}
body:has(.scp-tasks-edit) .priority-chip[data-value="Low"].active {
    background:#6c757d; border-color:#6c757d;
}
body:has(.scp-tasks-edit) .priority-chip[data-value="Medium"].active {
    background:#e6a817; border-color:#e6a817; color:#000!important;
}
body:has(.scp-tasks-edit) .priority-chip[data-value="High"].active {
    background:#dc3545; border-color:#dc3545;
}
/* ── Select2 ──────────────────────────────────────────────── */
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--single {
    border:1px solid #dee2e6; border-radius:.5rem!important; height:44px; padding:.45rem .6rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:1.6; padding:0; font-size:1rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:100%; top:0; right:8px;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--multiple {
    border:1px solid #dee2e6; border-radius:.5rem!important; min-height:44px;
}
body:has(.scp-tasks-edit) .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-tasks-edit) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
body:has(.scp-tasks-edit) .select2-dropdown {
    border:1px solid #dee2e6; border-radius:.5rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:#0d6efd;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background:#e9ecef; border:none; border-radius:.35rem; padding:2px 8px; font-size:.85rem;
}
/* ── Dates row ────────────────────────────────────────────── */
body:has(.scp-tasks-edit) .tc-date-row {
    display:grid; grid-template-columns:1fr 1fr; gap:.75rem;
}
body:has(.scp-tasks-edit) input[type="datetime-local"] {
    font-size:.95rem; min-height:44px;
}
/* ── Advanced accordion ───────────────────────────────────── */
body:has(.scp-tasks-edit) .tc-advanced-toggle {
    display:flex; align-items:center; justify-content:space-between;
      padding:.75rem 1rem; cursor:pointer; background:#f8f9fa;
      border-top:1px solid #e9ecef; border-bottom:1px solid #e9ecef;
      font-size:.875rem; font-weight:600; color:#495057; user-select:none;
}
body:has(.scp-tasks-edit) .tc-advanced-toggle .bi-chevron-down {
    transition:transform .2s; font-size:.75rem;
}
body:has(.scp-tasks-edit) .tc-advanced-toggle.open .bi-chevron-down {
    transform:rotate(-180deg);
}
/* ── Summernote ───────────────────────────────────────────── */
body:has(.scp-tasks-edit) .note-editor.note-frame {
    border-radius:.5rem; border:1px solid #dee2e6!important; box-shadow:none!important;
}
body:has(.scp-tasks-edit) .note-toolbar {
    background:#f8f9fa!important; border-bottom:1px solid #dee2e6!important; border-radius:.5rem .5rem 0 0!important;
}
@media (max-width:767px) {
body:has(.scp-tasks-edit) .note-toolbar {
    display:none!important;
}
body:has(.scp-tasks-edit) .note-statusbar {
    display:none!important;
}

}
/* ── Fixed action bar ─────────────────────────────────────── */
body:has(.scp-tasks-edit) .tc-action-bar {
    position:fixed; bottom:0; left:0; right:0; z-index:1050;
      background:#fff; border-top:1px solid #dee2e6;
      display:flex; align-items:center; gap:.5rem;
      padding:.6rem 1rem; box-shadow:0 -2px 8px rgba(0,0,0,.08);
}
body:has(.scp-tasks-edit) .tc-action-bar .btn-save {
    flex:1; min-height:44px; font-size:1rem;
}
@media (min-width:768px) {
body:has(.scp-tasks-edit) .tc-action-bar .btn-save {
    flex:0 0 auto; min-width:140px;
}

}
/* ── Desktop overrides ────────────────────────────────────── */
@media (min-width:992px) {
body:has(.scp-tasks-edit) .tc-form {
    border-radius:.5rem; border:1px solid #dee2e6;
}
body:has(.scp-tasks-edit) .tc-section {
    padding:1.1rem 1.4rem .9rem;
}
body:has(.scp-tasks-edit) .tc-field .form-control, body:has(.scp-tasks-edit) .tc-field .form-select {
    font-size:.875rem; min-height:38px;
}
body:has(.scp-tasks-edit) #task_subject {
    font-size:1rem; min-height:42px;
}
body:has(.scp-tasks-edit) .priority-chip {
    min-height:36px; font-size:.8rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--single {
    height:38px; padding:.3rem .5rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size:.875rem;
}
body:has(.scp-tasks-edit) .select2-container--default .select2-selection--multiple {
    min-height:38px;
}
body:has(.scp-tasks-edit) input[type="datetime-local"] {
    font-size:.875rem; min-height:38px;
}

}


/* ─── tasks\index.blade.php [block 0] (scoped via .scp-tasks-index) ─── */
/* Stat card active/hover — BS5 has no selected-card state */
body:has(.scp-tasks-index) .stat-card {
    transition: box-shadow .15s, border-color .15s; text-decoration: none; color: inherit; cursor: pointer;
}
body:has(.scp-tasks-index) .stat-card:hover {
    box-shadow: 0 4px 18px rgba(0,0,0,.1); border-color: #c5d0e0;
}
body:has(.scp-tasks-index) .stat-card.active {
    border-color: #0d6efd !important; box-shadow: 0 0 0 3px rgba(13,110,253,.12) !important;
}
/* Quick-filter chip active */
body:has(.scp-tasks-index) .chip.active {
    background-color: #dbeafe !important; border-color: #93c5fd !important; color: #1d4ed8 !important; font-weight: 600;
}
/* Table row density */
body:has(.scp-tasks-index) .density-compact #tasks_table > :not(caption) > * > * {
    padding: .28rem .4rem;
}
body:has(.scp-tasks-index) .density-comfort #tasks_table > :not(caption) > * > * {
    padding: .55rem .65rem;
}
/* Hide DataTable's built-in search/length — we use custom ones */
body:has(.scp-tasks-index) #tasks_table_filter, body:has(.scp-tasks-index) #tasks_table_length {
    display: none;
}
body:has(.scp-tasks-index) #dt-buttons .dt-button {
    font-size: .78rem !important; padding: .22rem .55rem !important; border-radius: .375rem !important;
}
/* Table search/length in tc-bar */
body:has(.scp-tasks-index) #page-length-select {
    width: 68px;
}
body:has(.scp-tasks-index) #tc-search-input {
    width: 175px;
}


/* ─── tasks\kanban.blade.php [block 0] (scoped via .scp-tasks-kanban) ─── */
body:has(.scp-tasks-kanban) {
    background: linear-gradient(180deg, #eef4ff 0%, #f1f5f9 24%, #eef2f7 100%) !important;
}
body:has(.scp-tasks-kanban) #kt_docs_content_container {
    max-width:100% !important; padding:0 !important;
}
body:has(.scp-tasks-kanban) #kt_docs_content_container > .card {
    background:transparent !important; border:none !important; box-shadow:none !important; margin-bottom:0 !important;
}
body:has(.scp-tasks-kanban) #kt_docs_content_container > .card > .card-body {
    padding:0 !important;
}
body:has(.scp-tasks-kanban) .kb-icon {
    width:1.25em; height:1.25em; display:inline-block; flex:0 0 auto;
      vertical-align:-.15em; fill:none; stroke:currentColor; stroke-width:2;
      stroke-linecap:square; stroke-linejoin:miter; shape-rendering:geometricPrecision;
}
/* Sticky toolbar with backdrop blur (no BS5 equivalent) */
body:has(.scp-tasks-kanban) .kb-toolbar-wrap {
    position:sticky; top:0; z-index:70; padding-bottom:10px; background:linear-gradient(180deg,rgba(238,244,255,.96) 0%,rgba(238,244,255,0) 100%); backdrop-filter:blur(10px);
}
/* Horizontal board — fixed-width columns with horizontal scroll */
body:has(.scp-tasks-kanban) .kb-board {
    display:flex; gap:10px; padding:8px 4px 4px; overflow-x:auto; align-items:flex-start; min-height:500px;
}
body:has(.scp-tasks-kanban) .kb-board::-webkit-scrollbar {
    height:0;
}
/* Fixed-width column — no BS5 flex-basis utility */
body:has(.scp-tasks-kanban) .kb-col {
    flex:0 0 262px; min-width:262px;
}
/* Inner scrollable task list with custom thin scrollbar */
body:has(.scp-tasks-kanban) .kb-tasks {
    overflow-y:auto; max-height:calc(100vh - 290px); min-height:460px; padding:7px; scrollbar-gutter:stable;
}
body:has(.scp-tasks-kanban) .kb-tasks::-webkit-scrollbar {
    width:4px;
}
body:has(.scp-tasks-kanban) .kb-tasks::-webkit-scrollbar-track {
    background:transparent;
}
body:has(.scp-tasks-kanban) .kb-tasks::-webkit-scrollbar-thumb {
    background:rgba(100,116,139,.25); border-radius:999px;
}
body:has(.scp-tasks-kanban) .kb-tasks.is-over {
    background:rgba(99,102,241,.04); outline:2px dashed rgba(99,102,241,.28); outline-offset:-4px; border-radius:8px;
}
/* Drag card — cursor:grab has no BS5 utility */
body:has(.scp-tasks-kanban) .draggable {
    cursor:grab; margin-bottom:6px; overflow:hidden; transition:transform .15s ease, box-shadow .15s ease;
}
body:has(.scp-tasks-kanban) .draggable:hover {
    transform:translateY(-1px); box-shadow:0 4px 16px rgba(0,0,0,.1);
}
body:has(.scp-tasks-kanban) .draggable:active {
    cursor:grabbing;
}
/* Coloured drag handle strip */
body:has(.scp-tasks-kanban) .kb-handle {
    padding:5px 8px; display:flex; align-items:center; gap:5px; cursor:grab; min-height:26px;
}
body:has(.scp-tasks-kanban) .kb-handle:active {
    cursor:grabbing;
}
body:has(.scp-tasks-kanban) .kb-handle a {
    color:rgba(255,255,255,.95)!important; font-size:.72rem; font-weight:700; text-decoration:none; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body:has(.scp-tasks-kanban) .kb-handle a:hover {
    color:#fff!important;
}
/* Priority badge variants */
body:has(.scp-tasks-kanban) .kb-pri {
    flex-shrink:0; font-size:.58rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:1px 4px; border-radius:3px; background:rgba(255,255,255,.2); color:#fff;
}
body:has(.scp-tasks-kanban) .kb-pri--high, body:has(.scp-tasks-kanban) .kb-pri--urgent {
    background:rgba(239,68,68,.75);
}
body:has(.scp-tasks-kanban) .kb-pri--medium, body:has(.scp-tasks-kanban) .kb-pri--normal {
    background:rgba(245,158,11,.75);
}
body:has(.scp-tasks-kanban) .kb-pri--low {
    background:rgba(16,185,129,.75);
}
/* Task title link (overflow + brand-hover) */
body:has(.scp-tasks-kanban) .kb-title {
    display:block; color:#0f172a; font-size:.82rem; font-weight:700; text-decoration:none; line-height:1.35; margin-bottom:3px; cursor:pointer;
}
body:has(.scp-tasks-kanban) .kb-title:hover {
    color:#6366f1;
}
/* Date chip */
body:has(.scp-tasks-kanban) .kb-date {
    display:inline-flex; align-items:center; gap:2px; font-size:.66rem; font-weight:600; color:#64748b; background:rgba(100,116,139,.08); padding:1px 6px; border-radius:999px; white-space:nowrap;
}
body:has(.scp-tasks-kanban) .kb-date .kb-icon {
    font-size:.63rem;
}
body:has(.scp-tasks-kanban) .kb-date--overdue {
    color:#ef4444; background:rgba(239,68,68,.08);
}
/* Status pill — dynamic inline color, no BS5 equivalent */
body:has(.scp-tasks-kanban) .kb-status {
    display:inline-flex; align-items:center; font-size:.63rem; font-weight:700; padding:1px 6px; border-radius:999px; border:1px solid; cursor:pointer; user-select:none; white-space:nowrap; letter-spacing:.02em; transition:opacity .15s;
}
body:has(.scp-tasks-kanban) .kb-status:hover {
    opacity:.72;
}
/* Avatar stack — negative margin-left overlap has no BS5 utility */
body:has(.scp-tasks-kanban) .kb-avatars {
    display:flex; align-items:center; flex-shrink:0;
}
body:has(.scp-tasks-kanban) .kb-av {
    width:20px; height:20px; border-radius:50%; border:2px solid #fff; margin-left:-5px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.12); flex-shrink:0;
}
body:has(.scp-tasks-kanban) .kb-av:first-child {
    margin-left:0;
}
body:has(.scp-tasks-kanban) .kb-av img {
    width:100%; height:100%; object-fit:cover; display:block;
}
body:has(.scp-tasks-kanban) .kb-av-init {
    width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:.58rem; font-weight:800; color:#fff;
}
/* Drag mirror & drop animation */
body:has(.scp-tasks-kanban) .draggable-mirror {
    border-radius:8px!important; box-shadow:0 12px 40px rgba(0,0,0,.15)!important; transform:rotate(1.5deg) scale(1.02); z-index:9999!important;
}
body:has(.scp-tasks-kanban) .drop-success {
    animation:kb-pop .3s ease;
}
@keyframes kb-pop {
 0%{transform:scale(1.04)} 100%{transform:scale(1)} 
}
/* Saving toast */
body:has(.scp-tasks-kanban) .drag-loading {
    position:fixed; bottom:22px; right:22px; background:#0f172a; color:#fff; padding:9px 16px; border-radius:999px; display:none; align-items:center; gap:8px; font-size:.8rem; font-weight:700; z-index:10000;
}
body:has(.scp-tasks-kanban) .drag-loading.active {
    display:flex;
}
body:has(.scp-tasks-kanban) .drag-loading .spinner {
    width:14px; height:14px; border:2px solid rgba(255,255,255,.22); border-top-color:#fff; border-radius:50%; animation:kb-spin .7s linear infinite;
}
@keyframes kb-spin {
 to{transform:rotate(360deg)} 
}
/* Top scroll mirror */
body:has(.scp-tasks-kanban) .kb-scroll-top {
    overflow-x:auto; overflow-y:hidden; height:10px; margin:0 4px; border-radius:999px;
}
body:has(.scp-tasks-kanban) .kb-scroll-top::-webkit-scrollbar {
    height:6px;
}
body:has(.scp-tasks-kanban) .kb-scroll-top::-webkit-scrollbar-track {
    background:rgba(100,116,139,.08); border-radius:999px;
}
body:has(.scp-tasks-kanban) .kb-scroll-top::-webkit-scrollbar-thumb {
    background:rgba(100,116,139,.32); border-radius:999px;
}
body:has(.scp-tasks-kanban) .kb-scroll-top-inner {
    height:1px;
}
/* Skeleton loader */
body:has(.scp-tasks-kanban) .sk {
    animation:sk-pulse 1.4s ease-in-out infinite;
}
@keyframes sk-pulse {
 0%,100%{opacity:.06} 50%{opacity:.14} 
}
body:has(.scp-tasks-kanban) .sk-line {
    height:12px; border-radius:6px; background:#64748b;
}
body:has(.scp-tasks-kanban) .sk-circle {
    border-radius:50%; background:#64748b;
}
body:has(.scp-tasks-kanban) .sk-rect {
    border-radius:8px; background:#64748b;
}
@media (max-width:768px) {
body:has(.scp-tasks-kanban) .kb-col {
    flex:0 0 240px; min-width:240px;
}
body:has(.scp-tasks-kanban) .kb-hide-sm {
    display:none!important;
}

}


/* ─── tasks\modalcreate.blade.php [block 0] (scoped via .scp-tasks-modalcreate) ─── */
/* section chrome */
body:has(.scp-tasks-modalcreate) .tc-section {
    padding:.9rem 1rem .8rem; border-bottom:1px solid #e9ecef;
}
body:has(.scp-tasks-modalcreate) .tc-section:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-modalcreate) .tc-label {
    font-size:.8rem; font-weight:600; color:#6c757d; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.35rem; display:block;
}
body:has(.scp-tasks-modalcreate) .tc-icon {
    width:1.25rem; height:1.25rem; display:inline-block; flex:0 0 auto; vertical-align:-.14em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:square; stroke-linejoin:miter; shape-rendering:geometricPrecision;
}
body:has(.scp-tasks-modalcreate) .tc-icon-lg {
    width:1.375rem; height:1.375rem;
}
body:has(.scp-tasks-modalcreate) .tc-field .form-control, body:has(.scp-tasks-modalcreate) .tc-field .form-select {
    font-size:.95rem; min-height:42px; border-radius:.5rem;
}
body:has(.scp-tasks-modalcreate) .tc-field .form-control:focus, body:has(.scp-tasks-modalcreate) .tc-field .form-select:focus {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
body:has(.scp-tasks-modalcreate) #task_subject {
    font-size:1.05rem; font-weight:500; min-height:48px;
}
/* priority chips */
body:has(.scp-tasks-modalcreate) .pri-row {
    display:flex; gap:.5rem;
}
body:has(.scp-tasks-modalcreate) .priority-chip {
    flex:1; min-height:42px; border-radius:.5rem!important; font-size:.875rem; font-weight:500;
    display:flex; align-items:center; justify-content:center; gap:.35rem;
    transition:background .15s,color .15s,border-color .15s;
}
body:has(.scp-tasks-modalcreate) .priority-chip.active {
    color:#fff!important;
}
body:has(.scp-tasks-modalcreate) .priority-chip[data-value="Low"].active {
    background:#6c757d; border-color:#6c757d;
}
body:has(.scp-tasks-modalcreate) .priority-chip[data-value="Medium"].active {
    background:#e6a817; border-color:#e6a817; color:#000!important;
}
body:has(.scp-tasks-modalcreate) .priority-chip[data-value="High"].active {
    background:#dc3545; border-color:#dc3545;
}
/* select2 */
body:has(.scp-tasks-modalcreate) .select2-container--open {
    z-index:99999
}
body:has(.scp-tasks-modalcreate) .select2-container--default .select2-selection--single {
    border:1px solid #dee2e6; border-radius:.5rem!important; height:42px; padding:.4rem .6rem;
}
body:has(.scp-tasks-modalcreate) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:1.6; padding:0; font-size:.95rem;
}
body:has(.scp-tasks-modalcreate) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:100%; top:0; right:8px;
}
body:has(.scp-tasks-modalcreate) .select2-container--default .select2-selection--multiple {
    border:1px solid #dee2e6; border-radius:.5rem!important; min-height:42px;
}
body:has(.scp-tasks-modalcreate) .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-tasks-modalcreate) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#86b7fe; box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
body:has(.scp-tasks-modalcreate) .select2-dropdown {
    border:1px solid #dee2e6; border-radius:.5rem;
}
body:has(.scp-tasks-modalcreate) .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:#0d6efd;
}
/* dates grid */
body:has(.scp-tasks-modalcreate) .tc-date-row {
    display:grid; grid-template-columns:1fr 1fr; gap:.75rem;
}
body:has(.scp-tasks-modalcreate) input[type="datetime-local"] {
    font-size:.95rem; min-height:42px;
}
/* more-options toggle */
body:has(.scp-tasks-modalcreate) .tc-advanced-toggle {
    display:flex; align-items:center; justify-content:space-between;
    padding:.7rem 1rem; cursor:pointer; background:#f8f9fa;
    border-top:1px solid #e9ecef; border-bottom:1px solid #e9ecef;
    font-size:.875rem; font-weight:600; color:#495057; user-select:none;
}
body:has(.scp-tasks-modalcreate) .tc-advanced-toggle .chevron-adv {
    transition:transform .2s; font-size:.75rem;
}
body:has(.scp-tasks-modalcreate) .tc-advanced-toggle.open .chevron-adv {
    transform:rotate(-180deg);
}
/* collapse chevron */
body:has(.scp-tasks-modalcreate) .collapse-chevron {
    transition:transform .2s; font-size:.75rem; color:#6c757d;
}
body:has(.scp-tasks-modalcreate) .required::after {
    content:' *'; color:#dc3545;
}


/* ─── tasks\showfull.blade.php [block 0] (scoped via .scp-tasks-showfull) ─── */
/* ── Reset page wrapper ───────────────────────────────────────── */
body:has(.scp-tasks-showfull) #kt_docs_content_container {
    max-width:100%!important; padding:0!important;
}
body:has(.scp-tasks-showfull) #kt_docs_content_container > .card {
    background:transparent!important; border:none!important; box-shadow:none!important; margin-bottom:0!important;
}
body:has(.scp-tasks-showfull) #kt_docs_content_container > .card > .card-body {
    padding:0!important;
}
body:has(.scp-tasks-showfull) .ts-icon {
    width:16px; height:16px; display:inline-block; flex:0 0 16px;
  vertical-align:-2px; fill:none; stroke:currentColor; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round;
}
body:has(.scp-tasks-showfull) .ts-icon.fs-4 {
    width:24px; height:24px; flex-basis:24px; stroke-width:2;
}
body:has(.scp-tasks-showfull) .ts-icon.fs-3 {
    width:28px; height:28px; flex-basis:28px; stroke-width:1.75;
}
/* ── Sticky action bar ────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-bar {
    position:sticky; top:0; z-index:100;
  background:#fff; border-bottom:1px solid #e9ecef;
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.5rem .75rem;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
body:has(.scp-tasks-showfull) .ts-bar .btn {
    min-width:36px; min-height:36px; display:inline-flex; align-items:center; justify-content:center;
}
/* ── Title section ────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-title-section {
    padding:1rem .75rem .75rem; border-bottom:1px solid #e9ecef; background:#fff;
}
body:has(.scp-tasks-showfull) .ts-subject {
    font-size:1.15rem; font-weight:700; line-height:1.35; color:#111827; margin:0 0 .6rem;
}
body:has(.scp-tasks-showfull) .ts-badge-row {
    display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.6rem;
}
/* ── Progress strip ───────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-progress-strip {
    padding:.65rem .75rem; background:#fff; border-bottom:1px solid #e9ecef;
}
body:has(.scp-tasks-showfull) .ts-progress-bar {
    height:8px; border-radius:999px; background:#e9ecef; overflow:hidden; margin-bottom:.4rem;
}
body:has(.scp-tasks-showfull) .ts-progress-fill {
    height:100%; border-radius:999px; background:linear-gradient(90deg,#6366f1,#8b5cf6); transition:width .3s;
}
body:has(.scp-tasks-showfull) .ts-progress-strip input[type=range] {
    width:100%; accent-color:#6366f1; cursor:pointer;
}
body:has(.scp-tasks-showfull) .ts-pct {
    font-size:.75rem; font-weight:700; color:#6366f1;
}
/* ── Tab nav (mobile only) ────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-tabs {
    display:flex; border-bottom:2px solid #e9ecef; background:#fff;
  position:sticky; top:53px; z-index:99;
  overflow-x:auto; scrollbar-width:none;
}
body:has(.scp-tasks-showfull) .ts-tabs::-webkit-scrollbar {
    display:none;
}
body:has(.scp-tasks-showfull) .ts-tab {
    flex:1; min-width:80px; padding:.6rem .5rem;
  font-size:.82rem; font-weight:600; color:#6b7280;
  border:none; background:none; border-bottom:2px solid transparent;
  cursor:pointer; white-space:nowrap; transition:color .15s,border-color .15s;
  margin-bottom:-2px;
}
body:has(.scp-tasks-showfull) .ts-tab.active {
    color:#6366f1; border-bottom-color:#6366f1;
}
/* ── Content sections ─────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-section {
    padding:1rem .75rem; border-bottom:1px solid #e9ecef; background:#fff;
}
body:has(.scp-tasks-showfull) .ts-section:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-showfull) .ts-section-label {
    font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
  color:#9ca3af; margin-bottom:.6rem; display:flex; align-items:center; gap:.4rem;
}
/* ── Property row ─────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-prop {
    display:flex; align-items:center; gap:.75rem; padding:.5rem 0; border-bottom:1px solid #f3f4f6;
}
body:has(.scp-tasks-showfull) .ts-prop:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-showfull) .ts-prop-icon {
    width:34px; height:34px; border-radius:.5rem; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:.9rem;
}
body:has(.scp-tasks-showfull) .ts-prop-body {
    flex:1; min-width:0;
}
body:has(.scp-tasks-showfull) .ts-prop-lbl {
    font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#9ca3af; margin-bottom:.2rem;
}
body:has(.scp-tasks-showfull) .ts-prop-body .form-select, body:has(.scp-tasks-showfull) .ts-prop-body .form-control {
    font-size:.85rem; min-height:34px; border-radius:.4rem;
}
/* ── Avatars ──────────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-avatar {
    width:30px; height:30px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px #e5e7eb; overflow:hidden; flex-shrink:0;
}
body:has(.scp-tasks-showfull) .ts-avatar img {
    width:100%; height:100%; object-fit:cover;
}
body:has(.scp-tasks-showfull) .ts-avatar-init {
    width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:.62rem; font-weight:800; color:#fff;
}
body:has(.scp-tasks-showfull) .ts-avatar-stack {
    display:flex;
}
body:has(.scp-tasks-showfull) .ts-avatar-stack .ts-avatar {
    margin-left:-8px;
}
body:has(.scp-tasks-showfull) .ts-avatar-stack .ts-avatar:first-child {
    margin-left:0;
}
/* ── Checklist items ──────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-check-item {
    padding:.65rem .75rem; border-bottom:1px solid #f3f4f6; display:flex; align-items:flex-start; gap:.65rem;
}
body:has(.scp-tasks-showfull) .ts-check-item:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-showfull) .ts-check-item.is-done .ts-check-title {
    text-decoration:line-through; color:#9ca3af;
}
body:has(.scp-tasks-showfull) .ts-check-item.is-done {
    background:#f0fdf4;
}
body:has(.scp-tasks-showfull) .ts-check-title {
    font-size:.875rem; font-weight:500; color:#111827;
}
body:has(.scp-tasks-showfull) .ts-check-meta {
    font-size:.72rem; color:#9ca3af; margin-top:.2rem; display:flex; gap:.75rem; flex-wrap:wrap;
}
/* ── Comment item ─────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-comment {
    display:flex; gap:.65rem; padding:.75rem 0; border-bottom:1px solid #f3f4f6;
}
body:has(.scp-tasks-showfull) .ts-comment:last-child {
    border-bottom:none;
}
body:has(.scp-tasks-showfull) .ts-comment-body {
    flex:1; min-width:0;
}
body:has(.scp-tasks-showfull) .ts-comment-name {
    font-size:.82rem; font-weight:600; color:#111827;
}
body:has(.scp-tasks-showfull) .ts-comment-text {
    font-size:.85rem; color:#374151; margin-top:.2rem; white-space:pre-wrap; word-break:break-word;
}
body:has(.scp-tasks-showfull) .ts-comment-meta {
    font-size:.7rem; color:#9ca3af; margin-top:.3rem;
}
/* ── File thumbs ──────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-file-grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:.5rem;
}
body:has(.scp-tasks-showfull) .ts-file-card {
    border:1px solid #e5e7eb; border-radius:.5rem; overflow:hidden;
}
body:has(.scp-tasks-showfull) .ts-file-thumb {
    height:70px; display:flex; align-items:center; justify-content:center; background:#f9fafb;
}
body:has(.scp-tasks-showfull) .ts-file-thumb img {
    max-height:70px; object-fit:contain;
}
body:has(.scp-tasks-showfull) .ts-file-name {
    font-size:.65rem; color:#6b7280; padding:.3rem .4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-top:1px solid #e5e7eb;
}
/* ── Add subtask form ─────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-add-subtask {
    display:flex; gap:.4rem; padding:.6rem .75rem; background:#f8f9fa; border-top:1px solid #e9ecef;
}
body:has(.scp-tasks-showfull) .ts-add-subtask input {
    font-size:.875rem; min-height:36px;
}
/* ── Reminder card ────────────────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-reminder-item {
    display:flex; gap:.6rem; padding:.5rem 0; border-bottom:1px solid #f3f4f6;
}
body:has(.scp-tasks-showfull) .ts-reminder-item:last-child {
    border-bottom:none;
}
/* ── Complete & locked banner ─────────────────────────────────── */
body:has(.scp-tasks-showfull) .ts-locked-bar {
    background:#dcfce7; color:#15803d; font-size:.82rem; font-weight:600; padding:.5rem .75rem; display:flex; align-items:center; gap:.5rem; border-bottom:1px solid #bbf7d0;
}
/* ── Desktop overrides (≥ lg) ─────────────────────────────────── */
@media (min-width:992px) {
body:has(.scp-tasks-showfull) .ts-tabs {
    display:none !important;
}
body:has(.scp-tasks-showfull) .ts-panel {
    display:block !important;
}
body:has(.scp-tasks-showfull) .ts-bar {
    padding:.5rem 1.25rem;
}
body:has(.scp-tasks-showfull) .ts-title-section {
    padding:1.1rem 1.25rem .9rem;
}
body:has(.scp-tasks-showfull) .ts-subject {
    font-size:1.3rem;
}
body:has(.scp-tasks-showfull) .ts-section {
    padding:1rem 1.25rem;
}
body:has(.scp-tasks-showfull) .ts-add-subtask {
    padding:.6rem 1.25rem;
}
body:has(.scp-tasks-showfull) .ts-progress-strip {
    display:flex; align-items:center; gap:.6rem; padding:.25rem 1.25rem;
}
body:has(.scp-tasks-showfull) .ts-progress-strip .ts-progress-bar {
    flex:1; order:1; height:3px; margin-bottom:0;
}
body:has(.scp-tasks-showfull) .ts-progress-strip > .d-flex {
    order:2; margin-bottom:0 !important;
}
body:has(.scp-tasks-showfull) .ts-progress-strip > .d-flex > span:first-child {
    display:none !important;
}
body:has(.scp-tasks-showfull) .ts-progress-strip input[type=range] {
    order:3; width:70px; margin:0;
}
body:has(.scp-tasks-showfull) .ts-locked-bar {
    padding:.5rem 1.25rem;
}

}


/* ─── tasks\partials\_costing.blade.php [block 0] (scoped via .scp-tasks-partials--costing) ─── */
/* grid: 4 equal columns with gap; stacks on small screens */
body:has(.scp-tasks-partials--costing) .cost-grid {
    display:grid; grid-template-columns: repeat(4, 1fr); gap:12px;
}
@media (max-width: 1200px) {
body:has(.scp-tasks-partials--costing) .cost-grid {
    grid-template-columns: repeat(2, 1fr);
}

}
@media (max-width: 576px) {
body:has(.scp-tasks-partials--costing) .cost-grid {
    grid-template-columns: 1fr;
}

}
/* each field (ff) is a column with fixed regions: label, control, helper */
body:has(.scp-tasks-partials--costing) .ff {
    display:grid; grid-template-rows: auto 40px 18px; align-items:center;
}
body:has(.scp-tasks-partials--costing) .ff .form-label {
    margin-bottom:4px; font-weight:600;
}
body:has(.scp-tasks-partials--costing) .ff .ctrl {
    display:flex; align-items:center; height:40px;
}
/* control lane */
body:has(.scp-tasks-partials--costing) .ff .help {
    font-size:.8rem; color:#6b7280; line-height:18px;
}
/* fixed helper lane */
/* uniform control heights (including sm variants) */
body:has(.scp-tasks-partials--costing) .tidy, body:has(.scp-tasks-partials--costing) .input-group-sm > .form-control, body:has(.scp-tasks-partials--costing) .input-group-sm > .input-group-text, body:has(.scp-tasks-partials--costing) .form-select-sm {
    height:40px; line-height:38px;
}
/* keep switch visually centered in the 40px control lane */
body:has(.scp-tasks-partials--costing) .form-check-input {
    transform: translateY(2px);
}
/* optional: make cards neat even without your tokens */
body:has(.scp-tasks-partials--costing) .card-soft {
    background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:16px; box-shadow:0 10px 28px rgba(2,6,23,.06);
}
body:has(.scp-tasks-partials--costing) .section-title {
    font-weight:800; color:#0f172a;
}


/* ─── tasks\partials\_subtasks.blade.php [block 0] (scoped via .scp-tasks-partials--subtasks) ─── */
body:has(.scp-tasks-partials--subtasks) #subtasks-table {
    font-size:.82rem;
}
body:has(.scp-tasks-partials--subtasks) .subtask-name-input {
    border:none; border-bottom:2px solid #ced4da; border-radius:0;
    background:transparent; padding:.25rem .3rem;
    font-size:.9rem; font-weight:500; color:#212529;
    box-shadow:none; transition:border-color .15s;
    min-width:140px; width:100%;
}
body:has(.scp-tasks-partials--subtasks) .subtask-name-input:focus {
    outline:none; border-bottom-color:#0d6efd;
    background:#f0f4ff; border-radius:.25rem .25rem 0 0;
}
body:has(.scp-tasks-partials--subtasks) .subtask-name-input::placeholder {
    color:#adb5bd; font-weight:400; font-size:.85rem;
}
/* Select2 compact inside table */
body:has(.scp-tasks-partials--subtasks) #subtasks-table .select2-container--default .select2-selection--multiple {
    min-height:28px; padding:1px 4px; border-radius:.3rem !important; border:1px solid #dee2e6 !important;
}
body:has(.scp-tasks-partials--subtasks) #subtasks-table .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display:flex; flex-wrap:wrap; gap:3px;
}
body:has(.scp-tasks-partials--subtasks) #subtasks-table .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding:1px 5px; border-radius:999px; font-size:.68rem; display:flex; align-items:center; gap:3px;
}
body:has(.scp-tasks-partials--subtasks) .select2-avatar {
    width:13px; height:13px; border-radius:50%; object-fit:cover;
}


/* ─── tasks-multi\create.blade.php [block 0] (scoped via .scp-tasks-multi-create) ─── */
body:has(.scp-tasks-multi-create) select {
    width:200px !important;
}
body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #30363b;
  color: #fff;
  border-coor: #2b3135;
  width: 100%;
}
body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu:after, body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu:before {
    display: none !important;
}
body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu .arrow {
    display: none !important;
}
body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu .arrow:after, body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu .arrow:before {
    display: none !important;
}
body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu a span:hover, body:has(.scp-tasks-multi-create) .bootstrap-datetimepicker-widget.dropdown-menu a span:focus {
    background-color: #32aa62 !important;
  color: #fff !important;
}


/* ─── tasks-multi\edit.blade.php [block 0] (scoped via .scp-tasks-multi-edit) ─── */
body:has(.scp-tasks-multi-edit) select {
    width:200px !important;
}
body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #30363b;
  color: #fff;
  border-coor: #2b3135;
  width: 100%;
}
body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu:after, body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu:before {
    display: none !important;
}
body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu .arrow {
    display: none !important;
}
body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu .arrow:after, body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu .arrow:before {
    display: none !important;
}
body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu a span:hover, body:has(.scp-tasks-multi-edit) .bootstrap-datetimepicker-widget.dropdown-menu a span:focus {
    background-color: #32aa62 !important;
  color: #fff !important;
}


/* ─── tenants\crmregister.blade.php [block 0] (scoped via .scp-tenants-crmregister) ─── */
body:has(.scp-tenants-crmregister) {
    background-image: url('#');
}
body:has(.scp-tenants-crmregister) [data-theme="dark"] body {
    background-image: url('/demo1/media/illustrations/sketchy-1/14.png');
}


/* ─── tenants\hrmregister.blade.php [block 0] (scoped via .scp-tenants-hrmregister) ─── */
body:has(.scp-tenants-hrmregister) :root {
    --mn-radius: 16px;
            --mn-border: rgba(2,6,23,.08);
            --mn-shadow: 0 18px 60px rgba(2,6,23,.10);
}
/* HRM background: purple/teal vibe */
body:has(.scp-tenants-hrmregister) {
    background:
                radial-gradient(900px 420px at 12% 12%, rgba(168,85,247,.14) 0%, rgba(168,85,247,0) 60%),
                radial-gradient(900px 420px at 86% 10%, rgba(20,184,166,.12) 0%, rgba(20,184,166,0) 60%),
                linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}
body:has(.scp-tenants-hrmregister) .mn-shell {
    min-height: 100vh;
}
body:has(.scp-tenants-hrmregister) .mn-left {
    background: linear-gradient(145deg, #0b1220 0%, #0f172a 55%, #111827 100%);
            border-radius: var(--mn-radius);
            box-shadow: var(--mn-shadow);
            border: 1px solid rgba(255,255,255,.08);
            overflow: hidden;
            position: relative;
}
body:has(.scp-tenants-hrmregister) .mn-left:before {
    content:"";
            position:absolute; inset:-90px;
            background:
                radial-gradient(420px 260px at 18% 20%, rgba(168,85,247,.35), transparent 60%),
                radial-gradient(420px 260px at 85% 18%, rgba(20,184,166,.30), transparent 60%),
                radial-gradient(480px 300px at 60% 88%, rgba(59,130,246,.18), transparent 60%);
            filter: blur(10px);
            opacity:.95;
            pointer-events:none;
}
body:has(.scp-tenants-hrmregister) .mn-left .content {
    position: relative; z-index: 1;
}
body:has(.scp-tenants-hrmregister) .mn-badge {
    display:inline-flex; align-items:center; gap:.5rem;
            padding:.35rem .7rem;
            border-radius: 999px;
            background: rgba(255,255,255,.10);
            border: 1px solid rgba(255,255,255,.16);
            color: rgba(255,255,255,.85);
            font-size: .8rem;
}
body:has(.scp-tenants-hrmregister) .mn-video {
    border-radius: 14px;
            overflow:hidden;
            border: 1px solid rgba(255,255,255,.12);
            box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
body:has(.scp-tenants-hrmregister) .mn-form-card {
    border-radius: var(--mn-radius);
            border: 1px solid var(--mn-border);
            box-shadow: var(--mn-shadow);
}
body:has(.scp-tenants-hrmregister) .form-control:focus, body:has(.scp-tenants-hrmregister) .form-select:focus {
    box-shadow: 0 0 0 .25rem rgba(168,85,247,.12);
}
body:has(.scp-tenants-hrmregister) .mn-help {
    font-size:.8rem; color:#64748b;
}
body:has(.scp-tenants-hrmregister) .input-error {
    border-color:#ef4444 !important; box-shadow: 0 0 0 .2rem rgba(239,68,68,.15);
}
/* honeypot hidden */
body:has(.scp-tenants-hrmregister) .hp-wrap {
    position:absolute !important;
            left:-10000px !important;
            top:auto !important;
            width:1px !important;
            height:1px !important;
            overflow:hidden !important;
}
body:has(.scp-tenants-hrmregister) .mn-math-pill {
    display:flex; align-items:center; justify-content:space-between; gap:.75rem;
            padding:.6rem .75rem;
            border:1px dashed rgba(2,6,23,.18);
            border-radius: 12px;
            background: rgba(2,6,23,.02);
}
body:has(.scp-tenants-hrmregister) .mn-math-q {
    font-weight: 700;
            letter-spacing: -.01em;
            color:#0f172a;
            white-space: nowrap;
}
body:has(.scp-tenants-hrmregister) .mn-math-q small {
    font-weight:600; color:#64748b;
}


/* ─── tenants\register.blade.php [block 0] (scoped via .scp-tenants-register) ─── */
body:has(.scp-tenants-register) :root {
    --mn-radius: 16px;
            --mn-border: rgba(2,6,23,.08);
            --mn-shadow: 0 18px 60px rgba(2,6,23,.10);
            --mn-soft: #f6f8fb;
}
body:has(.scp-tenants-register) {
    background:
                radial-gradient(900px 400px at 15% 15%, rgba(59,130,246,.12) 0%, rgba(59,130,246,0) 60%),
                radial-gradient(900px 400px at 85% 10%, rgba(16,185,129,.10) 0%, rgba(16,185,129,0) 60%),
                linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}
body:has(.scp-tenants-register) .mn-shell {
    min-height: 100vh;
}
body:has(.scp-tenants-register) .mn-left {
    background: linear-gradient(145deg, #0b1220 0%, #0f172a 60%, #111827 100%);
            border-radius: var(--mn-radius);
            box-shadow: var(--mn-shadow);
            border: 1px solid rgba(255,255,255,.08);
            overflow: hidden;
            position: relative;
}
body:has(.scp-tenants-register) .mn-left:before {
    content:"";
            position:absolute; inset:-80px;
            background:
                radial-gradient(380px 220px at 20% 20%, rgba(59,130,246,.35), transparent 60%),
                radial-gradient(360px 220px at 85% 15%, rgba(16,185,129,.30), transparent 60%),
                radial-gradient(420px 260px at 65% 85%, rgba(168,85,247,.22), transparent 60%);
            filter: blur(10px);
            opacity:.9;
            pointer-events:none;
}
body:has(.scp-tenants-register) .mn-left .content {
    position: relative; z-index: 1;
}
body:has(.scp-tenants-register) .mn-badge {
    display:inline-flex; align-items:center; gap:.5rem;
            padding:.35rem .7rem;
            border-radius: 999px;
            background: rgba(255,255,255,.10);
            border: 1px solid rgba(255,255,255,.16);
            color: rgba(255,255,255,.85);
            font-size: .8rem;
}
body:has(.scp-tenants-register) .mn-list {
    margin:0; padding-left:1.2rem;
            color: rgba(255,255,255,.75);
            font-size: .92rem;
}
body:has(.scp-tenants-register) .mn-list li {
    margin: .25rem 0;
}
body:has(.scp-tenants-register) .mn-video {
    border-radius: 14px;
            overflow:hidden;
            border: 1px solid rgba(255,255,255,.12);
            box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
body:has(.scp-tenants-register) .mn-form-card {
    border-radius: var(--mn-radius);
            border: 1px solid var(--mn-border);
            box-shadow: var(--mn-shadow);
}
body:has(.scp-tenants-register) .form-control:focus, body:has(.scp-tenants-register) .form-select:focus {
    box-shadow: 0 0 0 .25rem rgba(59,130,246,.12);
}
body:has(.scp-tenants-register) .mn-help {
    font-size:.8rem; color:#64748b;
}
/* highlight invalid */
body:has(.scp-tenants-register) .input-error {
    border-color: #ef4444 !important; box-shadow: 0 0 0 .2rem rgba(239,68,68,.15);
}
/* honeypot hidden but accessible */
body:has(.scp-tenants-register) .hp-wrap {
    position:absolute !important;
            left:-10000px !important;
            top:auto !important;
            width:1px !important;
            height:1px !important;
            overflow:hidden !important;
}


/* ─── ticket\edit.blade.php [block 0] (scoped via .scp-ticket-edit) ─── */
body:has(.scp-ticket-edit) :root {
    --ui-bg:#f6f8fb;
        --ui-card:#ffffff;
        --ui-border:#e6eaf0;
        --ui-muted:#6b7280;
        --ui-primary:#2563eb;
        --ui-primary-600:#1d4ed8;
        --ui-primary-50:#eef2ff;
        --ui-success:#16a34a;
        --ui-warning:#f59e0b;
        --ui-danger:#ef4444;
        --ui-radius:16px;
        --ui-shadow:0 12px 30px rgba(2,6,23,.08), 0 2px 8px rgba(2,6,23,.05);
}
body:has(.scp-ticket-edit) {
    background:var(--ui-bg);
}
body:has(.scp-ticket-edit) .page-shell {
    max-width:1380px; margin:0 auto;
}
body:has(.scp-ticket-edit) .card {
    border:1px solid var(--ui-border); border-radius:var(--ui-radius); box-shadow:var(--ui-shadow); background:var(--ui-card);
}
body:has(.scp-ticket-edit) .card-header {
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); border-bottom:1px solid var(--ui-border);
}
body:has(.scp-ticket-edit) .ticket-edit-card .card-header {
    padding:1rem 1.25rem;
}
body:has(.scp-ticket-edit) .ticket-edit-card .card-body {
    padding:1.25rem;
}
body:has(.scp-ticket-edit) .toolbar-card {
    border:1px solid var(--ui-border);
        border-radius:18px;
        background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
        box-shadow:var(--ui-shadow);
        padding:1rem 1.15rem;
}
body:has(.scp-ticket-edit) .ticket-stage-strip {
    margin-top:1rem;
        padding:.9rem 1rem;
        background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
        border:1px solid var(--ui-border);
        border-radius:16px;
        box-shadow:var(--ui-shadow);
}
body:has(.scp-ticket-edit) .ticket-stage-track {
    display:flex;
        gap:.55rem;
        overflow:auto;
        padding-bottom:.15rem;
}
body:has(.scp-ticket-edit) .ticket-stage-pill {
    display:inline-flex;
        align-items:center;
        gap:.45rem;
        white-space:nowrap;
        border-radius:999px;
        padding:.55rem .9rem;
        border:1px solid #dbe4f5;
        background:#f8fbff;
        color:#3b4b68;
        font-size:.82rem;
        font-weight:600;
}
body:has(.scp-ticket-edit) .ticket-stage-pill.completed {
    background:#ecfdf3;
        border-color:#b7ebc7;
        color:#166534;
}
body:has(.scp-ticket-edit) .ticket-stage-pill.current {
    background:linear-gradient(180deg,var(--ui-primary) 0%,var(--ui-primary-600) 100%);
        border-color:transparent;
        color:#fff;
}
body:has(.scp-ticket-edit) .ticket-edit-hero {
    background:
            radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 30%),
            linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
body:has(.scp-ticket-edit) .ticket-kicker {
    display:inline-flex;
        align-items:center;
        gap:.45rem;
        padding:.35rem .7rem;
        border-radius:999px;
        background:var(--ui-primary-50);
        color:var(--ui-primary);
        font-size:.76rem;
        font-weight:700;
        letter-spacing:.03em;
        text-transform:uppercase;
}
body:has(.scp-ticket-edit) .ticket-summary-meta {
    display:flex;
        flex-wrap:wrap;
        gap:.6rem;
        margin-top:.85rem;
}
body:has(.scp-ticket-edit) .ticket-meta-chip {
    display:inline-flex;
        align-items:center;
        gap:.45rem;
        border:1px solid var(--ui-border);
        border-radius:999px;
        background:#fff;
        color:#334155;
        padding:.42rem .8rem;
        font-size:.82rem;
}
body:has(.scp-ticket-edit) .ticket-badge-row {
    display:flex;
        flex-wrap:wrap;
        gap:.55rem;
        margin-top:1rem;
}
body:has(.scp-ticket-edit) .ticket-badge {
    display:inline-flex;
        align-items:center;
        border-radius:999px;
        padding:.45rem .85rem;
        font-size:.78rem;
        font-weight:700;
}
body:has(.scp-ticket-edit) .ticket-badge.priority-low, body:has(.scp-ticket-edit) .ticket-badge.priority-medium {
    background:#eff6ff; color:#1d4ed8;
}
body:has(.scp-ticket-edit) .ticket-badge.priority-high {
    background:#fff7ed; color:#c2410c;
}
body:has(.scp-ticket-edit) .ticket-badge.priority-critical {
    background:#fef2f2; color:#b91c1c;
}
body:has(.scp-ticket-edit) .ticket-badge.status {
    background:#eef2ff; color:#3730a3;
}
body:has(.scp-ticket-edit) .ticket-badge.type {
    background:#f0fdf4; color:#166534;
}
body:has(.scp-ticket-edit) .ticket-hero-grid {
    display:grid;
        grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
        gap:.85rem;
}
body:has(.scp-ticket-edit) .ticket-stat {
    border:1px solid var(--ui-border);
        border-radius:14px;
        background:rgba(255,255,255,.9);
        padding:1rem;
}
body:has(.scp-ticket-edit) .ticket-stat-label {
    font-size:.75rem;
        text-transform:uppercase;
        letter-spacing:.04em;
        color:var(--ui-muted);
        margin-bottom:.3rem;
        font-weight:700;
}
body:has(.scp-ticket-edit) .ticket-stat-value {
    color:#0f172a;
        font-weight:700;
        line-height:1.35;
}
body:has(.scp-ticket-edit) .section-title {
    display:flex;
        align-items:center;
        gap:.7rem;
}
body:has(.scp-ticket-edit) .section-title i {
    width:2rem;
        height:2rem;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:.75rem;
        background:var(--ui-primary-50);
        color:var(--ui-primary);
}
body:has(.scp-ticket-edit) .section-subtitle {
    color:var(--ui-muted);
        font-size:.82rem;
        margin-top:.15rem;
}
body:has(.scp-ticket-edit) .form-label {
    color:#334155;
        font-size:.82rem;
        text-transform:uppercase;
        letter-spacing:.03em;
}
body:has(.scp-ticket-edit) .form-control, body:has(.scp-ticket-edit) .form-select {
    min-height:42px;
        border-radius:.8rem;
        border-color:#d9e1ee;
        background:#fbfcfe;
}
body:has(.scp-ticket-edit) textarea.form-control, body:has(.scp-ticket-edit) .note-editor.note-frame {
    border-radius:.85rem;
}
body:has(.scp-ticket-edit) .input-group > .btn {
    border-radius:.8rem;
}
body:has(.scp-ticket-edit) .note-editor.note-frame {
    border-radius:.5rem;
}
body:has(.scp-ticket-edit) .sticky-actions {
    position:sticky;
        bottom:1rem;
        background:rgba(255,255,255,.95);
        border:1px solid var(--ui-border);
        border-radius:18px;
        box-shadow:var(--ui-shadow);
        padding:14px 16px;
        z-index:50;
        backdrop-filter:blur(8px);
}
body:has(.scp-ticket-edit) .dropdown-menu {
    max-height:220px; overflow-y:auto;
}
body:has(.scp-ticket-edit) .ticket-form-section {
    margin-top:1rem;
}
body:has(.scp-ticket-edit) .ticket-empty-state {
    display:flex;
        align-items:center;
        justify-content:center;
        gap:.65rem;
        padding:1rem 1.25rem;
        color:var(--ui-muted);
        background:#f8fbff;
        border:1px dashed #cfd9ea;
        border-radius:14px;
}
body:has(.scp-ticket-edit) .file-action-btn {
    display:inline-flex;
        align-items:center;
        gap:.4rem;
}
body:has(.scp-ticket-edit) .attachment-intro {
    display:flex;
        justify-content:space-between;
        align-items:center;
        gap:1rem;
        padding:1rem 1.25rem;
        border-bottom:1px solid var(--ui-border);
        background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
}
body:has(.scp-ticket-edit) .attachment-intro-copy {
    color:var(--ui-muted);
        font-size:.86rem;
        margin:0;
}
body:has(.scp-ticket-edit) .attachment-intro-metrics {
    display:flex;
        gap:.6rem;
        flex-wrap:wrap;
}
body:has(.scp-ticket-edit) .attachment-metric {
    display:inline-flex;
        align-items:center;
        gap:.45rem;
        padding:.45rem .8rem;
        border-radius:999px;
        border:1px solid #dbe7fb;
        background:#eff6ff;
        color:#1d4ed8;
        font-size:.78rem;
        font-weight:700;
}
body:has(.scp-ticket-edit) .attachment-row-main {
    display:flex;
        align-items:flex-start;
        gap:.8rem;
}
body:has(.scp-ticket-edit) .attachment-icon {
    width:2.45rem;
        height:2.45rem;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:.9rem;
        background:#eff6ff;
        color:#2563eb;
        flex:0 0 auto;
}
body:has(.scp-ticket-edit) .attachment-name {
    display:block;
        font-weight:700;
        color:#0f172a;
        text-decoration:none;
        word-break:break-word;
}
body:has(.scp-ticket-edit) .attachment-meta {
    margin-top:.2rem;
        color:var(--ui-muted);
        font-size:.78rem;
}
body:has(.scp-ticket-edit) .attachment-preview-box {
    display:inline-flex;
        align-items:center;
        justify-content:center;
        width:96px;
        height:72px;
        border-radius:14px;
        background:#f8fafc;
        border:1px solid #e2e8f0;
        overflow:hidden;
}
body:has(.scp-ticket-edit) .attachment-preview-box img {
    max-width:100%;
        max-height:100%;
        object-fit:cover;
}
body:has(.scp-ticket-edit) .attachment-empty-preview {
    color:#94a3b8;
        font-size:1.1rem;
}
body:has(.scp-ticket-edit) .attachment-actions {
    display:flex;
        justify-content:flex-end;
        align-items:center;
        gap:.45rem;
}
body:has(.scp-ticket-edit) .attachment-open-btn, body:has(.scp-ticket-edit) .attachment-delete-btn {
    display:inline-flex;
        align-items:center;
        gap:.35rem;
        border-radius:999px;
}
@media (max-width: 991.98px) {
body:has(.scp-ticket-edit) .toolbar-card {
    padding:.9rem;
}
body:has(.scp-ticket-edit) .sticky-actions {
    bottom:.5rem;
}
body:has(.scp-ticket-edit) .attachment-intro {
    flex-direction:column;
            align-items:flex-start;
}
body:has(.scp-ticket-edit) .attachment-actions {
    justify-content:flex-start;
}

}


/* ─── ticket\index.blade.php [block 0] (scoped via .scp-ticket-index) ─── */
body:has(.scp-ticket-index) :root {
    --chip-bg:#f8fafc;
            --chip-border:#e5e7eb;
}
body:has(.scp-ticket-index) .toolbar-card {
    border:1px solid #eef0f2;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#fafbfe 100%);padding:.85rem 1rem
}
body:has(.scp-ticket-index) .btn-icon {
    display:inline-flex; align-items:center; gap:.4rem
}
/* Active filter chips */
body:has(.scp-ticket-index) #active-filters .badge {
    background:var(--chip-bg);border:1px solid var(--chip-border);color:#111827;font-weight:500;border-radius:.5rem
}
body:has(.scp-ticket-index) #tickets-table {
    width:100%
}
body:has(.scp-ticket-index) .dt-buttons .btn {
    margin-right:.35rem
}
@media (min-width: 992px) {
body:has(.scp-ticket-index) .filters-sticky {
    position: sticky; top: 1rem;
}

}
body:has(.scp-ticket-index) .btn-sm {
    padding: .5rem .2rem;
    font-size: .7rem;
    line-height: 1;
    border-radius: .2rem;
}
body:has(.scp-ticket-index) #column-picker-list {
    max-height:360px;overflow:auto
}
body:has(.scp-ticket-index) .column-picker-item {
    display:flex;align-items:center;gap:8px;padding:4px 0
}


/* ─── ticket\pipeline.blade.php [block 0] (scoped via .scp-ticket-pipeline) ─── */
body:has(.scp-ticket-pipeline) :root {
    --kanban-bg:#f6f7fb; --lane-bg:#fff; --lane-head:#ffffffE6; --lane-border:#e5e7eb; --card-border:#e8eaf0;
  --radius:14px; --shadow:0 6px 20px rgba(16,24,40,.06),0 1px 6px rgba(16,24,40,.04);
}
body:has(.scp-ticket-pipeline) {
    background:var(--kanban-bg)
}
body:has(.scp-ticket-pipeline) .kanban-wrap {
    display:flex; gap:12px; overflow-x:auto; padding:8px 4px;
}
body:has(.scp-ticket-pipeline) .kanban-lane {
    min-width:320px; max-width:360px; flex:0 0 auto; background:var(--lane-bg); border:1px solid var(--lane-border);
  border-radius:var(--radius); box-shadow:var(--shadow); display:flex; flex-direction:column; max-height:78vh
}
body:has(.scp-ticket-pipeline) .lane-head {
    position:sticky; top:64px; z-index:5; background:var(--lane-head); border-bottom:1px solid var(--lane-border);
  padding:10px 12px; backdrop-filter:saturate(180%) blur(6px); border-top-left-radius:var(--radius); border-top-right-radius:var(--radius)
}
body:has(.scp-ticket-pipeline) .lane-title {
    display:flex; align-items:center; justify-content:space-between; gap:8px
}
body:has(.scp-ticket-pipeline) .lane-title .name {
    font-weight:700; letter-spacing:.2px
}
body:has(.scp-ticket-pipeline) .lane-title .meta {
    font-size:.8rem; color:#6b7280
}
body:has(.scp-ticket-pipeline) .lane-color {
    height:3px; width:100%; border-radius:2px; margin-top:8px
}
body:has(.scp-ticket-pipeline) .lane-body {
    overflow:auto; padding:8px 8px 12px
}
body:has(.scp-ticket-pipeline) .kanban-card {
    border:1px solid var(--card-border); border-radius:12px; background:#fff; margin-bottom:10px; transition:transform .08s ease, box-shadow .2s ease
}
body:has(.scp-ticket-pipeline) .kanban-card:hover {
    transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.06)
}
body:has(.scp-ticket-pipeline) .card-top {
    display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-top-left-radius:12px; border-top-right-radius:12px; color:#fff
}
body:has(.scp-ticket-pipeline) .card-title {
    font-size:.95rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
body:has(.scp-ticket-pipeline) .card-body {
    padding:8px 10px
}
body:has(.scp-ticket-pipeline) .card-row {
    font-size:.85rem; color:#334155
}
body:has(.scp-ticket-pipeline) .card-row small {
    color:#6b7280
}
body:has(.scp-ticket-pipeline) .card-footer {
    display:flex; align-items:center; justify-content:space-between; padding:6px 10px 10px
}
body:has(.scp-ticket-pipeline) .badge-wip {
    font-size:.7rem
}
body:has(.scp-ticket-pipeline) .empty {
    border:1px dashed var(--lane-border); color:#94a3b8; background:#fafcff; border-radius:12px; padding:14px; text-align:center
}
body:has(.scp-ticket-pipeline) .draggable-handle {
    cursor:grab
}
body:has(.scp-ticket-pipeline) .draggable--is-dragging .kanban-card {
    opacity:.85
}
body:has(.scp-ticket-pipeline) .overdue {
    outline:2px solid #ef4444; outline-offset:1px
}


/* ─── ticket\showfull.blade.php [block 0] (scoped via .scp-ticket-showfull) ─── */
body:has(.scp-ticket-showfull) :root {
    --ui-bg: #f6f8fb;
        --ui-card: #ffffff;
        --ui-border: #e6eaf0;
        --ui-muted: #6b7280;
        --ui-primary: #2563eb;
        --ui-primary-600:#1d4ed8;
        --ui-primary-50:#eef2ff;
        --ui-danger:#ef4444;
        --ui-success:#16a34a;
        --ui-warning:#f59e0b;
        --ui-radius: 14px;
        --ui-shadow: 0 10px 28px rgba(2,6,23,.08), 0 2px 8px rgba(2,6,23,.05);
}
body:has(.scp-ticket-showfull) {
    background:var(--ui-bg)
}
/* Generic polish */
body:has(.scp-ticket-showfull) .card {
    border:1px solid var(--ui-border); border-radius:var(--ui-radius); box-shadow:var(--ui-shadow)
}
body:has(.scp-ticket-showfull) .card-light {
    background:linear-gradient(180deg,#fff 0%, #fafbff 100%)
}
body:has(.scp-ticket-showfull) .btn, body:has(.scp-ticket-showfull) .form-control, body:has(.scp-ticket-showfull) .form-select {
    border-radius:.55rem
}
body:has(.scp-ticket-showfull) .btn-sm {
    padding:.35rem .6rem; font-size:.8rem;
}
body:has(.scp-ticket-showfull) .badge {
    border-radius:.35rem
}
body:has(.scp-ticket-showfull) .text-muted {
    color:var(--ui-muted)!important
}
/* List + Checklist tweaks */
body:has(.scp-ticket-showfull) .done {
    text-decoration: line-through; color: #8b8f99
}
body:has(.scp-ticket-showfull) .list-group-numbered>.list-group-item::before {
    flex:0 0 12px; margin-right:10px; text-align:right
}
body:has(.scp-ticket-showfull) .list-group-item {
    padding:.5rem .75rem
}
body:has(.scp-ticket-showfull) .critical-blink {
    animation: blink 1s infinite
}
@keyframes blink {
 0%,100%{opacity:1} 50%{opacity:0} 
}
/* Stepper – compact, glossy arrows */
body:has(.scp-ticket-showfull) .stepper-nav-wrapper {
    overflow-x:auto; white-space:nowrap; padding-bottom:6px
}
body:has(.scp-ticket-showfull) .stepper-nav {
    display:flex; align-items:center; gap:6px; height:40px
}
body:has(.scp-ticket-showfull) .stepper-item {
    display:flex; align-items:center; height:40px; padding:6px 14px;
        background:linear-gradient(180deg,#eef2ff 0%, #e9edff 100%);
        border:1px solid #dfe5ff; color:var(--ui-primary);
        border-radius:6px; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
        transition:.2s ease-in-out;
}
body:has(.scp-ticket-showfull) .stepper-item:hover {
    filter:brightness(0.98)
}
body:has(.scp-ticket-showfull) .stepper-item .stepper-label {
    font-size:.82rem; font-weight:600; cursor:pointer
}
body:has(.scp-ticket-showfull) .stepper-item.completed {
    background:linear-gradient(180deg, var(--ui-primary) 0%, var(--ui-primary-600) 100%);
        color:#fff; border-color:transparent;
}
body:has(.scp-ticket-showfull) .stepper-item.current {
    background:linear-gradient(180deg, #3b82f6 0%, #2563eb 100%); color:#fff; border-color:transparent;
}
body:has(.scp-ticket-showfull) .stepper-item.pending {
    color:var(--ui-primary)
}
/* Toolbar glue */
body:has(.scp-ticket-showfull) .toolbar {
    background:transparent
}
body:has(.scp-ticket-showfull) .toolbar .btn {
    --bs-btn-padding-y:.35rem; --bs-btn-padding-x:.55rem
}
/* Sticky right column on xl+ */
@media (min-width:1200px) {
body:has(.scp-ticket-showfull) .sidebar-sticky {
    position:sticky; top:1rem
}

}
/* Tables */
/* File cards */
body:has(.scp-ticket-showfull) .file-thumb {
    height:150px; background:#f8fafc; display:flex; align-items:center; justify-content:center
}
/* Minor helpers */
body:has(.scp-ticket-showfull) .btn-ghost {
    background:#fff; border:1px solid var(--ui-border)
}


/* ─── ticket\partials\_quotation.blade.php [block 0] (scoped via .scp-ticket-partials--quotation) ─── */
body:has(.scp-ticket-partials--quotation) .ticket-quotation-card {
    margin-top: 1rem;
        border: 1px solid var(--ui-border, #e6eaf0);
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        box-shadow: var(--ui-shadow, 0 12px 30px rgba(2, 6, 23, .08), 0 2px 8px rgba(2, 6, 23, .05));
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-head {
    display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.1rem 1.25rem;
        border-bottom: 1px solid var(--ui-border, #e6eaf0);
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        border-radius: 16px 16px 0 0;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-title {
    display: flex;
        gap: .8rem;
        align-items: flex-start;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-title i {
    width: 2.2rem;
        height: 2.2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: .85rem;
        background: rgba(37, 99, 235, .1);
        color: #2563eb;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-title p {
    margin: .2rem 0 0;
        color: #64748b;
        font-size: .85rem;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-actions {
    display: flex;
        flex-wrap: wrap;
        gap: .6rem;
        justify-content: flex-end;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-toolbar {
    display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: .85rem 0 0;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-toolbar p {
    margin: 0;
        color: #64748b;
        font-size: .84rem;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-add {
    display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .55rem .95rem;
        border-radius: 999px;
        border: 1px solid #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        font-weight: 700;
        text-decoration: none;
}
@media (max-width: 991.98px) {
body:has(.scp-ticket-partials--quotation) .ticket-quotation-head, body:has(.scp-ticket-partials--quotation) .ticket-quotation-toolbar {
    flex-direction: column;
            align-items: stretch;
}
body:has(.scp-ticket-partials--quotation) .ticket-quotation-actions {
    justify-content: flex-start;
}

}


/* ─── timesheet\attendence_report.blade.php [block 0] (scoped via .scp-timesheet-attendence-report) ─── */
body:has(.scp-timesheet-attendence-report) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-timesheet-attendence-report) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-timesheet-attendence-report) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-timesheet-attendence-report) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── timesheet\bulkcreate.blade.php [block 0] (scoped via .scp-timesheet-bulkcreate) ─── */
body:has(.scp-timesheet-bulkcreate) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-timesheet-bulkcreate) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-timesheet-bulkcreate) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-timesheet-bulkcreate) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── timesheet\index.blade.php [block 0] (scoped via .scp-timesheet-index) ─── */
body:has(.scp-timesheet-index) :root {
    --ink: #0f172a;
            --muted: #64748b;
            --soft: #f8fafc;
            --line: #e5e7eb;
            --radius: 16px;
            --shadow: 0 12px 28px rgba(16, 24, 40, .08);
            --card: #ffffff;
}
body:has(.scp-timesheet-index) .toolbar-shell {
    background: radial-gradient(1200px 420px at 10% -10%, rgba(59, 130, 246, .12), transparent 60%),
                radial-gradient(1200px 420px at 90% -10%, rgba(16, 185, 129, .10), transparent 60%),
                linear-gradient(180deg, #fff 0%, var(--soft) 100%);
            border-bottom: 1px solid var(--line);
}
body:has(.scp-timesheet-index) .card-polish {
    border: 1px solid var(--line);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            background: var(--card);
}
body:has(.scp-timesheet-index) .muted {
    color: var(--muted);
}
body:has(.scp-timesheet-index) .chip {
    display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .25rem .6rem;
            border-radius: 999px;
            border: 1px solid var(--line);
            background: #fff;
            font-size: .78rem;
}
body:has(.scp-timesheet-index) .chart-card {
    border: 1px solid var(--line);
            border-radius: var(--radius);
            background: #fff;
            box-shadow: 0 10px 24px rgba(16, 24, 40, .05);
            padding: .9rem 1rem;
            height: 100%;
}
body:has(.scp-timesheet-index) .chart-wrap {
    position: relative;
            height: 260px;
}
body:has(.scp-timesheet-index) .chart-wrap.short {
    height: 240px;
}
body:has(.scp-timesheet-index) .rank-list .item {
    display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .55rem .65rem;
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #fff;
            margin-bottom: .5rem;
}
body:has(.scp-timesheet-index) .rank-list .name {
    font-weight: 600;
            color: var(--ink);
}
body:has(.scp-timesheet-index) .rank-list .hrs {
    font-weight: 800;
            color: var(--ink);
}
body:has(.scp-timesheet-index) .rank-list .sub {
    font-size: .78rem;
            color: var(--muted);
            margin-top: .1rem;
}
body:has(.scp-timesheet-index) .status-pill {
    border-radius: 999px;
            padding: .25rem .5rem;
            font-size: .75rem;
}
body:has(.scp-timesheet-index) .status-submitted {
    background: #e0f2fe;
            color: #075985;
}
body:has(.scp-timesheet-index) .status-approved {
    background: #dcfce7;
            color: #166534;
}
body:has(.scp-timesheet-index) .status-rejected {
    background: #fee2e2;
            color: #991b1b;
}


/* ─── timesheet\salary\index.blade.php [block 0] (scoped via .scp-timesheet-salary-index) ─── */
body:has(.scp-timesheet-salary-index) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-timesheet-salary-index) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-timesheet-salary-index) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-timesheet-salary-index) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── timesheet\salary\salary_details.blade.php [block 0] (scoped via .scp-timesheet-salary-salary-details) ─── */
body:has(.scp-timesheet-salary-salary-details) .input-sm {
    height: 32px;
      padding-left: 8px;
      padding-top: 5px;
      font-size: 12px;
      color: #B5B5C3;
      font-weight: 400;
}
body:has(.scp-timesheet-salary-salary-details) .card {
    border: 0;
      margin-top: 16px;
      box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
body:has(.scp-timesheet-salary-salary-details) input.form-control.form-control-solid.ps-10 {
    height: 35px !important;
}
body:has(.scp-timesheet-salary-salary-details) .position-relative.d-sm-inline-block {
    width: 157px;
}


/* ─── training\index.blade.php [block 0] (scoped via .scp-training-index) ─── */
body:has(.scp-training-index) :root {
    --mn-bg:#f6f7fb;
                --mn-card:#ffffff;
                --mn-ink:#0f172a;
                --mn-muted:#64748b;
                --mn-border:rgba(2,6,23,.08);
                --mn-shadow:rgba(2,6,23,.08) 0 12px 28px;
                --mn-radius: 1rem;
}
body:has(.scp-training-index) {
    background:
                    radial-gradient(1200px 600px at 18% -10%, rgba(37,99,235,.10), transparent 60%),
                    radial-gradient(900px 520px at 95% 0%, rgba(16,185,129,.10), transparent 55%),
                    var(--mn-bg);
}
body:has(.scp-training-index) .mn-hero {
    border: 1px solid var(--mn-border);
                border-radius: 1.25rem;
                background:
                    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
                    radial-gradient(900px 450px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
                    radial-gradient(700px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-training-index) .mn-title {
    font-weight: 800; letter-spacing: -0.02em; color: var(--mn-ink);
}
body:has(.scp-training-index) .mn-sub {
    color: var(--mn-muted); font-size: .92rem;
}
body:has(.scp-training-index) .mn-card {
    border: 1px solid var(--mn-border);
                border-radius: var(--mn-radius);
                background: var(--mn-card);
                box-shadow: var(--mn-shadow);
                overflow: hidden;
}
body:has(.scp-training-index) .mn-chip {
    border: 1px solid var(--mn-border);
                background: rgba(255,255,255,.75);
                border-radius: 999px;
                padding: .35rem .65rem;
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                white-space: nowrap;
}
body:has(.scp-training-index) .mn-chip .dot {
    width:.55rem;height:.55rem;border-radius:999px;display:inline-block;
}
body:has(.scp-training-index) .mn-btn {
    border-radius: .9rem;
}
body:has(.scp-training-index) .mn-iconbtn {
    border-radius: .85rem;
}
body:has(.scp-training-index) .mn-badge {
    border-radius: 999px;
                padding: .35rem .6rem;
                font-weight: 700;
                font-size: 12px;
                display: inline-flex;
                align-items: center;
                gap: .4rem;
                white-space: nowrap;
}
body:has(.scp-training-index) .subtle {
    color:#64748b; font-size:.85rem;
}
/* Fix old modal inline widths */
body:has(.scp-training-index) .modal-dialog.modal-lg-70 {
    max-width: 980px; width: calc(100% - 2rem);
}
@media (max-width: 575.98px) {
body:has(.scp-training-index) .mn-actions {
    width:100%;
}
body:has(.scp-training-index) .mn-actions .btn {
    flex:1;
}

}


/* ─── travelrequest\create.blade.php [block 0] (scoped via .scp-travelrequest-create) ─── */
body:has(.scp-travelrequest-create) .fvr-card {
    border:0;border-radius:10px;box-shadow:0 2px 16px rgba(0,0,0,.07)
}
body:has(.scp-travelrequest-create) .fvr-card .fvr-header {
    padding:.6rem 1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem
}
body:has(.scp-travelrequest-create) .fvr-body {
    padding:.85rem 1rem
}
body:has(.scp-travelrequest-create) .fvr-sec {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;margin-bottom:.75rem
}
body:has(.scp-travelrequest-create) .fvr-sec-title {
    font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.45rem
}
body:has(.scp-travelrequest-create) .fvr-card .form-label {
    margin-bottom:.15rem;font-size:.75rem;font-weight:600;color:#374151
}
body:has(.scp-travelrequest-create) .fvr-card .form-control-sm, body:has(.scp-travelrequest-create) .fvr-card .form-select-sm {
    font-size:.78rem;padding:.25rem .5rem
}
body:has(.scp-travelrequest-create) .required:after {
    content:" *";color:#dc2626
}
body:has(.scp-travelrequest-create) .chip {
    background:#eef2ff;border:1px dashed #c7d2fe;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;white-space:nowrap
}
body:has(.scp-travelrequest-create) .chip.green {
    background:#f0fdf4;border-color:#bbf7d0;color:#15803d
}
body:has(.scp-travelrequest-create) .sep {
    width:1px;height:18px;background:#e2e8f0;display:inline-block;margin:0 .25rem
}
/* visit table */
body:has(.scp-travelrequest-create) .vt {
    width:100%;border-collapse:collapse
}
body:has(.scp-travelrequest-create) .vt .sn {
    text-align:center;font-weight:700;color:#94a3b8;font-size:.8rem;vertical-align:middle;width:30px
}
body:has(.scp-travelrequest-create) .vt textarea, body:has(.scp-travelrequest-create) .vt input[type=number] {
    background:transparent!important;border:0!important;box-shadow:none!important;padding:2px!important;width:100%;font-size:.78rem;resize:none
}
body:has(.scp-travelrequest-create) .vt textarea:focus, body:has(.scp-travelrequest-create) .vt input[type=number]:focus {
    background:#fff!important;outline:1px solid #6366f1;border-radius:3px
}
body:has(.scp-travelrequest-create) .cost-pair {
    display:flex;gap:.3rem
}
body:has(.scp-travelrequest-create) .cost-pair input {
    flex:1;min-width:0;background:#f9fff9!important;border:1px solid #d1fae5!important;border-radius:4px!important;padding:2px 5px!important;font-size:.78rem;text-align:right
}
/* approval strip */
body:has(.scp-travelrequest-create) .ap-box {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;display:flex;flex-direction:column;gap:.2rem
}
body:has(.scp-travelrequest-create) .ap-box .ap-lbl {
    font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8
}
body:has(.scp-travelrequest-create) .ap-box .ap-val {
    font-size:.8rem;font-weight:600;color:#0f172a
}
body:has(.scp-travelrequest-create) .ap-box.green {
    border-color:#bbf7d0;background:#f0fdf4
}
body:has(.scp-travelrequest-create) .ap-box.green .ap-lbl {
    color:#16a34a
}
body:has(.scp-travelrequest-create) .fvr-ref {
    font-size:.67rem;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.45rem;text-align:center
}
/* stat pills */
body:has(.scp-travelrequest-create) .stat-pill {
    display:inline-flex;align-items:center;gap:.3rem;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;color:#4338ca
}


/* ─── travelrequest\edit.blade.php [block 0] (scoped via .scp-travelrequest-edit) ─── */
body:has(.scp-travelrequest-edit) .fvr-card {
    border:0;border-radius:10px;box-shadow:0 2px 16px rgba(0,0,0,.07)
}
body:has(.scp-travelrequest-edit) .fvr-card .fvr-header {
    padding:.6rem 1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem
}
body:has(.scp-travelrequest-edit) .fvr-body {
    padding:.85rem 1rem
}
body:has(.scp-travelrequest-edit) .fvr-sec {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;margin-bottom:.75rem
}
body:has(.scp-travelrequest-edit) .fvr-sec-title {
    font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.45rem
}
body:has(.scp-travelrequest-edit) .fvr-card .form-label {
    margin-bottom:.15rem;font-size:.75rem;font-weight:600;color:#374151
}
body:has(.scp-travelrequest-edit) .fvr-card .form-control-sm, body:has(.scp-travelrequest-edit) .fvr-card .form-select-sm {
    font-size:.78rem;padding:.25rem .5rem
}
body:has(.scp-travelrequest-edit) .required:after {
    content:" *";color:#dc2626
}
body:has(.scp-travelrequest-edit) .chip {
    background:#eef2ff;border:1px dashed #c7d2fe;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;white-space:nowrap
}
body:has(.scp-travelrequest-edit) .sep {
    width:1px;height:18px;background:#e2e8f0;display:inline-block;margin:0 .25rem
}
/* visit table */
body:has(.scp-travelrequest-edit) .vt {
    width:100%;border-collapse:collapse
}
body:has(.scp-travelrequest-edit) .vt .sn {
    text-align:center;font-weight:700;color:#94a3b8;font-size:.8rem;vertical-align:middle;width:30px
}
body:has(.scp-travelrequest-edit) .vt textarea, body:has(.scp-travelrequest-edit) .vt input[type=number] {
    background:transparent!important;border:0!important;box-shadow:none!important;padding:2px!important;width:100%;font-size:.78rem;resize:none
}
body:has(.scp-travelrequest-edit) .vt textarea:focus, body:has(.scp-travelrequest-edit) .vt input[type=number]:focus {
    background:#fff!important;outline:1px solid #6366f1;border-radius:3px
}
body:has(.scp-travelrequest-edit) .cost-pair {
    display:flex;gap:.3rem
}
body:has(.scp-travelrequest-edit) .cost-pair input {
    flex:1;min-width:0;background:#f9fff9!important;border:1px solid #d1fae5!important;border-radius:4px!important;padding:2px 5px!important;font-size:.78rem;text-align:right
}
body:has(.scp-travelrequest-edit) .ap-box {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;display:flex;flex-direction:column;gap:.2rem
}
body:has(.scp-travelrequest-edit) .ap-box .ap-lbl {
    font-size:.63rem;font-weight:700;text-transform:uppercase;color:#94a3b8
}
body:has(.scp-travelrequest-edit) .ap-box .ap-val {
    font-size:.8rem;font-weight:600;color:#0f172a
}
body:has(.scp-travelrequest-edit) .ap-box.green {
    border-color:#bbf7d0;background:#f0fdf4
}
body:has(.scp-travelrequest-edit) .ap-box.green .ap-lbl {
    color:#16a34a
}
body:has(.scp-travelrequest-edit) .fvr-ref {
    font-size:.67rem;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.45rem;text-align:center
}
body:has(.scp-travelrequest-edit) .stat-pill {
    display:inline-flex;align-items:center;gap:.3rem;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;color:#4338ca
}


/* ─── travelrequest\show.blade.php [block 0] (scoped via .scp-travelrequest-show) ─── */
body:has(.scp-travelrequest-show) .fvr-card {
    border:0;border-radius:10px;box-shadow:0 2px 16px rgba(0,0,0,.07)
}
body:has(.scp-travelrequest-show) .fvr-card .fvr-header {
    padding:.6rem 1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem
}
body:has(.scp-travelrequest-show) .fvr-body {
    padding:.85rem 1rem
}
body:has(.scp-travelrequest-show) .fvr-sec {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;margin-bottom:.75rem
}
body:has(.scp-travelrequest-show) .fvr-sec-title {
    font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.45rem
}
body:has(.scp-travelrequest-show) .fvr-lbl {
    font-size:.72rem;font-weight:600;color:#64748b;margin-bottom:.1rem
}
body:has(.scp-travelrequest-show) .fvr-val {
    font-size:.85rem;color:#0f172a;font-weight:500
}
body:has(.scp-travelrequest-show) .sep {
    width:1px;height:18px;background:#e2e8f0;display:inline-block;margin:0 .25rem
}
body:has(.scp-travelrequest-show) .chip {
    background:#eef2ff;border:1px dashed #c7d2fe;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;white-space:nowrap
}
body:has(.scp-travelrequest-show) .chip.green {
    background:#f0fdf4;border-color:#bbf7d0;color:#15803d
}
/* status badges */
body:has(.scp-travelrequest-show) .s-pending {
    background:#fef9c3;color:#854d0e;border:1px solid #fde68a;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700
}
body:has(.scp-travelrequest-show) .s-approved {
    background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700
}
body:has(.scp-travelrequest-show) .s-rejected {
    background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700
}
/* visit table */
body:has(.scp-travelrequest-show) .vt {
    width:100%;border-collapse:collapse
}
body:has(.scp-travelrequest-show) .vt .sn {
    text-align:center;font-weight:700;color:#94a3b8;width:30px
}
/* approval strip */
body:has(.scp-travelrequest-show) .ap-box {
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.55rem .8rem;display:flex;flex-direction:column;gap:.2rem
}
body:has(.scp-travelrequest-show) .ap-box .ap-lbl {
    font-size:.63rem;font-weight:700;text-transform:uppercase;color:#94a3b8
}
body:has(.scp-travelrequest-show) .ap-box .ap-val {
    font-size:.82rem;font-weight:600;color:#0f172a
}
body:has(.scp-travelrequest-show) .ap-box.green {
    border-color:#bbf7d0;background:#f0fdf4
}
body:has(.scp-travelrequest-show) .ap-box.green .ap-lbl {
    color:#16a34a
}
body:has(.scp-travelrequest-show) .fvr-ref {
    font-size:.67rem;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.45rem;text-align:center
}


/* ─── userdetails\edit.blade.php [block 0] (scoped via .scp-userdetails-edit) ─── */
/* ============================================
           PENDING CHANGES ALERT - ENHANCED
           ============================================ */
body:has(.scp-userdetails-edit) .pending-changes-alert {
    background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-warning-bg-subtle) 100%);
            border: 2px solid var(--bs-warning);
            border-radius: 12px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            box-shadow: 0 4px 12px rgba(var(--bs-warning-rgb), 0.2);
            animation: slideDown 0.4s ease-out;
}
@keyframes slideDown {

            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        
}
body:has(.scp-userdetails-edit) .pending-changes-header {
    display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
}
body:has(.scp-userdetails-edit) .pending-badge {
    display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--bs-warning);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 50px;
            font-weight: 600;
            font-size: 0.875rem;
            animation: pulse 2s infinite;
}
body:has(.scp-userdetails-edit) .pending-badge i {
    font-size: 1.2rem;
            animation: bell-ring 1s ease-in-out infinite;
}
@keyframes bell-ring {

            0%, 100% { transform: rotate(0deg); }
            10%, 30% { transform: rotate(14deg); }
            20%, 40% { transform: rotate(-14deg); }
        
}
@keyframes pulse {

            0%, 100% {
                box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7);
            }
            50% {
                box-shadow: 0 0 0 8px rgba(255, 152, 0, 0);
            }
        
}
body:has(.scp-userdetails-edit) .pending-changes-info {
    display: flex;
            align-items: center;
            gap: 1.5rem;
            flex-wrap: wrap;
}
body:has(.scp-userdetails-edit) .pending-stat {
    display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.875rem;
            color: var(--bs-warning-text-emphasis);
}
body:has(.scp-userdetails-edit) .pending-stat i {
    color: var(--bs-warning);
            font-size: 1.1rem;
}
body:has(.scp-userdetails-edit) .pending-actions {
    display: flex;
            gap: 0.75rem;
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px dashed var(--bs-warning);
}
body:has(.scp-userdetails-edit) .btn-approve {
    background: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-success) 100%);
            color: white;
            border: none;
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(var(--bs-success-rgb), 0.3);
}
body:has(.scp-userdetails-edit) .btn-approve:hover {
    background: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-success) 100%);
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(var(--bs-success-rgb), 0.4);
            color: white;
}
body:has(.scp-userdetails-edit) .btn-reject {
    background: linear-gradient(135deg, var(--bs-danger) 0%, var(--bs-danger) 100%);
            color: white;
            border: none;
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(var(--bs-danger-rgb), 0.3);
}
body:has(.scp-userdetails-edit) .btn-reject:hover {
    background: linear-gradient(135deg, var(--bs-danger) 0%, var(--bs-danger) 100%);
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(var(--bs-danger-rgb), 0.4);
            color: white;
}
body:has(.scp-userdetails-edit) .btn-view-changes {
    background: var(--bs-body-bg);
            color: var(--bs-warning-text-emphasis);
            border: 2px solid var(--bs-warning);
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
}
body:has(.scp-userdetails-edit) .btn-view-changes:hover {
    background: var(--bs-warning-bg-subtle);
            border-color: var(--bs-warning);
            color: var(--bs-warning-text-emphasis);
}
/* Changes Summary Modal */
body:has(.scp-userdetails-edit) .changes-modal {
    position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            animation: fadeIn 0.3s ease;
}
body:has(.scp-userdetails-edit) .changes-modal.active {
    display: flex;
}
body:has(.scp-userdetails-edit) .changes-modal-content {
    background: var(--bs-body-bg);
            border-radius: 12px;
            max-width: 800px;
            width: 90%;
            max-height: 80vh;
            overflow-y: auto;
            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
            animation: slideUp 0.3s ease;
}
@keyframes fadeIn {

            from { opacity: 0; }
            to { opacity: 1; }
        
}
@keyframes slideUp {

            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        
}
body:has(.scp-userdetails-edit) .changes-modal-header {
    padding: 1.5rem;
            border-bottom: 2px solid var(--bs-border-color);
            display: flex;
            justify-content: space-between;
            align-items: center;
}
body:has(.scp-userdetails-edit) .changes-modal-body {
    padding: 1.5rem;
}
body:has(.scp-userdetails-edit) .change-item {
    background: var(--bs-light);
            border-left: 4px solid var(--bs-warning);
            padding: 1rem;
            margin-bottom: 1rem;
            border-radius: 4px;
}
body:has(.scp-userdetails-edit) .change-item-header {
    font-weight: 600;
            color: var(--bs-body-color);
            margin-bottom: 0.5rem;
}
body:has(.scp-userdetails-edit) .change-comparison {
    display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 1rem;
            align-items: center;
            margin-top: 0.5rem;
}
body:has(.scp-userdetails-edit) .old-value {
    background: var(--bs-danger-bg-subtle);
            padding: 0.5rem;
            border-radius: 4px;
            border: 1px solid var(--bs-danger-border-subtle);
}
body:has(.scp-userdetails-edit) .new-value {
    background: var(--bs-success-bg-subtle);
            padding: 0.5rem;
            border-radius: 4px;
            border: 1px solid var(--bs-success-border-subtle);
}
/* ============================================
           TAB SYSTEM - MODERN DESIGN
           ============================================ */
body:has(.scp-userdetails-edit) .nav-tabs {
    border-bottom: 3px solid #1a73e8;
            gap: 4px;
            background: #f0f4ff;
            padding: 12px 15px 0;
            border-radius: 10px 10px 0 0;
            flex-wrap: nowrap;
            overflow-x: auto;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-item {
    margin-bottom: -3px;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link {
    color: #444;
            font-weight: 600;
            padding: 10px 18px;
            text-transform: uppercase;
            border: 2px solid transparent;
            border-bottom: none;
            background: #dce6f9;
            transition: all 0.2s ease-in-out;
            border-radius: 8px 8px 0 0;
            font-size: 0.8rem;
            white-space: nowrap;
            position: relative;
            letter-spacing: 0.03em;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link.active {
    color: #1a73e8;
            border: 2px solid #1a73e8;
            border-bottom: 3px solid #fff;
            background: #fff;
            font-weight: 700;
            box-shadow: 0 -2px 6px rgba(26,115,232,0.12);
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link:hover:not(.active) {
    color: #1a73e8;
            background: #c5d8f8;
            border-color: #a0bef5;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link .badge {
    font-size: 0.72rem;
            font-weight: bold;
            padding: 3px 7px;
            margin-left: 6px;
            border-radius: 10px;
}
/* Badge for changed fields in tabs */
body:has(.scp-userdetails-edit) .nav-tabs .nav-link .changes-indicator {
    position: absolute;
            top: 5px;
            right: 5px;
            width: 8px;
            height: 8px;
            background: #f59e0b;
            border-radius: 50%;
            animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {

            0%, 100% {
                opacity: 1;
                transform: scale(1);
            }
            50% {
                opacity: 0.5;
                transform: scale(1.2);
            }
        
}
body:has(.scp-userdetails-edit) .tab-content {
    background: var(--bs-body-bg);
            padding: 30px;
            border: 1px solid var(--bs-border-color);
            border-top: none;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* ============================================
           FILE UPLOAD SYSTEM - ENHANCED
           ============================================ */
body:has(.scp-userdetails-edit) .lfm-btn {
    display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: var(--bs-primary);
            color: #fff;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: 500;
            transition: all 0.2s;
}
body:has(.scp-userdetails-edit) .lfm-btn:hover {
    background: var(--bs-primary);
            transform: translateY(-1px);
            box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), 0.3);
}
body:has(.scp-userdetails-edit) .lfm-btn i {
    font-size: 1rem;
}
body:has(.scp-userdetails-edit) .file-preview {
    margin-top: 10px;
            padding: 10px;
            background: var(--bs-light);
            border-radius: 6px;
            border: 1px solid var(--bs-border-color);
}
body:has(.scp-userdetails-edit) .file-preview img {
    max-width: 150px;
            max-height: 150px;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
body:has(.scp-userdetails-edit) .file-preview a {
    color: var(--bs-primary);
            text-decoration: none;
            font-weight: 500;
}
body:has(.scp-userdetails-edit) .file-preview a:hover {
    text-decoration: underline;
}
/* ============================================
           FORM IMPROVEMENTS
           ============================================ */
body:has(.scp-userdetails-edit) .form-label {
    font-weight: 600;
            color: var(--bs-body-color);
            margin-bottom: 0.5rem;
            font-size: 0.875rem;
}
body:has(.scp-userdetails-edit) .form-control, body:has(.scp-userdetails-edit) .form-select {
    border-radius: 6px;
            border: 1px solid var(--bs-border-color);
            padding: 0.6rem 0.75rem;
            transition: all 0.2s;
}
body:has(.scp-userdetails-edit) .form-control:focus, body:has(.scp-userdetails-edit) .form-select:focus {
    border-color: var(--bs-primary);
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);
}
/* Section Headers */
body:has(.scp-userdetails-edit) .section-header {
    font-size: 1.25rem;
            font-weight: 700;
            color: var(--bs-body-color);
            margin: 2rem 0 1.5rem;
            padding-bottom: 0.75rem;
            border-bottom: 2px solid var(--bs-border-color);
            display: flex;
            align-items: center;
            gap: 0.75rem;
}
body:has(.scp-userdetails-edit) .section-header i {
    color: var(--bs-primary);
            font-size: 1.4rem;
}
/* Changed Field Indicator - ENHANCED */
body:has(.scp-userdetails-edit) .field-changed {
    display: inline-flex;
            align-items: center;
            gap: 4px;
            background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-warning-bg-subtle) 100%);
            color: var(--bs-warning-text-emphasis);
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-left: 8px;
            border: 1px solid var(--bs-warning);
            animation: glow 2s infinite;
}
body:has(.scp-userdetails-edit) .field-changed i {
    font-size: 0.8rem;
}
@keyframes glow {

            0%, 100% {
                box-shadow: 0 0 5px rgba(255, 193, 7, 0.3);
            }
            50% {
                box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
            }
        
}
/* Highlight changed form fields */
body:has(.scp-userdetails-edit) .form-control.has-changes, body:has(.scp-userdetails-edit) .form-select.has-changes {
    border-left: 4px solid var(--bs-warning);
            background: var(--bs-warning-bg-subtle);
}
/* ============================================
           TABLES
           ============================================ */
/* ============================================
           BUTTONS
           ============================================ */
body:has(.scp-userdetails-edit) .btn-add-more {
    background: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-success) 100%);
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 6px;
            font-weight: 600;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 2px 8px rgba(var(--bs-success-rgb), 0.3);
}
body:has(.scp-userdetails-edit) .btn-add-more:hover {
    background: linear-gradient(135deg, var(--bs-success) 0%, var(--bs-success) 100%);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(var(--bs-success-rgb), 0.4);
}
body:has(.scp-userdetails-edit) .btn-delete {
    background: var(--bs-danger);
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.2s;
}
body:has(.scp-userdetails-edit) .btn-delete:hover {
    background: var(--bs-danger);
            transform: scale(1.05);
}
/* ============================================
           EMPLOYMENT CARDS
           ============================================ */
body:has(.scp-userdetails-edit) .employment-card {
    background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-body-bg) 100%);
            border: 1px solid var(--bs-border-color);
            border-radius: 8px;
            padding: 1.25rem;
            margin-bottom: 1rem;
            transition: all 0.2s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
body:has(.scp-userdetails-edit) .employment-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transform: translateY(-2px);
}
body:has(.scp-userdetails-edit) .employment-card .row {
    margin-bottom: 0.5rem;
}
body:has(.scp-userdetails-edit) .employment-card .col-md-5 {
    font-weight: 600;
            color: var(--bs-body-color);
}
/* ============================================
           DOCUMENT TABLE
           ============================================ */
/* ============================================
           RESPONSIVE
           ============================================ */
@media (max-width: 768px) {
body:has(.scp-userdetails-edit) .nav-tabs {
    flex-wrap: wrap;
                gap: 3px;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link {
    padding: 8px 12px;
                font-size: 0.75rem;
}
body:has(.scp-userdetails-edit) .tab-content {
    padding: 15px;
}
body:has(.scp-userdetails-edit) .pending-changes-info {
    flex-direction: column;
                align-items: flex-start;
}
body:has(.scp-userdetails-edit) .pending-actions {
    flex-direction: column;
}
body:has(.scp-userdetails-edit) .change-comparison {
    grid-template-columns: 1fr;
                gap: 0.5rem;
}

}
/* ============================================
           UTILITIES
           ============================================ */
body:has(.scp-userdetails-edit) .input-group-lfm {
    display: flex;
            gap: 8px;
            align-items: start;
}
body:has(.scp-userdetails-edit) .input-group-lfm .form-control {
    flex: 1;
}
body:has(.scp-userdetails-edit) .file-hidden {
    display: none !important;
}
/* Smooth scroll behavior */
body:has(.scp-userdetails-edit) {
    scroll-behavior: smooth;
}
/* Loading overlay for AJAX operations */
body:has(.scp-userdetails-edit) .form-loading {
    position: relative;
            pointer-events: none;
            opacity: 0.6;
}
body:has(.scp-userdetails-edit) .form-loading::after {
    content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            border: 4px solid var(--bs-light);
            border-top: 4px solid var(--bs-primary);
            border-radius: 50%;
            animation: spin 1s linear infinite;
}
@keyframes spin {

            0% { transform: translate(-50%, -50%) rotate(0deg); }
            100% { transform: translate(-50%, -50%) rotate(360deg); }
        
}
/* ============================================
           COMPACT LAYOUT
           ============================================ */
body:has(.scp-userdetails-edit) .tab-content {
    padding: 16px 20px;
}
body:has(.scp-userdetails-edit) .form-label {
    font-size: 0.78rem;
            font-weight: 600;
            margin-bottom: 2px;
            margin-top: 0 !important;
}
body:has(.scp-userdetails-edit) .form-control, body:has(.scp-userdetails-edit) .form-select {
    padding: 0.3rem 0.55rem;
            font-size: 0.82rem;
}
body:has(.scp-userdetails-edit) .col-md-4, body:has(.scp-userdetails-edit) .col-md-3, body:has(.scp-userdetails-edit) .col-md-6, body:has(.scp-userdetails-edit) .col-md-12 {
    padding-top: 6px;
            padding-bottom: 2px;
}
body:has(.scp-userdetails-edit) .row {
    margin-bottom: 0 !important;
}
body:has(.scp-userdetails-edit) .section-header {
    font-size: 0.95rem;
            margin: 1rem 0 0.6rem;
            padding-bottom: 0.4rem;
}
body:has(.scp-userdetails-edit) .section-header i {
    font-size: 1rem;
}
body:has(.scp-userdetails-edit) .pending-changes-alert {
    padding: 0.75rem 1rem;
            margin-bottom: 1rem;
            border-radius: 8px;
}
body:has(.scp-userdetails-edit) .pending-changes-header {
    margin-bottom: 0.4rem;
}
body:has(.scp-userdetails-edit) .pending-badge {
    padding: 0.3rem 0.75rem;
            font-size: 0.78rem;
}
body:has(.scp-userdetails-edit) .pending-actions {
    margin-top: 0.5rem;
            padding-top: 0.5rem;
            gap: 0.5rem;
}
body:has(.scp-userdetails-edit) .btn-approve, body:has(.scp-userdetails-edit) .btn-reject, body:has(.scp-userdetails-edit) .btn-view-changes {
    padding: 0.4rem 1rem;
            font-size: 0.82rem;
}
body:has(.scp-userdetails-edit) .employment-card {
    padding: 0.75rem 1rem;
            margin-bottom: 0.5rem;
}
body:has(.scp-userdetails-edit) .btn-add-more {
    padding: 6px 14px;
            font-size: 0.82rem;
}
body:has(.scp-userdetails-edit) .nav-tabs {
    padding: 8px 12px 0;
            gap: 3px;
}
body:has(.scp-userdetails-edit) .nav-tabs .nav-link {
    padding: 7px 14px;
            font-size: 0.75rem;
}
body:has(.scp-userdetails-edit) .mt-4 {
    margin-top: 0.5rem !important;
}
body:has(.scp-userdetails-edit) .mt-3 {
    margin-top: 0.4rem !important;
}
body:has(.scp-userdetails-edit) .mb-3 {
    margin-bottom: 0.4rem !important;
}


/* ─── users\attedance_calendar.blade.php [block 0] (scoped via .scp-users-attedance-calendar) ─── */
body:has(.scp-users-attedance-calendar) :root {
    --ac-bg: var(--bs-body-bg);
      --ac-ink: var(--bs-body-color);
      --ac-muted: var(--bs-secondary);
      --ac-brand: var(--bs-primary);
      --ac-indigo: var(--bs-primary);
      --ac-success: var(--bs-success);
      --ac-warn: var(--bs-warning);
      --ac-danger: var(--bs-danger);
      --ac-radius: 1rem;
      --ac-shadow: 0 4px 24px rgba(15,23,42,.08);
      --ac-border: var(--bs-border-color);
}
body:has(.scp-users-attedance-calendar) {
    background: var(--ac-bg); color: var(--ac-ink);
}
/* ── Toolbar ── */
body:has(.scp-users-attedance-calendar) .ac-toolbar {
    position: sticky; top: 0;
      background: var(--bs-body-bg);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--ac-border);
      box-shadow: 0 2px 12px rgba(15,23,42,.06);
}
/* ── Card ── */
body:has(.scp-users-attedance-calendar) .ac-card {
    background: var(--bs-body-bg);
      border: 1px solid var(--ac-border);
      border-radius: var(--ac-radius);
      box-shadow: var(--ac-shadow);
      overflow: hidden;
}
body:has(.scp-users-attedance-calendar) .ac-card-header {
    padding: 14px 18px;
      border-bottom: 1px solid var(--ac-border);
      display: flex; align-items: center; justify-content: space-between;
      background: var(--bs-light);
}
body:has(.scp-users-attedance-calendar) .ac-card-title {
    margin: 0; font-weight: 700; font-size: .92rem; color: var(--ac-ink);
      display: flex; align-items: center; gap: 8px;
}
body:has(.scp-users-attedance-calendar) .ac-icon-wrap {
    width: 30px; height: 30px; border-radius: 8px;
      display: inline-flex; align-items: center; justify-content: center;
      font-size: .88rem;
}
/* ── Employee badge ── */
body:has(.scp-users-attedance-calendar) .emp-hero {
    display: flex; align-items: center; gap: 12px;
}
body:has(.scp-users-attedance-calendar) .emp-hero-avatar {
    width: 42px; height: 42px; border-radius: 12px;
      object-fit: cover; border: 2px solid var(--bs-border-color);
      background: var(--bs-light); flex-shrink: 0;
}
body:has(.scp-users-attedance-calendar) .emp-hero-name {
    font-weight: 700; font-size: 1rem; color: var(--ac-ink); line-height: 1.2;
}
body:has(.scp-users-attedance-calendar) .emp-hero-sub {
    font-size: .73rem; color: var(--ac-muted);
}
/* ── Chip / badge ── */
body:has(.scp-users-attedance-calendar) .ac-chip {
    display: inline-flex; align-items: center; gap: 6px;
      padding: 5px 12px; border-radius: 999px;
      font-size: .76rem; font-weight: 600;
}
body:has(.scp-users-attedance-calendar) .ac-chip-blue {
    background: var(--bs-light); color: var(--bs-primary);
}
body:has(.scp-users-attedance-calendar) .ac-chip-gray {
    background: var(--bs-light); color: var(--bs-secondary);
}
body:has(.scp-users-attedance-calendar) .ac-chip-green {
    background: var(--bs-light); color: var(--bs-success);
}
body:has(.scp-users-attedance-calendar) .ac-chip-orange {
    background: var(--bs-light); color: var(--bs-warning);
}
/* ── Buttons ── */
body:has(.scp-users-attedance-calendar) .btn-ac {
    border-radius: 9px; font-size: .82rem; font-weight: 600; padding: 7px 14px;
}
body:has(.scp-users-attedance-calendar) .btn-ac-pill {
    border-radius: 999px !important;
}
/* ── Filter dropdown ── */
body:has(.scp-users-attedance-calendar) .ac-filter-menu {
    border: none !important;
      border-radius: 12px !important;
      box-shadow: 0 12px 40px rgba(15,23,42,.14) !important;
      padding: 0 !important; overflow: hidden;
}
body:has(.scp-users-attedance-calendar) .ac-filter-menu .filter-header {
    padding: 14px 18px 10px;
      font-weight: 700; font-size: .88rem; color: var(--ac-ink);
      border-bottom: 1px solid var(--ac-border);
      background: var(--bs-light);
}
body:has(.scp-users-attedance-calendar) .ac-filter-menu .filter-body {
    padding: 14px 16px 16px;
}
body:has(.scp-users-attedance-calendar) .ac-filter-menu .form-label {
    font-size: .73rem; font-weight: 600; text-transform: uppercase;
      letter-spacing: .4px; color: var(--ac-muted); margin-bottom: 4px;
}
body:has(.scp-users-attedance-calendar) .ac-filter-menu .form-control {
    border-radius: 9px; font-size: .86rem; border: 1.5px solid var(--bs-border-color);
}
body:has(.scp-users-attedance-calendar) .ac-filter-menu .form-control:focus {
    border-color: var(--ac-brand); box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
/* ── Legend ── */
body:has(.scp-users-attedance-calendar) .ac-legend {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
      padding: 8px 16px; font-size: .73rem;
      border-bottom: 1px solid var(--ac-border); background: var(--bs-light);
}
body:has(.scp-users-attedance-calendar) .ac-legend-label {
    font-weight: 700; text-transform: uppercase;
      letter-spacing: .4px; color: var(--ac-muted); font-size: .68rem;
}
body:has(.scp-users-attedance-calendar) .legend-dot {
    width: 10px; height: 10px; border-radius: 3px;
      display: inline-block; flex-shrink: 0;
}
body:has(.scp-users-attedance-calendar) .legend-item {
    display: flex; align-items: center; gap: 5px; color: var(--bs-body-color); font-weight: 500;
}
/* ── FullCalendar overrides ── */
body:has(.scp-users-attedance-calendar) .ac-cal-wrap {
    padding: 16px;
}
/* Calendar container */
body:has(.scp-users-attedance-calendar) .fc {
    background: var(--bs-body-bg);
      color: var(--bs-body-color);
}
/* Calendar borders */
body:has(.scp-users-attedance-calendar) .fc .fc-scrollgrid {
    border: 1px solid var(--ac-border) !important;
}
/* Header toolbar */
body:has(.scp-users-attedance-calendar) .fc .fc-toolbar-title {
    font-size: 1.1rem !important; font-weight: 700 !important; color: var(--ac-ink) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-button {
    border-radius: 8px !important; font-size: .78rem !important;
      font-weight: 600 !important; text-transform: capitalize !important;
      border: none !important; padding: 6px 12px !important;
      background: var(--bs-light) !important; color: var(--bs-body-color) !important;
      box-shadow: none !important;
      transition: background .15s, color .15s !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-button:hover {
    background: var(--bs-secondary-bg) !important; color: var(--bs-body-color) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-button-active, body:has(.scp-users-attedance-calendar) .fc .fc-button-primary:not(:disabled).fc-button-active {
    background: linear-gradient(135deg, var(--ac-brand), var(--ac-indigo)) !important;
      color: #fff !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-button-primary:focus, body:has(.scp-users-attedance-calendar) .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.2) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-today-button {
    background: linear-gradient(135deg, var(--ac-brand), var(--ac-indigo)) !important;
      color: #fff !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-toolbar {
    gap: 8px; flex-wrap: wrap;
}
/* Day grid */
body:has(.scp-users-attedance-calendar) .fc .fc-col-header-cell-cushion {
    font-size: .73rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: .4px;
      color: var(--ac-muted); padding: 8px 4px;
}
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-day-number {
    font-size: .78rem; font-weight: 600; color: var(--bs-body-color); padding: 6px 8px;
}
body:has(.scp-users-attedance-calendar) .fc .fc-day-today {
    background: rgba(var(--bs-primary-rgb), 0.05) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-day-today .fc-daygrid-day-number {
    background: linear-gradient(135deg, var(--ac-brand), var(--ac-indigo));
      color: #fff; border-radius: 6px;
      width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;
}
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-day-frame {
    min-height: 72px;
}
/* Day cells background */
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-day {
    background: var(--bs-body-bg) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-day:hover {
    background: var(--bs-secondary-bg) !important;
}
/* Week header background */
body:has(.scp-users-attedance-calendar) .fc .fc-col-header {
    background: var(--bs-light) !important;
      border-bottom: 1px solid var(--ac-border) !important;
}
/* Events */
body:has(.scp-users-attedance-calendar) .fc .fc-event {
    border-radius: 6px !important; border: none !important;
      font-size: .72rem !important; font-weight: 600 !important;
      padding: 2px 6px !important; cursor: pointer !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-event .fc-event-title {
    white-space: nowrap; overflow: hidden;
      text-overflow: ellipsis; max-width: 100%;
      display: inline-block; vertical-align: bottom;
}
body:has(.scp-users-attedance-calendar) .fc .fc-more-link {
    font-size: .68rem !important; font-weight: 700 !important; color: var(--ac-brand) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-popover {
    border-radius: 10px !important; border: 1px solid var(--ac-border) !important;
      box-shadow: 0 8px 24px rgba(15,23,42,.12) !important;
      background: var(--bs-body-bg) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-popover-header {
    font-size: .78rem !important; font-weight: 700 !important;
      background: var(--bs-light) !important;
      border-bottom: 1px solid var(--ac-border) !important;
      border-radius: 10px 10px 0 0 !important;
}
/* Week numbers */
body:has(.scp-users-attedance-calendar) .fc .fc-daygrid-week-number {
    font-size: .65rem; font-weight: 700; color: var(--ac-muted);
      background: var(--bs-light); border-radius: 4px; padding: 2px 5px;
}
/* List view */
body:has(.scp-users-attedance-calendar) .fc .fc-list-day-text, body:has(.scp-users-attedance-calendar) .fc .fc-list-day-side-text {
    font-size: .78rem; font-weight: 700;
}
/* Time grid (week/day view) */
body:has(.scp-users-attedance-calendar) .fc .fc-timegrid-slot {
    background: var(--bs-body-bg) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-timegrid-slot:hover {
    background: var(--bs-secondary-bg) !important;
}
body:has(.scp-users-attedance-calendar) .fc .fc-timegrid-axis {
    background: var(--bs-light) !important;
}
/* ── Modals ── */
body:has(.scp-users-attedance-calendar) .ac-modal .modal-content {
    border: none; border-radius: var(--ac-radius);
      box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-header {
    padding: 16px 20px; border-bottom: 1px solid var(--ac-border);
      border-radius: var(--ac-radius) var(--ac-radius) 0 0;
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-header.grad-blue {
    background: linear-gradient(135deg, var(--ac-brand), var(--ac-indigo));
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-header.grad-orange {
    background: linear-gradient(135deg, var(--ac-warn), var(--ac-danger));
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-title {
    color: #fff; font-weight: 700; font-size: .92rem;
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-header .btn-close {
    filter: brightness(0) invert(1); opacity: .8;
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-body {
    padding: 20px;
}
body:has(.scp-users-attedance-calendar) .ac-modal .modal-footer {
    padding: 12px 20px; border-top: 1px solid var(--ac-border);
      background: var(--bs-light); border-radius: 0 0 var(--ac-radius) var(--ac-radius);
}
body:has(.scp-users-attedance-calendar) .ac-modal .form-label {
    font-size: .75rem; font-weight: 600; text-transform: uppercase;
      letter-spacing: .4px; color: var(--ac-muted); margin-bottom: 4px;
}
body:has(.scp-users-attedance-calendar) .ac-modal .form-control, body:has(.scp-users-attedance-calendar) .ac-modal .form-select {
    border-radius: 9px; font-size: .87rem; border: 1.5px solid var(--bs-border-color);
}
body:has(.scp-users-attedance-calendar) .ac-modal .form-control:focus, body:has(.scp-users-attedance-calendar) .ac-modal .form-select:focus {
    border-color: var(--ac-brand); box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
body:has(.scp-users-attedance-calendar) .ac-date-badge {
    display: inline-flex; align-items: center; gap: 6px;
      padding: 6px 12px; border-radius: 8px; background: var(--bs-light);
      font-size: .82rem; font-weight: 600; color: var(--bs-body-color); margin-bottom: 14px;
}


/* ─── users\create.blade.php [block 0] (scoped via .scp-users-create) ─── */
body:has(.scp-users-create) .user-form-hero {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 60%, #f3f0ff 100%);
            border-bottom: 1px solid #e2e8f0;
            padding: 28px 32px 24px;
            margin-bottom: 0;
}
body:has(.scp-users-create) .user-form-hero .hero-icon-wrap {
    width: 56px; height: 56px;
            background: linear-gradient(135deg, #4f6ef7, #7c5cfa);
            border-radius: 16px;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 4px 14px rgba(79,110,247,0.35);
            flex-shrink: 0;
}
body:has(.scp-users-create) .user-form-hero .hero-icon-wrap i {
    font-size: 26px; color: #fff;
}
body:has(.scp-users-create) .user-form-hero h1 {
    font-size: 1.4rem; font-weight: 700; color: #1a202c; margin: 0 0 2px;
}
body:has(.scp-users-create) .user-form-hero .hero-sub {
    font-size: 0.82rem; color: #64748b; margin: 0;
}
body:has(.scp-users-create) .user-form-hero .breadcrumb {
    background: transparent; margin: 0; padding: 0;
}
body:has(.scp-users-create) .user-form-hero .breadcrumb-item a {
    color: #4f6ef7; font-size: 0.78rem;
}
body:has(.scp-users-create) .user-form-hero .breadcrumb-item.active {
    font-size: 0.78rem; color: #64748b;
}
/* Alert improvements */
body:has(.scp-users-create) .alert-validation {
    border: none;
            border-left: 4px solid #f56565;
            background: #fff5f5;
            border-radius: 10px;
            padding: 14px 18px;
            color: #742a2a;
}
body:has(.scp-users-create) .alert-validation .fw-bold {
    color: #c53030; font-size: 0.85rem;
}
body:has(.scp-users-create) .alert-validation ul {
    margin: 6px 0 0 16px; font-size: 0.82rem;
}
body:has(.scp-users-create) .alert-info-session {
    border: none;
            border-left: 4px solid #4299e1;
            background: #ebf8ff;
            border-radius: 10px;
            padding: 12px 18px;
            color: #2c5282;
            font-size: 0.84rem;
}
/* Main form card */
body:has(.scp-users-create) .user-form-card {
    border: none;
            border-radius: 16px;
            box-shadow: 0 2px 24px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.04);
            overflow: hidden;
}
body:has(.scp-users-create) .user-form-card .card-body {
    padding: 0;
}
/* Action footer */
body:has(.scp-users-create) .form-action-bar {
    background: #f8fafc;
            border-top: 1px solid #e8edf4;
            padding: 16px 28px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 10px;
            border-radius: 0 0 16px 16px;
}
body:has(.scp-users-create) .btn-create-user {
    background: linear-gradient(135deg, #4f6ef7, #7c5cfa);
            border: none;
            border-radius: 10px;
            padding: 10px 24px;
            font-size: 0.9rem;
            font-weight: 600;
            color: #fff;
            letter-spacing: 0.02em;
            box-shadow: 0 3px 10px rgba(79,110,247,0.35);
            transition: all 0.2s;
}
body:has(.scp-users-create) .btn-create-user:hover {
    transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(79,110,247,0.45);
            color: #fff;
}
body:has(.scp-users-create) .btn-cancel-user {
    background: #fff;
            border: 1.5px solid #dde3ef;
            border-radius: 10px;
            padding: 9px 20px;
            font-size: 0.87rem;
            font-weight: 600;
            color: #64748b;
            transition: all 0.2s;
}
body:has(.scp-users-create) .btn-cancel-user:hover {
    border-color: #aab4ca;
            background: #f5f7fa;
            color: #374151;
}


/* ─── users\directory.blade.php [block 0] (scoped via .scp-users-directory) ─── */
body:has(.scp-users-directory) :root {
    --dir-primary: #2563eb;
            --dir-primary-light: #60a5fa;
            --dir-primary-dark: #1d4ed8;
            --dir-accent: #f59e0b;
            --dir-surface: #ffffff;
            --dir-surface-elevated: #f8fafc;
            --dir-surface-hover: #eef4ff;
            --dir-text-primary: #0f172a;
            --dir-text-secondary: #334155;
            --dir-text-muted: #475569;
            --dir-border: #cbd5e1;
            --dir-border-light: #dbe3ef;
            --dir-success: #16a34a;
            --dir-warning: #d97706;
            --dir-danger: #dc2626;
            --dir-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
            --dir-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
            --dir-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
            --dir-radius-sm: 8px;
            --dir-radius-md: 12px;
            --dir-radius-lg: 16px;
}
body:has(.scp-users-directory) .directory-page {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background:
                radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 35%),
                linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
            min-height: 100vh;
            padding: 1.5rem;
            margin: -1rem;
}
body:has(.scp-users-directory) .directory-container {
    max-width: 1400px;
            margin: 0 auto;
}
/* Header */
body:has(.scp-users-directory) .dir-header {
    margin-bottom: 1.5rem;
            animation: dirFadeInDown 0.5s ease-out;
}
@keyframes dirFadeInDown {

            from { opacity: 0; transform: translateY(-15px); }
            to { opacity: 1; transform: translateY(0); }
        
}
@keyframes dirFadeInUp {

            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        
}
body:has(.scp-users-directory) .dir-header-top {
    display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 1.25rem;
            flex-wrap: wrap;
            gap: 1rem;
}
body:has(.scp-users-directory) .dir-title {
    font-size: 1.75rem;
            font-weight: 700;
            color: var(--dir-text-primary);
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin: 0;
}
body:has(.scp-users-directory) .dir-title-count {
    font-size: 0.875rem;
            font-weight: 500;
            color: var(--dir-text-muted);
            background: var(--dir-surface);
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            border: 1px solid var(--dir-border);
}
body:has(.scp-users-directory) .dir-header-actions {
    display: flex;
            gap: 0.5rem;
}
body:has(.scp-users-directory) .dir-btn-export {
    display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: var(--dir-surface);
            border: 1px solid var(--dir-border);
            border-radius: var(--dir-radius-md);
            font-size: 0.8125rem;
            font-weight: 500;
            color: var(--dir-text-secondary);
            text-decoration: none;
            transition: all 0.2s ease;
}
body:has(.scp-users-directory) .dir-btn-export:hover {
    background: var(--dir-surface-hover);
            border-color: var(--dir-primary);
            color: var(--dir-primary);
            transform: translateY(-1px);
}
/* Filter Bar */
body:has(.scp-users-directory) .dir-filter-bar {
    background: var(--dir-surface);
            border-radius: var(--dir-radius-lg);
            padding: 1.25rem;
            box-shadow: var(--dir-shadow-sm);
            border: 1px solid var(--dir-border-light);
            animation: dirFadeInUp 0.5s ease-out 0.1s both;
}
body:has(.scp-users-directory) .dir-filter-form {
    display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            align-items: flex-end;
}
body:has(.scp-users-directory) .dir-filter-group {
    flex: 1;
            min-width: 160px;
}
body:has(.scp-users-directory) .dir-filter-group.search {
    flex: 2;
            min-width: 240px;
}
body:has(.scp-users-directory) .dir-filter-label {
    display: block;
            font-size: 0.6875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--dir-text-muted);
            margin-bottom: 0.375rem;
}
body:has(.scp-users-directory) .dir-filter-select, body:has(.scp-users-directory) .dir-filter-input {
    width: 100%;
            padding: 0.625rem 0.875rem;
            font-size: 0.9375rem;
            font-weight: 500;
            font-family: inherit;
            border: 1.5px solid var(--dir-border);
            border-radius: var(--dir-radius-md);
            background: var(--dir-surface);
            color: var(--dir-text-primary);
            transition: all 0.2s ease;
            appearance: none;
}
body:has(.scp-users-directory) .dir-filter-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23475569' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            padding-right: 2.25rem;
            cursor: pointer;
}
body:has(.scp-users-directory) .dir-filter-input {
    padding-left: 2.5rem;
}
body:has(.scp-users-directory) .dir-filter-select:focus, body:has(.scp-users-directory) .dir-filter-input:focus {
    outline: none;
            border-color: var(--dir-primary);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
body:has(.scp-users-directory) .dir-search-wrap {
    position: relative;
}
body:has(.scp-users-directory) .dir-search-icon {
    position: absolute;
            left: 0.875rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--dir-text-muted);
            pointer-events: none;
            font-size: 0.875rem;
}
body:has(.scp-users-directory) .dir-filter-actions {
    display: flex;
            gap: 0.5rem;
}
body:has(.scp-users-directory) .dir-btn {
    padding: 0.625rem 1.25rem;
            font-size: 0.875rem;
            font-weight: 600;
            border-radius: var(--dir-radius-md);
            border: none;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 0.375rem;
}
body:has(.scp-users-directory) .dir-btn-primary {
    background: linear-gradient(135deg, var(--dir-primary) 0%, var(--dir-primary-dark) 100%);
            color: white;
}
body:has(.scp-users-directory) .dir-btn-primary:hover {
    transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
body:has(.scp-users-directory) .dir-btn-secondary {
    background: var(--dir-surface-hover);
            color: var(--dir-text-secondary);
}
body:has(.scp-users-directory) .dir-btn-secondary:hover {
    background: var(--dir-border);
}
/* Stats Bar */
body:has(.scp-users-directory) .dir-stats-bar {
    display: flex;
            gap: 1rem;
            margin: 1.5rem 0;
            flex-wrap: wrap;
            animation: dirFadeInUp 0.5s ease-out 0.15s both;
}
body:has(.scp-users-directory) .dir-stat-card {
    background: var(--dir-surface);
            border-radius: var(--dir-radius-md);
            padding: 0.875rem 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.875rem;
            border: 1px solid var(--dir-border-light);
            box-shadow: var(--dir-shadow-sm);
            min-width: 140px;
}
body:has(.scp-users-directory) .dir-stat-icon {
    width: 40px;
            height: 40px;
            border-radius: var(--dir-radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.125rem;
}
body:has(.scp-users-directory) .dir-stat-icon.total {
    background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-secondary-bg) 100%);
            color: var(--dir-primary);
}
body:has(.scp-users-directory) .dir-stat-icon.active {
    background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-secondary-bg) 100%);
            color: var(--dir-success);
}
body:has(.scp-users-directory) .dir-stat-icon.inactive {
    background: linear-gradient(135deg, var(--bs-light) 0%, var(--bs-secondary-bg) 100%);
            color: var(--dir-danger);
}
body:has(.scp-users-directory) .dir-stat-content {
    display: flex;
            flex-direction: column;
}
body:has(.scp-users-directory) .dir-stat-value {
    font-size: 1.375rem;
            font-weight: 700;
            color: var(--dir-text-primary);
            line-height: 1;
}
body:has(.scp-users-directory) .dir-stat-label {
    font-size: 0.75rem;
            color: var(--dir-text-muted);
            margin-top: 0.125rem;
}
/* Grid */
body:has(.scp-users-directory) .dir-grid {
    display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1.25rem;
            animation: dirFadeInUp 0.5s ease-out 0.2s both;
}
/* User Card */
body:has(.scp-users-directory) .dir-user-card {
    background: var(--dir-surface);
            border-radius: var(--dir-radius-lg);
            padding: 1.25rem;
            border: 1px solid var(--dir-border-light);
            box-shadow: var(--dir-shadow-sm);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
}
body:has(.scp-users-directory) .dir-user-card::before {
    content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--dir-primary) 0%, var(--dir-accent) 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
}
body:has(.scp-users-directory) .dir-user-card:hover {
    transform: translateY(-4px);
            box-shadow: var(--dir-shadow-lg);
            border-color: transparent;
}
body:has(.scp-users-directory) .dir-user-card:hover::before {
    opacity: 1;
}
body:has(.scp-users-directory) .dir-card-header {
    display: flex;
            align-items: flex-start;
            gap: 0.875rem;
            margin-bottom: 0.875rem;
}
body:has(.scp-users-directory) .dir-avatar-container {
    position: relative;
            flex-shrink: 0;
}
body:has(.scp-users-directory) .dir-avatar {
    width: 56px;
            height: 56px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--dir-border-light);
            background: var(--dir-surface-hover);
            transition: border-color 0.3s ease;
}
body:has(.scp-users-directory) .dir-user-card:hover .dir-avatar {
    border-color: var(--dir-primary-light);
}
body:has(.scp-users-directory) .dir-avatar-placeholder {
    width: 56px;
            height: 56px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--dir-primary-light) 0%, var(--dir-primary) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            font-weight: 600;
            color: white;
            border: 2px solid var(--dir-border-light);
}
body:has(.scp-users-directory) .dir-status-indicator {
    position: absolute;
            bottom: 0;
            right: 0;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 2.5px solid var(--dir-surface);
            background: var(--dir-text-muted);
}
body:has(.scp-users-directory) .dir-status-indicator.active {
    background: var(--dir-success);
}
body:has(.scp-users-directory) .dir-status-indicator.inactive {
    background: var(--dir-danger);
}
body:has(.scp-users-directory) .dir-user-info {
    flex: 1;
            min-width: 0;
}
body:has(.scp-users-directory) .dir-user-name {
    font-size: 1rem;
            font-weight: 600;
            color: var(--dir-text-primary);
            margin: 0 0 0.25rem 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
body:has(.scp-users-directory) .dir-user-name a {
    color: inherit;
            text-decoration: none;
}
body:has(.scp-users-directory) .dir-user-name a:hover {
    color: var(--dir-primary);
}
body:has(.scp-users-directory) .dir-user-role {
    font-size: 0.875rem;
            font-weight: 500;
            color: var(--dir-text-secondary);
            display: flex;
            align-items: center;
            gap: 0.375rem;
}
body:has(.scp-users-directory) .dir-user-role i {
    font-size: 0.6875rem;
            color: var(--dir-text-muted);
}
body:has(.scp-users-directory) .dir-card-body {
    display: flex;
            flex-direction: column;
            gap: 0.5rem;
}
body:has(.scp-users-directory) .dir-info-row {
    display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--dir-text-secondary);
}
body:has(.scp-users-directory) .dir-info-row i {
    width: 14px;
            text-align: center;
            color: var(--dir-text-muted);
            font-size: 0.75rem;
}
body:has(.scp-users-directory) .dir-info-row a {
    color: var(--dir-primary);
            text-decoration: none;
            transition: color 0.2s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
body:has(.scp-users-directory) .dir-info-row a:hover {
    color: var(--dir-primary-dark);
            text-decoration: underline;
}
body:has(.scp-users-directory) .dir-department-badge {
    display: inline-flex;
            align-items: center;
            gap: 0.375rem;
            padding: 0.3125rem 0.625rem;
            background: var(--dir-surface-hover);
            border-radius: 16px;
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--dir-text-secondary);
            margin-top: 0.375rem;
            width: fit-content;
}
body:has(.scp-users-directory) .dir-department-badge i {
    font-size: 0.625rem;
}
body:has(.scp-users-directory) .dir-card-footer {
    display: flex;
            justify-content: flex-end;
            gap: 0.375rem;
            margin-top: 0.875rem;
            padding-top: 0.875rem;
            border-top: 1px solid var(--dir-border-light);
}
body:has(.scp-users-directory) .dir-action-btn {
    display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: var(--dir-radius-sm);
            border: 1px solid var(--dir-border);
            background: var(--dir-surface);
            color: var(--dir-text-secondary);
            font-size: 0.8125rem;
            cursor: pointer;
            transition: all 0.2s ease;
            text-decoration: none;
}
body:has(.scp-users-directory) .dir-action-btn:hover {
    background: var(--dir-primary);
            border-color: var(--dir-primary);
            color: white;
            transform: scale(1.05);
}
body:has(.scp-users-directory) .dir-action-btn.danger:hover {
    background: var(--dir-danger);
            border-color: var(--dir-danger);
}
/* Loader */
body:has(.scp-users-directory) .dir-loader {
    display: none;
            justify-content: center;
            align-items: center;
            padding: 3rem;
}
body:has(.scp-users-directory) .dir-loader.show {
    display: flex;
}
body:has(.scp-users-directory) .dir-spinner {
    width: 40px;
            height: 40px;
            border: 3px solid var(--dir-border);
            border-top-color: var(--dir-primary);
            border-radius: 50%;
            animation: dirSpin 0.8s linear infinite;
}
@keyframes dirSpin {

            to { transform: rotate(360deg); }
        
}
/* Pagination */
body:has(.scp-users-directory) .dir-pagination-container {
    display: flex;
            justify-content: center;
            margin-top: 2rem;
            animation: dirFadeInUp 0.5s ease-out 0.25s both;
}
body:has(.scp-users-directory) .dir-pagination-container .pagination {
    display: flex;
            gap: 0.25rem;
            list-style: none;
            padding: 0;
            margin: 0;
}
body:has(.scp-users-directory) .dir-pagination-container .page-item .page-link {
    display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 0.625rem;
            border-radius: var(--dir-radius-sm);
            border: 1px solid var(--dir-border);
            background: var(--dir-surface);
            color: var(--dir-text-secondary);
            font-size: 0.875rem;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.2s ease;
}
body:has(.scp-users-directory) .dir-pagination-container .page-item .page-link:hover {
    background: var(--dir-surface-hover);
            border-color: var(--dir-primary);
            color: var(--dir-primary);
}
body:has(.scp-users-directory) .dir-pagination-container .page-item.active .page-link {
    background: var(--dir-primary);
            border-color: var(--dir-primary);
            color: white;
}
body:has(.scp-users-directory) .dir-pagination-container .page-item.disabled .page-link {
    opacity: 0.5;
            pointer-events: none;
}
/* Empty State */
body:has(.scp-users-directory) .dir-empty-state {
    text-align: center;
            padding: 4rem 2rem;
            background: var(--dir-surface);
            border-radius: var(--dir-radius-lg);
            border: 1px dashed var(--dir-border);
            grid-column: 1 / -1;
}
body:has(.scp-users-directory) .dir-empty-state i {
    font-size: 3rem;
            color: var(--dir-text-muted);
            margin-bottom: 1rem;
}
body:has(.scp-users-directory) .dir-empty-state h3 {
    font-size: 1.125rem;
            font-weight: 600;
            color: var(--dir-text-primary);
            margin: 0 0 0.5rem 0;
}
body:has(.scp-users-directory) .dir-empty-state p {
    color: var(--dir-text-muted);
            margin: 0;
}
/* Responsive */
@media (max-width: 768px) {
body:has(.scp-users-directory) .directory-page {
    padding: 1rem;
}
body:has(.scp-users-directory) .dir-title {
    font-size: 1.375rem;
}
body:has(.scp-users-directory) .dir-header-top {
    flex-direction: column;
                align-items: stretch;
}
body:has(.scp-users-directory) .dir-filter-form {
    flex-direction: column;
}
body:has(.scp-users-directory) .dir-filter-group, body:has(.scp-users-directory) .dir-filter-group.search {
    width: 100%;
                min-width: 100%;
}
body:has(.scp-users-directory) .dir-filter-actions {
    width: 100%;
}
body:has(.scp-users-directory) .dir-filter-actions .dir-btn {
    flex: 1;
}
body:has(.scp-users-directory) .dir-stats-bar {
    gap: 0.75rem;
}
body:has(.scp-users-directory) .dir-stat-card {
    flex: 1;
                min-width: 120px;
}
body:has(.scp-users-directory) .dir-grid {
    grid-template-columns: 1fr;
}

}
/* Card animations */
body:has(.scp-users-directory) .dir-user-card {
    animation: dirCardFadeIn 0.4s ease-out backwards;
}
@keyframes dirCardFadeIn {

            from {
                opacity: 0;
                transform: translateY(15px) scale(0.98);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(1) {
    animation-delay: 0.05s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(2) {
    animation-delay: 0.1s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(3) {
    animation-delay: 0.15s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(4) {
    animation-delay: 0.2s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(5) {
    animation-delay: 0.25s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(6) {
    animation-delay: 0.3s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(7) {
    animation-delay: 0.35s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(8) {
    animation-delay: 0.4s;
}
body:has(.scp-users-directory) .dir-grid .dir-user-card:nth-child(9) {
    animation-delay: 0.45s;
}


/* ─── users\edit.blade.php [block 0] (scoped via .scp-users-edit) ─── */
/* ── Edit User Hero ─────────────────────────────────────────── */
body:has(.scp-users-edit) .edit-user-hero {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 60%, #f3f0ff 100%);
            border-bottom: 1px solid #e2e8f0;
            padding: 22px 32px 20px;
}
body:has(.scp-users-edit) .edit-user-avatar {
    width: 56px; height: 56px;
            border-radius: 16px;
            background: linear-gradient(135deg, #38a169, #276749);
            display: flex; align-items: center; justify-content: center;
            font-size: 1.5rem; font-weight: 700; color: #fff;
            letter-spacing: -0.5px;
            box-shadow: 0 4px 14px rgba(56,161,105,0.35);
            flex-shrink: 0;
}
body:has(.scp-users-edit) .edit-user-hero h1 {
    font-size: 1.3rem; font-weight: 700; color: #1a202c; margin: 0 0 2px;
}
body:has(.scp-users-edit) .edit-user-hero .hero-meta {
    font-size: 0.8rem; color: #64748b; margin: 0;
}
body:has(.scp-users-edit) .edit-user-hero .breadcrumb {
    background: transparent; margin: 0; padding: 0;
}
body:has(.scp-users-edit) .edit-user-hero .breadcrumb-item a {
    color: #4f6ef7; font-size: 0.78rem;
}
body:has(.scp-users-edit) .edit-user-hero .breadcrumb-item.active {
    font-size: 0.78rem; color: #64748b;
}
/* Status pill in hero */
body:has(.scp-users-edit) .user-status-pill {
    display: inline-flex; align-items: center; gap: 5px;
            padding: 3px 10px; border-radius: 20px; font-size: 0.73rem; font-weight: 600;
}
body:has(.scp-users-edit) .user-status-pill.active {
    background: #d1fae5; color: #065f46;
}
body:has(.scp-users-edit) .user-status-pill.inactive {
    background: #fee2e2; color: #991b1b;
}
body:has(.scp-users-edit) .user-status-pill .dot {
    width: 6px; height: 6px; border-radius: 50%; background: currentColor;
}
/* Alert */
body:has(.scp-users-edit) .alert-validation {
    border: none; border-left: 4px solid #f56565;
            background: #fff5f5; border-radius: 10px;
            padding: 14px 18px; color: #742a2a;
}
body:has(.scp-users-edit) .alert-validation ul {
    margin: 4px 0 0 16px; font-size: 0.82rem;
}
/* Form card */
body:has(.scp-users-edit) .user-form-card {
    border: none; border-radius: 16px;
            box-shadow: 0 2px 24px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.04);
            overflow: hidden;
}
body:has(.scp-users-edit) .user-form-card .card-body {
    padding: 0;
}
/* Action footer */
body:has(.scp-users-edit) .form-action-bar {
    background: #f8fafc;
            border-top: 1px solid #e8edf4;
            padding: 16px 28px;
            display: flex; align-items: center; justify-content: space-between;
            border-radius: 0 0 16px 16px;
}
body:has(.scp-users-edit) .form-action-bar .action-left {
    display: flex; gap: 8px;
}
body:has(.scp-users-edit) .form-action-bar .action-right {
    display: flex; gap: 8px;
}
body:has(.scp-users-edit) .btn-update-user {
    background: linear-gradient(135deg, #38a169, #276749);
            border: none; border-radius: 10px;
            padding: 10px 22px; font-size: 0.9rem; font-weight: 600; color: #fff;
            box-shadow: 0 3px 10px rgba(56,161,105,0.35);
            transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px;
}
body:has(.scp-users-edit) .btn-update-user:hover {
    transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(56,161,105,0.45);
            color: #fff;
}
body:has(.scp-users-edit) .btn-update-user[data-kt-indicator="on"] .indicator-label {
    display: none;
}
body:has(.scp-users-edit) .btn-update-user:not([data-kt-indicator="on"]) .indicator-progress {
    display: none;
}
body:has(.scp-users-edit) .btn-new-user {
    background: #fff; border: 1.5px solid #4f6ef7;
            border-radius: 10px; padding: 9px 18px;
            font-size: 0.85rem; font-weight: 600; color: #4f6ef7;
            transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px;
            text-decoration: none;
}
body:has(.scp-users-edit) .btn-new-user:hover {
    background: #eef2ff; color: #4f6ef7; border-color: #4f6ef7;
}
body:has(.scp-users-edit) .btn-detail-user {
    background: #fff; border: 1.5px solid #6366f1;
            border-radius: 10px; padding: 9px 18px;
            font-size: 0.85rem; font-weight: 600; color: #6366f1;
            transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px;
            text-decoration: none;
}
body:has(.scp-users-edit) .btn-detail-user:hover {
    background: #eef2ff; color: #6366f1;
}
body:has(.scp-users-edit) .btn-cancel-user {
    background: #fff; border: 1.5px solid #dde3ef;
            border-radius: 10px; padding: 9px 18px;
            font-size: 0.85rem; font-weight: 600; color: #64748b;
            transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px;
            text-decoration: none;
}
body:has(.scp-users-edit) .btn-cancel-user:hover {
    border-color: #aab4ca; background: #f5f7fa; color: #374151;
}


/* ─── users\employee_dashboard.blade.php [block 0] (scoped via .scp-users-employee-dashboard) ─── */
body:has(.scp-users-employee-dashboard) :root {
    --ep-bg:      #f1f4f9;
    --ep-ink:     #0f172a;
    --ep-muted:   #64748b;
    --ep-brand:   #3b82f6;
    --ep-indigo:  #6366f1;
    --ep-green:   #16a34a;
    --ep-amber:   #d97706;
    --ep-red:     #dc2626;
    --ep-teal:    #0d9488;
    --ep-violet:  #7c3aed;
    --ep-radius:  14px;
    --ep-shadow:  0 4px 24px rgba(15,23,42,.08);
    --ep-border:  rgba(15,23,42,.08);
}
body:has(.scp-users-employee-dashboard) {
    background: var(--ep-bg);
}
/* ── Toolbar ── */
body:has(.scp-users-employee-dashboard) .ep-toolbar {
    position: sticky; top: 0; z-index: 100;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--ep-border);
    box-shadow: 0 2px 12px rgba(15,23,42,.06);
}
/* ── Hero banner ── */
body:has(.scp-users-employee-dashboard) .ep-hero {
    background: linear-gradient(135deg, #1e3a5f 0%, #1d4ed8 50%, #6366f1 100%);
    border-radius: var(--ep-radius);
    padding: 28px 28px 56px;
    position: relative; overflow: hidden;
    margin-bottom: -36px;
}
body:has(.scp-users-employee-dashboard) .ep-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body:has(.scp-users-employee-dashboard) .ep-hero-name {
    font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 1.2;
}
body:has(.scp-users-employee-dashboard) .ep-hero-title {
    font-size: .88rem; color: rgba(255,255,255,.75); margin-top: 2px;
}
body:has(.scp-users-employee-dashboard) .ep-hero-avatar {
    width: 80px; height: 80px; border-radius: 16px;
    object-fit: cover; border: 3px solid rgba(255,255,255,.4);
    box-shadow: 0 4px 20px rgba(0,0,0,.25); flex-shrink: 0;
}
body:has(.scp-users-employee-dashboard) .ep-hero-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 10px; border-radius: 999px; font-size: .72rem; font-weight: 600;
    background: rgba(255,255,255,.18); color: #fff; border: 1px solid rgba(255,255,255,.25);
    backdrop-filter: blur(4px);
}
body:has(.scp-users-employee-dashboard) .ep-hero-meta {
    display: flex; flex-wrap: wrap; gap: 14px; margin-top: 12px;
}
body:has(.scp-users-employee-dashboard) .ep-hero-meta-item {
    display: flex; align-items: center; gap: 6px;
    font-size: .78rem; color: rgba(255,255,255,.8);
}
/* ── Cards ── */
body:has(.scp-users-employee-dashboard) .ep-card {
    background: #fff;
    border: 1px solid var(--ep-border);
    border-radius: var(--ep-radius);
    box-shadow: var(--ep-shadow);
    overflow: hidden;
    transition: box-shadow .15s;
}
body:has(.scp-users-employee-dashboard) .ep-card:hover {
    box-shadow: 0 8px 32px rgba(15,23,42,.11);
}
body:has(.scp-users-employee-dashboard) .ep-card-header {
    padding: 13px 18px;
    border-bottom: 1px solid var(--ep-border);
    background: #fafafa;
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
body:has(.scp-users-employee-dashboard) .ep-card-title {
    margin: 0; font-weight: 700; font-size: .88rem; color: var(--ep-ink);
    display: flex; align-items: center; gap: 8px;
}
body:has(.scp-users-employee-dashboard) .ep-icon-wrap {
    width: 28px; height: 28px; border-radius: 7px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .82rem; flex-shrink: 0;
}
body:has(.scp-users-employee-dashboard) .ep-card-body {
    padding: 16px 18px;
}
body:has(.scp-users-employee-dashboard) .ep-card-footer {
    padding: 10px 18px; border-top: 1px solid var(--ep-border);
    background: #fafafa; text-align: right;
    font-size: .78rem;
}
/* ── KPI tiles ── */
body:has(.scp-users-employee-dashboard) .ep-kpi {
    background: #fff; border: 1px solid var(--ep-border);
    border-radius: var(--ep-radius); box-shadow: var(--ep-shadow);
    overflow: hidden;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-accent {
    height: 3px;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-body {
    display: flex; align-items: center; gap: 12px; padding: 14px 16px;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-icon {
    width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-label {
    font-size: .73rem; color: var(--ep-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .3px;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-value {
    font-size: 1.6rem; font-weight: 800; color: var(--ep-ink); line-height: 1.1;
}
body:has(.scp-users-employee-dashboard) .ep-kpi-sub {
    font-size: .72rem; color: var(--ep-muted);
}
/* ── Info grid (personal details) ── */
body:has(.scp-users-employee-dashboard) .ep-info-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px;
}
body:has(.scp-users-employee-dashboard) .ep-info-item {
    
}
body:has(.scp-users-employee-dashboard) .ep-info-label {
    font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--ep-muted); margin-bottom: 3px;
}
body:has(.scp-users-employee-dashboard) .ep-info-value {
    font-size: .84rem; font-weight: 600; color: var(--ep-ink);
}
body:has(.scp-users-employee-dashboard) .ep-info-value.muted-val {
    font-weight: 400; color: var(--ep-muted);
}
/* ── Chips / Badges ── */
body:has(.scp-users-employee-dashboard) .ep-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 999px; font-size: .72rem; font-weight: 700;
}
body:has(.scp-users-employee-dashboard) .ep-chip-blue {
    background: #eff6ff; color: #1d4ed8;
}
body:has(.scp-users-employee-dashboard) .ep-chip-green {
    background: #f0fdf4; color: #15803d;
}
body:has(.scp-users-employee-dashboard) .ep-chip-amber {
    background: #fff7ed; color: #c2410c;
}
body:has(.scp-users-employee-dashboard) .ep-chip-red {
    background: #fef2f2; color: #b91c1c;
}
body:has(.scp-users-employee-dashboard) .ep-chip-gray {
    background: #f1f5f9; color: #475569;
}
body:has(.scp-users-employee-dashboard) .ep-chip-violet {
    background: #ede9fe; color: #5b21b6;
}
body:has(.scp-users-employee-dashboard) .ep-chip-teal {
    background: #f0fdfa; color: #0f766e;
}
/* ── Person items (manager, direct report) ── */
body:has(.scp-users-employee-dashboard) .ep-person {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0; border-bottom: 1px solid #f1f5f9;
}
body:has(.scp-users-employee-dashboard) .ep-person:last-child {
    border-bottom: none; padding-bottom: 0;
}
body:has(.scp-users-employee-dashboard) .ep-avatar {
    width: 38px; height: 38px; border-radius: 10px;
    object-fit: cover; border: 2px solid #e2e8f0; flex-shrink: 0;
}
body:has(.scp-users-employee-dashboard) .ep-avatar-sm {
    width: 28px; height: 28px; border-radius: 7px;
    object-fit: cover; border: 1.5px solid #e2e8f0; flex-shrink: 0;
}
body:has(.scp-users-employee-dashboard) .ep-person-name {
    font-weight: 700; font-size: .82rem; color: var(--ep-ink); text-decoration: none;
}
body:has(.scp-users-employee-dashboard) .ep-person-name:hover {
    color: var(--ep-brand);
}
body:has(.scp-users-employee-dashboard) .ep-person-sub {
    font-size: .7rem; color: var(--ep-muted);
}
/* ── Leave balance bars ── */
body:has(.scp-users-employee-dashboard) .ep-leave-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 0; border-bottom: 1px solid #f1f5f9; gap: 8px;
}
body:has(.scp-users-employee-dashboard) .ep-leave-row:last-child {
    border-bottom: none;
}
body:has(.scp-users-employee-dashboard) .ep-leave-name {
    font-size: .82rem; font-weight: 600; color: var(--ep-ink); flex: 1;
}
body:has(.scp-users-employee-dashboard) .ep-leave-stats {
    display: flex; align-items: center; gap: 12px;
}
body:has(.scp-users-employee-dashboard) .ep-leave-stat {
    text-align: center;
}
body:has(.scp-users-employee-dashboard) .ep-leave-stat-val {
    font-weight: 700; font-size: .88rem; color: var(--ep-ink);
}
body:has(.scp-users-employee-dashboard) .ep-leave-stat-lbl {
    font-size: .63rem; text-transform: uppercase; color: var(--ep-muted); letter-spacing: .3px;
}
body:has(.scp-users-employee-dashboard) .ep-bar {
    width: 80px; height: 6px; border-radius: 999px; background: #e2e8f0; overflow: hidden;
}
body:has(.scp-users-employee-dashboard) .ep-bar-fill {
    height: 100%; border-radius: 999px;
}
/* ── Attendance timeline cells ── */
body:has(.scp-users-employee-dashboard) .ep-att-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); gap: 4px;
}
body:has(.scp-users-employee-dashboard) .ep-att-cell {
    aspect-ratio: 1; border-radius: 6px; display: flex; flex-direction: column;
    align-items: center; justify-content: center; font-size: .6rem; font-weight: 700;
    cursor: default;
}
body:has(.scp-users-employee-dashboard) .ep-att-present {
    background: #dcfce7; color: #15803d;
}
body:has(.scp-users-employee-dashboard) .ep-att-absent {
    background: #fee2e2; color: #b91c1c;
}
body:has(.scp-users-employee-dashboard) .ep-att-leave {
    background: #fff7ed; color: #c2410c;
}
body:has(.scp-users-employee-dashboard) .ep-att-today {
    ring: 2px solid var(--ep-brand); outline: 2px solid var(--ep-brand);
}
/* ── Table ── */
/* ── Training card ── */
body:has(.scp-users-employee-dashboard) .ep-training-item {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 0; border-bottom: 1px solid #f1f5f9;
}
body:has(.scp-users-employee-dashboard) .ep-training-item:last-child {
    border-bottom: none;
}
body:has(.scp-users-employee-dashboard) .ep-training-icon {
    width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: .9rem;
}
body:has(.scp-users-employee-dashboard) .ep-training-name {
    font-weight: 600; font-size: .82rem; color: var(--ep-ink);
}
body:has(.scp-users-employee-dashboard) .ep-training-meta {
    font-size: .72rem; color: var(--ep-muted); margin-top: 2px;
}
/* ── Section divider label ── */
body:has(.scp-users-employee-dashboard) .ep-section-label {
    font-size: .69rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .5px; color: var(--ep-muted);
    padding: 0 0 8px; margin-bottom: 2px;
    border-bottom: 1px solid var(--ep-border); margin-top: 14px;
}
body:has(.scp-users-employee-dashboard) .ep-section-label:first-child {
    margin-top: 0;
}
/* ── Clock status pill ── */
body:has(.scp-users-employee-dashboard) .ep-clock {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 16px; border-radius: 999px; font-weight: 700; font-size: .82rem;
}
body:has(.scp-users-employee-dashboard) .ep-clock-in {
    background: #dcfce7; color: #15803d;
}
body:has(.scp-users-employee-dashboard) .ep-clock-out {
    background: #fef2f2; color: #b91c1c;
}
body:has(.scp-users-employee-dashboard) .ep-clock-dot {
    width: 8px; height: 8px; border-radius: 50%; animation: blink 1.2s ease-in-out infinite;
}
body:has(.scp-users-employee-dashboard) .ep-clock-in  .ep-clock-dot {
    background: #16a34a;
}
body:has(.scp-users-employee-dashboard) .ep-clock-out .ep-clock-dot {
    background: #dc2626;
}
@keyframes blink {
 0%,100%{opacity:1} 50%{opacity:.3} 
}
/* ── Payroll highlight ── */
body:has(.scp-users-employee-dashboard) .ep-pay-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 4px;
}
body:has(.scp-users-employee-dashboard) .ep-pay-item {
    background: #f8fafc; border-radius: 10px; padding: 10px 12px; text-align: center; border: 1px solid var(--ep-border);
}
body:has(.scp-users-employee-dashboard) .ep-pay-val {
    font-size: 1rem; font-weight: 800; color: var(--ep-ink);
}
body:has(.scp-users-employee-dashboard) .ep-pay-lbl {
    font-size: .65rem; text-transform: uppercase; letter-spacing: .4px; color: var(--ep-muted); font-weight: 600;
}
/* ── Appraisal score ring ── */
body:has(.scp-users-employee-dashboard) .ep-score-ring {
    width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    border: 3px solid;
}
body:has(.scp-users-employee-dashboard) .ep-score-val {
    font-size: 1.1rem; font-weight: 800; line-height: 1;
}
body:has(.scp-users-employee-dashboard) .ep-score-lbl {
    font-size: .55rem; text-transform: uppercase; font-weight: 700; letter-spacing: .3px;
}
/* ── Quick links strip ── */
body:has(.scp-users-employee-dashboard) .ep-quick-links {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 18px;
    border-top: 1px solid var(--ep-border); background: #fafafa;
}
body:has(.scp-users-employee-dashboard) .ep-quick-link {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 12px; border-radius: 999px; font-size: .75rem; font-weight: 600;
    text-decoration: none; background: #f1f5f9; color: #334155;
    border: 1px solid #e2e8f0; transition: all .12s;
}
body:has(.scp-users-employee-dashboard) .ep-quick-link:hover {
    background: var(--ep-brand); color: #fff; border-color: var(--ep-brand);
}
/* ── Document item ── */
body:has(.scp-users-employee-dashboard) .ep-doc-item {
    display: flex; align-items: center; gap: 8px;
    padding: 7px 0; border-bottom: 1px solid #f1f5f9;
    font-size: .8rem;
}
body:has(.scp-users-employee-dashboard) .ep-doc-item:last-child {
    border-bottom: none;
}
body:has(.scp-users-employee-dashboard) .ep-doc-icon {
    font-size: .95rem; flex-shrink: 0;
}
/* ── Responsive ── */
@media (max-width: 768px) {
body:has(.scp-users-employee-dashboard) .ep-hero {
    padding: 18px 16px 48px;
}
body:has(.scp-users-employee-dashboard) .ep-pay-grid {
    grid-template-columns: repeat(2, 1fr);
}
body:has(.scp-users-employee-dashboard) .ep-info-grid {
    grid-template-columns: 1fr 1fr;
}

}


/* ─── users\index.blade.php [block 0] (scoped via .scp-users-index) ─── */
body:has(.scp-users-index) .users-actions .btn {
    border-radius: 10px;
    font-weight: 600;
    padding: .45rem .8rem;
}
body:has(.scp-users-index) .users-card {
    border-radius: 14px;
}
body:has(.scp-users-index) .users-switch {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .35rem .6rem;
}
body:has(.scp-users-index) .retro-checkbox-input {
    appearance: none;
    width: 2.2rem;
    height: 1.25rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #e2e8f0;
    position: relative;
    cursor: pointer;
    transition: all .2s ease;
}
body:has(.scp-users-index) .retro-checkbox-input::after {
    content: "";
    width: .95rem;
    height: .95rem;
    border-radius: 999px;
    background: #fff;
    position: absolute;
    top: 1px;
    left: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    transition: transform .2s ease;
}
body:has(.scp-users-index) .retro-checkbox-input:checked {
    background: #3b82f6;
    border-color: #3b82f6;
}
body:has(.scp-users-index) .retro-checkbox-input:checked::after {
    transform: translateX(.92rem);
}
body:has(.scp-users-index) #users-list_wrapper .dt-buttons .btn {
    border-radius: 8px;
    font-weight: 600;
}
body:has(.scp-users-index) div.dt-button-collection {
    max-height: 50vh;
    overflow-y: auto;
}
body:has(.scp-users-index) div.dt-button-collection.dropdown-menu {
    min-width: 240px;
    padding: 0.5rem;
    border: 1px solid #dfe3e8;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}
body:has(.scp-users-index) div.dt-button-collection .dropdown-item {
    border-radius: 0.375rem;
    font-size: 0.875rem;
}
body:has(.scp-users-index) div.dt-button-collection .dropdown-item.active, body:has(.scp-users-index) div.dt-button-collection .dropdown-item:active {
    background-color: #eef6ff;
    color: #0d6efd;
}
body:has(.scp-users-index) div.dt-button-collection .dt-button.buttons-columnVisibility {
    width: 100%;
    text-align: left;
    margin: 0;
}
body:has(.scp-users-index) .user-status-cell {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-width: 112px;
}
body:has(.scp-users-index) .user-status-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
body:has(.scp-users-index) .user-status-toggle .changestatus {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
body:has(.scp-users-index) .user-status-toggle .toggle-slider {
    width: 2.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    position: relative;
    transition: .2s ease;
    cursor: pointer;
}
body:has(.scp-users-index) .user-status-toggle .toggle-slider::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
    transition: transform .2s ease;
}
body:has(.scp-users-index) .user-status-toggle .changestatus:checked + .toggle-slider {
    background: #16a34a;
    border-color: #16a34a;
}
body:has(.scp-users-index) .user-status-toggle .changestatus:checked + .toggle-slider::after {
    transform: translateX(1rem);
}
body:has(.scp-users-index) .user-status-toggle .changestatus:focus + .toggle-slider {
    box-shadow: 0 0 0 .2rem rgba(22, 163, 74, .2);
}
body:has(.scp-users-index) .user-status-toggle .changestatus:disabled + .toggle-slider {
    cursor: not-allowed;
    opacity: .75;
}
body:has(.scp-users-index) .user-status-label {
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
}
body:has(.scp-users-index) .user-status-cell.is-enabled .user-status-label {
    color: #166534;
}
body:has(.scp-users-index) .user-status-cell.is-disabled .user-status-label {
    color: #6b7280;
}
body:has(.scp-users-index) .user-status-cell.is-updating {
    opacity: .6;
}
@media (max-width: 767.98px) {
body:has(.scp-users-index) .users-actions {
    width: 100%;
        margin-top: .75rem !important;
}
}


/* ─── userTarget\create.blade.php [block 0] (scoped via .scp-usertarget-create) ─── */
body:has(.scp-usertarget-create) :root {
    --ink:#0f172a;
      --muted:#64748b;
      --soft:#f8fafc;
      --card:#ffffff;
      --brd:rgba(2,6,23,.10);
      --shadow:0 12px 35px rgba(2,6,23,.08);
      --radius:14px;
}
body:has(.scp-usertarget-create) .page-shell {
    padding-bottom:1.25rem
}
body:has(.scp-usertarget-create) .toolbar-card {
    background:linear-gradient(90deg,#f8fafc 0%, #ecfeff 40%, #fff 100%);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
}
body:has(.scp-usertarget-create) .toolbar-card .title {
    letter-spacing:-.02em
}
body:has(.scp-usertarget-create) .card-soft {
    background:var(--card);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
}
body:has(.scp-usertarget-create) .section-head {
    display:flex; align-items:center; justify-content:space-between;
      gap:1rem; flex-wrap:wrap;
      padding:1rem 1.25rem;
      border-bottom:1px dashed rgba(2,6,23,.12);
      background:linear-gradient(180deg,#fff, #fbfdff);
}
body:has(.scp-usertarget-create) .section-title {
    margin:0;
      font-size:1.05rem;
      font-weight:800;
      color:var(--ink);
}
body:has(.scp-usertarget-create) .help-text {
    color:var(--muted); font-size:.85rem
}
body:has(.scp-usertarget-create) .form-zone {
    padding:1.25rem
}
body:has(.scp-usertarget-create) .grid-2 {
    display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap:1rem;
}
@media (max-width: 992px) {
body:has(.scp-usertarget-create) .grid-2 {
    grid-template-columns:1fr;
}

}
body:has(.scp-usertarget-create) .product-list {
    border:1px solid rgba(2,6,23,.10);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
}
body:has(.scp-usertarget-create) .product-list .head {
    display:flex; justify-content:space-between; align-items:center;
      padding:.85rem 1rem;
      background:#f8fafc;
      border-bottom:1px solid rgba(2,6,23,.08);
      font-weight:800;
      color:var(--ink);
}
body:has(.scp-usertarget-create) .product-row {
    display:grid;
      grid-template-columns: 1fr 160px;
      gap:.75rem;
      align-items:center;
      padding:.75rem 1rem;
      border-bottom:1px solid rgba(2,6,23,.06);
}
body:has(.scp-usertarget-create) .product-row:last-child {
    border-bottom:0
}
body:has(.scp-usertarget-create) .product-name {
    font-weight:700;
      color:var(--ink);
      line-height:1.2;
}
body:has(.scp-usertarget-create) .product-sub {
    font-size:.8rem;
      color:var(--muted);
      margin-top:.15rem;
}
body:has(.scp-usertarget-create) .target-input {
    max-width:160px;
      text-align:right;
      font-weight:700;
}
/* input polish */
body:has(.scp-usertarget-create) .input-sm {
    height: 40px;
      padding: .55rem .75rem !important;
      font-size: 13px !important;
      color: #334155;
      font-weight: 600;
      border-radius: 12px !important;
}
body:has(.scp-usertarget-create) .form-control, body:has(.scp-usertarget-create) .form-select {
    border:1px solid rgba(2,6,23,.12)!important;
}
body:has(.scp-usertarget-create) .form-control:focus, body:has(.scp-usertarget-create) .form-select:focus {
    box-shadow:0 0 0 .25rem rgba(59,130,246,.15)!important;
      border-color:rgba(59,130,246,.45)!important;
}
body:has(.scp-usertarget-create) .side-card {
    border:1px solid rgba(2,6,23,.10);
      border-radius:14px;
      background:#fff;
      padding:1rem;
}
body:has(.scp-usertarget-create) .side-card .kpi {
    display:flex; align-items:baseline; justify-content:space-between;
      padding:.6rem .75rem;
      border-radius:12px;
      background:#f8fafc;
      border:1px solid rgba(2,6,23,.06);
      margin-top:.75rem;
}
body:has(.scp-usertarget-create) .kpi .label {
    color:var(--muted); font-size:.85rem; font-weight:700
}
body:has(.scp-usertarget-create) .kpi .val {
    color:var(--ink); font-weight:900
}
body:has(.scp-usertarget-create) .footer-actions {
    display:flex; gap:.6rem; justify-content:flex-end; flex-wrap:wrap;
      margin-top:1rem;
      padding-top:1rem;
      border-top:1px dashed rgba(2,6,23,.12);
}


/* ─── userTarget\edit.blade.php [block 0] (scoped via .scp-usertarget-edit) ─── */
body:has(.scp-usertarget-edit) :root {
    --ink:#0f172a;
      --muted:#64748b;
      --soft:#f8fafc;
      --card:#ffffff;
      --brd:rgba(2,6,23,.10);
      --shadow:0 12px 35px rgba(2,6,23,.08);
      --radius:14px;
}
/* kill old inline width rules */
body:has(.scp-usertarget-edit) select {
    width:100% !important;
}
body:has(.scp-usertarget-edit) .page-shell {
    padding-bottom: 20px;
}
body:has(.scp-usertarget-edit) .hero {
    background:linear-gradient(90deg,#f8fafc 0%, #ecfeff 40%, #fff 100%);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:16px 18px;
      display:flex; align-items:center; justify-content:space-between;
      gap:12px; flex-wrap:wrap;
      margin-bottom:16px;
}
body:has(.scp-usertarget-edit) .hero .title {
    margin:0;
      font-size:20px;
      font-weight:800;
      color:var(--ink);
      letter-spacing:-.02em;
}
body:has(.scp-usertarget-edit) .hero .sub {
    color:var(--muted); font-size:12px; margin-top:2px;
}
body:has(.scp-usertarget-edit) .card-soft {
    background:var(--card);
      border:1px solid var(--brd);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
}
body:has(.scp-usertarget-edit) .card-head {
    padding:14px 18px;
      border-bottom:1px dashed rgba(2,6,23,.12);
      background:linear-gradient(180deg,#fff, #fbfdff);
      display:flex; align-items:center; justify-content:space-between;
      gap:10px; flex-wrap:wrap;
}
body:has(.scp-usertarget-edit) .card-head h3 {
    margin:0;
      font-size:16px;
      font-weight:900;
      color:var(--ink);
}
body:has(.scp-usertarget-edit) .card-body-soft {
    padding:18px;
}
body:has(.scp-usertarget-edit) .user-pill {
    display:inline-flex; align-items:center; gap:8px;
      padding:8px 10px;
      background:#f8fafc;
      border:1px solid rgba(2,6,23,.10);
      border-radius:999px;
      font-weight:800;
      color:var(--ink);
}
body:has(.scp-usertarget-edit) .user-pill i {
    opacity:.75;
}
body:has(.scp-usertarget-edit) .grid-2 {
    display:grid;
      grid-template-columns: 1fr 260px;
      gap:16px;
}
@media(max-width: 992px) {
body:has(.scp-usertarget-edit) .grid-2 {
    grid-template-columns: 1fr;
}

}
body:has(.scp-usertarget-edit) .list {
    border:1px solid rgba(2,6,23,.10);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
}
body:has(.scp-usertarget-edit) .list .head {
    display:flex; justify-content:space-between; align-items:center;
      padding:12px 14px;
      background:#f8fafc;
      border-bottom:1px solid rgba(2,6,23,.08);
      font-weight:900;
      color:var(--ink);
}
body:has(.scp-usertarget-edit) .row-item {
    display:grid;
      grid-template-columns: 1fr 160px;
      gap:10px;
      align-items:center;
      padding:12px 14px;
      border-bottom:1px solid rgba(2,6,23,.06);
}
body:has(.scp-usertarget-edit) .row-item:last-child {
    border-bottom:0;
}
body:has(.scp-usertarget-edit) .pname {
    font-weight:800; color:var(--ink); line-height:1.2;
}
body:has(.scp-usertarget-edit) .psub {
    font-size:12px; color:var(--muted); margin-top:2px;
}
body:has(.scp-usertarget-edit) .target-input {
    text-align:right;
      font-weight:800;
      border-radius:12px !important;
      height:40px;
}
body:has(.scp-usertarget-edit) .form-control {
    border:1px solid rgba(2,6,23,.12)!important;
      box-shadow:none!important;
}
body:has(.scp-usertarget-edit) .form-control:focus {
    box-shadow:0 0 0 .25rem rgba(59,130,246,.15)!important;
      border-color:rgba(59,130,246,.45)!important;
}
body:has(.scp-usertarget-edit) .side {
    border:1px solid rgba(2,6,23,.10);
      border-radius:14px;
      background:#fff;
      padding:14px;
}
body:has(.scp-usertarget-edit) .kpi {
    display:flex; align-items:baseline; justify-content:space-between;
      padding:10px 12px;
      border-radius:12px;
      background:#f8fafc;
      border:1px solid rgba(2,6,23,.06);
      margin-top:10px;
}
body:has(.scp-usertarget-edit) .kpi .label {
    color:var(--muted); font-size:12px; font-weight:800;
}
body:has(.scp-usertarget-edit) .kpi .val {
    color:var(--ink); font-weight:1000;
}
body:has(.scp-usertarget-edit) .footer-actions {
    display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap;
      margin-top:14px;
      padding-top:14px;
      border-top:1px dashed rgba(2,6,23,.12);
}


/* ─── vendor_contracts\create.blade.php [block 0] (scoped via .scp-vendor-contracts-create) ─── */
body:has(.scp-vendor-contracts-create) .vendor-contract-create {
    --vc-bg: linear-gradient(180deg, #f7f4ee 0%, #fdfcf9 55%, #ffffff 100%);
            --vc-surface: #ffffff;
            --vc-border: #e7ddd0;
            --vc-muted: #6b7280;
            --vc-text: #1f2937;
            --vc-accent: #b45309;
            --vc-accent-soft: #fff5e8;
            --vc-accent-deep: #7c2d12;
            --vc-success: #14532d;
            background: var(--vc-bg);
            padding: 1.5rem 0 2rem;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create {
    --vc-bg: linear-gradient(180deg, #0f172a 0%, #1a202c 55%, #1e293b 100%);
                --vc-surface: #1e293b;
                --vc-border: #475569;
                --vc-muted: #94a3b8;
                --vc-text: #f1f5f9;
                --vc-accent: #f59e0b;
                --vc-accent-soft: #78350f;
                --vc-accent-deep: #fbbf24;
                --vc-success: #22c55e;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create body, body:has(.scp-vendor-contracts-create) .vendor-contract-create html {
    background-color: var(--vc-bg) !important;
                color: var(--vc-text);
}
/* Form controls */
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select {
    background-color: #0f172a;
                border-color: var(--vc-border);
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control:focus, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select:focus {
    background-color: #1a202c;
                color: var(--vc-text);
}
/* Text elements */
body:has(.scp-vendor-contracts-create) .vendor-contract-create, body:has(.scp-vendor-contracts-create) .vendor-contract-create h1, body:has(.scp-vendor-contracts-create) .vendor-contract-create h2, body:has(.scp-vendor-contracts-create) .vendor-contract-create h3, body:has(.scp-vendor-contracts-create) .vendor-contract-create h4, body:has(.scp-vendor-contracts-create) .vendor-contract-create h5, body:has(.scp-vendor-contracts-create) .vendor-contract-create h6, body:has(.scp-vendor-contracts-create) .vendor-contract-create p, body:has(.scp-vendor-contracts-create) .vendor-contract-create label, body:has(.scp-vendor-contracts-create) .vendor-contract-create span, body:has(.scp-vendor-contracts-create) .vendor-contract-create div {
    color: var(--vc-text);
}
/* Alert */
body:has(.scp-vendor-contracts-create) .vendor-contract-create .alert {
    background-color: var(--vc-surface);
                border-color: var(--vc-border);
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .alert-danger {
    background-color: #7f1d1d;
                border-color: #ef4444;
                color: #fca5a5;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .alert-danger strong {
    color: #fecaca;
}
/* Tables */
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-shell {
    max-width: 1440px;
            margin: 0 auto;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-card, body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary {
    background: var(--vc-surface);
            border: 1px solid var(--vc-border);
            border-radius: 20px;
            box-shadow: 0 18px 45px rgba(79, 44, 11, 0.08);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-card {
    padding: 1.5rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary {
    padding: 1.25rem;
            position: sticky;
            top: 1.5rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-topbar {
    display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.5rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-kicker {
    display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.4rem 0.75rem;
            border-radius: 999px;
            background: var(--vc-accent-soft);
            color: var(--vc-accent-deep);
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-title {
    margin: 0.85rem 0 0.35rem;
            color: var(--vc-text);
            font-size: 1.8rem;
            font-weight: 800;
            letter-spacing: -0.03em;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-subtitle {
    margin: 0;
            max-width: 56rem;
            color: var(--vc-muted);
            line-height: 1.6;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge-row {
    display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge {
    min-width: 150px;
            padding: 0.8rem 1rem;
            border-radius: 16px;
            border: 1px solid #edd9bc;
            background: linear-gradient(180deg, #fffdfa 0%, #fff4e6 100%);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge-label {
    display: block;
            color: var(--vc-muted);
            font-size: 0.76rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge-value {
    display: block;
            margin-top: 0.3rem;
            color: var(--vc-accent-deep);
            font-size: 1rem;
            font-weight: 800;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge {
    border-color: var(--vc-border);
                background: var(--vc-accent-soft);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge-label {
    color: var(--vc-muted);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-badge-value {
    color: var(--vc-accent);
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-section + .vc-section {
    margin-top: 1.4rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-section-head {
    display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-section-title {
    margin: 0;
            color: var(--vc-text);
            font-size: 1rem;
            font-weight: 800;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-section-copy {
    margin: 0.25rem 0 0;
            color: var(--vc-muted);
            font-size: 0.92rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-grid {
    display: grid;
            gap: 1rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-grid.vc-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-grid.vc-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-field {
    border: 1px solid #eee1cf;
            border-radius: 18px;
            background: #fffdfa;
            padding: 1rem;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-field {
    border-color: var(--vc-border);
                background: #0f172a;
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-static {
    background-color: #1a202c;
                border-color: var(--vc-border);
                color: var(--vc-accent);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container .select2-selection__rendered {
    color: var(--vc-text) !important;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-dropdown {
    background-color: var(--vc-surface);
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-results__option {
    color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-results__option--highlighted {
    background-color: var(--vc-accent);
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-field-label {
    display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            margin-bottom: 0.55rem;
            color: var(--vc-text);
            font-size: 0.83rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-field-hint {
    color: var(--vc-muted);
            font-size: 0.74rem;
            font-weight: 600;
            text-transform: none;
            letter-spacing: 0;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-static {
    min-height: 43px;
            display: flex;
            align-items: center;
            padding: 0.65rem 0.9rem;
            border-radius: 14px;
            background: #f9f5ef;
            border: 1px dashed #ddcab0;
            color: var(--vc-accent-deep);
            font-weight: 700;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default .select2-selection--single, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default .select2-selection--multiple {
    min-height: 43px;
            border-radius: 14px !important;
            border-color: #dccab0 !important;
            box-shadow: none !important;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control:focus, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select:focus, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #c77a1a !important;
            box-shadow: 0 0 0 0.2rem rgba(180, 83, 9, 0.12) !important;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default .select2-selection--single, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default .select2-selection--multiple {
    background-color: #0f172a;
                border-color: var(--vc-border) !important;
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control::placeholder {
    color: var(--vc-muted);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-control:focus, body:has(.scp-vendor-contracts-create) .vendor-contract-create .form-select:focus, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default.select2-container--focus .select2-selection--single, body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--vc-accent) !important;
                box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.12) !important;
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create textarea.form-control {
    min-height: 128px;
            resize: vertical;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container {
    width: 100% !important;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container .select2-selection__rendered {
    line-height: 40px !important;
            padding-left: 0.9rem !important;
            color: var(--vc-text) !important;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .select2-container .select2-selection__arrow {
    height: 40px !important;
            right: 0.45rem !important;
}
@media (prefers-color-scheme: dark) {
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-empty-note {
    margin-top: 0.9rem;
            color: var(--vc-muted);
            font-size: 0.85rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary-title {
    margin: 0;
            color: var(--vc-text);
            font-size: 1rem;
            font-weight: 800;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary-copy {
    margin: 0.4rem 0 0;
            color: var(--vc-muted);
            font-size: 0.9rem;
            line-height: 1.6;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat-list {
    display: grid;
            gap: 0.85rem;
            margin-top: 1rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat {
    border: 1px solid #efdfca;
            border-radius: 16px;
            background: #fffaf3;
            padding: 0.9rem 1rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat-label {
    display: block;
            color: var(--vc-muted);
            font-size: 0.74rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat-value {
    display: block;
            margin-top: 0.28rem;
            color: var(--vc-text);
            font-size: 1rem;
            font-weight: 800;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat {
    border-color: var(--vc-border);
                background: #0f172a;
                color: var(--vc-text);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat-label {
    color: var(--vc-muted);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-stat-value {
    color: var(--vc-accent);
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-tip {
    margin-top: 1rem;
            padding: 0.95rem 1rem;
            border-radius: 16px;
            background: linear-gradient(180deg, #eff8f1 0%, #f8fdf9 100%);
            border: 1px solid #cce7d2;
            color: var(--vc-success);
            font-size: 0.9rem;
            line-height: 1.6;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-tip {
    background: linear-gradient(180deg, #0a3622 0%, #0f4f2a 100%);
                border-color: var(--vc-success);
                color: #bbf7d0;
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-actions {
    display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.4rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary {
    background: linear-gradient(135deg, #c26f1d 0%, #8a3f0a 100%);
            border: none;
            color: #fff;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary:focus {
    color: #fff;
            background: linear-gradient(135deg, #b76210 0%, #783406 100%);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft {
    background: #fff5e8;
            border: 1px solid #e7cba8;
            color: var(--vc-accent-deep);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft:focus {
    background: #ffefd7;
            color: var(--vc-accent-deep);
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
                color: #0f172a;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-primary:focus {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
                color: #0f172a;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft {
    background: var(--vc-accent-soft);
                border-color: var(--vc-border);
                color: var(--vc-accent);
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-vc-soft:focus {
    background: #92400e;
                color: var(--vc-accent);
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row {
    width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            border: 1px solid #f0c8c8;
            background: #fff4f4;
            color: #b42318;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row:focus {
    color: #8f1d18;
            background: #ffe5e5;
}
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row {
    border-color: var(--vc-border);
                background: #7f1d1d;
                color: #fca5a5;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row:hover, body:has(.scp-vendor-contracts-create) .vendor-contract-create .btn-remove-row:focus {
    background: #991b1b;
                color: #fecaca;
}

}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .alert {
    border-radius: 16px;
}
@media (max-width: 1199.98px) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary {
    position: static;
}

}
@media (max-width: 767.98px) {
body:has(.scp-vendor-contracts-create) .vendor-contract-create {
    padding-top: 1rem;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-topbar {
    flex-direction: column;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-grid.vc-grid-2, body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-grid.vc-grid-3 {
    grid-template-columns: 1fr;
}
body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-card, body:has(.scp-vendor-contracts-create) .vendor-contract-create .vc-summary {
    padding: 1rem;
                border-radius: 18px;
}

}


/* ─── vendor_contracts\edit.blade.php [block 0] (scoped via .scp-vendor-contracts-edit) ─── */
/* ── Dark Mode Support ── */
@media (prefers-color-scheme: dark) {
body:has(.scp-vendor-contracts-edit) :root {
    color-scheme: dark;
}
body:has(.scp-vendor-contracts-edit), body:has(.scp-vendor-contracts-edit) {
    background-color: #0f172a;
                color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) .container {
    background-color: #0f172a;
                color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) h1, body:has(.scp-vendor-contracts-edit) h2, body:has(.scp-vendor-contracts-edit) h3, body:has(.scp-vendor-contracts-edit) h4, body:has(.scp-vendor-contracts-edit) h5, body:has(.scp-vendor-contracts-edit) h6 {
    color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) label, body:has(.scp-vendor-contracts-edit) .form-label {
    color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) .form-control, body:has(.scp-vendor-contracts-edit) .form-select {
    background-color: #1e293b;
                border-color: #475569;
                color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) .form-control:focus, body:has(.scp-vendor-contracts-edit) .form-select:focus {
    background-color: #1e293b;
                border-color: #3b82f6;
                color: #f1f5f9;
                box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
}
body:has(.scp-vendor-contracts-edit) .form-control::placeholder {
    color: #94a3b8;
}
body:has(.scp-vendor-contracts-edit) .btn-success {
    background-color: #22c55e;
                border-color: #22c55e;
                color: #0f172a;
}
body:has(.scp-vendor-contracts-edit) .btn-success:hover {
    background-color: #16a34a;
                border-color: #16a34a;
}
body:has(.scp-vendor-contracts-edit) .btn-danger {
    background-color: #ef4444;
                border-color: #ef4444;
                color: #fff;
}
body:has(.scp-vendor-contracts-edit) .btn-danger:hover {
    background-color: #dc2626;
                border-color: #dc2626;
}
body:has(.scp-vendor-contracts-edit) .btn-primary {
    background-color: #3b82f6;
                border-color: #3b82f6;
}
body:has(.scp-vendor-contracts-edit) .btn-primary:hover {
    background-color: #2563eb;
                border-color: #2563eb;
}
body:has(.scp-vendor-contracts-edit) .col, body:has(.scp-vendor-contracts-edit) .row, body:has(.scp-vendor-contracts-edit) .col-md-3 {
    color: #f1f5f9;
}

}
/* ── [data-theme="dark"] — BS5.3 manual theme toggle ──
           Mirrors the media query above for users who switch via the
           app toggle rather than their OS preference. Generic form/table/
           button overrides are already in dark-global.css; only page-
           specific layout and text colours need to be listed here. */
body:has(.scp-vendor-contracts-edit) [data-theme="dark"] body, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] html {
    background-color: #0f172a;
            color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) [data-theme="dark"] .container {
    background-color: #0f172a;
            color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h1, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h2, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h3, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h4, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h5, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] h6 {
    color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) [data-theme="dark"] label, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] .form-label {
    color: #f1f5f9;
}
body:has(.scp-vendor-contracts-edit) [data-theme="dark"] .col, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] .row, body:has(.scp-vendor-contracts-edit) [data-theme="dark"] .col-md-3 {
    color: #f1f5f9;
}
/* thead/tbody backgrounds not always caught by dark-global.css
           when inline styles use bare element selectors */
/* ─── vendor_contracts\show.blade.php [block 0] (scoped via .scp-vendor-contracts-show) ─── */
body:has(.scp-vendor-contracts-show) :root {
    --vc-ink:#0f172a; --vc-text:#334155; --vc-muted:#64748b;
    --vc-border:#e2e8f0; --vc-soft:#f8fafc;
    --vc-brand:#0f766e; --vc-brand-dark:#115e59; --vc-brand-soft:#ecfdf5;
    --vc-shadow:0 16px 40px rgba(15,23,42,.08);
    --vc-radius:20px;
}
body:has(.scp-vendor-contracts-show) {
    background:linear-gradient(180deg,#f8fafc,#f1f5f9);
}
body:has(.scp-vendor-contracts-show) .vc-shell {
    display:flex; flex-direction:column; gap:1.1rem;
}
body:has(.scp-vendor-contracts-show) .vc-hero {
    background:linear-gradient(135deg,#0f766e 0%,#0f172a 100%);
    border-radius:var(--vc-radius); color:#fff;
    padding:1.4rem 1.6rem; position:relative; overflow:hidden;
}
body:has(.scp-vendor-contracts-show) .vc-hero::after {
    content:''; position:absolute; inset:0;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events:none;
}
body:has(.scp-vendor-contracts-show) .vc-hero-tag {
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.3rem .7rem; border-radius:999px;
    background:rgba(255,255,255,.12); font-size:.7rem;
    font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.7rem;
}
body:has(.scp-vendor-contracts-show) .vc-hero h1 {
    font-size:clamp(1.4rem,2.2vw,1.9rem); font-weight:900; letter-spacing:-.03em; margin:0 0 .3rem;
}
body:has(.scp-vendor-contracts-show) .vc-hero-sub {
    color:rgba(255,255,255,.72); font-size:.88rem; margin:0;
}
body:has(.scp-vendor-contracts-show) .vc-hero-actions {
    display:flex; flex-wrap:wrap; gap:.6rem;
}
body:has(.scp-vendor-contracts-show) .vc-hero-actions .btn {
    border-radius:12px; font-weight:700; font-size:.82rem;
    padding:.52rem 1rem; border:none;
}
body:has(.scp-vendor-contracts-show) .btn-hero-light {
    background:rgba(255,255,255,.15); color:#fff;
}
body:has(.scp-vendor-contracts-show) .btn-hero-light:hover {
    background:rgba(255,255,255,.25); color:#fff;
}
body:has(.scp-vendor-contracts-show) .btn-hero-white {
    background:#fff; color:var(--vc-brand-dark);
}
body:has(.scp-vendor-contracts-show) .btn-hero-white:hover {
    background:#f0fdf9; color:var(--vc-brand-dark);
}
body:has(.scp-vendor-contracts-show) .vc-card {
    background:#fff; border:1px solid var(--vc-border);
    border-radius:var(--vc-radius); box-shadow:var(--vc-shadow); overflow:hidden;
}
body:has(.scp-vendor-contracts-show) .vc-card-header {
    padding:1rem 1.3rem; border-bottom:1px solid var(--vc-border);
    background:linear-gradient(180deg,#f8fafc,#fff);
    display:flex; align-items:center; gap:.7rem;
}
body:has(.scp-vendor-contracts-show) .vc-card-icon {
    width:36px; height:36px; border-radius:11px; flex-shrink:0;
    background:var(--vc-brand-soft); color:var(--vc-brand);
    display:flex; align-items:center; justify-content:center; font-size:1rem;
}
body:has(.scp-vendor-contracts-show) .vc-card-title {
    font-size:.95rem; font-weight:800; color:var(--vc-ink); margin:0;
}
body:has(.scp-vendor-contracts-show) .vc-card-body {
    padding:1.2rem 1.3rem;
}
body:has(.scp-vendor-contracts-show) .vc-meta-grid {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;
}
body:has(.scp-vendor-contracts-show) .vc-meta-item {
    display:flex; flex-direction:column; gap:.22rem;
}
body:has(.scp-vendor-contracts-show) .vc-meta-label {
    font-size:.68rem; font-weight:800; text-transform:uppercase;
    letter-spacing:.07em; color:var(--vc-muted);
}
body:has(.scp-vendor-contracts-show) .vc-meta-value {
    font-size:.9rem; font-weight:700; color:var(--vc-ink);
}
body:has(.scp-vendor-contracts-show) .vc-meta-value.mono {
    font-family:ui-monospace,monospace;
}
body:has(.scp-vendor-contracts-show) .vc-status {
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.32rem .7rem; border-radius:999px;
    font-size:.72rem; font-weight:800; text-transform:uppercase;
}
body:has(.scp-vendor-contracts-show) .vc-status.active {
    background:#dcfce7; color:#166534;
}
body:has(.scp-vendor-contracts-show) .vc-status.expired {
    background:#fee2e2; color:#991b1b;
}
body:has(.scp-vendor-contracts-show) .vc-status.draft {
    background:#fef9c3; color:#854d0e;
}
body:has(.scp-vendor-contracts-show) .vc-status.inactive {
    background:#f1f5f9; color:#475569;
}
body:has(.scp-vendor-contracts-show) .vc-scope {
    background:var(--vc-soft); border:1px solid var(--vc-border);
    border-radius:14px; padding:1rem 1.1rem;
    font-size:.88rem; color:var(--vc-text); line-height:1.7;
}
body:has(.scp-vendor-contracts-show) .vc-tax-yes {
    color:#166534; font-weight:700;
}
body:has(.scp-vendor-contracts-show) .vc-tax-no {
    color:var(--vc-muted);
}
@media (max-width:767.98px) {
body:has(.scp-vendor-contracts-show) .vc-meta-grid {
    grid-template-columns:1fr 1fr;
}
body:has(.scp-vendor-contracts-show) .vc-hero-actions {
    justify-content:flex-start; margin-top:.8rem;
}

}
@media (max-width:479.98px) {
body:has(.scp-vendor-contracts-show) .vc-meta-grid {
    grid-template-columns:1fr;
}

}
/* ── Print ── */
@media print {
body:has(.scp-vendor-contracts-show) {
    background:#fff !important;
}
body:has(.scp-vendor-contracts-show) .vc-hero {
    background:#0f766e !important; -webkit-print-color-adjust:exact; print-color-adjust:exact;
}
body:has(.scp-vendor-contracts-show) .vc-hero-actions, body:has(.scp-vendor-contracts-show) #kt_toolbar, body:has(.scp-vendor-contracts-show) .toolbar {
    display:none !important;
}
body:has(.scp-vendor-contracts-show) .vc-card {
    box-shadow:none !important; border:1px solid #ccc !important;
}
}