@media screen {
 .financial-summary{display:flex;flex-wrap:wrap;gap:20px 36px;margin:24px 0;padding:18px 0;border-block:1px solid var(--line)}
 .financial-summary>div{flex:1 1 180px;min-width:0}
 .financial-summary dt{color:var(--muted);font-size:13px;line-height:1.5}
 .financial-summary dd{margin:5px 0 0;font-size:22px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .financial-link-text{display:block;min-width:220px;max-width:360px;white-space:normal;overflow-wrap:anywhere}
 #expense-register-filters,#commission-filters{align-items:end}
 #expense-allocation-rows{margin-top:16px}
 #expense-allocation-rows label{min-width:0;overflow-wrap:anywhere}
 .profitability-ranking ol{padding:0;list-style-position:inside;max-width:76ch}
 .profitability-ranking li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
 .profitability-ranking li span{overflow-wrap:anywhere;min-width:0}
 .profitability-ranking li strong{white-space:nowrap;font-variant-numeric:tabular-nums}
 #profitability-filters{align-items:end}
 .profitability-chart{display:grid;gap:16px;margin:20px 0}
 .profitability-chart-row{display:grid;grid-template-columns:85px minmax(50px,1fr) minmax(140px,auto);gap:16px;align-items:center;font-variant-numeric:tabular-nums}
 .profitability-chart-row>div{background:var(--surface-alt);border:1px solid var(--line);border-radius:4px;overflow:hidden;height:14px}
 .profitability-chart-row i{display:block;min-height:14px;background:var(--brand,var(--slap-accent))}
 .profitability-chart-row i.negative{background:var(--danger,#b42318)}
 .profitability-chart-row strong{overflow-wrap:anywhere}
 @media(max-width:640px){.profitability-chart-row{grid-template-columns:65px minmax(0,1fr);gap:10px}.profitability-chart-row strong{grid-column:2}.profitability-ranking li{flex-wrap:wrap;gap:6px}}
 @media(max-width:640px){.financial-summary{gap:16px}.financial-summary>div{flex-basis:calc(50% - 16px)}.financial-summary dd{font-size:20px}}
}

.operation-photos{display:flex;gap:var(--space-3,12px);flex-wrap:wrap}.operation-photos img{width:120px;height:90px;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm,6px)}.operation-history{margin-block:24px}.operation-history details{padding:12px;border-bottom:1px solid var(--border)}

.audit-context{white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm,6px)}

.help-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;margin-block:20px}.help-layout nav{display:flex;flex-direction:column;gap:6px;align-items:stretch}.help-layout nav button{text-align:start;white-space:normal}.help-layout article{margin:0}.help-layout li{margin-block:8px}.help-layout h3{margin-block-start:24px}#help-search-form{display:flex;align-items:end;gap:12px}#help-search-form label{flex:1;max-width:600px}#contextual-help{margin-inline-start:auto}@media(max-width:767px){.help-layout{grid-template-columns:1fr}.help-layout nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.help-layout nav button{overflow-wrap:anywhere}#help-search-form{flex-wrap:wrap}}

/* Keep the compact desktop menu readable without a horizontal scrollbar. */
@media(min-width:801px){.shell.ui-platform.hd-collapsed .sidebar{overflow-x:hidden}.shell.ui-platform.hd-collapsed .sidebar .nav-group{min-width:0}.shell.ui-platform.hd-collapsed .sidebar .nav-group summary{font-size:0;letter-spacing:0;min-height:28px;padding:6px;justify-content:center;max-width:100%;overflow:hidden}.shell.ui-platform.hd-collapsed .sidebar .nav-group summary::after{font-size:12px;line-height:1;margin:0}}