/* Palette kobalt untuk komponen menu; warna status tetap dibedakan. */

/* apbd_global_input.php */

:root .apbd-upload-hero {
    background: radial-gradient(circle at 88% 18%, rgba(75,121,233,.16), transparent 22%),
        linear-gradient(135deg,#ffffff 0%, #f7f9fe 55%, #f7f9fe 100%) !important;
    border: 1px solid #e8efff !important;
}
:root .apbd-upload-breadcrumb a {
    color: #2458db !important;
}
:root .apbd-upload-card {
    border: 1px solid #e8efff !important;
}
:root .apbd-upload-card-head {
    border-bottom: 1px solid #f0f4ff !important;
    background: #f7f9fe !important;
}
:root .apbd-panel {
    border: 1px solid #e8efff !important;
}
:root .apbd-chip {
    background: #f7f9fe !important;
    color: #2458db !important;
}
:root .apbd-dropzone {
    border: 1px dashed #cbd8fa !important;
    background: #f7f9fe !important;
}
:root .apbd-input, :root .apbd-select, :root .apbd-textarea {
    border: 1px solid #e8efff !important;
}
:root .apbd-input:focus, :root .apbd-select:focus, :root .apbd-textarea:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 4px rgba(75,121,233,.10) !important;
}
:root .apbd-meta-box {
    border: 1px solid #e8efff !important;
}
:root .apbd-btn-primary {
    background: linear-gradient(135deg,#2458db 0%, #4b79e9 100%) !important;
    box-shadow: 0 10px 24px rgba(75,121,233,.18) !important;
}
:root .apbd-btn-light {
    border: 1px solid #e8efff !important;
}
:root .apbd-alert-info {
    background: #f0f4ff !important;
    border: 1px solid #cbd8fa !important;
    color: #2458db !important;
}
:root .apbd-loading {
    color: #2458db !important;
}
:root .apbd-spinner {
    border: 3px solid rgba(75,121,233,.18) !important;
    border-top-color: #4b79e9 !important;
}
:root .apbd-stat {
    border: 1px solid #e8efff !important;
}
:root .apbd-preview-card {
    border: 1px solid #e8efff !important;
}
:root .apbd-preview-head {
    border-bottom: 1px solid #f0f4ff !important;
    background: #f7f9fe !important;
}
:root .apbd-table thead th {
    background: #f7f9fe !important;
    border-bottom: 1px solid #e8efff !important;
}
:root .apbd-table tbody td {
    border-bottom: 1px solid #f0f4ff !important;
}
:root .apbd-badge {
    background: #f0f4ff !important;
}

/* content_home.php */

:root .home-mini .home-badge {
    background: #f7f9fe !important;
    color: #2458db !important;
    border: 1px solid #e8efff !important;
}

/* daftar_antrian_petugas.php */

:root .antrian-page .hero-card {
    background: linear-gradient(135deg, #ffffff 0%, #f7f9fe 55%, #f7f9fe 100%) !important;
}
:root .antrian-page .hero-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
    box-shadow: 0 14px 28px rgba(75,121,233,.22) !important;
}
:root .antrian-page .ticket-head {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}
:root .antrian-page .status-serving {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}

/* dashboard.php */

:root:root {
    --goa-primary: #2458db !important;
    --goa-primary-2: #4b79e9 !important;
    --goa-primary-3: #1946ba !important;
}
:root body.sb-nav-fixed {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 22%),
                linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
}
:root .sb-topnav {
    background: linear-gradient(90deg, #0f172a 0%, #2458db 65%, #4b79e9 100%) !important;
}
:root .sb-sidenav .nav-link.active {
    background: linear-gradient(135deg, rgba(75,121,233,.18), rgba(75,121,233,.08)) !important;
    border: 1px solid rgba(75,121,233,.22) !important;
}
:root .goa-hero {
    background: radial-gradient(circle at top right, rgba(75,121,233,.16), transparent 24%),
                linear-gradient(135deg, #ffffff 0%, #f7f9fe 100%) !important;
    border: 1px solid #f0f4ff !important;
}
:root .goa-hero::after {
    background: radial-gradient(circle, rgba(75,121,233,.14), transparent 68%) !important;
}
:root .btn-primary:hover, :root .btn-primary:focus {
    background: linear-gradient(135deg, #1946ba, #4b79e9) !important;
}
:root .goa-loader-orb {
    background: linear-gradient(135deg, rgba(36,88,219,.08), rgba(75,121,233,.14)) !important;
    box-shadow: 0 12px 24px rgba(75,121,233,.10) !important;
}
:root .goa-loader-spinner {
    border: 4px solid rgba(75,121,233,.18) !important;
    border-top-color: #4b79e9 !important;
    border-right-color: #2458db !important;
}
:root .goa-page-loader-dots span {
    background: #4b79e9 !important;
}

/* index.php */

:root:root {
    --goa-primary: #2458db !important;
    --goa-primary-2: #4b79e9 !important;
}
:root body.goantri-login {
    background: radial-gradient(circle at top left, rgba(75,121,233,.18), transparent 26%),
                linear-gradient(135deg, #0f172a 0%, #2458db 48%, #4b79e9 100%) !important;
}
:root body.goantri-login .auth-card .card-header {
    background: radial-gradient(circle at right top, rgba(75,121,233,.10), transparent 28%),
                linear-gradient(180deg, #ffffff 0%, #f7f9fe 100%) !important;
}
:root body.goantri-login .login-note {
    background: #f7f9fe !important;
    border: 1px solid #e8efff !important;
}
:root body.goantri-login .login-note .icon {
    background: rgba(75,121,233,.10) !important;
}
:root body.goantri-login .form-control:focus {
    border-color: rgba(36,88,219,.45) !important;
    box-shadow: 0 0 0 .2rem rgba(75,121,233,.10) !important;
}
:root body.goantri-login .btn-login {
    box-shadow: 0 10px 22px rgba(36,88,219,.18) !important;
}
:root body.goantri-login .btn-login:hover, :root body.goantri-login .btn-login:focus {
    background: linear-gradient(135deg, #1946ba 0%, #2458db 100%) !important;
}

/* jadwal_pelayanan.php */

:root .jadwal-hero {
    background: linear-gradient(135deg,#fff,#f7f9fe 58%,#f7f9fe) !important;
}
:root .jadwal-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}

/* laporan_advis_sp2d_pdf.php */

:root .btn-primary {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}

/* laporan_realisasi_apbd_global.php */

:root .apbd-tree-page .text-positive {
    color: #1946ba !important;
}
:root .apbd-tree-page .level-badge {
    background: #f7f9fe !important;
    color: #2458db !important;
    border: 1px solid #e8efff !important;
}

/* laporan_realisasi_apbd_global_excel.php */

:root th {
    background: #2458db !important;
}

/* laporan_realisasi_apbd_global_pdf.php */

:root .btn-primary {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}

/* laporan_realisasi_belanja_pdf.php */

:root .btn-primary {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}

/* list_antrian_backend.php */

:root .queue-sheet-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
:root .queue-form-control:focus, :root .queue-form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}
:root .queue-btn-primary {
    background: linear-gradient(135deg, #2458db 0%, #4b79e9 100%) !important;
}
:root .queue-stat-total {
    border-top: 4px solid #4b79e9 !important;
}
:root .queue-stat-serving {
    border-top: 4px solid #2458db !important;
}
:root .queue-badge-status-serving {
    background: #f0f4ff !important;
}

/* manajemen_user.php */

:root .usr-sheet-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
:root .usr-form-control:focus, :root .usr-form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}
:root .usr-badge-skpd {
    background: #f7f9fe !important;
    color: #2458db !important;
    border-color: #cbd8fa !important;
}

/* master_checklist_surat.php */

:root .master-checklist-page .hero-card {
    background: linear-gradient(135deg,#ffffff 0%,#f7f9fe 54%,#f7f9fe 100%) !important;
}
:root .master-checklist-page .hero-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
    box-shadow: 0 16px 30px rgba(75,121,233,.22) !important;
}
:root .master-checklist-page .category-card.is-selected {
    border-color: #4b79e9 !important;
    box-shadow: 0 20px 42px rgba(75,121,233,.18) !important;
}
:root .master-checklist-page .cat-up .category-top {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
}
:root .master-checklist-page .item-no-badge {
    background: linear-gradient(135deg,#eff6ff,#f7f9fe) !important;
}
:root .master-checklist-page .status-pill.active {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}
:root .master-checklist-page .form-control:focus, :root .master-checklist-page .form-select:focus, :root .master-checklist-page textarea:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .2rem rgba(75,121,233,.15) !important;
}

/* master_dpa_skpd.php */

:root .dpa-page .dpa-sheet-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
:root .dpa-page .dpa-form-control:focus, :root .dpa-page .dpa-form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}

/* master_loket.php */

:root .master-loket-page .hero-card {
    background: linear-gradient(135deg,#ffffff 0%,#f7f9fe 55%,#f7f9fe 100%) !important;
}
:root .master-loket-page .hero-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
    box-shadow: 0 14px 28px rgba(75,121,233,.22) !important;
}
:root .master-loket-page .status-active {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}
:root .master-loket-page .form-control:focus, :root .master-loket-page .form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .2rem rgba(75,121,233,.15) !important;
}

/* master_rekening_sipd.php */

:root .rek-sheet-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
:root .rek-form-control:focus, :root .rek-form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}

/* master_sumber_dana.php */

:root .master-sd-page .hero-card {
    background: linear-gradient(135deg,#ffffff 0%,#f7f9fe 55%,#f7f9fe 100%) !important;
}
:root .master-sd-page .hero-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
    box-shadow: 0 14px 28px rgba(75,121,233,.22) !important;
}
:root .master-sd-page .status-active {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}
:root .master-sd-page .usage-pill.used {
    background: #f7f9fe !important;
    border-color: #cbd8fa !important;
    color: #2458db !important;
}
:root .master-sd-page .form-control:focus, :root .master-sd-page .form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .2rem rgba(75,121,233,.15) !important;
}

/* penugasan_petugas.php */

:root .penugasan-page .hero-card {
    background: linear-gradient(135deg,#ffffff 0%,#f8fafc 45%,#f7f9fe 100%) !important;
}
:root .penugasan-page .hero-icon {
    background: linear-gradient(135deg,#2458db,#4b79e9) !important;
    box-shadow: 0 14px 30px rgba(75,121,233,.20) !important;
}
:root .penugasan-page .status-active {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}

/* sp2d_backend.php */

:root .sp2d-sheet-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
:root .sp2d-form-control:focus, :root .sp2d-form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}
:root .sp2d-btn-primary {
    background: linear-gradient(135deg, #2458db 0%, #4b79e9 100%) !important;
}
:root .sp2d-btn-primary:hover {
    background: linear-gradient(135deg, #1946ba 0%, #2458db 100%) !important;
}
:root .sp2d-badge-status-proses {
    background: #f7f9fe !important;
    color: #2458db !important;
    border-color: #cbd8fa !important;
}
:root .sp2d-stat-proses {
    border-top: 4px solid #4b79e9 !important;
}

/* template_gaji.php */

:root .tpl-card-header {
    background: radial-gradient(circle at top right, rgba(75,121,233,.11), transparent 34%),
            linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important;
}
:root .tpl-badge-active {
    background: #f0f4ff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
}
:root .tpl-badge-count {
    background: #f7f9fe !important;
    color: #2458db !important;
    border-color: #cbd8fa !important;
}
:root .tpl-sheet-header {
    background: radial-gradient(circle at top right,rgba(75,121,233,.1),transparent 32%),
            linear-gradient(180deg,#fff,#f8fafc) !important;
}
:root .tpl-control:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .22rem rgba(75,121,233,.13) !important;
}
:root .tpl-tab.active {
    color: #2458db !important;
}

/* upload_dpa_pdf.php */

:root .dpa-pdf-hero {
    border: 1px solid #e8efff !important;
    background: radial-gradient(circle at top right, rgba(13,148,136,.16), transparent 28%),linear-gradient(135deg,#ffffff 0%,#f7f9fe 100%) !important;
}
:root .dpa-pdf-card {
    border: 1px solid #e8efff !important;
}
:root .dpa-pdf-card-header {
    border-bottom: 1px solid #f0f4ff !important;
    background: linear-gradient(180deg,#fff 0%,#f7f9fe 100%) !important;
}
:root .dpa-input:focus, :root .dpa-select:focus, :root .dpa-textarea:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 4px rgba(75,121,233,.12) !important;
}
:root .dpa-checkline input {
    accent-color: #1946ba !important;
}
:root .dpa-btn-primary {
    background: linear-gradient(135deg,#2458db 0%,#4b79e9 100%) !important;
    box-shadow: 0 12px 24px rgba(75,121,233,.22) !important;
}
:root .dpa-btn-light {
    border: 1px solid #e8efff !important;
}
:root .dpa-alert-info {
    background: #f0f4ff !important;
    border: 1px solid #cbd8fa !important;
    color: #2458db !important;
}
:root .dpa-stat {
    border: 1px solid #e8efff !important;
    background: linear-gradient(180deg,#fff 0%,#f7f9fe 100%) !important;
}
:root .dpa-table-wrap {
    border: 1px solid #e8efff !important;
}
:root .dpa-table thead th {
    background: #f7f9fe !important;
    border-bottom: 1px solid #e8efff !important;
}
:root .dpa-table tbody td {
    border-bottom: 1px solid #f0f4ff !important;
}
:root .dpa-table tbody tr:hover td {
    background: #f7f9fe !important;
}
:root .dpa-badge-ok {
    background: #f0f4ff !important;
}
:root .dpa-loading {
    color: #2458db !important;
}
:root .dpa-spinner {
    border: 3px solid rgba(75,121,233,.15) !important;
    border-top-color: #4b79e9 !important;
}

/* upload_dpa_skpd.php */

:root .upload-dpa-page .mini-badge {
    background: #f7f9fe !important;
    color: #2458db !important;
    border: 1px solid #e8efff !important;
}
:root .upload-dpa-page .progress-bar {
    background: linear-gradient(90deg, #2458db 0%, #4b79e9 100%) !important;
}

/* upload_rekening_sipd.php */

:root .rek-upload-hero {
    background: radial-gradient(circle at 88% 18%, rgba(75,121,233,.16), transparent 22%),
      linear-gradient(135deg,#ffffff 0%, #f7f9fe 55%, #f7f9fe 100%) !important;
    border: 1px solid #e8efff !important;
}
:root .rek-upload-breadcrumb {
    color: #2458db !important;
}
:root .rek-upload-card-header {
    background: linear-gradient(180deg,#ffffff 0%, #f7f9fe 100%) !important;
}
:root .rek-btn-primary {
    background: linear-gradient(135deg,#2458db 0%, #4b79e9 100%) !important;
    box-shadow: 0 10px 22px rgba(75,121,233,.22) !important;
}
:root .rek-btn-primary:hover {
    background: linear-gradient(135deg,#1946ba 0%, #2458db 100%) !important;
}
:root .rek-format-chip {
    color: #2458db !important;
    background: #f0f4ff !important;
    border: 1px solid #cbd8fa !important;
}
:root .rek-badge-ok {
    background: #f0f4ff !important;
}

/* Tema bersama dan lapisan notifikasi. */

:root:root {
    --goa-primary: #2458db !important;
    --goa-primary-2: #4b79e9 !important;
    --goa-primary-3: #1946ba !important;
    --goa-dark: #14213b !important;
    --goa-soft: #f7f9fe !important;
    --bs-primary: #2458db;
    --bs-primary-rgb: 36, 88, 219;
    --bs-link-color: #2458db;
    --bs-link-hover-color: #1946ba;
}
:root:root body.sb-nav-fixed, :root:root body.goantri-login {
    background: #f7f9fe !important;
    color: #14213b;
}
:root:root body.goantri-login {
    background: radial-gradient(circle at top left, #e8efff, transparent 40%), #f7f9fe !important;
}
:root:root body.goantri-login .brand-badge {
    background: #2458db !important;
    color: #fff !important;
}
/* Kontras panel informasi login pada latar tema terang. */
:root:root body.goantri-login .hero-side {
    color: #14213b;
}
:root:root body.goantri-login .hero-box {
    background: #fff;
    border-color: #d9e3f7;
    box-shadow: 0 12px 30px rgba(36,88,219,.08);
}
:root:root body.goantri-login .hero-title {
    color: #2458db;
}
:root:root body.goantri-login .hero-desc {
    color: #475569;
}
:root:root body.goantri-login .mini-point {
    color: #334155;
}
:root:root body.goantri-login .mini-point i,
:root:root body.goantri-login .mini-point svg {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #e8efff;
    color: #2458db;
}
:root:root body.goantri-login .mini-point svg {
    box-sizing: border-box;
    padding: 6px;
}
:root:root .sb-topnav {
    background: linear-gradient(90deg, #1946ba, #2458db) !important;
}
:root:root .sb-topnav .navbar-brand, :root:root .sb-topnav .nav-link, :root:root .sb-topnav #sidebarToggle {
    color: #fff !important;
}
:root:root .sb-topnav .goa-user-pill {
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
}
:root:root .sb-sidenav, :root:root .sb-sidenav-dark {
    background: #fff !important;
    border-right: 1px solid #e1e7f4;
}
:root:root .sb-sidenav .nav-link, :root:root .sb-sidenav .sb-nav-link-icon, :root:root .sb-sidenav .sb-sidenav-collapse-arrow {
    color: #2458db !important;
}
:root:root .sb-sidenav .nav-link:hover, :root:root .sb-sidenav .nav-link.active {
    background: #e8efff !important;
    color: #1946ba !important;
    border-color: #cbd8fa !important;
    box-shadow: none !important;
}
:root:root .sb-sidenav .sb-sidenav-menu-heading {
    color: #2458db !important;
}
:root:root .sb-sidenav .sb-sidenav-footer {
    background: #f0f4ff !important;
    color: #2458db !important;
}
:root:root .sb-sidenav .sb-sidenav-footer .small {
    color: #4b79e9 !important;
}
:root:root .goa-hero {
    background: linear-gradient(135deg, #fff, #f0f4ff) !important;
    border-color: #e1e7f4 !important;
}
:root:root .goa-hero::after {
    background: radial-gradient(circle, rgba(36,88,219,.14), transparent 68%) !important;
}
:root:root .goa-breadcrumb a {
    color: #2458db !important;
}
:root:root .btn-primary, :root:root .swal2-styled.swal2-confirm {
    background: #2458db !important;
    border-color: #2458db !important;
    color: #fff !important;
}
:root:root .btn-primary:hover, :root:root .swal2-styled.swal2-confirm:hover {
    background: #1946ba !important;
    border-color: #1946ba !important;
}
:root:root .btn-outline-primary {
    color: #2458db !important;
    border-color: #2458db !important;
}
:root:root .btn-outline-primary:hover, :root:root .btn-outline-primary:active {
    background: #2458db !important;
    color: #fff !important;
}
:root:root .form-control:focus, :root:root .form-select:focus {
    border-color: #4b79e9 !important;
    box-shadow: 0 0 0 .2rem rgba(36,88,219,.14) !important;
}
:root:root .form-check-input:checked {
    background-color: #2458db !important;
    border-color: #2458db !important;
}
:root:root .page-item.active .page-link {
    background-color: #2458db !important;
    border-color: #2458db !important;
}
:root:root .page-link {
    color: #2458db;
}
:root:root .mono, :root:root .home-code, :root:root .dpa-code,
:root:root .preview-code, :root:root .advis-item-kode {
    color: #2458db !important;
}
:root:root .table thead th {
    background: #2458db !important;
    color: #fff !important;
    border-color: #cbd8fa !important;
}
:root:root .swal2-container {
    z-index: 2147483000 !important;
}