/* AirKita v79.41 - POS mobile-first, no operational shift */
.cashier-recap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.cashier-deposit-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px;align-items:start}
.cashier-balance strong{font-size:25px!important}.deposit-money{font-size:24px!important;font-weight:800;text-align:right}.deposit-submit{width:100%;margin-top:12px;min-height:48px}
@media(max-width:720px){
  body{font-size:14px}.content{padding:8px!important}.top{padding:8px 10px!important;min-height:52px}.tk-user-label{display:none}.tk-top-subtitle{font-size:10px}
  .card{border-radius:12px!important;padding:11px!important}.pos-main-card{padding:8px!important;margin:0!important;border-radius:10px!important}
  .keyboard-legend-pos,.pos-offline-maintenance{display:none!important}.offline-pos-bar{padding:7px 9px!important;gap:6px!important;align-items:center!important}.offline-pos-bar small{display:none}.offline-pos-bar .row{gap:5px!important}.offline-queue-badge{font-size:10px!important;padding:4px 6px!important}.offline-pos-bar button{min-height:34px!important;padding:6px 8px!important;font-size:11px!important}
  .pos-queue-bar{display:block!important;padding:5px 0 8px!important}.pos-queue-bar>div:first-child{display:none}.queue-tabs{display:flex!important;overflow-x:auto!important;gap:5px!important;padding:2px 0 7px!important;scrollbar-width:none}.queue-tabs::-webkit-scrollbar{display:none}.queue-tab{min-width:108px!important;flex:0 0 108px!important;padding:7px!important}.queue-tab strong{font-size:11px!important}.queue-tab small{font-size:9px!important}.pos-queue-bar>#holdTransaction,.pos-queue-bar>#cancelTransaction{width:49%!important;margin:0!important;font-size:11px!important;padding:7px!important;min-height:36px!important}
  .pos-scan-row{display:block!important}.pos-scan-row>div:first-child{width:100%!important}.pos-scan-row label{font-size:11px!important}.pos-scan-row #posSearch{height:48px!important;font-size:16px!important;border-width:2px!important;padding:10px 12px!important}.pos-summary-mini{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:7px!important}.pos-summary-mini span{padding:5px!important;text-align:center!important;min-width:0!important}.pos-summary-mini span strong{font-size:13px!important;white-space:nowrap}.pos-summary-mini #quickQty{display:none!important}.pos-summary-mini #openPayment{grid-column:1/-1!important;height:48px!important;font-size:17px!important;font-weight:800!important;border-radius:10px!important}
  .search-suggestions{position:relative!important;max-height:42vh!important}.search-suggestions button{padding:10px!important}.search-suggestions strong{font-size:14px!important}.search-suggestions span{font-size:11px!important}
  .pos-cart-scroll{overflow:visible!important;max-height:none!important}.pos-cart-scroll table,.pos-cart-scroll tbody{display:block!important;width:100%!important}.pos-cart-scroll thead{display:none!important}.pos-cart-scroll tr[data-cart-index]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 8px!important;padding:9px!important;margin:7px 0!important;border:1px solid #dce7e3!important;border-radius:10px!important;background:#fff!important}.pos-cart-scroll tr[data-cart-index] td{display:block!important;border:0!important;padding:0!important;min-width:0!important}.pos-cart-scroll tr[data-cart-index] td:nth-child(1){grid-column:1/-1}.pos-cart-scroll tr[data-cart-index] td:nth-child(2){grid-column:1/2}.pos-cart-scroll tr[data-cart-index] td:nth-child(3){font-size:11px;color:#63736d;text-align:right}.pos-cart-scroll tr[data-cart-index] td:nth-child(4){font-size:15px;text-align:right;font-weight:800}.pos-cart-scroll tr[data-cart-index] td:nth-child(5){grid-column:1/-1;text-align:right}.pos-cart-scroll .pos-remove-item{padding:5px 9px!important;font-size:11px!important}.pos-qty-stepper{justify-content:flex-start!important}.pos-qty-stepper button{width:36px!important;height:36px!important}.pos-qty-stepper input{width:58px!important;height:36px!important;font-size:16px!important}
  .payment-modal{padding:0!important;align-items:flex-end!important}.payment-modal-box{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:16px 16px 0 0!important;padding:13px!important;overflow-y:auto!important}.payment-grid{display:block!important}.payment-grid>div{width:100%!important}.payment-total{position:sticky!important;top:-13px!important;z-index:4!important;background:#fff!important;padding:10px 0!important}.payment-total strong{font-size:24px!important}.quick-cash-grid{grid-template-columns:repeat(3,1fr)!important}.quick-cash-grid button{min-height:46px!important;padding:7px 4px!important}.print-choice-grid{grid-template-columns:1fr 1fr!important}.payment-save{position:sticky!important;bottom:0!important;width:100%!important;min-height:52px!important;font-size:17px!important;z-index:5!important}
  .promo-offer-list{display:flex!important;overflow-x:auto!important;gap:6px!important}.promo-offer-list button{min-width:180px!important}
  .cashier-recap-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.cashier-recap-grid .metric{min-width:0!important}.cashier-recap-grid .metric span{font-size:10px!important}.cashier-recap-grid .metric strong{font-size:17px!important;overflow-wrap:anywhere}.cashier-recap-grid .cashier-balance{grid-column:1/-1}.cashier-deposit-layout{grid-template-columns:1fr!important}.cashier-deposit-head{display:flex!important;gap:8px!important;align-items:flex-start!important}.cashier-deposit-head h2{font-size:18px!important;margin:0}.cashier-deposit-head p{font-size:11px!important}.cashier-deposit-head .btn{white-space:nowrap!important;padding:8px!important}.report-filter{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.report-filter>div{width:100%!important;padding-top:0!important}.report-filter input,.report-filter select,.report-filter button,.report-filter .btn{width:100%!important;min-height:42px!important}
  .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.deposit-money{font-size:22px!important;height:50px!important}
}
@media(max-width:420px){.cashier-recap-grid{grid-template-columns:1fr!important}.cashier-recap-grid .cashier-balance{grid-column:auto}.pos-summary-mini span:nth-child(2){display:none!important}.pos-summary-mini{grid-template-columns:1fr 1fr!important}.pos-summary-mini #openPayment{grid-column:1/-1!important}}

/* AirKita v79.44 — POS HP compact professional. Desktop tetap memakai layout lebar. */
@media (max-width:720px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.airkita-pos-page .layout,
  body.airkita-pos-page .main,
  body.airkita-pos-page .content,
  body.airkita-pos-page .card,
  body.airkita-pos-page .pos-main-card,
  body.airkita-pos-page .pos-queue-bar,
  body.airkita-pos-page .pos-scan-row,
  body.airkita-pos-page .pos-cart-scroll{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Header HP dibuat ringkas; menu samping tetap drawer. */
  body.airkita-pos-page .top{position:sticky!important;top:0!important;z-index:25!important;min-height:48px!important;height:48px!important;padding:5px 7px!important;background:#fff!important}
  body.airkita-pos-page .tk-mobile-menu{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:9px!important;font-size:20px!important}
  body.airkita-pos-page .tk-top-title{min-width:0!important;line-height:1.05!important}
  body.airkita-pos-page .tk-top-title strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.airkita-pos-page .tk-top-subtitle{display:none!important}
  body.airkita-pos-page .tk-top-actions{gap:4px!important;flex-wrap:nowrap!important}
  body.airkita-pos-page .tk-account-btn{display:none!important}
  body.airkita-pos-page .tk-logout-btn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}
  body.airkita-pos-page .content{padding:6px!important;margin:0!important}

  /* Status online: satu baris padat. */
  body.airkita-pos-page .offline-pos-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:6px 8px!important;margin:0 0 6px!important;border-radius:10px!important;min-height:44px!important}
  body.airkita-pos-page .offline-pos-bar>div:first-child{min-width:0!important}
  body.airkita-pos-page .offline-pos-bar strong{display:block!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.airkita-pos-page .offline-pos-bar small{display:none!important}
  body.airkita-pos-page .offline-pos-bar .row{display:flex!important;gap:3px!important;flex-wrap:nowrap!important}
  body.airkita-pos-page .offline-queue-badge{display:none!important}
  body.airkita-pos-page #syncOfflinePos{display:inline-flex!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:5px 9px!important;font-size:10.5px!important;white-space:nowrap!important;border-radius:8px!important}
  body.airkita-pos-page .keyboard-legend-pos{display:none!important}

  /* Kartu POS tanpa ruang kosong besar. */
  body.airkita-pos-page .pos-main-card{padding:6px!important;border-radius:10px!important;margin-bottom:6px!important;overflow:visible!important}

  /* Antrean 4 transaksi menjadi grid 2x2; tidak ada scroll horizontal. */
  body.airkita-pos-page .pos-queue-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:0 0 6px!important;align-items:stretch!important}
  body.airkita-pos-page .pos-queue-bar>div:first-child{display:none!important}
  body.airkita-pos-page .queue-tabs{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;overflow:visible!important;padding:0!important}
  body.airkita-pos-page .queue-tab{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;min-height:39px!important;padding:5px 7px!important;border-radius:8px!important}
  body.airkita-pos-page .queue-tab strong{display:block!important;font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.airkita-pos-page .queue-tab small{display:block!important;font-size:8.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.airkita-pos-page #holdTransaction,
  body.airkita-pos-page #cancelTransaction{width:100%!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:5px 6px!important;margin:0!important;font-size:10.5px!important;border-radius:8px!important}

  /* Scan mengambil satu layar penuh. */
  body.airkita-pos-page .pos-scan-row{display:block!important;margin:0!important}
  body.airkita-pos-page .pos-scan-row>div:first-child{width:100%!important;min-width:0!important}
  body.airkita-pos-page .pos-scan-row label{margin:2px 0 4px!important;font-size:10px!important}
  body.airkita-pos-page #posSearch{width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;padding:8px 10px!important;font-size:15px!important;border-radius:10px!important}

  /* Ringkasan item/total padat satu baris + tombol bayar lebar. */
  body.airkita-pos-page .pos-summary-mini{display:grid!important;grid-template-columns:.75fr 1fr 1fr!important;gap:4px!important;width:100%!important;margin-top:5px!important}
  body.airkita-pos-page .pos-summary-mini span{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;min-height:39px!important;padding:4px 5px!important;border-radius:8px!important;font-size:8.5px!important;line-height:1.05!important}
  body.airkita-pos-page .pos-summary-mini span strong{margin-top:2px!important;font-size:13px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.airkita-pos-page .pos-summary-mini #quickQty{display:none!important}
  body.airkita-pos-page .pos-summary-mini #openPayment{grid-column:1/-1!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:7px!important;font-size:16px!important;font-weight:900!important;border-radius:10px!important}

  /* Notifikasi/promo/saran tidak pernah memaksa viewport melebar. */
  body.airkita-pos-page .inline-notice,
  body.airkita-pos-page .promo-offer-panel,
  body.airkita-pos-page .search-suggestions{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}
  body.airkita-pos-page .search-suggestions{position:relative!important;left:auto!important;right:auto!important;width:100%!important;max-height:38dvh!important;overflow-y:auto!important;overflow-x:hidden!important}

  /* Ini sumber geser kiri-kanan sebelumnya: hapus min-width desktop 760px. */
  body.airkita-pos-page .pos-cart-scroll{overflow:visible!important;border:0!important;border-radius:0!important}
  body.airkita-pos-page .pos-cart-scroll table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;background:transparent!important}
  body.airkita-pos-page .pos-cart-scroll thead{display:none!important}
  body.airkita-pos-page .pos-cart-scroll tbody{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'name name' 'qty price' 'subtotal action'!important;gap:4px 6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:5px 0!important;padding:7px!important;border:1px solid #dce7e3!important;border-radius:9px!important;background:#fff!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;border:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td:nth-child(1){grid-area:name!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td:nth-child(2){grid-area:qty!important;align-self:center!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td:nth-child(3){grid-area:price!important;align-self:center!important;text-align:right!important;font-size:10px!important;color:#64748b!important;white-space:nowrap!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td:nth-child(4){grid-area:subtotal!important;align-self:center!important;text-align:left!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
  body.airkita-pos-page .pos-cart-scroll tr[data-cart-index] td:nth-child(5){grid-area:action!important;align-self:center!important;text-align:right!important}
  body.airkita-pos-page .pos-qty-stepper{display:inline-grid!important;grid-template-columns:30px 43px 30px!important;gap:3px!important;align-items:center!important}
  body.airkita-pos-page .pos-qty-stepper button{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:7px!important;font-size:16px!important}
  body.airkita-pos-page .pos-qty-stepper input{width:43px!important;height:30px!important;min-width:0!important;padding:3px!important;font-size:14px!important;text-align:center!important}
  body.airkita-pos-page .pos-remove-item{min-height:30px!important;padding:4px 7px!important;font-size:10px!important;border-radius:7px!important}

  /* Modal pembayaran benar-benar mengikuti lebar HP. */
  body.airkita-pos-page .payment-modal,
  body.airkita-pos-page .qty-modal{padding:0!important;align-items:flex-end!important;overflow:hidden!important}
  body.airkita-pos-page .payment-modal-box,
  body.airkita-pos-page .qty-modal-box{width:100%!important;max-width:100%!important;min-width:0!important;max-height:96dvh!important;margin:0!important;padding:10px!important;border-width:1px!important;border-radius:15px 15px 0 0!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.airkita-pos-page .payment-head{margin-bottom:6px!important}
  body.airkita-pos-page .payment-head h2{font-size:16px!important;margin:0!important}
  body.airkita-pos-page .payment-head p{font-size:10px!important;margin:2px 0 0!important}
  body.airkita-pos-page .payment-total{top:-10px!important;padding:7px 0!important}
  body.airkita-pos-page .payment-total span{font-size:10px!important}
  body.airkita-pos-page .payment-total strong{font-size:21px!important}
  body.airkita-pos-page .payment-grid{display:block!important;width:100%!important}
  body.airkita-pos-page .payment-grid>div{width:100%!important;min-width:0!important}
  body.airkita-pos-page .payment-modal-box label{margin:5px 0 3px!important;font-size:10px!important}
  body.airkita-pos-page .payment-modal-box input,
  body.airkita-pos-page .payment-modal-box select{min-width:0!important;max-width:100%!important;height:39px!important;padding:6px 8px!important;font-size:13px!important}
  body.airkita-pos-page .member-phone-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important}
  body.airkita-pos-page .member-phone-row .btn{min-width:0!important;padding:5px 7px!important;font-size:10px!important}
  body.airkita-pos-page .print-choice-grid{grid-template-columns:1fr 1fr!important;gap:4px!important}
  body.airkita-pos-page .print-choice{min-height:38px!important;padding:6px!important;font-size:11px!important}
  body.airkita-pos-page .quick-cash-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  body.airkita-pos-page .quick-cash-grid button{min-width:0!important;min-height:40px!important;padding:5px 2px!important;font-size:11px!important;line-height:1.05!important}
  body.airkita-pos-page .quick-cash-grid small{display:none!important}
  body.airkita-pos-page .payment-save{bottom:0!important;width:100%!important;min-height:47px!important;font-size:15px!important;border-radius:10px!important}
}

/* HP sangat kecil: semakin rapat, tetap tanpa scroll horizontal. */
@media (max-width:390px){
  body.airkita-pos-page .content{padding:4px!important}
  body.airkita-pos-page .pos-main-card{padding:5px!important}
  body.airkita-pos-page .queue-tab{padding:4px 5px!important}
  body.airkita-pos-page .pos-summary-mini{grid-template-columns:.7fr 1fr 1fr!important}
  body.airkita-pos-page .pos-summary-mini span{padding:3px!important}
  body.airkita-pos-page .pos-summary-mini span strong{font-size:12px!important}
}
