/* =====================================================================
   DIAS FARMA — tema Tabler (biru, mengikuti warna logo)
   Tabler themeable lewat CSS variable --tblr-*.
   ===================================================================== */
:root,
[data-bs-theme="light"] {
    --tblr-primary:      #1577cf;
    --tblr-primary-rgb:  21, 119, 207;
    --tblr-primary-fg:   #ffffff;

    --tblr-link-color:        #0f5ea8;
    --tblr-link-hover-color:  #0a4a85;

    --brand-accent: #2e9e3f;   /* hijau daun logo — aksen sekunder */
}

/* Latar aplikasi sedikit kebiruan (nilai ada di :root supaya dark-mode Tabler bisa menimpanya) */
:root, [data-bs-theme="light"] { --tblr-body-bg: #f2f5f9; }
[data-bs-theme="dark"]        { --tblr-body-bg: #0d1b2c; }
body { background: var(--tblr-body-bg); }

/* Sidebar gelap kebiruan */
.navbar-vertical {
    --tblr-bg-surface: #0f2f52;
    --tblr-border-color: rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, #0f2f52, #0b2540);
}
.navbar-vertical .navbar-nav .nav-link { color: #bcd6ef; }
.navbar-vertical .navbar-nav .nav-link:hover { color: #fff; }

/* Item aktif (link tunggal & sub-item dropdown) -> blok biru brand */
.navbar-vertical .navbar-nav > .nav-item:not(.dropdown).active > .nav-link,
.navbar-vertical .navbar-nav .nav-link.active:not(.dropdown-toggle),
.navbar-vertical .navbar-nav .dropdown-item.active {
    color: #fff !important;
    background: var(--tblr-primary) !important;
    border-radius: .375rem;
    font-weight: 600;
}
.navbar-vertical .navbar-nav .nav-item.active > .nav-link::before { display: none; }

/* ---- Grup menu yang bisa dibuka-tutup (dropdown pada sidebar) ---- */
.navbar-vertical .navbar-nav .nav-item.dropdown.active > .dropdown-toggle { color: #fff; font-weight: 600; }
.navbar-vertical .navbar-nav .dropdown-toggle::after { margin-left: auto; transition: transform .18s ease; }
.navbar-vertical .navbar-nav .dropdown-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
.navbar-vertical .navbar-nav .dropdown-menu {
    position: static !important; transform: none !important;
    float: none; border: 0; background: rgba(0, 0, 0, .18);
    padding: .15rem .25rem; margin: .1rem 0 .25rem;
    border-radius: .375rem;
}
.navbar-vertical .navbar-nav .dropdown-menu .dropdown-item {
    color: #bcd6ef; border-radius: .375rem;
    padding: .45rem .6rem .45rem 1.35rem;
    display: flex; align-items: center; gap: .55rem;
    white-space: normal;
}
.navbar-vertical .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-vertical .navbar-nav .dropdown-menu .dropdown-item:focus { color: #fff; background: rgba(255, 255, 255, .07); }
.navbar-vertical .navbar-nav .dropdown-menu .dropdown-item .nav-link-icon { width: 1.25rem; text-align: center; opacity: .9; }

/* Semua tombol aksi memakai biru brand (termasuk .btn-success) */
.btn-success,
.btn-primary {
    --tblr-btn-bg: var(--tblr-primary);
    --tblr-btn-border-color: var(--tblr-primary);
    --tblr-btn-color: #fff;
    --tblr-btn-hover-bg: #0f5ea8;
    --tblr-btn-hover-border-color: #0f5ea8;
    --tblr-btn-hover-color: #fff;
    --tblr-btn-active-bg: #0a4a85;
    --tblr-btn-active-border-color: #0a4a85;
    --tblr-btn-active-color: #fff;
}
.btn-outline-success {
    --tblr-btn-color: var(--tblr-primary);
    --tblr-btn-border-color: var(--tblr-primary);
    --tblr-btn-hover-bg: var(--tblr-primary);
    --tblr-btn-hover-border-color: var(--tblr-primary);
    --tblr-btn-hover-color: #fff;
}

/* Badge/label status stok tetap hijau (informatif, bukan tombol) */
.badge.bg-success, .bg-success { background-color: var(--brand-accent) !important; }
.text-success { color: var(--brand-accent) !important; }

/* Badge warna solid -> teks putih biar kontras */
.badge.bg-success, .badge.bg-danger, .badge.bg-primary,
.badge.bg-warning, .badge.bg-secondary,
.badge.bg-green, .badge.bg-red { color: #fff !important; }

/* Hasil pencarian POS */
#hasil.list-group { border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
#hasil .list-group-item + .list-group-item { border-top: 1px solid var(--tblr-border-color); }
#hasil .list-group-item-action { cursor: pointer; }
#hasil .list-group-item-action:hover { background: var(--tblr-primary); color: #fff; }
#hasil .list-group-item-action:hover .text-secondary { color: rgba(255,255,255,.8) !important; }

/* Kartu sedikit lebih tegas */
.card { box-shadow: 0 1px 3px rgba(24, 40, 72, .08); }

/* Halaman login */
body.login-page {
    background: linear-gradient(135deg, #0a4a85, #1577cf, #2e9e3f);
    min-height: 100vh;
}

/* =====================================================================
   Mode gelap (data-bs-theme="dark") — penyesuaian di atas bawaan Tabler
   ===================================================================== */
[data-bs-theme="dark"] {
    --tblr-primary:      #3d9be8;
    --tblr-primary-rgb:  61, 155, 232;
    --tblr-link-color:       #6cb6ee;
    --tblr-link-hover-color: #93cbf3;
    --brand-accent: #4cc45f;
}
[data-bs-theme="dark"] .card {
    box-shadow: none;
    border: 1px solid var(--tblr-border-color);
}
[data-bs-theme="dark"] .btn-success,
[data-bs-theme="dark"] .btn-primary {
    --tblr-btn-hover-bg: #2b86d0;
    --tblr-btn-hover-border-color: #2b86d0;
    --tblr-btn-active-bg: #256fac;
    --tblr-btn-active-border-color: #256fac;
}
[data-bs-theme="dark"] #hasil .list-group-item-action:hover { background: var(--tblr-primary); color: #08243d; }