/* Revisão 18: controles e cores do painel de referência. */
/* O thead mantém o cabeçalho unido durante a rolagem. Bordas separadas pertencem
   às próprias células, sem compartilhar a pintura com as linhas do tbody. */
.side-table table{border-collapse:separate;border-spacing:0}
.side-table thead{position:sticky;top:0;z-index:2;background:#003366}
.side-table thead th{position:relative;top:auto;z-index:auto}
.side-table th:has(.header-menu){padding-left:9px;padding-right:32px;text-align:center;vertical-align:middle}
.side-table thead th:has(.header-menu[open]){z-index:1}
.header-menu{position:static;text-align:center}
.header-menu summary{display:block;min-height:15px;line-height:15px;text-align:center}
.header-menu summary>.filter-chevron{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;box-sizing:border-box;padding:0;margin:0;border:1px solid #ffffff50;border-radius:4px;background:transparent;color:#fff}
.header-menu .filter-chevron svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-menu summary:hover>.filter-chevron,.header-menu[open] summary>.filter-chevron{background:#ffffff20;border-color:#ffffff90}
.header-menu summary>.head-word{display:inline-block;line-height:15px}
.header-menu summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.side-table .th-term:has(.header-menu){width:auto;margin-bottom:3px}
.response-head{gap:12px;flex-wrap:wrap}
#device-buttons .choice{gap:5px;flex-wrap:wrap;justify-content:center}
#device-buttons button{min-height:36px;padding:7px 13px;text-align:center}
.pump-stop{display:flex;gap:8px 16px;align-items:center;justify-content:center;flex-wrap:wrap;color:#003366;padding:9px;background:#f2f7fa;border-radius:6px}
.pump-stop strong{font-size:21px}.pump-stop small{font-size:11px;color:#50789c}
.device-results-table:has(.pump-stop){padding-bottom:0}
.valve-leaders{pointer-events:none}
@media(max-width:759px){.response-head{justify-content:center;text-align:center}#device-buttons{width:100%}#device-buttons button{padding:7px 10px}.pump-stop{gap:4px 12px}.pump-stop small{width:100%}.point-menu-content{left:0}.pressure-menu .point-menu-content{left:auto;right:0}}
@media(max-width:759px){#device-buttons .choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:290px;margin:auto}.pump-stop small{text-align:center}}
@media(max-width:759px){.premise-table table{table-layout:fixed}.premise-table th:nth-child(1),.device-grid .premise-table th:first-child{width:48%}.premise-table th:nth-child(2){width:32%}.premise-table th:nth-child(3){width:20%}.premise-table td{white-space:normal;overflow-wrap:break-word}.premise-table th,.premise-table td{padding-left:8px;padding-right:8px}.premise-table td:nth-child(3){white-space:nowrap}}
@media(max-width:759px){.premise-table .table-scroll table{min-width:0;width:100%}}
