/* Theme */
:root{
  --brand:#0d6efd;           /* Biru utama */
  --brand-600:#0b5ed7;
  --border:#dee2e6;
  --muted:#6c757d;
  --card-radius:1rem;        /* rounded-4 vibes */
}

/* Global */
html,body{height:100%}
body{font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;background:#f8f9fa}
a{color:var(--brand)}
a:hover{color:var(--brand-600)}

/* Buttons */
.btn-primary{
  background:var(--brand);
  border-color:var(--brand);
}
.btn-primary:hover{
  background:var(--brand-600);
  border-color:var(--brand-600);
}

/* Cards */
.card{
  border:0;
  border-radius:var(--card-radius);
  box-shadow:0 6px 20px rgba(13,110,253,.06);
}

/* Bottom navbar (customer look & feel) */
.navbar.fixed-bottom{
  box-shadow:0 -6px 20px rgba(0,0,0,.05);
}
.navbar.fixed-bottom a{
  text-align:center;
  width:80px;
  color:var(--brand);
}

/* Tables */
.table thead th{
  white-space:nowrap;
}
.table td, .table th{
  vertical-align:middle;
}

/* ===== Simple-DataTables polish =====
   (agar search + pagination rapi dan terlihat) */
.dataTable-top,
.dataTable-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
  padding:.75rem 0;
}

.dataTable-top .dataTable-search input{
  max-width:240px;
  border:1px solid var(--border);
  border-radius:.5rem;
  padding:.375rem .5rem;
}

.dataTable-top .dataTable-dropdown label,
.dataTable-bottom .dataTable-info{
  color:var(--muted);
}

.dataTable-top .dataTable-selector{
  border:1px solid var(--border);
  border-radius:.5rem;
  padding:.375rem .5rem;
  background:#fff;
}

.dataTable-pagination a{
  border-radius:.5rem;
}
.dataTable-pagination .active a{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

/* Utilities */
.rounded-4{border-radius:var(--card-radius)!important}
/* Admin shell */
.admin-shell{display:flex;min-height:calc(100vh - 56px);}
.admin-sidebar{width:240px;background:#fff;border-right:1px solid #eee;position:sticky;top:56px;height:calc(100vh - 56px)}
.admin-content{flex:1;padding:24px}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;color:#0d6efd;text-decoration:none;margin-bottom:6px}
.admin-nav a.active,.admin-nav a:hover{background:rgba(13,110,253,.08)}
.card-kpi .kpi{font-size:22px;font-weight:700}

:root{
  --brand:#0d6efd;
  --brand-grad: linear-gradient(135deg, #0d6efd 0%, #6ea8fe 100%);
}
.btn-primary{ background:var(--brand)!important; border-color:var(--brand)!important; }

/* Topbar grad */
.admin-topbar{ background: var(--brand-grad); }

/* Admin shell */
.admin-shell{display:flex;min-height:calc(100vh - 56px);}
.admin-sidebar{width:250px;background:#fff;border-right:1px solid #eee;position:sticky;top:56px;height:calc(100vh - 56px)}
.admin-content{flex:1;padding:24px}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;color:#0d6efd;text-decoration:none;margin-bottom:8px;font-weight:500}
.admin-nav a i{font-size:1.1rem}
.admin-nav a.active,.admin-nav a:hover{background:rgba(13,110,253,.08)}

/* Glass card look */
.glass{ background:#fff; border:1px solid rgba(13,110,253,.08); box-shadow:0 10px 30px rgba(0,0,0,.04); }
.kpi-card .kpi{ font-size:28px; font-weight:800; }

/* Table small header */
.table thead th{ font-weight:600; color:#6c757d; }
.img-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px}

.qty-group {
  display:flex; gap:.35rem; align-items:center;
}
.qty-group .form-control { max-width:72px; }

/* ===== Order page (GoFood/GrabFood vibe) ===== */

.summary-inline { display:flex; justify-content:space-between; color:#6c757d; }
/* order list vibe */
.order-topbar { border-bottom: 1px solid rgba(0,0,0,.05); }
.shadow-xs { box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.order-list { display:flex; flex-direction:column; gap:.75rem; padding-top:.5rem; }
.order-item { display:flex; gap:.75rem; background:#fff; border-radius:1rem; padding:.75rem; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.order-item__img { width:82px; height:82px; border-radius:.75rem; overflow:hidden; flex:0 0 auto; background:#f6f7f9; }
.order-item__img img { width:100%; height:100%; object-fit:cover; display:block; }
.order-item__body { flex:1 1 auto; display:flex; flex-direction:column; gap:.25rem; }
.order-item__title { font-weight:600; line-height:1.2; }
.order-item__price { color:#6c757d; font-size:.95rem; }
.order-item__cta { margin-top:auto; display:flex; align-items:center; gap:.5rem; }
.stepper { display:flex; align-items:center; gap:.4rem; }
.stepper-qty { width:64px; text-align:center; }
.cart-bar { position:fixed; left:0; right:0; bottom:0; z-index:1040; display:flex; justify-content:space-between; align-items:center; padding:.75rem .9rem; gap:.75rem; background:#0d6efd; color:#fff; box-shadow: 0 -4px 20px rgba(13,110,253,.3); }
.cart-bar.disabled { background:#9bbcfb; }
.cart-bar__btn { border-radius:.8rem; }


.mb-6 { margin-bottom: 5.5rem !important; } /* space for cart-bar */
.admin-sidebar .btn-toggle {
  background: none;
  border: none;
  color: #fff;
  font-weight: 500;
  padding: 8px 0;
}

.admin-sidebar .btn-toggle:hover {
  color: #ffc107;
}

.admin-sidebar .collapse a {
  display: block;
  color: #ddd;
  padding: 4px 0;
  text-decoration: none;
  font-size: 0.9rem;
}

.admin-sidebar .collapse a.active {
  color: #fff;
  font-weight: 600;
}

.admin-sidebar .collapse a:hover {
  color: #ffc107;
}