/* Readable chart coordinates use the measured container width; text stays 14 CSS px. */
.trend-scroll{overflow:hidden;min-width:0;padding:4px 18px 12px}.trend-chart,.trend-svg-host{width:100%;min-width:0}.trend-graph{width:100%;min-width:0;height:230px;display:block}.trend-chart.compact .trend-graph{height:190px}.trend-axis{font:14px 'Segoe UI',sans-serif}.trend-direct-label{font:600 14px 'Segoe UI',sans-serif;pointer-events:none}.trend-point{pointer-events:none}.trend-hit{fill:transparent;pointer-events:all;cursor:crosshair}.trend-cursor{stroke:var(--focus);stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none}.trend-point-target:hover .trend-cursor,.trend-point-target:focus .trend-cursor{opacity:1}.trend-point-target:focus{outline:none}.trend-point-target:focus .trend-point{r:6;stroke:var(--focus);stroke-width:3}.trend-readout{font-size:14px;line-height:1.6;min-height:46px;margin:4px 0 0;padding:10px 12px;color:var(--text);background:var(--surface-blue);border:1px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trend-date{pointer-events:none}.daily-trend .panel-head{padding-bottom:12px}.daily-trend .trend-legend{padding-bottom:4px}
/* Only multi-section entry forms expand. Detail dialogs retain their own layout. */
#dialog{width:min(640px,90vw);max-width:90vw;max-height:90dvh;overflow:hidden}#dialog.entry-complex{width:min(1080px,90vw)}#dialog #entry-form{display:flex;flex-direction:column;min-width:0;max-height:90dvh;min-height:0}#dialog .dialog-head,#dialog .dialog-foot{flex:0 0 auto}#dialog .dialog-head>div{min-width:0}#dialog .dialog-head h2{line-height:1.35;overflow-wrap:anywhere}#dialog #dialog-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px}#dialog .dialog-foot{position:relative;gap:12px}#dialog .form-error{flex:0 0 auto;max-height:5em;overflow:auto;line-height:1.5;margin:0 24px 12px}#dialog .entry-form-layout{display:grid;gap:24px;min-width:0}#dialog .entry-primary-panel,#dialog .entry-document-panel{min-width:0}#dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;min-width:0}#dialog .form-grid>.full{grid-column:1/-1}#dialog .field,#dialog fieldset{min-width:0;min-inline-size:0}#dialog .field label{line-height:1.5;font-size:14px;margin-bottom:8px;overflow-wrap:anywhere}#dialog .field input,#dialog .field select,#dialog .field textarea{min-width:0;max-width:100%;width:100%;font-size:16px;line-height:1.5;min-height:48px;padding:10px 12px}#dialog .field small,#dialog .notice{font-size:14px;line-height:1.6;overflow-wrap:anywhere}#dialog .finance-doc-fields{margin:0;padding:20px;border-radius:12px;width:100%}#dialog .finance-doc-fields legend{font-size:16px;line-height:1.5;white-space:normal;max-width:100%;overflow-wrap:anywhere}#dialog .finance-doc-fields>p{line-height:1.6;margin-bottom:20px}#dialog .finance-doc-fields small{line-height:1.6}#dialog .form-summary{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:24px;min-width:0;line-height:1.5}#dialog .form-summary strong{font-size:28px;line-height:1.35;min-width:0;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#dialog .form-summary>span{font-size:15px;line-height:1.5}#dialog .combobox,#dialog .combobox-list{min-width:0;max-width:100%}#dialog .combobox-option{white-space:normal;overflow-wrap:anywhere;line-height:1.5}#dialog .button{line-height:1.5}
body{line-height:1.5}.page-heading>div,.panel-head>div{min-width:0}.page-heading h1,.panel h2{overflow-wrap:anywhere}.cell-sub{line-height:1.5}td,th{line-height:1.5}.kpi-foot,.panel-sub{line-height:1.6}.kpi-value{font-variant-numeric:tabular-nums}.finance-balance{overflow-wrap:anywhere}.finance-bar{min-width:0}.finance-bar>span:first-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){#dialog,#dialog.entry-complex{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:92dvh}#dialog #entry-form{max-height:92dvh}#dialog #dialog-body{padding:18px 16px}#dialog .dialog-head,#dialog .dialog-foot{padding:16px}#dialog .dialog-head h2{font-size:23px}#dialog .form-grid{grid-template-columns:minmax(0,1fr);gap:18px}#dialog .finance-doc-fields{padding:16px 12px}#dialog .entry-form-layout{gap:20px}#dialog .form-summary{padding:15px;gap:8px}#dialog .form-summary strong{font-size:25px}#dialog .form-error{margin-left:16px;margin-right:16px}.trend-scroll{padding:4px 10px 10px}.trend-readout{min-height:84px;font-size:14px}.trend-legend{font-size:14px;line-height:1.5}}