
body{background:radial-gradient(900px 600px at 12% 0%, rgba(110,170,255,.28), transparent 55%),radial-gradient(840px 540px at 92% 12%, rgba(255,140,120,.22), transparent 55%),radial-gradient(720px 540px at 55% 95%, rgba(90,255,210,.16), transparent 60%),linear-gradient(180deg,#070b18,#0b1330);color:#eaf2ff}
.topbar{box-shadow:0 6px 24px rgba(0,0,0,.25);background:rgba(15,23,42,.85);backdrop-filter:blur(7.2px);border-bottom:0.9px solid rgba(255,255,255,.08)}
.panel{background:rgba(17,24,39,.85);backdrop-filter:blur(7.2px);border:0.9px solid rgba(255,255,255,.08)}
.pill,.icon-btn{background:rgba(17,24,39,.8);border:0.9px solid rgba(255,255,255,.12);color:#e5e7eb}
.pill:hover,.icon-btn:hover{filter:brightness(1.08)}


.btn-pos{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.btn-parcali{background:linear-gradient(135deg,#f59e0b,#d97706)}
.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}

.toast-bar{background:rgba(255,255,255,.08)}
.toast-bar span{background:linear-gradient(90deg,#22c55e,#3b82f6,#f59e0b)}

#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 #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;
}



#partialModal .partial-grid > div{ min-width:0; }
#partialModal .partial-grid input{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:30.6px !important;
  padding:6.3px 7.2px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  font-size:12.6px !important;
}
#partialModal .partial-grid input::placeholder{ text-align:center; opacity:.65; }
#partialModal .partial-grid label small{
  width:100%;
  text-align:center;
  display:block;
  margin-bottom:3.6px;
  opacity:.85;
}



#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;
}

