/* Adaptação responsiva dos componentes do gerador. */
.panel-nav{flex-shrink:0}.panel-nav button{white-space:nowrap}.page-head{height:auto;min-height:46px}
.symbol-legend,.vapor-legend{display:flex;align-items:center;justify-content:center;gap:8px 15px;flex-wrap:wrap;font-size:11px;margin:8px 12px 0;color:#003366}
.symbol-legend button{border:0;background:transparent;color:#003366;min-height:26px;padding:2px 5px;font-size:11px;font-weight:400}.symbol-legend button[aria-pressed=false]{opacity:.35}.symbol-legend .poi-icon{width:16px;height:18px}.vapor-legend span{display:inline-flex;align-items:center;gap:6px}.vapor-legend i{display:inline-block;border-radius:50%;flex-shrink:0}.vapor-key{border:2px solid #713c90;background:transparent;opacity:1}
.profile-grid{height:calc(100% - 76px);min-height:370px}.profile-grid .chart-card{min-height:370px}.profile-grid .plot{height:100%;min-height:180px}.profile-grid .chart-scroll{min-height:180px}.layer-controls{padding-top:6px}.reading{margin-top:auto}.chart-legend{flex-shrink:0}
.metric-comparison{height:290px}.metric-comparison .plot{min-width:1010px;min-height:280px}.metric-comparison .chart-scroll{height:100%}.code-pill{border-radius:6px}
.spatial-card{height:540px;min-height:540px}.spatial-card .chart-scroll{flex:1;min-height:305px}.spatial-card .plot{height:100%;min-height:305px}
.device-heading{display:flex;align-items:center;gap:9px;margin:19px 1px 12px}.device-heading h2{font-size:18px;margin:0}.device-heading .poi-icon{width:25px;height:30px}
.device-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr);gap:15px;align-items:stretch}.device-grid>*{min-width:0}.device-chart{display:flex;flex-direction:column;min-height:360px}.device-chart .chart-scroll{flex:1;min-height:260px}.device-chart .plot{height:100%;min-width:0;min-height:260px}
.tank-card{display:flex;flex-direction:column}.tank-diagram{flex:1;display:flex;align-items:center;padding:14px}.tank-diagram svg{width:100%;height:auto;max-height:340px}.tank-card>.profile-note{text-align:center;margin:0 12px 12px}
.device-response{margin-top:15px;padding-bottom:8px}.response-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.response-head label{display:flex;gap:8px;align-items:center;font-size:12px}.response-head select{min-width:165px;min-height:35px}.response-plots{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 8px}.response-chart{min-width:0;height:260px}.response-chart .plot{min-width:0;height:100%;min-height:250px}.device-results-table{padding:10px 16px}.device-results-table table{width:100%;min-width:380px;font-size:12px}.device-results-table td{padding:8px 10px;text-align:center}.device-results-table td:first-child{text-align:left}.device-response>.profile-note,.device-response #device-response-content>.profile-note{margin:10px 16px}.device-results-table th{padding:8px 10px}
@media(max-width:759px){.panel-nav{flex-wrap:nowrap;overflow-x:auto;gap:0;padding:4px}.panel-nav button{font-size:11px;padding:6px 9px}.profile-grid{height:auto;min-height:0}.profile-grid .chart-card{height:485px;min-height:485px}.profile-grid .plot{min-height:235px}.profile-grid .chart-scroll{min-height:235px}.symbol-legend,.vapor-legend{font-size:10px;gap:6px 10px;margin-inline:8px}.symbol-legend button{font-size:10px}.vapor-legend{justify-content:flex-start;padding-inline:8px}.vapor-legend span{gap:4px}.vapor-legend i{max-width:23px;max-height:23px}.metric-comparison{height:310px}.spatial-card{height:590px;min-height:590px}.spatial-card .chart-scroll{min-height:315px}.device-grid{grid-template-columns:1fr}.device-chart{min-height:350px}.device-heading h2{font-size:16px}.tank-diagram svg{max-height:440px}.response-head{flex-direction:column;align-items:stretch}.response-head label{justify-content:space-between}.response-plots{grid-template-columns:1fr}.response-chart{height:245px}.valve-parameters table{min-width:750px}.device-results-table{padding:10px}.device-results-table table{min-width:325px;font-size:11px}.device-grid .premise-table th:first-child{width:46%}}
