/* =========================================================
   NURA ADMIN PREMIUM GLOBAL STYLE V4 SAFE
   Fokus: rapikan halaman admin lama tanpa menggeser layout bawaan
   Database tidak disentuh. Query tidak disentuh.
   ========================================================= */

:root {
    --nura-blue-950: #071d3c;
    --nura-blue-900: #0a2f61;
    --nura-blue-800: #0f4386;
    --nura-blue-700: #145fc0;
    --nura-blue-500: #2f86ff;
    --nura-green: #2ed38d;
    --nura-bg: #eef5fb;
    --nura-card: #ffffff;
    --nura-text: #10284f;
    --nura-muted: #71809a;
    --nura-border: #dce8f6;
    --nura-shadow: 0 16px 38px rgba(18, 55, 96, .08);
}

html,
body {
    background: linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    color: var(--nura-text) !important;
}

/* Jangan ganggu halaman custom ERP yang sudah bagus */
.nura-erp-shell,
.nura-erp-shell * {
    box-sizing: border-box;
}

/* =========================================================
   SIDEBAR LAMA - WARNA & TEKS SAJA, TANPA GESER LAYOUT
   ========================================================= */

.pcoded-navbar {
    background: linear-gradient(180deg, #0a2f61 0%, #071d3c 100%) !important;
    box-shadow: 0 22px 48px rgba(7, 29, 60, .25) !important;
}

.pcoded-navbar .navbar-wrapper,
.pcoded-navbar .navbar-content,
.pcoded-navbar .pcoded-inner-navbar {
    background: transparent !important;
}

/* Semua teks sidebar harus terbaca */
.pcoded-navbar,
.pcoded-navbar a,
.pcoded-navbar span,
.pcoded-navbar p,
.pcoded-navbar i,
.pcoded-navbar .pcoded-mtext,
.pcoded-navbar .pcoded-micon,
.pcoded-navbar .pcoded-micon i {
    color: rgba(255,255,255,.88) !important;
}

/* Caption menu */
.pcoded-navbar .pcoded-menu-caption {
    color: rgba(255,255,255,.50) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

/* Item menu */
.pcoded-navbar .pcoded-inner-navbar li > a,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu > a {
    border-radius: 13px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.86) !important;
}

/* Hover dan aktif */
.pcoded-navbar .pcoded-inner-navbar li > a:hover,
.pcoded-navbar .pcoded-inner-navbar li.active > a,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-trigger > a {
    background: linear-gradient(135deg, var(--nura-blue-500), var(--nura-green)) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(47, 134, 255, .22) !important;
}

.pcoded-navbar .pcoded-inner-navbar li > a:hover *,
.pcoded-navbar .pcoded-inner-navbar li.active > a *,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-trigger > a * {
    color: #fff !important;
}

/* Submenu jangan putih kosong */
.pcoded-navbar .pcoded-submenu,
.pcoded-navbar ul.pcoded-submenu,
.pcoded-navbar .pcoded-hasmenu.pcoded-trigger > ul {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.pcoded-navbar .pcoded-submenu li a,
.pcoded-navbar ul.pcoded-submenu li a,
.pcoded-navbar .pcoded-submenu li a span,
.pcoded-navbar ul.pcoded-submenu li a span {
    color: rgba(255,255,255,.84) !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.pcoded-navbar .pcoded-submenu li a:hover,
.pcoded-navbar ul.pcoded-submenu li a:hover {
    background: rgba(255,255,255,.13) !important;
    color: #fff !important;
}

/* =========================================================
   HEADER ATAS
   ========================================================= */

.pcoded-header,
.navbar.pcoded-header,
.header-navbar {
    background: rgba(255,255,255,.92) !important;
    border-bottom: 1px solid rgba(220,232,246,.95) !important;
    box-shadow: 0 10px 24px rgba(23, 55, 95, .055) !important;
}

.pcoded-header,
.pcoded-header a,
.pcoded-header span,
.pcoded-header i,
.navbar.pcoded-header a {
    color: var(--nura-text) !important;
}

/* =========================================================
   KONTEN - JANGAN PAKSA MARGIN KANAN/KIRI
   ========================================================= */

.pcoded-main-container,
.pcoded-wrapper,
.pcoded-content {
    background: transparent !important;
}

.pcoded-content {
    padding-top: 24px !important;
    padding-bottom: 38px !important;
}

/* Kontainer jangan terlalu sempit, tapi jangan memaksa geser */
.pcoded-content .container,
.pcoded-content .container-fluid,
.page-wrapper .container,
.page-wrapper .container-fluid {
    max-width: 100% !important;
}

/* =========================================================
   CARD
   ========================================================= */

.card {
    background: #fff !important;
    border: 1px solid var(--nura-border) !important;
    border-radius: 20px !important;
    box-shadow: var(--nura-shadow) !important;
    overflow: hidden !important;
}

.card .card-header {
    background: linear-gradient(135deg, #0f4386, #145fc0) !important;
    color: #fff !important;
    border-bottom: 0 !important;
    padding: 17px 22px !important;
}

.card .card-header,
.card .card-header *,
.card .card-header h1,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header b,
.card .card-header span {
    color: #fff !important;
}

.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header .card-title {
    font-weight: 950 !important;
    font-size: 18px !important;
    margin: 0 !important;
}

.card .card-body {
    padding: 16px !important;
}

/* =========================================================
   TABEL - PADAT, TERBACA, TIDAK LONCAT
   ========================================================= */

.table-responsive {
    background: #fff !important;
    border: 1px solid #edf3fa !important;
    border-radius: 16px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

.card .table-responsive,
.pcoded-content .table-responsive {
    max-height: none !important;
}

.table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
    margin-bottom: 0 !important;
}

.table thead th {
    background: #103d78 !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    padding: 11px 12px !important;
    white-space: nowrap !important;
}

.table thead th:first-child {
    border-top-left-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
}

.table thead th:last-child {
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
}

.table tbody td {
    background: #fbfdff !important;
    color: #1d3354 !important;
    padding: 10px 12px !important;
    border-top: 1px solid #edf3fa !important;
    border-bottom: 1px solid #edf3fa !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}

.table tbody td:first-child {
    border-left: 1px solid #edf3fa !important;
    border-top-left-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
}

.table tbody td:last-child {
    border-right: 1px solid #edf3fa !important;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
}

.table-striped tbody tr:nth-of-type(odd) td {
    background: #f3f8ff !important;
}

.table tbody tr:hover td {
    background: #eaf6ff !important;
}

/* Tulisan penting di tabel */
.table b,
.table strong,
.table .font-weight-bold {
    color: var(--nura-blue-900) !important;
    font-weight: 950 !important;
}

/* Alamat panjang tetap aman */
.table td {
    white-space: nowrap !important;
}

/* =========================================================
   BUTTON, FORM, BADGE
   ========================================================= */

.btn,
button,
input[type="submit"] {
    border-radius: 999px !important;
    font-weight: 850 !important;
}

.btn-primary,
.btn-success,
.btn-info {
    background: linear-gradient(135deg, var(--nura-blue-500), var(--nura-green)) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(47, 134, 255, .17) !important;
}

.btn-light,
.btn-outline-light {
    background: #fff !important;
    color: var(--nura-blue-900) !important;
    border: 1px solid var(--nura-border) !important;
}

.form-control,
.custom-select,
select,
textarea,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="search"] {
    border-radius: 13px !important;
    border: 1px solid var(--nura-border) !important;
    color: var(--nura-text) !important;
}

.form-control:focus,
select:focus,
textarea:focus,
input:focus {
    border-color: var(--nura-blue-500) !important;
    box-shadow: 0 0 0 4px rgba(47, 134, 255, .10) !important;
}

.badge {
    border-radius: 999px !important;
    padding: 6px 10px !important;
    font-weight: 900 !important;
}

.alert {
    border-radius: 16px !important;
    border: 1px solid var(--nura-border) !important;
}

/* Scrollbar */
.table-responsive::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #bad0ea;
    border-radius: 999px;
}

@media (max-width: 991px) {
    .pcoded-content {
        padding: 16px 12px 32px !important;
    }

    .table {
        min-width: 900px;
    }
}



/* NURA SIDEBAR HEADER HARMONY V1 */
.pcoded-navbar .navbar-brand,
.pcoded-navbar .m-header,
.pcoded-navbar .header-logo {
    background: linear-gradient(180deg, #0c3b78 0%, #0a2f61 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.04) !important;
}

.pcoded-navbar .navbar-brand,
.pcoded-navbar .m-header {
    min-height: 74px !important;
    display: flex !important;
    align-items: center !important;
}

.pcoded-navbar .b-brand,
.pcoded-navbar .navbar-brand .b-brand,
.pcoded-navbar .header-logo .b-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
}

.pcoded-navbar .b-brand img,
.pcoded-navbar .navbar-brand img,
.pcoded-navbar .header-logo img {
    max-height: 46px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.12));
}

/* tombol bulat menu kanan atas */
.pcoded-navbar .mobile-menu,
.pcoded-navbar .mob-toggler,
.pcoded-navbar .toggle-icon {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
    transition: all .2s ease !important;
}

.pcoded-navbar .mobile-menu:hover,
.pcoded-navbar .mob-toggler:hover,
.pcoded-navbar .toggle-icon:hover {
    background: rgba(255,255,255,.16) !important;
    border-color: rgba(255,255,255,.42) !important;
    color: #ffffff !important;
}

.pcoded-navbar .mobile-menu span,
.pcoded-navbar .mobile-menu i,
.pcoded-navbar .mob-toggler i,
.pcoded-navbar .toggle-icon i {
    color: #ffffff !important;
}

/* hilangkan nuansa abu-abu asing */
.pcoded-navbar .m-header * {
    color: #ffffff !important;
}

/* sedikit rapikan jarak logo kiri */
.pcoded-navbar .navbar-brand,
.pcoded-navbar .m-header {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* versi mobile tetap rapi */
@media (max-width: 991px) {
    .pcoded-navbar .navbar-brand,
    .pcoded-navbar .m-header {
        min-height: 68px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .pcoded-navbar .b-brand img,
    .pcoded-navbar .navbar-brand img,
    .pcoded-navbar .header-logo img {
        max-height: 42px !important;
    }
}


/* =========================================================
   NURA SIDEBAR TOP FINAL V5
   Menyatukan area logo kiri atas dengan sidebar biru NURA
   ========================================================= */

/* Area kiri atas yang masih abu-abu */
.pcoded-header .m-header,
.pcoded-header .navbar-brand,
.header-navbar .m-header,
.header-navbar .navbar-brand {
    background: linear-gradient(180deg, #0a2f61 0%, #071d3c 100%) !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 12px 28px rgba(7,29,60,.18) !important;
}

/* Tinggi dan posisi logo kiri atas */
.pcoded-header .m-header,
.header-navbar .m-header {
    height: 68px !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* Logo supaya lebih hidup tapi tidak berlebihan */
.pcoded-header .m-header img,
.header-navbar .m-header img,
.pcoded-header .navbar-brand img,
.header-navbar .navbar-brand img {
    max-height: 48px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.16)) !important;
}

/* Tombol bulat menu kanan logo */
.pcoded-header .mobile-menu,
.pcoded-header #mobile-collapse,
.header-navbar .mobile-menu,
.header-navbar #mobile-collapse {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

.pcoded-header .mobile-menu span,
.pcoded-header .mobile-menu i,
.pcoded-header #mobile-collapse span,
.pcoded-header #mobile-collapse i,
.header-navbar .mobile-menu span,
.header-navbar .mobile-menu i,
.header-navbar #mobile-collapse span,
.header-navbar #mobile-collapse i {
    color: #ffffff !important;
}

/* Hilangkan sisa abu-abu di bagian kiri header */
.pcoded-header .b-brand,
.header-navbar .b-brand {
    background: transparent !important;
    color: #ffffff !important;
}

/* Sidebar bawah logo menyatu */
.pcoded-navbar {
    border-top: 0 !important;
}

.pcoded-navbar .navbar-content {
    padding-top: 10px !important;
}

/* Aktif menu pertama jangan terlalu putih menyilaukan */
.pcoded-navbar .pcoded-inner-navbar li.active > a {
    background: rgba(255,255,255,.96) !important;
    color: #0a2f61 !important;
    box-shadow: 0 14px 28px rgba(7,29,60,.18) !important;
}

.pcoded-navbar .pcoded-inner-navbar li.active > a *,
.pcoded-navbar .pcoded-inner-navbar li.active > a i,
.pcoded-navbar .pcoded-inner-navbar li.active > a span {
    color: #0a2f61 !important;
}

/* Tapi menu ERP custom yang biru-hijau tetap aman */
.nura-erp-sidebar .nura-nav-link.active {
    background: linear-gradient(135deg, #2f86ff, #2ed38d) !important;
    color: #fff !important;
}