/* =========================
   SCOPE: HANYA AREA PLUGIN
   ========================= */
.wrap .smitacs-pos-tab {
  border:1px solid #ddd;
  background:#f7f7f7;
  cursor:pointer;
  padding:8px 16px;
  margin-right:6px;
  border-radius:8px 8px 0 0;
  font-weight:600;
  transition:all .2s;
}

.wrap .smitacs-pos-tab:hover {
  background:#eaeaea;
}

.wrap .smitacs-pos-tab.active {
  background:#0073aa;
  color:#fff;
  border-color:#0073aa;
  box-shadow:0 2px 5px rgba(0,115,170,.25);
}

.wrap .smitacs-pos-panel {
  display:none;
  background:#fff;
  border:1px solid #ddd;
  border-radius:0 8px 8px 8px;
  padding:20px;
}

.wrap .smitacs-pos-panel.active {
  display:block;
}

.wrap .smitacs-pos-grid {
  display:flex;
  flex-wrap:wrap;
  gap:15px;
}

.wrap .smitacs-pos-input {
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:6px;
}

.wrap .smitacs-pos-card {
  background:#fff;
  border:1px solid #e3e3e3;
  border-radius:10px;
  padding:16px;
}

/* =========================
   TABLE KHUSUS CART SAJA
   ========================= */
.wrap .smitacs-pos-cart table {
  width:100%;
  border-collapse:collapse;
}

.wrap .smitacs-pos-cart th,
.wrap .smitacs-pos-cart td {
  padding:10px;
  border-bottom:1px solid #eee;
}

/* =========================
   PAGINATION
   ========================= */
.wrap .smitacs-pos-pagination{
  margin-top:10px;
}

.wrap .smitacs-pos-page{
  margin:0 5px;
  text-decoration:none;
}

.wrap .smitacs-pos-page.active{
  font-weight:bold;
}

/* =========================
   UTIL (TETAP AMAN)
   ========================= */
.wrap .center { text-align: center; }
.wrap .right { text-align: right; }
.wrap .line { border-top: 1px dashed #000; margin: 4px 0; }

/* 🔥 FIX KERANJANG */
.pas-cart {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; /* bikin center */
}

/* tabel full */
.pas-cart table {
    width: 100%;
}

/* isi tabel biar tidak mepet */
.pas-cart th,
.pas-cart td {
    text-align: left;
    padding: 10px;
}

/* =========================
TABEL KERANJANG (UI BAGUS)
========================= */
.pas-cart table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

/* HEADER */
.pas-cart thead {
    background: #0073aa;
    color: #fff;
}

.pas-cart th {
    padding: 12px;
    text-align: left;
    font-weight: 600;
}

/* BODY */
.pas-cart td {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

/* ZEBRA STRIPE */
.pas-cart tbody tr:nth-child(even) {
    background: #f9f9f9;
}

/* HOVER EFFECT */
.pas-cart tbody tr:hover {
    background: #eef6fb;
}

/* FOOTER (TOTAL) */
.pas-cart tfoot {
    background: #f1f1f1;
    font-weight: bold;
}

.pas-cart tfoot td {
    padding: 12px;
}

/* BORDER LUAR CARD */
.pas-cart {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
}