/* Premium R3. Native fonts, touch targets, differentiated product identities. */
.retail{--accent:#4059df;--tint:#edf0ff;--deep:#111d38;--muted:#5e6b83;background:#f3f5fa;color:#19283b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
.retail.red{--accent:#a9434e;--tint:#fbefec;--deep:#301923;--muted:#795b65;background:#f8f4f2}
.retail-sidebar{width:250px;padding:27px 16px 17px;background:var(--deep);border-right:1px solid #ffffff0d;box-shadow:6px 0 35px #1a223409}
.retail-brand{gap:12px;letter-spacing:-.5px;font-size:22px;padding:0 7px 23px}.retail-brand small{letter-spacing:1.5px;font-size:9px;color:#b7c4df;margin-top:5px}.logo-letter{border:1px solid #ffffff33;border-radius:13px;background:#ffffff12!important;color:#fff!important;width:42px;height:45px;font-size:26px}.store-label{border:1px solid #ffffff1c;background:#ffffff09;border-radius:13px;padding:13px;margin:0 0 20px;font-size:12px}.store-label small{color:#b8c5d5;font-size:10px}.nav-section-label{display:block;font-size:9px;color:#9cabc4;font-weight:750;letter-spacing:1.7px;padding:4px 15px 9px}#nav button{padding:11px 13px;font-size:12px;font-weight:550;min-height:44px;margin:3px 0;border-radius:10px;color:#c4d0e4}#nav button.active{background:var(--accent);color:#fff;box-shadow:0 5px 15px #0002}#nav button:hover{background:#ffffff12;color:#fff}#nav button.active:hover{background:var(--accent)}#nav button>span:first-child{width:22px;opacity:.9;font-size:18px}#nav button>b{margin-left:auto;padding:0 5px;border-radius:4px;background:#ffffff22;font-size:10px}.nav-bottom>a{font-size:11px;color:#bac9de;line-height:1.65}.nav-bottom .profile{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:11px;margin-top:15px}.profile-avatar{background:#ffffff18;color:white}.profile small{color:#b5c4d8}
.app-body{margin-left:250px}.retail-topbar{min-height:92px;height:auto;border-bottom:1px solid #dee4ef;background:#ffffffee;backdrop-filter:blur(14px);padding:19px 30px}.page-heading h1{font-size:26px;letter-spacing:-.9px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750;color:var(--muted)}.top-actions{min-width:0;gap:13px}.connection{font-size:11px;padding:7px 10px;background:#e9f5ee;color:#256f4a}.connection.offline{background:#ffefed;color:#ad384a}.icon-btn{min-height:40px;min-width:40px}.command-trigger{display:flex;align-items:center;gap:20px;background:#f6f8fc;border:1px solid #e0e5ef;border-radius:10px;padding:9px 13px;color:#596782;font-size:12px}.command-trigger kbd{padding:1px 6px;border-radius:4px;color:#8290a8;background:#fff;border:1px solid #e1e6ee;font:10px inherit}.branch-label{font-size:11px}.branch-label select{font-size:12px;max-width:180px}
.demo-banner{background:var(--tint);border-bottom:1px solid #dee3f1;color:var(--accent);padding:11px 30px;font-size:11px;gap:15px}.demo-banner b{font-size:10px;letter-spacing:.8px}.demo-banner a{font-size:11px;color:var(--accent)}#content{padding:26px 28px;max-width:1720px;margin:auto}.pos-layout{grid-template-columns:minmax(0,1fr) 330px;gap:23px;align-items:start}.sale-welcome{position:relative;background:linear-gradient(110deg,var(--deep),var(--accent));border:0;box-shadow:0 10px 24px #202a4513;border-radius:18px;padding:25px 26px;margin-bottom:21px;overflow:hidden}.sale-welcome:after{content:"";position:absolute;width:200px;height:200px;right:-45px;top:-60px;border:1px solid #ffffff1d;border-radius:50%;pointer-events:none}.sale-welcome .eyebrow{color:#ced9f0;font-size:9px}.sale-welcome h2{color:#fff;font-size:29px;letter-spacing:-1px;line-height:1.2;margin:10px 0}.sale-welcome p{font-size:12px;color:#d8e0ed;max-width:470px;line-height:1.65}.welcome-icon{border:1px solid #ffffff35;background:#ffffff12;color:#fff;transform:rotate(8deg);border-radius:18px;width:72px;height:77px;font-size:45px}.search-input{border-radius:12px;background:white;padding:7px 14px;border:1px solid #dbe2ee}.search-input input{font-size:13px;height:34px}.search-input input::placeholder{color:#718099}.btn{font-size:12px;min-height:42px;border-radius:10px;line-height:1.35;letter-spacing:.05px;padding:11px 15px}.btn.primary{box-shadow:0 4px 11px #1826500b;background:var(--accent);border-color:var(--accent)}.btn.light{background:#fff;border:1px solid #dbe2ec;color:var(--accent)}.category-tabs{gap:7px;margin:17px 0}.category-tabs button{font-size:11px;padding:9px 13px;border-radius:9px}.category-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-caption{font-size:10px;flex-wrap:wrap;gap:8px;color:#60718a;margin-bottom:13px}.catalog-caption .density-toggle{font-size:10px;padding:5px 9px;min-height:29px;margin-left:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:13px}.product-tile{border-radius:15px;border:1px solid #dfe5ed;box-shadow:0 3px 8px #1a2b4804;transition:transform .16s,border-color .16s,box-shadow .16s;text-align:left;overflow:hidden}.product-tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 7px 18px #14294913}.product-visual{background:linear-gradient(130deg,#fff,#f2f5f9);height:113px;margin:0}.red .product-visual{background:linear-gradient(130deg,#fff,#f8f0ed)}.product-visual img{height:104px;max-width:95%;object-fit:contain}.product-info{padding:13px}.product-info strong{font-size:12px;font-weight:670;line-height:1.45;min-height:34px;color:#25364f}.product-price{font-size:17px;color:var(--accent);font-weight:750;margin:6px 0}.product-price small{font-size:10px;font-weight:550;color:#73839b}.product-stock{font-size:10px;color:#426f5e;gap:3px;flex-wrap:wrap}.product-stock.low{color:#a66525}.product-stock>span:last-child{background:var(--tint);border-radius:5px;width:22px;text-align:center;font-size:15px;color:var(--accent)}.compact-products .product-visual{height:65px}.compact-products .product-visual img{height:60px}.compact-products .product-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.compact-products .product-info{padding:10px}
.sale-cart{border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 28px #23385c0b;background:white;top:113px;min-height:640px;max-height:calc(100vh - 130px)}.sale-cart>header{padding:20px 21px;background:linear-gradient(120deg,#fff,var(--tint));border-bottom:1px solid #e3e8f0;border-radius:18px 18px 0 0}.sale-cart h2{font-size:23px;letter-spacing:-.7px}.cart-count{background:var(--accent);color:white;border-radius:10px;min-width:31px}.customer-input{margin:17px 19px;font-size:11px}.customer-input input{font-size:12px;padding:9px 11px}.cart-items{padding:4px 19px}.cart-line{border-bottom:1px dashed #d9e0eb;padding:12px 0}.cart-line strong{font-size:12px}.cart-line small{font-size:10px;color:#60728b}.line-total{font-size:13px;color:#304765}.quantity-edit input{font-size:13px;min-height:34px}.remove-line{font-size:11px;min-height:30px;color:#b34151}.cart-footer{border-top:1px solid #e3e9f1;padding:18px 20px;background:#fff;border-radius:0 0 18px 18px}.cart-footer>div{font-size:12px}.cart-total{padding-top:14px}.cart-total span{font-size:15px}.cart-total b{font-size:27px;color:var(--accent);letter-spacing:-.9px}#checkoutButton{min-height:47px;font-size:13px;font-weight:700;margin-top:13px}.cart-secondary{display:flex;gap:8px;flex-wrap:wrap}.cart-secondary button{font-size:10px;padding:6px 0;min-height:32px}.payment-note{font-size:9px!important;color:#61748f!important}.discount-line{font-size:11px}.discount-line input{min-height:31px;width:93px;font-size:12px}.empty-state{color:#687b96;font-size:12px;padding:34px 20px}.empty-state strong{font-size:15px;color:#364c6a;line-height:1.5}.empty-state p{line-height:1.75;font-size:12px}.empty-state>span{font-size:30px;color:#8192ac}
.overview-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:20px;background:var(--deep);color:#fff;padding:36px 39px;overflow:hidden}.overview-hero .eyebrow{color:#c5d5ed}.overview-hero h2{font-size:37px;line-height:1.13;letter-spacing:-1.5px;margin:13px 0}.overview-hero p{font-size:13px;color:#bdcbe1}.overview-hero .btn{margin-top:10px}.overview-monogram{font-size:105px;line-height:1;width:150px;text-align:center;border:1px solid #ffffff2b;border-radius:30px;transform:rotate(8deg);background:#ffffff09;padding:25px;flex-shrink:0;color:#ffffffb0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.metric{padding:21px;border-radius:15px;border:1px solid #dfe6ef;box-shadow:0 4px 12px #1a2d4e03}.metric small{font-size:11px;color:#61728a;line-height:1.5}.metric strong{font-size:29px;letter-spacing:-1.2px;line-height:1.35;color:#243951}.metric em{font-size:10px;color:#6c7d95;line-height:1.7}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:21px}.overview-card{padding:25px;margin:10px 0 20px}.overview-card h3{font-size:18px;color:#233b59;margin:0 0 19px}.setup-step{display:flex;align-items:center;text-align:left;gap:13px;width:100%;border:0;border-bottom:1px solid #edf0f6;background:transparent;padding:14px 0;color:#2c405d}.setup-step:last-child{border-bottom:0}.step-number{width:29px;height:29px;border-radius:9px;background:#f0f3f8;color:#7b8ba5;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.step-number.done{background:var(--tint);color:var(--accent)}.setup-step strong{display:block;font-size:13px}.setup-step small{display:block;font-size:11px;color:#71819a;margin-top:3px}.setup-step>b{margin-left:auto;color:var(--accent)}.attention-row{display:flex;align-items:center;gap:11px;margin:18px 0}.attention-row strong{display:block;font-size:13px;color:#354a66}.attention-row small{display:block;font-size:11px;color:#74849b}.attention-dot{width:8px;height:8px;background:#df983d;border-radius:50%;flex-shrink:0}.spaced-heading{margin:25px 0 15px;font-size:19px;letter-spacing:-.4px}.panel-note{font-size:11px;color:#657690;padding:16px 20px;border-top:1px solid #e6ebf3;line-height:1.6;margin:0}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.draft-card{padding:25px}.draft-card h3{font-size:22px;letter-spacing:-.6px;margin:12px 0}.draft-card p{font-size:12px;color:#657690}.draft-card>small{font-size:10px;color:#6d819d}.draft-card .action-row{margin-top:20px}.report-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:20px;border:1px solid #dfe5ef;background:white;border-radius:13px}.report-controls label{font-size:11px;display:flex;flex-direction:column;gap:5px;min-width:0}.report-controls input,.report-controls select{font-size:12px;padding:10px;min-height:40px}.report-controls input:disabled{opacity:.5}.report-controls .btn{min-height:40px}.report-grid{gap:20px}.chart-card{padding:25px}.chart-card h3{font-size:17px}.bar-chart{height:250px;gap:8px;overflow-x:auto;overflow-y:hidden}.bar-column{min-width:30px}.bar-column b{font-size:9px;max-width:70px;text-overflow:ellipsis;overflow:hidden}.bar-column span{border-radius:6px 6px 0 0;opacity:.88;background:linear-gradient(0deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white))}.bar-column small{font-size:10px}.rank-line div{font-size:12px;gap:10px;color:#5f718b}.rank-line div>span{min-width:0}.rank-line b{white-space:nowrap}.rank-line{margin-bottom:20px}.panel{border-radius:15px;border-color:#dee5ef}.section-header h2{font-size:29px;letter-spacing:-1px;line-height:1.25}.section-header p{font-size:13px;color:#63758e;line-height:1.65}table{font-size:12px}th{font-size:10px;letter-spacing:.6px;padding:16px;color:#63738c}td{font-size:12px;padding:15px 16px;color:#394c67}td small{font-size:10px;color:#79869e}.badge{font-size:11px;padding:5px 9px}.row-btn{font-size:11px;min-height:32px;padding:7px 10px}.table-filter{font-size:12px}.table-filter label{font-size:12px}.table-filter input,.section-header input{font-size:13px}.cash-cards .metric strong{font-size:27px}.weight-control{background:var(--tint);border-color:#e7d7d5;border-radius:13px;padding:16px}.weight-control strong{font-size:14px}.weight-control small{font-size:11px}.weight-control input{min-height:39px;font-size:23px;width:105px}.weight-control label{font-size:14px}
.retail-footer{font-size:10px;padding:22px 28px;color:#6f8199;gap:10px}.hint{font-size:12px;color:#61728c}.alert{font-size:13px;line-height:1.6}.fiscal-info p,.fiscal-form p{font-size:13px;color:#5e7089}.form-grid label{font-size:12px}.form-grid input,.form-grid select{min-height:42px;font-size:13px}.purchase-line label{font-size:11px}.purchase-line input,.purchase-line select{min-height:39px;font-size:12px}.purchase-summary{font-size:21px}.toast{font-size:13px;line-height:1.6;padding:18px 22px;z-index:9999;box-shadow:0 10px 35px #0003}.modal-head{padding:23px 27px}.modal-head h2{font-size:23px;letter-spacing:-.7px}#modalBody{padding:25px 27px}.split-payment{font-size:13px}.split-payment input{font-size:14px;min-height:40px}.split-payment small{display:block;font-size:10px;color:#6c7a8e}.payment-total{font-size:25px;padding:18px}.payment-remainder{background:#f2f5fa;color:#435d80;border-radius:9px;padding:13px;font-size:12px}.change-field{border-top:1px dashed #d7dfeb;padding-top:17px}.command-search{font-size:12px;color:#546b8c;display:block}.command-search input{width:100%;margin-top:9px;min-height:44px;font-size:14px}.command-results{margin-top:15px;display:grid;gap:6px}.command-option{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e1e6f0;background:#f8faff;border-radius:9px;padding:11px 14px;text-align:left;color:#425772;font-size:13px}.command-option:hover{border-color:var(--accent);color:var(--accent)}.mobile-cart-button{display:none}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,white);outline-offset:3px}
@media(min-width:1600px){.pos-layout{grid-template-columns:minmax(0,1fr) 370px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.product-visual{height:135px}.product-visual img{height:123px}}
@media(max-width:1250px){.command-trigger{font-size:0;padding:9px}.command-trigger kbd{font-size:10px}.retail-sidebar{width:224px;padding:24px 12px}.app-body{margin-left:224px}.pos-layout{grid-template-columns:minmax(0,1fr) 310px;gap:17px}#content{padding:21px}.sale-welcome{padding:22px}.sale-welcome h2{font-size:25px}.welcome-icon{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-topbar{padding:18px 22px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.catalog-caption>span:nth-child(2){max-width:200px}.cart-total b{font-size:25px}.overview-columns{gap:16px}}
@media(max-width:1050px){.retail-sidebar{transform:translateX(-100%);width:250px;transition:transform .18s}.retail-sidebar.open{transform:none}.app-body{margin-left:0}#menuButton{display:block}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#11223b80;backdrop-filter:blur(2px);z-index:29}.pos-layout{grid-template-columns:minmax(0,1fr) 310px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.retail-topbar{padding:17px 22px}.sale-cart{top:108px}.overview-monogram{font-size:80px;width:130px}.sale-welcome p{font-size:12px}}
@media(max-width:820px){.pos-layout{grid-template-columns:minmax(0,1fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-cart{position:relative;top:0;max-height:none;min-height:350px}.cart-items{max-height:350px}.cart-footer{padding:21px}.sale-cart>header{padding:21px}.overview-columns{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.mobile-cart-button{display:block;position:fixed;bottom:17px;right:18px;max-width:calc(100% - 36px);z-index:25;background:var(--deep);border:1px solid #ffffff33;color:#fff;border-radius:30px;padding:13px 20px;box-shadow:0 8px 25px #17284035;font-size:12px}.retail:not([data-page="pos"]) .mobile-cart-button{display:none}.retail-footer{padding-bottom:80px}.command-trigger{display:none}.retail-topbar{min-height:85px}.catalog-caption>span:nth-child(2){max-width:none}.overview-hero h2{font-size:33px}}
@media(max-width:520px){#content{padding:18px 14px}.retail-topbar{padding:14px;gap:11px;align-items:center}.page-heading{gap:7px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.top-actions{gap:7px;margin-left:auto;flex-wrap:wrap}.connection{font-size:10px;padding:5px 8px}.branch-label{width:100%;max-width:100%;flex-direction:row}.branch-label select{max-width:150px}.demo-banner{padding:11px 15px;font-size:10px;gap:5px}.demo-banner b{font-size:9px}.demo-banner a{font-size:10px}.sale-welcome{padding:23px 20px;margin-bottom:17px}.sale-welcome h2{font-size:28px}.sale-welcome p{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-visual{height:103px}.product-visual img{height:94px}.product-info{padding:12px}.product-info strong{font-size:12px}.product-price{font-size:17px}.product-stock{font-size:10px}.search-input{padding:6px 9px;min-width:0}.search-input input{font-size:12px;min-width:0}.search-toolbar .btn{font-size:11px;max-width:99px}.catalog-caption{font-size:9px}.catalog-caption>span:nth-child(2){max-width:170px}.category-tabs button{font-size:11px;padding:9px 11px}.overview-hero{padding:27px 24px}.overview-hero h2{font-size:30px}.overview-hero p{font-size:12px}.overview-monogram{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{display:block;padding:16px}.metric small{font-size:10px;margin-bottom:6px}.metric strong{text-align:left;font-size:23px;letter-spacing:-.8px;overflow-wrap:anywhere}.metric em{font-size:9px}.overview-card{padding:20px}.section-header h2{font-size:27px}.section-header p{font-size:12px}.report-controls{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:11px}.report-controls>label:first-child{grid-column:1/-1}.report-controls .btn{font-size:11px}.report-controls input,.report-controls select{width:100%;min-width:0}.bar-column b{font-size:8px}.chart-card{padding:20px}.cash-cards{grid-template-columns:1fr}.cash-cards .metric{display:grid;grid-template-columns:1fr 1fr}.cash-cards .metric strong{text-align:right}.weight-control{padding:14px;gap:10px}.weight-control strong{font-size:13px}.weight-control small{font-size:10px}.weight-control input{width:92px}.form-grid{grid-template-columns:1fr}.modal-head{padding:20px}.modal-head h2{font-size:21px}#modalBody{padding:20px}.payment-total{font-size:22px}.split-payment{grid-template-columns:minmax(0,1fr) 115px;font-size:12px}.overview-card h3{font-size:17px}.retail-footer{font-size:9px;padding-left:16px;padding-right:16px}.catalog-caption .density-toggle{margin-left:0}.drafts-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}