.predictive-trend h3{font-size:13px;margin:14px 20px 4px}.predictive-trend h3 small,.predictive-trend p{color:var(--muted);font-size:11px}.predictive-trend p{margin:0 20px}
.predictive-trend .spark-chart{position:relative;height:100px;padding-top:10px}
.time-chart{margin:0 20px;padding-left:0;padding-right:0}.time-chart>span{position:absolute;bottom:0;width:6px;transform:translateX(-50%)}
.time-chart .reading-tooltip{position:fixed;left:10%;right:10%;top:12%;bottom:auto}
.predictive-filters{display:flex;gap:12px;flex-wrap:wrap;padding:16px;margin-bottom:18px}.predictive-filters label{display:flex;flex-direction:column;gap:5px}.predictive-filters small{flex-basis:100%;color:var(--muted)}
.spark-chart span.severity-normal,.predictive-legend .severity-normal{background:#168552}
.spark-chart span.severity-warning,.predictive-legend .severity-warning{background:#d69112}
.spark-chart span.severity-critical,.predictive-legend .severity-critical{background:#d63d46}
.spark-chart span.severity-unknown{background:#778291}
.spark-chart span:focus{outline:2px solid var(--ink);outline-offset:3px}
.reading-tooltip{display:none;position:absolute;z-index:2;left:12px;right:12px;bottom:100%;padding:7px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:11px;font-style:normal;box-shadow:0 3px 10px #0003}
.spark-chart span:focus .reading-tooltip,.spark-chart span:hover .reading-tooltip{display:block}
.predictive-legend{display:flex;gap:14px;flex-wrap:wrap;padding:8px 20px 16px;font-size:12px}.predictive-legend span{display:inline-flex;align-items:center;gap:5px}.predictive-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}
.predictive-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.predictive-grid>.condition-card{min-width:0;width:100%}
.predictive-machines{display:grid;gap:16px;margin-bottom:18px}
.predictive-machine{overflow:hidden}
.predictive-machine>summary{cursor:pointer;list-style:none;user-select:none}
.predictive-machine>summary::-webkit-details-marker{display:none}
.predictive-machine>summary span small{display:block;margin-bottom:4px;color:var(--muted);font-size:9px;letter-spacing:.8px}
.predictive-machine>summary em{margin-left:auto;color:var(--muted);font-size:11px;font-style:normal}
.predictive-machine>summary::after{content:'⌄';margin-left:14px;font-size:22px;line-height:1;color:var(--muted);transition:transform .2s ease}
.predictive-machine[open]>summary::after{transform:rotate(180deg)}
.predictive-machine>.predictive-grid{padding:18px;margin:0;background:var(--bg)}
.predictive-history>summary{cursor:pointer;list-style:none;user-select:none}
.predictive-history>summary::-webkit-details-marker{display:none}
.predictive-history>summary::after{content:'⌄';margin-left:auto;font-size:22px;line-height:1;color:var(--muted);transition:transform .2s ease}
.predictive-history[open]>summary::after{transform:rotate(180deg)}
@media(max-width:900px){.predictive-grid{grid-template-columns:1fr}.predictive-machine>summary{align-items:flex-start}.predictive-machine>summary em{text-align:right}}

/* Monitorização Preditiva — painel operacional aprovado. */
.predictive-page{--surface:#071d2f;--surface2:#09253b;--bg:#031522;--ink:#f4f8fc;--muted:#9db5c8;--line:rgba(92,166,211,.3);--blue:#37a9ff;--blue2:rgba(55,169,255,.14);display:grid;gap:14px;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}
.predictive-page>.page-head{min-height:0;margin:0;padding:0 4px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}.predictive-page>.page-head:before,.predictive-page>.page-head:after{display:none}.predictive-page>.page-head .eyebrow{color:#39adf6;font-size:10px;letter-spacing:.16em}.predictive-page>.page-head h1{margin:5px 0 2px;color:#fff;font-size:31px;letter-spacing:-.025em}.predictive-page>.page-head p{margin:0;color:#a9c2d5;font-size:13px}.predictive-page>.page-head>button{min-height:44px;margin-left:8px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:750}.predictive-page>.page-head>.secondary{margin-left:auto;border-color:rgba(77,163,217,.42);background:#071d2f;color:#e8f6ff}.predictive-page>.page-head>.primary{background:linear-gradient(135deg,#2dafff,#2383f2);border-color:#45b7ff;color:#fff;box-shadow:0 8px 22px rgba(21,116,219,.28)}
.predictive-ui-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.predictive-page>.page-head>button .predictive-ui-icon{width:17px;height:17px;margin-right:7px;vertical-align:middle}.predictive-filters small .predictive-ui-icon,.predictive-footer-legend .predictive-ui-icon,.predictive-machine>summary em .predictive-ui-icon{width:15px;height:15px;margin-right:5px;vertical-align:middle;color:#4ec1ff}
.predictive-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.predictive-top-grid>*{min-width:0}.predictive-page .card{border-color:rgba(71,150,199,.38);background:linear-gradient(145deg,rgba(8,35,55,.98),rgba(5,25,41,.98));color:var(--ink);box-shadow:none}
.predictive-filters{display:grid;grid-template-columns:46px repeat(3,minmax(135px,1fr));align-items:end;gap:12px;min-height:108px;margin:0;padding:16px}.predictive-filter-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:1px;border:1px solid rgba(62,167,230,.3);border-radius:9px;background:rgba(35,129,190,.1);color:#4cc0ff}.predictive-filter-icon .predictive-ui-icon{width:23px;height:23px}.predictive-filters label{gap:6px;color:#bdd2df;font-size:10px;font-weight:700}.predictive-filters select,.predictive-filters input{height:38px;border-color:rgba(85,162,208,.32);border-radius:8px;background:#061a2c;color:#f2f8fc;font-size:12px;color-scheme:dark}.predictive-filters small{grid-column:1/-1;display:flex;align-items:center;padding-top:1px;color:#8eacc0;font-size:10px}
.predictive-overview{display:grid;grid-template-columns:1.15fr 1.05fr repeat(3,.78fr);align-items:center;min-height:108px;padding:14px 12px}.predictive-stat,.predictive-count{position:relative;display:grid;align-content:center;min-height:63px;padding:0 17px;border-right:1px solid rgba(92,166,211,.3)}.predictive-overview>*:last-child{border-right:0}.predictive-stat{grid-template-columns:42px auto;column-gap:11px}.predictive-stat>i{grid-row:1/3;display:grid;place-items:center;align-self:center;color:#55c4ff;font-style:normal}.predictive-stat>i .predictive-ui-icon{width:30px;height:30px}.predictive-stat>b{font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.predictive-stat>span{margin-top:4px;color:#a9c0d0;font-size:10px}.predictive-count{grid-template-columns:10px auto;column-gap:9px;text-align:center}.predictive-count>i{grid-row:1/3;align-self:start;width:10px;height:10px;margin-top:3px;border-radius:50%;background:#7a8995}.predictive-count>span{color:#d5e4ed;font-size:10px}.predictive-count>b{margin-top:7px;font-size:19px}.predictive-count.normal>i{background:#29d68c;box-shadow:0 0 12px rgba(41,214,140,.45)}.predictive-count.warning>i{background:#ffc642;box-shadow:0 0 12px rgba(255,198,66,.4)}.predictive-count.critical>i{background:#ff5265;box-shadow:0 0 12px rgba(255,82,101,.4)}
.predictive-machines{gap:14px;margin:0}.predictive-machine{border-radius:10px;overflow:hidden}.predictive-machine>summary{min-height:58px;padding:10px 18px;border-bottom:0;background:linear-gradient(90deg,#082239,#071d31)}.predictive-machine[open]>summary{border-bottom:1px solid rgba(71,150,199,.34)}.predictive-machine-icon{display:grid;place-items:center;width:35px;height:35px;margin-right:13px;border-radius:9px;background:rgba(45,170,239,.12);color:#4dbfff;font-style:normal}.predictive-machine-icon .predictive-ui-icon{width:23px;height:23px}.predictive-machine>summary span small{margin:0 0 3px;color:#89a8ba;font-size:8px}.predictive-machine>summary h2{margin:0;color:#f5f9fc;font-size:18px}.predictive-machine>summary em{display:flex;align-items:center;color:#c0d4e1;font-size:11px}.predictive-machine>summary::after{content:'⌃';color:#8bbbd6;font-size:19px}.predictive-machine:not([open])>summary::after{transform:rotate(180deg)}.predictive-machine[open]>summary::after{transform:none}
.predictive-machine>.predictive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px;background:#031522}.predictive-grid>.condition-card{border-radius:10px;background:linear-gradient(155deg,#071e31,#06192a);overflow:hidden}.condition-card>.card-head{min-height:45px;padding:10px 14px;border-bottom:0;background:transparent}.condition-card>.card-head h2{margin:0;color:#f4f8fc;font-size:16px}.condition-card>.card-head .sub{display:block;margin-top:2px;color:#7fa1b8;font-size:9px}.predictive-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid #667d8d;border-radius:999px;background:rgba(100,120,135,.1);color:#aebfca;font-size:10px;font-weight:750}.predictive-status i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.predictive-status.normal{border-color:#12955f;color:#2bdb91;background:rgba(21,134,87,.12)}.predictive-status.warning{border-color:#b58113;color:#ffca3f;background:rgba(187,132,14,.12)}.predictive-status.critical{border-color:#c83245;color:#ff5366;background:rgba(199,50,69,.12)}
.predictive-page .sensor-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:0 14px 12px;border:0;background:transparent}.predictive-page .sensor-kpis>div{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:75px;padding:11px 12px;border:1px solid rgba(73,149,195,.31);border-radius:8px;background:#082239}.predictive-page .sensor-kpis>div>i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;color:#4ec1ff;font-style:normal}.predictive-page .sensor-kpis>div>i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.predictive-page .sensor-kpis span{grid-column:2;color:#abc1d0;font-size:10px}.predictive-page .sensor-kpis b{grid-column:2;margin:2px 0 0;color:#fff;font-size:19px;white-space:nowrap}.predictive-page .sensor-kpis small{grid-column:3;grid-row:1/3;align-self:center;color:#a7bfd0;font-size:9px;line-height:1.55;white-space:nowrap}
.predictive-reading-charts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 14px 11px}.predictive-compact-chart{width:100%;min-width:0;padding:10px 11px 7px;border:1px solid rgba(71,150,199,.22);border-radius:7px;background:rgba(3,19,33,.46);overflow:hidden}.predictive-chart-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#8ca9bc;font-size:9px}.predictive-chart-meta b{color:#bed4e2;font-size:10px}.predictive-chart-meta b small{color:#7fa2b8;font-size:8px}.predictive-chart-frame{position:relative;width:100%;height:104px;border-top:1px solid rgba(80,145,184,.18);border-bottom:1px solid rgba(80,145,184,.18);background:repeating-linear-gradient(to bottom,rgba(85,155,194,.12) 0,rgba(85,155,194,.12) 1px,transparent 1px,transparent 34px);overflow:hidden}.predictive-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:3px;padding:2px 7px 0}.predictive-bars i{flex:1 1 0;min-width:1px;max-width:9px;border-radius:3px 3px 0 0;background:#2bd88e;box-shadow:0 0 6px rgba(43,216,142,.12)}.predictive-bars i.severity-warning{background:#ffc642;box-shadow:0 0 6px rgba(255,198,66,.18)}.predictive-bars i.severity-critical{background:#ff5265;box-shadow:0 0 7px rgba(255,82,101,.22)}.chart-threshold{position:absolute;z-index:1;left:0;right:0;border-top:1px dashed;pointer-events:none}.chart-threshold.warning{top:var(--warning-y);border-color:#ffc642}.chart-threshold.critical{top:var(--critical-y);border-color:#ff5265}.predictive-chart-axis{display:flex;justify-content:space-between;margin-top:5px;color:#a0b7c7;font-size:9px}
.predictive-footer-legend{display:flex;align-items:center;gap:30px;padding:14px 20px;border-radius:9px!important}.predictive-footer-legend>b,.predictive-footer-legend>em{display:flex;align-items:center}.predictive-footer-legend>b{color:#c6d9e5;font-size:10px}.predictive-footer-legend>span{display:grid;grid-template-columns:12px auto;column-gap:8px}.predictive-footer-legend>span i{grid-row:1/3;width:11px;height:11px;margin-top:2px;border-radius:50%;background:#7b8a96}.predictive-footer-legend>span strong{font-size:10px}.predictive-footer-legend>span small{margin-top:3px;color:#8eaabd;font-size:9px}.predictive-footer-legend .normal i{background:#29d68c}.predictive-footer-legend .warning i{background:#ffc642}.predictive-footer-legend .critical i{background:#ff5265}.predictive-footer-legend>em{margin-left:auto;color:#c0d3df;font-size:10px;font-style:normal}.predictive-history{margin-top:0;border-radius:9px!important}.predictive-history>summary{min-height:48px;background:#071d2f}.predictive-history table{background:#061a2b;color:#e9f3f9}.predictive-history th,.predictive-history td{border-color:rgba(82,147,185,.2)}
@media(max-width:1450px){.predictive-top-grid{grid-template-columns:1fr}.predictive-overview{grid-template-columns:repeat(5,minmax(0,1fr))}.predictive-page>.page-head{flex-wrap:wrap}.predictive-page>.page-head>div{flex:1 1 520px;min-width:0}.predictive-page>.page-head>.secondary{margin-left:auto}}
@media(max-width:900px){.predictive-machine>.predictive-grid{grid-template-columns:1fr}.predictive-machine>summary em{max-width:180px}.predictive-page .sensor-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
@media(max-width:700px){.predictive-page{gap:11px;padding:0;border-radius:0}.predictive-page>.page-head{align-items:flex-start;padding:3px}.predictive-page>.page-head>div{width:100%}.predictive-page>.page-head h1{font-size:25px}.predictive-page>.page-head p{font-size:11px}.predictive-page>.page-head>button{width:calc(50% - 5px);margin:9px 0 0;font-size:10px}.predictive-page>.page-head>.secondary{margin-right:5px}.predictive-filters{grid-template-columns:38px 1fr 1fr;padding:12px}.predictive-filter-icon{width:36px;height:36px}.predictive-filters label{font-size:9px}.predictive-filters small{font-size:9px;line-height:1.4}.predictive-overview{grid-template-columns:1fr 1fr;padding:9px}.predictive-overview>*{min-height:58px;border-right:0;border-bottom:1px solid rgba(92,166,211,.2)}.predictive-overview>*:last-child{grid-column:1/-1;border-bottom:0}.predictive-machine>summary{display:grid;grid-template-columns:auto 1fr auto;padding:10px}.predictive-machine>summary em{grid-column:2/4;margin:4px 0 0;text-align:left}.predictive-machine>.predictive-grid{padding:8px}.predictive-page .sensor-kpis{grid-template-columns:1fr;padding:0 10px 10px}.condition-card>.card-head{padding:10px}.predictive-reading-charts{grid-template-columns:1fr;padding:0 10px 10px}.predictive-bars{gap:2px}.predictive-footer-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px}.predictive-footer-legend>b,.predictive-footer-legend>em{grid-column:1/-1;margin:0}.predictive-footer-legend>span{min-width:0}}