/* Shared iOS/iPadOS-inspired navigation. All assets remain local. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20232d;background:#f4f5f9;--green:#c14b24;--muted:#747581;--line:#e8e9ef;--orange:#d65325;--accent:#c14b24}
body{background:#f4f5f9}button{min-height:44px;border-radius:13px;font-weight:600;transition:background .15s,transform .15s}button:active{transform:scale(.98)}button:hover{background:#eeeff4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#c95b36}.primary{background:#c14b24;border-color:#c14b24;color:white;box-shadow:0 3px 8px #b94c2314}.primary:hover{background:#a63c1b}.primary:disabled{box-shadow:none}.quiet{color:#646571}.brand{color:#29282e;font-weight:750;letter-spacing:-1.1px}.brand span{color:#d65325}.brand-button{padding:0;border:0;text-align:left;background:transparent}.brand-button:hover{background:transparent}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#85818a;font-weight:700}.muted,small{color:#6d6e7a}h1{font-weight:750;font-size:32px;letter-spacing:-1.1px;line-height:1.16}h2{letter-spacing:-.35px;font-weight:650}p{line-height:1.55}.layout{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#eff0f6;border-right:1px solid #e3e4ed;padding:29px 20px;gap:36px}.sidebar nav{gap:5px}.sidebar nav button{display:flex;gap:12px;align-items:center;font-size:14px;padding:12px;color:#686875}.sidebar nav button svg{width:21px;height:21px;flex:none}.sidebar nav button.selected{background:#fff;color:#c14b24;box-shadow:0 2px 8px #24233405}.sidebar footer{font-size:12px;color:#858592}.topbar{padding:14px 30px;background:#ffffffa6;backdrop-filter:blur(18px);border-bottom:1px solid #fff8;min-height:78px}.topbar-start,.profile{display:flex;align-items:center;gap:14px}.current-app{font-size:14px;font-weight:600}.home-back{display:none}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffe4d4;color:#a9441d;font-size:14px;font-weight:700}.profile-name{font-size:13px;font-weight:600}.profile-name small{font-weight:400;font-size:11px;margin-top:2px}.profile .quiet{font-size:12px}.pill{background:#e8f4ec;color:#397654;font-size:11px;font-weight:600}.connection{background:#edf3ef;color:#537660;font-weight:500}.connection::before{content:'';display:inline-block;width:5px;height:5px;border-radius:100%;background:#549a66;margin-right:7px;vertical-align:2px}.pill.draft{background:#fff0db;color:#926223}.content{max-width:1160px;padding:34px 38px 48px;width:100%}.card{border:1px solid #e7e8ef;background:#fff;border-radius:22px;box-shadow:0 4px 18px #1f234003;padding:26px;margin-bottom:20px}input,select{border:1px solid #e5e5ed;background:#f7f7fa;border-radius:12px;padding:12px 14px;min-height:46px;color:#25252d}input::placeholder{color:#8a8b96}label{font-size:13px;font-weight:550}input[type=checkbox]{accent-color:#c14b24;min-height:18px;width:18px;height:18px}.nested{background:#f9f9fc;border:1px solid #eeeef3;border-radius:17px;padding:20px}.nested input,.nested select{background:white}.section-note{background:#f2f3f8;color:#656577;border-radius:14px}.subnote{border-color:#eac4b7;color:#76717a;font-size:13px}.tree{color:#76717e;font-size:13px;font-weight:500}.sticky-actions{border:1px solid #e7e7ee;box-shadow:0 -6px 20px #25254105;border-radius:18px;padding:17px;bottom:14px}.empty .symbol{background:#fff0e5;color:#c35a2f;border-radius:22px}.table-wrap{border-radius:13px}th{background:#f7f7fa;color:#7c7e8b;font-size:10px;letter-spacing:1px}td,th{padding:16px}td{font-size:14px}.inline-msg{font-size:12px;color:#85838d}.form-error{background:#fff0ed;border-radius:14px}#message{background:#303340;border-radius:17px;font-size:14px;max-width:min(500px,90vw);box-shadow:0 8px 28px #1a1b3329}#message.error{background:#922f31}.dock{display:none}
/* Home: a launcher, not a dense management dashboard. */
.home-layout{display:block;min-height:100vh;background:radial-gradient(ellipse at 8% 5%,#ffe4ce 0,transparent 39%),radial-gradient(ellipse at 95% 32%,#dddffa 0,transparent 45%),radial-gradient(ellipse at 32% 100%,#dce9e5 0,transparent 55%),#f3f1f4;background-attachment:fixed}.home-layout .sidebar{display:none}.home-layout .topbar{background:#ffffff35;border-bottom:1px solid #ffffff55;padding:22px 44px;backdrop-filter:blur(18px)}.home-layout .topbar .brand{font-size:24px}.home-layout .content{max-width:1120px;padding:48px 44px 148px}.home-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:44px}.home-welcome h1{font-size:42px;letter-spacing:-1.7px;color:#262631;margin:0 0 12px}.home-welcome p:last-child{color:#76717d;font-size:16px;margin:0}.home-search{display:flex;align-items:center;background:#ffffffa1;border:1px solid #fff9;border-radius:15px;padding:0 15px;min-width:310px;box-shadow:0 4px 15px #59557304}.home-search svg{width:20px;height:20px;color:#8b8792;flex:none}.home-search input{background:transparent;border:0;box-shadow:none;padding:13px 11px;font-size:13px;min-height:48px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.section-heading h2{font-size:17px;margin:0}.section-heading>span{font-size:11px;font-weight:500;background:#ffffff8c;padding:6px 10px;border:1px solid #fffa;border-radius:20px;color:#797383}.launch-section{padding:28px 30px 30px;background:#ffffff60;border:1px solid #ffffffb0;border-radius:30px;box-shadow:0 10px 30px #48416704}.app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.app-tile{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:15px 6px 10px;border-radius:20px;min-width:0}.app-tile:hover{background:#fff7;transform:translateY(-3px)}.app-tile:active{transform:scale(.96)}.app-tile[hidden]{display:none}.app-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;color:white;position:relative;box-shadow:inset 0 1px 1px #ffffff70,0 7px 13px #40426119;flex:none}.app-icon::after{content:'';position:absolute;inset:1px;border:1px solid #fff2;border-radius:21px;pointer-events:none}.app-icon svg{width:37px;height:37px;filter:drop-shadow(0 1px 1px #0001)}.orange{background:linear-gradient(155deg,#ffa956,#e46634)}.blue{background:linear-gradient(155deg,#79b8ff,#4b83e9)}.purple{background:linear-gradient(155deg,#ba9afb,#9271dc)}.green{background:linear-gradient(155deg,#74c9a1,#45a080)}.cyan{background:linear-gradient(155deg,#65cddd,#359bad)}.app-tile strong{font-size:14px;font-weight:600;letter-spacing:-.1px;color:#383743}.tile-description{font-size:11px;font-weight:400;line-height:1.5;max-width:130px;color:#7d7886;margin-top:-6px}.home-widgets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.home-widget{display:flex;gap:20px;align-items:flex-start;background:#ffffffe0;padding:26px;border:1px solid #fff;border-radius:24px;box-shadow:0 5px 25px #58566e04}.home-widget h2{font-size:17px;margin:1px 0 9px}.home-widget p{font-size:13px;color:#7c7885;max-width:290px;margin-bottom:12px}.widget-icon{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;color:white}.widget-icon svg{width:24px;height:24px}.text-action{border:0;background:transparent;padding:0;min-height:32px;color:#ac4e30;font-size:12px;display:inline-flex;align-items:center;gap:5px}.text-action:hover{background:transparent;color:#873819}.text-action svg{width:12px;height:12px}.coming-next{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 5px 0;padding:0 5px}.coming-next h2{font-size:13px;margin:0 0 5px;color:#6e6c7a}.coming-next p{font-size:11px;margin:0;color:#86818f}.future-modules{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.future-modules>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#85818f}.future-modules svg{width:16px;height:16px}.future-modules .development-label{font-size:10px;background:#fff8;padding:5px 9px;border-radius:20px;color:#8a8592}.home-layout .dock{display:flex}.dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);gap:7px;padding:8px 12px;background:#ffffffc9;border:1px solid #fff;border-radius:25px;box-shadow:0 12px 45px #4b44691c;backdrop-filter:blur(22px);z-index:5}.dock button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 14px;min-width:68px;font-size:10px;color:#88808c;font-weight:500;border-radius:17px;min-height:59px}.dock svg{width:22px;height:22px}.dock button:hover{background:#fff8}.dock button.selected{background:#fff;color:#c14b24;box-shadow:0 2px 9px #4e3f4a0a}
/* Entry screen uses the same visual vocabulary as the app launcher. */
.auth-stage{min-height:100vh;background:radial-gradient(ellipse at 10% 20%,#ffe6d3 0,transparent 45%),radial-gradient(ellipse at 90% 30%,#e0e0f7 0,transparent 45%),radial-gradient(ellipse at 40% 100%,#e0eae4 0,transparent 55%),#f5f2f5;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:65px;padding:65px max(7vw,30px)}.auth-intro .brand{font-size:27px;margin-bottom:55px}.auth-intro h1{font-size:54px;line-height:1.12;letter-spacing:-2px;margin-bottom:22px}.auth-intro>p{font-size:18px;color:#827a83;line-height:1.65}.auth-apps{display:flex;gap:18px;margin:38px 0}.auth-apps .app-icon{width:64px;height:64px;border-radius:19px}.auth-apps .app-icon svg{width:30px;height:30px}.auth-local{font-size:12px;color:#8a8088}.auth{width:100%;max-width:440px;padding:0;margin:0;position:relative}.auth .card{padding:35px;border:1px solid #fff;background:#ffffffd4;box-shadow:0 20px 60px #5b47610c;border-radius:29px}.auth h2{font-size:25px;letter-spacing:-.7px;margin-bottom:12px}.auth .muted{font-size:14px;margin-bottom:25px}.auth .eyebrow{font-size:10px;margin-bottom:14px}.auth form{gap:17px}.auth .primary{margin-top:5px;display:flex;justify-content:space-between;align-items:center;border-radius:13px;padding:14px 18px}.auth-footnote{text-align:center;font-size:11px;color:#8c8490;margin:18px 0 0}.auth-emblem{position:absolute;top:-27px;right:26px;background:#fff;width:52px;height:52px;border:1px solid #fff;border-radius:17px;display:grid;place-items:center;box-shadow:0 6px 18px #59426212;color:#bf704f}.auth-emblem svg{width:25px;height:25px}
@media(min-width:1500px){.home-layout .content{padding-top:70px}.home-welcome{margin-bottom:52px}.launch-section{padding:34px}}
@media(max-width:1050px){.home-welcome{align-items:flex-start;flex-direction:column;gap:22px}.home-search{min-width:0;width:100%;max-width:440px}.home-layout .content{padding-top:32px}.home-welcome h1{font-size:37px}.coming-next{align-items:flex-start;flex-direction:column}.auth-stage{gap:35px;padding:45px 5vw;grid-template-columns:1fr 390px}.auth-intro h1{font-size:42px}}
@media(max-width:760px){.layout{display:block}.sidebar{display:none}.topbar{padding:12px 18px;min-height:68px}.topbar-start{gap:10px}.home-back{display:grid;place-items:center;padding:7px;border:0;background:#fff;width:36px;min-height:36px;border-radius:10px;color:#bf5b3a}.home-back svg{width:19px;height:19px}.profile{gap:8px}.profile-name{display:none}.avatar{width:30px;height:30px}.profile .quiet{padding:6px;min-height:36px;font-size:11px}.connection{display:none}.content{padding:24px 18px 120px}.card{padding:21px;border-radius:20px}h1{font-size:27px}.dock{display:flex;bottom:12px;width:calc(100% - 32px);max-width:410px;justify-content:space-around;padding:7px;border-radius:24px}.dock button{min-width:0;flex:1;padding:7px 8px;min-height:56px}.sticky-actions{bottom:97px;position:static;display:block;margin-bottom:16px}.sticky-actions .actions{margin-top:12px;justify-content:flex-end}.sticky-actions small{font-size:11px}.home-layout .topbar{padding:17px 22px;min-height:72px}.home-layout .topbar .brand{font-size:21px}.home-layout .content{padding:29px 22px 126px}.home-welcome{margin-bottom:26px;gap:23px}.home-welcome h1{font-size:34px;letter-spacing:-1.1px}.home-welcome .eyebrow{font-size:9px;letter-spacing:1.6px}.home-welcome p:last-child{font-size:14px}.home-search{max-width:none}.launch-section{padding:22px 14px;border-radius:26px}.section-heading{padding:0 7px;margin-bottom:18px}.section-heading h2{font-size:15px}.section-heading>span{font-size:9px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 5px}.app-tile{padding:7px 0;gap:10px}.app-icon{width:65px;height:65px;border-radius:19px}.app-icon::after{border-radius:18px}.app-icon svg{width:31px;height:31px}.app-tile strong{font-size:12px}.tile-description{display:none}.home-widgets{grid-template-columns:1fr;gap:13px;margin-top:18px}.home-widget{padding:21px;gap:16px}.home-widget h2{font-size:15px}.home-widget p{font-size:12px;margin-bottom:7px}.coming-next{margin:24px 4px 0;gap:14px}.future-modules{gap:12px}.auth-stage{display:block;padding:34px 24px;min-height:100vh}.auth-intro .brand{margin-bottom:25px;font-size:24px}.auth-intro h1{font-size:33px;letter-spacing:-1px}.auth-intro>p,.auth-apps,.auth-local{display:none}.auth{margin:32px auto 0;max-width:440px}.auth .card{padding:27px}.auth-intro{max-width:440px;margin:auto}.auth h2{font-size:23px}.auth-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.app-tile:hover{transform:none}}
/* One navigation pattern across desktop, tablet and phone. */
.layout{display:block}.sidebar{display:none}.dock{display:flex}.content{padding-bottom:132px}.home-back{display:grid;place-items:center;padding:8px;border:0;background:#fff;width:38px;min-height:38px;border-radius:11px;color:#bf5b3a}.home-back svg{width:20px;height:20px}.sticky-actions{bottom:116px}.home-layout .content{padding-bottom:148px}@media(max-width:760px){.content{padding-bottom:120px}.sticky-actions{position:static}.home-layout .content{padding-bottom:126px}}
/* Help remains beside the account and preserves the current form. */
.topbar{position:sticky;top:0;z-index:6}.header-help{display:flex;align-items:center;gap:6px;border:0;background:#ffffffaa;color:#288594;padding:8px 11px;font-size:12px;margin-right:5px}.header-help svg{width:23px;height:23px}.quick-help{width:min(580px,calc(100vw - 32px));max-height:85vh;padding:27px;border:1px solid #e5e5ed;border-radius:25px;color:#25252d;background:#fafafd;box-shadow:0 20px 80px #25254130}.quick-help::backdrop{background:#24223455;backdrop-filter:blur(4px)}.quick-help-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.quick-help-header h2{margin-bottom:5px}.quick-help-header .eyebrow{margin-bottom:7px}.quick-help>.muted{font-size:13px}.quick-help-results{margin-top:17px}.quick-help .help-item{padding:16px 18px;margin-bottom:10px;background:#fff;border:1px solid #e9e9f0;border-radius:16px}.quick-help .help-item h3{margin-bottom:7px}.quick-help .help-item p{font-size:13px;color:#666675;margin-bottom:0}@media(max-width:760px){.header-help{padding:7px;margin:0}.header-help span{display:none}.quick-help{padding:20px}.topbar-start{min-width:0}.current-app{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile{flex-shrink:0}}

.quick-help{overflow-y:auto}
@media(max-width:650px){.pending-table table,.pending-table tbody,.pending-table td{display:block;min-width:0;width:auto}.pending-table thead{display:none}.pending-table tr{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 0;border-bottom:1px solid #e8e9ef}.pending-table td{padding:0;border:0;overflow-wrap:anywhere}.pending-table td[data-label]::before{content:attr(data-label);display:block;color:#747581;font-size:12px;margin-bottom:3px}.pending-table td:last-child button{width:100%}}
.pending-tabs{display:flex;gap:8px;padding:6px;background:#eae8f080;border-radius:18px;margin-bottom:18px}.pending-tabs button{flex:1;background:transparent;border:0}.pending-tabs button[aria-pressed="true"]{background:white;color:#ac4e30;box-shadow:0 2px 10px #30203a10}.pending-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.pending-filters label{flex:1;min-width:180px}.dialog-choices{display:grid;gap:10px;margin:20px 0}.pos-grid textarea{width:100%;min-height:90px;border:1px solid #ddddea;border-radius:12px;padding:12px;resize:vertical;font:inherit}.pos-grid[inert]{opacity:.75}.table-wrap small{display:block}#refund-intake{display:grid;gap:16px}@media(max-width:650px){.pending-filters{display:grid;grid-template-columns:1fr}.pending-tabs button{padding:12px 8px}.heading{flex-wrap:wrap}}

.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}.pos-grid .actions{flex-wrap:wrap}.pos-grid input{max-width:100%;min-width:0}.pos-result,.pos-line{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e8e9ef;flex-wrap:wrap}.pos-result small,.pos-line small{display:block}.pos-line label{max-width:130px}.pos-line input{width:100%}#sale-summary{padding:20px 0}.pos-grid details{margin:16px 0}.pos-grid summary{cursor:pointer;padding:12px 0;color:#a63c1b}#customer-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:1000px){.pos-grid{grid-template-columns:1fr}}

.count-record{padding:18px 0;border-bottom:1px solid #e8e9ef}.count-record:last-child{border-bottom:0}#count-form{display:grid;gap:12px;margin-top:18px}#location-form{display:grid;gap:12px}.count-record .row{flex-wrap:wrap}.count-record p{overflow-wrap:anywhere}

/* Order-centered POS, with a persistent recap above the navigation dock. */
.pos-content{max-width:1540px;padding-bottom:300px}.pos-register{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.pos-register .card{padding:20px}.pos-order{min-width:0}.order-product-name{display:block;margin:5px 0}.order-table td,.order-table th{padding:12px 8px}.order-table td{vertical-align:top}.order-table input{width:84px;padding:10px}.order-table th{white-space:nowrap}.order-table small{min-width:130px}.order-table td:first-child{min-width:155px}.sale-summary-strip{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:min(1360px,calc(100% - 40px));background:#fff;border:1px solid #e7e8ef;border-radius:20px;box-shadow:0 5px 24px #25254115;padding:18px 24px!important;z-index:5}.sale-total-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sale-total-values span{display:block;color:#626574;font-size:13px}.sale-total-values strong{display:block;font-size:24px;margin-top:4px;overflow-wrap:anywhere}.sale-minimum{margin:12px 0 4px;font-weight:600;color:#a63c1b}.pos-tools .actions input{width:100%}.pos-order>.actions{margin-top:22px}@media(max-width:1100px){.pos-register{grid-template-columns:1fr}.pos-tools{display:block}.pos-content{padding-bottom:320px}}@media(max-width:650px){.order-table table,.order-table tbody,.order-table tr,.order-table td{display:block}.order-table thead{display:none}.order-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #e7e8ef;padding:15px 0}.order-table td{border:0;padding:3px;min-width:0}.order-table td:first-child{grid-column:1/-1;min-width:0}.order-table td[data-label]:before{content:attr(data-label);display:block;color:#747581;font-size:12px;margin-bottom:4px}.sale-summary-strip{bottom:88px;width:calc(100% - 24px);padding:13px 14px!important}.sale-total-values{gap:8px}.sale-total-values strong{font-size:19px}.sale-total-values span{font-size:12px}.sale-summary-strip small{font-size:11px}.sale-minimum{font-size:13px}.pos-content{padding-bottom:350px}}

.quote-product dl{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr);gap:10px 18px;padding:16px 0}.quote-product dt{color:var(--muted,#677086)}.quote-product dd{margin:0;font-weight:600}.quote-product [data-cell-price]{font-size:1.3rem}.quote-product button{margin-top:12px}
@media(max-width:480px){.quote-product dl{grid-template-columns:1fr;gap:4px}.quote-product dd{margin-bottom:10px}}
/* Interrupting windows and live selectors */
dialog::backdrop{background:rgba(24,30,51,.45);backdrop-filter:blur(5px)}
.notice-window,.task-window{border:1px solid #ffffffa8;background:#fafbfff5;color:#172036;border-radius:26px;box-shadow:0 24px 90px #18203955;padding:28px;max-height:85dvh;overflow:auto}
.notice-window{width:min(440px,calc(100vw - 36px));text-align:center}
.notice-window p{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 26px;line-height:1.6}
.notice-window button{width:100%;min-height:48px}.notice-symbol{font-size:30px;color:#c64b1f}
.task-window{width:min(760px,calc(100vw - 32px))}.task-window-body{margin-top:20px}
.item-search-results{max-height:min(55vh,560px);overflow:auto;border:1px solid #e2e5ed;border-radius:14px}.item-search-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e2e5ed}.item-search-row:last-child{border-bottom:0}.item-search-row small{display:block;color:#606b7e;margin-top:3px}.item-search-row input{width:100%}
@media(max-width:600px){.item-search-row{grid-template-columns:minmax(0,1fr) 90px}.item-search-row>div{grid-column:1/-1}}
.lookup{position:relative;margin:12px 0 22px;min-width:0}.lookup form input{min-width:0;flex:1}.lookup-results{position:absolute;top:calc(100% - 18px);left:0;right:0;z-index:30;max-height:280px;overflow:auto;border:1px solid #bbc4da;border-radius:15px;background:#fff;box-shadow:0 12px 30px #23324b33}
.lookup-results[hidden]{display:none}.lookup-results button{display:block;width:100%;text-align:left;border:0;border-radius:0;white-space:normal;overflow-wrap:anywhere;min-height:48px;padding:12px 16px;background:#fff;color:#172036}
.lookup-results [aria-selected=true] button,.lookup-results button:hover{background:#e8efff}.lookup-status{display:block;min-height:18px;margin-top:6px;color:#59647a}
.content{border-radius:26px}.task-window input{max-width:100%}
@media(max-width:600px){.notice-window,.task-window{padding:20px}.lookup-results{max-height:240px}.task-window .actions{flex-wrap:wrap}}
/* Modules open in a distinct workspace surface; secondary actions are modal windows. */
.layout:not(.home-layout) .content{background:rgba(255,255,255,.76);border:1px solid #fff;box-shadow:0 16px 50px #303e5b12;margin:24px auto 100px;padding:28px;width:calc(100% - 36px)}
@media(max-width:600px){.layout:not(.home-layout) .content{width:calc(100% - 16px);padding:16px 10px;margin-top:12px;border-radius:20px}}
/* In a small modal the results must participate in layout, not be clipped by its scroll frame. */
.task-window .lookup-results{position:relative;top:0;margin-top:8px}
.task-window .lookup .actions{flex-wrap:wrap}
.task-window .lookup input{min-width:min(200px,100%);width:100%}
/* Real modal workspaces, with secondary dialogs in the browser top layer. */
.workspace-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#eeedf5;z-index:0}.workspace-background[hidden]{display:none}
body.workspace-open{overflow:hidden}
.workspace-window{padding:0;border:1px solid #ffffffb8;border-radius:26px;width:calc(100vw - 64px);max-width:1440px;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);overflow:auto;background:#f4f5f9;box-shadow:0 28px 90px #24243b45;overscroll-behavior:contain}
.workspace-window::backdrop{background:#25243b4d;backdrop-filter:blur(5px)}
.workspace-window .layout{min-height:100%;display:block}
.workspace-window .topbar{position:sticky;top:0;z-index:15;padding:12px 22px;background:#fffffff0}
.workspace-window .content{padding-bottom:105px}
.workspace-window .dock{position:sticky;bottom:12px;margin:0 auto 12px;left:auto;transform:none;width:max-content;max-width:calc(100% - 24px);z-index:14}
.workspace-window .sale-summary-strip{position:sticky;bottom:0;left:auto;right:auto;width:100%;z-index:10}
.workspace-window .pos-content{padding-bottom:100px}
.workspace-close{font-size:26px;line-height:1;min-width:44px;color:#686574;background:#eeeef4;border:0}
.workspace-window[data-child=true]{width:calc(100vw - 100px);max-width:1320px;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}
@media(max-width:650px){
 .workspace-window,.workspace-window[data-child=true]{width:calc(100vw - 12px);max-width:none;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
 .workspace-window .topbar{padding:8px;gap:6px;flex-wrap:wrap}
 .workspace-window .topbar-start,.workspace-window .profile{gap:6px}
 .workspace-window .content{padding:18px 12px 88px}
 .workspace-window .connection{display:none}
 .workspace-window .dock{bottom:6px}
}
.workspace-window .sale-summary-strip{transform:none}
@media(max-width:1000px){.workspace-window .topbar{flex-wrap:wrap;gap:8px}.workspace-window .profile{margin-left:auto}.workspace-window .profile-name{max-width:145px}}

.task-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:20px}.task-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.task-steps{display:grid;gap:12px;margin:20px 0}.task-window textarea{width:100%;box-sizing:border-box}.task-window form{display:grid;gap:16px}.profile{flex-wrap:wrap}.task-window .actions{flex-wrap:wrap}
@media(max-width:650px){#import-preview table,#import-preview tbody,#import-preview tr,#import-preview td{display:block;width:100%;min-width:0;box-sizing:border-box}#import-preview thead{display:none}#import-preview tr{border-bottom:1px solid #e7e8ef;padding:14px 0}#import-preview td{border:0;padding:6px 0;white-space:normal;overflow-wrap:anywhere}#import-preview td:before{content:attr(data-label);display:block;font-size:12px;color:#646571;margin-bottom:4px}#import-preview dd{margin-left:0}#import-preview input[type=checkbox]{width:22px;height:22px}}
.bulk-list{max-height:280px;overflow:auto;border:1px solid #dce1eb;border-radius:14px;margin:12px 0 22px;background:#fff}.bulk-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e8ebf1;cursor:pointer}.bulk-item:last-child{border-bottom:0}.bulk-item>span:nth-child(2){min-width:0;flex:1}.bulk-item small{display:block;color:#657086;margin-top:4px}.bulk-item input[type=checkbox],.bulk-fields input[type=checkbox]{width:22px;height:22px;flex:none}.bulk-fields{display:grid;gap:8px;margin-bottom:20px}.bulk-fields .check{margin-top:8px}.bulk-fields .actions>*{min-width:0;flex:1}.bulk-fields input,.bulk-fields select{max-width:100%}

.barcode-image { overflow-x: auto; max-width: 100%; background: white; }
.barcode-image svg { display: block; }
.barcode-image svg[hidden] { display: none; }
.barcode-panel { min-width: 0; }
[data-barcode-custom][hidden] { display: none; }

/* Work Order detail: scroll the content inside a dedicated navigation frame. */
.layout.work-order-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden}
.workspace-window .layout.work-order-layout{height:100%;min-height:0}
.layout.work-order-layout>main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}
.layout.work-order-layout .topbar{flex-shrink:0}
.layout.work-order-layout .content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:24px;margin:16px auto;padding:24px 24px 32px}
.layout.work-order-layout>.dock{position:static;left:auto;bottom:auto;transform:none;flex-shrink:0;width:max-content;max-width:calc(100% - 24px);margin:0 auto 12px}
#work-order-panel{min-width:0;margin-bottom:0}
#work-order-panel .table-wrap{margin-bottom:20px}
#work-order-panel label{margin:20px 0}
#wo-cancel-reason{display:block;width:100%;min-height:112px;margin-top:8px;padding:12px 14px;resize:vertical;font:inherit;line-height:1.5;color:#25252d;background:#f7f7fa;border:1px solid #e5e5ed;border-radius:12px}
#wo-cancel-reason:focus-visible{outline:3px solid #c95b36;outline-offset:3px}
#work-order-panel>.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0}
#work-order-panel>.actions button{min-width:0;min-height:48px;width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){
 .layout.work-order-layout .content{width:calc(100% - 16px);margin:10px auto;padding:16px 12px 24px;scroll-padding:16px}
 .layout.work-order-layout>.dock{margin-bottom:8px}
 #work-order-panel{padding:18px 14px}
 #work-order-panel>.actions{grid-template-columns:1fr}
}

/* Compact POS inventory stays on one line; the order column is opt-in. */
.inventory-compact{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;color:#48556b}
.inventory-info{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;padding:2px;border:0;background:transparent;color:#315685;font-size:19px}
.item-search-row .inventory-compact{margin-top:1px}
.order-table [data-inventory-column][hidden]{display:none}
.order-table [data-inventory-column]{white-space:nowrap}
.inventory-detail dl{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:12px;margin:20px 0}
.inventory-detail dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.inventory-detail dd small{display:block;font-weight:400;color:#626574;margin-top:4px}
.inventory-holds summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}
.inventory-holds ul{list-style:none;padding:0;margin:6px 0}
.inventory-holds li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e2e5ed}

/* Desktop rows; mobile products have a dedicated identity row above controls. */
.item-search-row{grid-template-columns:minmax(0,1fr) max-content 90px;min-width:0}
.item-search-row>div{grid-column:auto}
.item-search-row .inventory-compact{margin-top:0}
.item-search-product{min-width:0;overflow-wrap:anywhere}
.item-search-quantity{min-width:0;min-height:46px}
/* Keep confirmation in view. Only the product list scrolls inside this dialog. */
.task-window:has(.item-search-results){display:flex;flex-direction:column;height:min(740px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden}
.task-window:has(.item-search-results)>.quick-help-header{flex:none}
.task-window:has(.item-search-results)>.task-window-body{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:12px;gap:10px}
.task-window:has(.item-search-results) .task-window-body>p{margin:0;flex:none}
.task-window:has(.item-search-results) #item-search-form{display:flex;flex-wrap:nowrap;gap:8px;flex:none}
.task-window:has(.item-search-results) #item-search-form input{min-width:0;flex:1}
.task-window:has(.item-search-results) .item-search-results{flex:1;min-height:0;max-height:none;overscroll-behavior:contain}
.task-window:has(.item-search-results) .task-window-body>.actions:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:none;gap:8px}
.task-window:has(.item-search-results) .task-window-body>.actions:last-child button{white-space:normal;padding:10px 8px}
@media(max-width:600px){
 .task-window:has(.item-search-results){padding:16px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .item-search-row{grid-template-columns:minmax(0,1fr) 108px;gap:12px;padding:14px 12px}
 .item-search-row>.item-search-product{grid-column:1/-1}
 .item-search-row>.item-search-stock{grid-column:1;min-width:0}
 .item-search-row>.item-search-quantity{grid-column:2;grid-row:2}
 .item-search-row .inventory-compact{white-space:normal;flex-wrap:wrap}
}

/* POS-011 physical investigation, readable at touch widths. */
.shortage-window { width:min(880px,calc(100vw - 24px)); }
.shortage-window .task-window-body { overflow-wrap:anywhere; }
.shortage-window form { margin:18px 0; padding:14px; border:1px solid var(--line,#ddd); border-radius:14px; }
.shortage-window fieldset { min-width:0; margin:12px 0; padding:12px; border:1px solid var(--line,#ddd); border-radius:10px; }
.shortage-window input,.shortage-window select,.shortage-window textarea { min-height:44px; max-width:100%; box-sizing:border-box; }
.shortage-window label { display:block; margin:8px 0; }
.shortage-window label input:not([type=checkbox]),.shortage-window label select,.shortage-window textarea { display:block; width:100%; }
.shortage-window button,#shortages-panel button { min-height:44px; white-space:normal; }
.shortage-window .shortage-check { display:flex; align-items:center; gap:10px; }
.shortage-lines { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; }
.shortage-quantities { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 14px; }
.shortage-quantities dd { margin:0; font-weight:600; }
.shortage-history { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.shortage-warning { padding:12px; border-left:4px solid #af7515; background:#fff6e3; color:#553609; }
.shortage-evidence { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }
@media(max-width:500px) { .shortage-window .actions { display:flex; flex-direction:column; align-items:stretch; } .shortage-window form { padding:8px; } .shortage-window fieldset { padding:8px; } }

/* Use the available window; only secondary task dialogs are inset. */
.workspace-window,.workspace-window[data-child=true]{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}
.workspace-window .layout:not(.home-layout) .content{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:24px}
/* The footer reserves the floating dock's footprint, including keyboard focus. */
.workspace-window .layout.pos-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}
.layout.pos-layout>main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.layout.pos-layout .topbar{flex-shrink:0;position:relative}
.workspace-window .layout.pos-layout .content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:24px;padding-bottom:24px}
.workspace-window .layout.pos-layout>.dock{position:static;transform:none;left:auto;bottom:auto;max-width:calc(100% - 16px);width:max-content;margin:8px auto;padding:4px;gap:2px;border-radius:18px}
.layout.pos-layout>.dock button{min-width:44px;min-height:44px;padding:4px 8px;position:relative;flex:1}
.layout.pos-layout>.dock button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.layout.pos-layout>.dock.dock-expanded button,.layout.pos-layout>.dock:focus-within button{min-height:64px;padding:6px 10px}
.layout.pos-layout>.dock.dock-expanded button span,.layout.pos-layout>.dock:focus-within button span{position:static;width:auto;height:auto;clip-path:none;white-space:normal}
.workspace-window .layout.pos-layout .sale-summary-strip{position:static;transform:none;margin:16px 0;width:100%;box-shadow:none}
.header-help[hidden]{display:none}
.layout.pos-layout .order-table td{white-space:normal;overflow-wrap:anywhere}
.layout.pos-layout .order-table small{min-width:0}
.quote-table td{white-space:normal;overflow-wrap:anywhere}
.quote-product-detail{white-space:normal;text-align:left;overflow-wrap:anywhere}
@media(max-width:650px){
 .workspace-window .layout:not(.home-layout) .content{padding:16px 12px}
 .workspace-window .layout.pos-layout .content{scroll-padding:16px;padding-bottom:16px}
 .layout.pos-layout .pos-register .card{padding:16px 12px}
 .layout.pos-layout .pos-order>.row{flex-wrap:wrap}
 .layout.pos-layout .order-table td:first-child{min-width:0}
 .layout.pos-layout>.dock.dock-expanded button,.layout.pos-layout>.dock:focus-within button{padding:6px;min-width:44px;font-size:9px}
 .quote-table table,.quote-table tbody,.quote-table tr,.quote-table td{display:block;min-width:0}
 .quote-table thead{display:none}
 .quote-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #e7e8ef}
 .quote-table td{padding:0;border:0}
 .quote-table td:first-child,.quote-table td:last-child{grid-column:1/-1}
 .quote-table td[data-label]::before{content:attr(data-label);display:block;color:#747581;font-size:12px;margin-bottom:4px}
 .quote-table input{width:100%}
}
@media(max-width:400px){
 .sale-total-values{grid-template-columns:1fr;gap:8px}
 .sale-total-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
 .sale-total-values strong{font-size:18px;margin:0}
}

/* Passive success updates: top-layer, no focus or pointer interception. */
.status-notice{position:fixed;inset:calc(76px + env(safe-area-inset-top)) 16px auto auto;margin:0;box-sizing:border-box;width:max-content;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border:1px solid #d4e7dc;border-radius:12px;background:#f1faf4;color:#245337;box-shadow:0 4px 18px #19251c16;font:inherit;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;z-index:10000}

/* Authoritative stock rejection stays beside each affected product. */
tr.stock-deficit > td{background:#fff1f0;color:#9b1c1c}
[data-stock-deficit]{display:block;white-space:normal;font-weight:600;margin-top:.35rem}
[data-stock-deficit][hidden]{display:none}

.pending-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#c83f38;color:#fff;font-size:12px;font-weight:700;line-height:1}

#picking-progress{padding:18px 0;max-width:480px}#picking-progress label{display:block;margin-bottom:10px;font-weight:600}#warehouse-progress{display:block;width:100%;height:12px;accent-color:#b94b25}

/* Mobile corrections: match the keyboard's visible frame and keep editable text readable. */
dialog.viewport-bound{position:fixed;inset:var(--visual-top,0px) 0 var(--visual-bottom,0px);max-height:calc(var(--visual-height,100dvh) - 24px)}
.workspace-window.viewport-bound{height:var(--visual-height,100dvh);max-height:var(--visual-height,100dvh)}
.task-window.viewport-bound:has(.item-search-results){height:min(740px,calc(var(--visual-height,100dvh) - 24px));max-height:calc(var(--visual-height,100dvh) - 24px)}
body.keyboard-open .workspace-window .layout>.dock{display:none}
.task-window,.task-window-body,.task-window form,.task-window label,.task-window .actions>*{min-width:0}
.task-window .actions button{white-space:normal}
.item-search-product strong{font-weight:600}
.item-search-details summary{cursor:pointer;font-size:12px;line-height:1.4;color:#59647a;padding:3px 0;min-height:24px}
.item-search-details .inventory-compact{white-space:normal;flex-wrap:wrap}
.item-search-stock{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.pending-list{display:grid}
.pending-entry{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;text-align:left;border:0;border-bottom:1px solid #e2e5ed;border-radius:0;padding:10px 4px;background:transparent}
.pending-entry strong{flex:none}
.pending-entry>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.pending-entry>span:last-child{font-size:22px}
@media(max-width:650px){
 .pending-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:0;padding:4px 24px 4px 4px;line-height:20px}
 .pending-entry strong,.pending-entry>span:nth-child(2),.pending-entry>span:nth-child(3){min-width:0;overflow-wrap:anywhere}
 .pending-entry>span:nth-child(2),.pending-entry>span:nth-child(3){font-size:13px;line-height:18px}
 .pending-entry>span:last-child{position:absolute;right:4px;top:50%;transform:translateY(-50%)}
}
.pending-new{font-size:13px;min-height:44px;padding:8px 12px}
@media(max-width:650px){
 /* Safari focuses inputs below 16px by zooming the layout. Pinch zoom stays enabled. */
 input:not([type=checkbox]):not([type=radio]),select,textarea,
 .task-window input,.task-window select,.task-window textarea,.home-search input,
 .order-table input,.quote-table input{font-size:16px;max-width:100%;min-width:0}
 .task-window{padding:12px;max-width:calc(100% - 16px)}
 .task-window .quick-help-header{gap:8px;align-items:center}
 .task-window .quick-help-header h2{font-size:18px;overflow-wrap:anywhere}
 .task-window:has(.item-search-results){padding:10px}
 .task-window:has(.item-search-results)>.task-window-body{gap:6px;margin-top:8px}
 .item-search-instruction{font-size:12px}
 .item-search-row{grid-template-columns:minmax(0,1fr) 86px;gap:2px 10px;padding:8px}
 .item-search-row>.item-search-product{grid-column:1;grid-row:1}
 .item-search-row>.item-search-stock{grid-column:1;grid-row:2}
 .item-search-row>.item-search-quantity{grid-column:2;grid-row:1/3;align-self:center;padding:8px;min-height:44px}
 .item-search-product{font-size:14px;line-height:1.3}
 .item-search-row small{font-size:12px;margin-top:2px;line-height:1.3}
 .layout.pos-layout .order-table tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:10px 0}
 .layout.pos-layout .order-table td{padding:0;line-height:1.3;font-size:13px}
 .layout.pos-layout .order-table td:first-child{grid-column:1/-1}
 .layout.pos-layout .order-table td:first-child:before{display:none}
 .layout.pos-layout .order-table .order-product-name{display:inline;margin-left:6px}
 .layout.pos-layout .order-table td:nth-child(2){grid-row:2;grid-column:1/3;align-self:center}
 .layout.pos-layout .order-table td:last-child{grid-row:2;grid-column:3}
 .layout.pos-layout .order-table td:nth-child(6){grid-column:1/-1}
 .layout.pos-layout .order-table td:nth-child(6):before{display:inline;margin-right:6px}
 .layout.pos-layout .order-table input{width:100%;min-height:44px;padding:8px}
 .layout.pos-layout .order-table td:last-child button{padding:8px;min-height:44px;font-size:12px;width:100%}
 .quote-table tr{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0;gap:8px}
 .quote-table td:last-child{grid-column:auto;align-self:end}
 .quote-table td:first-child:before{display:none}
 .quote-table td:last-child button{padding:8px;width:100%;min-height:44px}
 .work-order-edit-window,.work-order-edit-window.viewport-bound{width:100%;max-width:100%;height:var(--visual-height,100dvh);max-height:var(--visual-height,100dvh);margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
 .work-order-edit-window>.quick-help-header{flex:none}
 .work-order-edit-window>.task-window-body{flex:1;min-height:0;overflow:auto;margin-top:8px;overscroll-behavior:contain}
 .work-order-edit-window form{gap:12px}
 .wo-edit-table table,.wo-edit-table tbody{display:block;min-width:0}
 .wo-edit-table thead{display:none}
 .wo-edit-table tr{display:grid;grid-template-columns:minmax(0,1fr) 90px 64px;gap:8px;align-items:center;border-bottom:1px solid #e2e5ed;padding:8px 0}
 .wo-edit-table td{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:0;border:0;font-size:13px}
 .wo-edit-table td input{width:100%;padding:8px;min-height:44px}
 .wo-edit-table td button{padding:8px 4px;width:100%;min-height:44px;font-size:12px}
 .pending-filters{gap:8px;margin:12px 0}
 .pending-filters label{min-width:0}
 .pending-tabs{gap:4px;margin-bottom:12px}
 .pending-tabs button{padding:8px 4px;font-size:13px;min-width:0}
}
.sale-customer-settings>summary,.pending-find>summary{cursor:pointer;min-height:44px;padding:10px 0;color:#594d50;font-weight:600;overflow-wrap:anywhere}
.pos-grid .sale-customer-settings{margin:0}
.sale-customer-settings>h2{margin-top:12px}
.pending-find{margin-bottom:8px}
@media(max-width:650px){
 .item-search-details summary{min-height:44px;padding:10px 0}
 .pos-tools>h2{display:none}
 .pos-tools>hr{margin:6px 0}
 .pos-tools>#sale-search{margin:8px 0}
 .pos-tools>.muted{font-size:12px;margin-bottom:0;line-height:1.4}
}
/* Readable editable controls also prevent focus zoom on phones in landscape. */
input:not([type=checkbox]):not([type=radio]),select,textarea,.task-window input,.task-window select,.task-window textarea,.home-search input,.order-table input,.quote-table input{font-size:16px}
/* Keep detail access beside quantity; only expanded detail consumes another row. */
.item-search-row{grid-template-columns:minmax(0,1fr) 90px 44px;gap:8px;align-items:center}
.item-search-row>.item-search-product{grid-column:1;grid-row:1}
.item-search-row>.item-search-quantity{grid-column:2;grid-row:1}
.item-search-row>.item-search-details{display:contents}
.item-search-details>summary{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;font-size:20px;border-radius:10px;list-style:none;color:#315685}
.item-search-details>summary::-webkit-details-marker{display:none}
.item-search-expanded{grid-column:1/-1;min-width:0;padding:4px 0 8px;overflow-wrap:anywhere}
.item-search-details:not([open])>.item-search-expanded{display:none}
@media(max-width:650px){
 .item-search-row{grid-template-columns:minmax(0,1fr) 64px 44px;gap:6px;padding:6px}
 .item-search-row>.item-search-product{grid-column:1;grid-row:1}
 .item-search-row>.item-search-quantity{grid-column:2;grid-row:1;min-height:44px;padding:8px 4px}
 .item-search-details>summary{padding:0;min-height:44px}
}
@media(max-height:600px){
 .task-window:has(.item-search-results) .item-search-instruction{display:none}
 .task-window:has(.item-search-results) #item-search-status{font-size:12px;line-height:1.3}
 .task-window:has(.item-search-results)>.task-window-body{gap:4px;margin-top:4px}
}
@media(max-width:650px){
 /* :empty tracks both full renders and textContent updates without stale flags. */
 .layout.pos-layout .order-table td[data-cell-tax]:empty{display:none}
 .layout.pos-layout .order-table td[data-label="Empaque"]::before{display:none}
 .layout.pos-layout .order-table tr{gap:4px 8px;padding:8px 0}
}

/* Phone workspaces are pages. The browser owns root scrolling and its toolbar. */
body.workspace-document-open{overflow:visible}
body.workspace-document-open>.workspace-background{display:none}
.workspace-window.workspace-document,.workspace-window.workspace-document[data-child=true]{position:static;inset:auto;height:auto;max-height:none;min-height:100dvh;overflow:visible;overscroll-behavior:auto}
.workspace-window.workspace-document .layout,.workspace-window.workspace-document .layout.pos-layout,.workspace-window.workspace-document .layout.work-order-layout{display:block;height:auto;min-height:100dvh;overflow:visible}
.workspace-window.workspace-document .layout>main{display:block;height:auto;overflow:visible}
.workspace-window.workspace-document .layout .content{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;padding:12px}
.workspace-window.workspace-document .topbar{position:static;padding:6px 8px;gap:4px}
.workspace-window.workspace-document .topbar-start,.workspace-window.workspace-document .profile{gap:4px}
.workspace-window.workspace-document .connection,.workspace-window.workspace-document .profile-name,.workspace-window.workspace-document .avatar{display:none}
.workspace-window.workspace-document .layout>.dock{position:static;inset:auto;transform:none;margin:8px auto;max-width:calc(100% - 16px)}
/* Preserve document geometry while a pointer press blurs the active field. The static header scrolls with the page and never covers an input. */
body.keyboard-open .workspace-document .layout>.dock{display:flex;visibility:hidden;pointer-events:none}
/* Compact Item Search while the keyboard is open without moving its commit row. */
body.keyboard-open .proposal6-item-search:not(.task-document) .item-search-instruction{display:none}
body.keyboard-open .proposal6-item-search:not(.task-document)>.task-window-body{gap:4px;margin-top:4px}
body.keyboard-open .proposal6-item-search:not(.task-document) #item-search-status,
body.keyboard-open .proposal6-item-search:not(.task-document) #item-search-selected{font-size:12px;line-height:1.25;margin:0}
body.keyboard-open .proposal6-item-search:not(.task-document) #item-search-cancel{visibility:hidden;pointer-events:none}
/* Blur can precede keyboard dismissal; keep its space until the viewport expands so bottom action targets do not jump between pointerdown and pointerup. */
.workspace-window.workspace-document{padding-bottom:var(--keyboard-space,0px)}
.workspace-document .pos-register{grid-template-columns:minmax(0,1fr)}
@media(max-height:600px) and (max-width:1000px){
 .workspace-document .heading{gap:8px;margin-bottom:12px}
 .workspace-document h1{font-size:22px;margin-bottom:4px}
 .workspace-document .eyebrow{margin-bottom:4px}
 .workspace-document .card{padding:12px}
 .task-window{padding:10px}
 .task-window .quick-help-header h2{font-size:18px;margin:0}
 .task-window>.task-window-body{margin-top:8px}
}

/* Monetary words and short actions stay whole in landscape; explanatory phrases may still wrap at spaces. */
.workspace-document .layout.pos-layout .order-table [data-cell-price],.workspace-document .layout.pos-layout .order-table [data-cell-amount]{overflow-wrap:normal;word-break:normal}
.workspace-document .layout.pos-layout .order-table [data-sale-remove]{white-space:nowrap;min-width:64px;padding:8px;font-size:14px}

/* Async lookup results must not move a pressed close button. Anchor phone
   tasks to the visible top instead of vertically centering their changing body. */
@media(max-width:1000px) and (pointer:coarse){
 .task-window.viewport-bound{inset:calc(var(--visual-top,0px) + 8px) 0 auto;margin:0 auto;max-height:calc(var(--visual-height,100dvh) - 16px)}
}

/* Product choices retain one readable column in either phone orientation. */
#wo-product-results{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#wo-product-results button{width:100%;min-width:0;min-height:44px;font-size:16px;line-height:1.35;white-space:normal;text-align:left;overflow-wrap:anywhere}

/* Quantity tasks share the phone's root scroll surface. Every native form
   control remains eligible without a nested clipping viewport. */
body.document-task-open{overflow:visible}
.task-suspended{display:none!important}
.task-window.task-document,.task-window.task-document.viewport-bound,.task-window.task-document:has(.item-search-results){position:static;inset:auto;display:block;margin:0 auto;width:100%;max-width:100%;height:auto;max-height:none;min-height:100dvh;overflow:visible;overscroll-behavior:auto;padding:12px 12px calc(12px + var(--keyboard-space,0px))}
.task-window.task-document>.task-window-body,.task-document #wo-edit-form,.task-document .item-search-results,.task-document .wo-edit-table{display:block;height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto}
.task-document .quick-help-header{position:static;align-items:center}
.task-document .wo-edit-table table{width:100%;table-layout:fixed}
.task-document .wo-edit-table td:first-child{overflow-wrap:anywhere}
.task-document .wo-edit-table td:nth-child(2){width:90px}
.task-document .wo-edit-table td:last-child{width:72px}
.task-document .wo-edit-table input{width:100%;min-width:0;padding:8px;min-height:44px}
.task-document .wo-edit-table button{white-space:nowrap;padding:8px;min-height:44px;font-size:14px}
.quote-top-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}

.work-order-reductions{margin-top:20px;padding-top:16px;border-top:1px solid #ddd}
#wo-reduction-history details{padding:10px 0}
#wo-reduction-history p{overflow-wrap:anywhere}
#wo-reduction-form fieldset{border:0;margin:0;padding:0;min-width:0}
.wo-customer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.wo-customer h2{margin:0;overflow-wrap:anywhere}
.wo-products,.wo-product-row{min-width:0;max-width:100%}.wo-product-row{padding:10px 0;border-bottom:1px solid var(--line)}
.wo-product-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.wo-product-name{overflow-wrap:anywhere;line-height:1.4}.wo-ordered{white-space:nowrap;font-weight:600}
.wo-allocation>summary{min-height:44px;display:list-item;width:fit-content;padding:12px 4px;cursor:pointer;color:var(--muted);font-size:.9rem}
.wo-allocation dl{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 8px}.wo-allocation dl>div{display:flex;gap:4px;flex-wrap:wrap}.wo-allocation dt::after{content:':'}.wo-allocation dd{margin:0;overflow-wrap:anywhere}
#work-order-panel .wo-actions{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap;margin:12px 0}#work-order-panel .wo-actions button{flex:0 1 auto;width:auto;min-width:44px;min-height:44px;padding:10px;font-size:14px;white-space:normal}
.customer-info{overflow-wrap:anywhere}.customer-info dl{margin:12px 0}.customer-info dd{margin:0 0 10px}.customer-info summary{min-height:44px;padding:12px 0;cursor:pointer}.customer-info h3{margin-top:18px}
.order-table .line-tax{display:inline;font-size:12px;color:var(--muted);white-space:nowrap;min-width:0}
.order-table [data-sale-remove],.quote-table [data-sale-remove]{width:44px;min-width:44px!important;min-height:44px;padding:4px!important;font-size:22px!important}
@media(max-width:650px){
 .workspace-document .layout.pos-layout .order-table tr{grid-template-columns:60px 64px minmax(56px,1fr) minmax(76px,1fr);gap:3px 6px;padding:6px 0}
 .workspace-document .layout.pos-layout .order-table td:first-child{grid-row:1;grid-column:1/4;align-self:center}
 .workspace-document .layout.pos-layout .order-table td:last-child{grid-row:1;grid-column:4;justify-self:end}
 .workspace-document .layout.pos-layout .order-table td[data-label="Empaque"]{grid-row:2;grid-column:1;align-self:end}
 .workspace-document .layout.pos-layout .order-table td[data-label="Cantidad"]{grid-row:2;grid-column:2}
 .workspace-document .layout.pos-layout .order-table td[data-label="Precio"]{grid-row:2;grid-column:3}
 .workspace-document .layout.pos-layout .order-table td[data-label="Importe"]{grid-row:2;grid-column:4}
 .workspace-document .layout.pos-layout .order-table td[data-inventory-column]{grid-row:3;grid-column:1/-1;white-space:normal}
 .workspace-document .layout.pos-layout .order-table td[data-label="Importe"]::before,.workspace-document .layout.pos-layout .order-table td[data-label="Precio"]::before{margin-bottom:4px}
 .workspace-document .layout.pos-layout .order-table td[data-label="Precio"],.workspace-document .layout.pos-layout .order-table td[data-label="Importe"]{align-self:center;min-height:44px}
 .workspace-document .layout.pos-layout .order-table [data-sale-remove]{width:44px!important;min-width:44px!important}
 .workspace-document .layout.pos-layout .order-table input{min-height:44px;padding:6px}
 .workspace-document .layout.pos-layout .order-table .order-product-name{margin:0 0 0 4px;font-weight:600}
 .workspace-document .layout.pos-layout .order-table .line-tax{font-size:11px;white-space:nowrap}
 .workspace-document .layout.pos-layout .order-table td[data-label]::before{font-size:11px;margin-bottom:3px}
 .workspace-document .layout.pos-layout .order-table td[data-label]::before{display:none}
}
.reduction-line{padding:12px 0;border-bottom:1px solid #ddd}
.reduction-line>strong{display:block;overflow-wrap:anywhere}
.reduction-line dl{display:flex;gap:20px;flex-wrap:wrap;margin:8px 0}
.reduction-line dl>div{display:grid;gap:3px}.reduction-line dd{margin:0;font-weight:600}
.reduction-line input{width:100%;max-width:180px;min-height:44px}

/* Customer search filters a persistent directory rather than a floating lookup. */
.customer-directory{min-width:0;max-width:100%;margin:8px 0}
.customer-directory>form{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;margin:0 0 8px}
.customer-directory>form input{flex:1;min-width:0;width:100%;min-height:44px;font-size:16px}
.customer-directory>form button{min-height:44px;flex:0 0 auto}
.customer-table-wrap,#customer-results.customer-table-wrap{display:block;max-width:100%;margin:0;overflow:auto;border:1px solid var(--line);border-radius:10px}
.customer-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.customer-table-caption{text-align:left;padding:8px 10px;font-weight:600}
.customer-table th,.customer-table td{padding:6px 8px;text-align:left;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.customer-table th:nth-child(1){width:16%}.customer-table th:nth-child(2){width:34%}.customer-table th:nth-child(3){width:28%}.customer-table th:nth-child(4){width:22%}
.customer-table td button{display:block;width:100%;min-width:0;min-height:44px;padding:6px 0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:var(--ink);font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere}
.customer-table .customer-active{background:#eef3fb}.customer-table button:focus-visible{outline:2px solid #315685;outline-offset:2px}
.customer-list-status{display:block;margin:8px 0;color:var(--muted)}.customer-load-more{min-height:44px}
.customer-load-more[hidden]{display:none}
.customer-table td.customer-row-cell{padding:0}
.customer-table td .customer-row-button{display:grid;grid-template-columns:16% 34% 28% 22%;padding:12px 8px;border-radius:0}
.customer-row-button>span{min-width:0;padding-right:8px}
.customer-table .customer-row-button:hover{background:#eef3fb}
.pos-register .pos-transaction-actions{justify-content:center;gap:11px}
.pos-register .pos-transaction-actions>button{min-height:48.4px;font-size:1.1em;padding:12.1px 17.6px}
.pos-transaction-actions>p{flex-basis:100%}
@media(min-width:1001px) and (pointer:fine){
 #work-order-panel{width:100%;max-width:1100px;margin-inline:auto}
 #work-order-panel .wo-actions{justify-content:center}
 .pending-tabs{max-width:800px;margin-inline:auto}
 .pos-register{grid-template-columns:minmax(0,1fr);max-width:1160px;margin-inline:auto}
 .pos-register .pos-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.5fr);gap:8px 20px;align-items:start;padding:14px 20px}
 .pos-tools>.sale-customer-settings{grid-column:1;grid-row:1}
 .pos-tools>.pos-customer-actions{grid-column:1;grid-row:2;margin:0}
 .pos-tools>.pos-customer-actions button{padding:8px 10px;font-size:14px;min-height:44px}
 .pos-tools>.pos-product-search-toolbar{grid-column:2;grid-row:1/3;min-width:0}
 .pos-product-search-toolbar h2{margin:6px 0 8px;font-size:18px}
 .pos-product-search-toolbar .muted{font-size:13px;margin:6px 0}
 .pos-tools>hr{display:none}
 .task-window:has(.customer-directory){width:min(900px,calc(100vw - 40px))}
 .customer-table-wrap{max-height:420px}
 .customer-table thead{position:sticky;top:0;background:var(--card,#fff);z-index:1}
}
@media(max-width:650px){
 .customer-table{font-size:12px}.customer-table th,.customer-table td{padding:4px}
 .customer-table td .customer-row-button{grid-template-columns:17% 33% 26% 24%;padding:10px 4px}
 .customer-table th:nth-child(1){width:17%}.customer-table th:nth-child(2){width:33%}.customer-table th:nth-child(3){width:26%}.customer-table th:nth-child(4){width:24%}
.customer-table-wrap{overflow:visible}.customer-directory>form button{padding:8px}
 .pos-product-search-toolbar>h2{display:none}.pos-product-search-toolbar>.muted{font-size:12px;line-height:1.4}
}

/* O9: use the screen for products and retain one compact toolbar while scrolling. */
.workspace-window .layout.pos-layout .pos-register{width:100%;max-width:none;grid-template-columns:minmax(0,1fr);gap:12px}
.pos-register>.pos-customer-storage[hidden]{display:none}
.workspace-window .layout.pos-layout .pos-floating-tools{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:minmax(230px,.8fr) auto minmax(280px,1fr);align-items:center;gap:8px 16px;background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:8px 0;margin:0}
.pos-floating-tools>.heading{grid-column:1;grid-row:1;margin:0;gap:8px;flex-wrap:nowrap;min-width:0}
.pos-floating-tools .heading>div{min-width:0;flex:1}
.pos-floating-tools .heading .eyebrow{display:none}
.pos-floating-tools h1{font-size:22px;margin:0;white-space:nowrap}
#pos-toolbar-customer{display:block;max-width:100%;padding:4px 0;border:0;background:transparent;font-size:13px;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:44px}
.pos-floating-tools>.pos-customer-actions{grid-column:2;grid-row:1;margin:0;gap:6px;flex-wrap:nowrap}
.pos-floating-tools>.pos-customer-actions button,.pos-floating-tools button{min-height:44px;padding:8px 10px;white-space:nowrap}
.pos-floating-tools #sale-create-customer[hidden]{display:none}
.pos-floating-tools>.pos-product-search-toolbar{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0}
.pos-product-search-toolbar>#sale-search{flex:1;min-width:0;margin:0}
.pos-product-search-toolbar>#sale-search input{min-height:44px;font-size:16px;padding:8px 10px}
.pos-product-search-toolbar>#sale-results:empty{display:none}
.workspace-window .layout.pos-layout .content:has(.pos-floating-tools){padding-top:0;scroll-padding-top:var(--pos-toolbar-height,150px)}
html:has(.workspace-document .pos-floating-tools){scroll-padding-top:var(--pos-toolbar-height,150px)}
.pos-register .order-table td:first-child{width:60%;min-width:0}
.pos-register .order-table input{width:56px;min-width:44px;min-height:44px;padding:6px;font-size:16px}
.order-pack-name{font-weight:500;color:var(--muted)}
.sale-total-values{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1250px){
 .workspace-window .layout.pos-layout .pos-floating-tools{grid-template-columns:minmax(0,1fr) auto}
 .pos-floating-tools>.heading{grid-column:1;grid-row:1}
 .pos-floating-tools>.pos-customer-actions{grid-column:2;grid-row:1}
 .pos-floating-tools>.pos-product-search-toolbar{grid-column:1/-1;grid-row:2}
}
@media(max-width:650px){
 .workspace-window .layout.pos-layout .pos-floating-tools{grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 0}
 .pos-floating-tools>.heading{grid-column:1;grid-row:1}
 .pos-floating-tools h1{font-size:18px}
 .pos-floating-tools .heading #sale-back{font-size:12px;padding:6px}
 #pos-toolbar-customer{font-size:12px;min-height:28px;padding:0}
 .pos-floating-tools>.pos-customer-actions{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .pos-floating-tools>.pos-customer-actions.pos-create-visible{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pos-floating-tools>.pos-customer-actions button{font-size:13px;padding:6px;white-space:normal}
 .pos-floating-tools>.pos-product-search-toolbar{grid-column:1;grid-row:3}
 .pos-floating-tools #open-item-search{font-size:13px;padding:6px 8px}
 .pos-register .order-table tr,.workspace-document .layout.pos-layout .order-table tr{grid-template-columns:56px minmax(56px,1fr) minmax(100px,1fr) 44px;gap:2px 6px;padding:6px 0}
 .pos-register .order-table td:first-child{width:auto;grid-column:1/4;grid-row:1;align-self:center}
 .pos-register .order-table td:last-child{grid-column:4;grid-row:1;justify-self:end}
 .pos-register .order-table td[data-label="Cantidad"],.workspace-document .layout.pos-layout .order-table td[data-label="Cantidad"]{grid-column:1;grid-row:2}
 .pos-register .order-table td[data-label="Precio"],.workspace-document .layout.pos-layout .order-table td[data-label="Precio"]{grid-column:2;grid-row:2}
 .pos-register .order-table td[data-label="Importe"],.workspace-document .layout.pos-layout .order-table td[data-label="Importe"]{grid-column:3/5;grid-row:2;justify-self:end}
 .pos-register .order-table td[data-inventory-column]{grid-column:1/-1;grid-row:3}
 .pos-register .order-table input{width:52px;min-height:44px}
 .pos-register .order-table td[data-label]::before{display:none}
 .sale-total-values{grid-template-columns:minmax(0,1fr);gap:6px}
 .sale-total-values>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
 .sale-total-values strong{font-size:18px;margin:0}
}
/* The keyboard owns the visible viewport. The toolbar must not cover quantities. */
body.keyboard-open .workspace-document .pos-floating-tools{position:static}
html:has(body.keyboard-open .workspace-document .pos-floating-tools){scroll-padding-top:16px}
/* M-UX-04 (mobile walkthrough 27/10): explicit physical/commercial confirmations (required
   checkboxes and *_confirmed fields) had an 18px box on touch screens. On touch only, the whole
   label row becomes a 48px tap area with a 28px box. Nothing is checked automatically; the
   required attribute, the text and the submit validation stay exactly as they were. Other
   checkboxes (lists, filters, table selections) are not touched. */
@media (hover:none) and (pointer:coarse){
 label:not([hidden]):has(>input[type=checkbox]:is([required],[name$=confirmed],[id=wo-confirm-actual])){display:block;position:relative;min-height:48px;margin:8px 0;padding:12px 4px 12px 46px;line-height:1.35;cursor:pointer;-webkit-tap-highlight-color:rgba(193,75,36,.12)}
 label:not([hidden]):has(>input[type=checkbox]:is([required],[name$=confirmed],[id=wo-confirm-actual]))>input[type=checkbox]{position:absolute;left:6px;top:10px;width:28px;height:28px;min-width:28px;min-height:28px;margin:0}
}
/* M-UX-06 (mobile walkthrough 27/10): in «Pago de la venta» the second action («Facturar sin
   pago ahora · Acuerdo aprobado») was below the dialog edge. On narrow screens the dialog is
   compacter (method and amount side by side, smaller gaps, 40px secondary buttons) and the final
   actions stay pinned at the bottom of the dialog while it scrolls. The reference field already
   hidden by pos.js for cash stays hidden. No text, condition, amount or confirmation changes. */
@media (max-width:650px){
 #sale-payment-dialog>p,#payment-options>p{margin:4px 0;font-size:14px;line-height:1.35}
 #payment-options>h3{margin:8px 0 2px;font-size:15px}
 #payment-options>.actions{margin:6px 0}
 #payment-options>.actions>button,#payment-options .payment-remove,#payment-add-method,#payment-options .payment-cheque-number{min-height:40px;padding-top:6px;padding-bottom:6px;font-size:14px}
 #payment-options .payment-component{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px;align-items:end;margin:6px 0}
 #payment-options .payment-component>label{margin:0;min-width:0;max-width:none}
 #payment-options .payment-component>label :is(input,select){width:100%;min-width:0;margin-top:2px}
 #payment-options .payment-component>.payment-reference-field[hidden]{display:none}
 #payment-options .payment-component>:is(.payment-remove,.payment-cheque-number){justify-self:start}
 #payment-add-method{width:100%;margin:4px 0}
}
/* F1: fields, error and actions occupy separate flow regions. No error overlay. */
@media (max-width:650px){
 body:has([data-checkout-fit=true]) .workspace-window :is(.topbar,.dock){display:none}
 .workspace-window.workspace-document .layout .content[data-checkout-fit=true],
 [data-checkout-fit=true]{height:var(--checkout-height);min-height:160px;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:8px!important;box-sizing:border-box}
 [data-checkout-fit=true]>.checkout-reading{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
 [data-checkout-fit=true]>.checkout-nav{flex:none}
 [data-checkout-fit=true]>.checkout-nav button{min-height:44px;margin:0}
 [data-checkout-fit=true]>#checkout-panel{flex:none;margin:0;padding:8px}
 [data-checkout-fit=true] .checkout-financial-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;margin:0 0 6px;font-size:14px;line-height:1.3}
 [data-checkout-fit=true] .checkout-financial-summary :is(dt,dd){margin:0;padding:0}
 [data-checkout-fit=true] #open-sale-payment{min-height:44px;width:100%;margin:0}
}
@media (max-width:650px){
 .task-window.payment-layout{display:flex;flex-direction:column;box-sizing:border-box;height:calc(var(--visual-height,100dvh) - 16px);max-height:calc(var(--visual-height,100dvh) - 16px);overflow:hidden;padding:12px;margin:8px auto}
 .payment-layout>.quick-help-header{flex:none;margin-bottom:6px}
 .payment-layout>#sale-payment-dialog{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;margin-top:6px}
 .payment-layout #sale-payment-dialog>p{flex:none;margin:4px 0}
 .payment-layout #payment-options{display:flex;flex-direction:column;flex:1;min-height:0}
 .payment-layout #payment-components-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
 .payment-layout .payment-edit-fields{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;scroll-padding:8px;padding:0 2px 8px}
 .payment-layout .payment-edit-fields>p{margin:4px 0;font-size:14px;line-height:1.35}
 .payment-layout .payment-edit-fields>h3{margin:6px 0 2px;font-size:15px}
 .payment-layout #payment-components-error{flex:0 1 auto;min-height:20px;max-height:25%;overflow:auto;margin:4px 0;line-height:1.25;font-size:13px}
 .payment-layout #payment-components-error:empty{display:none}
 .payment-layout #payment-components-form>button.primary,.payment-layout #checkout-no-payment{flex:none;width:100%;min-height:44px;margin:4px 0 0;padding:6px 8px;font-size:13px;line-height:1.2}
 .payment-layout #checkout-no-payment{background:#fff;font-size:12px}
}