/* COYLI retail workspace: generous type, product imagery and calm touch controls. */
:root{--ink:#191919;--muted:#858581;--line:#ecece8;--bg:#f5f5f2;--blue:#0047bb;--tint:#edf2ff;--acid:#eeeeeb;color:var(--ink);background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
.topbar{background:#fff;border:0;padding:24px max(32px,calc((100vw - 1376px)/2));gap:30px;min-height:100px}
.brand .brand-mark{width:158px}.brand .brand-caption{display:none}
.session{gap:12px}.session label{color:#6b6b67;font-size:10px;gap:6px;letter-spacing:.1px}.session input,.session select{width:190px;background:#f5f5f2;border:0;border-radius:14px;padding:12px 14px;min-height:45px;font-size:14px}
.shell{display:block;max-width:1440px;padding:0 32px;margin:auto}.sidebar{background:transparent;border:0;padding:22px 0 0}.sidebar nav{display:flex;gap:2px;background:#eaeae6;border-radius:999px;padding:5px;width:fit-content}.nav-label,.sidebar-note{display:none}.nav{padding:12px 22px;min-height:44px;display:flex;justify-content:center;gap:9px;background:transparent;color:#666660;border-radius:999px;font-size:13px}.nav.active{background:#202020;color:#fff}.nav .nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon svg{width:19px;height:19px;display:block}.nav span{font-size:inherit}
main{padding:22px 0 14px;max-width:none;min-width:0}.notice{display:block;margin:0 0 24px;font-size:11px;color:#777771}.notice summary{display:flex;align-items:center;gap:7px;width:fit-content;cursor:pointer;list-style:none}.notice summary::-webkit-details-marker{display:none}.notice summary>span{border:0;padding:0;letter-spacing:0;color:inherit}.notice .notice-dot{height:6px;width:6px;background:#999994;border-radius:50%}.notice-more{margin-left:3px}.notice p{max-width:650px;margin-top:8px;line-height:1.7;font-size:11px}.notice[open]{margin-bottom:18px}
.page-heading{margin-bottom:30px;gap:18px}.page-heading .eyebrow{font-size:10px;letter-spacing:1.2px;color:#92928a;margin-bottom:11px}h1{font-size:44px;line-height:1.1;letter-spacing:-2px;font-weight:400}.subtitle{color:#8b8b83;font-size:13px;margin-top:12px}.branch-pill{background:#fff;border:0;color:#373731;padding:10px 16px;border-radius:999px;font-size:12px}.branch-pill:before{background:#0047bb;width:5px;height:5px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:24px;align-items:start}.entry{min-width:0}.panel{background:#fff;border:0;border-radius:24px;padding:27px;margin-bottom:20px}.panel h2{font-size:21px;letter-spacing:-.7px;margin-bottom:24px;display:flex;align-items:center}.section-heading h2{margin-bottom:0}.step{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;font-size:13px;letter-spacing:0;background:var(--acid);color:#222;border-radius:50%;margin-right:11px}.section-heading .muted{font-size:10px;letter-spacing:0}.section-heading{align-items:center}
.filters{gap:7px;margin:22px 0 18px}.filters button{border:0;border-radius:999px;background:#f2f2ee;color:#71716b;padding:10px 15px;min-height:39px;font-size:12px}.filters button[aria-pressed=true]{background:#202020;color:#fff;border:0}.filters button:hover{background:#e6e6df}.filters button[aria-pressed=true]:hover{background:#202020}
label{font-size:12px;color:#454540;gap:8px}input,select,textarea{background:#f6f6f2;border:1px solid transparent;border-radius:13px;min-height:48px;padding:12px 14px;color:#222;font-size:16px}input:focus,select:focus,textarea:focus{background:#fff;border-color:#0047bb}input::placeholder,textarea::placeholder{color:#a1a19a;font-size:13px}input[readonly]{background:#edf2ff;color:#0047bb}.search-label>span{display:none}.search-label input{background:#f4f4f0;border:0;border-radius:16px;padding:16px 18px;min-height:53px;font-size:14px}.search-label input::placeholder{font-size:14px;color:#9b9b92}.search-label input:focus{outline:2px solid #0047bb;outline-offset:0}.search-label{margin-bottom:18px}.field-grid{gap:19px}.full{grid-column:1/-1}
.search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:none;overflow:visible;margin:0;border-radius:0}.product-tile{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#f6f6f3;border:0;border-radius:18px;padding:10px;color:#222;gap:0;position:relative;overflow:hidden}.product-tile:hover{background:#eeeeea}.product-tile:focus-visible{outline:2px solid #0047bb;outline-offset:2px}.tile-visual{display:block;position:relative;width:100%;aspect-ratio:1;background:#fff;overflow:hidden;border-radius:12px;margin-bottom:13px}.tile-visual img{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.tile-placeholder{font-size:19px;letter-spacing:4px;color:#0047bb;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f8fa,#e6ecf8)}.tile-category{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#92928b;display:block;margin:0 2px 5px}.tile-name{font-size:13px;line-height:1.4;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;margin:0 2px}.tile-size{color:#92928b;font-size:10px;margin:7px 2px 11px;display:block}.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 2px 2px;min-height:31px}.tile-price{font-size:17px;letter-spacing:-.6px;color:#222}.tile-add{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:22px;line-height:1;background:#fff;color:#111;flex-shrink:0}.search-hint{grid-column:1/-1;margin:0;padding:11px 0 0;color:#9a9a92;font-size:11px;text-align:center}.empty-cart{padding:24px 10px 8px}.empty-cart>span{background:#f2f2ed;color:#a4a49b}.empty-cart small{font-size:10px}.panel:has(#item-editor:not([hidden])) .empty-cart{display:none}
.selected-item{display:flex;align-items:center;gap:17px;background:#f4f4ef;border-radius:17px;padding:16px;margin:14px 0 24px}.selected-item>div{flex:1;min-width:0}.selected-item p{font-size:19px;letter-spacing:-.6px;line-height:1.3}.selected-item small{font-size:11px;color:#85857c;display:block;margin-top:8px}.selected-visual{display:block;position:relative;width:84px;aspect-ratio:1;flex:0 0 84px;background:#fff;border-radius:13px;overflow:hidden}.selected-visual img{display:block;position:absolute;width:100%;height:100%;object-fit:contain}.icon-button{align-self:flex-start;color:#999990}.draft-status{font-size:10px;color:#9a9a91;margin:17px 0 0}.volume-choices{gap:7px;margin-top:21px}.volume-choices button{background:#f1f1eb;color:#48483f;border:0;border-radius:11px;padding:11px 13px;font-size:12px;min-height:43px}.volume-choices button[aria-pressed=true]{background:#202020;color:#fff;border:0}.volume-explanation{background:#edf2ff;color:#0047bb;border-radius:13px;font-size:12px;padding:13px 15px;margin-top:16px}.volume-explanation small{color:#7992bd;font-size:10px;line-height:1.7;margin-top:5px}.item-footer{gap:15px;margin-top:24px}.item-footer>span{font-size:12px;color:#88887d}.item-footer strong{font-size:23px;color:#222;letter-spacing:-.8px}.secondary,.primary{border-radius:999px;border:0;min-height:47px;padding:12px 22px;font-size:13px}.secondary{background:#f0f0ea;color:#222}.item-footer .secondary{background:#202020;color:#fff;padding:13px 24px}.primary{background:#0047bb;color:#fff}.cart-item{padding:18px 0;border-color:#ecece5}.cart-item p{font-size:13px}.cart-item small{color:#96968a;font-size:10px;line-height:1.6}.cart-end>p{font-size:17px;letter-spacing:-.5px}.remove{color:#a3a393;font-size:11px}.bottle-price-note{font-size:11px;background:#f3f5e9;color:#6a7551;line-height:1.6}
.receipt{position:sticky;top:22px}.receipt-card{display:block;background:#0047bb;color:#fff;border:0;border-radius:24px;padding:28px}.receipt-card>.eyebrow{color:#96b4e7;font-size:9px;letter-spacing:1.8px;margin-bottom:15px}.receipt-card h2{font-size:28px;letter-spacing:-1px;color:#fff;margin:0 0 5px}.receipt-card .muted{color:#b6caed;font-size:11px}.receipt-list{border-color:#ffffff35;padding:20px 0;margin:24px 0 18px}.receipt-line{font-size:12px;line-height:1.5;gap:10px}.receipt-line small{font-size:10px;color:#b0c7ed;margin-top:4px}.totals{font-size:12px;margin-bottom:24px}.totals>div{color:#b6caed;padding:5px 0}.grand-total{color:#fff;font-size:46px;letter-spacing:-2px;margin:4px 0 20px}.payment-status{background:#ffffff15;color:#c5d6f3;border-radius:10px;padding:12px;font-size:10px}.payment-status.match{background:#d9f887;color:#263611}.completion{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:20px 0}.check-item{color:#a7c0e9;font-size:10px}.check-item.done{color:#d9f887}.save{min-height:50px;background:#fff;color:#0047bb;border:0;font-size:13px;border-radius:999px}.save:hover{background:#eaf0ff}.receipt-foot{color:#96b4e7;font-size:9px;line-height:1.8}.receipt .error{color:#ffe5ac;line-height:1.7}.payment-grid{grid-template-columns:1fr 1fr;gap:14px}.quick-pay{gap:7px}.quick-pay .text-button{border:0;background:#f1f1eb;color:#45453d;font-size:11px;min-height:40px;padding:9px 14px;border-radius:999px;white-space:nowrap}.hint{font-size:11px;color:#939389;line-height:1.7}.field-title{font-size:12px}.field-title small{color:#a1a197;font-size:10px}.date-time-fields{gap:14px}.purchase-time>.field-title{margin-bottom:9px}
.journal-card{background:#fff;border:0;border-radius:23px;padding:27px;margin-bottom:16px}.journal-title h2{font-size:18px}.journal-title .amount{font-size:28px;letter-spacing:-1px}.journal-title small{font-size:11px}.journal-line{font-size:13px}.journal-details{font-size:13px}.journal-details small{font-size:10px;letter-spacing:.2px;color:#99998d}.journal-controls{gap:12px;margin-bottom:24px}.journal-controls label{font-size:11px}.journal-controls select,.journal-controls input{background:#fff;min-height:46px;border:0}.report-stats{gap:16px;margin-bottom:21px}.stat{background:#fff;border:0;border-radius:22px;padding:24px}.stat p{color:#939389;font-size:11px}.stat strong{font-size:34px;letter-spacing:-1.4px;margin-top:12px}.report-row{border-color:#ededE7;font-size:13px;padding:16px 0}.empty-state{background:#fff;border:0;border-radius:24px;padding:60px 20px}.empty-state h2{font-size:23px;letter-spacing:-.7px}.empty-state p{font-size:13px;color:#96968b}.catalog-price-table{font-size:12px}.catalog-price-table td,.catalog-price-table th{border-color:#edede6;padding:12px 5px}.catalog-price-note{color:#0047bb}.error{font-size:12px}#toast{background:#e6efd3;color:#556831;border-radius:14px;font-size:12px;padding:15px 18px;margin-bottom:22px}footer{color:#a2a293;font-size:9px;padding:26px 0 8px}dialog{border:0;border-radius:24px;padding:28px}dialog h2{font-size:23px;letter-spacing:-.7px}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:19px}.receipt-card{padding:23px}.panel{padding:23px}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding:0 24px}.topbar{padding:22px 24px}.grand-total{font-size:39px}.page-heading h1{font-size:40px}.nav{padding:11px 20px}.session input,.session select{width:170px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.receipt{position:static}.search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.receipt-card{padding:27px}.receipt-card h2{font-size:27px}.grand-total{font-size:43px}.completion{grid-template-columns:repeat(3,minmax(0,1fr))}.receipt-foot{text-align:center}.save{font-size:14px}.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){body{padding-bottom:88px}.topbar{padding:21px 18px 17px;gap:23px;min-height:0;border-radius:0 0 25px 25px}.brand .brand-mark,.topbar .brand .brand-mark{width:142px}.session{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%}.session label{font-size:10px;gap:7px}.session input,.session select{font-size:14px;padding:11px 12px;width:100%;background:#f4f4ef;border-radius:13px;min-height:44px}.shell{padding:0 12px}.sidebar{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #efefe8;box-shadow:0 -6px 25px #1c1c1c05}.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;background:#fff;padding:0;border-radius:0;gap:4px}.nav{flex-direction:column;justify-content:center;gap:4px;padding:6px 4px;min-height:51px;font-size:10px;line-height:1.2;border-radius:14px;color:#98988c}.nav.active{color:#0047bb;background:#eef2ff}.nav-icon svg{width:22px;height:22px}.keyboard-open .sidebar{display:none}main{padding:20px 0 8px}.notice{margin-bottom:24px;font-size:10px}.notice summary{gap:6px;flex-wrap:wrap}.notice p{font-size:10px;line-height:1.8}.notice-more{font-size:13px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px;padding:0 5px}.page-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:11px}.page-heading h1,h1{font-size:34px;letter-spacing:-1.6px;line-height:1.1}.subtitle{font-size:11px;margin-top:10px;max-width:260px;line-height:1.6}.branch-pill{margin-top:25px;padding:9px 12px;font-size:10px}.workspace{display:block}.panel{padding:21px 15px;border-radius:23px;margin-bottom:15px}.panel h2{font-size:20px;letter-spacing:-.7px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.step{font-size:12px;width:25px;height:25px;flex-basis:25px;margin-right:9px}.section-heading{gap:7px}.section-heading .muted{font-size:9px}.filters{margin:20px 0 17px;gap:6px}.filters button{font-size:11px;padding:9px 13px;min-height:36px;border-radius:999px}.search-label{margin-bottom:17px}.search-label input{min-height:50px;padding:14px 15px;border-radius:14px;font-size:16px}.search-label input::placeholder{font-size:12px}.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-tile{border-radius:17px;padding:9px}.tile-visual{border-radius:11px;margin-bottom:11px}.tile-category{font-size:8px;letter-spacing:.5px;margin-bottom:5px}.tile-name{font-size:12px;line-height:1.45;min-height:35px}.tile-size{font-size:9px;margin:7px 2px 10px}.tile-price{font-size:17px;letter-spacing:-.5px}.tile-add{width:28px;height:28px;font-size:21px}.search-hint{font-size:10px;line-height:1.6;padding-top:6px}.empty-cart{padding:23px 7px 3px}.empty-cart p{font-size:12px}.empty-cart small{font-size:9px;line-height:1.6}.field-grid{grid-template-columns:1fr;gap:18px}.full{grid-column:1}.field-grid>label{font-size:12px}input,select,textarea{font-size:16px;border-radius:12px;padding:13px 14px;min-height:48px}input::placeholder,textarea::placeholder{font-size:12px}.selected-item{gap:11px;padding:13px 11px;margin:12px 0 23px;border-radius:16px}.selected-visual{width:65px;flex-basis:65px;border-radius:10px}.selected-item p{font-size:17px;letter-spacing:-.5px}.selected-item small{font-size:10px;margin-top:6px}.icon-button{min-width:28px;min-height:32px;padding:0;font-size:22px}.volume-choices{gap:6px}.volume-choices button{font-size:11px;padding:11px 12px;min-height:42px;border-radius:11px}.volume-explanation{font-size:11px;padding:12px}.volume-explanation small{font-size:9px}.item-footer{display:flex;align-items:center;flex-direction:row;margin-top:23px}.item-footer>span{width:auto;display:block;line-height:1.7;font-size:11px}.item-footer strong{display:block;margin:0;font-size:23px;letter-spacing:-1px}.item-footer .secondary{width:auto;flex:1;font-size:12px;padding:13px 16px;min-height:50px}.cart-item{padding:17px 0}.cart-item p{font-size:12px}.cart-item small{font-size:10px}.cart-end>p{font-size:17px}.receipt-card{padding:25px 22px;border-radius:23px}.receipt-card h2{font-size:29px}.receipt-card>.eyebrow{font-size:9px}.grand-total{font-size:43px}.completion{grid-template-columns:1fr 1fr;gap:10px}.check-item{font-size:11px}.save{font-size:14px;min-height:51px}.receipt-foot{font-size:9px}.receipt-line{font-size:12px}.totals>div{font-size:12px}.payment-grid{grid-template-columns:1fr 1fr;gap:15px 12px}.quick-pay{gap:7px}.quick-pay .text-button{flex:initial;font-size:11px;min-height:41px;padding:10px 13px}.date-time-fields{grid-template-columns:1fr}.purchase-time>.field-title{font-size:12px}.hint{font-size:10px;line-height:1.9}.journal-controls{gap:10px}.journal-controls label{min-width:0;flex:1;font-size:11px}.journal-controls select,.journal-controls input{font-size:14px}.journal-card{padding:22px 17px;border-radius:22px}.journal-title{gap:12px;align-items:start}.journal-title h2{font-size:17px}.journal-title .amount{font-size:25px}.journal-title small{font-size:10px}.journal-details{font-size:12px;gap:15px}.journal-line{font-size:12px}.journal-bottom{font-size:10px}.report-stats{grid-template-columns:1fr;gap:10px}.stat{display:flex;justify-content:space-between;align-items:center;padding:21px;border-radius:20px}.stat strong{font-size:32px;margin:0}.stat p{font-size:12px}.catalog-price-table{font-size:12px}footer{padding:22px 4px 8px;font-size:8px}#toast{font-size:11px;padding:13px 15px;border-radius:13px;line-height:1.7;margin-bottom:21px}}
@media(max-width:360px){.page-heading h1,h1{font-size:30px}.branch-pill{padding:8px 9px;margin-top:24px}.topbar{padding:18px 15px;gap:20px}.brand .brand-mark,.topbar .brand .brand-mark{width:132px}.session{grid-template-columns:1fr}.panel{padding:20px 13px}.section-heading .muted{font-size:8px}.panel h2{font-size:18px}.filters button{font-size:10px;padding:9px 11px}.product-tile{padding:8px}.tile-price{font-size:15px}.tile-add{width:26px;height:26px}.tile-name{font-size:11px}.payment-grid{grid-template-columns:1fr}.item-footer .secondary{padding:12px;font-size:11px}.item-footer strong{font-size:21px}.completion{grid-template-columns:1fr 1fr}.check-item{font-size:10px}}

/* Slightly denser phone layout; keep entry fields at 16px to avoid iOS focus zoom. */
@media(max-width:650px){
 .topbar{padding:16px 15px 14px;gap:17px}.brand .brand-mark,.topbar .brand .brand-mark{width:128px}
 .session{gap:8px}.session input,.session select{padding:9px 11px;min-height:42px}
 .shell{padding:0 10px}main{padding-top:15px}.notice{margin-bottom:18px}
 .page-heading{margin-bottom:18px;padding:0 4px}.page-heading h1,h1{font-size:30px;letter-spacing:-1.3px}.page-heading .eyebrow{margin-bottom:8px}.subtitle{margin-top:8px}.branch-pill{margin-top:22px;padding:8px 10px}
 .panel{padding:18px 13px;border-radius:20px;margin-bottom:12px}.panel h2{font-size:18px;margin-bottom:18px}.section-heading h2{margin-bottom:0}.step{width:23px;height:23px;flex-basis:23px;font-size:11px;margin-right:8px}
 .filters{margin:16px 0 13px;gap:5px}.filters button{min-height:33px;padding:8px 11px;font-size:10px}.search-label{margin-bottom:13px}.search-label input{min-height:46px;padding:12px 13px}
 .search-results{gap:8px}.product-tile{padding:7px;border-radius:15px}.tile-visual{margin-bottom:8px}.tile-name{font-size:11px;min-height:32px}.tile-category{margin-bottom:4px}.tile-size{margin:5px 2px 7px}.tile-price{font-size:16px}.tile-add{width:26px;height:26px;font-size:20px}.tile-bottom{min-height:28px}
 .field-grid{gap:15px}input,select,textarea{min-height:45px;padding:11px 12px;font-size:16px}.selected-item{margin:10px 0 18px}.selected-item p{font-size:16px}.volume-choices{gap:5px}.volume-choices button{min-height:39px;padding:9px 10px}.item-footer{margin-top:18px}.receipt-card{padding:21px 19px}.receipt-card h2{font-size:26px}.grand-total{font-size:38px}
 .nav{min-height:47px;padding:5px 4px}.nav-icon svg{width:20px;height:20px}.sidebar{padding-top:6px}body{padding-bottom:80px}
}
@media(max-width:360px){.page-heading h1,h1{font-size:27px}.tile-price{font-size:14px}.panel h2{font-size:17px}}

.session #staff-note{font-size:9px;letter-spacing:0;max-width:220px;line-height:1.4}.session:has(#staff-note){align-items:start}#discount-policy-note{font-size:10px;line-height:1.6;color:#858581}#discount[readonly]{background:#edf2ff;color:#0047bb}

.journal-discount{display:block;margin-top:4px;line-height:1.5}

.loyalty-panel h2{flex-wrap:wrap;gap:10px}.loyalty-badge{font-size:10px;letter-spacing:0;padding:5px 9px;border-radius:20px;background:#f0f0ec;color:#777}.loyalty-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.loyalty-values small{display:block;font-size:10px}.loyalty-values strong{font-size:25px;display:block;margin-top:5px}.loyalty-panel .hint{margin-top:12px}.loyalty-panel a{display:inline-block;font-size:12px;text-decoration:none}@media(max-width:650px){.loyalty-values{gap:7px}.loyalty-values small{font-size:9px}.loyalty-values strong{font-size:22px}}

/* Vouchers and reversible test returns follow the same touch layout. */
.voucher-panel .hint{margin:12px 0 18px}.journal-search{margin-bottom:22px;max-width:620px}.journal-event{background:#f4f4f0;border-radius:12px;padding:13px;margin:12px 0;font-size:12px;line-height:1.7}.journal-event small{display:block}.journal-event p{margin:4px 0}.journal-card>[data-return]{margin-top:12px}.exchange-banner{background:#edf2ff;color:#0047bb;border-radius:15px;padding:16px;margin-bottom:20px;font-size:12px;line-height:1.7}.return-dialog{width:min(700px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-sizing:border-box}.return-line{padding:16px 0;border-bottom:1px solid #ecece8}.return-line>small{display:block;margin:6px 0 12px;color:#858581;font-size:11px}.return-dialog>.field-grid{margin-top:20px}.return-dialog .payment-grid{margin:16px 0}.exchange-option{margin:20px 0}.return-dialog .dialog-actions{position:sticky;bottom:-28px;background:white;padding:14px 0;margin-bottom:0}.return-dialog .hint{margin:14px 0}.bottle-price-note{background:#f1f1ed;color:#66665e}.payment-status.match{background:#f0f0eb;color:#30302a}.check-item.done{color:#fff}#toast{background:#ecece6;color:#30302a}@media(max-width:650px){.return-dialog{padding:21px 16px}.return-dialog .dialog-actions{bottom:-21px;flex-wrap:wrap}.return-dialog .dialog-actions button{flex:1;min-width:120px}.return-dialog h2{font-size:22px}.journal-title .amount{overflow-wrap:anywhere}.report-stats{grid-template-columns:1fr}.journal-bottom{flex-wrap:wrap;gap:12px}}

/* Staff reference and post-sale notes. */
.pending-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce3ef;background:#fff;border-radius:18px;padding:17px 20px;margin:0 0 24px;font-size:12px}.pending-banner[hidden]{display:none}.pending-banner strong{font-weight:400;font-size:14px}.pending-banner p{margin:6px 0 0;color:#858581;font-size:11px}.pending-banner strong span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;border-radius:50%;background:#edf2ff;color:#0047bb;margin-left:6px}.pending-banner .secondary{white-space:nowrap}.comment-later{border-top:1px solid #ecece8;padding-top:16px}.comment-later summary{font-size:12px;color:#858581;cursor:pointer;line-height:1.6}.comment-later label{margin-top:14px}.comment-filters{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.comment-filters button{background:#fff;color:#777;border:0;border-radius:30px;padding:12px 18px;font:inherit;font-size:12px;min-height:43px}.comment-filters button[aria-pressed=true]{background:#202020;color:white}.pending-note-button{background:#edf2ff;color:#0047bb;border:0;padding:11px 15px;border-radius:12px;font:inherit;font-size:12px;cursor:pointer;min-height:43px}.guide-hero{border-radius:24px;background:#0047bb;color:white;padding:36px;display:flex;justify-content:space-between;gap:35px;overflow:hidden;margin-bottom:24px}.guide-hero .eyebrow{color:#c0d1ef;font-size:10px;letter-spacing:1.8px}.guide-hero h2{font-weight:400;font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:20px 0}.guide-hero p{color:#dce7fa;font-size:13px;line-height:1.8;max-width:490px}.guide-monogram{font-size:190px;line-height:1;letter-spacing:-15px;align-self:center;padding-right:20px;opacity:.17}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{margin:0;line-height:1.8}.guide-card .guide-number{color:#8d8d85;font-size:10px;letter-spacing:1.2px}.guide-card h2{margin:17px 0;font-size:25px}.guide-card p,.guide-card li{font-size:13px;line-height:1.8;color:#5f5f58}.guide-card p+p{margin-top:14px}.guide-card strong{font-weight:400;color:#202020}.guide-card ul{padding-left:18px;margin:14px 0}.guide-card li+li{margin-top:10px}.guide-example{background:#f0f2f7;border-radius:14px;padding:17px;margin:18px 0}.guide-example strong{font-size:18px;display:block;color:#0047bb}.guide-example span{font-size:11px;color:#858581;display:block;margin-top:5px}.guide-card .text-button{margin-top:18px;font-size:12px;text-align:left}.guide-card .hint{font-size:11px;color:#95958b}.nav{position:relative}@media(max-width:850px){.guide-hero{padding:28px}.guide-monogram{font-size:140px}.guide-hero h2{font-size:34px}}@media(max-width:650px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav{font-size:9px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-hero{padding:26px 20px;border-radius:20px;gap:5px;margin-bottom:14px}.guide-hero h2{font-size:29px;margin:16px 0}.guide-hero p{font-size:11px}.guide-monogram{font-size:95px;letter-spacing:-8px;padding:0}.guide-card h2{font-size:22px;margin:14px 0}.guide-card p,.guide-card li{font-size:12px}.guide-example strong{font-size:16px}.pending-banner{padding:14px;gap:10px;border-radius:16px;margin-bottom:17px;align-items:flex-start}.pending-banner strong{font-size:12px}.pending-banner p{font-size:10px;line-height:1.6}.pending-banner .secondary{padding:10px 13px;font-size:11px;min-height:42px}.comment-later summary{font-size:11px}.comment-filters button{font-size:11px;padding:11px 14px}}
@media(min-width:651px){.sidebar nav{flex-direction:row}}
.employee-access{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:white;padding:18px 22px;border-radius:18px;margin-bottom:10px}.employee-access strong{font-size:15px;font-weight:400}.employee-access p{font-size:11px;color:#858581;margin-top:7px;max-width:570px;line-height:1.7}.employee-access form{display:flex;gap:10px;align-items:end}.employee-access label{font-size:10px}.employee-access input{width:145px;letter-spacing:3px}.employee-access .error{color:#a22;width:100%}.employee-access .error:empty{display:none}.owner-history-link{display:inline-block;color:#858581;font-size:10px;margin:4px 0 22px;text-decoration:none}@media(max-width:650px){.employee-access{padding:16px}.employee-access form{width:100%}.employee-access form label{flex:1}.employee-access input{width:100%}.employee-access .primary{min-width:95px}.employee-access p{font-size:10px}.owner-history-link{font-size:10px}}
.loyalty-panel>label{margin:18px 0 12px;max-width:400px}.loyalty-confirmation{display:flex;align-items:center;gap:11px;min-height:44px;max-width:none!important}.loyalty-confirmation[hidden]{display:none}.loyalty-confirmation input{flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;accent-color:#0047bb}.loyalty-confirmation span{font-size:12px;line-height:1.6}
/* Compact catalogue: photos stay visible without filling the phone screen. */
.search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tile-visual{aspect-ratio:auto;height:112px;margin-bottom:9px}.tile-visual img{object-fit:contain}.product-tile{padding:9px;border-radius:15px}.tile-name{font-size:12px;min-height:34px}.tile-size{margin:5px 2px 7px}.tile-price{font-size:15px}.tile-category{font-size:8px}.tile-add{width:28px;height:28px}.catalog-sort-note{color:#858581;font-size:11px;margin:0 0 12px}.tile-visual img[style]:not([style=""]){max-width:none}@media(min-width:1100px){.search-results{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tile{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:8px;padding:10px;align-content:start;border-radius:14px}.tile-visual{grid-column:1;grid-row:1/5;height:54px;width:48px;margin:0;border-radius:8px}.tile-category,.tile-name,.tile-size,.tile-bottom{grid-column:2;margin-left:0;margin-right:0}.tile-name{font-size:11px;line-height:1.35;min-height:30px}.tile-category{font-size:7px;letter-spacing:.2px;margin-bottom:4px}.tile-size{font-size:9px;margin-top:5px;margin-bottom:4px}.tile-price{font-size:12px;letter-spacing:-.3px}.tile-add{width:25px;height:25px;font-size:19px}.tile-bottom{min-height:28px;gap:2px}.filters{gap:6px}.filters button{padding:10px 12px;font-size:11px}}@media(max-width:360px){.product-tile{grid-template-columns:38px minmax(0,1fr);padding:8px;gap:6px}.tile-visual{width:38px;height:45px}.tile-name{font-size:10px}.tile-price{font-size:11px}.tile-add{width:22px;height:22px}}

@media(min-width:361px) and (max-width:650px){.tile-name{font-size:12px;min-height:34px}.tile-price{font-size:13px}}

.shift-panel{margin:16px 0}.shift-panel form{max-width:440px;display:grid;gap:14px}.shift-dialog{width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:24px;padding:24px;box-sizing:border-box}.shift-dialog::backdrop{background:#0006}.shift-dialog form{display:grid;gap:16px}.shift-dialog input,.shift-dialog select,.shift-dialog textarea{width:100%;box-sizing:border-box;font-size:16px}.shift-dialog label{display:grid;gap:8px}.shift-dialog h2{font-size:24px;margin:0}.shift-dialog button{width:100%}.shift-panel h2{font-size:24px}