/* American Shaman: compact desktop register; portal and inventory are unchanged. */
@media screen and (min-width:901px){
  #view-pos #department-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-content:stretch;gap:8px}
  #view-pos #department-buttons button{flex:0 0 calc((100% - 32px)/5);height:auto!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.15}
  /* 82px -> 60px: 26.8% less button area, without shrinking readable text. */
  #view-pos #product-results{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:60px;gap:6px;align-content:start;overflow-x:hidden;overflow-y:auto}
  #view-pos #product-results .product-card{height:60px!important;min-height:60px!important;max-height:60px;padding:4px 7px 4px 9px!important;gap:1px!important;display:grid;grid-template-rows:24px 14px 10px;align-content:center;border-radius:9px}
  #view-pos #product-results .product-card-name{font-size:10px!important;line-height:12px!important;height:24px;min-height:24px!important;margin:0}
  #view-pos #product-results .product-card-meta{line-height:14px;min-height:0;align-items:center}
  #view-pos #product-results .product-card-requirement{font-size:7px;line-height:9px;padding:0;min-height:0;margin:0}
  #view-pos #product-results .product-card-brand,#view-pos #product-results .product-card-unit{display:none}
  #view-pos .catalog-panel,#view-pos .sale-panel{height:100%;min-height:0}
  #view-pos .catalog-panel{overflow:hidden}
}
/* Restore the compact square control; smaller labels fit in either language. */
#view-pos .sale-panel .cart-line{grid-template-columns:minmax(0,1fr) 34px 50px 20px;min-height:38px}
#view-pos .sale-panel .cart-line .cart-quantity-button{width:34px;height:34px;min-height:34px;display:grid;grid-template-rows:8px 16px;align-content:center;justify-items:center;gap:0;padding:2px!important;border-radius:7px;white-space:normal}
#view-pos .cart-quantity-label{display:block;width:100%;font-size:7px!important;line-height:8px;height:8px;letter-spacing:0;transform:none;text-transform:none;white-space:nowrap;overflow:hidden;text-align:center}
#view-pos .cart-quantity-value{font-size:12px!important;line-height:16px;height:16px;font-variant-numeric:tabular-nums;text-align:center}
/* Keep the familiar verification box and controls, with compact typography. */
#view-pos .grocery-member-gate .eyebrow{font-size:8px;line-height:1.1}
#view-pos .grocery-member-gate #selected-member-name{font-size:13px;line-height:1.1}
#view-pos .grocery-member-gate>div:first-child small{font-size:8px;line-height:1.15}
#view-pos .verification-actions button{font-size:8px;line-height:1.1}
#view-pos .verification-status-line{font-size:6.5px;letter-spacing:0;line-height:1.15}
.receipt-actions .printer-note{font-size:11px;line-height:1.4}
.receipt-actions #print-status{min-height:2.8em;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.receipt-actions a.soft{display:grid;place-items:center;min-height:48px;text-align:center}
.receipt-actions a[aria-disabled="true"]{opacity:.5;pointer-events:none}
@media print{
  body:has(#receipt-dialog[open])>*:not(#receipt-dialog){display:none!important}
  html:has(#receipt-dialog[open]),body:has(#receipt-dialog[open]){height:auto!important;overflow:visible!important}
  #receipt-dialog[open]::backdrop{display:none!important}
  #receipt-dialog[open] .receipt-logo{width:52mm!important;height:auto!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
  #receipt-dialog[open] .receipt-item,#receipt-dialog[open] .receipt-totals,#receipt-dialog[open] .receipt-payment,#receipt-dialog[open] .loyalty-receipt{break-inside:avoid}
}

/* Customer / ID verification: two existing actions under the customer details. */
#view-pos .grocery-member-gate{grid-template-columns:minmax(0,1fr)}
#view-pos .grocery-member-gate>.verification-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:8px;width:100%}
#view-pos .grocery-member-gate>.verification-actions button{min-width:0;white-space:normal}
#view-pos .grocery-member-gate.age-21-sale>.verification-actions button{outline:2px solid #c17b1c;outline-offset:1px;box-shadow:0 0 0 4px #e4aa3b33}
#view-pos .grocery-member-gate>.verification-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
html[data-theme="dark"] #view-pos .grocery-member-gate.age-21-sale>.verification-actions button{outline-color:#f8c66c;box-shadow:0 0 0 4px #f8c66c33}
/* Keep verification feedback available to assistive technology without a visible strip. */
#view-pos .grocery-member-gate #verification-status-line{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
