/* Composição do painel inicial: versão 31. */
.ac-panel .story,.ac-panel .study-steps button{border-left-color:#003366!important}
.ac-panel .study-steps button{border-left:4px solid #003366!important}
.ac-panel .story-copy h1{max-width:620px;font-size:clamp(27px,2.1vw,38px)}
.ac-panel .story-copy p{font-size:clamp(14px,1vw,17px);line-height:1.65}
.ac-panel .story-copy p.intro-lead{font-size:clamp(16px,1.1vw,19px)}
.ac-panel .premise-story{font-size:15px;line-height:1.6;margin:0 0 3px;max-width:1150px;color:#426985}
.ac-panel .transient-premises{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px!important}
.ac-panel .transient-premises .premise-table td{padding:9px 12px!important}
.ac-panel #view .transient-premises .premise-table table{table-layout:fixed!important;width:100%!important;min-width:0!important}
.ac-panel #view .transient-premises .premise-table th:nth-child(1){width:48%!important}
.ac-panel #view .transient-premises .premise-table th:nth-child(2){width:34%!important}
.ac-panel #view .transient-premises .premise-table th:nth-child(3){width:18%!important}
.ac-panel #view .transient-premises .premise-table td{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.5!important;padding-inline:13px!important}
.ac-panel #view .transient-premises .premise-table td:nth-child(3){white-space:nowrap!important;font-size:11px!important}
.ac-panel .with-chart-legend{align-items:flex-start!important;gap:7px 12px!important}
.ac-panel .with-chart-legend>.ac-heading{flex:0 1 290px!important;min-width:230px!important}
.ac-panel .with-chart-legend>.controls{flex:1 1 740px!important;justify-content:flex-end!important;align-items:flex-start!important;gap:6px 12px!important}
.ac-panel .with-chart-legend .chart-heading-toolbar{flex:1 1 540px!important;min-width:0!important;margin:0!important;border:0!important;background:transparent!important;padding:2px 0!important}
.ac-panel .with-chart-legend .unified-legend{justify-content:center!important;gap:5px 12px!important;font-size:11px!important}
.ac-panel .with-chart-legend .unified-legend .legend-symbol{padding:0!important;min-height:23px!important;font-size:11px!important}
.ac-panel .with-chart-legend .plot-toolbar .vapor-legend{margin:4px 0 0!important;justify-content:center!important;min-height:0!important}
.ac-panel .profile-grid.ac-analysis-grid{flex:1 0 310px!important;min-height:310px!important}
.ac-panel .profile-grid .chart-card{min-height:310px!important}
.ac-panel .side-table .table-scroll{border-radius:9px 9px 0 0}
.ac-panel .side-table .selected-reading[hidden]{display:none!important}
.ac-panel .side-table .selected-reading:not([hidden]){min-height:0!important;padding:6px 10px!important}
.ac-panel .chart-composition-head{display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:space-between!important;gap:7px 14px!important;padding:10px 13px!important}
.ac-panel .chart-composition-head>div:first-child{flex:0 1 auto}
.ac-panel .chart-composition-head h2{font-size:16px!important;line-height:1.35!important}
.ac-panel .chart-composition-head .plot-toolbar{flex:1 1 700px!important;border:0!important;margin:0!important;padding:0!important;background:transparent!important;min-width:0!important}
.ac-panel .chart-composition-head .chart-legend{margin:0!important;padding:4px 8px!important;flex:0 1 auto!important;gap:8px 15px!important}
.ac-panel .spatial-card{flex:1 0 440px!important;height:auto!important;min-height:440px!important}
.ac-panel .spatial-card .chart-scroll{flex:1 1 0!important;min-height:330px!important}
.ac-panel .spatial-card .plot{flex:1 1 0!important;height:100%!important;min-height:330px!important}
.ac-panel .spatial-card .chart-composition-head .choice{margin-top:6px}
.ac-panel #steady-chart .ac-plot{min-width:0!important}
.ac-panel #steady-chart{max-height:420px!important}
.ac-panel #steady-dimensions table,.ac-panel #steady-material table{min-width:600px}
.ac-panel .result-reading.ac-summary{display:block!important;flex:none!important;padding:11px 15px!important;line-height:1.65!important}
.ac-panel .ac-pump-grid{grid-template-columns:minmax(270px,.64fr) minmax(0,1.5fr)!important;flex:1 0 380px!important}
.ac-panel .ac-pump-grid .device-chart{min-height:380px!important}
.ac-panel .ac-pump-grid .card-head.chart-composition-head{gap:6px!important}
.ac-panel .ac-pump-grid .chart-scroll{flex:1 1 0!important}
.ac-panel .tank-card .tank-diagram{min-height:300px}
.ac-panel .device-response.filling-response{display:flex!important;flex-direction:column!important;flex:1 0 340px!important;min-height:340px!important;margin:0!important;padding:0!important}
.ac-panel #device-response-content{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important}
.ac-panel .filling-response .response-plots{flex:1 1 0!important;min-height:270px!important;align-items:stretch!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px!important;gap:12px!important}
.ac-panel .filling-response .response-plots.single-response{grid-template-columns:minmax(0,1fr)!important}
.ac-panel .filling-response .response-chart{height:auto!important;min-height:270px!important;display:flex!important;flex-direction:column!important;flex:1 1 0!important}
.ac-panel .filling-response .response-chart .plot{flex:1 1 0!important;height:100%!important;min-height:230px!important}
.ac-panel .filling-response .response-legend{height:auto!important;min-height:29px!important;padding:4px 8px!important;background:transparent!important;border:0!important}
.ac-panel .filling-response .response-window{padding:8px 12px 0!important;flex:none!important}
.ac-panel .filling-response .profile-note{margin:5px 13px 10px!important;font-size:11px!important}
.ac-panel.ac-expanded-view .story-copy p{font-size:17px}
.ac-panel.ac-expanded-view .story-copy .intro-lead{font-size:19px}
.ac-panel.ac-expanded-view .side-table td{font-size:13px!important;padding:9px 8px!important}
.ac-panel #view>.page-head.with-chart-legend{display:grid!important;grid-template-columns:210px minmax(0,1fr) auto!important;align-items:start!important;gap:6px 10px!important}
.ac-panel #view>.page-head.with-chart-legend>.ac-heading{width:auto!important;min-width:0!important;flex:none!important}
.ac-panel #view>.page-head.with-chart-legend>.controls{width:auto!important;min-width:0!important;flex:none!important;justify-content:flex-end!important}
.ac-panel #view>.page-head.with-chart-legend>.chart-heading-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
.ac-panel #view>.with-chart-legend .unified-legend{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px 8px!important;margin:0!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
.ac-panel #view>.with-chart-legend .unified-legend>:is(span,button,label){display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;gap:5px!important;min-height:22px!important;font-size:11px!important}
.ac-panel #view>.with-chart-legend .unified-legend .line-key{width:23px!important}
.ac-panel #view>.with-chart-legend .unified-legend .poi-icon{width:17px!important;height:19px!important;max-width:17px!important;max-height:19px!important}
.ac-panel #view>.with-chart-legend .unified-legend input{flex:0 0 auto!important;margin:0!important;padding:0!important;width:13px!important;height:13px!important;min-height:0!important}
.ac-panel #view>.with-chart-legend .vapor-legend{justify-content:center!important;line-height:1.25!important;font-size:10px!important;margin:0!important}
@media(min-width:1450px){.ac-panel #view>.with-chart-legend .unified-legend{flex-wrap:nowrap!important}}
@media(min-width:760px) and (max-width:1199px){
 .ac-panel #view>.page-head.with-chart-legend{grid-template-columns:minmax(0,1fr) auto!important}
 .ac-panel #view>.page-head.with-chart-legend>.ac-heading{grid-column:1;grid-row:1}
 .ac-panel #view>.page-head.with-chart-legend>.controls{grid-column:2;grid-row:1}
 .ac-panel #view>.page-head.with-chart-legend>.chart-heading-toolbar{grid-column:1/-1;grid-row:2}
}
@media(max-width:1100px){
 .ac-panel .with-chart-legend>.ac-heading{flex:1 1 240px!important}
 .ac-panel .with-chart-legend>.controls{flex:1 1 650px!important}
 .ac-panel .with-chart-legend .chart-heading-toolbar{flex-basis:460px!important}
 .ac-panel .ac-pump-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr)!important}
}
@media(max-width:759px){
 .ac-panel #view>.page-head.with-chart-legend{grid-template-columns:minmax(0,1fr)!important}
 .ac-panel #view>.page-head.with-chart-legend>.ac-heading{grid-column:1;grid-row:1}
 .ac-panel #view>.page-head.with-chart-legend>.controls{grid-column:1;grid-row:2;justify-content:flex-start!important}
 .ac-panel #view>.page-head.with-chart-legend>.chart-heading-toolbar{grid-column:1;grid-row:3}
 .ac-panel #view>.with-chart-legend .unified-legend,.ac-panel #view>.with-chart-legend .vapor-legend{justify-content:flex-start!important}
 .ac-panel .transient-premises{grid-template-columns:minmax(0,1fr)!important}
 .ac-panel .with-chart-legend>.ac-heading{flex-basis:100%!important;min-width:0!important}
 .ac-panel .with-chart-legend>.controls{flex-basis:100%!important;justify-content:flex-start!important}
 .ac-panel .with-chart-legend .chart-heading-toolbar{flex-basis:100%!important}
 .ac-panel .with-chart-legend .unified-legend,.ac-panel .with-chart-legend .plot-toolbar .vapor-legend{justify-content:flex-start!important;font-size:10px!important;gap:4px 10px!important}
 .ac-panel .profile-grid.ac-analysis-grid{flex:none!important;min-height:0!important}
 .ac-panel .profile-grid>.chart-card{height:340px!important;min-height:340px!important}
 .ac-panel .profile-grid>.side-table{height:350px!important;min-height:350px!important}
 .ac-panel .chart-composition-head .chart-legend{font-size:10px!important;justify-content:flex-start!important;gap:7px!important}
 .ac-panel .spatial-card{height:560px!important;min-height:560px!important;flex:none!important}
 .ac-panel .spatial-card .chart-scroll,.ac-panel .spatial-card .plot{min-height:370px!important;height:100%!important;flex:1 1 0!important}
 .ac-panel #steady-chart{height:340px!important;min-height:340px!important}
 .ac-panel #steady-chart:before{display:none!important}
 .ac-panel #steady-chart .ac-plot{min-width:0!important}
 .ac-panel .ac-pump-grid{grid-template-columns:minmax(0,1fr)!important;flex:none!important}
 .ac-panel .ac-pump-grid .device-chart{min-height:380px!important}
 .ac-panel .filling-response .response-plots{grid-template-columns:minmax(0,1fr)!important;flex:none!important}
 .ac-panel .filling-response .response-chart{height:330px!important;min-height:330px!important;flex:none!important}
 .ac-panel .filling-response .response-chart .plot{height:290px!important;min-height:290px!important;flex:none!important}
 .ac-panel .device-response.filling-response{flex:none!important;height:auto!important;min-height:0!important}
 .ac-panel #device-response-content{flex:none!important;height:auto!important;min-height:0!important}
 .ac-panel .filling-response .response-window{justify-content:flex-start!important;flex-wrap:wrap!important}
}