/* Eletrotec dashboard theme v1. Scoped styles; existing controls remain native. */
body.body--dark { --et-bg:#10171e;--et-panel:#18232d;--et-raised:#1d2a35;--et-text:#e6edf3;--et-muted:#aebdca;--et-line:#2c3b48;--et-accent:#51d6ac;--et-hover:#20323e;--et-selected:#163c34;--et-stripe:#15202a;--et-shadow:0 2px 8px #0002; }
body.body--light { --et-bg:#f3f6f8;--et-panel:#fff;--et-raised:#f6f9fb;--et-text:#243644;--et-muted:#596e7f;--et-line:#dce5eb;--et-accent:#087f63;--et-hover:#edf6f3;--et-selected:#dcf5eb;--et-stripe:#f7fafc;--et-shadow:0 2px 8px #2436440a; }
.eletrotec-layout { background:var(--et-bg);color:var(--et-text); }
.eletrotec-layout > .q-header { background:var(--et-panel)!important;color:var(--et-text)!important;border-bottom:1px solid var(--et-line);box-shadow:var(--et-shadow); }
.eletrotec-layout > .q-header .q-toolbar { min-height:54px;padding:0 16px;gap:4px; }
.eletrotec-layout > .q-header .q-toolbar__title { font-weight:650;letter-spacing:.2px; }
.eletrotec-layout > .q-header .q-toolbar__title > span:nth-child(2) { color:var(--et-muted);font-size:11px; }
.eletrotec-layout > .q-header .q-btn { border-radius:6px; }
.eletrotec-dashboard { background:var(--et-bg);color:var(--et-text); }
.eletrotec-dashboard > .q-bar { background:var(--et-panel)!important;color:var(--et-text)!important;border-bottom:1px solid var(--et-line);min-height:32px;padding-left:16px; }
.eletrotec-dashboard .q-splitter__separator { background:var(--et-line); }
.eletrotec-dashboard .q-splitter--vertical > .q-splitter__before { background:var(--et-panel); }
.eletrotec-dashboard .q-splitter--vertical > .q-splitter__after { padding:10px 12px; }
.eletrotec-dashboard .q-tree__node-header { border-radius:6px;min-height:34px;color:var(--et-text); }
.eletrotec-dashboard .q-tree__node-header:hover { background:var(--et-hover); }
.eletrotec-dashboard .q-tree__node--selected > .q-tree__node-header { background:var(--et-selected);box-shadow:inset 3px 0 var(--et-accent); }
.eletrotec-dashboard .q-tree__node--selected > .q-tree__node-header .q-tree__node-header-content { color:var(--et-accent)!important; }
.eletrotec-dashboard .q-splitter--vertical > .q-splitter__before .q-item--active { background:var(--et-selected);color:var(--et-accent)!important;border-radius:6px;box-shadow:inset 3px 0 var(--et-accent); }
.eletrotec-dashboard .agents-tbl-sticky,.eletrotec-dashboard .tabs-tbl-sticky { background:var(--et-panel)!important;color:var(--et-text);border:1px solid var(--et-line);border-radius:8px;box-shadow:var(--et-shadow); }
.eletrotec-dashboard .agents-tbl-sticky .q-table__middle { background:var(--et-panel); }
.eletrotec-dashboard .agents-tbl-sticky .q-table { background:var(--et-panel)!important;color:var(--et-text); }
.eletrotec-dashboard .agents-tbl-sticky thead tr,.eletrotec-dashboard .agents-tbl-sticky th { background:var(--et-raised)!important;color:var(--et-text); }
.eletrotec-dashboard .agents-tbl-sticky th { font-size:12px;font-weight:650;border-color:var(--et-line); }
.eletrotec-dashboard .agents-tbl-sticky td { border-color:var(--et-line);font-size:12px; }
.eletrotec-dashboard .agents-tbl-sticky tbody tr:nth-child(even):not(.highlight):not(.highlight-dark) { background:var(--et-stripe); }
.eletrotec-dashboard .agents-tbl-sticky tbody tr:hover { background:var(--et-hover)!important; }
.eletrotec-dashboard .agents-tbl-sticky tbody tr.highlight,.eletrotec-dashboard .agents-tbl-sticky tbody tr.highlight-dark { background:var(--et-selected)!important;box-shadow:inset 3px 0 var(--et-accent); }
.eletrotec-dashboard .agents-tbl-sticky .q-table__bottom { background:var(--et-raised);border-color:var(--et-line);color:var(--et-muted); }
.eletrotec-dashboard .q-tabs { background:var(--et-panel);border-bottom:1px solid var(--et-line); }
.eletrotec-dashboard .q-tab { color:var(--et-muted);min-height:38px; }
.eletrotec-dashboard .q-tab--active { color:var(--et-accent)!important; }
.eletrotec-dashboard .q-tab__indicator { background:var(--et-accent)!important; }
.eletrotec-dashboard .q-tab-panels,.eletrotec-dashboard .q-tab-panel { background:var(--et-panel)!important;color:var(--et-text); }
.eletrotec-dashboard .q-field--outlined .q-field__control { border-radius:6px;background:var(--et-raised); }
.eletrotec-dashboard .q-field--outlined .q-field__control:before { border-color:var(--et-line); }
.eletrotec-dashboard .q-field__native,.eletrotec-dashboard .q-field__label,.eletrotec-dashboard .q-field__input { color:var(--et-text); }
.eletrotec-dashboard .q-field--focused .q-field__control:after { border-color:var(--et-accent); }
.eletrotec-dashboard .q-btn { border-radius:6px; }
.eletrotec-dashboard .q-table__top { padding:8px 10px; }
.et-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%; }
.et-metric { display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:66px;border:1px solid var(--et-line);border-radius:7px;background:var(--et-raised); }
.et-metric-icon { font-size:22px;color:var(--et-muted); }
.et-metric-label { font-size:11px;line-height:16px;color:var(--et-muted); }
.et-metric-value { font-size:23px;font-weight:650;line-height:28px; }
.et-metric.online .et-metric-icon { color:#1abc83; }
.et-metric.offline .et-metric-icon { color:#e56868; }
.et-metric.warning .et-metric-icon { color:#d89b28; }
.eletrotec-dashboard :focus-visible { outline:2px solid var(--et-accent);outline-offset:2px; }
@media(max-width:1000px) { .et-metric { padding:8px;gap:8px; }.et-metric-label { font-size:10px; }.eletrotec-dashboard .q-splitter--vertical > .q-splitter__after { padding:6px; } }
@media(prefers-reduced-motion:reduce) { .eletrotec-dashboard * { scroll-behavior:auto; } }

/* Interactive dashboard counters */
.et-metric { font-family:inherit;text-align:left;color:var(--et-text);cursor:pointer; }
.et-metric:hover { background:var(--et-hover);border-color:var(--et-accent); }
.et-metric.et-metric-active { border-color:var(--et-accent);box-shadow:inset 0 -2px var(--et-accent); }
.et-metric:focus-visible { outline:2px solid var(--et-accent);outline-offset:2px; }