:root{font-family:Tahoma,Arial,sans-serif;color:#19312c;background:#f5f7f4;--page:#f5f7f4;--card:#fff;--raised:#fff;--text:#19312c;--muted:#526b62;--border:#d9e5dd;--brand:#176b58;--brand-ink:#153c36;--brand-soft:#edf7f1;--warning-bg:#fff5df;--warning-ink:#79511c;--warning-border:#ead6a6;--danger:#a63724;--input:#fff}
*{box-sizing:border-box}
body{margin:0;background:#f5f7f4;color:#19312c}
a{color:#176455;text-decoration:none}
.app-shell{min-height:100vh}
.app-header{height:72px;background:#fff;border-bottom:1px solid #e0e9e3;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1120px)/2))}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:#153c36}
.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#153c36;color:#fff;font-size:32px;font-weight:800}
.small-mark{width:37px;height:37px;border-radius:11px;font-size:22px}
.app-header nav{display:flex;gap:22px;flex:1}
.app-header nav a{color:#48655c;font-weight:600}
.app-header nav a.active{color:#153c36}
.app-header form{margin:0}
.header-more{position:relative;margin-inline-start:auto;z-index:30}
.header-more summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:7px;font-weight:700;color:var(--brand-ink)}
.header-more summary::-webkit-details-marker{display:none}
.more-menu{position:absolute;inset-inline-end:0;top:100%;min-width:205px;background:var(--raised);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #102f2330;padding:8px;display:grid;gap:2px}
.more-menu a,.more-menu button{display:block;width:100%;text-align:start;padding:11px 12px;color:var(--text);border-radius:8px;font-weight:600}
.more-menu a:hover,.more-menu button:hover{background:var(--brand-soft)}
.bottom-nav{display:none}
.connection-banner{position:sticky;top:0;z-index:35;text-align:center;padding:10px 16px;background:var(--warning-bg);color:var(--warning-ink);border-bottom:1px solid var(--warning-border);font-weight:700}
.connection-banner[hidden]{display:none}
.startup-banner{text-align:center;padding:10px 16px;background:var(--brand-soft);color:var(--brand-ink);font-weight:700}
html.app-ready .startup-banner{display:none}
html:not(.app-ready) .main-content button,html:not(.app-ready) .main-content select{pointer-events:none;opacity:.55}
html:not(.app-ready) .login-wrap button{pointer-events:auto;opacity:1}
html.circuit-disconnected .main-content button,html.network-offline .main-content button{pointer-events:none;opacity:.55}
h1:focus{outline:0}
.text-button{background:none;border:0;color:#48655c;font:inherit;cursor:pointer}
.text-button:disabled{opacity:.45;cursor:not-allowed}
.danger-text{color:#a63724;font-weight:700}
.button.danger{border-color:#a63724;background:#a63724;color:#fff}
.button-row{display:flex;gap:10px;flex-wrap:wrap}
.cancelled-panel summary{padding:18px 22px;cursor:pointer;font-weight:700}
.main-content{max-width:1120px;margin:0 auto;padding:38px 24px 72px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
h1{font-size:32px;line-height:1.25;margin:0 0 8px;font-weight:800}
h2{font-size:21px;margin:0 0 8px}
.eyebrow{font-size:13px;letter-spacing:.04em;color:#17806a;font-weight:800;margin:0 0 9px}
.muted{color:var(--muted);margin:0}
.small{font-size:13px}
.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 34px rgba(18,59,44,.04)}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9d1c6;border-radius:10px;background:#fff;color:#153c36;padding:11px 20px;font-weight:700;font:inherit;cursor:pointer;white-space:nowrap}
.button.primary{background:#176b58;border-color:#176b58;color:#fff}
.button:disabled{opacity:.6;cursor:wait}
.text-link{font-weight:700}
.login-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center}
.login-card{width:min(100%,440px);padding:34px}
.login-card .brand-mark{margin-bottom:24px}
.login-card h1{font-size:29px}
.form-stack{display:grid;gap:10px;margin-top:28px}
label{font-weight:700;font-size:14px;margin-bottom:2px}
input:not([type=checkbox]),select{width:100%;min-height:46px;border:1px solid #c9d9d0;border-radius:9px;padding:10px 12px;background:#fff;color:#19312c;font:inherit;outline:none}
input:focus,select:focus{border-color:#17806a;box-shadow:0 0 0 3px rgba(23,128,106,.12)}
input[type=number]{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.form-stack .button{margin-top:12px}
.form-panel{padding:28px;max-width:780px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.form-grid>div{display:grid;gap:8px}
.check-row{display:flex;align-items:center;gap:9px;margin:25px 0 16px;cursor:pointer}
.check-row input{width:18px;height:18px;accent-color:#176b58}
.form-panel .button{margin-top:24px}
.alert{padding:12px 16px;border-radius:9px;background:#fff2ee;color:#9a3e2b;border:1px solid #ffd0c2;margin:18px 0}
.validation-message{color:#a63724;font-size:13px}
.table-wrap{overflow-x:auto}
.list-pager{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;color:#48655c;font-size:14px}
.list-pager .button-row{align-items:center}
.list-pager .button{padding:8px 14px}
.inline-table .button-row{align-items:center}
.inline-row td{background:#f5faf7;padding:22px}
.inline-row form{display:grid;gap:12px;max-width:760px}
.inline-row .button-row{margin-top:4px}
.inline-row .button{min-height:42px}
.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.inline-fields>div{display:grid;gap:7px}
table{border-collapse:collapse;width:100%;min-width:650px}
th,td{text-align:right;padding:15px 18px;border-bottom:1px solid #edf1ee}
th{font-size:13px;color:#627a70;background:#fafcfa}
tr:last-child td{border-bottom:0}
.code{direction:ltr;text-align:right;font-weight:700}
.empty-state{text-align:center;padding:65px 20px}
.section-gap{margin-top:24px}
.balance-card{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.balance-card strong{font-size:28px;color:#176b58}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.summary-grid .balance-card{text-decoration:none;min-width:0}
.balance-card{align-items:flex-start;flex-direction:column;gap:7px}
.balance-card strong{font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr;text-align:right;max-width:100%;overflow-wrap:anywhere}
.period-tabs{display:flex;gap:6px;flex-wrap:wrap}
.period-tabs button{min-height:44px;padding:8px 13px}
.period-tabs+.summary-grid,.custom-period+.summary-grid{margin-top:16px}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quick-actions a{min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-weight:800}
.onboarding-panel{max-width:680px}
.setup-icon{margin-bottom:1rem}
.setup-icon img{border-radius:20px;box-shadow:0 8px 24px rgba(10,45,38,.15)}
body:has(.setup-flow) .bottom-nav,body:has(.setup-flow) .desktop-nav,body:has(.setup-flow) .header-more{display:none}
.mode-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px}
.mode-choices .button{margin-top:0;white-space:normal;text-align:center;min-height:58px}
.bottom-nav.ledger-nav{grid-template-columns:repeat(4,1fr)}
.settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.settings-links a{padding:18px;display:flex;justify-content:space-between;align-items:center;color:var(--text);font-weight:700;min-height:60px}
.settings-links a span{font-size:25px;color:var(--brand)}
.warning-banner{padding:14px 16px;border-radius:12px;background:var(--warning-bg);color:var(--warning-ink);border:1px solid var(--warning-border);display:grid;gap:8px}
.warning-banner a{color:inherit;font-weight:800;text-decoration:underline}
.custom-period{padding:16px;display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.custom-period>div{min-width:135px;flex:1;display:grid;gap:6px}
.custom-period .button{min-height:46px}
.expense-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.expense-summary .panel{padding:12px;display:grid;gap:6px}
.expense-summary strong{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:right;font-size:clamp(14px,3.6vw,21px)}
#expense,#expenses,#cash-movements,#sell-materials,#customer-actions{scroll-margin-top:90px}
.skeleton{min-height:92px;background:linear-gradient(100deg,var(--card),var(--brand-soft),var(--card));background-size:200% 100%;animation:shimmer 1.4s infinite}
@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:650px){
  .app-header{height:58px;min-height:58px;padding:6px 16px;flex-wrap:nowrap}
  .app-header .brand{font-size:19px}
  .app-header .small-mark{width:31px;height:31px;font-size:18px}
  .app-header .desktop-nav{display:none}
  .app-header .header-more{margin-inline-start:auto}
  .header-more summary span{display:none}
  .main-content{padding:22px 16px calc(108px + env(safe-area-inset-bottom))}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--raised);border-top:1px solid var(--border);padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #102f2312}
  .bottom-nav a{min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;font-weight:700;border-radius:10px}
  .bottom-nav a span{font-size:21px;line-height:1}
  .bottom-nav a.active{background:var(--brand-soft);color:var(--brand-ink)}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summary-grid .balance-card{padding:16px;min-height:108px}
  .summary-grid .balance-card strong{font-size:clamp(18px,5vw,24px)}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-links{grid-template-columns:1fr}
}
@media(max-width:370px){.summary-grid .balance-card{padding:12px}.summary-grid .balance-card strong{font-size:17px}}
:root[data-theme=dark]{--page:#15231f;--card:#20312a;--raised:#263a31;--text:#ebf3ec;--muted:#b8cbbd;--border:#405b4c;--brand:#82d2aa;--brand-ink:#d5f7df;--brand-soft:#30483a;--warning-bg:#49391f;--warning-ink:#ffe0a4;--warning-border:#76572a;--danger:#ff9a83;--input:#263a31}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#15231f;--card:#20312a;--raised:#263a31;--text:#ebf3ec;--muted:#b8cbbd;--border:#405b4c;--brand:#82d2aa;--brand-ink:#d5f7df;--brand-soft:#30483a;--warning-bg:#49391f;--warning-ink:#ffe0a4;--warning-border:#76572a;--danger:#ff9a83;--input:#263a31}}
html,body{background:var(--page);color:var(--text)}
a{color:var(--brand)}
.app-header{background:var(--raised);border-color:var(--border)}
.brand,.app-header nav a.active,.header-more summary{color:var(--brand-ink)}
.app-header nav a,.text-button{color:var(--muted)}
.brand-mark{background:#153c36;color:#fff}
.button{background:var(--raised);color:var(--brand-ink);border-color:var(--border)}
.button.primary{background:#176b58;border-color:#176b58;color:#fff}
.button.danger{background:#a63724;color:#fff}
input:not([type=checkbox]),select{background:var(--input);color:var(--text);border-color:var(--border)}
.balance-card strong{color:var(--text)}
.eyebrow{color:var(--brand)}
.alert{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-border)}
.danger-text,.validation-message{color:var(--danger)}
th{background:var(--brand-soft);color:var(--muted)}
th,td{border-color:var(--border)}
.inline-row td{background:var(--brand-soft)}
.code{color:var(--text)}
@media(max-width:650px){.mobile-lines tbody tr,.inline-table tbody>tr:not(.inline-row){border-color:var(--border)}}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;align-items:start}
.action-grid .form-panel{padding:22px}
.action-grid form{display:grid;gap:8px;margin-top:18px}
.action-grid form .button{margin-top:12px}
.account-switch{display:flex;gap:8px;flex-wrap:wrap}
.account-switch a,.account-switch button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.account-switch .active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}
.compact-search{max-width:780px;padding:18px 20px;box-shadow:none}
.compact-search form{display:grid;gap:8px}
.compact-search .button-row{margin-top:3px}
.live-search-wrap{padding:0;border:0;background:transparent;box-shadow:none}
.live-search-field{position:relative}
.live-search-field input{width:100%;padding-inline-end:48px}
.live-search-field button{position:absolute;inset-inline-end:4px;top:4px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:23px;cursor:pointer}
.live-search-field button:hover{color:var(--text)}
.accounts-page-head{margin-bottom:12px}
.accounts-page-head .muted{margin-bottom:0}
.home-page-head{margin-bottom:16px}
.home-greeting{margin:0 0 3px}
.period-help{font-size:13px;color:var(--muted)}
.period-help summary{cursor:pointer;color:var(--brand);font-weight:700}
.period-help p{margin:8px 0 0}
.settings-extra>summary{cursor:pointer;color:var(--brand);font-weight:700}
.cash-extra-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cash-extra-actions>details{padding:12px 14px}
.cash-extra-actions>details summary{cursor:pointer;color:var(--brand);font-weight:700}
.cash-extra-actions>details[open]{grid-column:1/-1}
.sale-customer-picker{max-width:780px;padding:20px;box-shadow:none}
.sale-customer-picker>label{display:block;margin-bottom:10px}
.sale-customer-options{margin-top:10px;border:1px solid var(--border);border-radius:11px;overflow:hidden}
.sale-customer-option{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:11px 14px;color:var(--text);border-bottom:1px solid var(--border)}
.sale-customer-option:last-of-type{border-bottom:0}
.sale-customer-option:hover,.sale-customer-option:focus-visible{background:var(--brand-soft);outline:none}
.sale-customer-option strong,.sale-customer-option small{display:block}
.sale-customer-option small{margin-top:3px;color:var(--muted)}
.sale-picker-message{margin-top:10px}
.sale-picker-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.sale-picker-empty p{margin:0}
.quick-customer-form{max-width:780px;padding:20px;box-shadow:none}
.quick-customer-form form{display:grid;gap:9px}
.quick-customer-form .button-row{margin-top:10px}
.disclosure-form{max-width:780px;box-shadow:none}
.disclosure-form>summary{padding:17px 20px;cursor:pointer;font-weight:800;list-style:none}
.disclosure-form>summary::-webkit-details-marker{display:none}
.disclosure-body{padding:0 20px 20px}
.disclosure-body form,.inline-card-form form{display:grid;gap:9px}
.disclosure-body form .button{justify-self:start;margin-top:8px}
.record-list{display:grid;gap:10px}
.record-card{padding:18px 20px;box-shadow:none;min-width:0}
.clickable-record{position:relative}
.record-card-click-target{position:absolute;inset:0;z-index:1;border-radius:inherit}
.record-card-click-target:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.clickable-record:hover{border-color:var(--brand)}
.clickable-record .record-actions,.clickable-record .inline-card-form{position:relative;z-index:2}
.record-card h2{font-size:18px;margin:0 0 5px;overflow-wrap:anywhere}
.record-card-head{display:flex;justify-content:space-between;align-items:start;gap:14px}
.record-card-head>div{min-width:0}
.record-amount{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr;text-align:right}
.record-meta{display:flex;flex-wrap:wrap;gap:5px 16px;color:var(--muted);font-size:13px;margin-top:10px}
.record-actions{border-top:1px solid var(--border);padding-top:12px;margin-top:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.record-actions .text-button,.record-actions .text-link{font-size:14px;font-weight:800;padding:0}
.inline-card-form{background:var(--brand-soft);border-radius:12px;padding:16px;margin-top:14px}
.inline-card-form .button{min-height:42px}
.line-list{display:grid;gap:8px}
.line-card{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);min-width:0}
.line-card:last-child{border-bottom:0}
.line-card>div{display:grid;gap:5px;min-width:0}
.line-card strong{overflow-wrap:anywhere}
.line-card>div:last-child{text-align:left}
.line-card .text-button{justify-self:end}
.customer-page-head{margin-bottom:14px}
.customer-page-head h1{margin-bottom:5px}
.customer-contact-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.customer-contact-edit{position:relative}
.customer-contact-edit summary{cursor:pointer;color:var(--brand);font-weight:700;list-style:none}
.customer-contact-edit summary::-webkit-details-marker{display:none}
.customer-contact-body{position:absolute;inset-inline-start:0;top:calc(100% + 8px);z-index:15;width:min(350px,calc(100vw - 32px));padding:16px;display:grid;gap:14px}
.customer-contact-body form{display:grid;gap:8px}
.customer-contact-body .button{justify-self:start}
.customer-balance{max-width:780px;background:var(--brand-soft);box-shadow:none;padding:18px 20px;gap:5px}
.customer-balance strong{font-size:clamp(25px,6vw,36px)}
.customer-action-tabs{display:flex;flex-wrap:wrap;gap:9px;scroll-margin-top:90px;margin-top:12px}
.customer-action-tabs .button{min-height:46px}
.customer-action-tabs .button.quiet{font-weight:600;color:var(--muted)}
.customer-action-forms .form-panel{max-width:780px}
.customer-action-forms form{display:grid;gap:8px;margin-top:16px}
.customer-action-forms form .button{justify-self:start;margin-top:12px}
.material-picker{display:grid;gap:9px;margin-top:18px}
.material-search-field{position:relative}
.material-search-field input{padding-inline-end:48px}
.material-search-field button{position:absolute;inset-inline-end:5px;top:4px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:23px;cursor:pointer}
.material-options{border:1px solid var(--border);border-radius:11px;overflow:hidden}
.material-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:10px 14px;border:0;border-bottom:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;text-align:start;cursor:pointer}
.material-option:last-of-type{border-bottom:0}
.material-option:hover,.material-option:focus-visible{background:var(--brand-soft);outline:none}
.material-option:disabled{opacity:.55;cursor:not-allowed}
.material-option span{font-size:13px;color:var(--muted)}
.material-options>p{padding:10px 14px}
.selected-material{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--brand-soft)}
.selected-material .text-button{margin-inline-start:auto;font-weight:700}
.activity-section-head{margin-top:18px;margin-bottom:10px}
.activity-section-head h2{margin-bottom:2px}
.activity-section-head .button{padding:8px 12px;font-size:13px}
.statement-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.sale-catalog-card{font:inherit;color:var(--text);cursor:pointer;text-align:start;min-width:0}
.sale-catalog-card h3{font-size:15px;margin:0;overflow-wrap:anywhere}
.sale-catalog-card:disabled{opacity:.55;cursor:default}
.sale-catalog-card:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.sale-catalog-picker{margin-top:16px}
.catalog-sale-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;font-weight:700}
.account-statement-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.account-share-menu{position:relative}
.account-share-menu>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;color:var(--brand);font-weight:600}
.account-share-menu>summary::-webkit-details-marker{display:none}
.account-share-menu>summary::after{content:'⌄';margin-inline-start:8px}
.account-share-options{position:absolute;inset-inline-end:0;top:100%;z-index:15;width:220px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--raised);box-shadow:0 8px 24px #102f2320;display:grid}
.account-share-options .button{width:100%;text-align:center}
.statement-shell .main-content{max-width:800px;padding-bottom:32px}
.statement-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px}
.statement-sheet{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}
.statement-heading h1{margin-bottom:8px;overflow-wrap:anywhere}
.statement-heading .small{margin-bottom:16px}
.statement-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-block:1px solid var(--border)}
.statement-balances>div{display:grid;gap:6px;min-width:0}
.statement-balances span,.statement-row-meta{color:var(--muted);font-size:12px}
.statement-balances strong,.statement-total strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.statement-rows{list-style:none;padding:0;margin:0}
.statement-row{padding:14px 0;border-bottom:1px solid var(--border)}
.statement-row-head{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:14px}
.statement-row-head>strong:first-child{overflow-wrap:anywhere;min-width:0}
.statement-row-meta{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:7px}
.statement-detail,.statement-note{margin:7px 0 0;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}
.statement-detail{color:var(--muted)}
.statement-total{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:18px;font-size:14px}
.statement-empty{padding:20px 0}
@media(max-width:650px){.statement-sheet{padding:16px}.statement-row-meta{display:grid;gap:4px}.statement-row{padding:12px 0}}
@media print{.statement-shell .app-header,.statement-back,.statement-shell .connection-banner{display:none!important}.statement-shell .main-content{padding:0;max-width:none}.statement-sheet{border:0;border-radius:0;padding:0}.statement-row{break-inside:avoid}}
.statement-share-status:not(:empty){flex-basis:100%;text-align:end}
.activity-list{display:grid;gap:10px}
.activity-card{padding:17px 20px;box-shadow:none}
.activity-head,.activity-foot{display:flex;align-items:start;justify-content:space-between;gap:12px}
.activity-head>div{display:grid;gap:5px;min-width:0}
.activity-head strong,.activity-note{overflow-wrap:anywhere}
.activity-amount{white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr;text-align:right}
.activity-note{margin:12px 0 0;padding:11px 13px;border-radius:9px;background:var(--brand-soft);white-space:pre-wrap}
.activity-note span{font-weight:700}
.activity-detail{margin:10px 0 0;overflow-wrap:anywhere}
.activity-foot{align-items:center;border-top:1px solid var(--border);margin-top:12px;padding-top:9px;flex-wrap:wrap}
.activity-menu{position:relative;margin-inline-start:auto}
.activity-menu summary{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;cursor:pointer;list-style:none;color:var(--muted);font-size:24px;line-height:1}
.activity-menu summary::-webkit-details-marker{display:none}
.activity-menu summary:hover,.activity-menu[open] summary{background:var(--brand-soft)}
.activity-menu-content{position:absolute;inset-inline-end:0;top:100%;z-index:12;min-width:155px;padding:6px;background:var(--raised);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #102f2330}
.activity-menu-content button,.activity-menu-content span{display:block;width:100%;padding:9px 10px;border:0;background:none;color:var(--text);font:inherit;text-align:start;cursor:pointer}
.activity-menu-content button:hover{background:var(--brand-soft)}
.activity-menu-content .danger-text{color:var(--danger)}
.activity-correction{max-width:780px;padding:18px 20px}
.activity-correction form{display:grid;gap:8px;margin-top:14px}
#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff2d8;padding:12px 20px}
#blazor-error-ui .dismiss{cursor:pointer;float:left}
@media(max-width:650px){.app-header{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}.app-header nav{order:3;flex-basis:100%;gap:18px;overflow-x:auto;border-top:1px solid #e0e9e3;padding-top:10px}.app-header nav a{font-size:13px}.app-header form{margin-inline-start:auto}.main-content{padding:28px 16px calc(108px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start}.page-head .button{font-size:13px;padding:10px}.form-grid,.inline-fields{grid-template-columns:1fr}.login-card{padding:26px}}
@media(max-width:650px){
  .record-card{padding:15px}
  .record-list{gap:8px}
  .record-actions{margin-top:9px;padding-top:9px}
  .cash-extra-actions{grid-template-columns:1fr 1fr}
  .record-card-head{gap:10px}
  .record-card h2{font-size:16px}
  .record-amount{font-size:15px;white-space:normal;overflow-wrap:anywhere}
  .line-card strong{font-size:14px}
  .account-switch>*{flex:1}
  .compact-search{padding:16px}
  .customer-action-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-action-tabs .button{padding:10px 8px;white-space:normal;text-align:center}
  .customer-balance{padding:16px}
  .activity-section-head{align-items:center}
  .material-option{align-items:flex-start;flex-direction:column;gap:3px}
  .activity-card{padding:15px}
  .activity-head{align-items:start}
  .activity-head strong{font-size:14px}
  .activity-amount{font-size:15px}
  .mobile-lines{min-width:0}
  .mobile-lines thead{display:none}
  .mobile-lines tbody{display:block}
  .mobile-lines tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 6px;border-bottom:1px solid #edf1ee}
  .mobile-lines tbody tr:last-child{border-bottom:0}
  .mobile-lines tbody td{display:block;border:0;padding:7px 4px;min-width:0}
  .mobile-lines tbody td:first-child,.mobile-lines tbody td:last-child{grid-column:1/-1}
  .mobile-lines tbody td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:#627a70}
  .inline-table{min-width:0}
  .inline-table thead{display:none}
  .inline-table tbody{display:block}
  .inline-table tbody>tr:not(.inline-row){display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #edf1ee;padding:10px 12px}
  .inline-table tbody>tr:not(.inline-row)>td{display:block;border:0;padding:7px 5px;min-width:0}
  .inline-table tbody>tr:not(.inline-row)>td:first-child,.inline-table tbody>tr:not(.inline-row)>td:last-child{grid-column:1/-1}
  .inline-table tbody>tr:not(.inline-row)>td:not(:last-child)::before{content:attr(data-label) ": ";font-weight:700;color:#627a70}
  .inline-table tbody>tr.inline-row,.inline-table tbody>tr.inline-row>td{display:block;width:100%}
  .inline-table tbody>tr.inline-row>td{padding:18px}
}
.password-control { position: relative; }
.password-control input { width: 100%; padding-inline-end: 3.3rem; }
.password-visibility { position: absolute; inset-inline-end: .35rem; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 0; background: transparent; color: inherit; cursor: pointer; }
.password-visibility:focus-visible { outline: 2px solid currentColor; border-radius: .4rem; }
.material-title { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.material-thumb { width: 3.2rem; height: 3.2rem; flex: none; object-fit: cover; border-radius: .65rem; background: #edf2ee; }
.material-view-tabs{display:flex;gap:8px;flex-wrap:wrap}
.material-category-filter{max-width:360px;display:grid;gap:6px}
.material-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}
.catalog-card{min-width:0;padding:0;overflow:hidden;box-shadow:none}
@media(min-width:651px) and (max-width:1100px){.app-header{height:auto;min-height:72px;flex-wrap:wrap;gap:16px;padding:12px 24px}.app-header .desktop-nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:12px 20px}.app-header .header-more{margin-inline-start:auto}}
.catalog-photo{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--brand-soft)}
.catalog-photo-empty{display:grid;place-items:center;color:var(--brand);font-size:3rem;font-weight:800}
.catalog-details{display:grid;gap:4px;padding:12px 14px 15px;overflow-wrap:anywhere}
.catalog-details h2{margin:0;font-size:16px;line-height:1.35}
.catalog-details span,.catalog-details small{color:var(--muted)}
@media(max-width:520px){.material-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-details{padding:10px}.catalog-details h2{font-size:15px}}