/* Compact working chrome; no field, section, total or action changes position. */
.acc-panel-head{min-height:46px;padding:8px 12px;gap:8px}
.acc-panel-head>:first-child,.acc-modal-head>:first-child{min-width:0}
.acc-panel-head :is(h2,h3),.acc-modal-head h2{overflow-wrap:anywhere;line-height:1.3}
.acc-modal-head,.acc-modal-actions{padding:8px 12px;gap:8px}
.acc-modal-head h2{font-size:18px}
.acc-modal-body{padding:12px;gap:12px}
.acc-document-card,.acc-document-lines{padding:10px;gap:8px}
.acc-document-fields{gap:10px 12px}
.acc-document-fields-simple{padding:0}
.acc-document-editor .acc-section-title{margin:0}
.acc-modal .sys-form-tabs{padding-bottom:6px;margin-bottom:8px}
.acc-modal .sys-form-tabs [role=tab]{min-height:34px;padding:6px 10px}
@media(max-width:600px){
 .acc-modal-head,.acc-modal-actions{padding:8px 10px;flex-wrap:wrap}
 .acc-modal-head>:first-child{flex:1 1 160px}
 .acc-modal-head>button,.acc-modal-actions>button,.acc-modal .sys-form-tabs [role=tab]{min-height:44px}
 .acc-modal-head>button,.acc-modal-actions>button{min-width:44px}
 .acc-modal-body{padding:10px;gap:10px}
 .acc-document-card,.acc-document-lines{padding:8px}
}
.acc-document-editor .acc-modal-head .acc-eyebrow{display:none}
@layer sysimple-actions {
 @media(max-width:600px){
  body[data-theme] .acc-modal :is(.acc-modal-head,.acc-modal-actions)>button{min-height:44px!important;min-width:44px!important}
 }
}
@layer sysimple-actions {
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] .acc-modal :is(.acc-modal-head,.acc-modal-actions)>button.btn[type][data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}

/* Daily work: compact headings and aligned form groups without extra navigation. */
#purchaseWorkspace [data-detail]>.acc-panel-head{padding:6px 0;min-height:40px}
#recurringWorkspace .acc-panel-head{padding:6px 10px;min-height:40px}
.acc-view[data-view-panel="settings"] .acc-panel-head .acc-eyebrow{font-size:10px;line-height:1.2;margin-bottom:2px}
.acc-view[data-view-panel="settings"] .acc-panel-head p{margin:2px 0 0}
#purchaseWorkspace .acc-purchase-fields{gap:10px 12px;margin:10px 0}
#recurringWorkspace .acc-recurring-form{max-width:960px}
#recurringWorkspace .acc-recurring-options{display:grid;gap:8px;margin:12px 0}
@layer sysimple-actions {
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] :is(#purchaseWorkspace,#recurringWorkspace,.acc-view[data-view-panel="settings"]) button.btn[type][data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}

.acc-view[data-view-panel="settings"] .acc-panel-head{padding:8px 12px;min-height:46px}
.acc-view[data-view-panel="settings"] :is(.acc-settings-form,.acc-tax-profile-settings,.acc-payment-settings){padding:12px;gap:10px}
#recurringWorkspace>.acc-list-toolbar{padding:8px 12px}

/* Shared button styling must not reveal inactive layout handles over Save. */
@layer sysimple-actions {
 body[data-theme]:not(.acc-layout-edit) button.acc-drag-handle{display:none!important}
}
body.acc-layout-edit [data-layout-item]>.acc-panel-head{padding-right:58px}

@media(max-width:680px){
 #paymentSettings :is(.acc-payment-settings-grid,.acc-provider-grid){grid-template-columns:minmax(0,1fr)}
 #paymentSettings .acc-provider-card{grid-template-columns:auto 32px minmax(0,1fr) auto;gap:8px}
 #paymentSettings .acc-provider-card>span{min-width:0;overflow-wrap:anywhere}
}

/* Cash management: retain command order and leave business choices explicit. */
#bankWorkspace>.acc-panel-head,.acc-view[data-view-panel="payments"] .acc-panel-head{padding:8px 12px;min-height:46px}
#bankWorkspace :is(.acc-supplier-fields,.bank-balances){gap:10px 12px;padding:10px 0}
#bankWorkspace :is(.bank-summary,.bank-selection,.bank-confirm){gap:10px;padding:10px}
#bankWorkspace>.acc-panel-head h3,#creditWorkspace .journal-toolbar h3{margin:0;font-size:14px;line-height:1.3}
#creditWorkspace .journal-toolbar{padding:8px 12px;gap:8px;align-items:center}
#creditWorkspace .journal-fields{padding:10px 0;gap:10px 12px}
#creditWorkspace [data-actions]:empty{display:none}
@layer sysimple-actions{
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] :is(#bankWorkspace,#creditWorkspace,.acc-view[data-view-panel="payments"]) button[data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}


#bankWorkspace .acc-list-toolbar label:has(>input[type="checkbox"]){display:inline-flex;align-items:center;gap:6px}

#creditWorkspace .acc-credit-refund-form .journal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){#creditWorkspace .acc-credit-refund-form .journal-fields{grid-template-columns:minmax(0,1fr)}}

/* Journals and planning share the same compact working chrome. */
#journalWorkspace .journal-toolbar{padding:8px 12px;gap:8px;align-items:center}
#journalWorkspace .journal-toolbar h3{margin:0;line-height:1.3}
#journalWorkspace .journal-fields{padding:10px 0;gap:10px 12px}
#journalWorkspace .journal-confirm{padding:10px 12px;margin:10px 0}
.acc-view[data-view-panel="budgets"] .acc-panel-head{min-height:46px;padding:8px 12px}
.acc-view[data-view-panel="commitments"]>.acc-list-toolbar{padding:8px 12px}
.acc-modal-compact-head .acc-modal-head .acc-eyebrow{display:none}
.acc-modal-compact-head .acc-modal-head{min-height:50px}
@layer sysimple-actions{
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] :is(#journalWorkspace,.acc-view[data-view-panel="budgets"],.acc-view[data-view-panel="commitments"]) button[data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}

/* Reports and integrations: compact chrome without hiding context or totals. */
#reportFilters{padding:10px 12px;gap:8px}
#reportContent{padding:12px}
#reportContent>.acc-report-meta{margin:4px 0 8px}
#reportContent .acc-report-totals{margin:10px 0;gap:0 16px}
#reportContent .acc-report-totals>div{padding:8px 0;gap:4px}
.acc-view[data-view-panel="exports"] .acc-panel-head{min-height:46px;padding:8px 12px}
.acc-view[data-view-panel="exports"] .acc-export-options{padding:12px;gap:8px}
.acc-view[data-view-panel="exports"] .acc-export-card{min-height:96px;padding:10px;gap:6px}
#postingBoard .acc-posting-card{padding:10px 12px;gap:6px;min-width:0;overflow-wrap:anywhere}
#postingBoard .acc-posting-map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
@layer sysimple-actions{
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] :is(#reportFilters,#reportContent,.acc-view[data-view-panel="exports"]) button{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}

/* Chart of accounts, inventory and orders retain their existing command slots. */
.acc-view[data-view-panel="accounts"]>.acc-list-toolbar{padding:8px 12px}
#inventoryWorkspace>.inv-toolbar h2{font-size:14px;line-height:1.3;flex:1 1 180px;margin:0}
#inventoryWorkspace :is(.inv-toolbar,.inv-tabs,.inv-table){margin-bottom:10px}
#inventoryWorkspace .inv-panel,#inventoryWorkspace .inv-confirm{padding:10px 12px;margin-bottom:10px}
#inventoryWorkspace .inv-grid{gap:10px 12px;margin-bottom:10px}
#inventoryWorkspace h3{margin-bottom:8px}
#inventoryWorkspace .inv-kpis{gap:10px;margin-bottom:10px}
#inventoryWorkspace .inv-kpi{padding:8px 12px}
#inventoryWorkspace .inv-kpi strong{margin-top:4px;font-size:20px}
@layer sysimple-actions{
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] :is(#inventoryWorkspace,.acc-view[data-view-panel="accounts"]) button[data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
 }
}

@media(max-width:600px){
 #inventoryWorkspace .inv-toolbar>:is([data-query],[data-filter]){flex:1 1 100%;width:100%}
}

/* Nonprofit: compact headings and consistent commands, preserving fiscal notices. */
#nonprofitWorkspace>.np-toolbar h2{font-size:14px;line-height:1.3}
#nonprofitWorkspace .np-toolbar{padding:8px 12px;gap:8px}
#nonprofitWorkspace .np-toolbar h3{margin:0;line-height:1.3}
#nonprofitWorkspace .np-fields{gap:10px 12px;padding:10px 0}
#nonprofitWorkspace [data-body]{padding:10px 0}
#nonprofitWorkspace .np-confirm{padding:10px 12px}
#nonprofitWorkspace .np-source{margin-bottom:10px}
@layer sysimple-actions{
 @media(max-width:600px){
  html[data-brand-active] body[data-theme] #nonprofitWorkspace button[data-module-command]{min-height:max(44px,var(--brand-buttonHeight,34px))!important;min-width:max(44px,var(--brand-buttonHeight,34px))!important}
  html[data-brand-active] body[data-theme] #nonprofitWorkspace .np-tabs button{min-height:44px!important}
 }
}
@media(max-width:600px){#nonprofitWorkspace .np-toolbar>[data-query]{flex:1 1 100%;width:100%}}
@media(max-width:600px){#nonprofitWorkspace label.np-check{min-height:44px;align-items:center}}