.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:8px}.mobile-drawer-close,.sidebar-scrim{display:none}.sidebar-heading .brand{min-width:0}.sidebar nav{min-height:0}.settings-grid{grid-template-areas:'business profile' 'business activity';grid-template-rows:auto 1fr;align-items:start}.settings-business{grid-area:business}.settings-activity{grid-area:activity}#profile-panel{grid-area:profile;order:initial}.preview-toolbar .actions{flex:none}.preview-zoom{display:none}
@media(max-width:1200px){.settings-grid{grid-template-areas:'profile' 'business' 'activity';grid-template-rows:auto;gap:0}.settings-grid>.settings-panel{margin-bottom:20px}.settings-grid>div{display:block}}
@media screen and (max-width:900px){
 html{scroll-padding-top:76px}body{overflow-wrap:break-word;-webkit-text-size-adjust:100%}body.nav-open,body.modal-open{overflow:hidden}.workspace,.main-shell{min-width:0;min-height:100dvh}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex!important}.form-grid,.detail-grid,.report-grid{grid-template-columns:1fr}.inventory-picker{grid-template-columns:1fr}
 .topbar{position:sticky;top:0;z-index:8;height:auto;min-height:64px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#fbfcf9f5;backdrop-filter:blur(12px)}.breadcrumb{display:block;min-width:0;font-size:1rem}.breadcrumb b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{font-size:.8125rem;white-space:nowrap;gap:6px}.mobile-menu{margin-left:-8px}.topbar .icon-btn{min-width:48px;min-height:48px}.topbar-right .today{display:none}
 .sidebar{transform:translateX(-100%);z-index:22;width:296px;max-width:calc(100vw - 40px);height:100dvh;overflow:hidden;padding:16px 16px max(8px,env(safe-area-inset-bottom));transition:none;box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:8px 0 32px #0003}.sidebar-heading{flex:none;margin-bottom:16px}.sidebar-heading .brand img{width:36px;height:36px}.sidebar-heading .brand>span{font-size:1.25rem}.mobile-drawer-close{display:inline-flex!important;color:#dce5d6!important;flex:none}.sidebar nav{overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;gap:4px;padding:0 2px 4px}.sidebar nav a{min-height:48px;padding:12px}.sidebar-bottom{flex:none;margin-top:auto;padding-top:12px}.sidebar-bottom>a{min-height:44px}.profile{margin-top:10px;padding:14px 0 6px}.sidebar-scrim:not([hidden]){display:block;position:fixed;z-index:21;inset:0;width:100%;height:100dvh;border:0;background:#10221980;backdrop-filter:blur(2px)}
 #content{padding:24px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-width:0}.page-heading{flex-direction:column;gap:18px;margin-bottom:20px;align-items:stretch}.page-heading h1{font-size:1.75rem;line-height:1.2}.page-heading .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-heading .actions>.btn{width:100%;min-height:48px;white-space:normal;line-height:1.35;padding:10px 12px}.collection-actions .primary{grid-column:1/-1}.page-heading .actions>.btn:only-child{grid-column:1/-1}.quick-actions .btn{font-size:.9375rem}
 .btn{min-height:48px}.btn.icon-btn{min-width:44px;min-height:44px}.btn.text-btn{min-height:44px}.actions{gap:10px}.field input,.field select,.field textarea,.invoice-editor input{min-height:48px;font-size:16px;max-width:100%}.field textarea{min-height:112px;line-height:1.5}.field{gap:8px;font-size:.875rem}.form-grid{gap:18px}.form-grid>*{min-width:0}.field input[type=date]{min-width:0;display:block}.form-section p,.form-hint{line-height:1.5}.form-section{margin-top:12px;padding-bottom:14px}
 .stat-grid{gap:12px;margin-bottom:20px}.stat-card{padding:16px 14px;border-radius:12px}.stat-card>div{align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.4}.stat-card>div>span{min-width:0}.stat-card>strong{font-size:clamp(1.125rem,5.4vw,1.625rem);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.25;margin:12px 0 8px;overflow-wrap:anywhere}.stat-card>small{display:block;font-size:.875rem;line-height:1.45}.panel{border-radius:12px}.panel-heading{padding:18px 16px;align-items:center}.panel-heading h2{margin:0;font-size:1.0625rem}.panel-heading .text-link{min-height:44px;flex:none}.overview-grid{gap:20px}.attention>a{margin-inline:16px;gap:12px;min-height:76px}.attention>a>div{min-width:0}.attention strong{font-size:1rem;line-height:1.5}.attention>a>svg{flex:none}.enquiry-cards{gap:12px}.enquiry-card{padding:16px;border-radius:10px}.enquiry-card p{font-size:1rem;line-height:1.5;margin-bottom:14px}.enquiry-card .text-link{font-size:.875rem;min-height:28px}.enquiry-top{margin-bottom:16px}.enquiry-top>small{color:#626d64;white-space:nowrap}
 .records-panel{background:transparent;border:0;overflow:visible}.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.list-toolbar .field,.list-toolbar .field.search-field{width:100%;max-width:none;min-width:0}.list-toolbar .search-field{grid-column:1/-1}.list-toolbar .field select{width:100%;min-height:48px}.list-toolbar>.btn{align-self:end;padding-inline:16px}.list-toolbar>.text-btn{grid-column:1}.list-toolbar .result-count{grid-column:1/-1;padding:0;margin:0;font-size:.875rem}.search-box{width:100%;min-width:0}.search-box input{min-width:0}.records-panel .trash-notice{padding:14px 16px;margin-bottom:12px;border:1px solid #e7d4bb;border-radius:10px}.pagination{gap:12px;flex-wrap:wrap;padding:14px 16px;font-size:.875rem}.pagination>div{gap:8px}.pagination .btn{min-height:44px;padding:8px 12px}.records-panel>.pagination{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.records-panel>.empty{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:36px 20px}
 /* Card presentation preserves table headers and row/cell semantics. */
 .responsive-table{display:block;width:100%;table-layout:fixed}.responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.responsive-table tbody{display:grid;gap:12px;width:100%;padding:0 16px 16px}.responsive-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.responsive-table td,.responsive-table .record-row td{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;border:0;padding:0;font-size:1rem;line-height:1.45}.responsive-table td::before{content:attr(data-label);display:block;font-size:.8125rem;font-weight:500;line-height:1.3;color:#626d64;margin-bottom:5px;letter-spacing:0;text-transform:none}.responsive-table td:first-child{grid-column:1/-1;padding:0 0 12px;border-bottom:1px solid var(--line)}.responsive-table td:first-child::before{display:none}.responsive-table td:first-child b{font-size:1.0625rem}.responsive-table td small{white-space:normal;overflow-wrap:anywhere;font-size:.875rem;line-height:1.45;margin-top:4px}.responsive-table td:nth-child(4):last-child{grid-column:1/-1}.responsive-table .badge{white-space:normal;max-width:100%;line-height:1.4;padding:5px 8px;font-size:.875rem}.responsive-table .record-row:hover td,.responsive-table .record-row:focus-visible td{background:transparent}.responsive-table .record-row:hover{background:#f8faf4}.responsive-table .record-row:focus-visible{outline-offset:2px}.records-panel .responsive-table{margin-top:12px}.records-panel .responsive-table tbody{padding:0}.records-panel .table-scroll,.overview-grid .table-scroll{overflow:visible}.count{font-size:.75rem}
 .demo-banner{gap:12px;padding:8px 16px;font-size:.8125rem;line-height:1.45}.demo-banner>span{max-width:none;flex:1}.demo-banner>button{min-height:44px;flex:none;padding:0 6px;font-size:.8125rem}.demo-banner>span>b{display:block}.demo-banner>span{min-width:0}
 /* Full-height sheets leave one scroll area above the on-screen keyboard. */
 dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;overflow:clip}dialog.wide{width:100%;max-width:none}dialog[open]{display:flex;flex-direction:column}.modal-head{position:sticky;top:0;flex:none;padding:max(12px,env(safe-area-inset-top)) 16px 12px;gap:16px;min-height:68px}.modal-head>div{min-width:0}.modal-head h2{font-size:1.1875rem;line-height:1.4;overflow-wrap:anywhere}.modal-head>.btn{flex:none;margin-right:-8px}.modal-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:20px 16px max(20px,env(safe-area-inset-bottom));scroll-padding-block:20px}.modal-body>*{min-width:0}.modal-body .detail-top{flex-direction:column;gap:16px;margin-bottom:24px}.detail-top>div{min-width:0;max-width:100%}.detail-top h3{font-size:1.375rem;overflow-wrap:anywhere}.detail-top p{overflow-wrap:anywhere}.detail-top .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-top .actions>.btn{white-space:normal;line-height:1.4;padding:10px;min-width:0}.detail-top .actions>.btn:only-child{grid-column:1/-1}.detail-grid{gap:24px}.detail-aside{padding:18px 16px}.detail-aside .actions{display:grid;grid-template-columns:1fr 1fr}.detail-aside .actions>.btn{white-space:normal;line-height:1.4}.key-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;line-height:1.5}.key-values>*{overflow-wrap:anywhere;min-width:0}.form-footer{position:sticky;bottom:-20px;z-index:3;margin:24px -16px -20px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px #17251909;display:grid;grid-template-columns:minmax(84px,1fr) minmax(0,2fr);gap:12px}.form-footer>.btn{white-space:normal;line-height:1.4;min-width:0}.accessory-fields{gap:4px 20px;padding:8px 12px}.accessory-fields label{display:inline-flex;align-items:center;gap:8px;min-height:44px}.accessory-fields input,.confirm-line input{width:20px;height:20px;flex:none}.confirm-line{align-items:flex-start;gap:12px;line-height:1.5}.confirm-line input{margin-top:2px}.customer-connection .actions{display:grid;grid-template-columns:1fr;gap:8px}.customer-connection .btn{width:100%}.delete-area{margin-top:28px;padding-top:20px}.delete-area .btn{width:100%}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.history-row>span{white-space:normal;overflow-wrap:anywhere}.history-row>.btn{white-space:normal;text-align:left;justify-content:flex-start}.history-row>.badge{grid-column:2}.report-lines>div{gap:16px;align-items:start}.report-lines>div>span{min-width:0;overflow-wrap:anywhere}.report-lines>div>b{flex:none}.report-lines small{font-size:.875rem;overflow-wrap:anywhere}
 .inventory-picker{gap:14px}.inventory-picker>.btn{width:100%}.modal-body .responsive-table tbody{padding:0;gap:12px}.modal-body .table-scroll{overflow:visible}.invoice-editor tbody tr{padding:16px;gap:14px}.invoice-editor th:first-child{width:auto}.invoice-editor td input,.invoice-editor td:first-child input{width:100%;min-width:0}.invoice-editor td:first-child{border-bottom:0;padding:0}.invoice-editor td:first-child::before{display:block}.invoice-editor td:nth-child(4):last-child{grid-column:auto}.invoice-editor td.line-total{align-self:center;font-size:1.125rem;font-weight:650;color:var(--ink)}.invoice-editor td:last-child{display:flex;justify-content:flex-end;align-items:center}.invoice-editor td:last-child::before{display:none}.invoice-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.invoice-summary>span{min-width:0;color:#52624f;line-height:1.4}.invoice-summary b{font-size:1.125rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.invoice-summary>span:last-child{color:var(--ink)}
 .preview-toolbar{position:sticky;top:-20px;z-index:3;display:flex;align-items:stretch;gap:12px;background:#fff;margin:-4px -16px 16px;padding:12px 16px;border-bottom:1px solid var(--line)}.preview-toolbar p{font-size:.875rem;line-height:1.5;color:#626d64}.preview-toolbar .actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.preview-toolbar .btn{white-space:normal;font-size:.875rem}.preview-zoom{display:inline-flex}.document-preview{padding:8px;overflow:auto;overscroll-behavior:contain;background:#e8ebe5;border-radius:8px;touch-action:pan-x pan-y pinch-zoom}.document-preview .paper{margin:0 auto 16px;box-shadow:0 2px 8px #0002}
 .settings-panel{padding:20px 16px;border-radius:12px}.settings-panel .form-grid{margin-top:20px}.profile-summary{gap:14px}.profile-summary .avatar-large{width:64px;height:64px;min-width:64px;font-size:1.5rem}.profile-summary strong{font-size:1rem}.profile-summary p{font-size:.9375rem;line-height:1.5}.settings-panel #settings-form>.btn{width:100%}.settings-panel .actions{flex-wrap:wrap}.profile-password>.btn{width:100%}.report-range{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.report-range>.btn{grid-column:1/-1;width:100%}.bar-chart>div{grid-template-columns:55px minmax(0,1fr) minmax(80px,auto);gap:10px}.bar-chart b{font-size:.875rem;overflow-wrap:anywhere}.bar-chart span{font-size:.8125rem}.report-footnote{font-size:.875rem;line-height:1.6}
 .login-showcase,.login-sectors{display:none!important}.login-layout{display:block;background:#fff}.login-story{padding:24px 20px;gap:22px;min-height:0}.login-story h1{font-size:1.5rem;line-height:1.3;margin:0}.login-story .brand img{width:36px;height:36px}.login-panel{padding:28px 20px max(32px,env(safe-area-inset-bottom));display:block}.login-panel>div{width:100%;max-width:440px;margin:auto}.login-panel h2{font-size:1.5rem}.login-panel .field{margin-block:18px}.sample-entry{margin-top:28px;padding-top:16px}.sample-entry .text-btn{white-space:normal;text-align:left;line-height:1.5}.back-site{margin-top:28px;min-height:44px}.boot,.loading{padding:48px 20px}#toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:none;transform:translateY(12px);font-size:.9375rem;line-height:1.5;padding:14px 16px}#toast.show{transform:translateY(0)}
}
@media screen and (max-width:360px){.stat-grid:not(.compact){grid-template-columns:1fr}.stat-card>strong{font-size:1.625rem}.topbar-right{font-size:.75rem}.profile-summary{gap:10px}.profile-summary p{font-size:.875rem}}

@media screen and (max-width:900px){.modal-body :is(input,select,textarea){scroll-margin-block:20px 100px}}