.monthly-plots>section{min-width:0}.monthly-plots .tv-chart{max-width:100%;min-width:0}.monthly-selection{border-inline-start:3px solid var(--accent,#729bdf);padding:.5rem 1rem;margin-block:1rem}.monthly-selection p{margin:.3rem 0}.monthly-plots .tv-chart svg{max-width:none}.monthly-panel .table-scroll{max-width:100%}
/* Preserve readable owner financial summaries at narrow widths and enlarged text. */
#main:has(.monthly-panel) .ageing-list>div{flex-wrap:wrap}
#main:has(.monthly-panel) .ageing-list dd{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.monthly-plots .tv-chart .tv-header{display:none}
.monthly-plots .tv-chart .tv-report-bar>button{display:none}
.monthly-plots .tv-chart .tv-report-basis{display:none}
/* Native report controls remain usable within the actual narrow application. */
/* A desktop two-column report can have narrower cards than a phone landscape.
 * Query the actual data panel so every cell stays visible without scrolling. */
.monthly-plots>section,.monthly-panel>.data-details{container-type:inline-size;container-name:monthly-data}
@container monthly-data (max-width:44rem){
 .monthly-panel table.monthly-readable-table{display:block;width:100%;min-width:0}
 .monthly-readable-table caption{display:block;white-space:normal;overflow-wrap:anywhere;padding-inline:0}
 .monthly-readable-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .monthly-readable-table tbody,.monthly-readable-table tbody tr{display:block}
 .monthly-readable-table tbody tr{border-block-start:1px solid var(--line);padding-block:8px 12px}
 .monthly-panel .monthly-readable-table tbody th{display:block;padding:6px 0;border:0;background:transparent;white-space:normal}
 .monthly-panel .monthly-readable-table td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:5px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:right}
 .monthly-readable-table td::before{content:attr(data-monthly-label);content:attr(data-monthly-label) / "";display:block;min-width:0;text-align:left;color:var(--ink-muted)}
 .monthly-readable-table .tv-table-inspect{min-width:0;max-width:100%;white-space:normal}
 .monthly-panel .tv-table-wrap{overflow:visible;min-width:0}
 .monthly-panel .data-details>.table-scroll{margin-inline:0;overflow:visible}
}
#report-period .field{min-inline-size:0;flex-basis:10rem}#report-period input[type=date]{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}.monthly-exports>.rk-button{max-inline-size:100%;white-space:normal;text-align:start}.monthly-panel .tv-chart{inline-size:100%}

@media(max-width:480px){#report-period{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}#report-period .field{inline-size:100%}#report-period>.rk-button{inline-size:100%;white-space:normal}#report-period>.field-hint{margin:0}#main:has(.monthly-panel) .report-stats>div{grid-template-columns:minmax(0,1fr);gap:5px}#main:has(.monthly-panel) .report-stats strong{grid-column:1;grid-row:auto;max-inline-size:100%;overflow-wrap:anywhere}#main:has(.monthly-panel) .page-heading .actions{inline-size:100%}#main:has(.monthly-panel) .page-heading .actions>.rk-button{max-inline-size:100%;white-space:normal}}