*{box-sizing:border-box;font-family:'Plus Jakarta Sans'}body{margin:0;background:#f1f5f9;padding-bottom:75px}
.header{background:#0d9488;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;position:sticky;top:0;z-index:10}
.card{background:#fff;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);cursor:pointer;border-left:4px solid #0d9488}
.card.selesai{background:#e5e7eb;color:#6b7280;border-left:4px solid #9ca3af}
.card.selesai b{color:#374151}
.b-baru{background:#dcfce7;color:#166534}.b-proses{background:#fef9c3;color:#854d0e}.b-antar{background:#dbeafe;color:#1e40af}.b-selesai{background:#111827;color:#fff}
.switch{position:relative;width:46px;height:26px;display:inline-block}.switch input{display:none}
.slider{position:absolute;inset:0;background:#cbd5e1;border-radius:20px;transition:.3s;cursor:pointer}
.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
input:checked+.slider{background:#0d9488}input:checked+.slider:before{transform:translateX(20px)}

/* === FIX MODAL BIAR BISA DIPENCET === */
#modalDetail{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:99999;padding:12px;align-items:center;justify-content:center}
#modalDetail.open{display:flex !important}
.modalbox{background:white;border-radius:16px;width:100%;max-width:420px;margin:auto;padding:16px;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;pointer-events:auto !important;position:relative;z-index:100000}
.modalbox #isiDetailOrder{flex:1;overflow-y:auto}
#modalDetail button, #modalDetail input{pointer-events:auto !important;position:relative;z-index:100001}

.btn{border:0;padding:9px 14px;border-radius:10px;font-weight:700;cursor:pointer;font-size:11px}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:8px 0;z-index:100}
.nav-item{text-align:center;color:#999;font-size:10px;font-weight:600;cursor:pointer}.nav-item i{font-size:18px;display:block}.nav-item.active{color:#0d9488}
#loginOverlay{position:fixed;inset:0;background:#0d9488;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
#loginOverlay[style*="display: none"]{pointer-events:none !important; opacity:0 !important;}
.date-sep{text-align:center;font-size:10px;color:#999;background:#eee;padding:3px 10px;border-radius:10px;margin:10px auto;display:block;width:fit-content}

/* === FIX COMPACT - TETEP === */
#view-pesanan .card{
  padding:6px 10px !important;
  margin-bottom:5px !important;
  border-radius:10px !important;
  line-height:1.1 !important;
}
#view-pesanan .card b{font-size:11px !important;}
#view-pesanan .card small{font-size:9px !important;}
#view-pesanan .badge{font-size:8px !important;padding:1px 6px !important;}
#view-pesanan .card div{margin:1px 0 !important;}

@keyframes goyang{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}