/* Shared layout constraints: keep intentional table scrolling inside its region. */
.workspace,main,.card,.page-top>div,.grid2>*,.kpis>*,.settings-task>*{min-width:0}
.page-top{flex-wrap:wrap}.page-top>div:first-child{flex:1 1 240px}.page-top>.actions{max-width:100%}
.page-top h1,.card h2,.card h3,.kpi strong,.product-name,.product-name small,.credit-card-head>*{overflow-wrap:anywhere}
.eyebrow{color:#8d5b2e}
.profit-hero strong,.profit-breakdown b,.credit-values b{overflow-wrap:anywhere;max-width:100%}
.card-head{flex-wrap:wrap}.card-head>div{min-width:0}.card-head h2{overflow-wrap:anywhere}
fieldset{min-inline-size:0;max-width:100%}legend{max-width:100%;overflow-wrap:anywhere}
form,label{min-width:0}input,select,textarea{min-width:0;max-width:100%}
.table-wrap{min-width:0;max-width:100%;overscroll-behavior-x:contain}
.table-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.table-scroll-hint{font-size:12px;color:var(--muted);margin:8px 0 14px;line-height:1.5}
.table-scroll-hint[hidden]{display:none}
.chart-col b{white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.35;font-size:10px;max-width:100%}
.pos-checkout.is-tall{position:static}.pos-checkout .card-head{align-items:center}
.pos-product{align-items:start}.pos-product>*{min-width:0}.pos-product h3{overflow-wrap:anywhere}
.discount-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
button,a.share-button{white-space:normal;overflow-wrap:anywhere}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,26px)}
.dialog-head{gap:12px;align-items:start}.dialog-head h2{min-width:0;overflow-wrap:anywhere;margin-bottom:16px}.dialog-head button{flex:none;min-width:44px;min-height:44px}
.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px}
.dialog-actions button{min-height:44px}
[data-ux-cancel]{justify-self:end;min-height:44px}
.field-error{font-size:12px;color:var(--red);line-height:1.5}.field-error:empty{display:none}.field-required{font-size:12px;font-weight:400;color:var(--muted)}
[aria-invalid=true]{border-color:var(--red)!important}
.account-delete-dialog{width:min(100% - 32px,580px);color:var(--coffee);background:white}
.account-delete-dialog form{gap:10px}.account-delete-dialog label{display:block;margin-top:8px;font-weight:600}
.account-delete-dialog input,.account-delete-dialog textarea{width:100%;min-height:44px}.account-delete-dialog textarea{min-height:96px}
.account-delete-dialog small{line-height:1.5;color:var(--muted)}
.account-delete-identity{margin:0 0 6px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--cream);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-delete-identity dt{font-size:12px;color:var(--muted);margin-bottom:4px}.account-delete-identity dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.account-delete-dialog [data-delete-status]{margin:8px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.account-delete-dialog [data-delete-status][role=alert]{color:var(--red)}
.account-delete-dialog button.danger{background:#8a352c;color:white;border-color:#8a352c}
.account-delete-dialog button.danger:hover:not(:disabled){background:#6d261f}
.users-admin-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.users-admin-heading p{margin-bottom:8px}
.auth-users{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.auth-users .account-card{gap:12px;padding:18px}.account-card-heading h3{margin-bottom:6px}.account-card-heading p{margin:0 0 6px;overflow-wrap:anywhere}
.account-username{font-size:13px;color:var(--muted)}
.account-routine,.account-dates{border-top:1px solid var(--line);padding-top:12px}.account-routine>summary,.account-dates>summary{cursor:pointer;font-size:13px;line-height:1.6}
.account-routine[open]>summary{margin-bottom:12px}.account-routine .actions{gap:8px}.account-card>.sub{margin:0}
.account-danger-zone{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:2px}
.account-danger-zone small{font-size:11px;line-height:1.5;color:var(--muted)}
.danger-outline{background:white;border-color:#9b4137;color:#802e27;min-height:44px}.danger-outline:hover{background:#fff3ee}
.account-protection{border-top:1px solid var(--line);padding-top:12px}.users-history{margin-top:20px;display:grid;gap:14px}.users-history p{overflow-wrap:anywhere;font-size:12px;border-bottom:1px solid var(--line);padding:12px 0;margin:0}
[data-users-feedback]:empty{display:none}[data-users-feedback]{overflow-wrap:anywhere;margin:14px 0;font-size:13px;line-height:1.6}
#toast{max-width:min(36rem,calc(100vw - 32px));overflow-wrap:anywhere;line-height:1.5}
footer{flex-wrap:wrap;overflow-wrap:anywhere}.auth-bar>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:768px){header{min-height:78px;height:auto;flex-wrap:wrap;gap:10px;padding-block:12px}.page-top{align-items:stretch}.page-top>div:first-child{flex-basis:auto}.pos-checkout{position:static}.discount-fields{grid-template-columns:minmax(0,1fr)}.auth-users{grid-template-columns:minmax(0,1fr)}.account-routine .actions button{min-height:44px}.settings-task>.card{padding:16px}.settings-task>summary{padding:16px}}
@media(max-width:600px){.kpis{grid-template-columns:minmax(0,1fr)}.card-head{gap:12px}.account-delete-identity{grid-template-columns:minmax(0,1fr)}.dialog-actions{display:grid;grid-template-columns:minmax(0,1fr)}.dialog-actions button{width:100%}.users-admin-heading>button{width:100%}.receipt-actions{align-items:stretch}.receipt-actions button{flex:1 1 160px}}
@media(max-height:650px){.pos-checkout{position:static}dialog{max-height:calc(100dvh - 20px)}.auth-page{align-items:start}}
@media(pointer:coarse) and (max-width:768px){input,select,textarea{font-size:16px}button,.settings-shortcuts a{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Installation is available independently of administrative settings. */
.install-section{min-width:0;overflow-wrap:anywhere}
.install-section ol{padding-left:1.4rem;line-height:1.7}
.install-section li+li{margin-top:.5rem}
.install-section .actions{display:flex;gap:12px;flex-wrap:wrap}
.install-version{margin-top:20px;padding-top:16px;border-top:1px solid #e8d8c7}
.connection-notice{margin:12px 20px;padding:14px;border:1px solid #b58b62;border-radius:12px;background:#f2e6d6;color:#38261e}
.connection-notice[hidden]{display:none}
@media(max-width:480px){.install-section .actions>button{width:100%}.install-section{padding:20px}}
@media(display-mode:standalone){.workspace{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.workspace>header{padding-top:max(12px,env(safe-area-inset-top))}.workspace>footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}