.pos-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 16px}.pos-top h2{font-size:25px;margin:4px 0}.pos-top .eyebrow{font-size:9px;margin:0}.pos-top p{font-size:11px;color:#607b96;margin:5px 0}.pos-state{padding:8px 11px;border-radius:20px;background:#f1e9ec;color:#8c4452;font-size:10px;white-space:nowrap}.pos-state.is-open{background:#dff7ec;color:#087c52}.pos-tabs{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-bottom:12px}.pos-tabs button{display:flex;align-items:center;gap:6px;font-size:11px;padding:10px 13px}.pos-tabs svg,.pos-pick svg{width:18px;height:18px}.pos-sale-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:14px;align-items:start}.workspace .pos-sale-layout .panel{margin:0;padding:16px}.pos-product-list{max-height:58vh;overflow-y:auto;display:grid;gap:6px;margin-top:12px}.pos-pick{display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;min-width:0;background:white;border:1px solid #dce6f4;color:#183956;padding:11px;border-radius:10px;box-shadow:none}.pos-pick:hover{background:#eaf2ff;border-color:#a9c5eb}.pos-pick>span:first-child{min-width:0;flex:1}.pos-pick strong,.pos-label-row strong{font-size:11px;display:block;overflow-wrap:anywhere}.pos-pick small,.pos-label-row small{display:block;font-size:9px;color:#7a8ca3;margin-top:4px;overflow-wrap:anywhere}.pos-pick b{font-size:12px;white-space:nowrap}.pos-pick>span:last-child{font-size:22px;color:#2360d8}.pos-ticket label,.pos-picker label{font-size:10px}.pos-ticket .dashhead h3{font-size:17px}.pos-ticket-line{padding:11px 0;border-top:1px solid #e0e8f3}.pos-ticket-line>div:first-child>strong{font-size:11px}.pos-ticket-line small{display:block;font-size:9px;color:#617994;margin:5px 0}.pos-line-controls{display:flex;align-items:center;gap:5px}.pos-line-controls input{width:56px;min-width:0;padding:5px;text-align:center;min-height:33px;font-size:13px;margin:0}.pos-line-controls button{width:31px;min-height:32px;padding:5px;font-size:15px;box-shadow:none}.pos-line-controls>b{margin-left:auto;font-size:11px;white-space:nowrap}.pos-line-controls button:not(.pos-remove){background:#edf3ff;color:#255d9d}.pos-remove{color:#d01d36!important;background:#fff0f3!important;border:1px solid #f0c9d0!important;border-radius:7px;min-height:31px;width:31px;padding:4px;box-shadow:none;font-size:20px;line-height:1}.pos-totals{padding:15px;border:1px solid #cbdff7;background:#eef6ff;border-radius:12px;margin:14px 0}.pos-totals p,.pos-totals>strong{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:11px}.pos-totals>strong{font-size:21px;color:#123f70}.pos-totals small{font-size:9px;color:#148451}.pos-note{font-size:9px;color:#72859d;line-height:1.7}.pos-pay-total{padding:17px;border-radius:13px;background:#eaf4ff;color:#224e82;font-size:12px;margin:17px 0}.pos-pay-total strong{display:block;margin-top:9px;font-size:29px}.pos-payment-row{display:grid;grid-template-columns:1fr 1fr 31px;gap:9px;align-items:center}.pos-payment-row label{min-width:0;font-size:11px}.pos-change{padding:12px;background:#e9f9ef;color:#067849;border-radius:10px;font-size:13px}.pos-cash-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.pos-cash-summary>div{padding:16px;border-radius:12px;background:#eef5ff;border:1px solid #d8e6f8}.pos-cash-summary small{display:block;font-size:10px;color:#587290;margin-bottom:9px}.pos-cash-summary strong{font-size:20px;color:#17456f;overflow-wrap:anywhere}.pos-methods{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;margin:10px 0 20px}.pos-methods span{background:#edf8f2;color:#237153;padding:9px;border-radius:8px}.pos-history-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #e1e9f2;text-align:left;font-size:11px;min-width:0}.pos-history-row>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.pos-history-row strong{font-size:12px}.pos-history-row small{display:block;font-size:9px;color:#71859e;line-height:1.7;margin-top:4px}.pos-history{display:grid;gap:5px}.pos-history>button{width:100%;background:#f4f8fd;color:#284c74}.pos-voided{opacity:.65;background:#fff0f3}.pos-label-row{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #e1e9f2;min-width:0}.pos-label-row>span{flex:1;min-width:0}.pos-label-row .small{padding:7px;min-width:32px}.pos-print-area{font-family:Arial,sans-serif;color:#111;max-width:400px;margin:20px auto;background:#fff;padding:20px;border:1px dashed #b6c3d5;font-size:12px;overflow-wrap:anywhere}.pos-print-area h2{font-size:22px}.pos-print-area h3{font-size:17px}.pos-print-area p{font-size:12px;line-height:1.6}.pos-print-area p>b{float:right}.pos-print-area.pos-labels{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;border:0;padding:0}.pos-label{width:230px;min-height:105px;border:1px solid #ccc;padding:8px;text-align:center;break-inside:avoid;background:white;box-sizing:border-box}.pos-label>strong{font:11px Arial,sans-serif;display:block;height:28px;overflow:hidden}.pos-label svg{max-width:100%;height:auto}.pos-label>span{font:bold 13px Arial,sans-serif;display:block}.pos-empty{text-align:center;padding:30px!important}.pos-ticket .grid2{gap:9px}.pos-empty p{font-size:12px;line-height:1.7}.workspace .sidebar button[data-tab="pos"] svg{color:#9bf2cf}.workspace .sidebar button[data-tab="pos"].active svg{color:white}
/* Product photos remain square; the name has its own fixed caption below. */
body[data-surface="catalog"] .product.compact-product{height:auto;grid-template-rows:auto 34px 48px 33px;gap:4px}
body[data-surface="catalog"] .product.compact-product .compact-product-cover{width:100%;height:auto;aspect-ratio:1;grid-row:1;padding:0!important}
.compact-product-cover img{padding:4px;width:100%;height:100%;object-fit:contain}.compact-product-cover .compact-cover-name{display:none}.compact-card-name{font-size:10px;line-height:15px;height:30px;margin:2px 2px 0;font-weight:650;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;color:#244260}.compact-cover-empty{inset:0;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.compact-cover-empty svg{width:38px;height:38px;opacity:.35}.compact-cover-category-name{font-size:clamp(12px,1.4vw,19px);font-weight:800;line-height:1.25;letter-spacing:.5px;color:var(--store);text-align:center;overflow-wrap:anywhere}.compact-product-price{height:48px}.compact-cover-category{z-index:1}
body[data-surface="catalog"] .storehead{background:var(--store);border-color:color-mix(in srgb,var(--store) 80%,black);color:#fff}body[data-surface="catalog"] .storehead .storebrand,body[data-surface="catalog"] .storehead .storebrand strong,body[data-surface="catalog"] .storehead .fine{color:#fff}body[data-surface="catalog"] .storehead .mark{background:#ffffff24!important;border:1px solid #ffffff50}body[data-surface="catalog"] .storehead button,body[data-surface="catalog"] .storehead .catalog-admin,body[data-surface="catalog"] .storehead .mobilecart{background:#ffffff19;color:white;border-color:#ffffff40}
@media(max-width:1000px){.pos-sale-layout{grid-template-columns:1fr}.pos-product-list{max-height:340px}.pos-cash-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pos-top{margin:5px 0 12px}.pos-top h2{font-size:22px}.pos-top p{font-size:9px}.pos-top .eyebrow{font-size:8px}.pos-state{font-size:9px}.pos-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;gap:3px}.pos-tabs button{font-size:9px;padding:8px 4px;justify-content:center;gap:3px;min-width:0}.pos-tabs svg{width:14px;height:14px}.pos-cash-summary{gap:7px}.pos-cash-summary>div{padding:12px}.pos-cash-summary strong{font-size:17px}.pos-cash-summary small{font-size:9px}.pos-payment-row{grid-template-columns:1fr 1fr 28px;gap:6px}.pos-payment-row input,.pos-payment-row select{min-width:0;font-size:16px;padding:8px}.pos-pick{padding:9px}.pos-line-controls>b{font-size:10px}.pos-label-row strong{font-size:10px}.pos-label-row small{font-size:8px}.pos-history-row{gap:7px;padding:10px 2px}.pos-history-row strong{font-size:10px}.pos-history-row .small{font-size:10px;padding:7px}.pos-note{font-size:8px}.pos-sale-layout .panel{min-width:0}.pos-print-area{padding:12px}.pos-print-area h2{font-size:20px}body[data-surface="workspace"] .workspace .sidebar{grid-template-columns:repeat(6,minmax(0,1fr))!important}body[data-surface="catalog"] .product.compact-product{grid-template-rows:auto 32px 45px 32px;height:auto}.compact-card-name{font-size:9px;line-height:14px;height:28px}.compact-cover-category-name{font-size:13px}.compact-cover-empty{padding:12px;gap:9px}.compact-product-price{height:45px}body[data-surface="catalog"] .featured-products{grid-auto-columns:155px}}
@media print{body:has(.pos-print-area) *{visibility:hidden!important}body:has(.pos-print-area) #modal,body:has(.pos-print-area) .pos-print-area,body:has(.pos-print-area) .pos-print-area *{visibility:visible!important}body:has(.pos-print-area) #modal{position:absolute!important;inset:0!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;padding:0!important;background:white!important}body:has(.pos-print-area) #modal>.modalhead,body:has(.pos-print-area) #modal>button,body:has(.pos-print-area) #poslabelform{display:none!important}.pos-print-area{position:absolute;left:0;top:0;border:0;margin:0;width:72mm;padding:2mm;max-width:none;box-sizing:border-box}.pos-print-area.pos-labels{position:static;width:100%;display:flex}.pos-label{border:1px solid #ccc;break-inside:avoid}body:has(.pos-print-area) #modal::backdrop{background:white!important}}

body[data-surface="workspace"] .workspace-content>.dashhead{background:linear-gradient(110deg,color-mix(in srgb,var(--workspace-theme,#2458eb) 80%,#102846),var(--workspace-theme,#2458eb));border-color:var(--workspace-theme,#2458eb)}