/* NORCOM NOC · Central de Qualidade da Rede — tema v1 */
#insights.quality-centre{--q-green:#63e4bb;--q-amber:#ffce8d;--q-red:#ff909e;--q-blue:#85c5f1;--q-muted:#9cb9c9;color:#e7f4f6}
#insights.quality-centre .flow-hero{background:radial-gradient(ellipse at 91% 0%,#296d6766,transparent 47%),linear-gradient(127deg,#153947,#112839 74%);border-color:#346568;padding:26px 28px 22px}
#insights.quality-centre .flow-hero h1{font-size:clamp(28px,2.8vw,40px);max-width:760px;letter-spacing:-1.5px}
#insights.quality-centre .flow-hero .muted{max-width:700px}
#insights.quality-centre .flow-view-tabs{top:68px}
#insights.quality-centre .flow-view-tab{font-size:11px;flex:1;min-width:max-content;padding:12px 13px}
#insights.quality-centre .flow-view-heading{margin:0 0 17px;border-bottom:1px solid #2c5060;padding:2px 0 14px}
#insights.quality-centre .flow-view-heading h2{font-size:19px;font-weight:800}
#insights.quality-centre .flow-view-heading p{font-size:11px}
#insights.quality-centre .flow-toolbar{margin-bottom:12px;background:#102b3b;border-color:#31536a}
#insights.quality-centre .flow-periods{background:#0d2230}
#insights.quality-centre .flow-view-pages{min-width:0}
#insights.quality-centre [data-flow-view-panel=quality]>.flow-updated{order:0}
#insights.quality-centre .quality-dashboard{display:grid;gap:16px;min-width:0}
#insights.quality-centre .quality-eyebrow{font-size:9px;font-weight:850;letter-spacing:.16em;color:#8ed3bf}
#insights.quality-centre .quality-status-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:16px;background:linear-gradient(105deg,#173d45,#122d3c);border:1px solid #36606b}
#insights.quality-centre .quality-status-strip h3{font-size:21px;line-height:1.23;margin:8px 0;letter-spacing:-.7px;font-weight:780;color:#ecfcf8}
#insights.quality-centre .quality-status-strip p{font-size:11px;line-height:1.65;color:#a9c7d5;margin:0}
#insights.quality-centre .quality-health-status{flex:none;display:inline-flex;padding:9px 12px;border-radius:9px;border:1px solid #4c8b76;background:#174a40;color:#a5f5cf;font-weight:800;font-size:10px;text-align:center}
#insights.quality-centre .quality-health-status[data-state=warning]{border-color:#947d4a;background:#443726;color:#ffdea7}
#insights.quality-centre .quality-health-status[data-state=critical]{border-color:#9c5a64;background:#4d2a38;color:#ffc0c7}
#insights.quality-centre .quality-health-status[data-state=unknown]{border-color:#527189;background:#253f52;color:#b8cfde}
#insights.quality-centre .quality-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #335568;border-radius:15px;background:linear-gradient(115deg,#183647,#122c3e);overflow:hidden}
#insights.quality-centre .quality-metric{padding:17px 18px;display:flex;flex-direction:column;gap:9px;min-width:0;min-height:113px}
#insights.quality-centre .quality-metric:not(:last-child){border-right:1px solid #35576b}
#insights.quality-centre .quality-metric>span{font-size:10px;font-weight:700;color:#a7c3d4}
#insights.quality-centre .quality-metric>strong{font-weight:825;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.1vw,29px);color:#effbfa;overflow-wrap:anywhere;line-height:1.15}
#insights.quality-centre .quality-metric>small{font-size:10px;color:#91afc3;line-height:1.5}
#insights.quality-centre .quality-metric[data-level=warning]>strong{color:#ffd58e}
#insights.quality-centre .quality-metric[data-level=critical]>strong{color:#ff9aa6}
#insights.quality-centre .quality-two-column{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0;border:1px solid #31536a;background:#102737;border-radius:16px;overflow:hidden;min-height:210px}
#insights.quality-centre .quality-flat-section{min-width:0;padding:19px 21px 17px}
#insights.quality-centre .quality-flat-section+.quality-flat-section{border-left:1px solid #31536a}
#insights.quality-centre .quality-section-head{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:13px;min-height:25px}
#insights.quality-centre .quality-section-head h3{font-size:14px;font-weight:790;color:#e6f4fc;letter-spacing:-.2px}
#insights.quality-centre .quality-section-head .text-button{font-size:10px;color:#93ebca}
#insights.quality-centre .quality-counter{font-size:10px;color:#aac1d1;background:#18374a;border:1px solid #335568;border-radius:8px;padding:5px 9px}
#insights.quality-centre .quality-findings,.quality-device-list{display:flex;flex-direction:column;gap:0}
#insights.quality-centre .quality-finding{padding:12px 0 12px 13px;border-bottom:1px solid #2d4c5d;border-left:3px solid #718ba0;display:flex;flex-direction:column;gap:5px}
#insights.quality-centre .quality-finding:first-child{padding-top:7px}
#insights.quality-centre .quality-finding:last-child{border-bottom:0}
#insights.quality-centre .quality-finding strong{font-size:11px;font-weight:800;color:#ddecf3}
#insights.quality-centre .quality-finding small{font-size:10px;line-height:1.6;color:#9db8ca}
#insights.quality-centre .quality-finding[data-level=critical]{border-left-color:#ff9aa4}
#insights.quality-centre .quality-finding[data-level=warning]{border-left-color:#ffca7c}
#insights.quality-centre .quality-finding[data-level=unknown]{border-left-color:#789aaf}
#insights.quality-centre .quality-quiet{margin:0;padding:17px 0;color:#a4bbce;font-size:11px;line-height:1.7}
#insights.quality-centre .quality-device{display:grid;grid-template-columns:minmax(105px,.88fr) minmax(100px,1fr) minmax(53px,.54fr);align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #2a4b5e}
#insights.quality-centre .quality-device:last-child{border-bottom:0}
#insights.quality-centre .quality-device-label{display:flex;flex-direction:column;gap:5px;min-width:0}
#insights.quality-centre .quality-device-label strong{font-size:11px;font-weight:800;color:#dfedf5;overflow-wrap:anywhere}
#insights.quality-centre .quality-device-label small{font-size:9px;color:#91aebf;line-height:1.3}
#insights.quality-centre .quality-device-cpu{--q-cpu:#67e1b8;display:flex;flex-direction:column;gap:7px;min-width:0}
#insights.quality-centre .quality-device-cpu[data-level=warning]{--q-cpu:#ffd087}
#insights.quality-centre .quality-device-cpu[data-level=critical]{--q-cpu:#ff909c}
#insights.quality-centre .quality-device-cpu[data-level=unknown]{--q-cpu:#788d9e}
#insights.quality-centre .quality-device-cpu-title{display:flex;justify-content:space-between;gap:7px;align-items:center;color:#9dbbc9;font-size:9px}
#insights.quality-centre .quality-device-cpu-title strong{color:var(--q-cpu);font-size:12px;font-variant-numeric:tabular-nums}
#insights.quality-centre .quality-device-track{height:6px;border-radius:99px;background:#29495e;overflow:hidden}
#insights.quality-centre .quality-device-track span{display:block;height:100%;background:var(--q-cpu);border-radius:99px;min-width:0}
#insights.quality-centre .quality-device-ping{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:right}
#insights.quality-centre .quality-device-ping span{font-size:9px;color:#9bb8c6}
#insights.quality-centre .quality-device-ping strong{font-size:11px;color:#c6e0e8;white-space:nowrap;font-variant-numeric:tabular-nums}
#insights.quality-centre .quality-impact{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #335669;background:#102d3c;border-radius:14px;padding:19px 21px}
#insights.quality-centre .quality-impact h3{font-size:14px;font-weight:800;margin:6px 0 6px}
#insights.quality-centre .quality-impact p{font-size:10px;color:#a3bfce;line-height:1.6;max-width:600px}
#insights.quality-centre .quality-impact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px}
#insights.quality-centre .quality-impact-actions .ghost{font-size:10px;min-height:36px;background:#18443d;border-color:#417b70;color:#bbf4df;white-space:nowrap}
#insights.quality-centre .quality-method-note{font-size:10px;color:#88a5b8;line-height:1.7;margin:0 0 12px}
#insights.quality-centre [data-flow-view-panel=quality]>.flow-network-analysis{margin:0 0 16px}
#insights.quality-centre .quality-diagnostic-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #35616b;background:#153643;border-radius:15px;padding:20px 23px;margin-bottom:14px}
#insights.quality-centre .quality-diagnostic-summary h3{font-size:18px;margin:8px 0;font-weight:800;letter-spacing:-.5px}
#insights.quality-centre .quality-diagnostic-summary p{font-size:11px;color:#adc7d3;line-height:1.6}
#insights.quality-centre .quality-diagnostic-summary button{font-size:10px;flex:none}
#insights.quality-centre .quality-checklist{border:1px solid #2f5166;background:#102a3c;border-radius:15px;margin-bottom:17px;overflow:hidden}
#insights.quality-centre .quality-check{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:71px;padding:13px 20px;border-bottom:1px solid #2b4e63}
#insights.quality-centre .quality-check:last-child{border-bottom:0}
#insights.quality-centre .quality-check>div{display:flex;flex-direction:column;gap:6px;min-width:0}
#insights.quality-centre .quality-check strong{font-size:12px;font-weight:760;color:#dcecf4}
#insights.quality-centre .quality-check small{font-size:10px;color:#9bb5c8;line-height:1.5}
#insights.quality-centre .quality-check>b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#dfeff7}
#insights.quality-centre .quality-check[data-level=warning]>b{color:#ffd38a}
#insights.quality-centre .quality-check[data-level=critical]>b{color:#ff9ca8}
#insights.quality-centre .quality-check[data-level=unknown]>b{color:#90a9bc}
#insights.quality-centre [data-flow-view-panel=overview]>.flow-shortcuts{display:none}
#insights.quality-centre [data-flow-view-panel=overview]>.flow-kpis{margin-top:14px}
#insights.quality-centre #flow-message{margin:11px 0}
@media(max-width:1050px){
 #insights.quality-centre .quality-two-column{grid-template-columns:1fr}
 #insights.quality-centre .quality-flat-section+.quality-flat-section{border-left:0;border-top:1px solid #31536a}
 #insights.quality-centre .quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #insights.quality-centre .quality-metric:nth-child(2){border-right:0}
 #insights.quality-centre .quality-metric:nth-child(-n+2){border-bottom:1px solid #35576b}
}
@media(max-width:800px){
 #insights.quality-centre .flow-hero{padding:18px 17px}
 #insights.quality-centre .flow-hero h1{font-size:27px;letter-spacing:-.9px}
 #insights.quality-centre .flow-view-tabs{top:57px;margin:12px -2px 15px}
 #insights.quality-centre .flow-view-tab{flex:none;font-size:10px;min-height:43px}
 #insights.quality-centre .quality-dashboard{gap:11px}
 #insights.quality-centre .quality-status-strip{padding:15px;align-items:flex-start;flex-wrap:wrap;border-radius:12px;gap:11px}
 #insights.quality-centre .quality-status-strip h3{font-size:18px;margin:6px 0}
 #insights.quality-centre .quality-status-strip p{font-size:10px}
 #insights.quality-centre .quality-health-status{font-size:9px;min-width:auto;padding:7px 9px}
 #insights.quality-centre .quality-metrics{border-radius:12px}
 #insights.quality-centre .quality-metric{min-height:102px;padding:14px 13px;gap:7px}
 #insights.quality-centre .quality-metric>span{font-size:10px}
 #insights.quality-centre .quality-metric>strong{font-size:22px}
 #insights.quality-centre .quality-metric>small{font-size:9px}
 #insights.quality-centre .quality-two-column{border-radius:12px}
 #insights.quality-centre .quality-flat-section{padding:15px 14px}
 #insights.quality-centre .quality-section-head h3{font-size:13px}
 #insights.quality-centre .quality-impact{display:block;border-radius:12px;padding:15px}
 #insights.quality-centre .quality-impact h3{font-size:13px}
 #insights.quality-centre .quality-impact-actions{justify-content:flex-start;margin-top:13px}
 #insights.quality-centre .quality-impact-actions .ghost{font-size:10px;min-height:35px}
 #insights.quality-centre .quality-diagnostic-summary{display:block;padding:16px}
 #insights.quality-centre .quality-diagnostic-summary h3{font-size:16px}
 #insights.quality-centre .quality-diagnostic-summary button{margin-top:12px}
 #insights.quality-centre .quality-check{padding:12px 14px;min-height:64px;align-items:center}
 #insights.quality-centre .quality-check strong{font-size:11px}
 #insights.quality-centre .quality-check small{font-size:9px}
 #insights.quality-centre .quality-check>b{font-size:13px}
}
@media(max-width:390px){
 #insights.quality-centre .quality-device{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr);gap:8px}
 #insights.quality-centre .quality-device-ping{grid-column:1/-1;flex-direction:row;justify-content:flex-end;border-top:1px dotted #315267;padding-top:7px}
 #insights.quality-centre .quality-status-strip h3{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#insights.quality-centre .quality-device-track span{transition:none}}