/* CCID V33 — low-glow native management UI */
/* V39.2: Canonical Form Pemesanan is the single native nav tab, never hide it. */
#sideNav #ccidV13Orders,#sideNav #ccidV15Orders,#sideNav #ccidV14Orders,#sideNav #ccid33FormNav{display:none!important}
#sideNav #ccid31Nav,#sideNav [data-tab="formOrders"]{display:flex!important;visibility:visible!important;opacity:1!important}
#sideNav #ccid31Nav.active{background:linear-gradient(110deg,#9c5beb,#6733b0)!important;color:white!important;border-color:rgba(235,213,255,.25)!important}
.ccid33-fee-filter{display:flex;flex-direction:column;gap:6px;flex:1;min-width:190px}
.ccid33-fee-filter span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#baa9d1;font-weight:850}
.ccid33-fee-filter select{width:100%;min-height:42px}
.ccid33-fee-indicator{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}
.ccid33-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:6px 11px;font-size:10px;font-weight:900;letter-spacing:.03em}
.ccid33-pill.pending{color:#ffd780;background:#5b401f75;border-color:#9b763a66}
.ccid33-pill.done{color:#a7f1ca;background:#1d583e78;border-color:#468e6a66}
.ccid33-due{color:#ffd2c0;font-size:11px;padding:8px 12px;border:1px solid #a54e4566;background:#5d292b61;border-radius:12px;line-height:1.5}
#panel.ccid33-fee-active>.tools,#panel.ccid33-fee-active>.search-strip,#panel.ccid33-fee-active>#feeRows,#panel.ccid33-fee-active>#ccid32StaffRoot{display:none!important}
#ccid33FeeRoot{margin-top:12px}
.ccid33-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 19px}
.ccid33-toolbar input,.ccid33-toolbar select{flex:1 1 170px;min-width:120px;min-height:43px;border-radius:11px;background:#100a1c;color:#f4eefe;border:1px solid #8c68ae55;padding:10px 12px}
.ccid33-toolbar button{background:#2c1a40;border:1px solid #8061a455;border-radius:11px;color:#fff;font-size:12px;font-weight:800;padding:10px 13px;cursor:pointer}
.ccid33-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0}
.ccid33-stats>div{border:1px solid #7f58934d;background:linear-gradient(140deg,#2a193d,#160d21);padding:18px;border-radius:16px;display:grid;gap:7px}
.ccid33-stats small,.ccid33-staff small{color:#c0adcf;font-size:12px}.ccid33-stats b{font-size:clamp(19px,2.2vw,26px)}
.ccid33-staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0}
.ccid33-staff{display:grid;gap:6px;border:1px solid #7b58934d;border-radius:14px;padding:13px;background:#27163b80}
.ccid33-table-wrap{overflow:auto;border-radius:15px;border:1px solid #7b589355}
.ccid33-table-wrap table{width:100%;min-width:740px;border-collapse:collapse;font-size:12px}.ccid33-table-wrap th{background:#3b2552;text-align:left;color:#fff;padding:13px}
.ccid33-table-wrap td{border-top:1px solid #ffffff15;padding:13px;line-height:1.55}.ccid33-table-wrap td small{display:block;color:#b9a7c7}
.ccid33-empty{border:1px solid #8e689755;background:#21142e;padding:14px;border-radius:12px;color:#d4c5df;line-height:1.6}
.ccid33-empty button{color:#fff;border-radius:9px;background:#653d8d;padding:8px 12px;margin-left:10px;border:0}
.ccid33-link-box{border:1px solid #8d65b855;background:#1d112d;border-radius:17px;padding:16px;margin:18px 0}
.ccid33-link-box h3{font-size:17px;margin:0 0 9px}.ccid33-link-box p{color:#bfaed3;font-size:12px;line-height:1.65}
.ccid33-link-box input[type=search]{width:100%;min-height:43px;background:#100919;border:1px solid #7454a366;border-radius:12px;color:white;margin-bottom:10px;padding:10px 13px}
.ccid33-pick-list{display:grid;gap:8px;max-height:260px;overflow:auto;padding:3px}
.ccid33-payment{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #8d66ab44;border-radius:12px;background:#29183c77;cursor:pointer}
.ccid33-payment[hidden]{display:none}.ccid33-payment input{width:17px;height:17px;flex-shrink:0;accent-color:#a76be5}
.ccid33-payment span{font-size:12px;line-height:1.5}.ccid33-payment small{display:block;color:#beaacb}
.ccid33-payment-total{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;margin-top:12px;padding:13px;background:#110b1d;border-radius:12px;font-size:12px}
.ccid33-danger{color:#ffaeae!important;font-weight:800}
@media(max-width:720px){.ccid33-fee-filter{min-width:100%}.ccid33-stats{grid-template-columns:1fr}.ccid33-toolbar>*{flex-basis:100%}.ccid33-payment-total{align-items:flex-start;justify-content:flex-start}}

#ccid33DetailModal[hidden]{display:none!important}#ccid33DetailModal{position:fixed;inset:0;background:rgba(3,2,8,.84);display:grid;place-items:center;z-index:9000;padding:16px;overflow:auto}