/* V4.2.27A UI6 — cashier readability, dual-mode discounts, clearer desktop cards. */

.category-discount.discount-control{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) minmax(260px,1.25fr);
  gap:12px 16px;
  align-items:center;
  margin-top:14px;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--oj-primary,#2563eb) 22%,#d9e1ec);
  border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--oj-primary,#2563eb) 7%,#fff),color-mix(in srgb,#8b5cf6 6%,#fff));
  box-shadow:0 8px 20px rgba(37,99,235,.055);
}
.discount-control.has-discount{
  border-color:color-mix(in srgb,var(--oj-success,#059669) 50%,#d9e1ec);
  background:linear-gradient(135deg,color-mix(in srgb,var(--oj-success,#059669) 8%,#fff),color-mix(in srgb,var(--oj-primary,#2563eb) 6%,#fff));
}
.discount-control-copy{display:grid;gap:4px;align-self:start}
.discount-control-copy>span{color:var(--oj-text,#172033);font-size:13px;font-weight:900;letter-spacing:.01em}
.discount-control-copy small{color:var(--oj-text-2,#5e6b7d);font-size:11.5px;line-height:1.45}
.discount-control-main{display:grid;grid-template-columns:minmax(190px,1fr) minmax(145px,.72fr);gap:10px;align-items:stretch}
.discount-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #d7dfeb;border-radius:13px;background:rgba(255,255,255,.76)}
.discount-mode-btn{min-height:42px;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:#586579;font-size:11.5px;font-weight:850;cursor:pointer}
.discount-mode-btn:hover{background:#eef4ff;color:#1d4ed8}
.discount-mode-btn.active{background:linear-gradient(135deg,#2563eb,#6d5dfc);color:#fff;box-shadow:0 7px 15px rgba(37,99,235,.22)}
.discount-value-field{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:50px;padding:0 12px!important;border:1px solid #c8d3e2!important;border-radius:13px!important;background:#fff!important}
.discount-value-field:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.discount-value-field>span{color:#31517f!important;font-size:12px!important;font-weight:950!important}
.discount-value-field input{min-width:0!important;min-height:46px!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important;color:#111827!important;font-size:16px!important;font-weight:850!important;outline:none!important;box-shadow:none!important}
.discount-value-field input::placeholder{color:#9aa6b6!important}
.discount-live-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.discount-live-summary span{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(148,163,184,.22);border-radius:11px;background:rgba(255,255,255,.78);color:#667085;font-size:10.5px;font-weight:700}
.discount-live-summary b{color:#1f2937;font-size:12px;font-variant-numeric:tabular-nums}
.discount-live-summary span:nth-child(2) b{color:#c2410c}
.discount-live-summary span:nth-child(3) b{color:#047857}

@media (min-width:1024px){
  .cashier-layout{gap:20px}
  .cashier-stack{gap:18px}
  .cashier-card{
    padding:20px;
    border:1px solid color-mix(in srgb,var(--oj-primary,#2563eb) 10%,#dfe5ee);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.96));
    box-shadow:0 14px 34px rgba(15,23,42,.075);
  }
  .cashier-section-head{margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #e7edf5}
  .cashier-title{font-size:19px!important;line-height:1.25!important;letter-spacing:-.015em}
  .cashier-sub{margin-top:5px!important;color:#526174!important;font-size:13.5px!important;line-height:1.55!important;font-weight:550!important}
  .section-status{min-height:31px;padding:7px 10px;font-size:10.5px!important;letter-spacing:.01em}
  .branch-lock-card>div>span,.cashier-field label,.payment-field label,.rx-mini-field label{font-size:11.5px!important;letter-spacing:.025em!important;color:#536176!important}
  .branch-lock-card>div>strong{font-size:18px!important}
  .cashier-field input,.cashier-field select,.cashier-search input,.payment-field input,.payment-field select{min-height:50px!important;font-size:14px!important}
  .cashier-search button,.cashier-add-customer-btn,.optical-action-btn,.cashier-quick-pay,.mini-action{min-height:48px!important;font-size:12.5px!important}
  .cashier-customer-actions small{font-size:12px!important;line-height:1.5!important;color:#5e6b7d!important}
  .cashier-selected{padding:15px!important;border-radius:16px!important}
  .cashier-selected strong{font-size:15px!important}
  .cashier-selected span{font-size:12px!important;line-height:1.55!important}
  .optical-item-card{gap:17px!important}
  .optical-slot{padding:17px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important}
  .optical-slot-head b{font-size:14px!important;letter-spacing:.015em}
  .optical-slot-head span{margin-top:4px!important;color:#5e6b7d!important;font-size:11.5px!important;line-height:1.4!important}
  .optical-selected{min-height:86px!important;padding:14px!important;border-color:#e3e9f1!important;color:#4b596d!important;font-size:12.5px!important;line-height:1.5!important}
  .selected-item-head b,.cart-name{font-size:14.5px!important;line-height:1.4!important}
  .selected-item-main small,.cart-meta{font-size:11.5px!important;line-height:1.48!important;color:#586579!important}
  .same-lens-box{padding:14px 15px!important;border-radius:15px!important}
  .same-lens-box b{font-size:13px!important}
  .same-lens-box small{font-size:11.5px!important;line-height:1.5!important;color:#59677a!important}
  .cashier-note-field{padding-top:17px!important}

  .cashier-summary{top:82px;max-height:calc(100dvh - 105px)}
  .cashier-summary-scroll{padding-right:4px}
  .payment-head b{font-size:11.5px!important;color:#49576a!important}
  .payment-card{padding:15px!important;border-radius:17px!important;box-shadow:0 7px 18px rgba(15,23,42,.035)}
  .payment-card-title{font-size:13px!important}
  .payment-card-sub{font-size:10.5px!important;line-height:1.4!important}
  .cash-payment-summary span{font-size:10.5px!important}
  .cash-payment-summary strong{font-size:13px!important}
  .summary-line{padding:8px 0!important;font-size:12.5px!important}
  .summary-line strong{font-size:13.5px!important;font-variant-numeric:tabular-nums}
  .summary-line.total{margin:5px 0;padding:13px 0!important;border-top:1px solid #dce5f0;border-bottom:1px solid #dce5f0}
  .summary-line.total span{font-size:15px!important;font-weight:850}
  .summary-line.total strong{font-size:24px!important;color:#2563eb!important}
  .payment-status-panel{padding:15px!important;border-radius:16px!important}
  .payment-status-panel strong{font-size:14px!important}
  .payment-status-panel span{font-size:11.5px!important;line-height:1.5!important}
  .cashier-review{padding:15px!important;border-radius:16px!important}
  .cashier-review-title{font-size:10.5px!important}
  .cashier-review-row{padding:6px 0!important;font-size:12px!important}
  .cashier-desktop-actions{padding:14px 16px!important;background:linear-gradient(135deg,#f7faff,#eef4ff)!important}
  .cashier-desktop-action-copy strong{font-size:11.5px!important}
  .cashier-desktop-action-copy span{font-size:10.5px!important;line-height:1.4!important}
  .cashier-desktop-save{min-height:52px!important;padding:0 21px!important;font-size:13px!important}

  .sidebar .nav-label{font-size:10px!important}
  .sidebar .nav-btn{min-height:48px!important;font-size:13px!important;font-weight:700!important}
}

@media (max-width:900px){
  .category-discount.discount-control{grid-template-columns:1fr;padding:13px}
  .discount-control-main{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .discount-control-main{grid-template-columns:1fr}
  .discount-live-summary{grid-template-columns:1fr}
  .discount-mode-btn{font-size:11px}
  .discount-value-field input{text-align:left!important}
}