/* Source Growth input grid and Live Growth's direct chart/table editor. */
.expression-input-placeholder, .expression-numeric-placeholder { width:16px; height:16px; padding:0; margin:0 0 0 5px; border:0; box-shadow:none; background:transparent; vertical-align:middle; }
.expression-input-placeholder img, .expression-numeric-placeholder img { display:block; margin:0; }
[data-expression-controls][data-page-type="growth_chart"] .form_line_right_field { position:relative; }
[data-expression-controls][data-page-type="growth_chart"] .expression-numeric-placeholder { position:absolute; top:5px; }
/* growth_chart_data_grid.php 8 (EB-068/096): a margin_top_10 general_table,
   which defaults.css 7 gives no bottom margin (theme.css main table: 10px). */
.growth-chart-data { width:100%; margin-top:10px; margin-bottom:0; }
/* growth_chart_data_grid.php 20-62: every body cell is valign_middle (defaults.css 153). */
.growth-chart-data td { vertical-align:middle; }
.growth-chart-data input[type=text] { width:auto; max-width:none !important; }
.growth-chart-data th { text-align:center; }
[data-live-growth-shell] > .expression-page-heading { position:absolute; right:20px; padding:5px; margin:0; background:none !important; border:0 !important; box-shadow:none !important; }
[data-live-growth-shell] > .expression-page-heading h3 { display:none; }
.expression-live-growth-layout { display:flex; justify-content:space-between; align-items:flex-start; gap:2%; }
.expression-live-growth-layout .expr-edit-form { width:49%; flex:0 0 49%; }
/* The 700px chart overflows PHP's 49% section_eplan_report_right float and
   is clipped only by the content area's overflow:auto padding box
   (site.css .section_eplan_report_dr_ajax padding 10px), 10px further right
   (EB-071: axis to 1365, the candidate's own clip stopped it at 1355). */
.expression-live-growth-chart { width:49%; min-width:0; height:400px; margin-top:34px; overflow:clip; overflow-clip-margin:10px; }
/* live_hypothetical_growth_chart.php 115-144: floated label and input, the
   slider inline, then <br class="clear_both">: 28px of content for a one-line
   label (40px row), the label's own height when it wraps (42px) (EB-071). */
[data-live-growth-editor] .form_line_field { min-height:30px; padding-top:5px; padding-bottom:5px; margin-bottom:5px; }
[data-live-growth-editor] .form_line_field::after { content:''; display:block; clear:both; }
/* defaults.css 210/213: form_line_field line-height:normal and
   form_line_left_field padding-top:4px, so a wrapped label is 4 + 2 lines. */
[data-live-growth-editor] .form_line_field { line-height:normal; }
[data-live-growth-editor] .form_line_field > .form_line_left_field { padding-top:4px; }
/* live_hypothetical_growth_chart.php 450-457: its only Save is an
   a.bg_colors (inline-block, 2px 7px padding) on the 18px line, 24px tall;
   a native button keeps line-height normal (21px) (EB-071). */
[data-live-growth-editor] p.padding_top_10 > .bg_colors { line-height:18px; }
[data-live-growth-editor] input[type=text] { width:148px; max-width:40%; vertical-align:middle; }
[data-live-growth-editor] .range_slider { display:inline-block; width:128px; margin:0 0 0 10px; vertical-align:middle; }
/* live_hypothetical_growth_chart.php 459-465: div.tableContainer follows the
   form's Save paragraph (10px bottom margin) with no margin of its own, and
   its th cells keep the UA vertical-align:middle (EB-071). */
.expression-live-growth-table { clear:both; width:756px; max-width:100%; height:285px; overflow:auto; border:1px solid #963; margin-top:0; }
.expression-live-growth-table table { width:100%; border-collapse:separate; border-spacing:0; font-size:12px; }
.expression-live-growth-table th { text-align:center; vertical-align:middle; }
.expression-live-growth-table td { text-align:right; white-space:nowrap; }
@media(max-width:760px) { .expression-live-growth-layout { flex-direction:column; } .expression-live-growth-layout .expr-edit-form,.expression-live-growth-chart { width:100%; flex-basis:auto; } }

/* Source site.css body12px/18px/#404041; Live table cellpadding=0.
 * Annual source headers are general_tr_sub_header td, not global blue th. */
/* growth_chart_data_grid.php 9-16: general_tr_sub_header td cells in the
   form row's line-height:normal (defaults.css 210), a 39px header (EB-068). */
.growth-chart-data th { color:#404041; font-size:12px; line-height:normal; text-align:right; }
.growth-chart-data th:first-child { text-align:left; }
.expression-live-growth-table th,.expression-live-growth-table td { font-size:12px; line-height:18px; padding:0; }
.expression-live-growth-table th { color:#404041; }
/* EB-068: the guide sits in a form row (defaults.css:210 .form_line_field
 * line-height:normal) and keeps defaults.css:169 .width_250 on its name column. */
.growth-asset-values { font-size:12px; line-height:normal; color:#404041; }
.growth-asset-values .width_250 { width:250px !important; }
.growth-asset-values table { margin-bottom:30px; }
.growth-asset-values th { color:inherit; }
.growth-asset-values td strong { font-size:inherit; }
.growth-asset-values table tbody tr:nth-child(odd) { background:transparent; }