:root{font-family:Arial,Helvetica,sans-serif;color:#292929;background:#f4f4f4;line-height:1.5;font-size:16px;--accent:#c82939}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:64px;background:white;color:#292929;display:flex;align-items:center;gap:22px;padding:0 24px;position:sticky;top:0;z-index:3;border-bottom:1px solid #e0e3e7}header button{background:transparent;color:#646b75;border:0}header button:hover{background:#f4f4f4;color:#292929}.brand{color:#292929;text-decoration:none;font-size:22px;font-weight:800}#page-title{font-size:22px;font-weight:500}.environment{margin-left:auto;font-size:11px;background:#f0f1f3;color:#646b75;padding:3px 7px;border-radius:3px}#logout{margin-left:0}#navigation-toggle{font-size:23px;padding:4px}nav{position:fixed;top:64px;bottom:0;width:190px;background:white;border-right:1px solid #e5e5e5;padding:22px 0;z-index:2}nav p{font-size:12px;padding:0 22px;color:#888;letter-spacing:1px}nav button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:0;border-radius:0;padding:18px 22px}nav button span{font-size:24px;color:#999}nav button[aria-current=page]{background:#fcf2f3;border-left:4px solid var(--accent);color:var(--accent);padding-left:18px}nav button[aria-current=page] span{color:var(--accent)}nav .nav-note{margin-top:36px;letter-spacing:0;line-height:1.8}main{padding:25px 32px;max-width:1800px;margin:auto}body.signed-in main{margin-left:190px}body.nav-collapsed nav{display:none}body.nav-collapsed main{margin-left:auto}.business{font-size:13px;color:#737373;margin:0 0 15px}h1{font-size:32px;line-height:1.2;margin:12px 0}h2{font-size:22px;font-weight:500;margin:0}h3{font-size:20px;font-weight:400}p{color:#696969}.card{background:white;border-radius:4px;box-shadow:0 2px 6px #0002}.login{max-width:440px;padding:36px;margin:45px auto}.login form{display:grid;gap:22px;margin-top:30px}.login .primary{width:100%}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px}label{display:block;color:#757575;font-size:14px}input,select{display:block;width:100%;border:0;border-bottom:1px solid #d3d3d3;border-radius:0;padding:10px 0;background:white;color:#292929;font:inherit;font-size:16px;margin-top:5px;min-height:43px}input:focus,select:focus{outline:0;border-bottom:2px solid var(--accent)}button{background:white;border:1px solid #e0e0e0;border-radius:3px;padding:10px 16px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;min-height:44px;color:#333}button:hover{background:#f3f3f3}button.primary{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 2px 5px #0002}button.primary:hover{background:#ad2030}button.danger{color:#bb2334}button.quiet{border-color:transparent;background:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #ed8995;outline-offset:2px}.toolbar{display:flex;align-items:center;gap:10px;padding:28px 26px;flex-wrap:wrap}.filters{display:flex;gap:24px;margin-left:auto;align-items:end}.filters label{width:180px}.filters .search{width:220px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:16px 22px;border-bottom:1px solid #e9e9e9;font-size:14px}th{color:#777;font-weight:400}th .quiet{padding:0;font-weight:500}td .name-button{border:0;padding:0;text-align:left;background:transparent;font-size:15px;white-space:normal;min-width:120px}td .name-button:hover{color:var(--accent)}td select{min-width:140px;margin:0;border-color:transparent;font-size:14px}td select:hover{border-color:#ccc}.numeric{text-align:right}.select-cell{width:48px;padding-right:0}input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--accent)}.pill{font-size:12px;color:#52714b;background:#f0f6ed;border-radius:3px;padding:5px 8px}.unavailable{color:#8d3340;background:#fff0f1}.empty{text-align:center;padding:55px 20px}.pagination{display:flex;align-items:center;gap:16px;padding:18px 22px;color:#6d6d6d;font-size:13px;flex-wrap:wrap}.pagination button{font-size:26px;padding:0 16px}.pagination label{display:flex;align-items:center;gap:12px}.pagination select{width:60px;min-height:35px;margin:0;font-size:14px}#row-count{margin-left:auto}.sync{margin-top:24px;font-size:13px;color:#777}.sync strong{color:#555;margin-right:15px}.small{font-size:13px;line-height:1.6}#notice{font-size:14px;min-height:24px}#notice.error,#edit-message{color:#ae2030}.check{display:flex;align-items:center;gap:15px;color:#333;margin:35px 0}.check input{display:inline}dialog{border:0;border-radius:4px;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 50px);padding:30px 34px;box-shadow:0 8px 45px #0003}dialog::backdrop{background:#20202055}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-heading button{border:0;font-size:26px;padding:0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}#item-name{font-size:24px}#price-label{max-width:340px}.representation{border-top:1px solid #eee;margin-top:32px;padding-top:12px}fieldset{border:0;padding:0;margin:20px 0;display:flex;gap:13px;flex-wrap:wrap}.swatch{position:relative;width:56px;height:56px;border-radius:3px;cursor:pointer}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:28px;color:white;visibility:hidden}.swatch:has(input:checked) span{visibility:visible}.swatch:has(input:focus-visible){outline:3px solid #333;outline-offset:3px}.grey{background:#757575}.red{background:#c82939}.pink{background:#e91e63}.orange{background:#ff9800}.lime{background:#cddc39}.green{background:#4caf50}.blue{background:#2196f3}.purple{background:#9c27b0}.actions{display:flex;justify-content:flex-end;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid #eee}#delete-record{margin-right:auto}#conflict{padding:18px;background:#fff3f3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){nav{width:150px}nav button{padding:15px}nav button[aria-current=page]{padding-left:11px}body.signed-in main{margin-left:150px}main{padding:20px 18px}.toolbar{padding:20px}.filters{margin-left:0;flex:1;flex-wrap:wrap;gap:14px}.filters label,.filters .search{flex:1;min-width:140px}}@media(max-width:550px){header{height:60px;padding:0 12px;gap:12px}.brand{font-size:18px}#page-title{font-size:17px}.environment{display:none}#logout{font-size:12px;padding:8px}nav{top:60px;width:190px;box-shadow:5px 0 15px #0002}body.signed-in main{margin-left:0}.login{padding:25px;margin:20px auto}.toolbar{gap:8px}td,th{padding:13px 14px}.pagination{gap:10px;padding:15px}.form-grid{grid-template-columns:1fr;gap:20px}dialog{padding:22px;max-height:calc(100dvh - 24px)}.swatch{width:43px;height:43px}fieldset{gap:10px}.actions{gap:8px}.sync strong,.sync span{display:block}#row-count{margin-left:0}}
#page-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .brand,header #logout{flex-shrink:0}@media(max-width:550px){nav{position:relative;top:0;width:100%;padding:0;display:flex;box-shadow:none}nav p{display:none}nav button{width:50%;padding:10px 15px}nav button[aria-current=page]{border-left:0;border-bottom:3px solid var(--accent);padding-left:15px}.filters{min-width:0}.filters label,.filters .search{min-width:120px}}
.table-scroll{position:relative}.sr-only{left:0;top:0}@media(max-width:550px){.filters{flex-basis:100%;width:100%}.toolbar #refresh{padding:8px}.toolbar{align-items:flex-start}}
textarea{display:block;width:100%;font:inherit;border:1px solid #ddd;padding:14px;margin-top:8px;resize:vertical;color:#333}textarea:focus-visible{outline:2px solid #c82939}.description-field{margin-top:24px}.form-grid{row-gap:24px}.editor-card{border-top:1px solid #e5e5e5;margin-top:32px;padding-top:14px}.switch-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 20px;color:#333;font-size:16px;margin:24px 0}.switch-row .small{grid-column:1;color:#777;margin:0}.switch-row input{grid-column:2;grid-row:1 / span 2;appearance:none;width:40px;height:22px;min-height:22px;border:0;border-radius:14px;background:#bdbdbd;position:relative;cursor:pointer}.switch-row input:before{content:'';position:absolute;width:22px;height:22px;left:0;top:0;border-radius:50%;background:#fafafa;box-shadow:0 1px 4px #0004}.switch-row input:checked{background:#f0a9b1}.switch-row input:checked:before{left:18px;background:#c82939}.switch-row input:focus-visible{outline:2px solid #c82939;outline-offset:4px}.component-toolbar{display:flex;gap:14px;align-items:end;margin:20px 0}.component-toolbar label{flex:1;min-width:0}.component-row{display:grid;grid-template-columns:1fr 100px 90px 44px;gap:12px;align-items:center;border-bottom:1px solid #eee;padding:12px 0;font-size:14px}.component-row input{font-size:14px}.component-row button{padding:8px}.stock-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}#stock-quantity{font-size:24px;font-weight:400}#stock-fields{margin-top:24px}.representation-mode{display:flex;gap:26px;margin:22px 0}.representation-mode label{display:flex;align-items:center;gap:10px;color:#333;font-size:16px}.representation-mode input{width:20px;height:20px;min-height:20px;margin:0;accent-color:#c82939}.representation-layout{display:grid;grid-template-columns:1fr 150px;gap:20px}.representation-layout fieldset{gap:10px}.representation-layout .swatch{width:44px;height:44px}.shape-choice{width:50px;height:50px;position:relative;cursor:pointer}.shape-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.shape{display:block;width:48px;height:48px;border:2px solid #aaa;background:#eee}.square{border-radius:3px}.circle{border-radius:50%}.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.star{clip-path:polygon(50% 0,61% 28%,85% 15%,72% 39%,100% 50%,72% 61%,85% 85%,61% 72%,50% 100%,39% 72%,15% 85%,28% 61%,0 50%,28% 39%,15% 15%,39% 28%)}.shape-choice:has(input:checked) .shape{background:#c82939;border-color:#c82939}.shape-choice:has(input:focus-visible){outline:2px solid #c82939;outline-offset:3px}#tile-controls:has(input:disabled){opacity:.3}.photo-panel{margin-top:20px;text-align:center}.tile-preview{width:140px;height:140px;display:flex;align-items:center;justify-content:center;color:white;padding:16px;word-break:break-word}.photo-panel img{display:block;width:140px;height:140px;object-fit:contain;background:#f4f4f4}.upload-button{background:#c82939;color:white;padding:10px 5px;position:relative;cursor:pointer;width:140px;font-size:14px}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.upload-button:focus-within{outline:3px solid #ed8995;outline-offset:3px}.photo-panel .small{font-size:12px}#remove-photo{font-size:12px;border:0;padding:5px}#stock-message{color:#ae2030}dialog{width:min(940px,calc(100vw - 32px))}#stock-editor{width:min(500px,calc(100vw - 32px))}@media(max-width:550px){.representation-layout{grid-template-columns:1fr}.photo-panel{justify-self:start}.component-toolbar{flex-wrap:wrap}.component-toolbar label{flex-basis:100%}.component-row{grid-template-columns:1fr 80px 44px}.component-row .component-cost{grid-column:1}.representation-mode{gap:18px}.representation-mode label{font-size:14px}}

.shape-choice .shape { pointer-events: none; }

.modifier-emblem{width:80px;height:80px;border-radius:50%;background:#c82939;color:white;margin:5px auto 30px;text-align:center;font-size:46px;line-height:80px}.modifier-option-row{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:12px;align-items:end;padding:20px 0;border-bottom:1px solid #eee}.modifier-option-row .check{margin:0;font-size:12px}.row-buttons{display:flex;gap:3px}.row-buttons button{padding:6px;min-width:32px}.variant-option-card{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.variant-option-header{display:flex;gap:18px;align-items:end}.variant-option-header label{flex:1}.value-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.value-chip{display:flex;border-radius:20px;background:#eee;align-items:center;padding:0 10px}.value-chip input{width:110px;background:transparent;border:0;margin:0;font-size:14px;min-height:38px}.value-chip button{background:transparent;border:0;padding:0 4px;min-height:32px}.new-value{display:flex;gap:10px;align-items:end}.new-value label{flex:1}.variant-row{display:grid;grid-template-columns:26px 1.3fr repeat(3,1fr) 44px;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.variant-row input{font-size:14px;min-width:0}.variant-row button{padding:5px}.variant-row .variant-label{font-size:14px;word-break:break-word}.modifier-summary{display:block;color:#888;font-size:13px}#modifier-fields{margin-top:20px}#variant-options-error{color:#ae2030}@media(max-width:650px){.modifier-option-row{grid-template-columns:1fr 1fr}.modifier-option-row .row-buttons{grid-column:1 / -1}.variant-row{grid-template-columns:26px 1fr 1fr}.variant-row .variant-label{grid-column:2 / -1}.variant-row label{grid-column:1 / -1}.variant-row button{grid-column:3}nav button{width:33.333%;font-size:12px;gap:5px}}

/* Separate option setup from adding a priced variant. */
#single-variant-dialog{width:min(720px,calc(100vw - 24px))}#single-variant-values{display:grid;gap:20px}#single-variant-error{color:#ae2030}.variant-headings{font-size:12px;color:#757575;border-bottom:1px solid #ddd}.variant-row .variant-label{text-align:left;min-width:0;padding:8px 0}.variant-row label{font-size:0}.variant-row label input{font-size:15px}.variant-row input[type=checkbox]{min-width:20px;min-height:20px}.variant-row{grid-template-columns:60px minmax(100px,1.4fr) repeat(3,minmax(80px,1fr)) 44px}#variant-options-dialog .actions,#single-variant-dialog .actions{position:sticky;bottom:-30px;background:white;padding-bottom:12px}#add-single-variant,#edit-variant-options{color:var(--accent)}
@media(max-width:650px){.variant-headings{display:none}.variant-row{grid-template-columns:30px 1fr 44px}.variant-row .variant-label{grid-column:2;grid-row:1}.variant-row label{font-size:13px;grid-column:1/-1}.variant-row>button:last-child{grid-column:3;grid-row:1}.variant-row{padding:14px 0;border-bottom:1px solid #eee}}

/* Sign-in feedback belongs with the credentials, not below the whole card. */
#login-notice{margin:0;padding:10px 12px;border-radius:3px;background:#f4f4f4;font-size:14px;line-height:1.5;overflow-wrap:anywhere}#login-notice.error{color:#ae2030;background:#fff0f1;border-left:3px solid #ae2030}

/* The account steps share the sign-in card and work on narrow handhelds. */
#account-notice{scroll-margin-top:84px}
.auth-link{border:0;background:transparent;color:var(--accent);padding:6px 0;text-align:left;min-height:44px;text-decoration:underline;text-underline-offset:3px}.auth-link:hover{background:transparent;color:#ad2030}.auth-links{margin-top:14px}.auth-links p{margin:0;font-size:14px}.code-actions{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}#account-profile-fields{display:grid;gap:22px}#account-title:focus{outline:none}#account-description,#account-delivery{overflow-wrap:anywhere}#account-notice{padding:12px;background:#f4f4f4;font-size:14px;overflow-wrap:anywhere}#account-notice.error{color:#ae2030;background:#fff0f1;border-left:3px solid #ae2030}#account-code{letter-spacing:5px;font-size:24px}#account-code-form>p{margin:0}#account-password-help{margin-bottom:0}#account-back{margin-bottom:8px}

/* Password visibility control stays inside the field on desktop and mobile. */
.password-field{position:relative;margin-top:5px}.password-field input{margin-top:0;padding-right:52px;min-height:46px}.password-field input::-ms-reveal{display:none}.password-toggle{position:absolute;right:0;top:0;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#696969;display:grid;place-items:center}.password-toggle:hover{background:#f3f3f3;color:var(--accent)}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-slash{display:none}.password-field input[type=text]+button .eye-slash{display:block}

/* Item import stays a reviewable dialog, including on handheld browsers. */
#import-dialog{width:min(940px,calc(100vw - 24px))}#import-dialog .text-link{border:0;padding:0;min-height:32px;background:transparent;color:var(--accent);text-decoration:underline;font-size:inherit}#import-drop{padding:30px 20px;background:#f4f4f4;border:2px dashed #ddd;text-align:center;margin:20px 0}#import-drop.dragging{border-color:var(--accent);background:#fff0f1}.file-symbol{display:block;font-size:46px;color:#999}#import-file{max-width:420px;margin:12px auto;background:transparent;border:0;font-size:14px}#import-help{font-size:13px;color:#666}#import-help summary{cursor:pointer;color:var(--accent);padding:10px 0}#import-errors{color:#ae2030;font-size:14px;padding-left:22px}#import-warnings{font-size:13px;color:#666;padding-left:22px}#import-preview td{white-space:normal}#import-preview td:nth-child(3){min-width:140px;overflow-wrap:anywhere}#import-message{overflow-wrap:anywhere}#import-dialog .actions{position:sticky;bottom:-30px;background:white;padding-bottom:12px;flex-wrap:wrap}#import-outlet{overflow-wrap:anywhere}@media(max-width:550px){#import-drop{padding:20px 10px}#import-dialog .actions{bottom:-22px}#import-dialog .dialog-heading{gap:12px}#import-dialog .actions button{flex:1}#import-file{max-width:100%}}

/* Original owner-supplied wordmark; no distortion or recolouring. */
header .brand{display:flex;align-items:center;padding:0 22px 0 0;border-right:1px solid #e0e3e7;min-height:32px}header .brand img{display:block;width:190px;height:auto}#account-exists-actions{margin-bottom:18px}
@media(max-width:550px){header{gap:8px}header .brand img{width:110px}header .brand{padding-right:10px}header #page-title{font-size:14px;flex:1}header #logout{margin-left:auto}}
@media(max-width:360px){header .brand img{width:100px}}

/* Account access is a standalone card with the original logo on white. */
body:not(.signed-in)>header{display:none}
body:not(.signed-in) main{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:32px 20px}
body:not(.signed-in) .login{width:100%;margin:0 auto}
.account-logo{display:block;width:260px;max-width:100%;height:auto;margin:0 0 24px}
.login .eyebrow{margin-top:0}
@media(max-width:550px){body:not(.signed-in) main{padding:24px 16px}.account-logo{width:240px;margin-bottom:22px}}

/* Owner navigation and account settings share the approved workspace styling. */
.owner-menu{border-bottom:1px solid #e5e5e5;margin-bottom:14px;padding:0 10px 14px}.owner-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:8px 0;min-height:48px}.owner-menu summary::-webkit-details-marker{display:none}.owner-avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#faecee;color:var(--accent);display:grid;place-items:center;font-size:14px}.owner-identity{min-width:0;flex:1}.owner-identity strong,.owner-identity>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.owner-identity>span{color:#737373;font-size:11px}.owner-actions button{padding:10px 8px;font-size:13px}.owner-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#settings-view{max-width:1060px;margin:0 auto}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:8px 0 26px}.settings-heading h1{font-size:28px}.settings-heading p{margin:5px 0}.settings-heading .eyebrow{font-size:11px}.settings-card{padding:28px 30px;margin-bottom:22px}.settings-section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.settings-section-heading h2{font-size:19px;font-weight:600}.settings-section-heading p{margin:5px 0 0;font-size:13px}.settings-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#fcf2f3;border-radius:8px;color:var(--accent);font-size:22px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-fields input,.settings-fields select{min-width:0}.settings-fields input[readonly]{color:#777;background:#fafafa}.settings-fields select:disabled{color:#777;background:#fafafa}.settings-divider{border-top:1px solid #eee;margin:30px 0}.settings-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eee;padding-top:20px;margin-top:24px}.settings-security-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;border-top:1px solid #eee}.settings-security-row>div{min-width:0}.settings-security-row strong,.settings-security-row .small,.settings-label{display:block;overflow-wrap:anywhere}.settings-label{color:#777;font-size:13px;margin-bottom:5px}.settings-security-row strong{font-size:15px;font-weight:500}.settings-security-row button{flex-shrink:0}.verified-label{display:inline-block;color:#52714b;background:#f0f6ed;padding:2px 7px;border-radius:3px;font-size:11px;margin-top:8px}.settings-danger{display:flex;align-items:center;gap:24px;border:1px solid #eedadd;box-shadow:none}.settings-danger h2{font-size:18px;color:#ae2030}.settings-danger p{font-size:14px;margin:8px 0}.settings-danger .small{font-size:12px}.settings-danger button{flex-shrink:0}#settings-message{padding:12px 16px;border-radius:4px;background:#eef6ee;color:#365c36;font-size:14px;overflow-wrap:anywhere;scroll-margin-top:80px}#settings-message.error{background:#fff0f1;color:#ae2030}.settings-dialog{width:min(520px,calc(100vw - 24px))}#settings-action-fields{display:grid;gap:20px}#settings-action-message{color:#ae2030;font-size:14px}.settings-dialog .check{font-size:13px;margin:10px 0}.settings-dialog p{font-size:14px}#settings-currency-confirm-wrap{margin:16px 0;font-size:13px}
@media(max-width:700px){.settings-fields{grid-template-columns:1fr}.settings-heading{flex-direction:column;gap:4px}.settings-card{padding:22px}.settings-danger,.settings-security-row{align-items:flex-start;flex-direction:column;gap:12px}.settings-security-row button,.settings-danger>button{width:100%}.settings-footer{gap:8px}.settings-footer button{flex:1}}
@media(max-width:550px){nav{flex-wrap:wrap}.owner-menu{flex-basis:100%;margin:0;padding:8px 16px}.owner-menu summary{padding:0}.owner-actions{display:flex}.owner-actions button{width:50%}.owner-identity strong{font-size:13px}.owner-identity>span{font-size:12px}#settings-view .settings-heading h1{font-size:25px}.settings-card{padding:20px 18px}.settings-dialog .actions{flex-wrap:wrap}}

.payment-cash{padding:20px 24px;line-height:1.7}.payment-cash small{display:block;margin-top:6px;color:#646871}

/* Settings keeps a stable section menu; future sections contain no pretend switches. */
#workspace-layout.with-settings{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}#workspace-content{min-width:0}#system-settings-menu{overflow:hidden;box-shadow:none;border:1px solid #e6e6e9;border-radius:10px}.system-settings-title{padding:24px 20px;border-bottom:1px solid #eee}.system-settings-title h1{font-size:23px}.system-settings-title p{font-size:13px;margin:6px 0 0}#system-settings-links button{display:block;width:100%;text-align:left;border:0;border-radius:0;background:white;padding:14px 20px;min-height:48px;color:#363a40;font-size:14px}#system-settings-links button:hover{background:#f7f7f9}#system-settings-links button[aria-current=page]{background:#fceef0;color:var(--accent);box-shadow:inset 3px 0 var(--accent);font-weight:600}.settings-group-label{font-size:11px;letter-spacing:.08em;padding:20px 20px 6px;margin:0;border-top:1px solid #eee}#payment-settings-heading h2{font-size:26px;margin-top:0}#settings-placeholder{padding:28px;border-radius:10px;box-shadow:none;border:1px solid #e6e6e9}#settings-placeholder h2{font-size:25px}#settings-placeholder p{line-height:1.6}#settings-placeholder>.primary{margin-top:24px}.feature-summary{display:flex;align-items:start;gap:16px;justify-content:space-between;border-top:1px solid #eee;padding:20px 0}.feature-summary h3,.settings-later h3{font-size:16px;margin:0}.feature-summary p{font-size:14px;margin:6px 0 0}.feature-status{flex-shrink:0;border-radius:20px;padding:5px 9px;background:#f3f4f6;color:#656970;font-size:12px}.settings-later{background:#f7f7f9;border-radius:8px;padding:24px;margin-top:28px}.with-settings .toolbar{flex-wrap:wrap}.with-settings .filters{margin-left:0;flex-basis:100%}.with-settings .payment-cash{box-shadow:none;border:1px solid #e6e6e9;border-radius:8px}
@media(max-width:1000px){#workspace-layout.with-settings{grid-template-columns:190px minmax(0,1fr);gap:16px}.feature-summary{flex-direction:column;gap:8px}}
@media(max-width:760px){#workspace-layout.with-settings{grid-template-columns:1fr}#system-settings-links{display:flex;overflow:auto;padding:4px 8px}#system-settings-links button{width:auto;flex-shrink:0;white-space:nowrap;border-radius:6px;padding:10px 14px}#system-settings-links button[aria-current=page]{box-shadow:inset 0 -3px var(--accent)}.settings-group-label{display:none}.system-settings-title{padding:16px 20px}.system-settings-title p{display:none}#settings-placeholder{padding:20px}.with-settings .filters{min-width:0}}

@media(max-width:550px){.with-settings table{white-space:normal;table-layout:fixed}.with-settings th,.with-settings td{padding:12px 8px;overflow-wrap:anywhere}.with-settings .select-cell{width:32px}.with-settings th:last-child{width:65px}.with-settings td .name-button{min-width:0;font-size:14px}.with-settings td .danger{padding:6px 0;font-size:13px}.with-settings .pagination{gap:10px;padding:16px}.with-settings .pagination button{padding:0 12px}.with-settings th .quiet{font-size:12px}}

/* A whole item row opens its editor; embedded controls retain their own actions. */
.editable-item-row{cursor:pointer}.editable-item-row:hover,.editable-item-row:focus-within{background:#fcf7f8}.editable-item-row .row-control{cursor:default}.editable-item-row .name-button{display:flex;align-items:center;gap:16px;width:100%;min-height:48px}.editable-item-row .name-button::after{content:'›';margin-left:auto;color:#94979d;font-size:22px;font-weight:400}.editable-item-row .name-button:hover::after{color:var(--accent)}
/* Simple, touch-friendly store and device settings. */
.ops-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.ops-toolbar>button:last-child.quiet{margin-left:auto}.ops-list{border:1px solid #e2e3e7;border-radius:10px;overflow:hidden}.ops-row{display:flex;align-items:center;gap:20px;width:100%;padding:22px 18px;text-align:left;border:0;border-radius:0;background:white;min-height:84px;color:#292d32}.ops-row+ .ops-row{border-top:1px solid #e2e3e7}.ops-row:hover,.ops-row:focus-visible{background:#fff4f5}.ops-row>span:first-child{flex:1;min-width:0}.ops-row strong,.ops-row .small{display:block;overflow-wrap:anywhere}.ops-row .small{margin-top:7px}.ops-chevron{font-size:24px;color:#a72134}.ops-row .pill{white-space:nowrap}.ops-empty{padding:28px}.ops-info{background:#f5f6f9;border-left:3px solid #c82939;padding:16px;line-height:1.6;margin-top:24px}.ops-dialog{width:min(680px,calc(100vw - 32px));box-sizing:border-box}.ops-dialog fieldset{display:block;border:0;padding:0;margin:0;min-width:0;width:100%}.ops-dialog label{display:flex;flex-direction:column;margin-bottom:18px;gap:7px}.ops-dialog label.check{flex-direction:row}.ops-dialog input,.ops-dialog select{box-sizing:border-box;width:100%;min-height:44px}.ops-dialog input[type=checkbox]{width:auto;min-height:0}.ops-dialog .small{white-space:pre-line;line-height:1.6}.ops-dialog ol{padding-left:24px;line-height:1.7}.ops-dialog li{padding:8px 0}.ops-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ops-form-grid>label:first-child,.ops-form-grid>label:nth-child(2),.ops-form-grid>label:last-child{grid-column:1/-1}#outlet-message{color:#9d2030;line-height:1.5}@media(max-width:600px){.ops-form-grid{grid-template-columns:1fr}.ops-row{gap:10px;padding:18px 12px}.ops-row .pill{font-size:11px}.ops-dialog{padding:18px}.ops-toolbar{gap:8px}}
/* Keep the active store visible above every Back Office workspace. */
.store-context{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:14px 18px;background:#fff;border:1px solid #dedee5;border-radius:10px}
.store-context label{display:flex;gap:12px;align-items:center;font-weight:600;color:#26272c;margin:0}
.store-context select{min-width:200px;max-width:360px;margin:0}
.store-context .small{flex:1}.store-context button{margin:0}
.catalogue-preview{max-height:42vh;overflow:auto;border:1px solid #e2e3e8;border-radius:8px;margin:16px 0}
.catalogue-preview-row{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #ededf1;margin:0;cursor:pointer}
.catalogue-preview-row input{width:20px;height:20px;flex-shrink:0}.catalogue-preview-row span{display:grid;gap:6px}.catalogue-preview-row small{font-size:13px;color:#626673}
@media(max-width:650px){.store-context label,.store-context select{width:100%;max-width:none}.store-context .small{flex-basis:100%}}
.store-price-section{margin:18px 0;border:1px solid #e2e3e8;border-radius:10px;padding:16px;overflow:auto}.store-price-section table{min-width:580px;width:100%;border-collapse:collapse}.store-price-section td,.store-price-section th{padding:10px;text-align:left;vertical-align:top}.store-price-section select,.store-price-section input{width:100%;min-width:130px;margin-bottom:8px}.store-price-section small{display:block;color:#626673;font-size:12px}
#outlet-dialog:has(.store-price-section){max-width:1100px;width:92vw}

.store-context label{white-space:nowrap}#outlet-dialog:has(.store-price-section) .actions{position:sticky;bottom:-24px;background:white;padding:16px 0;margin-bottom:0;border-top:1px solid #e2e3e8;z-index:1}

@media(max-width:600px){.store-price-section{padding:14px}.store-price-section table{min-width:0;display:block}.store-price-section thead{display:none}.store-price-section tbody,.store-price-section tr{display:block}.store-price-section tr+tr{border-top:1px solid #dedee5;margin-top:16px;padding-top:16px}.store-price-section th,.store-price-section td{display:block;width:auto;padding:8px 0;border:0}.store-price-section td::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.store-price-section input,.store-price-section select{min-width:0}#outlet-dialog:has(.store-price-section) .actions{bottom:-18px}}
/* Keep store creation actions reachable while the contact form scrolls. */
#outlet-dialog:has(#new-store-name) .actions{position:sticky;bottom:-30px;background:white;padding:16px 0;margin-bottom:0;border-top:1px solid #e2e3e8;z-index:1}
#outlet-dialog:has(#new-store-name) .ops-form-grid label{margin-bottom:12px;gap:2px}
@media(max-width:600px){#outlet-dialog:has(#new-store-name) .actions{bottom:-18px}}
.shared-item-note{display:block;color:#757575;margin-bottom:18px;font-size:12px}
.item-stores-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.item-stores-heading h3{margin:0}.item-stores-heading label{width:280px;max-width:65%;min-width:0}.item-stores-heading select{width:100%;text-overflow:ellipsis}
@media(max-width:600px){.item-stores-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.item-stores-heading label{width:100%;max-width:100%}}
#editor.has-store-table #available,#editor.has-store-table label:has(>#available),#editor.has-store-table #price-label{display:none}
#editor.has-store-table .variant-row{grid-template-columns:1.4fr 1fr 1fr 44px}
#editor.has-store-table .variant-row>:nth-child(1),#editor.has-store-table .variant-row>:nth-child(3){display:none}
.item-stores-table{table-layout:fixed;white-space:normal}.item-stores-table th,.item-stores-table td{padding:14px 12px;vertical-align:middle}
.item-stores-table th:first-child{width:90px}.item-stores-table th:last-child{width:150px}
.item-stores-table td:first-child{text-align:center}.item-stores-table input[type=checkbox]{display:inline-block;width:20px;height:20px;cursor:pointer}
.item-stores-table td:last-child input{text-align:right;width:100%;min-width:0}.item-stores-table td small{display:block;color:#777}
.item-stores-table tbody+tbody .store-item-row{border-top:2px solid #e4e5e8}.store-item-row{background:#fafafa}.store-variant-row td:nth-child(2){padding-left:30px}
#editor.has-store-table .actions{position:sticky;bottom:-30px;background:white;padding:16px 0;z-index:1;border-top:1px solid #e2e3e8}
@media(max-width:600px){.item-stores-table th,.item-stores-table td{padding:12px 6px;font-size:13px}.item-stores-table th:first-child{width:70px}.item-stores-table th:last-child{width:95px}.store-variant-row td:nth-child(2){padding-left:16px}#editor.has-store-table .actions{bottom:-18px}}

/* Keep item editor controls and save feedback reachable in long store/variant forms. */
#editor .dialog-heading{position:sticky;top:-30px;z-index:4;background:white;padding:12px 0;border-bottom:1px solid #e2e3e8}
#editor .editor-footer{position:sticky;bottom:-30px;z-index:4;background:white;border-top:1px solid #e2e3e8;padding:12px 0}
#editor .editor-footer .actions{position:static;border:0;padding:0;margin:0}
#editor #edit-message{margin:0 0 10px;font-size:14px}#editor #edit-message:empty{display:none}
#save-confirmation{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#234d31;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:calc(100vw - 32px);font-size:15px}
@media(max-width:600px){#editor .dialog-heading{top:-18px}#editor .editor-footer{bottom:-18px}}

/* Register shifts: concise labels, clear hierarchy and comfortable tablet controls. */
.shift-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0 12px}.shift-filters label{display:grid;gap:6px;min-width:140px;flex:1}.shift-filters input,.shift-filters select{min-height:44px;width:100%;box-sizing:border-box}.shift-config{border:1px solid #e4e5eb;padding:16px;border-radius:10px;margin:20px 0}.shift-config summary{cursor:pointer;font-weight:600}.shift-toggle{display:flex;gap:10px;align-items:center;margin-top:16px}.shift-toggle input{width:20px;height:20px}.shift-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.shift-metric{border:1px solid #e4e5eb;background:#fafafb;border-radius:10px;padding:18px;display:grid;gap:10px}.shift-metric span{font-size:13px;color:#626771}.shift-metric strong{font-size:24px;overflow-wrap:anywhere}.shift-table-wrap{overflow:auto}.shift-table-wrap table{width:100%;min-width:650px}.shift-table-wrap th{white-space:nowrap;text-align:left}.shift-table-wrap td{vertical-align:middle}.shift-badge{display:inline-block;padding:6px 10px;border-radius:30px;background:#edf2fb;color:#355d91;font-size:13px;white-space:nowrap}.shift-badge.balanced{background:#eaf4ed;color:#277346}.shift-badge.difference{background:#fff0ee;color:#ad342a}.shift-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.shift-message{color:#ad342a}.shift-dialog{width:min(760px,calc(100vw - 32px));padding:0;max-height:92dvh;border:0;border-radius:14px}.shift-dialog-header{position:sticky;top:0;background:white;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e5eb;z-index:1}.shift-dialog-header h2{margin:0}.shift-dialog-body{padding:24px}.shift-detail-section{border-top:1px solid #e4e5eb;margin-top:24px;padding-top:8px}.shift-detail-section dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.shift-detail-section dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}.shift-activity{padding:12px 0;border-bottom:1px solid #e4e5eb}.shift-activity p{margin:6px 0 0}@media(max-width:900px){.shift-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.shift-dialog-body{padding:16px}.shift-metric{padding:12px}.shift-metric strong{font-size:20px}.shift-filters label{min-width:120px}}

/* Store-scoped dining choices: clear default, large edit target and simple filters. */
.dining-store{font-weight:650;margin:0 0 16px}.dining-filters{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.dining-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.dining-filters input,.dining-filters select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border,#dce0e5);border-radius:8px;background:#fff;color:#25282c;font:inherit}.dining-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e6ea}.dining-row .ops-row{flex:1;border-bottom:0;min-width:0}.dining-row>.quiet{flex-shrink:0;margin-right:12px}.dining-row strong{overflow-wrap:anywhere}@media(max-width:600px){.dining-row{flex-wrap:wrap;gap:0;padding-bottom:8px}.dining-row .ops-row{flex-basis:100%}.dining-row>.quiet{margin-left:16px}.dining-filters{gap:10px}.dining-filters label{min-width:120px}}

/* Dining row handles keep ordinary list scrolling and editing separate. */
.dining-row{position:relative}.dining-handle{flex:0 0 44px;width:44px;height:48px;margin:0 10px 0 0;padding:0;background:transparent;border:0;border-radius:8px;color:#606670;font-size:28px;cursor:grab;touch-action:none;user-select:none}.dining-handle:hover,.dining-handle:focus-visible{background:#f0f1f4;color:#c82939}.dining-handle:active{cursor:grabbing}.dining-handle:disabled{cursor:default;opacity:.25}.dining-dragging{opacity:.35}.dining-before::before,.dining-after::after{content:'';position:absolute;left:0;right:0;height:3px;background:#c82939;z-index:1}.dining-before::before{top:0}.dining-after::after{bottom:0}.dining-ghost{position:fixed;z-index:50;pointer-events:none;box-sizing:border-box;display:flex;align-items:center;padding:18px;background:white;color:#25282c;border:2px solid #c82939;border-radius:10px;box-shadow:0 8px 28px #0003;font-weight:600;overflow:hidden;opacity:.95}.dining-order-help{line-height:1.6}.dining-row .ops-row{background:transparent}.dining-row:hover{background:#fff7f8}@media(max-width:600px){.dining-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;column-gap:4px}.dining-row .ops-row{grid-column:1;grid-row:1;padding:16px 10px}.dining-row .dining-handle{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center}.dining-row>.quiet{grid-column:1;justify-self:start;margin:0 0 4px 10px}.dining-row .ops-chevron{display:none}}

/* Payment methods follow the same pointer/keyboard interaction as dining. */
.payment-order-help{margin:0;padding:0 26px 20px;font-size:14px;line-height:1.7}.payment-list #sort-name:disabled{opacity:1;color:inherit}.payment-row{position:relative}.payment-row:hover{background:#fff7f8}.payment-list .payment-handle-cell{width:60px;padding:8px}.payment-list .dining-handle{margin:0}.payment-list th:last-child{width:60px}.payment-list .dining-before>td{box-shadow:inset 0 3px #c82939}.payment-list .dining-after>td{box-shadow:inset 0 -3px #c82939}.payment-list .dining-before::before,.payment-list .dining-after::after{display:none}@media(max-width:550px){.payment-order-help{padding:0 16px 16px}.payment-list th:last-child,.payment-list .payment-handle-cell{width:48px;padding:4px 0}.payment-list .dining-handle{width:44px}.payment-list th:nth-last-child(2){width:50px}}
@media(max-width:550px){.payment-list td.row-control{padding-left:4px;padding-right:4px;white-space:nowrap}.payment-list td .danger{white-space:nowrap}.payment-list th:nth-last-child(2){width:56px}}
.customer-workspace{background:white;border:1px solid #e1e3e7;border-radius:12px;padding:24px}.customer-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.customer-toolbar input{min-width:240px;flex:1}.customer-card{max-width:760px;padding:24px;background:#fafafa;border-radius:12px;margin-top:16px}.customer-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#faedef;color:#c82939;font-size:28px}.customer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.customer-stats small,.customer-stats strong{display:block}.customer-stats strong{margin-top:6px}.customer-purchase{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e1e3e7}.customer-workspace table{width:100%;text-align:left}.customer-workspace th,.customer-workspace td{padding:12px;border-bottom:1px solid #e1e3e7}.customer-workspace .table-scroll{overflow:auto}.customer-workspace form{max-width:850px}.customer-workspace form>button{margin:18px 8px 0 0}@media(max-width:550px){.customer-workspace{padding:16px}.customer-stats{grid-template-columns:1fr}.customer-toolbar input{min-width:0;width:100%;flex-basis:100%}}
.customer-toolbar select{width:auto;min-width:180px}.customer-toolbar input{width:auto;min-height:44px}.customer-toolbar select{min-height:44px}
/* Customer forms stay readable on larger displays; country selectors work offline. */
.customer-workspace.customer-editing{max-width:960px;margin-inline:auto;padding:28px 32px}.customer-workspace.customer-editing form{max-width:none}.customer-form-grid{gap:22px 24px}.customer-form-section{grid-column:1/-1;margin:12px 0 0;padding-bottom:10px;border-bottom:1px solid #e7e8ed;font-size:15px;color:#30343b}.customer-full{grid-column:1/-1}.customer-field{min-width:0;color:#666;font-size:14px}.customer-form-actions{display:flex;gap:12px;margin-top:26px}.customer-phone{display:flex;gap:10px;align-items:stretch;margin-top:8px}.customer-phone input{margin:0;min-width:0;flex:1;width:0}.country-picker{display:block;width:100%;min-height:48px;margin-top:8px;border:1px solid #d9dce2;border-radius:6px;color:#30343b;text-align:left;background:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-phone .country-picker{margin:0;width:132px;flex-shrink:0;padding:10px}.country-dialog{width:min(440px,calc(100vw - 28px));padding:22px}.country-dialog h2{margin:0 0 12px;font-size:21px}.country-dialog input{margin:0 0 12px}.country-results{height:min(380px,45dvh);overflow:auto;border-block:1px solid #eee;margin-bottom:12px}.country-results>button{display:block;width:100%;min-height:48px;border:0;border-radius:0;text-align:left;padding:12px;color:#30343b}.country-results>button:hover,.country-results>button:focus-visible{background:#fff0f2}.customer-field input{min-height:48px}.customer-field textarea{box-sizing:border-box;border-radius:6px}.customer-editing h3{font-size:23px;margin-bottom:8px}@media(max-width:700px){.customer-form-grid{grid-template-columns:1fr}.customer-workspace.customer-editing{padding:20px}.customer-phone .country-picker{width:124px}}

/* Tax configuration uses a readable form and a bounded, searchable item sheet. */
.tax-editor{max-width:760px}.tax-editor fieldset{display:block;border:0;padding:0;margin:0;min-width:0}.tax-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tax-fields label:first-child{grid-column:1/-1}.tax-fields input,.tax-fields select{width:100%;box-sizing:border-box}.tax-example{background:#f6f6f8;border-left:3px solid #cc2439;padding:14px;line-height:1.5}.tax-check{display:flex!important;align-items:center;gap:12px;min-height:44px;margin:4px 0}.tax-check input{width:20px!important;height:20px;flex:0 0 20px;margin:0}.tax-store{padding:16px;border:1px solid #dedfe4;border-radius:8px;margin:16px 0}.tax-store>.tax-check:first-child{font-weight:600}.tax-select{display:block;text-align:left;width:100%;background:#f6f6f8;margin:10px 0;padding:14px}.tax-table-scroll{overflow:auto}.tax-table{width:100%;border-collapse:collapse}.tax-table td,.tax-table th{padding:16px;text-align:left;border-bottom:1px solid #e1e2e7}.tax-table tbody tr{cursor:pointer}.tax-table tbody tr:hover{background:#fff5f6}.tax-name{font-weight:600;text-align:left}.tax-message:empty{display:none}.tax-empty{padding:24px 0}.tax-dialog{width:min(640px,calc(100vw - 32px));max-height:88dvh;padding:24px;box-sizing:border-box}.tax-dialog>input{width:100%;box-sizing:border-box}.tax-picker-list{max-height:50dvh;overflow:auto;border-block:1px solid #e1e2e7;padding:8px}.tax-picker-list label{border-bottom:1px solid #f2f2f4;padding:4px 8px}.tax-dialog .actions{justify-content:flex-end}.tax-editor .actions{margin-top:24px}@media(max-width:600px){.tax-fields{grid-template-columns:1fr}.tax-dialog{padding:16px}.tax-table th,.tax-table td{padding:12px}}
/* Sales summary: clear touch controls, progressive detail and a single financial view. */
.sales-summary{max-width:1500px;margin:0 auto;color:#292929}.ss-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ss-heading h1{font-size:28px;margin:0 0 5px}.ss-subtitle{margin:0;font-size:15px}.ss-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;background:white;border:1px solid #e3e5e8;border-radius:10px;padding:16px}.ss-filters>label{flex:1;min-width:180px;max-width:340px}.ss-period{display:flex;gap:8px;align-items:end;flex:1;min-width:245px;max-width:340px}.ss-period>label{flex:1}.sales-summary label{color:#50545a}.sales-summary select,.sales-summary input[type=date]{border:1px solid #d4d8de;border-radius:6px;padding:10px 12px;min-height:46px}.ss-arrows{display:flex;gap:4px}.ss-arrows button{font-size:22px;padding:4px 13px;min-height:46px}.ss-more{position:relative}.sales-summary summary{cursor:pointer;min-height:44px;padding:10px 12px;font-size:14px}.ss-more>summary,.ss-fields>summary{border:1px solid #d4d8de;border-radius:6px;background:white}.ss-more-body{position:absolute;right:0;top:52px;z-index:2;width:330px;padding:20px;background:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 30px #0002;display:grid;gap:14px}.ss-more-body p{margin:0}.ss-custom,.ss-store-choices{padding:16px;display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:white;border:1px solid #e3e5e8;border-radius:8px;margin-top:12px}.ss-custom label{flex:1;min-width:150px;max-width:280px}.ss-store-choices label{display:flex;align-items:center;gap:10px;padding:5px}.ss-store-choices input{width:20px;height:20px;min-height:20px}.ss-store-choices legend{padding:0 8px;font-size:14px}.ss-scope{margin:18px 0 8px;font-size:14px;font-weight:500;overflow-wrap:anywhere;color:#42464c}.ss-message:empty{display:none}.ss-message{padding:12px 16px;background:#f6f0e6;border-radius:6px;color:#624517;font-size:14px}.ss-freshness{margin-bottom:18px;background:#edf5f0;border-radius:7px;color:#28563b}.ss-freshness summary{font-size:14px}.ss-freshness p{padding:0 12px;color:inherit;overflow-wrap:anywhere}.ss-warning{background:#faf3e6;color:#735319}.ss-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:white;border:1px solid #e3e5e8;border-radius:10px;overflow:hidden}.ss-metric{display:flex;flex-direction:column;gap:10px;align-items:start;text-align:left;padding:20px 16px;border:0;border-right:1px solid #e9ebed;border-bottom:3px solid transparent;border-radius:0;min-width:0;background:white}.ss-metric:last-child{border-right:0}.ss-metric[aria-pressed=true]{background:#fff7f8;border-bottom-color:var(--accent)}.ss-metric>span:first-child{font-size:14px;color:#50545a}.ss-metric strong{font-size:clamp(20px,2.3vw,29px);font-weight:500;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}.ss-change{font-size:12px;line-height:1.5;color:#666}.ss-positive{color:#267441}.ss-negative{color:#b02535}.ss-neutral{color:#666}.ss-context{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0}.ss-context p{font-size:14px;margin:0}.ss-small{font-size:13px;line-height:1.6;color:#626973}.ss-chart-card,.ss-table-card{background:white;border:1px solid #e3e5e8;border-radius:10px;margin-top:20px;min-width:0}.ss-chart-card{padding:20px 22px}.ss-chart-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ss-chart-toolbar h2{flex:1;font-size:20px;min-width:140px}.ss-chart-toolbar label{width:125px}.ss-legend{margin:10px 0}.ss-chart{width:100%;min-height:280px;border-radius:4px;outline-offset:4px}.ss-chart svg{display:block;width:100%;height:280px;touch-action:pan-y}.ss-axis{font:12px Arial,Helvetica,sans-serif;fill:#5d636c}.ss-grid{stroke:#e7e9ec;stroke-width:1}.ss-line{fill:none;stroke-width:2}.ss-current{fill:#c82939;stroke:#c82939}.ss-previous{fill:#8896a7;stroke:#66798f}.ss-line.ss-previous{stroke-dasharray:6 5;fill:none}.ss-line.ss-current{fill:none}.ss-bar{stroke:none}.ss-area{fill:#c8293912;stroke:none}.ss-guide{stroke:#b4bac3;stroke-width:1;stroke-dasharray:3 4}.ss-chart-readout{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:48px;padding-top:10px;border-top:1px solid #eef0f2;font-size:14px;font-variant-numeric:tabular-nums}.ss-no-chart{padding:72px 20px;text-align:center}.ss-table-toolbar{display:flex;gap:14px;align-items:center;padding:20px}.ss-table-toolbar h2{font-size:20px;flex:1}.ss-fields{position:relative}.ss-fields>div{position:absolute;right:0;top:50px;min-width:210px;z-index:2;background:white;box-shadow:0 6px 24px #0002;border:1px solid #ddd;border-radius:8px;padding:10px}.ss-fields label{display:flex;align-items:center;gap:12px;min-height:44px;color:#333}.ss-fields input{height:20px;width:20px;min-height:20px}.ss-table-scroll{overflow:auto;max-height:650px}.ss-table-scroll th,.ss-table-scroll td{padding:14px 16px;font-variant-numeric:tabular-nums}.ss-table-scroll thead th{position:sticky;top:0;background:#fafbfc;z-index:1;font-size:13px}.ss-table-scroll tfoot{font-weight:600;background:#fafbfc}.ss-table-scroll tfoot th{color:#333;font-weight:600}.ss-date-link{padding:0;border:0;color:#9d1d2c;background:transparent;white-space:nowrap;text-align:left}.ss-pagination{padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}.ss-pagination label{display:flex;align-items:center;gap:10px;margin-left:auto}.ss-pagination select{width:75px;margin:0}.ss-table-card>.ss-small{padding:0 20px 12px;margin-top:0}.ss-dialog{width:min(620px,calc(100vw - 24px));border-radius:12px}.ss-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ss-dialog p{font-size:14px;line-height:1.65}.ss-dialog h3{font-size:16px;font-weight:600;margin:22px 0 5px}.ss-dialog h3+p{margin-top:0}.ss-breakdown{display:grid;grid-template-columns:1fr auto;gap:14px 20px;font-size:14px}.ss-breakdown dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.ss-outdated{opacity:.65}
@media(max-width:1050px){.ss-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-metric{border-bottom-width:3px;border-top:1px solid #eee}.ss-metric strong{font-size:24px}}@media(max-width:650px){.ss-heading{margin-bottom:16px}.ss-heading h1{font-size:25px}.ss-filters{gap:12px}.ss-period,.ss-filters>label{min-width:100%;max-width:none}.ss-filters>.ss-more{flex:1}.ss-more-body{right:auto;left:0;width:min(330px,calc(100vw - 64px))}.ss-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-metric{padding:16px 12px}.ss-metric strong{font-size:23px}.ss-chart-card{padding:16px 10px}.ss-chart-toolbar{gap:10px}.ss-chart-toolbar h2{flex-basis:100%}.ss-chart-toolbar label{flex:1;width:auto}.ss-table-toolbar{padding:14px 12px;gap:8px;flex-wrap:wrap}.ss-table-toolbar h2{flex-basis:100%}.ss-pagination{padding:12px;gap:8px}.ss-pagination label{margin-left:0}.ss-context{gap:0}.ss-dialog{padding:20px}.ss-breakdown{grid-template-columns:minmax(0,1fr) auto;gap:12px}.ss-chart-readout{gap:0}.ss-custom{align-items:stretch}.ss-custom label{max-width:none}.ss-small{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.sales-summary *{scroll-behavior:auto}}

/* Item reporting reuses the summary filter and table controls. */
.si-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.si-stats>div{background:#fff;border:1px solid #dde5df;border-radius:12px;padding:20px;display:grid;gap:8px}.si-stats strong{font-size:clamp(20px,2.4vw,30px);overflow-wrap:anywhere}.si-stats span{color:#526259}.si-upload{background:#fff5d9;border:1px solid #ead799;border-radius:10px;padding:16px;margin:14px 0}.si-upload p{margin-bottom:0}.si-bars{display:grid;gap:8px;margin-top:18px}.si-bar-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(80px,2fr) minmax(100px,auto);align-items:center;gap:20px;width:100%;text-align:left;background:transparent;border:0;padding:12px 6px;border-radius:8px}.si-bar-row:hover,.si-bar-row:focus-visible{background:#f2f7f3}.si-bar-name{overflow-wrap:anywhere}.si-bar-row strong{text-align:right}.si-bar-track{background:#f1f4f2;border-radius:5px;height:16px;overflow:hidden}.si-bar-fill{display:block;height:100%;background:#279565;border-radius:5px}.si-negative{background:#bb4c4c}.si-table-controls{display:flex;gap:18px;flex-wrap:wrap;padding:0 20px 18px}.si-table-controls label{display:grid;gap:6px}.si-table-controls input{min-height:44px;max-width:100%}.si-variant{display:block;color:#66766b;margin-top:3px}.si-empty,.si-footnote{padding:4px 20px}.si-footnote{padding-bottom:16px}.si-bar-row:focus-visible{outline:2px solid #17633f}
@media(max-width:600px){.si-stats{gap:6px}.si-stats>div{padding:12px 8px}.si-stats span{font-size:13px}.si-bar-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.si-bar-track{grid-column:1/-1;grid-row:2}.si-table-controls{padding:0 12px 12px}.si-table-controls label{max-width:100%}.si-table-controls input{width:100%}}

.si-scroll-hint{display:none;padding:0 12px}@media(max-width:800px){.si-scroll-hint{display:block}}

/* Keep every report and Settings reachable when navigation exceeds tablet height. */
@media(min-width:551px){#navigation{overflow-y:auto;overscroll-behavior:contain}}

/* Compact labelled navigation; grouped destinations open beside the workspace. */
#navigation{width:84px;padding:12px 6px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain}
body.signed-in main{margin-left:84px}body.nav-collapsed main{margin-left:auto}
.nav-icon,.nav-chevron{display:block;flex-shrink:0;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#navigation .nav-group{margin:0;padding:0;border:0;flex-shrink:0;min-width:0}
#navigation .nav-destination{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;width:100%;padding:9px 2px;margin:0;border:0;border-radius:10px;background:transparent;color:#5f6873;cursor:pointer;text-align:center;list-style:none}
#navigation summary::-webkit-details-marker{display:none}
#navigation .nav-destination .nav-label{font-size:12px;font-weight:600;line-height:1.3;color:inherit;white-space:nowrap}
#navigation .nav-destination:hover,#navigation .nav-group[open]>.nav-destination{background:#f3f4f6;color:#252c34}
#navigation .nav-destination[data-active=true],#navigation .nav-destination[aria-current=page]{background:#fcf0f2;color:#b72336;border:0}
#navigation .nav-destination[data-active=true]::before,#navigation .nav-destination[aria-current=page]::before{content:'';position:absolute;left:-6px;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
#navigation .nav-chevron{position:absolute;right:4px;top:12px;width:10px;height:10px;stroke-width:2}
#navigation .nav-group[open] .nav-chevron{transform:rotate(90deg)}
#navigation #owner-menu{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #eceef1}
#navigation .owner-avatar{width:29px;height:29px;font-size:12px;line-height:1;border:1px solid #f2dce0}
#navigation .nav-flyout{position:fixed;z-index:5;left:var(--nav-left,92px);top:80px;width:var(--nav-width,260px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);overflow-y:auto;background:white;border:1px solid #e4e7eb;border-radius:12px;box-shadow:0 12px 36px #26334424;padding:6px}
#navigation details:not([open])>.nav-flyout{display:none}
#navigation .nav-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 5px 12px;border-bottom:1px solid #eef0f3;margin-bottom:5px}
#navigation .nav-panel-heading strong{font-size:14px;color:#343b44}
#navigation .nav-flyout button{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;border:0;border-radius:7px;padding:10px 12px;text-align:left;color:#46505c;background:white;font-size:14px;line-height:1.4}
#navigation .nav-flyout .nav-icon{width:20px;height:20px;color:inherit}
#navigation .nav-flyout .nav-label{font-size:14px;color:inherit;font-weight:400}
#navigation .nav-flyout button:hover{background:#f5f6f8;color:#1f2933}
#navigation .nav-flyout button[aria-current=page]{background:#fcf0f2;color:#b72336;font-weight:600;border:0}
#navigation .nav-flyout button[aria-current=page] .nav-label{font-weight:600}
#navigation .nav-flyout .nav-close{width:40px;min-height:40px;justify-content:center;padding:10px;color:#7a838f}
#navigation .owner-identity{padding:12px;flex:auto}
#navigation .owner-identity strong{font-size:14px;color:#303944}
#navigation .owner-identity>span{font-size:12px;color:#727c88;margin-top:3px}
#navigation .owner-actions{display:block}
#navigation .nav-destination:focus-visible,#navigation .nav-flyout button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#navigation-toggle .nav-icon{width:22px;height:22px}
@media(max-width:550px){
 #navigation{position:sticky;top:64px;bottom:auto;width:100%;padding:5px 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;border-right:0;border-bottom:1px solid #e4e7eb}
 #navigation #owner-menu{border:0;padding:0;margin:0}
 #navigation .nav-flyout{left:12px;width:calc(100vw - 24px)}
 #navigation .nav-destination{min-height:61px;padding:7px 0;gap:4px}
 #navigation .nav-destination .nav-label{font-size:11px}
 #navigation .nav-destination[data-active=true]::before,#navigation .nav-destination[aria-current=page]::before{left:14px;right:14px;top:auto;bottom:0;width:auto;height:2px;border-radius:2px}
 #navigation .nav-icon{width:22px;height:22px}#navigation .owner-avatar{width:26px;height:26px}
 #navigation .nav-chevron{right:2px;top:8px;width:9px;height:9px}
 body.signed-in main{margin-left:0}
}

body.nav-collapsed #navigation{display:none}
/* Read-only receipt browsing and saved line details. */
.rc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.rc-tab{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;background:#fff;border:1px solid #dce1e5;border-radius:10px;text-align:left;min-height:100px}.rc-tab strong{font-size:28px}.rc-tab[aria-pressed=true]{border-color:#c92136;background:#fff4f6;box-shadow:inset 0 -3px #c92136}.rc-empty{padding:24px}.rc-id{overflow-wrap:anywhere;color:#68717e;font-size:12px}.rc-lines{border-block:1px solid #e4e7eb}.rc-line{padding:16px 0;border-bottom:1px solid #e4e7eb}.rc-line:last-child{border:0}.rc-line p{margin:6px 0}.rc-line-heading{display:flex;justify-content:space-between;gap:20px}.rc-line-heading strong:first-child{overflow-wrap:anywhere;min-width:0}.rc-line-heading strong:last-child{white-space:nowrap}.rc-related{display:block;width:100%;text-align:left;margin:10px 0;white-space:normal;overflow-wrap:anywhere}.rc-tax-details{padding:14px 0}.rc-tax-details summary{cursor:pointer;min-height:32px}.ss-dialog .ss-breakdown dd{overflow-wrap:anywhere}@media(max-width:550px){.rc-tabs{gap:8px}.rc-tab{padding:12px;font-size:13px;min-height:90px}.rc-tab strong{font-size:24px}}
#receipts-workspace .si-table-controls label{flex:0 1 460px;width:100%;min-width:0}#receipts-workspace .ss-breakdown{grid-template-columns:minmax(80px,35%) minmax(0,1fr)}#receipts-workspace .ss-breakdown dd{white-space:pre-line}
/* Modifier groups stay readable and operable by touch or keyboard. */
.sm-group th,.sm-group td{background:#f8f4f5;font-weight:600}
.sm-group-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;text-align:left;padding:6px 8px;background:transparent;color:inherit;border:0;box-shadow:none}
.sm-group-toggle span:not(.sm-chevron){white-space:normal;overflow-wrap:anywhere}
.sm-group-toggle small{font-weight:400;color:#6b6470;margin-left:auto;white-space:nowrap}
.sm-chevron{color:#c92842;font-size:22px;flex:0 0 16px}
.sm-option td:first-child{padding-left:36px}
#sales-by-modifier-workspace table th:first-child{min-width:240px}
#sales-by-modifier-workspace .ss-date-link{white-space:normal;overflow-wrap:anywhere;text-align:left}
#sales-by-modifier-workspace .si-table-controls label:first-child{flex:0 1 340px;min-width:0;width:100%}

#discounts-report-workspace .sd-search{flex:1;min-width:220px;max-width:340px}#discounts-report-workspace .sd-search input{width:100%}
#taxes-report-workspace .tr-search{flex:1;min-width:220px;max-width:340px}#taxes-report-workspace .tr-search input{width:100%}
#taxes-report-workspace table th:first-child{min-width:220px}#taxes-report-workspace .ss-date-link{white-space:normal;overflow-wrap:anywhere;text-align:left}
/* Employees: labelled controls and readable access summaries on touch screens. */
.employee-workspace{max-width:1500px;margin:0 auto}.employee-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 24px}.employee-heading h1{margin:0 0 8px}.employee-heading p{margin:0;color:#626872}.employee-workspace>.card{padding:24px;margin:0 0 22px}.employee-setup{border-left:4px solid #bd1937}.employee-setup h2{font-size:19px;margin-top:0}.employee-setup li{margin:10px 0}.employee-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:8px 0 20px}.employee-toolbar label{min-width:160px;flex:1;max-width:310px}.employee-workspace input:not([type=checkbox]),.employee-workspace select{min-height:46px;width:100%;margin-top:8px}.employee-workspace button{min-height:44px}.employee-workspace td{white-space:normal;max-width:300px;vertical-align:middle}.employee-workspace td small{display:block;color:#67706d;margin-top:8px}.employee-workspace td button{color:#b71631;text-align:left}.employee-badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:13px;background:#edf6ef;color:#24563c}.employee-badge.invited{background:#fff4d7;color:#795616}.employee-badge.deactivated{background:#eceef1;color:#555}.employee-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:24px}.employee-role-card{border:1px solid #dde1e5;padding:20px;border-radius:10px}.employee-role-card h2{font-size:20px;margin-top:0}.employee-role-card p{color:#626872}.employee-form{max-width:900px}.employee-form>label,.employee-form>div>label{margin:16px 0}.employee-form h3{margin:28px 0 14px;font-size:18px}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.employee-form label small{display:block;margin-top:8px;line-height:1.5;font-weight:400;color:#626872}.employee-check{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px;font-weight:400}.employee-check small{flex-basis:100%;padding-left:30px}.employee-check input{width:19px;height:19px;accent-color:#c5233c;flex:none}.employee-store-choices{padding:12px 18px;background:#f7f8f9;border-radius:8px}.employee-access-summary{padding:16px 18px;border-radius:8px;background:#f3f7f5;line-height:1.7;color:#294a3d}.employee-form fieldset{margin:22px 0;padding:18px;border:1px solid #dde1e5;border-radius:8px}.employee-form legend{font-weight:600;padding:0 8px}.employee-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.employee-form-footer{display:flex;flex-wrap:wrap;gap:12px;position:sticky;bottom:0;background:#fff;padding:18px 0 0;margin-top:22px;border-top:1px solid #eee}.employee-message{padding:14px;background:#edf6ef;border-radius:8px}.employee-message.error{background:#fff0f0;color:#9b1430}.employee-invitation{max-width:500px}.employee-invitation label{display:block;margin:18px 0}.employee-invitation input{display:block;width:100%;min-height:46px;margin-top:8px}
@media(max-width:650px){.employee-form-grid,.employee-permissions{grid-template-columns:1fr}.employee-heading{align-items:flex-start}.employee-workspace>.card{padding:18px}.employee-toolbar label{max-width:none}.employee-form-footer{position:static}.employee-workspace th,.employee-workspace td{min-width:130px}.employee-workspace th:first-child,.employee-workspace td:first-child{min-width:50px}}

.employee-no-cost label:has(> #cost),.employee-no-cost label:has(> #single-variant-cost),.employee-no-cost #recipe-cost,.employee-no-cost #component-total,.employee-no-cost .variant-row>:nth-child(4),.employee-no-cost [data-metric=profit_minor]{display:none!important}
.employee-no-cost .variant-row{grid-template-columns:60px minmax(120px,1fr) 100px 100px 40px}