/* Custom styles - Dark Mode */
:root{
    --bg:#1a1d23;
    --card:#252932;
    --muted:#9ca3af;
    --primary-600:#2563eb; /* blue-600 */
    --primary-500:#3b82f6; /* blue-500 */
    --success-500:#10b981;
    --info-500:#06b6d4;
    --warning-500:#f59e0b;
    --danger-500:#ef4444;
    --glass: rgba(37,41,50,0.6);
}

html,body{
    height:100%;
}

body{
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: linear-gradient(180deg, #121418 0%, var(--bg) 100%);
    color: #e5e7eb;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.content-wrapper{
    background: transparent;
    padding: 1.25rem 1rem;
}

/* Cards */
.card{
    background: var(--card);
    border: 0;
    border-radius: 0.8rem;
    box-shadow: 0 6px 18px rgba(31,41,55,0.06), 0 1px 3px rgba(31,41,55,0.04);
    transition: transform .18s ease, box-shadow .18s ease;
}
.card:hover{ transform: translateY(-4px); box-shadow: 0 12px 30px rgba(31,41,55,0.08); }

.card .card-header{ 
    background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
    border-bottom: 0; 
    padding: 0.75rem 1rem;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
}

.card-primary{ border-top: 4px solid var(--primary-500); }
.card-success{ border-top: 4px solid var(--success-500); }
.card-info{ border-top: 4px solid var(--info-500); }
.card-warning{ border-top: 4px solid var(--warning-500); }
.card-danger{ border-top: 4px solid var(--danger-500); }

/* Buttons */
.btn{
    border-radius: .6rem;
    padding: .55rem .9rem;
    font-weight:600;
    letter-spacing: .2px;
}
.btn-primary{
    background: linear-gradient(90deg, var(--primary-600), var(--primary-500));
    border: none;
    box-shadow: 0 6px 18px rgba(59,130,246,0.12);
}
.btn-primary:active, .btn-primary:focus{ box-shadow: 0 8px 20px rgba(59,130,246,0.14); }
.btn-outline-secondary{ border-radius:.5rem; }

/* Navbar brand / logo */
.brand-link img{ max-height:34px; border-radius:6px; }
.main-header .navbar{ background: rgba(37,41,50,0.6); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(255,255,255,0.05); }

/* Sidebar tweaks */
.main-sidebar{ background: linear-gradient(180deg,#1f2229,#1a1d23); border-right:1px solid rgba(255,255,255,0.08); }
.nav-sidebar .nav-link{ border-radius:.45rem; margin: .15rem 0; color:var(--muted); }
.nav-sidebar .nav-link.active, .nav-sidebar .nav-link:hover{ color: #f3f4f6; background: linear-gradient(90deg, rgba(59,130,246,0.2), rgba(59,130,246,0.08)); }

/* Tables */
.table{ background: transparent; }
.table thead th{ background: transparent; color: #d1d5db; font-weight:600; }
.table tbody tr td{ vertical-align: middle; color: #e5e7eb; }
.table-striped tbody tr:nth-of-type(odd){ background: rgba(255,255,255,0.02); }

/* Forms */
.form-control{ border-radius: .5rem; border:1px solid rgba(255,255,255,0.1); padding:.5rem .75rem; background: rgba(255,255,255,0.03); color: #e5e7eb; }
.form-control:focus{ box-shadow: 0 6px 18px rgba(59,130,246,0.15); border-color: var(--primary-500); background: rgba(255,255,255,0.05); }

/* Badges & small UI */
.badge{ border-radius: .6rem; font-weight:600; }

/* Receipt print styles (preserve existing behavior) */
@media print {
    body * { visibility: hidden; }
    .receipt, .receipt * { visibility: visible; }
    .receipt { position: absolute; left: 0; top: 0; width: 100%; }
}

/* Subtle animations */
@keyframes cartAdd{ 0%{ transform: scale(1);} 50%{ transform: scale(1.08);} 100%{ transform: scale(1);} }
.cart-added{ animation: cartAdd 0.28s cubic-bezier(.2,.9,.3,1); }

/* Responsive tweaks */
@media (max-width: 576px){
    .card{ border-radius: .5rem; }
    .btn{ padding:.45rem .7rem; }
}

/* Small helpers */
.muted-small{ color:var(--muted); font-size: .92rem; }

/* Topbar breadcrumb styling */
.topbar-breadcrumb{
    background: rgba(37,41,50,0.6);
    border-radius: .5rem;
    padding: .25rem .5rem;
    margin: 0;
    display: flex;
    align-items: center;
}
.topbar-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color: rgba(255,255,255,0.45); }
.topbar-breadcrumb .breadcrumb-item a{ color: #d1d5db; opacity: .9; }
.topbar-breadcrumb .breadcrumb-item.active{ color: #f3f4f6; font-weight:600; }


/* Profile avatar in navbar */
.main-header .nav-link img.img-circle{ border-radius:50%; width:32px; height:32px; }
.dropdown-item i{ width:18px; }


/* Centered user-panel and collapsed behaviour */
.sidebar .user-panel{ display:flex; flex-direction:column; align-items:center; text-align:center; padding: .75rem 0; transition: all .15s ease; }
.sidebar .user-panel .image img{ width:48px; height:48px; border-radius:50%; }
.sidebar .user-panel .info{ line-height:1; }

/* When sidebar is collapsed (sidebar-mini), hide text and keep avatar smaller */
.sidebar-mini .main-sidebar .user-panel .info{ display:none !important; }
.sidebar-mini .main-sidebar .user-panel .image img{ width:34px; height:34px; }