.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10.8px 18px;background:#0b1220;border-bottom:0.9px solid #1f2937}

.topbar-left,.topbar-right{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;line-height:1.15}
.brand,.who{display:inline-flex;align-items:center;gap:7.2px;white-space:nowrap}
.logo{width:19.8px;height:19.8px;display:inline-block}

@media (max-width: 684px){
  .topbar-left,.topbar-right{flex-wrap:wrap}
}
.brand{font-weight:800;letter-spacing:0.45px}

.pill{display:inline-flex;align-items:center;gap:7.2px;text-decoration:none;color:#e5e7eb;background:#111827;border:0.9px solid #1f2937;padding:7.2px 10.8px;border-radius:899.1px}
.pill:hover{background:#0f172a}
.icon-btn{background:#111827;border:0.9px solid #1f2937;color:#e5e7eb;padding:7.2px 10.8px;border-radius:899.1px}
.icon-btn:hover{background:#0f172a}
.notif{position:relative}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5.4px;font-size:10.8px;font-weight:800;margin-left:5.4px;background:#ef4444;color:white;border-radius:899.1px}
.notif-panel{position:absolute;right:0;top:39.6px;width:min(468px, 92vw);max-height:60vh;overflow:auto;background:#111827;border:0.9px solid #1f2937;border-radius:12.6px;box-shadow:0 9px 27px rgba(0,0,0,.35);padding:9px}
.notif-title{font-weight:800;padding:5.4px 7.2px;border-bottom:0.9px solid #1f2937;margin-bottom:7.2px}
.notif-empty{padding:9px;opacity:.9}

.notif-meta{opacity:.9;margin-top:3.6px;font-size:10.8px}
.notif-msg{opacity:.9;margin-top:5.4px;font-size:11.7px;line-height:1.35}

html,body{overflow-x:hidden}
body{margin:0;font-family:Segoe UI;background:#0f172a;color:#e5e7eb}


body.page-sale.bg-on{background:transparent;position:relative}
body.page-sale.bg-on::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--sale-bg);background-size:cover;background-position:center;transform:scale(1.03)}
body.page-sale.bg-on.bg-blur::before{filter:blur(var(--sale-bg-blur,14.4px))}
body.page-sale.bg-on::after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(15,23,42,.55)}


/* === Global Glow Background (all pages EXCEPT sale & admin dashboard) === */
body:not(.page-sale):not(.page-dashboard)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(1080px 540px at 20% 10%, rgba(59,130,246,.35), transparent 60%),
    radial-gradient(900px 540px at 80% 30%, rgba(34,197,94,.25), transparent 60%),
    radial-gradient(900px 540px at 40% 90%, rgba(236,72,153,.18), transparent 60%),
    linear-gradient(180deg,#0f172a,#0b1220);
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
}
body:not(.page-sale):not(.page-dashboard)::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(15,23,42,.55);
}

body.page-sale.bg1{--sale-bg:radial-gradient(1080px 540px at 20% 10%, rgba(59,130,246,.45), transparent 60%), radial-gradient(900px 540px at 80% 30%, rgba(34,197,94,.35), transparent 60%), linear-gradient(180deg,#0f172a,#0b1220)}
body.page-sale.bg2{--sale-bg:radial-gradient(810px 468px at 30% 20%, rgba(236,72,153,.25), transparent 60%), radial-gradient(810px 468px at 75% 35%, rgba(245,158,11,.25), transparent 60%), linear-gradient(180deg,#0f172a,#0b1220)}
body.page-sale.bg3{--sale-bg:radial-gradient(990px 585px at 30% 15%, rgba(6,182,212,.30), transparent 60%), radial-gradient(810px 486px at 70% 35%, rgba(168,85,247,.25), transparent 60%), linear-gradient(180deg,#0f172a,#0b1220)}
.container{max-width:990px;margin:auto;padding:18px}

body.page-sale .container{max-width:1152px}

body.page-sale .container{padding-top:7.2px}
.panel{background:#111827;padding:13.5px;border-radius:12.6px;margin-bottom:13.5px}


.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13.5px}
.dashboard-grid .panel{margin-bottom:0}
.dashboard-span{grid-column:1 / -1}
.panel.card{transition:transform .12s ease, box-shadow .12s ease}
.panel.card:hover{transform:translateY(-3.6px);box-shadow:0 9px 21.6px rgba(0,0,0,.22)}

/* Classic (V1) look: disable "card" hover lift/shadow */
.panel.card,
.panel.card:hover{
  transform:none !important;
  box-shadow:none !important;
}


@media (max-width: 612px){
  .dashboard-grid{grid-template-columns:1fr}
  .dashboard-span{grid-column:auto}
}

.sale-layout{display:flex;align-items:flex-start;gap:13.5px}
.sale-main{flex:1;min-width:0}
.sale-title{margin:0 0 9px 0;text-align:center}
.sale-side{width:378px;position:sticky;top:68.4px}

.page-sale .sale-side{
  top:68.4px;
  margin-top: 30.6px;
}
.page-sale .sale-main{
  margin-top: 30.6px;
}



.sale-title{margin:0 0 9px 0;text-align:center;}
.help{opacity:.85;font-size:10.8px;margin:7.2px 0 10.8px 0;line-height:1.35}

.shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:100%}

/* Kısayollar: buton görünümü + slot renkleri */
.sc-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.8px;min-height:50.4px;border-radius:12.6px;border:0.9px solid #1f2937;background:#0f172a;color:#e5e7eb;padding:5.4px 7.2px;text-align:center;cursor:pointer}
.sc-btn:hover{filter:brightness(1.08)}
.sc-empty{display:flex;align-items:center;justify-content:center;font-size:23.4px;font-weight:900}
/* Dolu kısayol slotu: hafif mavi parıltı (tasarıma uyumlu) */
.sc-btn.sc-filled{box-shadow:0 0 0 1px rgba(59,130,246,.25), 0 0 12px rgba(59,130,246,.18)}
.sc-btn.sc-filled:hover{box-shadow:0 0 0 1px rgba(59,130,246,.35), 0 0 16px rgba(59,130,246,.24)}


/* fun colors per slot */
.sc0{background:#0f172a}
.sc1{background:#111c2b}
.sc2{background:#0b1b26}
.sc3{background:#171a2e}
.sc4{background:#10203a}
.sc5{background:#0b2230}
.sc6{background:#1a1f35}
.sc7{background:#12212f}
.sc8{background:#0e1a2a}
.sc9{background:#0b1f2f}
.sc10{background:#14223a}
.sc11{background:#0f1f34}
.sc12{background:#0d2133}
.sc13{background:#1a2038}
.sc14{background:#0b2436}
.sc15{background:#14253d}



.sc-name{font-weight:900;font-size:10.8px;line-height:1.05;max-width:100%;text-transform:uppercase;
  white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sc-meta{opacity:.95;font-size:10.8px;font-weight:900}




.total-title{opacity:.85;font-weight:950;letter-spacing:0.9px;font-size:10.8px;margin-bottom:7.2px}
.total-amount{font-weight:950;font-size:27px;line-height:1.15}


.pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.4px;
  padding:12.6px 9px;border-radius:12.6px;border:0.9px solid #1f2937;
  font-weight:950;cursor:pointer;min-height:70.2px}
.pay-ico{font-size:19.8px;line-height:1}
.pay-lbl{font-size:11.7px;letter-spacing:0.54px}
.pay-nakit{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#e5e7eb}
.pay-nakit:hover{background:rgba(34,197,94,.20)}
.pay-pos{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.50);color:#e5e7eb}
.pay-pos:hover{background:rgba(59,130,246,.22)}
.pay-parcali{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.55);color:#e5e7eb}
.pay-parcali:hover{background:rgba(245,158,11,.22)}



















.picker-list{max-height:55vh;overflow:auto}


.picker-sub{opacity:.9;margin-top:3.6px;font-size:10.8px}

@media (max-width: 864px){
  .sale-layout{flex-direction:column}
  .sale-side{width:100%;position:static}
  .page-sale .sale-side{margin-top:32px !important;}
}
input{width:100%;padding:10.8px;border-radius:9px;border:none}

input#barcode{box-sizing:border-box;display:block;line-height:1.25;font-size:13.5px}
button{padding:10.8px 14.4px;border-radius:9px;border:none;cursor:pointer;font-weight:bold}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7.2px;padding:10.8px 14.4px;border-radius:9px;border:none;cursor:pointer;font-weight:bold;text-decoration:none;}
.btn:link,.btn:visited{color:inherit}
.btn-success{background:#22c55e;color:white}

.btn-pos{background:#3b82f6;color:white}
.btn-parcali{background:#f59e0b}
.btn-danger{background:#ef4444;color:white}
.last-sale{margin-top:9px;padding:7.2px 9px;border-radius:10.8px;border:0.9px dashed #1f2937;background:rgba(15,23,42,.45);font-size:11.7px}


.checkout-panel{padding:12.6px}
.checkout-total{text-align:center;margin-bottom:9px}
table{width:100%;border-collapse:collapse}
th,td{padding:9px;border-bottom:0.9px solid #1f2937;vertical-align:middle}
th{text-align:left;white-space:nowrap}


.qty-btn{
  padding:5.4px 9px;
  border-radius:9px;
  border:0.9px solid transparent;
  font-weight:900;
  line-height:1;
}
.qty-num{display:inline-block;min-width:23.4px;text-align:center;font-weight:800}
.qty-dec{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.55);color:#ef4444}
.qty-dec:hover{background:rgba(239,68,68,.18)}
.qty-inc{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.55);color:#22c55e}
.qty-inc:hover{background:rgba(34,197,94,.20)}



.cell-total{white-space:nowrap;text-align:left;font-weight:700;padding-right:5.4px}
.cell-trash{white-space:nowrap;text-align:center;width:1%;padding-left:3.6px;padding-right:5.4px}
.trash-btn{display:inline-flex;align-items:center;justify-content:center;
  padding:5.4px 9px;border-radius:10.8px;background:rgba(239,68,68,.10);
  border:0.9px solid rgba(239,68,68,.45);color:#ef4444;font-weight:900;cursor:pointer}

.trash-btn:hover{background:rgba(239,68,68,.18)}


.user-menu{position:relative}
.user-btn{display:inline-flex;align-items:center;gap:7.2px;
  background:#111827;border:0.9px solid #1f2937;color:#e5e7eb;
  padding:7.2px 10.8px;border-radius:899.1px;font-weight:700;cursor:pointer}
.user-btn:hover{background:#0f172a}
.user-dropdown{position:absolute;right:0;top:39.6px;min-width:180px;
  background:#111827;border:0.9px solid #1f2937;border-radius:12.6px;
  box-shadow:0 9px 27px rgba(0,0,0,.35);padding:7.2px;display:none;z-index:2000}
.user-dd-item{display:flex;align-items:center;gap:9px;
  padding:9px;border-radius:10.8px;text-decoration:none;color:#e5e7eb}
.user-dd-item:hover{background:#0f172a}


a{color:#93c5fd}
a:hover{color:#bfdbfe}

.modal{
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(5.4px);
  -webkit-backdrop-filter: blur(5.4px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.modal-card{
  width: min(648px, 95%);
  background:#111827;
  border:0.9px solid #1f2937;
  border-radius:14.4px;
  padding:14.4px;
}


.partial-grid{
  display:grid;
  gap:5.4px;              
  margin-top:7.2px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

@media (min-width: 648px){
  .partial-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr)); 
  }
}


.partial-grid input{
  width:100%;
  box-sizing:border-box;
  padding:6.3px 7.2px;
  font-size:12.6px;
  text-align:center;
}
.partial-grid label small{
  display:block;
  opacity:.85;
  margin-bottom:3.6px;
}

.partial-grid label{display:block;margin:0 0 5.4px 1.8px;opacity:.85}
.partial-grid input{width:100%}


#partialModal .partial-grid #pdisc{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  padding:10.8px !important;
  border-radius:9px !important;
  font-size:12.6px !important;
  line-height:normal !important;
  box-sizing:border-box !important;
}



.toast-container{position:fixed;top:10.8px;right:10.8px;left:auto;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none}


.toast-container{right:10.8px !important; left:auto !important;}

/* Toast görünümü */
.toast{min-width:216px;max-width:342px;padding:10.8px 12.6px;border-radius:12.6px;box-shadow:0 9px 27px rgba(0,0,0,.18);background:#111827;border:0.9px solid #1f2937;color:#e5e7eb;transform:translateX(12.6px);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:auto}
.toast-success{border-color:rgba(34,197,94,.55)}
.toast-error{border-color:rgba(239,68,68,.55)}
.toast-info{border-color:rgba(59,130,246,.55)}
.toast-in{transform:translateX(0);opacity:1}
.toast-out{transform:translateX(0);opacity:0;transition:opacity .45s linear}






.toast-msg{font-weight:600;letter-spacing:0.09px}
.toast-bar{height:3.6px;margin-top:9px;border-radius:899.1px;background:rgba(255,255,255,.18);overflow:hidden}
.toast-bar > span{display:block;height:100%;width:100%;transform-origin:left;animation:toastbar 3s linear forwards;background:rgba(255,255,255,.30)}
.toast-success .toast-bar > span{background:rgba(34,197,94,.45)}
.toast-error .toast-bar > span{background:rgba(239,68,68,.45)}
@keyframes toastbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}


.scan-tools{display:flex;align-items:center;gap:9px;margin-bottom:7.2px;}
.scan-spacer{flex:1;}
.disc-wrap{display:flex;align-items:center;gap:5.4px;padding:3.6px 7.2px;border-radius:899.1px;border:0.9px solid rgba(0,0,0,0.12);}
.disc-label{font-size:9.9px;opacity:.85;white-space:nowrap;}
.disc-input{display:flex;align-items:center;gap:3.6px;}
.disc-currency{font-size:9.9px;opacity:.7;line-height:1;}
.disc-wrap input{width:41.4px;height:21.6px;text-align:right;padding:1.8px 4.5px;border-radius:8.1px;font-size:9.9px;}


.action-stack{
  display:flex;
  flex-direction:column;
  gap:0; 
}


.action-stack .btn{
  width:100%;
  box-sizing:border-box;
  min-height:36px;
  padding:8px 12px;
  font-size:12px;
  line-height:1.15;
}


.action-stack .stack-form{display:block;margin:0;}

.sale-profit{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:13px;
  font-weight:600;
  color:rgba(203,213,225,.82);
}
.action-stack .stack-form .btn{width:100%;}

.col-seq{ text-align:center; width:81px; }







#pdisc{
  width:72px !important;
  height:28.8px;
  font-size:12.6px;
  padding:3.6px 5.4px;
  text-align:right;
}


#pdisc{
  width:49.5px !important;
  height:23.4px;
  font-size:10.8px;
  padding:1.8px 3.6px;
  text-align:right;
}




#pdisc{
  width:37.8px !important;
  height:21.6px !important;
  font-size:10.8px !important;
  padding:0.9px 2.7px !important;
  box-sizing:border-box;
  text-align:right;
}







#pdisc,
input#pdisc,
.form-control#pdisc{
  width:34.2px !important;
  min-width:34.2px !important;
  max-width:34.2px !important;
  height:19.8px !important;
  min-height:19.8px !important;
  padding:0 1.8px !important;
  font-size:9.9px !important;
  line-height:19.8px !important;
  box-sizing:border-box !important;
  display:inline-block !important;
}





#pdisc::after{
  content:"₺";
}







.disc-wrap{
  display:inline-flex;
  align-items:center;
  gap:3.6px;
}

#discount{
  width:34.2px !important;
  min-width:34.2px !important;
  max-width:34.2px !important;
  height:19.8px !important;
  padding:0 1.8px !important;
  font-size:9.9px !important;
  line-height:19.8px !important;
  text-align:right;
  box-sizing:border-box;
  display:inline-block !important;
}

.disc-currency{
  font-size:11.7px;
  font-weight:600;
  user-select:none;
}




#discount{
  font-size:10.8px !important;
}


.disc-wrap{
  gap:7.2px !important;
}

.disc-currency{
  font-size:12.6px !important;
}




.disc-label{
  font-size:10.8px;
  font-weight:600;
  margin-bottom:1.8px;
}







.disc-label{
  font-size:12.6px !important;   
  font-weight:600;
  text-align:right;
  width:100%;
}


.disc-wrap{
  justify-content:flex-end !important;
}


.disc-currency{
  font-size:12.6px !important;
}





.disc-block .disc-label{
  font-size:12.6px !important;   
  font-weight:600;
  text-align:right;
  line-height:1.1;
  margin-bottom:3.6px;
  width:100%;
}

.disc-block .disc-input{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  width:auto;
}


.disc-block #discount{
  width:37.8px !important;
  min-width:37.8px !important;
  max-width:37.8px !important;
  height:21.6px !important;
  padding:0 2.7px !important;
  font-size:11.7px !important;
  line-height:21.6px !important;
  text-align:right;
  box-sizing:border-box;
}


.disc-block .disc-currency{
  font-size:12.6px !important;
  font-weight:600;
  margin-left:1.8px;  
  user-select:none;
}


.disc-block #discount{
  width:54px !important;     
  min-width:54px !important;
  max-width:54px !important;
  height:25.2px !important;
  padding:1.8px 5.4px !important;
  font-size:12.6px !important; 
  line-height:25.2px !important;
}


.disc-block #discount,
.disc-block input#discount,
input#discount{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  height:30.6px !important;
  min-height:30.6px !important;
  padding:3.6px 7.2px !important;
  font-size:14.4px !important;
  font-weight:600;
  line-height:30.6px !important;
  text-align:right;
  box-sizing:border-box !important;
}


input#discount::placeholder{
  font-size:14.4px;
  opacity:0.6;
}



@keyframes inputShake{
  0%{transform:translateX(0)}
  20%{transform:translateX(-5.4px)}
  40%{transform:translateX(5.4px)}
  60%{transform:translateX(-3.6px)}
  80%{transform:translateX(3.6px)}
  100%{transform:translateX(0)}
}




.toast-container{position:fixed;top:10.8px;right:10.8px;left:auto;z-index:99999;}







.panel form small{
  display:inline-block !important;
  color:inherit !important;
  opacity:0.85 !important;
  font-size:11.7px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  margin-bottom:3.6px !important;
}
.panel form > div > div{
  margin-bottom:1.8px !important;
}


.panel form select{
  margin-top:1.8px !important;
}


.panel form > div > div small{
  padding-left:5.4px !important;   
  display:block !important;
}


.panel form > div > div small{
  padding-left:9px !important;   
}

.panel form select[name="role"],
.panel form select[name="user"],
.panel form input[name="username"]{
  margin-left:9px !important;    
}


.panel form > div > div small{
  padding-left:12.6px !important;   
}

.panel form select[name="role"],
.panel form input[name="username"]{
  margin-left:12.6px !important;    
}




.panel form > div{
  margin-bottom:12.6px !important;
}


.panel form small{
  display:block !important;
  padding-left:12.6px !important;
  margin-bottom:5.4px !important;
  font-size:12.6px !important;
  font-weight:600;
}


.panel form input,
.panel form select{
  display:block;
  width:calc(100% - 12.6px);
  margin-left:12.6px !important;
  padding:7.2px 9px !important;
}


.panel form input[type="password"]{
  margin-top:1.8px !important;
}


.panel form button[type="submit"]{
  margin-left:12.6px !important;   
  margin-top:3.6px !important;     
  padding:9px 12.6px !important;
}


.panel form button[type="submit"]{
  margin-top:-5.4px !important;   
}


.panel form{
  display:flex;
  align-items:flex-end;   
  gap:10.8px;
}


.panel form > div{
  margin-bottom:0 !important;
}


.panel form small{
  padding-left:0 !important;
  margin-bottom:5.4px !important;
}


.panel form input,
.panel form select{
  margin-left:0 !important;
  width:180px;
}


.panel form select[name="role"]{
  width:144px;
}


.panel form button[type="submit"]{
  margin:0 !important;
  height:32.4px;
  align-self:flex-end;
}


.cart-tabs{
  display:flex;
  gap:7.2px;
  margin-bottom:9px;
}
.cart-tab{
  flex:1;
  padding:7.2px 9px;
  border-radius:9px;
  border:0.9px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:inherit;
  font-weight:600;
  cursor:pointer;
}
.cart-tab.active{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.3);
}



/* Active cart glow */
.cart-tab.active{
  box-shadow:0 0 0 1px rgba(59,130,246,.28), 0 0 18px rgba(59,130,246,.22) !important;
}
.cart-panel table{
  table-layout:fixed;
  width:100%;
}
.cart-panel th, .cart-panel td{
  vertical-align:middle;
  white-space:nowrap;
}
.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){ width:46%; text-align:left; }
.cart-panel th:nth-child(2), .cart-panel td:nth-child(2){ width:12%; text-align:center; }
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3){ width:18%; text-align:right; }
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){ width:18%; text-align:right; }
.cart-panel th:nth-child(5), .cart-panel td:nth-child(5){ width:6%;  text-align:right; }


.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){ width:50% !important; }
.cart-panel th:nth-child(2), .cart-panel td:nth-child(2){ width:10% !important; }
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3){ width:16% !important; }
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){ width:18% !important; }
.cart-panel th:nth-child(5), .cart-panel td:nth-child(5){ width:6%  !important; }

.cart-panel th, .cart-panel td{
  padding-left:5.4px !important;
  padding-right:5.4px !important;
}

.cart-panel td:nth-child(1){
  overflow:hidden;
  text-overflow:ellipsis;
}


.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){ width:44% !important; }
.cart-panel th:nth-child(2), .cart-panel td:nth-child(2){ width:12% !important; }
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3){ width:18% !important; }
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){ width:20% !important; }

.cart-panel th, .cart-panel td{
  padding-left:3.6px !important;
  padding-right:3.6px !important;
}


.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){ width:40% !important; }
.cart-panel th:nth-child(2), .cart-panel td:nth-child(2){ width:12% !important; }
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3){ width:20% !important; }
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){ width:22% !important; }

.cart-panel th, .cart-panel td{
  padding-left:2.7px !important;
  padding-right:2.7px !important;
}


.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){
  padding-right:1.8px !important;   
}


.cart-panel th:nth-child(2), .cart-panel td:nth-child(2),
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3),
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){
  padding-left:1.8px !important;
  text-align:left !important;     
}


.cart-panel th, .cart-panel td{
  padding-right:1.8px !important;
}



.cart-panel th:nth-child(1), .cart-panel td:nth-child(1){
  padding-left:10.8px !important;
}


.cart-panel th:nth-child(2), .cart-panel td:nth-child(2),
.cart-panel th:nth-child(3), .cart-panel td:nth-child(3),
.cart-panel th:nth-child(4), .cart-panel td:nth-child(4){
  padding-left:10.8px !important;
  text-align:left !important;
}


.cart-panel th, .cart-panel td{
  padding-right:5.4px !important;
}


.cart-panel .cart-cols{
  display:flex;
  gap:7.2px;                 
  margin-bottom:7.2px;
}
.cart-panel .cart-col{
  flex:1;
  padding:0 9px;          
  font-weight:700;
  opacity:.9;
}

.cart-panel table thead{
  display:none;
}


.cart-panel table thead{ display:block !important; }
.cart-panel table thead tr{
  display:flex !important;
  gap:7.2px !important;                 
}
.cart-panel table thead th{
  flex:1 !important;                  
  padding:0 9px !important;          
  text-align:center !important;
  border-bottom:0 !important;
}

.cart-panel table thead th:last-child{ display:none !important; }


.cart-panel table tbody{ display:table-row-group !important; }


.cart-tabs{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
}
.cart-tab{
  width:100% !important;
}


.cart-panel table thead{
  display:block !important;
}
.cart-panel table thead tr{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
}
.cart-panel table thead th{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 9px !important;  
  text-align:center !important;
  white-space:nowrap !important;
}

.cart-panel table thead th:last-child{
  display:none !important;
}


.cart-panel table tbody{
  display:table-row-group !important;
}


.cart-panel .cart-tabs{
  padding-left:7.2px !important;   
  padding-right:7.2px !important;
  box-sizing:border-box !important;
  gap:7.2px !important;
}

.cart-panel table{
  border-collapse:separate !important; 
}

.cart-panel table thead{
  display:block !important;
}
.cart-panel table thead tr{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  column-gap:7.2px !important;     
  padding-left:7.2px !important;   
  padding-right:7.2px !important;
  box-sizing:border-box !important;
}
.cart-panel table thead th{
  padding:0 9px !important;
  justify-content:center !important;
}



.cart-panel table thead{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding-left:7.2px !important;  
  padding-right:7.2px !important;
}
.cart-panel table thead tr{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}
.cart-panel table thead th{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  
  width:calc((100% - 21.6px) / 4) !important;
  margin-right:7.2px !important;
  padding:0 9px !important;
  text-align:center !important;
  border-bottom:0 !important;
}
.cart-panel table thead th:nth-child(4){
  margin-right:0 !important;
}

.cart-panel table thead th:nth-child(5){
  display:none !important;
  margin:0 !important;
  width:0 !important;
  padding:0 !important;
}



.cart-panel .cart-tabs{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
  padding-left:0 !important;   
  padding-right:0 !important;
  box-sizing:border-box !important;
}

.cart-panel .cart-cols{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
  margin-top:7.2px !important;
  margin-bottom:7.2px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

.cart-panel .cart-col{
  padding:0 9px !important;     
  font-weight:700;
  text-align:center;
  opacity:.95;
}


.cart-panel table thead{
  position:absolute !important;
  left:-89999.1px !important;
  top:auto !important;
  width:0.9px !important;
  height:0.9px !important;
  overflow:hidden !important;
}


.cart-panel table{
  table-layout:fixed !important;
  width:100% !important;
}
.cart-panel td, .cart-panel th{
  vertical-align:middle;
}
.cart-panel td:nth-child(1){ width:25% !important; }
.cart-panel td:nth-child(2){ width:25% !important; text-align:center !important; }
.cart-panel td:nth-child(3){ width:25% !important; text-align:center !important; }
.cart-panel td:nth-child(4){ width:25% !important; }


.cart-panel td.cell-total{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:9px !important;
  padding-right:9px !important;
}
.cart-panel td.cell-total .total-val{
  font-weight:800;
  white-space:nowrap;
}
.cart-panel td.cell-total .trash-btn{
  margin-left:auto;
}


.cart-panel table tr > td:nth-child(5),
.cart-panel table tr > th:nth-child(5){
  display:none !important;
}


.cart-panel table{
  table-layout:fixed !important;
  width:100% !important;
  border-collapse:collapse !important;
}
.cart-panel table colgroup col:nth-child(1){ width:46%; }
.cart-panel table colgroup col:nth-child(2){ width:12%; }
.cart-panel table colgroup col:nth-child(3){ width:18%; }
.cart-panel table colgroup col:nth-child(4){ width:18%; }
.cart-panel table colgroup col:nth-child(5){ width:6%; }

.cart-panel td, .cart-panel th{
  padding:9px 9px !important;
  vertical-align:middle;
  box-sizing:border-box;
}
.cart-panel td.cell-qty, .cart-panel th:nth-child(2){ text-align:center !important; }
.cart-panel td.cell-unit, .cart-panel th:nth-child(3){ text-align:right !important; }
.cart-panel td.cell-total, .cart-panel th:nth-child(4){ text-align:right !important; font-weight:800; white-space:nowrap; }


.cart-panel td.cell-trash{
  text-align:right !important;
  padding-right:12.6px !important;
}
.cart-panel td.cell-trash .trash-btn{
  margin-left:auto;
}


.cart-panel table thead th:nth-child(5){
  opacity:0 !important;
}


.cart-panel table{
  display:table !important;
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}
.cart-panel table thead{
  
  position:absolute !important;
  left:-89999.1px !important;
  width:0.9px !important;
  height:0.9px !important;
  overflow:hidden !important;
}
.cart-panel table tbody{
  display:table-row-group !important;
  width:auto !important;
}
.cart-panel table tr{
  display:table-row !important;
}
.cart-panel table td, .cart-panel table th{
  display:table-cell !important;
  padding:9px 9px !important;
  box-sizing:border-box !important;
}


.cart-panel table tr > td:nth-child(5),
.cart-panel table tr > th:nth-child(5){
  display:table-cell !important;
  opacity:1 !important;
}


.cart-panel table tr > td:nth-child(1){ width:46% !important; }
.cart-panel table tr > td:nth-child(2){ width:12% !important; text-align:center !important; }
.cart-panel table tr > td:nth-child(3){ width:18% !important; text-align:right !important; white-space:nowrap !important; }
.cart-panel table tr > td:nth-child(4){ width:18% !important; text-align:right !important; font-weight:800 !important; white-space:nowrap !important; }
.cart-panel table tr > td:nth-child(5){ width:6%  !important; text-align:right !important; padding-right:12.6px !important; }

.cart-panel td.cell-trash .trash-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}



.cart-panel .cart-tabs{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
}
.cart-panel .cart-cols{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:7.2px !important;
  margin-top:7.2px !important;
  padding-bottom:9px !important;
  border-bottom:0.9px solid rgba(255,255,255,.10) !important; 
}
.cart-panel .cart-col{
  padding:0 9px !important;
  font-weight:700;
  text-align:center;
  opacity:.95;
}


.cart-panel table thead{
  display:none !important;
}


.cart-panel table{
  display:block !important;
  width:100% !important;
}
.cart-panel table tbody{
  display:block !important;
  width:100% !important;
}
.cart-panel table tbody tr{
  display:grid !important;
  grid-template-columns:44% 14% 18% 18% 6% !important;
  column-gap:7.2px !important;
  align-items:center !important;
  padding:10.8px 0 !important;
  border-bottom:0.9px solid rgba(255,255,255,.06) !important;
}
.cart-panel table tbody td{
  border:0 !important;
  padding:0 9px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}


.cart-panel table tbody td:nth-child(1){
  text-align:left !important;
  white-space:normal !important;
}
.cart-panel table tbody td:nth-child(1) small{
  display:block;
  opacity:.75;
  margin-top:1.8px;
}


.cart-panel table tbody td:nth-child(2){
  text-align:center !important;
}


.cart-panel table tbody td:nth-child(3){
  text-align:right !important;
}
.cart-panel table tbody td:nth-child(4){
  text-align:right !important;
  font-weight:800;
}


.cart-panel table tbody td:nth-child(5){
  text-align:right !important;
  padding-right:12.6px !important;
}


.cart-panel table tbody tr{
  grid-template-columns:repeat(4, 1fr) 50.4px !important; 
  column-gap:7.2px !important;
}
.cart-panel table tbody td{
  padding:0 9px !important;
}


.cart-panel table tbody td:nth-child(1){
  text-align:center !important;
  justify-self:center !important;
  white-space:normal !important;
  transform:translateX(3.6px) !important; 
}
.cart-panel table tbody td:nth-child(2){
  text-align:center !important;
  justify-self:center !important;
}
.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  text-align:center !important;
  justify-self:center !important;
  transform:translateX(3.6px) !important; 
  white-space:nowrap !important;
}
.cart-panel table tbody td:nth-child(5){
  text-align:right !important;
  justify-self:end !important;
  width:50.4px !important;
  padding-right:12.6px !important;
}


.cart-panel table tbody td:nth-child(2),
.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  padding-left:0 !important;   
  padding-right:5.4px !important;
  transform:translateX(-16.2px); 
}

.cart-panel table thead th:nth-child(2),
.cart-panel table thead th:nth-child(3),
.cart-panel table thead th:nth-child(4){
  transform:translateX(-16.2px);
}
.cart-panel .cart-cols .cart-col:nth-child(2),
.cart-panel .cart-cols .cart-col:nth-child(3),
.cart-panel .cart-cols .cart-col:nth-child(4){
  transform:translateX(-16.2px);
}


.cart-panel table tbody td:nth-child(2),
.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4),
.cart-panel table thead th:nth-child(2),
.cart-panel table thead th:nth-child(3),
.cart-panel table thead th:nth-child(4),
.cart-panel .cart-cols .cart-col:nth-child(2),
.cart-panel .cart-cols .cart-col:nth-child(3),
.cart-panel .cart-cols .cart-col:nth-child(4){
  transform:translateX(-23.4px) !important;
}



.cart-panel .cart-cols .cart-col:nth-child(2),
.cart-panel .cart-cols .cart-col:nth-child(3),
.cart-panel .cart-cols .cart-col:nth-child(4){
  transform:translateX(0) !important; 
}


.cart-panel table thead th:nth-child(2),
.cart-panel table thead th:nth-child(3),
.cart-panel table thead th:nth-child(4){
  transform:translateX(0) !important;
}




.cart-panel table tbody td:nth-child(1){
  padding-left:16.2px !important; 
}


.cart-panel table tbody td:nth-child(2){
  transform:translateX(0.9px) !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:translateX(-3.6px) !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:translateX(-5.4px) !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:translateX(-5.4px) !important; 
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:translateX(-10.8px) !important;
}




.cart-panel table tbody td:nth-child(1),
.cart-panel table tbody td:nth-child(2),
.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:none !important;
}


.cart-panel table tbody td:nth-child(1){
  text-align:center !important;
  justify-self:stretch !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.cart-panel table tbody td:nth-child(1) strong,
.cart-panel table tbody td:nth-child(1) small{
  display:block;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}


.cart-panel table tbody td:nth-child(2){
  text-align:center !important;
  justify-self:center !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  text-align:center !important;
  justify-self:center !important;
  white-space:nowrap !important;
}


.cart-panel table tbody td:nth-child(5){
  justify-self:end !important;
}


.cart-panel td:nth-child(1){
  max-width:none !important;
}


.cart-panel table tbody td:nth-child(1){
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;            
}

.cart-panel table tbody td:nth-child(1) small{
  margin:0 !important;
  padding:0 !important;
  line-height:1.2 !important;
}


.cart-panel table tbody td:nth-child(1){
  display:block !important;   
}
.cart-panel table tbody td:nth-child(1) small{
  display:block;
  margin-top:-3.6px !important; 
  line-height:1.1 !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  transform:translateX(7.2px) !important;  
}




.page-sale .cart-panel table tbody td.cell-product .pname{
  font-weight:800;
  line-height:1.1;
  margin:0;
  padding:0;
}
.page-sale .cart-panel table tbody td.cell-product .pbar{
  opacity:.75;
  font-size:10.8px;
  line-height:1.1;
  margin:0;
  padding:0;
}


.page-sale .cart-panel table tbody td:nth-child(3),
.page-sale .cart-panel table tbody td:nth-child(4){
  text-align:center !important;
  justify-self:center !important;
  transform:none !important; 
}


.page-sale .cart-panel table tbody td:nth-child(5){
  justify-self:end !important;
}



.page-sale .cart-panel table tbody td:nth-child(1),
.page-sale .cart-panel table tbody td.cell-product{
  text-align:center !important;
  justify-self:center !important;
  transform:translateX(3.6px) !important;
}

.page-sale .cart-panel table tbody td:nth-child(3),
.page-sale .cart-panel table tbody td:nth-child(4){
  transform:translateX(3.6px) !important;
}




.page-sale .cart-panel .cart-cols{
  padding-right:0 !important; 
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) 50.4px !important;
  gap:7.2px !important;
}


.page-sale .cart-panel .cart-cols::after{
  content:"";
}


.page-sale .cart-panel .cart-tabs{
  padding-right:0 !important;
  box-sizing:border-box !important;
}

.page-sale .cart-panel table tbody tr{ column-gap:7.2px !important; }




.page-sale .cart-panel{
  --cart-grid: repeat(4, 1fr);
  --cart-gap: 7.2px;
  --cart-pad-x: 0px;
  --trash-col: 50.4px;
}


.page-sale .cart-panel .cart-tabs{
  display:grid !important;
  grid-template-columns: var(--cart-grid) var(--trash-col) !important;
  gap: var(--cart-gap) !important;
  padding: 0 var(--cart-pad-x) !important;
  box-sizing: border-box !important;
}

.page-sale .cart-panel .cart-tabs::after{ content:""; }


.page-sale .cart-panel .cart-cols{
  display:grid !important;
  grid-template-columns: var(--cart-grid) var(--trash-col) !important;
  gap: var(--cart-gap) !important;
  padding: 0 var(--cart-pad-x) !important;
  box-sizing: border-box !important;
}

.page-sale .cart-panel .cart-cols::after{ content:""; }

.page-sale .cart-panel .cart-cols .cart-col{
  padding:0 !important;
  text-align:center !important;
}


.cart-panel table thead{
  display:block !important;
}
.page-sale .cart-panel table thead tr{
  display:grid !important;
  grid-template-columns: var(--cart-grid) var(--trash-col) !important;
  gap: var(--cart-gap) !important;
  padding: 0 var(--cart-pad-x) !important;
  box-sizing:border-box !important;
}
.cart-panel table thead th{
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border-bottom:0 !important;
}

.page-sale .cart-panel table thead th:last-child{
  display:flex !important;
  visibility:hidden !important;
  width: var(--trash-col) !important;
}


.cart-panel table tbody{
  display:block !important;
  width:100% !important;
}
.page-sale .cart-panel table tbody tr{
  display:grid !important;
  grid-template-columns: var(--cart-grid) var(--trash-col) !important;
  gap: var(--cart-gap) !important;
  align-items:center !important;
  padding: 10.8px var(--cart-pad-x) !important;
  box-sizing:border-box !important;
  border-bottom:0.9px solid rgba(255,255,255,.06) !important;
}
.cart-panel table tbody td{
  border:0 !important;
  padding:0 !important;            
  box-sizing:border-box !important;
}


.cart-panel table tbody td:nth-child(1){
  text-align:center !important;
  white-space:normal !important;
}
.cart-panel table tbody td:nth-child(1).cell-product{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.cart-panel .cell-product .pname{
  line-height:1.15 !important;
  margin:0 !important;
}
.cart-panel .cell-product .pbar{
  line-height:1.1 !important;
  margin:0 !important;             
  padding:0 !important;
  opacity:.75 !important;
  font-size:.86em !important;
}


.cart-panel table tbody td:nth-child(2){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 9px !important;
  text-align:center !important;
  white-space:nowrap !important;
}


.cart-panel table tbody td:nth-child(3),
.cart-panel table tbody td:nth-child(4){
  text-align:center !important;
  justify-self:center !important;
  white-space:nowrap !important;
}


.cart-panel table tbody td:nth-child(5){
  width: var(--trash-col) !important;
  justify-self:end !important;
  text-align:right !important;
}



.page-sale .cart-panel{
  --trash-col: 50.4px;
  --cart-gap: 7.2px;
  --cart-pad-x: 9px;
}


.page-sale .cart-panel .cart-cols{
  display:grid !important;
  
  grid-template-columns: repeat(4, 1fr) var(--trash-col) !important;
  column-gap: var(--cart-gap) !important;
  
  padding: 7.2px var(--cart-pad-x) 12.6px var(--cart-pad-x) !important;
  margin: 0 !important;
  border-bottom: 0.9px solid rgba(255,255,255,.10) !important;
}

.page-sale .cart-panel .cart-cols .cart-col{
  text-align:center !important;
  justify-self:stretch !important;
}


.page-sale .cart-panel .cart-tabs{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) var(--trash-col) !important;
  column-gap: var(--cart-gap) !important;
  align-items:center !important;
}
.page-sale .cart-panel .cart-tabs > *{
  width:100% !important;
}


.page-sale .cart-panel table tbody tr{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) var(--trash-col) !important;
  column-gap: var(--cart-gap) !important;
  align-items:center !important;
}

.page-sale .cart-panel table tbody td{
  padding: 0 var(--cart-pad-x) !important;
  box-sizing:border-box !important;
}


.page-sale .cart-panel table tbody td.cell-product{
  text-align:center !important;
}
.page-sale .cart-panel table tbody td.cell-product .pname,
.page-sale .cart-panel table tbody td.cell-product .pbar{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.1 !important;
}
.page-sale .cart-panel table tbody td.cell-product .pbar{
  margin-top:-3.6px !important; 
}


.page-sale .cart-panel table tbody td:nth-child(2){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
}


.page-sale .cart-panel table tbody td.cell-unit,
.page-sale .cart-panel table tbody td.cell-total{
  text-align:center !important;
}
.page-sale .cart-panel table tbody td.cell-unit .val,
.page-sale .cart-panel table tbody td.cell-total .val{
  display:inline-block !important;
  width:100% !important;
  text-align:center !important;
  white-space:nowrap !important;
}


.page-sale .cart-panel table tbody td.cell-unit .val,
.page-sale .cart-panel table tbody td.cell-total .val{
  transform: translateX(-8.1px) !important;
}


.page-sale .cart-panel table tbody td.cell-trash{
  width: var(--trash-col) !important;
  justify-self:end !important;
  text-align:right !important;
  padding-right: 12.6px !important;
}



.partial-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:5.4px;
  align-items:stretch;
}

.partial-grid > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.partial-grid label{
  width:100%;
  text-align:center;
}

.partial-grid label small{
  display:block;
  text-align:center;
  margin-bottom:5.4px;
  opacity:.9;
}

.partial-grid input{
  width:100%;
  max-width:100%;
  height:32.4px;
  padding:5.4px 7.2px;
  font-size:12.6px;
  text-align:center;
  box-sizing:border-box;
}



#partialModal .partial-grid input#pcredit{
  height:34.2px !important;
  font-size:13.5px !important;
}

#partialModal #pcustWrap input#pcust{
  width:100% !important;
  height:34.2px !important;
  font-size:13.5px !important;
  padding:8.1px 9px !important;
  box-sizing:border-box !important;
}

#partialModal #pcustWrap label,
#partialModal #pcustWrap small{
  text-align:center;
  display:block;
}



#partialModal .pcust-wrap{
  max-height:0;
  opacity:0;
  transform: translateY(-3.6px);
  overflow:hidden;
  transition: max-height .22s ease, opacity .22s ease, transform .22s ease;
}
#partialModal .pcust-wrap.open{
  max-height:108px;
  opacity:1;
  transform: translateY(0);
}


#partialModal .partial-grid input{
  height:34.2px !important;
  font-size:13.5px !important;
}
#partialModal .partial-grid input#pdisc{
  height:34.2px !important;
  font-size:13.5px !important;
}



#miscModal .misc-grid{
  display:grid;
  grid-template-columns: 1fr 126px;
  column-gap:7.2px; 
  row-gap:7.2px;
  align-items:end;
}
#miscModal .misc-grid > div{ min-width:0; }
#miscModal .misc-grid input{
  height:30.6px;
  padding:6.3px 9px;
  font-size:12.6px;
  box-sizing:border-box;
}




@media (max-width: 691.2px){
  body{ font-size:12.6px; }
  .topbar{ padding:7.2px 9px; }
  .topbar-left,.topbar-right{ gap:5.4px; }
  .pill{ padding:5.4px 7.2px; font-size:11.7px; }

  
  
  
  

  
  
  

  
  #partialModal .partial-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }

  
  
}



@media (max-width: 774px){
  .topbar{position:sticky; top:0; flex-wrap:wrap; height:auto;}
  .topbar-left{flex-wrap:wrap; min-width:0;}
  .topbar-left .pill{max-width:100%;}
  .container{padding-left:12.6px; padding-right:12.6px;}
  .panel{border-radius:10.8px;}
}


@media (max-width: 882px){
  .sale-layout{flex-direction:column;}
  .sale-side{width:100% !important;}
  .cart-panel{max-height:306px;}
}


@media (max-width: 774px){
  .panel table, table.table{display:block; width:100%; overflow-x:auto;}
  .panel table thead, table.table thead{display:table; width:100%;}
}








.page-sale .sale-side{
  margin-top: 27px !important; 
}


.page-sale .scan-panel{
  margin-top: -5.4px !important;
}




.page-sale .scan-panel,
.page-sale .cart-panel{
  width: calc(100% - 10.8px) !important;
  margin-left: 10.8px !important;
}



.page-sale .scan-panel,
.page-sale .cart-panel{
  box-sizing:border-box !important;
  width: calc(100% - 12.6px) !important;
  margin-left:12.6px !important;
  margin-right:0 !important;
}


.page-sale .scan-panel,
.page-sale .cart-panel{
  box-sizing:border-box !important;
  width: calc(100% - 16.2px) !important;
  margin-left:16.2px !important;
  margin-right:0 !important;
}


.page-sale .sale-side{
  margin-left:-7.2px !important;
}



.page-sale .scan-panel,
.page-sale .cart-panel{
  box-sizing:border-box !important;
  margin-left:0 !important;
  width: calc(100% - 10.8px) !important;
  margin-right:10.8px !important;
}


.page-sale .sale-side{
  margin-left:-5.4px !important;
}



.page-sale .scan-panel,
.page-sale .cart-panel{
  box-sizing:border-box !important;
  margin-left:0 !important;
  width: calc(100% - 7.2px) !important;  
  margin-right:7.2px !important;
}


.page-sale .sale-side{
  margin-left:-3.6px !important; 
}



.page-sale .scan-panel,
.page-sale .cart-panel{
  box-sizing:border-box !important;
  margin-left:3.6px !important;          
  width: calc(100% - 10.8px) !important;  
  margin-right:7.2px !important;         
}


.topbar{z-index:3000 !important;}
.notif-panel{z-index:3100 !important;}
.page-sale .scan-panel{z-index:1 !important; margin-top:0 !important;}



.sale-main{
  margin-top:-4.5px !important;
}


.sale-title{position:relative; top:0.9px !important;}

/* ===============================
   Navbar stok bildirimleri (premium glass)
   =============================== */
.notif-list{
  display:flex;
  flex-direction:column;
  gap:10.8px;
  padding:9px;
}

.notif-item{
  padding:10.8px 12.6px;
  background:rgba(255,255,255,0.06);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border-radius:10.8px;
  border:0.9px solid rgba(255,255,255,0.08);
  color:#e5e7eb;
  font-size:12.6px;
  line-height:1.4;
  transition:all .2s ease;
}

.notif-item:hover{
  background:rgba(255,255,255,0.12);
  transform:translateY(-3.6px);
  box-shadow:0 5.4px 16.2px rgba(0,0,0,0.25);
}


/* === Sale title alignment 0.9px fix === */
.sale-main .panel,
.sale-main .cart-panel,
.sale-main .scan-panel{
  margin-top:-3.6px !important;
}

/* === Input error micro-shake (discount etc.) === */
@keyframes inputShake{
  0%{ transform: translateX(0); }
  20%{ transform: translateX(-2.7px); }
  40%{ transform: translateX(2.7px); }
  60%{ transform: translateX(-1.8px); }
  80%{ transform: translateX(1.8px); }
  100%{ transform: translateX(0); }
}
.input-error{
  animation: inputShake 0.32s ease-in-out 0s 1;
  border-color: rgba(255, 80, 80, 0.85) !important;
  box-shadow: 0 0 0 1.8px rgba(255, 80, 80, 0.18) !important;
}
/* === End input error === */

/* === Sticky footer fix (avoid floating footer on short pages) === */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
footer { margin-top: auto; }
/* === End sticky footer fix === */

/* --- Total panel discount line --- */
.checkout-total .total-sub{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:6px;
  opacity:0.9;
  font-size:12px;
}
.checkout-total .total-sub .sub-lbl{ letter-spacing:0.3px; }
.checkout-total .total-sub .sub-val{ font-variant-numeric: tabular-nums; }
/* --- End total panel discount line --- */

/* --- Discount input readability fix (prevent bleed/overlay) --- */
#discount{
  background: rgba(18,18,22,0.88) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  outline: none !important;
  position: relative !important;
  z-index: 2 !important;
}
#discount::placeholder{
  color: rgba(255,255,255,0.45) !important;
}
/* --- End discount input fix --- */

/* --- Cart scroll after 5 items --- */
.cart-scroll{
  max-height: 260px; /* ~5 satir */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.cart-scroll::-webkit-scrollbar{ width: 8px; }
.cart-scroll::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.18);
  border-radius: 10px;
}
.cart-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,0.06);
  border-radius: 10px;
}
/* --- End cart scroll --- */

/* MOBILE DESKTOP-FALLBACK (force left aligned desktop layout instead of centered blank slice) */
html.is-mobile body{overflow-x:auto; -webkit-overflow-scrolling:touch;}
html.is-mobile body.page-sale .container,
html.is-mobile body.page-sale .wrap{max-width:none !important; width:1152px !important; margin-left:0 !important; margin-right:0 !important;}
html.is-mobile body.page-admin .container,
html.is-mobile body.page-admin .wrap{max-width:none !important; width:1062px !important; margin-left:0 !important; margin-right:0 !important;}



/* Top10 mobile fix: prevent table layout collapsing in responsive scaling */
@media (max-width: 774px){
  .top10Wrap{ overflow:auto; -webkit-overflow-scrolling: touch; }
  .top10Table{ display: table !important; width: 100% !important; }
  .top10Table thead{ display: table-header-group !important; width:auto !important; }
  .top10Table tbody{ display: table-row-group !important; width:auto !important; }
  .top10Table tr{ display: table-row !important; }
  .top10Table th, .top10Table td{ white-space: normal; }
}


/* Global: Sayfa başlıklarını ortala (Satış sayfası hariç) */
body:not(.page-sale) h2{ text-align:center; }

/* Satış: aktif sepet (tab) hafif mavi parıltı */
.page-sale .cart-tab.active{ box-shadow:0 0 0 1px rgba(59,130,246,.35), 0 0 18px rgba(59,130,246,.25) !important; border-color:rgba(59,130,246,.45) !important; }

/* FIX sale-side align FINAL */
.sale-side{margin-top:36px !important;}

/* FIX footer consistent */
footer,


/* Admin pages: use the same background as "Koyu" theme (clean dark) */
/* Admin footer: fully opaque (no gradient bleeding) */
.page-admin .site-
/* Slightly soften panels in vivid/canlı theme (do not overdo) */
body.theme1 .panel .help,
body.theme1 .panel small{
  opacity: .85;
}

/* Admin footer: opaque and neutral (no vivid bleed-through) */
body/* Sales screen: right column alignment fine-tune */
body.layout-v3.page-sale .sale-side{
  margin-top: 26px !important;
}
/* admin/sales.php: bring Tarih/Saat and Kasiyer closer */
.page-sales table th:nth-child(3), .page-sales table td:nth-child(3){ padding-right: 2px !important; }
.page-sales table th:nth-child(4), .page-sales table td:nth-child(4){ padding-left: 2px !important; }


/* Appearance page: slightly more transparent panels */
.page-appearance .panel{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04)) !important;}


/* Footer: definitive (match sale/index.php everywhere) */
body[data-only-admin="1"]
/* Footer: match sale/index.php everywhere */
.site-footer{margin:16.2px 0 0 0;padding:14.4px 10.8px;border-top:0.9px solid rgba(255,255,255,.10);background:rgba(0,0,0,.14) !important;backdrop-filter:none !important;width:100%;}
.site-footer-inner{max-width:1080px;margin:0 auto;}



/* Canlı (theme3): only dashboard cards use a glassy vivid look (do NOT affect other pages) */
body.theme3.page-dashboard .panel.card{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
  border: 0.9px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10.8px);
  -webkit-backdrop-filter: blur(10.8px);
  box-shadow: 0 10.8px 32.4px rgba(0,0,0,.25);
}



.page-sales table th:nth-child(3), .page-sales table td:nth-child(3){ width: 170px !important; white-space: nowrap; }
.page-sales table th:nth-child(4), .page-sales table td:nth-child(4){ width: 120px !important; white-space: nowrap; }
.page-sales table th:nth-child(3), .page-sales table td:nth-child(3){ padding-right: 0 !important; }
.page-sales table th:nth-child(4), .page-sales table td:nth-child(4){ padding-left: 0 !important; }

/* --- v17: sales spacing + action buttons + centered profit text --- */
.sale-profit{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:13px;
  font-weight:600;
  color:rgba(148,163,184,.88);
  text-align:center;
}

.page-sales table th:nth-child(3),
.page-sales table td:nth-child(3){
  width:158px !important;
  white-space:nowrap;
  padding-right:8px !important;
}

.page-sales table th:nth-child(4),
.page-sales table td:nth-child(4){
  width:116px !important;
  white-space:nowrap;
  padding-left:8px !important;
  padding-right:8px !important;
}

.page-sales table th:nth-child(5),
.page-sales table td:nth-child(5){
  width:98px !important;
  white-space:nowrap;
  padding-left:8px !important;
}

.page-sales .action-stack .btn,
.page-sales .action-stack .stack-form .btn{
  min-height:40px;
  padding:9px 15px;
  font-size:13px;
  line-height:1.2;
  border-radius:8px;
}