/* =========================================================
   TEMA WARNA - selaras dengan sistem kasir (oranye + gelap)
   ========================================================= */
:root {
    --brand-orange: #e8770d;
    --brand-orange-dark: #c2620a;
    --brand-dark: #1a1a1a;
    --brand-dark-soft: #262626;
}

body {
    background-color: #f4f6f9;
}

/* ---------- Halaman Login ---------- */
.login-page {
    height: 100vh;
    background: linear-gradient(135deg, var(--brand-orange) 0%, #7a4a12 55%, var(--brand-dark) 100%);
}

.login-card {
    width: 380px;
    border: none;
    border-radius: 14px;
    overflow: hidden;
    border-top: 5px solid var(--brand-orange);
}

.login-logo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--brand-dark);
    color: var(--brand-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
    margin: 0 auto 12px auto;
}

.login-subtitle {
    color: var(--brand-orange);
    font-weight: 600;
}

/* ---------- Sidebar ---------- */
.sidebar {
    width: 230px;
    min-height: 100vh;
    background-color: var(--brand-dark) !important;
}
.sidebar h5 {
    color: var(--brand-orange);
}
.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    background-color: var(--brand-orange);
    color: #fff !important;
    border-radius: 6px;
}

.main-content {
    min-height: 100vh;
}

/* ---------- Tombol & Aksen ---------- */
.btn-primary {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

.btn-outline-primary {
    color: var(--brand-orange-dark);
    border-color: var(--brand-orange);
}
.btn-outline-primary:hover {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fff;
}

a {
    color: var(--brand-orange-dark);
}
a:hover {
    color: var(--brand-orange);
}

.card-stat {
    border-left: 4px solid var(--brand-orange);
}

.badge.bg-secondary {
    background-color: var(--brand-dark) !important;
}

.navbar {
    border-bottom: 3px solid var(--brand-orange) !important;
}
.sidebar {
    flex: 0 0 250px;   /* lebar tetap, tidak boleh menyusut */
    width: 250px;
    min-width: 250px;
}

.main-content {
    flex: 1 1 auto;
    min-width: 0;      /* kunci utamanya: izinkan konten lebar di-scroll, bukan mendorong sidebar */
    overflow-x: auto;
}