:root{--bg:#07121f;--panel:#0b1728;--line:#1f5b88;--cyan:#36d9ff;--green:#2ee886;--red:#ff4d57;--yellow:#ffc247;--text:#eef6ff;--muted:#91a9c2}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 35% 0,#0e2540,#06101d 55%,#040a12);color:var(--text)}button,a,input,select{font:inherit}a{color:#6fe8ff}
.loginBody{min-height:100vh;display:grid;place-items:center}.loginShell{width:min(760px,92vw)}.loginBrand{display:grid;grid-template-columns:190px 1fr 84px;gap:18px;align-items:center;margin-bottom:34px}.optyWord{font-size:54px;font-weight:900;color:#eaffff}.loginBrand h1{font-size:36px;margin:0}.loginBrand strong{color:#3ee9ff;letter-spacing:4px}.loginBrand span{display:grid;place-items:center;width:72px;height:72px;border:1px solid #27739b;border-radius:50%;color:#5beaff;font-weight:900}.loginCard{padding:34px;border:1px solid #1c5b85;border-radius:26px;background:rgba(8,17,31,.78)}.loginCard h2{font-size:30px;margin:0 0 12px}.loginCard p{color:#b4c9dd;font-size:20px}.loginCard label{display:block;margin:26px 0 10px;font-weight:800}.loginCard input{width:100%;height:60px;border-radius:14px;border:1px solid #36516d;background:#030817;color:white;padding:0 18px;font-size:20px}.loginCard input:focus{outline:2px solid #36d9ff}.loginCard button{width:100%;height:62px;margin-top:26px;border:0;border-radius:14px;background:linear-gradient(90deg,#44c7f5,#27d06f);font-weight:900;font-size:20px;color:#020911}.loginError{min-height:24px;color:#ff7980}.loginShell footer{text-align:center;color:#7f94ad;margin-top:18px}
.portalBody{min-height:100vh;padding:26px;background:#060d18}.portalTop{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#09192c,#07111f)}.portalTop h1{margin:6px 0;font-size:34px}.portalTop p{margin:0;color:var(--muted)}.optyMini{font-size:34px;color:#49e5ff}.portalTop nav{display:flex;gap:12px}.portalTop a,.portalTop button,.masterSide button{min-height:44px;padding:0 18px;border:1px solid #1f6d9e;border-radius:10px;background:#0a2238;color:#eaf7ff;text-decoration:none;font-weight:800}
.portalStats{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin:22px 0}.statBox{padding:18px;border:1px solid #214d83;border-radius:14px;background:#0b1424}.statBox span{display:block;color:#9db3cc;text-transform:uppercase;letter-spacing:1px}.statBox strong{font-size:32px;color:var(--cyan)}.statBox.bad strong{color:var(--red)}.statBox.ok strong{color:var(--green)}.portalToolbar{display:grid;grid-template-columns:1fr 180px 180px;gap:14px;margin:18px 0;padding:18px;border:1px solid #182c4a;border-radius:18px;background:#0d1727}.portalToolbar input,.portalToolbar select{height:54px;border:1px solid #273a58;border-radius:10px;background:#09111e;color:white;padding:0 16px}
.unitGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.unitCard{border:1px solid #0b98c6;border-radius:16px;background:#071b2d;overflow:hidden}.unitHead{display:flex;justify-content:space-between;gap:12px;padding:16px;background:#08243b}.unitHead h2{margin:0}.unitHealth{font-weight:900;color:var(--green)}.linkRow{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr .9fr;gap:10px;padding:12px 16px;border-top:1px solid #12395b}.linkRow strong{color:#46e4ff}.linkRow small{display:block;color:#adc0d4;font-weight:800;text-transform:uppercase}.linkRow.down{background:#431218}.linkRow.down strong,.linkRow.down .value{color:#ff6d75}.unitActions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #12395b}.unitActions button{height:38px;padding:0 14px;border:1px solid #1384bc;border-radius:9px;background:#0b3455;color:white;font-weight:800}
.masterBody{display:grid;grid-template-columns:280px 1fr;padding:0}.masterSide{min-height:100vh;padding:26px 16px;background:#071321;border-right:1px solid #17395e;position:sticky;top:0}.nocLogo{font-size:28px;font-weight:900;color:#44e0ff;margin-bottom:28px}.nocLogo span{font-size:14px;letter-spacing:6px}.masterSide a,.masterSide button{display:block;width:100%;margin:10px 0;text-align:left}.masterMain{padding:24px}.masterHero{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center}.optyPanel{width:260px;height:118px;border:1px solid #135d83;border-radius:14px;display:grid;place-items:center;color:#0d6179;font-size:40px;font-weight:900}.masterHero h1{font-size:36px;margin:12px 0 6px}.masterClock{border:1px solid #245f91;border-radius:12px;padding:18px;text-align:center}.masterClock strong{display:block;font-size:28px;color:#63fff1}.masterActions{display:flex;gap:10px;flex-wrap:wrap;padding:18px;border:1px solid #0c6d8d;border-radius:18px;background:#061d2e;margin-bottom:18px}.masterActions button{height:50px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(90deg,#11a0bf,#35d36e);font-weight:900;color:#05101b}.masterActions .active{background:#ffc247}.ufGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ufCard{padding:16px;border:1px solid #1f5b88;border-radius:14px;background:#0b1728;cursor:pointer}.ufCard strong{font-size:24px}.ufCard .bad{color:var(--red)}.warRoom,.ufBoard{margin-top:18px;padding:18px;border:1px solid #0d658b;border-radius:18px;background:#071726}.criticalItem{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #16304d}.criticalItem:last-child{border-bottom:0}
.callCenterBoard{margin-top:18px;padding:16px 18px;border:1px solid #315f8f;border-radius:18px;background:linear-gradient(180deg,#081a2c,#06111f);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow)}
.callCenterPriority{margin-top:18px;border-color:#624fc0;background:linear-gradient(180deg,rgba(18,25,55,.98),rgba(6,17,31,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 34px rgba(41,27,96,.16)}
/* ===== Saúde das UFs premium v2.2 ===== */
.ufHealthPanel{overflow:hidden}.ufHealthPanel>header{margin-bottom:12px}.ufHealthPanel>header h2{display:flex;align-items:center;gap:9px}.ufHealthPanel>header h2:before{content:"✦";display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(54,217,255,.38);border-radius:10px;background:rgba(54,217,255,.08);color:#39e7ff;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ufHealthList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start;max-height:310px;overflow:auto;padding:2px 5px 3px 1px;scrollbar-width:thin;scrollbar-color:#50718c transparent}.ufHealthList::-webkit-scrollbar{width:7px}.ufHealthList::-webkit-scrollbar-thumb{background:#496a84;border-radius:10px}.ufHealthRow{position:relative;display:grid;grid-template-columns:11px 38px 1fr auto 18px;align-items:center;gap:8px;min-height:61px;width:100%;padding:10px 11px;border:1px solid #1c557c;border-radius:13px;background:linear-gradient(145deg,rgba(9,31,51,.96),rgba(5,19,34,.98));color:#eef7ff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ufHealthRow:hover{transform:translateY(-1px);border-color:#37ccef;box-shadow:0 8px 24px rgba(0,0,0,.22)}.ufHealthRow i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(46,232,134,.75)}.ufHealthRow strong{font-size:17px;color:#f2f8ff}.ufHealthRow span{font-size:12px;font-weight:800;color:#c9daea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ufHealthRow small{padding:4px 7px;border:1px solid rgba(113,160,196,.24);border-radius:999px;color:#9eb8cf;font-size:10px;white-space:nowrap}.ufHealthRow b{font-size:22px;line-height:1;color:#5fdcf8;transition:transform .16s ease}.ufHealthRow:hover b{transform:translateX(2px)}.ufHealthRow.ok{border-color:rgba(46,232,134,.35)}.ufHealthRow.ok span{color:#6ef3aa}.ufHealthRow.warn{border-color:rgba(255,194,71,.62);background:linear-gradient(145deg,rgba(49,38,13,.42),rgba(7,22,36,.98))}.ufHealthRow.warn i{background:var(--yellow);box-shadow:0 0 12px rgba(255,194,71,.82)}.ufHealthRow.warn span{color:#ffd36e}.ufHealthRow.down{border-color:rgba(255,77,87,.72);background:linear-gradient(145deg,rgba(64,17,25,.43),rgba(7,20,34,.98))}.ufHealthRow.down i{background:var(--red);box-shadow:0 0 13px rgba(255,77,87,.86)}.ufHealthRow.down span{color:#ff8b92}.ufHealthRow.down:after{content:"";position:absolute;inset:-1px;border-radius:13px;pointer-events:none;box-shadow:0 0 0 0 rgba(255,77,87,.22);animation:ufHealthPulse 1.7s ease-out infinite}@keyframes ufHealthPulse{0%{box-shadow:0 0 0 0 rgba(255,77,87,.26)}70%{box-shadow:0 0 0 6px rgba(255,77,87,0)}100%{box-shadow:0 0 0 0 rgba(255,77,87,0)}}@media(max-width:1200px){.ufHealthList{grid-template-columns:1fr}}

.callCenterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.callCenterMini{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:72px;padding:11px 12px;border:1px solid #7358c8;border-radius:13px;background:linear-gradient(145deg,#101a34,#091629);color:#eef6ff;cursor:pointer;text-align:left;transition:.18s ease}.callCenterMini:hover{transform:translateY(-2px);border-color:#a890ff;box-shadow:0 10px 24px rgba(91,69,180,.18)}.callCenterMini i{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(46,232,134,.8)}.callCenterMini strong{display:block;font-size:14px;line-height:1.15}.callCenterMini small{display:block;margin-top:4px;color:#aabdd2;font-size:11px}.callCenterMini b{padding:5px 8px;border:1px solid rgba(46,232,134,.6);border-radius:999px;color:#61f5a2;font-size:11px}.callCenterMini.warn{border-color:#d49a2a}.callCenterMini.warn i{background:var(--yellow);box-shadow:0 0 12px rgba(255,194,71,.8)}.callCenterMini.warn b{border-color:rgba(255,194,71,.65);color:#ffd36e}.callCenterMini.down{border-color:#ff4d57;animation:downPulse 1.45s ease-in-out infinite}.callCenterMini.down i{background:var(--red);box-shadow:0 0 14px rgba(255,77,87,.9)}.callCenterMini.down b{border-color:rgba(255,77,87,.75);color:#ff858c}
.unitCard.callCenter{border-color:#765bd2;background:linear-gradient(145deg,#0c2440,#0d1830)}.unitCard.callCenter:not(.down):not(.warn){box-shadow:0 0 0 1px rgba(130,101,230,.25),0 18px 45px rgba(0,0,0,.28),0 0 24px rgba(98,74,184,.12)}.unitCard.callCenter .unitHead{background:linear-gradient(180deg,rgba(34,35,76,.98),rgba(16,35,59,.96))}.unitTitleLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.callCenterTag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid #a58cff;border-radius:999px;background:rgba(102,74,188,.22);color:#d9ceff;font-size:10px;font-weight:900;letter-spacing:.7px}.unitCard.callCenter.down{border-color:var(--red)}.unitCard.callCenter.warn{border-color:var(--yellow)}
.unitCard{position:relative;box-shadow:0 18px 45px rgba(0,0,0,.28)}.unitCard.down{border-color:#ff4351;box-shadow:0 0 0 1px rgba(255,67,81,.45),0 0 28px rgba(255,67,81,.25);animation:downPulse 1.45s ease-in-out infinite}.unitCard.warn{border-color:#ffc247}.unitHead{align-items:center}.unitHead h2:before{content:"🏥 ";font-size:22px}.unitSummary{text-align:right;font-weight:900}.unitSummary strong{display:block;font-size:22px;color:var(--green)}.unitCard.down .unitSummary strong{color:#ff6d75}.linkTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;padding:12px}.linkTile{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid #0c82b0;border-radius:10px;background:#082a43;color:var(--text);text-decoration:none}.linkTile:hover{border-color:#47e5ff;background:#0a3758}.linkTile.down{border-color:#ff5360;background:#46131b;animation:downPulse 1.45s ease-in-out infinite}.linkTile strong{font-size:18px;color:#37e4ff}.linkTile.down strong{color:#ff7c84}.statusPill{padding:6px 10px;border-radius:10px;background:#0f8d4b;color:white;font-weight:900}.statusPill.down{background:#c52632}.statusPill.warn{background:#9c6c09}.linkRow{grid-template-columns:1.3fr .75fr .75fr .75fr .9fr .8fr}.linkRow .openLink{color:#49e5ff;text-decoration:none;font-weight:900}.linkRow.down .openLink{color:#ff848c}.unitHealthBar{margin:12px 16px 0;height:11px;border-radius:999px;background:#12304a;overflow:hidden}.unitHealthBar span{display:block;height:100%;background:linear-gradient(90deg,#ff4d57,#ffc247,#2ee886)}.unitActions button:nth-child(1){background:#0a4b75}.unitActions button:nth-child(2){background:#0a4b75}.unitActions button:nth-child(3){background:#0a4b75}.unitActions button:nth-child(4){background:#0d5d72}.unitActions button:nth-child(5){background:#7a5600;border-color:#ffc247}.ufCard{position:relative;min-height:126px;background:linear-gradient(135deg,#0b1728,#062439);box-shadow:0 0 18px rgba(0,208,255,.12)}.ufCard:after{content:"";position:absolute;right:18px;top:38px;width:64px;height:45px;background:radial-gradient(circle,#00d4ff 1px,transparent 2px);background-size:7px 7px;opacity:.45}.ufCard:hover{border-color:#36d9ff;transform:translateY(-2px)}.ufCard strong{font-size:38px;line-height:1}.ufCard small{display:block;color:#8fb0cc}.ufCard .port{position:absolute;right:14px;bottom:12px;color:#9ddff0;font-size:12px}.ufCard.critical{border-color:#ff4d57;animation:downPulse 1.45s ease-in-out infinite}.ufCard.attention{border-color:#ffc247}.ufCard.ok strong{color:#44ff97}.ufCard.critical strong{color:#ff656d}.ufCard.attention strong{color:#ffc247}@keyframes downPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,67,81,.4),0 0 10px rgba(255,67,81,.18)}50%{box-shadow:0 0 0 2px rgba(255,67,81,.9),0 0 34px rgba(255,67,81,.5)}}
.unitCard.tone-blue{border-color:#38d9ff}.unitCard.tone-green{border-color:#32e886}.unitCard.tone-yellow{border-color:#ffc247}.unitCard.tone-red{border-color:#ff4d57}.unitHead{align-items:flex-start}.unitHead h2{font-size:25px;line-height:1.1}.unitNote{margin:8px 0 0;color:#94afc9;font-size:12px;font-weight:700}.unitSummary{min-width:128px}.unitSummary strong{font-size:25px}.unitSummary span{font-size:14px}.linkTiles{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.linkTile{padding:11px 12px}.linkTile small{display:block;color:#b9d1e6;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.2px}.linkTile strong{display:block;margin-top:3px;font-size:20px;line-height:1.05}.statusPill{font-size:13px}.linkRow{grid-template-columns:1.28fr .7fr .72fr .72fr .88fr .7fr;align-items:start;font-size:14px}.linkRow small{font-size:12px;letter-spacing:.15px}.linkRow .value{font-size:15px}.detailHero{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin:22px 0}.bigMetric{padding:18px;border:1px solid #1b75a5;border-radius:16px;background:#0a1c2f}.bigMetric span{display:block;color:#9fb7cf;text-transform:uppercase;font-size:12px;font-weight:900}.bigMetric strong{display:block;margin-top:8px;font-size:34px;color:#44e8ff}.bigMetric.bad strong{color:#ff5963}.bigMetric.ok strong{color:#38ef91}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detailPanel,.configPanel,.configPreview{border:1px solid #1b5f8b;border-radius:16px;background:#08192a;padding:18px}.detailPanel h2,.configPanel h2,.configPreview h2{margin:0 0 14px;font-size:20px}.detailPanel canvas{width:100%;height:280px;background:#050c15;border-radius:12px}.detailPanel.wide{grid-column:1/-1}.detailLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.detailLink{border:1px solid #0d7fad;border-radius:12px;background:#09243b;padding:14px}.detailLink.down{border-color:#ff4d57;background:#42121a}.detailLink h3{margin:0 0 8px;color:#47e5ff}.detailLink a{font-weight:900;text-decoration:none}.configShell{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:18px;margin-top:22px}.configPanel p{color:#a6bad0}.configPanel label{display:block;margin:16px 0;color:#bcd1e6;font-weight:800}.configPanel input,.configPanel select{width:100%;height:48px;margin-top:8px;border:1px solid #27466d;border-radius:10px;background:#050d18;color:white;padding:0 12px}.cfgDesignations{margin:16px 0}.cfgDesignations h3{margin:0 0 4px;color:#eaf7ff;font-size:16px}.cfgDesignations p{margin:0 0 10px;color:#8fa8c0;font-size:12px}.cfgDesignationRow{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:8px 0;padding:10px;border:1px solid #173a5c;border-radius:10px;background:#071423}.cfgDesignationRow span{color:#9fc4dc;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfgDesignationRow input{height:40px;margin:0}.configActions{display:flex;gap:10px;flex-wrap:wrap}.configActions button{height:44px;padding:0 16px;border:1px solid #1480bd;border-radius:10px;background:#0a4b75;color:white;font-weight:900}.configActions button:last-child{background:#3b1520;border-color:#d54f5d}
.unitGrid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:18px}.unitCard{border-radius:18px}.unitHead{padding:18px 20px}.unitHead h2{font-size:22px}.unitHead h2:before{font-size:18px}.unitSummary strong{font-size:24px}.unitSummary span{font-size:13px}.linkTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px}.linkTile{grid-template-columns:minmax(0,1fr) 76px;min-height:76px;overflow:hidden}.linkTile span{min-width:0}.linkTile small{font-size:11px;line-height:1.1}.linkTile strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkDesignation{display:block;margin-top:3px;color:#89a9c4;font-size:10px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.linkSpeedBadge{display:inline-flex;align-items:center;margin-top:4px;padding:2px 6px;border:1px solid rgba(57,229,255,.42);border-radius:999px;background:rgba(10,84,112,.38);color:#8eecff;font-size:9px;font-style:normal;font-weight:900;line-height:1.2;letter-spacing:.15px;white-space:nowrap}.linkTechBadge{display:inline-flex;align-items:center;margin:4px 0 0 5px;padding:2px 6px;border:1px solid rgba(179,140,255,.48);border-radius:999px;background:rgba(84,55,145,.34);color:#d8c7ff;font-size:9px;font-style:normal;font-weight:900;line-height:1.2;letter-spacing:.15px;white-space:nowrap}.statusPill{width:76px;min-width:76px;padding:6px 4px;text-align:center;font-size:11px;line-height:1.15;white-space:normal}.linkRow{grid-template-columns:minmax(112px,1.2fr) minmax(58px,.56fr) minmax(66px,.62fr) minmax(62px,.6fr) minmax(78px,.72fr) minmax(58px,.52fr);gap:8px;padding:11px 20px;font-size:13px;overflow:hidden}.linkRow>div{min-width:0}.linkRow small{font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkRow .value,.linkRow .openLink{font-size:13px;line-height:1.35;word-break:break-word}.linkRow .openLink{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.unitActions{padding:14px 20px;gap:10px}.unitActions button{height:36px;padding:0 14px;font-size:14px;min-width:120px}.unitHealthBar{margin:12px 20px 0}.detailPanel canvas{height:320px}.detailPanel{background:linear-gradient(180deg,#092036,#06101c);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.cfgLinkFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.42fr) minmax(112px,.38fr);gap:8px}.cfgLinkFields input,.cfgLinkFields select{min-width:0}.cfgSpeedInput{text-align:center;font-weight:900;color:#8eecff!important}.cfgTechnologySelect{font-weight:900;color:#d8c7ff!important}@media(max-width:720px){.cfgLinkFields{grid-template-columns:1fr}}
.linkTiles{grid-template-columns:repeat(2,minmax(245px,1fr));padding:10px 14px}.linkTile{grid-template-columns:minmax(0,1fr) 58px;min-height:62px;padding:9px 10px}.linkTile strong{font-size:15px;letter-spacing:0;white-space:nowrap;overflow:visible;text-overflow:clip}.statusPill{width:58px;min-width:58px;font-size:12px;padding:7px 4px}.statusPill.ok{background:#10924f}.statusPill.down{background:#c52632}.statusPill.warn{background:#9c6c09}.linkTiles{grid-template-columns:repeat(2,minmax(236px,1fr));gap:8px;padding:10px 13px}.linkTile{grid-template-columns:minmax(0,1fr) 54px;gap:7px;min-height:58px;padding:8px 9px}.linkTile small{font-size:10px}.linkTile strong{font-size:14px;line-height:1.08}.statusPill{width:54px;min-width:54px;font-size:11px;border-radius:9px}.regionalReportShell{display:grid;grid-template-columns:minmax(320px,480px) 1fr;gap:18px;margin-top:22px}.regionalReportPanel,.regionalReportPreview{border:1px solid #1b5f8b;border-radius:16px;background:#08192a;padding:18px}.regionalReportPanel h2,.regionalReportPreview h2{margin:0 0 14px}.regionalReportControls{display:grid;gap:14px}.regionalReportControls label{font-weight:900;color:#bcd1e6}.regionalReportControls select{width:100%;height:48px;margin-top:8px;border:1px solid #27466d;border-radius:10px;background:#050d18;color:#fff;padding:0 12px}.regionalReportActions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.regionalReportActions a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:1px solid #245f91;border-radius:10px;background:#0a2238;color:#73aefc;text-decoration:none;font-weight:900}.regionalReportActions .pdfBtn{color:#ff868b}.regionalReportPreview .reportTableWrap{max-height:520px;overflow:auto}.regionalReportPreview .reportTable{width:100%;border-collapse:collapse;font-size:13px}.regionalReportPreview th,.regionalReportPreview td{padding:9px;border-bottom:1px solid #17324d;text-align:left}.regionalReportPreview th{color:#b9d1e6}.regionalReportPreview td{color:#eef6ff}.regionalReportActions a.testing,.regionalReportActions button.testing{opacity:.65;pointer-events:none}.regionalReportHint{margin:-5px 0 14px;color:#8fb0c8;font-size:12px}.regionalReportActions button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:1px solid #245f91;border-radius:10px;background:#0a3454;color:#fff;font-weight:900;cursor:pointer}.regionalReportLegend{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.regionalReportLegend span{padding:6px 8px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid #27466d}.regionalReportLegend .ok{color:#73f0aa;background:#0d3c29}.regionalReportLegend .warn{color:#ffd887;background:#49340c}.regionalReportLegend .critical{color:#ffb36f;background:#4b2510}.regionalReportLegend .bad{color:#ff9ba2;background:#48151b}.regionalReportPreviewHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.regionalReportPreviewHead h2{margin-bottom:4px}.regionalReportPreviewHead p{margin:0;color:#9bb5ca}.regionalReportScopeBadge{border:1px solid #2674a6;border-radius:999px;background:#0a2941;padding:8px 12px;color:#7bdfff;white-space:nowrap}.regionalExecutiveCards{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:10px;margin:15px 0}.regionalExecutiveCard{border:1px solid #224b6c;border-radius:12px;background:#061421;padding:12px;min-height:92px;position:relative;overflow:hidden}.regionalExecutiveCard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2ad3ff}.regionalExecutiveCard.ok::before{background:#2fe889}.regionalExecutiveCard.warn::before{background:#ffbb43}.regionalExecutiveCard.bad::before{background:#ff5963}.regionalExecutiveCard span{display:block;color:#93abc0;font-size:10px;text-transform:uppercase;font-weight:900}.regionalExecutiveCard strong{display:block;margin-top:7px;color:#fff;font-size:22px;line-height:1.05}.regionalExecutiveCard small{display:block;margin-top:5px;color:#7f9bb3;font-size:10px}.regionalExecutiveMessage{border:1px solid #28506f;border-radius:10px;background:#071624;padding:10px 12px;color:#bcd3e6;font-size:12px;margin-bottom:14px}.regionalExecutiveMessage.warn{border-color:#7a5a18;background:#211807;color:#ffe0a0}.regionalExecutiveMessage.bad{border-color:#8c2830;background:#260b0e;color:#ffabb1}.regionalReportPreview h3{margin:14px 0 9px;color:#dcecff}.regionalExecutiveTable td.status-ok{color:#5af09a;font-weight:900}.regionalExecutiveTable td.status-warn{color:#ffc65b;font-weight:900}.regionalExecutiveTable td.status-bad{color:#ff7078;font-weight:900}.regionalExecutiveTable tr.row-warn{background:rgba(255,187,67,.055)}.regionalExecutiveTable tr.row-bad{background:rgba(255,89,99,.09)}.regionalReportSections{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.regionalReportSections>section{border:1px solid #173b59;border-radius:12px;background:#061421;padding:12px;min-width:0}.regionalIncidentList{display:grid;gap:7px;max-height:270px;overflow:auto}.regionalIncidentItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid #173850;border-radius:9px;padding:9px;background:#071a29}.regionalIncidentItem strong{display:block;color:#eef7ff;font-size:12px}.regionalIncidentItem span{display:block;color:#96afc3;font-size:10px;margin-top:3px}.regionalIncidentItem em{font-style:normal;font-weight:900;color:#6af0a5;white-space:nowrap}.regionalIncidentItem.bad em{color:#ff777e}.regionalIncidentItem.warn em{color:#ffc65b}@media(max-width:1450px){.regionalExecutiveCards{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media(max-width:980px){.regionalReportShell{grid-template-columns:1fr}.regionalExecutiveCards{grid-template-columns:repeat(2,minmax(145px,1fr))}.regionalReportSections{grid-template-columns:1fr}}
.regionalLogin{place-items:stretch;padding:24px;background:radial-gradient(circle at 14% 18%,rgba(39,216,255,.13),transparent 30%),linear-gradient(135deg,#061020,#090e1d 58%,#03111b)}.regionalLoginShell{width:100%;min-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(360px,.8fr);gap:38px;align-items:center}.loginMapPanel,.regionalLoginCard{border:1px solid #11638e;border-radius:18px;background:linear-gradient(145deg,rgba(8,24,42,.94),rgba(4,14,27,.95));box-shadow:0 18px 60px rgba(0,0,0,.34)}.loginMapPanel{padding:30px;display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.loginMapIntro{grid-column:1/-1;display:flex;align-items:flex-end;gap:20px}.loginMapIntro strong{font-size:38px;line-height:1;color:#fff}.loginMapIntro span{color:#9fc2df;font-size:18px}.loginMapFrame{position:relative;min-height:520px;border:1px solid #16496e;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#103b45,#061425)}.loginMapFrame img{max-width:94%;max-height:94%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(54,217,255,.35))}.loginMapFrame b{position:absolute;right:12%;bottom:18%;min-width:124px;padding:16px 24px;border:1px solid #18d76f;border-radius:999px;background:rgba(4,31,19,.9);font-size:28px;text-align:center;color:#eaffff}.loginMapFrame b small{display:block;font-size:12px;color:#7dffae}.loginStatusCards{display:grid;gap:14px}.loginStatusCards article{padding:18px 20px;border:1px solid #0c7c58;border-radius:12px;background:#071629}.loginStatusCards article.warn{border-color:#be8d11}.loginStatusCards span{display:block;color:#b7cbe0;font-size:12px;text-transform:uppercase;font-weight:900}.loginStatusCards strong{display:block;margin-top:6px;font-size:28px;color:#6affaa}.loginStatusCards .warn strong{color:#ffe36b}.regionalLoginCard{padding:30px}.regionalLoginCard header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid #144465;border-radius:14px;margin-bottom:22px}.regionalLoginCard header h2{font-size:26px;margin:0 0 6px}.regionalLoginCard header p{margin:0;font-size:15px}.regionalLoginCard header span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #14a3d5;border-radius:22px;color:#57ecff;font-size:28px;font-weight:900}.regionalLoginCard label{font-size:13px;color:#b9d7ef;text-transform:uppercase}.regionalLoginCard input{height:60px;background:#030b16}.regionalLoginCard input[readonly]{color:#72ffae;font-weight:900}.regionalLoginCard button{background:linear-gradient(90deg,#34d1f0,#6ee6d8);border-radius:28px}.loginDashLink{display:flex;align-items:center;justify-content:center;margin-top:12px;height:48px;border:1px solid #214d83;border-radius:24px;background:#081426;text-decoration:none;font-weight:900;color:#8abaff}.regionalLoginCard footer{text-align:center;margin-top:18px;color:#8aa4bf;font-size:12px}
.masterBody{display:block;padding:0;background:linear-gradient(90deg,rgba(5,14,24,.98),rgba(3,9,17,.94)),radial-gradient(circle at 50% 0,rgba(29,212,255,.18),transparent 36%)}.masterMain{min-height:100vh;padding:28px;max-width:1760px;margin:0 auto}.masterHero{position:relative;display:grid;grid-template-columns:minmax(420px,1fr) minmax(430px,650px) 250px;gap:22px;align-items:center;padding:24px 28px;border:1px solid #155f8b;border-radius:24px;background:linear-gradient(130deg,rgba(8,28,48,.94),rgba(3,11,21,.9));overflow:hidden}.masterHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 35%,rgba(67,221,255,.14),transparent 34%);pointer-events:none}.masterHero>*{position:relative}.masterHeroBrand{display:flex;align-items:center;gap:20px}.optyPanel{width:220px;height:92px;background:rgba(1,11,20,.62);box-shadow:inset 0 0 35px rgba(54,217,255,.08)}.masterCommandCenter{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;align-self:stretch}.masterCommandCenter a,.masterCommandCenter button{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #1594cf;border-radius:12px;background:linear-gradient(180deg,#0b3759,#071b2f);color:#f0fbff;text-decoration:none;font-weight:900;box-shadow:0 0 20px rgba(0,216,255,.08)}.masterCommandCenter a:first-child{background:linear-gradient(90deg,#11a0bf,#35d36e);color:#03101b}.masterCommandCenter button{cursor:pointer}.masterClock{background:#061524}.masterActions{justify-content:center;margin:20px 0}.masterActions button{min-width:132px}.backboneGatewayPanel{margin:0 0 18px;padding:18px;border:1px solid #0d658b;border-radius:18px;background:#071726}.panelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}.panelHead h2{margin:0}.panelHead span{color:#9fb7cf;font-size:12px}.backboneGatewaySummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}.backboneGatewayMetric{border:1px solid #184b73;border-radius:12px;background:#081d30;padding:12px}.backboneGatewayMetric span{display:block;color:#9fb7cf;font-size:11px;text-transform:uppercase;font-weight:900}.backboneGatewayMetric strong{display:block;margin-top:6px;color:#44e8ff;font-size:24px}.backboneGatewayRows{display:grid;gap:10px}.backboneGatewayRow{display:grid;grid-template-columns:1.2fr .8fr .8fr .7fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(154,199,232,.18);border-radius:12px;background:#061523}.backboneGatewayRow strong{color:#eaf7ff}.backboneGatewayRow small{display:block;color:#9fb7cf;font-size:11px}.backboneGatewayPill{justify-self:start;padding:7px 10px;border-radius:999px;background:#283244;color:#dcecff;font-weight:900;font-size:12px}.backboneGatewayPill.pending{background:#5b430c;color:#ffd36f}.backboneGatewayPill.ready{background:#0d5d3c;color:#67ffb1}.ufGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.ufCard{min-height:178px;padding:18px 20px;border-color:#0bb8e8;background:linear-gradient(135deg,#09243a,#04111f);overflow:hidden}.ufCard .ufMapThumb{position:absolute;right:8px;top:20px;width:118px;height:110px;object-fit:contain;opacity:.34;filter:drop-shadow(0 0 14px rgba(54,217,255,.45));pointer-events:none}.ufCard span{position:relative;z-index:1;font-size:24px}.ufCard strong{position:relative;z-index:1;display:block;margin-top:14px;font-size:44px;color:#fff;text-shadow:0 0 18px rgba(54,217,255,.55)}.ufCard small,.ufCard p,.ufCard .port{position:relative;z-index:1}.ufCard p{font-weight:900;color:#dbeaff}.ufCard .port{font-size:13px}.ufCard:after{opacity:.22}
.regionalAdmin{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:18px;margin-top:18px}.regionalAdmin article{min-height:260px;padding:18px;border:1px solid #0d658b;border-radius:18px;background:linear-gradient(180deg,#081b2d,#06111f)}.regionalAdmin h2{margin:0 0 14px;color:#eaf7ff}.activeUsers,.ufAccessList,.auditLog{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:4px}.activeUser,.auditItem,.ufAccess{padding:12px;border:1px solid #173a5c;border-radius:12px;background:#071423}.activeUser strong,.auditItem strong{display:block;color:#54e8ff}.activeUser span,.auditItem span{display:block;margin-top:4px;color:#a9bdd1;font-size:12px}.ufAccess{display:grid;grid-template-columns:52px 1fr 112px;gap:10px;align-items:center}.ufAccess strong{font-size:18px}.ufAccess span{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;background:#07351f;color:#5dff9d;font-size:12px;font-weight:900}.ufAccess.blocked span{background:#3b1117;color:#ff6d75}.ufAccess button{height:34px;border:1px solid #1686ba;border-radius:9px;background:#0a3454;color:#fff;font-weight:900;cursor:pointer}.ufAccess.blocked button{border-color:#35d36e;background:#06351e}.ufAccess small{grid-column:2/-1;color:#8299af;font-size:11px}
.ticketsBody{background:linear-gradient(180deg,#06111e,#040a12);padding:26px}.ticketsTop{margin-bottom:22px}.ticketsShell{display:grid;gap:18px;min-width:0}.ticketsShell>*{min-width:0}.ticketHero{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.ticketHero article{min-width:0;padding:18px;border:1px solid #1b6d9c;border-radius:16px;background:linear-gradient(145deg,#0a2238,#071422);box-shadow:0 12px 32px rgba(0,0,0,.22)}.ticketHero span,.ticketReportGrid span{display:block;color:#a9c0d7;text-transform:uppercase;font-size:12px;font-weight:900}.ticketHero strong{display:block;margin:8px 0 4px;font-size:34px;color:#47e5ff}.ticketHero small,.ticketReportGrid small{color:#8fa8c0}.ticketHero .warn strong{color:#ffc247}.ticketHero .ok strong{color:#3ff093}.ticketsLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;min-width:0}.ticketPanel{min-width:0;border:1px solid #1b5f8b;border-radius:16px;background:linear-gradient(180deg,#08192a,#06111f);padding:18px}.ticketPanelHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.ticketPanelHead h2{margin:0;font-size:22px}.ticketPanelHead span{padding:6px 10px;border:1px solid #1e6f9f;border-radius:999px;color:#9fe9ff;font-size:12px;font-weight:900}.ticketFormGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}.ticketFormGrid label,.ticketChecklist label{min-width:0;color:#bdd2e7;font-weight:800}.ticketFormGrid input,.ticketFormGrid select,.ticketFormGrid textarea{width:100%;min-width:0;margin-top:8px;border:1px solid #27466d;border-radius:10px;background:#050d18;color:#fff;padding:0 12px}.ticketFormGrid input,.ticketFormGrid select{height:48px}.ticketFormGrid textarea{min-height:112px;padding:12px;resize:vertical}.ticketFormGrid .wide{grid-column:1/-1}.ticketActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ticketActions button{height:44px;padding:0 16px;border:1px solid #1491ca;border-radius:10px;background:linear-gradient(90deg,#10a6c7,#35d36e);color:#04111f;font-weight:900}.ticketActions .secondary{background:#0a3454;color:#eaf7ff}.ticketActions .ghost{background:#29151c;border-color:#b94855;color:#ffdce0}.ticketFormMsg{min-height:20px;margin:12px 0 0;color:#9fe9ff;font-weight:800}.ticketChecklist{display:grid;align-content:start;gap:12px}.ticketChecklist label{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #173a5c;border-radius:10px;background:#071423}.ticketChecklist input{width:16px;height:16px;accent-color:#35d36e}.ticketContactBox{display:grid;gap:7px;margin-top:6px;padding:14px;border:1px solid #245f91;border-radius:12px;background:#061524}.ticketContactBox strong{color:#47e5ff}.ticketContactBox span{color:#b8cbe0;font-size:13px}.ticketTableWrap{max-width:100%;overflow:auto}.ticketTable{width:100%;border-collapse:collapse;min-width:920px}.ticketTable th,.ticketTable td{padding:12px;border-bottom:1px solid #17324d;text-align:left;vertical-align:top}.ticketTable th{color:#b9d1e6;font-size:12px;text-transform:uppercase}.ticketTable td{color:#eef6ff}.ticketTable td small{display:block;margin-top:4px;color:#8fa8c0}.ticketStatusSelect{height:34px;border:1px solid #245f91;border-radius:8px;background:#050d18;color:#fff}.ticketBadge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}.ticketBadge.progress{background:#17395e;color:#7fe7ff}.ticketBadge.waiting{background:#3b2d08;color:#ffe080}.ticketBadge.done{background:#07351f;color:#63ff9e}.ticketBadge.critical{background:#42121a;color:#ff858b}.slaWarn{color:#ffc247}.ticketsReports{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.ticketReportGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ticketReportGrid div{min-width:0;padding:14px;border:1px solid #173a5c;border-radius:12px;background:#071423}.ticketReportGrid strong{display:block;margin:8px 0 4px;font-size:28px;color:#47e5ff}.ticketTimeline{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ticketTimeline li{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid #173a5c;border-radius:12px;background:#071423}.ticketTimeline strong{color:#47e5ff}.ticketTimeline span{color:#c9d9e8}
@media(max-width:900px){.callCenterGrid{grid-template-columns:1fr 1fr}.portalStats{grid-template-columns:repeat(2,1fr)}.portalToolbar,.masterHero,.detailGrid,.configShell,.regionalLoginShell,.regionalAdmin{grid-template-columns:1fr}.detailHero{grid-template-columns:repeat(2,1fr)}.masterBody{grid-template-columns:1fr}.masterSide{min-height:auto;position:static}.loginBrand{grid-template-columns:1fr}.linkRow{grid-template-columns:1fr 1fr}.loginMapPanel{grid-template-columns:1fr}.loginMapFrame{min-height:360px}.masterCommandCenter{grid-template-columns:1fr}}


/* ===== OPTY NOC visual v2 - padrao profissional ===== */
:root{--bg:#030b14;--card:#071a2c;--card2:#0a2238;--line:#14638f;--line2:#1f7eb2;--cyan:#36e7ff;--teal:#25d6b3;--green:#2fe889;--red:#ff4e5b;--yellow:#ffc247;--purple:#9b5cf4;--text:#f4fbff;--muted:#9fb7ce;--shadow:0 18px 60px rgba(0,0,0,.35)}
.portalBody{background:radial-gradient(circle at 50% -10%,rgba(35,214,255,.16),transparent 32%),linear-gradient(135deg,#030914,#07111e 55%,#030b14);color:var(--text)}
.portalTop,.masterHero,.ufBoard,.regionalAdmin article,.warRoom,.portalToolbar,.statBox,.unitCard,.regionalFooter{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow)}
.portalTop{border-color:rgba(54,217,255,.45);background:linear-gradient(135deg,rgba(8,31,52,.96),rgba(3,13,25,.96));min-height:130px}.portalTop nav a,.portalTop nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;border-color:#1575a8;background:linear-gradient(180deg,#0a2d4a,#071a2d);transition:.18s}.portalTop nav a:hover,.portalTop nav button:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 22px rgba(54,231,255,.16)}
.optyMini{font-weight:950;letter-spacing:-1px;color:var(--cyan);text-shadow:0 0 18px rgba(54,231,255,.38)}
.portalStats{gap:14px}.statBox{position:relative;display:grid;grid-template-columns:54px 1fr;column-gap:14px;align-items:center;min-height:92px;border-color:#1c5b8f;background:linear-gradient(145deg,rgba(10,32,54,.94),rgba(5,14,27,.96))}.statBox em{grid-row:1/4;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(54,231,255,.35);border-radius:50%;font-style:normal;background:radial-gradient(circle,rgba(54,231,255,.18),rgba(54,231,255,.02))}.statBox span{font-size:13px;color:#b8cbe0}.statBox strong{font-size:30px;line-height:1;color:var(--cyan)}.statBox small{color:#b9c8d6}.statBox.ok strong{color:var(--green)}.statBox.bad strong{color:var(--red)}.statBox.warn strong{color:var(--yellow)}
.portalToolbar{grid-template-columns:1fr 220px 220px;border-color:#173e63;background:rgba(7,18,33,.86)}.portalToolbar input,.portalToolbar select{height:52px;border-color:#213e61;background:#050d18;color:#f4fbff}.portalToolbar input:focus,.portalToolbar select:focus{outline:1px solid var(--cyan)}
.masterBody{display:block;padding:0}.masterMain{padding:24px;max-width:1780px;margin:0 auto}.masterHero{grid-template-columns:minmax(460px,1fr) minmax(420px,640px) 230px}.masterHeroBrand h1{margin:0;font-size:34px;letter-spacing:.3px}.masterHeroBrand p{margin:10px 0 0;color:#d8e9f8}.masterHeroBrand p span{color:#9fb9ce}.optyPanel{width:180px;height:88px;border-color:#1575a8;border-radius:14px;color:var(--cyan);font-size:30px;background:rgba(3,13,25,.72)}.masterClock{min-height:104px;display:grid;place-items:center;border-color:#1f6c9d}.masterClock span,.masterClock small{color:#b6c9dc}.masterClock strong{font-size:30px;color:#62fff0}.masterCommandCenter{grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px}.masterCommandCenter a,.masterCommandCenter button{min-height:48px}.masterCommandCenter a:first-child{background:linear-gradient(90deg,#1ab7da,#33db8b);color:#02111d}.masterActions{align-items:center;justify-content:center;padding:14px 18px;background:rgba(4,24,39,.92);border-color:#0e7198}.masterActions button{height:48px;border:1px solid transparent;background:linear-gradient(90deg,#12a6c9,#2bd07e);color:#03111b}.masterActions button.danger{color:#ff6f78;background:linear-gradient(180deg,#0a2d4a,#071a2d);border-color:#184a72}.masterActions .active{background:linear-gradient(90deg,#ffc247,#ffda74)}
.sectionTitle{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}

/* ===== MASTER CLOCK RIGHT V1 ===== */
/* SOMENTE MASTER NORMAL - SOMENTE POSICAO DO RELOGIO */

.masterBodyV12:not(.masterTvMode) .masterClock{
    position:absolute !important;

    top:16px !important;
    right:18px !important;

    left:auto !important;
    bottom:auto !important;

    transform:none !important;

    margin:0 !important;

    width:138px !important;
    min-width:138px !important;

    z-index:30 !important;
}



/* ===== MASTER HERO PREMIUM V3 REAL ===== */
/*
   SELETORES REAIS:
   .masterCommandCenter
   .masterClock

   SOMENTE MASTER NORMAL
   SOMENTE VISUAL
   ROTAS E FUNCOES PRESERVADAS
*/

/* HERO */
.masterBodyV12:not(.masterTvMode) .masterHero{
    position:relative !important;

    min-height:230px !important;
    padding:22px 24px !important;

    display:grid !important;

    grid-template-columns:
        minmax(470px,520px)
        minmax(300px,1fr)
        minmax(610px,680px) !important;

    align-items:center !important;
    column-gap:18px !important;

    overflow:hidden !important;
}


/* ==========================================
   ESQUERDA - IDENTIDADE
========================================== */

.masterBodyV12:not(.masterTvMode) .masterHeroBrand{
    grid-column:1 !important;
    grid-row:1 !important;

    align-self:center !important;
    justify-self:start !important;

    max-width:500px !important;
}

.masterBodyV12:not(.masterTvMode) .masterHeroBrand h1{
    font-size:33px !important;
    line-height:1.02 !important;
}

.masterBodyV12:not(.masterTvMode) .masterHeroBrand p{
    max-width:360px !important;
}


/* ==========================================
   CENTRO - ARTE NOC
========================================== */

.masterBodyV12:not(.masterTvMode) .masterHero::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:25px !important;

    transform:translateX(-50%) !important;

    width:390px !important;
    height:130px !important;

    inset:auto !important;

    opacity:.76 !important;

    pointer-events:none !important;
    z-index:1 !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 230'%3E%3Cg fill='none' stroke='%2358e5ff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M379 17 C322 30 280 58 252 93 C229 121 211 152 222 177 C233 201 270 203 306 184 C339 167 354 145 381 142 C409 145 423 167 456 184 C492 203 529 201 540 177 C551 152 533 121 510 93 C482 58 440 30 379 17Z'/%3E%3Ccircle cx='381' cy='108' r='10'/%3E%3Ccircle cx='300' cy='92' r='7'/%3E%3Ccircle cx='461' cy='89' r='7'/%3E%3Ccircle cx='324' cy='155' r='7'/%3E%3Ccircle cx='440' cy='153' r='7'/%3E%3Cpath d='M381 108L300 92M381 108L461 89M381 108L324 155M381 108L440 153M300 92L324 155M461 89L440 153'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;

    filter:
        drop-shadow(0 0 4px rgba(88,229,255,.72))
        drop-shadow(0 0 15px rgba(50,201,255,.28))
        !important;
}

.masterBodyV12:not(.masterTvMode) .masterHero::after{
    content:"OPTY • NOC MASTER • 8 REGIONAIS" !important;

    position:absolute !important;

    left:50% !important;
    top:156px !important;

    transform:translateX(-50%) !important;

    width:430px !important;

    text-align:center !important;

    font-size:14px !important;
    font-weight:950 !important;
    letter-spacing:.18em !important;

    color:rgba(82,224,255,.28) !important;

    white-space:nowrap !important;

    pointer-events:none !important;
    z-index:2 !important;
}


/* ==========================================
   DIREITA - BOTOES REAIS
========================================== */

.masterBodyV12:not(.masterTvMode) .masterCommandCenter{
    grid-column:3 !important;
    grid-row:1 !important;

    justify-self:end !important;
    align-self:end !important;

    width:630px !important;
    max-width:630px !important;

    margin:58px 0 0 0 !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:7px !important;
}


/* botoes menores */
.masterBodyV12:not(.masterTvMode) .masterCommandCenter a,
.masterBodyV12:not(.masterTvMode) .masterCommandCenter button{
    width:100% !important;

    min-width:0 !important;
    min-height:39px !important;
    height:39px !important;

    padding:0 8px !important;
    margin:0 !important;

    border-radius:9px !important;

    font-size:11.5px !important;
    line-height:1 !important;

    white-space:nowrap !important;

    box-sizing:border-box !important;
}


/*
10 comandos.
Na última linha:
Modo TV ocupa 2 espaços
Sair ocupa 1.
*/
.masterBodyV12:not(.masterTvMode) .masterCommandCenter > :nth-child(9){
    grid-column:1 / 3 !important;
}

.masterBodyV12:not(.masterTvMode) .masterCommandCenter > :nth-child(10){
    grid-column:3 !important;
}


/* ==========================================
   RELOGIO REAL - CANTO DIREITO
========================================== */

.masterBodyV12:not(.masterTvMode) .masterClock{
    position:absolute !important;

    top:16px !important;
    right:20px !important;

    left:auto !important;
    bottom:auto !important;

    width:138px !important;
    min-width:138px !important;

    height:64px !important;
    min-height:64px !important;

    padding:6px 9px !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:10px !important;

    z-index:20 !important;
}


/* DATA */
.masterBodyV12:not(.masterTvMode) .masterClock span{
    font-size:7px !important;
    line-height:1 !important;
}


/* HORA */
.masterBodyV12:not(.masterTvMode) .masterClock strong{
    display:block !important;

    margin:4px 0 2px !important;

    font-size:21px !important;
    line-height:1 !important;

    letter-spacing:.02em !important;
}


/* TEMPO REAL */
.masterBodyV12:not(.masterTvMode) .masterClock small{
    font-size:7px !important;
    line-height:1 !important;
}


/* ==========================================
   PROTEGE OS ELEMENTOS REAIS
========================================== */

.masterBodyV12:not(.masterTvMode) .masterHero > .masterHeroBrand,
.masterBodyV12:not(.masterTvMode) .masterHero > .masterCommandCenter,
.masterBodyV12:not(.masterTvMode) .masterHero > .masterClock{
    z-index:5 !important;
}


/* ==========================================
   RESPONSIVO
========================================== */

@media(max-width:1500px){

    .masterBodyV12:not(.masterTvMode) .masterHero{
        grid-template-columns:
            minmax(420px,470px)
            minmax(230px,1fr)
            minmax(540px,590px) !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterCommandCenter{
        width:550px !important;
        max-width:550px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterCommandCenter a,
    .masterBodyV12:not(.masterTvMode) .masterCommandCenter button{
        font-size:10.5px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before{
        width:330px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        width:350px !important;
        font-size:11px !important;
    }
}


@media(max-width:1150px){

    .masterBodyV12:not(.masterTvMode) .masterHero{
        min-height:300px !important;

        grid-template-columns:1fr !important;
        grid-template-rows:auto auto !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before,
    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        display:none !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroBrand{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterCommandCenter{
        grid-column:1 !important;
        grid-row:2 !important;

        width:100% !important;
        max-width:none !important;

        margin:10px 0 0 !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }
}



/* ===== MASTER HERO PREMIUM V2 FINAL ===== */
/*
   SOMENTE MASTER NORMAL
   SOMENTE VISUAL
   FUNCOES DOS BOTOES PRESERVADAS
   MODO TV PRESERVADO
*/

/* -------------------------------------------------
   HERO: 3 ZONAS
   ESQUERDA / CENTRO / DIREITA
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHero{
    position:relative !important;

    min-height:218px !important;

    padding:
        22px
        24px !important;

    display:grid !important;

    grid-template-columns:
        minmax(420px,1fr)
        minmax(360px,.95fr)
        minmax(610px,1.25fr) !important;

    grid-template-rows:1fr !important;

    align-items:center !important;

    column-gap:18px !important;

    overflow:hidden !important;
}

/* filhos reais acima da arte */
.masterBodyV12:not(.masterTvMode) .masterHero > *{
    position:relative !important;
    z-index:4 !important;
}


/* -------------------------------------------------
   BLOCO ESQUERDO
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHeroBrand{
    grid-column:1 !important;
    grid-row:1 !important;

    align-self:center !important;
    justify-self:start !important;

    max-width:430px !important;
}


/* -------------------------------------------------
   ARTE CENTRAL
   CENTRALIZADA NO HERO, NAO NOS BOTOES
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHero::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:26px !important;

    transform:translateX(-50%) !important;

    width:430px !important;
    height:126px !important;

    opacity:.88 !important;

    z-index:1 !important;

    pointer-events:none !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;

    filter:
        drop-shadow(0 0 4px rgba(88,229,255,.72))
        drop-shadow(0 0 13px rgba(39,201,255,.28))
        drop-shadow(0 0 23px rgba(14,143,205,.14))
        !important;
}

/* assinatura central */
.masterBodyV12:not(.masterTvMode) .masterHero::after{
    content:"OPTY • NOC MASTER • 8 REGIONAIS" !important;

    position:absolute !important;

    left:50% !important;
    top:157px !important;

    transform:translateX(-50%) !important;

    width:470px !important;

    text-align:center !important;

    color:rgba(86,228,255,.29) !important;

    font-size:16px !important;
    font-weight:950 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;

    pointer-events:none !important;

    z-index:2 !important;
}


/* -------------------------------------------------
   AREA DIREITA
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHeroActions{
    grid-column:3 !important;
    grid-row:1 !important;

    align-self:center !important;
    justify-self:end !important;

    width:590px !important;
    max-width:590px !important;

    margin:
        38px
        176px
        0
        0 !important;

    display:grid !important;

    /* AGORA SAO 3 COLUNAS REAIS */
    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    grid-auto-flow:row !important;

    gap:
        7px
        7px !important;
}


/* botoes menores e mais compactos */
.masterBodyV12:not(.masterTvMode) .masterHeroActions button,
.masterBodyV12:not(.masterTvMode) .masterHeroActions a{
    width:100% !important;
    min-width:0 !important;

    height:40px !important;
    min-height:40px !important;

    padding:
        0
        9px !important;

    margin:0 !important;

    border-radius:10px !important;

    font-size:12px !important;
    line-height:1 !important;

    font-weight:850 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* -------------------------------------------------
   RELOGIO
   PEQUENO NO CANTO DIREITO
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHeroClock{
    position:absolute !important;

    top:18px !important;
    right:22px !important;

    left:auto !important;
    bottom:auto !important;

    width:150px !important;
    min-width:150px !important;

    height:76px !important;
    min-height:76px !important;

    margin:0 !important;

    padding:
        9px
        12px !important;

    border-radius:12px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    z-index:8 !important;
}


/* data menor */
.masterBodyV12:not(.masterTvMode) .masterHeroClock small{
    font-size:8px !important;
    line-height:1 !important;
    margin-bottom:5px !important;
}


/* hora menor */
.masterBodyV12:not(.masterTvMode) .masterHeroClock strong{
    font-size:25px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
}


/* texto Tempo real */
.masterBodyV12:not(.masterTvMode) .masterHeroClock span{
    font-size:8px !important;
    margin-top:5px !important;
}


/* -------------------------------------------------
   TITULO ESQUERDO
------------------------------------------------- */

.masterBodyV12:not(.masterTvMode) .masterHero h1{
    font-size:33px !important;
    line-height:1 !important;
}

.masterBodyV12:not(.masterTvMode) .masterHero p{
    max-width:410px !important;
}


/* -------------------------------------------------
   RESPONSIVO
------------------------------------------------- */

@media(max-width:1600px){

    .masterBodyV12:not(.masterTvMode) .masterHero{
        grid-template-columns:
            minmax(390px,1fr)
            minmax(300px,.82fr)
            minmax(530px,1.18fr) !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions{
        width:510px !important;
        max-width:510px !important;

        margin-right:160px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions button,
    .masterBodyV12:not(.masterTvMode) .masterHeroActions a{
        font-size:11px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before{
        width:380px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        width:400px !important;
        font-size:14px !important;
    }
}


@media(max-width:1250px){

    .masterBodyV12:not(.masterTvMode) .masterHero{
        min-height:260px !important;

        grid-template-columns:
            1fr
            1fr !important;

        grid-template-rows:
            auto
            auto !important;

        row-gap:12px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before,
    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        display:none !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroBrand{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions{
        grid-column:1 / 3 !important;
        grid-row:2 !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroClock{
        top:18px !important;
        right:20px !important;
    }
}



/* ===== MASTER HERO PREMIUM V1 ===== */
/* SOMENTE MASTER NORMAL - SOMENTE VISUAL */

/* HERO PRINCIPAL */
.masterBodyV12:not(.masterTvMode) .masterHero{
    position:relative !important;
    min-height:220px !important;
    padding:22px 24px !important;
    overflow:hidden !important;

    display:grid !important;

    grid-template-columns:
        minmax(430px,1.08fr)
        minmax(330px,.82fr)
        minmax(500px,1.10fr)
        190px !important;

    align-items:center !important;
    column-gap:20px !important;

    background:
        radial-gradient(
            ellipse at 42% 50%,
            rgba(17,145,202,.15),
            transparent 37%
        ),
        linear-gradient(
            105deg,
            rgba(3,18,30,.995) 0%,
            rgba(4,29,46,.985) 46%,
            rgba(2,14,25,.995) 100%
        ) !important;
}

/* TODOS OS FILHOS ACIMA DA ARTE */
.masterBodyV12:not(.masterTvMode) .masterHero > *{
    position:relative !important;
    z-index:3 !important;
}

/* BLOCO IDENTIDADE ESQUERDA */
.masterBodyV12:not(.masterTvMode) .masterHeroBrand{
    grid-column:1 !important;
    align-self:center !important;
}

/* ARTE CENTRAL */
.masterBodyV12:not(.masterTvMode) .masterHero::before{
    content:"" !important;

    position:absolute !important;

    left:45% !important;
    top:28px !important;

    transform:translateX(-50%) !important;

    width:440px !important;
    height:125px !important;

    opacity:.88 !important;

    z-index:1 !important;
    pointer-events:none !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 220'%3E%3Cg fill='none' stroke='%2358e5ff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M380 28 C305 31 248 55 210 96 C172 136 160 169 175 186 C192 206 244 191 282 174 C328 154 350 145 380 145 C410 145 432 154 478 174 C516 191 568 206 585 186 C600 169 588 136 550 96 C512 55 455 31 380 28 Z'/%3E%3Ccircle cx='380' cy='110' r='12'/%3E%3Ccircle cx='264' cy='102' r='8'/%3E%3Ccircle cx='495' cy='95' r='8'/%3E%3Ccircle cx='307' cy='155' r='8'/%3E%3Ccircle cx='451' cy='154' r='8'/%3E%3Ccircle cx='222' cy='143' r='8'/%3E%3Ccircle cx='538' cy='143' r='8'/%3E%3Cpath d='M380 110 L264 102 M380 110 L495 95 M380 110 L307 155 M380 110 L451 154 M264 102 L222 143 M495 95 L538 143 M307 155 L222 143 M451 154 L538 143'/%3E%3Cpath d='M210 191 C270 176 323 178 380 190 C437 178 490 176 550 191' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;

    filter:
        drop-shadow(0 0 4px rgba(88,229,255,.70))
        drop-shadow(0 0 14px rgba(39,201,255,.30))
        drop-shadow(0 0 24px rgba(14,143,205,.15)) !important;
}

/* ASSINATURA SOB A ARTE */
.masterBodyV12:not(.masterTvMode) .masterHero::after{
    content:"OPTY • NOC MASTER • 8 REGIONAIS" !important;

    position:absolute !important;

    left:45% !important;
    top:158px !important;

    transform:translateX(-50%) !important;

    width:470px !important;

    text-align:center !important;

    color:rgba(86,228,255,.30) !important;

    font-size:17px !important;
    font-weight:950 !important;
    letter-spacing:.18em !important;

    text-transform:uppercase !important;
    white-space:nowrap !important;

    z-index:2 !important;
    pointer-events:none !important;

    text-shadow:
        0 0 18px rgba(54,217,255,.11) !important;
}

/* BLOCO DOS BOTOES */
.masterBodyV12:not(.masterTvMode) .masterHeroActions{
    grid-column:3 !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:8px !important;

    width:100% !important;
    max-width:600px !important;

    justify-self:center !important;
    align-self:center !important;
}

/* BOTOES COMPACTOS */
.masterBodyV12:not(.masterTvMode) .masterHeroActions button,
.masterBodyV12:not(.masterTvMode) .masterHeroActions a{
    min-width:0 !important;

    height:42px !important;

    padding:0 12px !important;

    border-radius:11px !important;

    font-size:13px !important;
    font-weight:850 !important;

    white-space:nowrap !important;
}

/* RELOGIO */
.masterBodyV12:not(.masterTvMode) .masterHeroClock{
    grid-column:4 !important;

    justify-self:end !important;
    align-self:center !important;

    width:180px !important;
}

/* AJUSTE DO CONTEUDO ESQUERDO */
.masterBodyV12:not(.masterTvMode) .masterHero h1{
    font-size:34px !important;
    line-height:1 !important;
}

.masterBodyV12:not(.masterTvMode) .masterHero .subtitle,
.masterBodyV12:not(.masterTvMode) .masterHero p{
    max-width:410px !important;
}

/* RESPONSIVO */
@media(max-width:1550px){
    .masterBodyV12:not(.masterTvMode) .masterHero{
        grid-template-columns:
            minmax(390px,1fr)
            minmax(280px,.7fr)
            minmax(450px,1fr)
            170px !important;

        column-gap:14px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before{
        left:43% !important;
        width:390px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        left:43% !important;
        width:420px !important;
        font-size:15px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions{
        max-width:520px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions button,
    .masterBodyV12:not(.masterTvMode) .masterHeroActions a{
        font-size:12px !important;
        padding:0 9px !important;
    }
}

@media(max-width:1200px){
    .masterBodyV12:not(.masterTvMode) .masterHero{
        grid-template-columns:
            1fr
            1fr !important;

        grid-template-rows:auto auto !important;
        row-gap:14px !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHero::before,
    .masterBodyV12:not(.masterTvMode) .masterHero::after{
        display:none !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroBrand{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroActions{
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        max-width:none !important;
    }

    .masterBodyV12:not(.masterTvMode) .masterHeroClock{
        grid-column:2 !important;
        grid-row:1 !important;
    }
}



/* ===== MASTER UF CARDS PREMIUM V4 COMPACT ===== */
/* somente Master normal - visual */
/* clique das UFs e Modo TV preservados */

/* OCULTA A BUSCA/FILTROS DO MASTER NORMAL */
.masterBodyV12:not(.masterTvMode) .portalToolbar{
    display:none !important;
}

/* area um pouco mais compacta */
.masterBodyV12:not(.masterTvMode) .ufBoard{
    margin-top:14px !important;
    padding:16px !important;
}

/* continua 4 x 2 */
.masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:11px !important;
}

/* card cerca de 10-15% menor */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard{
    min-height:150px !important;
    padding:14px 15px 13px !important;

    grid-template-columns:
        minmax(0,1fr)
        88px !important;

    grid-template-rows:
        15px
        auto
        auto
        1fr
        auto !important;

    column-gap:10px !important;

    border-radius:15px !important;
}

/* LED */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard i{
    width:9px !important;
    height:9px !important;
}

/* UF */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard strong{
    margin-top:3px !important;
    font-size:33px !important;
}

/* NOC */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard small{
    margin-top:2px !important;
    font-size:9px !important;
}

/* mapa menor */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard .ufMapThumb{
    width:82px !important;
    height:70px !important;
}

/* dados mais compactos */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard p{
    margin-top:8px !important;
    padding:8px 0 15px !important;

    font-size:10.5px !important;
    line-height:1.30 !important;
}

/* porta */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard .port{
    left:15px !important;
    bottom:9px !important;
    font-size:9px !important;
}

/* título da seção */
.masterBodyV12:not(.masterTvMode) .ufBoard .sectionTitle{
    margin-bottom:13px !important;
}

.masterBodyV12:not(.masterTvMode) .ufBoard .sectionTitle h2{
    font-size:20px !important;
}

/* responsividade preservada */
@media(max-width:1200px){
    .masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:650px){
    .masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
        grid-template-columns:1fr !important;
    }
}



/* ===== MASTER UF CARDS PREMIUM V3 REAL ===== */
/* TEMPLATE REAL DO MASTER - SOMENTE VISUAL */
/* FUNCOES, ONCLICK E MODO TV PRESERVADOS */

/* AREA DASHBOARD POR UF */
.masterBodyV12:not(.masterTvMode) .ufBoard{
    padding:20px !important;
    border:1px solid rgba(21,126,169,.72) !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 50% -20%,rgba(37,211,255,.08),transparent 42%),
        linear-gradient(180deg,#051b2c,#030f1b) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 18px 50px rgba(0,0,0,.22) !important;
}

/* 4 COLUNAS x 2 LINHAS */
.masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

/* CARD */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard{
    position:relative !important;
    min-width:0 !important;
    min-height:176px !important;
    padding:17px 18px 15px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 105px !important;
    grid-template-rows:18px auto auto 1fr auto !important;
    column-gap:12px !important;

    border-radius:17px !important;
    overflow:hidden !important;

    background:
        radial-gradient(circle at 84% 27%,rgba(55,220,255,.11),transparent 31%),
        linear-gradient(145deg,#07243a,#03111e) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 13px 30px rgba(0,0,0,.26) !important;

    animation:none !important;
}

/* LED */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard i{
    grid-column:1 !important;
    grid-row:1 !important;

    width:11px !important;
    height:11px !important;
    margin:0 !important;

    border-radius:50% !important;
}

/* UF GRANDE */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard strong{
    grid-column:1 !important;
    grid-row:2 !important;

    display:block !important;
    margin:5px 0 0 !important;

    font-size:38px !important;
    line-height:.95 !important;
    font-weight:950 !important;
    letter-spacing:-.04em !important;
}

/* NOC UF */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard small{
    grid-column:1 !important;
    grid-row:3 !important;

    display:block !important;
    margin-top:3px !important;

    color:#a8c0d3 !important;
    font-size:10px !important;
    font-weight:850 !important;
}

/* MAPA */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard .ufMapThumb{
    grid-column:2 !important;
    grid-row:1 / 5 !important;

    position:relative !important;
    right:auto !important;
    top:auto !important;

    align-self:center !important;
    justify-self:end !important;

    width:98px !important;
    height:84px !important;

    object-fit:contain !important;
    opacity:.47 !important;

    filter:
        drop-shadow(0 0 5px rgba(52,217,255,.46))
        drop-shadow(0 0 17px rgba(27,166,220,.18)) !important;
}

/* DADOS */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard p{
    grid-column:1 / 3 !important;
    grid-row:5 !important;

    margin:12px 0 0 !important;
    padding:11px 0 17px !important;

    border-top:1px solid rgba(80,158,190,.22) !important;

    color:#eff9ff !important;
    font-size:11.5px !important;
    line-height:1.4 !important;
    font-weight:850 !important;
}

/* PORTA */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard .port{
    position:absolute !important;
    left:18px !important;
    right:auto !important;
    bottom:11px !important;

    color:#74ddef !important;
    font-size:10px !important;
}

/* REMOVE PONTILHADO LEGADO */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;

    right:auto !important;
    top:auto !important;
    width:auto !important;
    height:auto !important;

    background:
        linear-gradient(
            125deg,
            transparent 0 70%,
            rgba(54,217,255,.025) 70% 70.5%,
            transparent 70.5%
        ) !important;

    opacity:1 !important;
    pointer-events:none !important;
}

/* OK */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.ok{
    border-color:#14ae73 !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.ok i{
    background:#36ec98 !important;
    box-shadow:0 0 13px rgba(54,236,152,.85) !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.ok strong{
    color:#45ee9d !important;
}

/* ATENCAO */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.attention{
    border-color:#ffc247 !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.attention i{
    background:#ffc247 !important;
    box-shadow:0 0 13px rgba(255,194,71,.82) !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.attention strong{
    color:#ffc94f !important;
}

/* CRITICO */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.critical{
    border-color:#ff5362 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 13px 30px rgba(0,0,0,.27),
        0 0 19px rgba(255,83,98,.11) !important;

    animation:none !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.critical i{
    background:#ff5362 !important;
    box-shadow:0 0 14px rgba(255,83,98,.90) !important;
}

.masterBodyV12:not(.masterTvMode) #ufCards .ufCard.critical strong{
    color:#ff6572 !important;
}

/* HOVER */
.masterBodyV12:not(.masterTvMode) #ufCards .ufCard:hover{
    transform:translateY(-3px) !important;
    filter:brightness(1.05);
}

/* RESPONSIVO */
@media(max-width:1200px){
    .masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:650px){
    .masterBodyV12:not(.masterTvMode) #ufCards.ufGrid{
        grid-template-columns:1fr !important;
    }
}

.sectionTitle h2{margin:0}.sectionTitle span{color:#9fb7ce}.ufBoard{background:linear-gradient(180deg,rgba(5,25,41,.94),rgba(4,16,29,.94));border-color:#0e7198}.ufGrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.ufCard{position:relative;min-height:178px;padding:18px 20px;border-radius:16px;background:linear-gradient(145deg,#09243a,#04101d);border-color:#1777a8;overflow:hidden}.ufCard.ok{border-color:#0a9c67}.ufCard.critical{border-color:#ff4e5b}.ufCard.attention{border-color:#ffc247}.ufCard i{display:block;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.ufCard.critical i{background:var(--red);box-shadow:0 0 16px var(--red)}.ufCard.attention i{background:var(--yellow);box-shadow:0 0 16px var(--yellow)}.ufCard strong{margin-top:14px;font-size:40px;color:var(--green)}.ufCard.critical strong{color:#ff6270}.ufCard.attention strong{color:#ffc247}.ufCard small{display:block;color:#cfe3f8}.ufCard p{margin:12px 0;color:#f4fbff}.ufMapThumb{opacity:.36}
.regionalAdmin article{min-height:260px}.regionalAdmin article header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.regionalAdmin article header h2{margin:0}.regionalAdmin article header span,.regionalAdmin article header a{font-size:13px;color:#6ee6ff;text-decoration:none}.activeUser{display:grid;grid-template-columns:1fr auto;gap:8px}.activeUser a{grid-column:1/-1;display:block;text-align:center;margin-top:6px;padding:8px;border:1px solid #185983;border-radius:10px;text-decoration:none}.activeUser.down{border-color:rgba(255,78,91,.7)}.emptyState{padding:18px;border:1px dashed #315171;border-radius:12px;color:#9fb7ce;background:rgba(255,255,255,.02)}
.regionalBody{padding:20px}.regionalTop{min-height:148px}.regionalTop h1{font-size:34px}.unitGrid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:16px}.unitCard{border-color:#0ea9d5;background:linear-gradient(145deg,#08253c,#061322);border-radius:16px}.unitCard.down{animation:none;border-color:rgba(255,78,91,.95);box-shadow:0 0 0 1px rgba(255,78,91,.35),0 0 24px rgba(255,78,91,.12)}.unitCard.warn{border-color:rgba(255,194,71,.9)}.unitHead{background:linear-gradient(180deg,rgba(9,43,68,.95),rgba(8,32,53,.95));min-height:80px}.unitHead h2{font-size:22px}.unitSummary strong{font-size:24px}.unitSummary span{font-size:13px;color:#e5f1ff}.unitSummary{text-align:right;min-width:116px}.unitSummary strong,.unitSummary span,.unitSummary .unitInternalIp{display:block}.unitInternalIp{margin-top:4px;font-size:12px;line-height:1.05;color:#7fdfff;font-weight:800;letter-spacing:.02em;white-space:nowrap}.linkTiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.linkTile{min-height:58px;border-color:#0c82b0;background:linear-gradient(180deg,#0a3150,#08233a)}.linkTile.down{animation:none;border-color:var(--red)}.linkTile strong{font-size:15px}.statusPill{min-width:58px;text-align:center}.metricRows{display:grid;gap:0}.linkRow{grid-template-columns:repeat(5,1fr);padding:12px 16px;gap:10px}.linkRow small{font-size:11px}.linkRow .value,.linkRow .openLink{font-size:13px}.unitHealthBar{height:10px;margin:12px 16px 0;background:linear-gradient(90deg,#ff4e5b,#ffc247,#2fe889)}.unitHealthBar span{background:rgba(255,255,255,.28);mix-blend-mode:screen}.unitActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.unitActions button{height:40px}.unitActions .configBtn{background:linear-gradient(180deg,#9a7109,#6b4d05);border-color:#dcae31}.regionalFooter{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 20px;border:1px solid #163c60;border-radius:14px;background:#071827;color:#9fb7ce}.dot{display:inline-block;width:13px;height:13px;margin:0 6px 0 14px;border-radius:50%}.dot.up{background:var(--green)}.dot.down{background:var(--red)}.dot.warn{background:var(--yellow)}.dot.off{background:#8b98a8}

/* REGIONAL_FIREWALL_ASSET_ALL_UFS_V1 - metadados discretos do parque. */
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-top:1px solid rgba(47,168,214,.18);border-bottom:1px solid rgba(47,168,214,.18);background:rgba(1,13,22,.48)}
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip span{min-width:0;padding:8px 13px;color:#809db0;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip span+span{text-align:right;border-left:1px solid rgba(47,168,214,.14)}
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip b{display:block;margin-top:3px;overflow:hidden;color:#dff8ff;font-size:11px;line-height:1.1;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip span:first-child b{color:#6fe7ff}
body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip span:last-child b{color:#58e8aa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:560px){body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip{grid-template-columns:1fr}body:is([data-uf="AL"],[data-uf="BA"],[data-uf="CO"],[data-uf="PA"],[data-uf="PE"],[data-uf="RJ"],[data-uf="SC"],[data-uf="SP"]) .unitAssetStrip span+span{text-align:left;border-top:1px solid rgba(47,168,214,.14);border-left:0}}
.loginHeroText{grid-column:1/-1;margin:-10px 0 0;color:#d3e2ef;font-size:18px;line-height:1.5}.loginMapIntro{align-items:center}.loginMapIntro strong{font-size:44px;color:var(--cyan)}.loginMapIntro span{font-size:36px;font-weight:900;color:#fff}.loginMapIntro span small{display:block;margin-top:6px;font-size:18px;color:var(--cyan)}.masterNeutralMap b{border-color:#1ed68c;background:rgba(2,25,21,.82)}
@media(max-width:1100px){.masterHero,.regionalAdmin{grid-template-columns:1fr}.masterCommandCenter{grid-template-columns:1fr 1fr}.portalStats{grid-template-columns:repeat(2,1fr)}.portalToolbar{grid-template-columns:1fr}.unitGrid{grid-template-columns:1fr}.linkRow{grid-template-columns:repeat(2,1fr)}.unitActions{grid-template-columns:repeat(2,1fr)}}

.masterCollectionStatus{position:fixed;right:18px;bottom:18px;z-index:9999;min-width:176px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #17678e;border-radius:13px;background:rgba(4,18,31,.94);box-shadow:0 14px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:.2s ease;cursor:default}.masterCollectionStatus i{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#36d9ff;box-shadow:0 0 13px rgba(54,217,255,.75)}.masterCollectionStatus span{display:grid;gap:2px}.masterCollectionStatus strong{font-size:12px;line-height:1;color:#eef8ff;text-transform:uppercase;letter-spacing:.05em}.masterCollectionStatus small{font-size:10px;color:#9fb7ce;white-space:nowrap}.masterCollectionStatus.loading i,.masterCollectionStatus.collecting i{background:#36d9ff;animation:masterCollectPulse 1s ease-in-out infinite}.masterCollectionStatus.updated{border-color:rgba(46,232,134,.55)}.masterCollectionStatus.updated i{background:#2ee886;box-shadow:0 0 13px rgba(46,232,134,.75)}.masterCollectionStatus.error{border-color:rgba(255,78,91,.72)}.masterCollectionStatus.error i{background:#ff4e5b;box-shadow:0 0 13px rgba(255,78,91,.75);animation:masterCollectPulse .85s ease-in-out infinite}.masterCollectionStatus.stale{border-color:rgba(255,194,71,.65)}.masterCollectionStatus.stale i{background:#ffc247;box-shadow:0 0 13px rgba(255,194,71,.7)}@keyframes masterCollectPulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.25);opacity:1}}@media(max-width:760px){.masterCollectionStatus{right:10px;bottom:10px;min-width:150px;padding:9px 11px}}
.masterActionPanel{margin:-2px 0 20px;padding:18px;border:1px solid #0e7198;border-radius:18px;background:linear-gradient(145deg,rgba(7,27,45,.96),rgba(3,13,25,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 60px rgba(0,0,0,.35)}
.masterActionPanel[hidden]{display:none}.masterActionPanel header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.masterActionPanel h2{margin:0;font-size:24px}.masterActionPanel p{margin:6px 0 0;color:#9fb7ce}.masterActionPanel nav{display:flex;gap:10px;flex-wrap:wrap}.masterActionPanel nav a,.reportShortcutGrid a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #1575a8;border-radius:10px;background:linear-gradient(180deg,#0a2d4a,#071a2d);color:#eaf8ff;text-decoration:none;font-weight:800}.masterTableWrap{overflow:auto;border:1px solid #163d61;border-radius:14px}.masterTable{width:100%;border-collapse:collapse;min-width:860px}.masterTable th,.masterTable td{padding:12px 14px;border-bottom:1px solid rgba(75,128,170,.22);text-align:left}.masterTable th{font-size:12px;color:#9fb7ce;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.025)}.masterTable tr.bad td{color:#ffd7dc}.masterTable tr.warn td{color:#fff0cf}.masterTable a{color:#39e7ff;font-weight:800}.okText{color:#2fe889}.badText{color:#ff5a66}.masterMiniStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.masterMiniStats article{padding:16px;border:1px solid #174b72;border-radius:14px;background:rgba(6,21,36,.82)}.masterMiniStats span{display:block;color:#9fb7ce}.masterMiniStats strong{display:block;margin-top:6px;font-size:26px;color:#36e7ff}.heatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.heatUf{position:relative;padding:16px;border:1px solid #14638f;border-radius:14px;background:#071827;overflow:hidden}.heatUf strong{font-size:24px}.heatUf b{float:right;font-size:22px}.heatUf span{display:block;clear:both;margin:10px 0 12px;color:#c9dbea}.heatUf i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#ff4e5b,#ffc247,#2fe889)}.heatUf.bad{border-color:#ff4e5b}.heatUf.warn{border-color:#ffc247}.heatUf.ok{border-color:#2fe889}/* MASTER_PANEL_CONTROLS_CSS_V1 */

.masterActionPanel[hidden],
.masterActionPanel.masterPanelEnhancedV1[hidden]{
  display:none!important;
}

.masterActionPanel.masterPanelEnhancedV1{
  position:relative;
}

.masterPanelUtilityBarV1{
  position:sticky;
  top:0;
  z-index:80;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  margin:-1px -1px 14px;
  padding:10px 14px;

  border:1px solid rgba(44,183,232,.42);
  border-radius:14px 14px 10px 10px;

  background:
    linear-gradient(
      135deg,
      rgba(7,30,48,.98),
      rgba(4,19,31,.98)
    );

  box-shadow:
    0 8px 24px rgba(0,0,0,.3);

  backdrop-filter:blur(12px);
}

.masterPanelUtilityLabelV1{
  color:#9fc8df;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.masterPanelUtilityActionsV1{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.masterPanelUtilityButtonV1{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  min-height:35px;
  padding:7px 13px;

  border:1px solid #237da9;
  border-radius:9px;

  background:#08243a;
  color:#dff5ff;

  cursor:pointer;

  font-family:inherit;
  font-size:11px;
  font-weight:900;

  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.masterPanelUtilityButtonV1:hover{
  transform:translateY(-1px);
  border-color:#39d8ff;
  background:#0a3150;
}

.masterPanelUtilityButtonV1:focus-visible{
  outline:2px solid #39d8ff;
  outline-offset:2px;
}

.masterPanelTopButtonV1{
  color:#7cecff;
}

.masterPanelCollapseButtonV1{
  border-color:#d59c24;
  background:#3a2905;
  color:#ffd166;
}

.masterPanelCollapseButtonV1:hover{
  border-color:#ffd166;
  background:#513806;
}

/*
 * Mantém o cabeçalho original do painel visível logo abaixo
 * da barra de controles, quando existir como filho direto.
 */
.masterActionPanel.masterPanelEnhancedV1 > header{
  position:sticky;
  top:57px;
  z-index:60;

  padding-top:8px;
  padding-bottom:10px;

  background:
    linear-gradient(
      180deg,
      rgba(5,22,36,.98) 75%,
      rgba(5,22,36,0)
    );
}

@media(max-width:700px){
  .masterPanelUtilityBarV1{
    position:relative;
    top:auto;

    align-items:stretch;
    flex-direction:column;
  }

  .masterPanelUtilityActionsV1{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .masterPanelUtilityButtonV1{
    width:100%;
  }

  .masterActionPanel.masterPanelEnhancedV1 > header{
    position:relative;
    top:auto;
  }
}

/* FIM MASTER_PANEL_CONTROLS_CSS_V1 */

/* MASTER_OPERATIONAL_HISTORY_24H_V1 */
.masterHistoryLoading{
  padding:30px;
  border:1px solid #1777a4;
  border-radius:14px;
  background:#071928;
  color:#ccecff;
  text-align:center;
  font-size:15px;
  font-weight:900;
}

.masterHistoryStats{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(175px,1fr)
  );
  gap:11px;
  margin-bottom:18px;
}

.masterHistoryStats article{
  padding:15px;
  border:1px solid #17658e;
  border-radius:14px;
  background:linear-gradient(
    145deg,
    #08243a,
    #061522
  );
}

.masterHistoryStats article.ok{
  border-color:#20ca82;
}

.masterHistoryStats article.warn{
  border-color:#ffc247;
}

.masterHistoryStats article.bad{
  border-color:#ff5965;
}

.masterHistoryStats span{
  display:block;
  color:#9fb7ce;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.masterHistoryStats strong{
  display:block;
  margin-top:6px;
  color:#39e7ff;
  font-size:26px;
}

.masterHistoryStats article.ok strong{
  color:#2ee889;
}

.masterHistoryStats article.warn strong{
  color:#ffc65b;
}

.masterHistoryStats article.bad strong{
  color:#ff727b;
}

.masterHistoryStats small{
  display:block;
  margin-top:5px;
  color:#9fb7ce;
  font-size:10px;
  line-height:1.35;
}

.masterHistorySection{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 10px;
}

.masterHistorySection.timeline{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(44,122,170,.3);
}

.masterHistorySection strong{
  display:block;
  color:#edf8ff;
  font-size:17px;
}

.masterHistorySection span,
.masterHistorySection small{
  display:block;
  margin-top:3px;
  color:#9fb7ce;
  font-size:11px;
}

.masterHistoryUfGrid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(215px,1fr)
  );
  gap:10px;
}

.masterHistoryUf{
  display:block;
  padding:13px;
  border:1px solid #20ca82;
  border-radius:13px;
  background:linear-gradient(
    145deg,
    #071d2d,
    #06131f
  );
  color:inherit;
  text-decoration:none;
  transition:
    transform .15s ease,
    border-color .15s ease;
}

.masterHistoryUf:hover{
  transform:translateY(-2px);
}

.masterHistoryUf.warn{
  border-color:#ffc247;
}

.masterHistoryUf.bad{
  border-color:#ff5965;
}

.masterHistoryUf header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
}

.masterHistoryUf strong{
  color:#edf8ff;
  font-size:18px;
}

.masterHistoryUf b{
  color:#2ee889;
  font-size:12px;
}

.masterHistoryUf.warn b{
  color:#ffc65b;
}

.masterHistoryUf.bad b{
  color:#ff727b;
}

.masterHistoryUf span,
.masterHistoryUf small{
  display:block;
  margin-top:7px;
  color:#aac0d2;
  font-size:10px;
}

.masterHistoryTimeline{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.masterHistoryEvent{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #17658e;
  border-radius:12px;
  background:#071827;
  color:inherit;
  text-decoration:none;
}

.masterHistoryEvent:hover{
  border-color:#39cfff;
}

.masterHistoryEvent > i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#2ee889;
  box-shadow:0 0 10px rgba(46,232,137,.7);
}

.masterHistoryEvent.warn{
  border-color:#bd8e27;
}

.masterHistoryEvent.warn > i{
  background:#ffc247;
  box-shadow:0 0 10px rgba(255,194,71,.7);
}

.masterHistoryEvent.bad{
  border-color:#d94655;
  background:#1d0b12;
}

.masterHistoryEvent.bad > i{
  background:#ff5965;
  box-shadow:0 0 10px rgba(255,89,101,.8);
}

.masterHistoryEventMain{
  min-width:0;
}

.masterHistoryEventMain header{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

.masterHistoryEventMain strong{
  overflow:hidden;
  color:#edf8ff;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.masterHistoryEventMain b{
  padding:3px 7px;
  border-radius:99px;
  background:rgba(46,232,137,.12);
  color:#2ee889;
  font-size:9px;
  white-space:nowrap;
}

.masterHistoryEvent.warn b{
  background:rgba(255,194,71,.14);
  color:#ffc65b;
}

.masterHistoryEvent.bad b{
  background:rgba(255,89,101,.14);
  color:#ff727b;
}

.masterHistoryEventMain span{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#b7cada;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.masterHistoryEventMain small{
  display:block;
  margin-top:4px;
  color:#849eb2;
  font-size:9px;
}

.masterHistoryEvent > em{
  color:#d8e9f3;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
}

.masterHistoryEmpty{
  padding:28px;
  border:1px solid #20ca82;
  border-radius:13px;
  background:#071d25;
  color:#2ee889;
  text-align:center;
  font-weight:900;
}

.masterAdministrativeHistory{
  margin-top:22px;
  border:1px solid #17658e;
  border-radius:13px;
  background:#071522;
}

.masterAdministrativeHistory summary{
  padding:13px 15px;
  color:#b9d5e7;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}

.masterAdministrativeHistory .auditLog{
  padding:0 15px 15px;
}

.masterHistoryError{
  margin-bottom:16px;
  padding:13px 15px;
  border:1px solid #ff5965;
  border-radius:12px;
  background:#260b11;
  color:#ffb8bd;
  font-weight:900;
}

@media(max-width:800px){
  .masterHistorySection{
    align-items:flex-start;
    flex-direction:column;
  }

  .masterHistoryEvent{
    grid-template-columns:10px minmax(0,1fr);
  }

  .masterHistoryEvent > em{
    grid-column:2;
    text-align:left;
  }
}
/* FIM MASTER_OPERATIONAL_HISTORY_24H_V1 */

/* MASTER_HEATMAP_24H_V1 */
.heatMapLoading{
  padding:28px;
  border:1px solid #17658e;
  border-radius:14px;
  background:#071827;
  color:#cbe8f8;
  text-align:center;
  font-weight:800;
}
.heatMapSummary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.heatMapSummary article{
  min-width:0;
  padding:15px;
  border:1px solid #17658e;
  border-radius:14px;
  background:linear-gradient(145deg,#08243a,#061522);
}
.heatMapSummary article.warn{
  border-color:#ffc247;
}
.heatMapSummary article.bad{
  border-color:#ff5965;
}
.heatMapSummary span{
  display:block;
  color:#9fb7ce;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.heatMapSummary strong{
  display:block;
  margin-top:7px;
  overflow:hidden;
  color:#39e7ff;
  font-size:22px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.heatMapSummary article.warn strong{
  color:#ffc65b;
}
.heatMapSummary article.bad strong{
  color:#ff727b;
}
.heatMapSummary small{
  display:block;
  margin-top:5px;
  color:#9fb7ce;
}
.heatMapSectionTitle{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
  margin:18px 0 11px;
}
.heatMapSectionTitle.current{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(44,122,170,.3);
}
.heatMapSectionTitle strong{
  display:block;
  color:#edf8ff;
  font-size:17px;
}
.heatMapSectionTitle span,
.heatMapSectionTitle small{
  display:block;
  margin-top:4px;
  color:#9fb7ce;
  font-size:11px;
}
.heatHourGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
  gap:10px;
}
.heatHour{
  padding:13px;
  border:1px solid #2ee889;
  border-radius:13px;
  background:linear-gradient(145deg,#071c2c,#06131f);
}
.heatHour.warn{
  border-color:#ffc247;
  background:linear-gradient(145deg,#211b08,#101708);
}
.heatHour.bad{
  border-color:#ff5965;
  background:linear-gradient(145deg,#2a0d14,#160b12);
}
.heatHour header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin:0;
}
.heatHour strong{
  color:#edf8ff;
  font-size:15px;
}
.heatHour b{
  color:#2ee889;
  font-size:19px;
}
.heatHour.warn b{
  color:#ffc65b;
}
.heatHour.bad b{
  color:#ff727b;
}
.heatHour span{
  display:block;
  margin-top:9px;
  color:#d3e5f1;
  font-size:12px;
  font-weight:800;
}
.heatHour small{
  display:block;
  min-height:28px;
  margin-top:4px;
  color:#9fb7ce;
  font-size:10px;
  line-height:1.35;
}
.heatTrack{
  height:7px;
  margin-top:10px;
  overflow:hidden;
  border-radius:99px;
  background:#102b40;
}
.heatTrack i{
  display:block;
  height:100%;
  border-radius:99px;
  background:#2ee889;
}
.heatHour.warn .heatTrack i{
  background:#ffc247;
}
.heatHour.bad .heatTrack i{
  background:#ff5965;
}
.heatMapError{
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid #ff5965;
  border-radius:11px;
  background:#260b11;
  color:#ffb8bd;
  font-weight:800;
}
@media(max-width:1000px){
  .heatMapSummary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .heatMapSectionTitle{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:600px){
  .heatMapSummary{
    grid-template-columns:1fr;
  }
}
/* FIM MASTER_HEATMAP_24H_V1 */
.reportShortcutGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.actionAudit{max-height:420px;overflow:auto}
/* MASTER_WAR_ROOM_HIDDEN_V1 */
body[data-portal="master"] #masterWarRoom{
  display:none!important;
}

/* ===== VPNs críticas Master ===== */
/* ===== VPNs críticas compactas v1.6 ===== */
.vpnCriticalBoard{margin-top:16px;padding:14px;border:1px solid #0d658b;border-radius:16px;background:linear-gradient(145deg,#071b2d,#05101d);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 42px rgba(0,0,0,.24)}
.criticalVpnGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.vpnCard{border:1px solid #2ee886;border-radius:13px;background:linear-gradient(145deg,rgba(8,32,52,.95),rgba(4,13,25,.98));padding:10px 12px;box-shadow:0 0 16px rgba(46,232,134,.08)}
.vpnCard.online{border-color:#2ee886;box-shadow:0 0 16px rgba(46,232,134,.10)}
.vpnCard.attention,.vpnCard.down{border-color:#ff4d57;box-shadow:0 0 0 1px rgba(255,77,87,.16),0 0 20px rgba(255,77,87,.14);animation:vpnDownPulse 1.7s ease-in-out infinite}
@keyframes vpnDownPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,77,87,.12),0 0 12px rgba(255,77,87,.12)}50%{box-shadow:0 0 0 2px rgba(255,77,87,.28),0 0 24px rgba(255,77,87,.24)}}
.vpnCard header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}
.vpnCard header strong{display:block;font-size:14px;line-height:1.15;color:#f5fbff;letter-spacing:.01em}.vpnCard header span{display:block;margin-top:3px;color:#9fb7ce;font-size:11px}.vpnCard header b{white-space:nowrap;border:1px solid currentColor;border-radius:999px;padding:5px 9px;color:#2ee886;background:rgba(46,232,134,.08);font-size:12px;font-weight:900}
.vpnCard.down header b,.vpnCard.attention header b{color:#ff6b75;background:rgba(255,77,87,.10)}
.vpnGridInfo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.vpnGridInfo p{margin:0;padding:8px 9px;border:1px solid #164a72;border-radius:10px;background:rgba(3,14,25,.62)}.vpnGridInfo small{display:block;color:#91a9c2;text-transform:uppercase;font-weight:800;font-size:9px;letter-spacing:.04em}.vpnGridInfo span{display:block;margin-top:3px;color:#37e4ff;font-weight:900;font-size:13px}.vpnGridInfo em{display:block;margin-top:3px;color:#dcefff;font-style:normal;font-size:11px}.vpnCard footer,.vpnCard details,.vpnCard code{display:none}.actionVpnGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
/* Painel Regional PA: cards pequenos em grid */
.regionalVpnBoard{margin:14px 0 18px;border-color:#0d658b;padding:14px}.regionalVpnBoard .sectionTitle h2{color:#f4fbff}.regionalCriticalVpnGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.regionalVpnCard{box-shadow:0 0 16px rgba(46,232,134,.08)}
@media(max-width:900px){.criticalVpnGrid,.regionalCriticalVpnGrid,.vpnGridInfo{grid-template-columns:1fr}}

@media(max-width:900px){.masterActionPanel header{align-items:flex-start;flex-direction:column}.masterMiniStats{grid-template-columns:repeat(2,1fr)}}

/* ===== Login Master Premium v1.7 ===== */
.regionalLogin{background:
 radial-gradient(circle at 12% 18%,rgba(36,178,255,.13),transparent 31%),
 radial-gradient(circle at 88% 18%,rgba(37,232,168,.08),transparent 28%),
 linear-gradient(135deg,#030b17,#071426 52%,#020913)}
.regionalLoginShell{max-width:1660px;margin:auto;gap:22px}
.loginMapPanel,.regionalLoginCard{border-color:rgba(32,166,220,.55);box-shadow:0 26px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.035)}
.loginMapPanel{position:relative;overflow:hidden;padding:28px 30px 22px;background:linear-gradient(145deg,rgba(5,23,42,.97),rgba(2,12,25,.98))}
.loginMapPanel:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(30,122,255,.09),transparent 56%);animation:loginAmbient 9s ease-in-out infinite;pointer-events:none}
@keyframes loginAmbient{0%,100%{transform:translate(-2%,-1%) scale(1)}50%{transform:translate(2%,2%) scale(1.05)}}
.loginMapIntro,.loginHeroText,.loginMapFrame,.loginStatusCards{position:relative;z-index:1}
.loginMapIntro{padding-bottom:10px;border-bottom:1px solid rgba(45,189,245,.22)}
.loginMapIntro strong{font-size:46px;letter-spacing:-2px;text-shadow:0 0 28px rgba(54,217,255,.25)}
.loginMapIntro span{font-size:38px;letter-spacing:.02em}.loginMapIntro span small{font-size:17px;letter-spacing:.08em;text-transform:uppercase}
.loginHeroText{max-width:620px;margin:0;color:#c9d9e8;font-size:18px}
.loginMapFrame{min-height:485px;background:radial-gradient(circle at 50% 45%,rgba(18,72,139,.25),rgba(2,12,25,.88) 62%),linear-gradient(rgba(35,93,145,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,93,145,.08) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;border-color:rgba(44,148,220,.45)}
.loginMapFrame:after{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(39,142,245,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(39,142,245,.035),0 0 0 92px rgba(39,142,245,.02);animation:radarSpin 18s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}
.loginMapFrame img{position:relative;z-index:2;max-width:91%;max-height:91%;filter:drop-shadow(0 0 22px rgba(54,145,255,.58)) saturate(1.12)}
.masterNeutralMap b{display:none}
.loginStatusCards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2px;border:1px solid rgba(34,111,170,.32);border-radius:14px;overflow:hidden;background:rgba(3,15,28,.72)}
.loginStatusCards article{min-height:92px;border:0;border-right:1px solid rgba(34,111,170,.28);border-radius:0;background:transparent;padding:14px 16px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-content:center}
.loginStatusCards article:last-child{border-right:0}.loginStatusCards article.warn{border-color:transparent}.loginStatusCards i{grid-row:1/4;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(44,209,255,.45);border-radius:50%;color:#43e6ff;font-style:normal}
.loginStatusCards span{font-size:10px;color:#89abc8}.loginStatusCards strong{margin-top:1px;font-size:18px;color:#eaf8ff}.loginStatusCards small{display:block;color:#7f9ab5;font-size:10px;margin-top:2px}
.regionalLoginCard{padding:28px;background:linear-gradient(145deg,rgba(4,20,37,.98),rgba(2,11,23,.99));border-color:rgba(37,202,239,.68)}
.regionalLoginCard header{padding:20px 18px;border-color:rgba(41,128,184,.38);background:rgba(5,23,42,.66)}
.regionalLoginCard header h2{font-size:29px}.regionalLoginCard header span{width:76px;height:76px;border-radius:22px;box-shadow:0 0 28px rgba(36,211,255,.08)}
.regionalLoginCard label{margin-top:20px;letter-spacing:.04em}.regionalLoginCard input{height:58px;border-radius:13px;border-color:#234d70;background:rgba(1,9,19,.92);transition:border-color .2s,box-shadow .2s}.regionalLoginCard input:focus{outline:0;border-color:#35d8ff;box-shadow:0 0 0 3px rgba(53,216,255,.10)}
.loginPasswordWrap{position:relative}.loginPasswordWrap input{padding-right:58px}.passwordToggle{position:absolute!important;right:10px;top:50%;transform:translateY(-50%);width:40px!important;height:40px!important;min-height:0!important;margin:0!important;border:1px solid rgba(80,151,198,.32)!important;border-radius:10px!important;background:rgba(8,27,46,.82)!important;color:#88b8d7!important;font-size:14px!important}
.loginHelpers{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px;color:#8ea9c0;font-size:12px}.rememberAccess{display:flex!important;align-items:center;gap:8px;margin:0!important;text-transform:none!important;letter-spacing:0!important}.rememberAccess input{width:17px!important;height:17px!important;margin:0;accent-color:#2edcaa}.secureHint{color:#6ba0bd}
.regionalLoginCard #loginBtn{height:60px;margin-top:20px;border-radius:16px;background:linear-gradient(100deg,#30c8f2,#6ee7d2);box-shadow:0 14px 32px rgba(34,202,212,.13);transition:transform .18s,filter .18s}.regionalLoginCard #loginBtn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.loginDashLink{border-radius:14px;background:rgba(6,21,39,.78)}.loginError{font-size:13px;margin:10px 0 0}.regionalLoginCard footer{padding-top:14px;border-top:1px solid rgba(45,109,159,.22)}
.loginSystemOnline{display:none}
@media(max-width:1180px){.regionalLoginShell{grid-template-columns:1fr}.loginMapFrame{min-height:390px}.loginStatusCards{grid-template-columns:repeat(2,1fr)}.loginStatusCards article:nth-child(2){border-right:0}.loginStatusCards article:nth-child(-n+2){border-bottom:1px solid rgba(34,111,170,.28)}}
@media(max-width:650px){.regionalLogin{padding:12px}.regionalLoginShell{min-height:calc(100vh - 24px)}.loginMapPanel,.regionalLoginCard{padding:18px}.loginMapIntro strong{font-size:34px}.loginMapIntro span{font-size:28px}.loginMapFrame{min-height:280px}.loginStatusCards{grid-template-columns:1fr}.loginStatusCards article{border-right:0;border-bottom:1px solid rgba(34,111,170,.28)}.loginStatusCards article:last-child{border-bottom:0}.loginHelpers{align-items:flex-start;flex-direction:column}}

/* ===== Fase 7A: Painel Regional PE Premium ===== */
.unitStateLabel{display:none}
.sectionEyebrow{display:block;margin-bottom:4px;color:#59dff4;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.regionalPeV7{
  --pe-cyan:#35dffc;
  --pe-teal:#2cd9bd;
  --pe-green:#35eb94;
  --pe-blue:#2384c6;
  --pe-line:rgba(53,190,235,.34);
  --pe-panel:rgba(5,21,36,.92);
  padding:18px;
  background:
    radial-gradient(circle at 12% -4%,rgba(36,162,231,.17),transparent 29%),
    radial-gradient(circle at 90% 10%,rgba(44,217,189,.09),transparent 24%),
    linear-gradient(135deg,#020810,#06121f 52%,#030a13);
}
.regionalPeV7:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;
  background-image:linear-gradient(rgba(52,144,195,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(52,144,195,.04) 1px,transparent 1px);
  background-size:46px 46px;
}
.regionalPeV7 .peRegionalTop{
  position:relative;display:grid;grid-template-columns:minmax(420px,1fr) minmax(300px,420px) auto;
  min-height:132px;padding:22px 24px;gap:24px;overflow:hidden;
  border:1px solid rgba(53,190,235,.48);border-radius:22px;
  background:linear-gradient(120deg,rgba(6,31,52,.98),rgba(4,17,31,.98) 66%,rgba(5,35,43,.96));
  box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}
.regionalPeV7 .peRegionalTop:after{
  content:"";position:absolute;right:-70px;top:-120px;width:340px;height:340px;border-radius:50%;
  border:1px solid rgba(53,223,252,.12);box-shadow:0 0 0 42px rgba(53,223,252,.035),0 0 0 86px rgba(44,217,189,.022);
}
.regionalPeV7 .regionalBrandBlock{position:relative;z-index:1;display:flex;align-items:center;gap:20px;min-width:0}
.regionalPeV7 .regionalBrandBlock>.optyMini{display:grid;place-items:center;min-width:106px;height:70px;padding:0 16px;border:1px solid rgba(53,223,252,.34);border-radius:18px;background:rgba(3,14,26,.66);font-size:31px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(53,223,252,.08)}
.regionalPeV7 .regionalBrandBlock h1{margin:0 0 7px;font-size:34px;line-height:1;letter-spacing:-.025em}
.regionalPeV7 .regionalBrandBlock p{margin:0;color:#9fb9cf;font-size:14px}
.regionalPeV7 .peRegionalTop nav{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:9px}
.regionalPeV7 .peRegionalTop nav a,.regionalPeV7 .peRegionalTop nav button{min-width:0;height:44px;padding:0 14px;border-radius:12px}
.regionalPeV7 .peRegionalSignal{position:relative;z-index:1;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:14px;padding:13px;border:1px solid rgba(54,179,215,.27);border-radius:17px;background:rgba(3,14,26,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.regionalPeV7 .peRegionMark{display:grid;place-items:center;align-content:center;width:82px;height:82px;border:1px solid rgba(53,223,252,.45);border-radius:22px;background:radial-gradient(circle,rgba(53,223,252,.18),rgba(3,15,27,.72));box-shadow:0 0 24px rgba(53,223,252,.10)}
.regionalPeV7 .peRegionMark strong{font-size:33px;line-height:1;color:#e8fbff}.regionalPeV7 .peRegionMark span{margin-top:5px;color:#73dff2;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.regionalPeV7 .peSignalCopy span{display:flex;align-items:center;gap:7px;color:#9fb8cd;font-size:11px;font-weight:800}.regionalPeV7 .peSignalCopy span i{width:8px;height:8px;border-radius:50%;background:var(--pe-green);box-shadow:0 0 12px rgba(53,235,148,.86);animation:peLivePulse 1.8s ease-in-out infinite}
.regionalPeV7 .peSignalCopy strong{display:block;margin-top:8px;font-size:16px;color:#eaf9ff}.regionalPeV7 .peSignalCopy strong.healthy{color:var(--pe-green)}.regionalPeV7 .peSignalCopy strong.attention{color:#ffd26a}.regionalPeV7 .peSignalCopy strong.critical{color:#ff7880}.regionalPeV7 .peSignalCopy small{display:block;margin-top:4px;color:#88a8bf;font-size:11px}
@keyframes peLivePulse{50%{transform:scale(1.3);box-shadow:0 0 18px rgba(53,235,148,1)}}
.regionalPeV7 .peQuickBar{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:0;margin-top:12px;border:1px solid rgba(42,125,171,.30);border-radius:15px;overflow:hidden;background:rgba(4,17,30,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.regionalPeV7 .peQuickBar>div{min-height:62px;padding:12px 16px;border-right:1px solid rgba(42,125,171,.26);display:grid;align-content:center}.regionalPeV7 .peQuickBar>div:last-child{border-right:0}
.regionalPeV7 .peQuickBar span{color:#789ab4;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.regionalPeV7 .peQuickBar strong{margin-top:5px;color:#dff6ff;font-size:14px}.regionalPeV7 .peQuickBar strong.healthy{color:var(--pe-green)}.regionalPeV7 .peQuickBar strong.attention{color:#ffd26a}.regionalPeV7 .peQuickBar strong.critical{color:#ff7880}
.regionalPeV7 .portalStats{grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;margin:14px 0}
.regionalPeV7 .statBox{min-height:88px;padding:14px 15px;border-radius:15px;border-color:rgba(45,135,187,.38);background:linear-gradient(145deg,rgba(8,34,56,.91),rgba(3,14,26,.96));box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s,border-color .18s}
.regionalPeV7 .statBox:hover{transform:translateY(-2px);border-color:rgba(53,223,252,.58)}
.regionalPeV7 .statBox em{width:44px;height:44px;border-radius:14px;border-color:rgba(53,223,252,.28);background:linear-gradient(145deg,rgba(53,223,252,.13),rgba(44,217,189,.04))}
.regionalPeV7 .statBox span{font-size:10px;letter-spacing:.13em}.regionalPeV7 .statBox strong{font-size:27px}.regionalPeV7 .statBox small{font-size:11px}
.regionalPeV7 .portalToolbar{position:sticky;top:8px;z-index:15;grid-template-columns:1fr 210px;margin:12px 0 16px;padding:12px;border:1px solid rgba(47,139,190,.38);border-radius:16px;background:rgba(3,14,26,.88);backdrop-filter:blur(14px);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.regionalPeV7 .portalToolbar input,.regionalPeV7 .portalToolbar select{height:46px;border-radius:11px;background:rgba(1,8,16,.86)}
.regionalPeV7 .regionalVpnBoard{margin:0 0 14px;padding:16px;border-radius:18px;border-color:rgba(42,174,215,.38);background:linear-gradient(145deg,rgba(6,30,50,.94),rgba(3,14,26,.96))}
.regionalPeV7 .regionalVpnBoard .sectionTitle{align-items:center}.regionalPeV7 .regionalVpnBoard .sectionTitle>span{padding:6px 10px;border:1px solid rgba(59,179,217,.26);border-radius:999px;background:rgba(53,223,252,.05);font-size:11px}
.regionalPeV7 .regionalCriticalVpnGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.regionalPeV7 .regionalVpnCard{min-height:124px;padding:11px;border-radius:14px;background:linear-gradient(145deg,rgba(7,36,58,.96),rgba(3,15,27,.98));transition:transform .18s,border-color .18s}
.regionalPeV7 .regionalVpnCard:hover{transform:translateY(-2px);border-color:#70f0b1}.regionalPeV7 .vpnCard header strong{font-size:12px}.regionalPeV7 .vpnCard header span{font-size:9px}.regionalPeV7 .vpnGridInfo p{padding:7px}.regionalPeV7 .vpnGridInfo span{font-size:12px}
.regionalPeV7 .regionalTopProblemsInline{margin-bottom:14px;border-color:rgba(42,174,215,.36);border-radius:18px;background:linear-gradient(145deg,rgba(6,29,48,.94),rgba(3,14,26,.98));box-shadow:0 14px 38px rgba(0,0,0,.22)}
.regionalPeV7 .regionalTopProblemsInlineHead{padding:13px 17px}.regionalPeV7 .regionalTopProblemsInlineHead h2{font-size:18px}.regionalPeV7 .regionalTopProblemsInlineHead span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.regionalPeV7 .regionalTopProblemsInlineEmpty{position:relative;padding:18px 18px 18px 54px;color:#9fd8bf;background:linear-gradient(90deg,rgba(53,235,148,.08),transparent 45%)}.regionalPeV7 .regionalTopProblemsInlineEmpty:before{content:"✓";position:absolute;left:18px;top:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(53,235,148,.42);border-radius:10px;color:var(--pe-green);background:rgba(53,235,148,.07);font-weight:950}
.regionalPeV7 .unitGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.regionalPeV7 .unitCard{border-radius:18px;border-color:rgba(33,159,205,.62);background:linear-gradient(155deg,rgba(7,36,58,.98),rgba(3,14,25,.99));box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.regionalPeV7 .unitCard:hover{transform:translateY(-3px);border-color:rgba(53,223,252,.78);box-shadow:0 25px 60px rgba(0,0,0,.38),0 0 28px rgba(53,223,252,.07)}
.regionalPeV7 .unitCard.down{border-color:#ff5662;box-shadow:0 0 0 1px rgba(255,86,98,.28),0 18px 48px rgba(0,0,0,.34);animation:peDownCard 1.7s ease-in-out infinite}.regionalPeV7 .unitCard.warn{border-color:#e8b946}
@keyframes peDownCard{50%{box-shadow:0 0 0 2px rgba(255,86,98,.42),0 20px 56px rgba(0,0,0,.4),0 0 30px rgba(255,86,98,.18)}}
.regionalPeV7 .unitHead{position:relative;min-height:92px;padding:16px 17px 14px;background:linear-gradient(150deg,rgba(9,51,79,.98),rgba(5,28,47,.96));border-bottom:1px solid rgba(52,136,184,.24)}
.regionalPeV7 .unitHead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--pe-cyan),var(--pe-teal),transparent);opacity:.62}
.regionalPeV7 .unitHead h2{font-size:20px;letter-spacing:-.02em}.regionalPeV7 .unitHead h2:before{font-size:15px;opacity:.88}
.regionalPeV7 .unitStateLabel{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:4px 8px;border:1px solid rgba(53,235,148,.30);border-radius:999px;background:rgba(53,235,148,.07);color:#77f4af;font-size:9px;font-weight:950;letter-spacing:.10em}.regionalPeV7 .unitStateLabel i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.regionalPeV7 .unitStateLabel.attention{border-color:rgba(255,194,71,.40);background:rgba(255,194,71,.08);color:#ffd16b}.regionalPeV7 .unitStateLabel.partial,.regionalPeV7 .unitStateLabel.unavailable{border-color:rgba(255,86,98,.44);background:rgba(255,86,98,.08);color:#ff858d}
.regionalPeV7 .unitSummary{min-width:108px}.regionalPeV7 .unitSummary strong{font-size:25px;text-shadow:0 0 18px rgba(53,235,148,.18)}.regionalPeV7 .unitSummary span{font-size:11px}.regionalPeV7 .unitInternalIp{color:#5ddff8;font-size:10px}
.regionalPeV7 .linkTiles{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px 12px;gap:8px}
.regionalPeV7 .linkTile{min-height:64px;padding:9px 10px;border-radius:11px;border-color:rgba(30,142,187,.64);background:linear-gradient(155deg,rgba(9,49,77,.94),rgba(5,27,45,.98));transition:transform .17s,border-color .17s,background .17s}.regionalPeV7 .linkTile:hover{transform:translateY(-1px);border-color:#54e6ff;background:linear-gradient(155deg,rgba(10,59,91,.98),rgba(5,31,51,.98))}
.regionalPeV7 .linkTile small{font-size:9px;color:#9bbbd0}.regionalPeV7 .linkTile strong{font-size:14px}.regionalPeV7 .statusPill{width:58px;min-width:58px;padding:6px 3px;border-radius:999px;font-size:9px;background:rgba(35,178,103,.22);border:1px solid rgba(53,235,148,.48);color:#75f0ac}.regionalPeV7 .statusPill.down{background:rgba(197,38,50,.26);border-color:rgba(255,86,98,.56);color:#ff9aa0}.regionalPeV7 .statusPill.warn{background:rgba(156,108,9,.26);border-color:rgba(255,194,71,.54);color:#ffd66f}
.regionalPeV7 .metricRows{border-top:1px solid rgba(43,126,173,.18)}.regionalPeV7 .linkRow{grid-template-columns:1fr .75fr .75fr .78fr .7fr;gap:6px;padding:10px 13px;border-top-color:rgba(43,126,173,.20);background:rgba(2,13,23,.20)}.regionalPeV7 .linkRow:nth-child(even){background:rgba(10,43,66,.22)}
.regionalPeV7 .linkRow small{font-size:8px;letter-spacing:.10em;color:#7797af}.regionalPeV7 .linkRow .value,.regionalPeV7 .linkRow .openLink{font-size:11px}.regionalPeV7 .metricValue{display:inline-flex;align-items:center;min-height:22px;padding:2px 6px;border-radius:7px;font-weight:900}.regionalPeV7 .metricNormal{color:#dff8ff}.regionalPeV7 .metricAttention{color:#ffe08a;background:rgba(255,194,71,.09)}.regionalPeV7 .metricCritical{color:#ffb267;background:rgba(255,138,62,.10)}.regionalPeV7 .metricSevere{color:#ff858d;background:rgba(255,86,98,.12);box-shadow:inset 0 0 0 1px rgba(255,86,98,.16)}
.regionalPeV7 .metricStatus{font-weight:900}.regionalPeV7 .metricStatus.online{color:#66f0a3}.regionalPeV7 .metricStatus.warn{color:#ffd16b}.regionalPeV7 .metricStatus.down{color:#ff7d86}.regionalPeV7 .openLink{color:#59e2fb}
.regionalPeV7 .unitHealthBar{height:6px;margin:10px 13px 0;background:rgba(28,81,112,.34)}.regionalPeV7 .unitCard:not(.down):not(.warn) .unitHealthBar span{background:linear-gradient(90deg,#1fcf9b,#4cf0a1)}.regionalPeV7 .unitCard.warn .unitHealthBar span{background:linear-gradient(90deg,#ff9c46,#ffd45f)}.regionalPeV7 .unitCard.down .unitHealthBar span{background:linear-gradient(90deg,#ff4f60,#ff8e7d)}
.regionalPeV7 .unitActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px 13px 13px}.regionalPeV7 .unitActions button{min-width:0;height:34px;padding:0 7px;border-radius:9px;border-color:rgba(31,139,188,.68);background:linear-gradient(180deg,rgba(10,76,116,.96),rgba(6,48,77,.96));font-size:11px;transition:transform .16s,border-color .16s,filter .16s}.regionalPeV7 .unitActions button:hover{transform:translateY(-1px);border-color:#58dff8;filter:brightness(1.08)}.regionalPeV7 .unitActions button:nth-child(4){background:linear-gradient(180deg,#0c6c79,#084b5d)}.regionalPeV7 .unitActions .configBtn{background:linear-gradient(180deg,#a9790b,#735305);border-color:#dcae31}
.regionalPeV7 .regionalFooter{margin-top:14px;padding:13px 17px;border-radius:14px;border-color:rgba(42,128,175,.34);background:rgba(4,17,30,.78)}
.regionalPeV7 .masterCollectionStatus{border-radius:14px;background:rgba(4,24,39,.94);backdrop-filter:blur(12px)}
@media(min-width:2000px){.regionalPeV7 .unitGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1500px){.regionalPeV7 .peRegionalTop{grid-template-columns:1fr auto}.regionalPeV7 .peRegionalSignal{grid-row:2;grid-column:1/-1}.regionalPeV7 .regionalCriticalVpnGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.regionalPeV7 .unitGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.regionalPeV7{padding:12px}.regionalPeV7 .peRegionalTop{grid-template-columns:1fr}.regionalPeV7 .peRegionalTop nav{grid-template-columns:repeat(3,1fr)}.regionalPeV7 .peQuickBar{grid-template-columns:repeat(2,1fr)}.regionalPeV7 .peQuickBar>div:nth-child(2){border-right:0}.regionalPeV7 .peQuickBar>div:nth-child(-n+2){border-bottom:1px solid rgba(42,125,171,.26)}.regionalPeV7 .portalStats{grid-template-columns:repeat(3,1fr)}.regionalPeV7 .regionalCriticalVpnGrid,.regionalPeV7 .unitGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.regionalPeV7 .regionalBrandBlock{align-items:flex-start;flex-direction:column}.regionalPeV7 .regionalBrandBlock>.optyMini{height:52px;min-width:92px}.regionalPeV7 .regionalBrandBlock h1{font-size:27px}.regionalPeV7 .peRegionalSignal{grid-template-columns:72px 1fr}.regionalPeV7 .peRegionMark{width:68px;height:68px}.regionalPeV7 .peRegionalTop nav{grid-template-columns:1fr}.regionalPeV7 .peQuickBar,.regionalPeV7 .portalStats,.regionalPeV7 .regionalCriticalVpnGrid,.regionalPeV7 .unitGrid{grid-template-columns:1fr}.regionalPeV7 .portalToolbar{position:static;grid-template-columns:1fr}.regionalPeV7 .linkRow{grid-template-columns:repeat(2,1fr)}.regionalPeV7 .unitActions{grid-template-columns:repeat(2,1fr)}}


/* PE_DIRETORIA_CONSOLIDADO_V1 */
.regionalPeV7 .regionalCriticalVpnGrid{display:block}
.peExecutiveSummary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:4px 0 14px}
.peExecutiveSummary>div{min-height:82px;padding:12px 14px;border:1px solid rgba(45,147,194,.38);border-radius:13px;background:rgba(3,16,28,.74)}
.peExecutiveSummary span,.peExecutiveSummary small{display:block;color:#88a8bf;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.peExecutiveSummary strong{display:block;margin:5px 0;color:#42dffc;font-size:25px}.peExecutiveSummary .ok strong{color:#3bea91}.peExecutiveSummary .warn strong{color:#ffd064}.peExecutiveSummary .bad strong{color:#ff6874}.peExecutiveSummary .muted strong{color:#91a9bf}
.peExecutiveSummary>p{grid-column:1/-1;margin:0;padding:10px 13px;border-left:3px solid #ffd064;border-radius:8px;background:rgba(111,79,10,.18);color:#f4d994;font-size:12px}
.peExecutiveUnitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.peUnitExecutiveCard{overflow:hidden;border:1px solid #27b875;border-radius:16px;background:linear-gradient(150deg,rgba(7,34,55,.97),rgba(3,14,25,.99));box-shadow:0 14px 34px rgba(0,0,0,.24)}
.peUnitExecutiveCard.contingency,.peUnitExecutiveCard.risk{border-color:#d89d2f}.peUnitExecutiveCard.unavailable{border-color:#ff5360}.peUnitExecutiveCard.telemetry{border-color:#577287}
.peUnitExecutiveCard>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0;padding:14px 15px;border-bottom:1px solid rgba(44,135,178,.26);background:rgba(8,42,66,.65)}
.peUnitExecutiveCard>header small,.peUnitExecutiveCard>header span{display:block;color:#89a8bf;font-size:9px}.peUnitExecutiveCard>header strong{display:block;margin:3px 0;color:#f2fbff;font-size:18px}.peUnitExecutiveCard>header>b{max-width:190px;padding:6px 9px;border:1px solid currentColor;border-radius:999px;color:#47eb99;background:rgba(47,214,132,.08);font-size:10px;text-align:center}.peUnitExecutiveCard.contingency>header>b,.peUnitExecutiveCard.risk>header>b{color:#ffd064}.peUnitExecutiveCard.unavailable>header>b{color:#ff7580}.peUnitExecutiveCard.telemetry>header>b{color:#9eb2c3}
.peBusinessReading{margin:0;padding:10px 15px;color:#b9cedd;font-size:12px}
.pePathList{display:grid;gap:7px;padding:0 11px 11px}.pePathRow{display:grid;grid-template-columns:minmax(145px,1.1fr) 1fr .75fr;gap:8px;align-items:center;padding:9px;border:1px solid rgba(38,137,179,.42);border-left:4px solid #36df8e;border-radius:11px;background:rgba(3,18,31,.72)}.pePathRow.attention,.pePathRow.degraded{border-left-color:#ffc552}.pePathRow.down{border-left-color:#ff5865}.pePathRow.pending{border-left-color:#6b8498}.pePathRow small,.pePathRow span{display:block;color:#7899b2;font-size:9px}.pePathRow strong{display:block;margin:3px 0;color:#e6f7ff;font-size:12px}.pePathRow.attention strong,.pePathRow.degraded strong{color:#ffd477}.pePathRow.down strong{color:#ff7c86}
.pePathIdentity{display:grid!important;grid-template-columns:9px 1fr;column-gap:7px}.pePathIdentity i{grid-row:1/3;align-self:start;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#37e18f;box-shadow:0 0 9px currentColor}.pePathRow.attention .pePathIdentity i,.pePathRow.degraded .pePathIdentity i{background:#ffc552}.pePathRow.down .pePathIdentity i{background:#ff5865}.pePathIdentity span{color:#f4fbff;font-size:12px;font-weight:900}.pePathIdentity small{grid-column:2}
.peUnitExecutiveCard details{display:block;margin:0 11px 11px;border:1px solid rgba(37,105,145,.36);border-radius:10px;background:rgba(3,13,23,.55)}.peUnitExecutiveCard summary{padding:9px 11px;color:#75cde3;font-size:10px;font-weight:900;cursor:pointer}.peTechnicalRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 11px;border-top:1px solid rgba(37,105,145,.25);color:#a9bdcc;font-size:10px}.peNoCompare{margin:0;padding:9px 11px;border-top:1px solid rgba(37,105,145,.25);color:#f0c875;font-size:10px}
@media(max-width:1350px){.peExecutiveSummary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.peExecutiveUnitGrid{grid-template-columns:1fr}}
@media(max-width:700px){.peExecutiveSummary{grid-template-columns:repeat(2,1fr)}.pePathRow,.peTechnicalRow{grid-template-columns:1fr}}
/* FIM PE_DIRETORIA_CONSOLIDADO_V1 */

/* FASE 7B - BOTOES FUNCIONAIS E WORKSPACE DA UNIDADE PE */
.regionalPeV7 .unitActions.peUnitActions .unitActionView{background:linear-gradient(180deg,#0d80b1,#07537d);border-color:#39dffc;color:#fff;box-shadow:0 8px 18px rgba(0,177,231,.14)}
.regionalPeV7 .unitActions.peUnitActions .unitActionHistory{background:linear-gradient(180deg,#5b4eb2,#343171);border-color:#9388ff}
.regionalPeV7 .unitActions.peUnitActions .unitActionEvents{background:linear-gradient(180deg,#9b5420,#683415);border-color:#ff9b55}
.regionalPeV7 .unitActions.peUnitActions button span{display:inline-block;margin-right:4px;font-size:12px}
.regionalPeV7 .unitActions.peUnitActions button:nth-child(4){background:linear-gradient(180deg,#0c6c79,#084b5d)}
.regionalPeV7 .unitActions.peUnitActions button:nth-child(6){background:linear-gradient(180deg,#174f78,#0c3657);border-color:#3e8fc2}
.peUnitWorkspaceBody{padding:18px;background:radial-gradient(circle at 8% 0%,rgba(14,174,221,.09),transparent 30%),radial-gradient(circle at 92% 10%,rgba(90,83,198,.08),transparent 28%),#020913}
.peUnitWorkspaceBody .peUnitWorkspaceTop{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;min-height:150px;padding:24px 28px;border-color:rgba(33,177,221,.52);background:linear-gradient(135deg,rgba(5,38,61,.98),rgba(3,21,37,.98));box-shadow:0 20px 55px rgba(0,0,0,.28)}
.peUnitWorkspaceTop .peWorkspaceEyebrow{display:block;margin:8px 0 4px;color:#43dff7;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.peUnitWorkspaceTop h1{margin:0;font-size:34px}.peUnitWorkspaceTop p{margin:7px 0 0;color:#9fb8cf}.peUnitWorkspaceTop nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.peUnitWorkspaceTop nav a,.peUnitWorkspaceTop nav button{min-height:42px}
.peUnitTabs{position:sticky;top:10px;z-index:18;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;padding:8px;border:1px solid rgba(40,129,177,.38);border-radius:17px;background:rgba(4,20,34,.92);box-shadow:0 14px 35px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.peUnitTabs button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:9px;min-height:62px;padding:9px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#b9cce0;cursor:pointer;transition:.17s ease}
.peUnitTabs button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0b314d;color:#42def7;font-size:17px}.peUnitTabs button b{font-size:14px;color:#e9f5ff}.peUnitTabs button small{font-size:10px;color:#7f9bb3}.peUnitTabs button:hover{background:#08243a;border-color:#1d78a7}.peUnitTabs button.active{border-color:#2bd3f0;background:linear-gradient(180deg,#0a3958,#07263e);box-shadow:inset 0 0 0 1px rgba(65,225,250,.12)}.peUnitTabs button.active>span{background:#0c789b;color:#fff}
.peUnitView[hidden]{display:none!important}.peUnitView{animation:peWorkspaceEnter .2s ease}.peUnitWorkspaceBody .detailHero{margin:16px 0}.peUnitWorkspaceBody .bigMetric{background:linear-gradient(180deg,#0a263e,#071828);border-color:rgba(33,143,190,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.peDetailPanelHead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:13px}.peDetailPanelHead span{display:block;margin-bottom:3px;color:#46dff6;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.peDetailPanelHead h2{margin:0!important}.peDetailPanelHead>small{color:#7f99b0;font-size:10px;font-weight:800;text-transform:uppercase}
.peWorkspaceSectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:22px 0 14px;padding:22px 24px;border:1px solid rgba(34,139,185,.46);border-radius:17px;background:linear-gradient(135deg,#08263e,#061625)}.peWorkspaceSectionHead span{color:#44dff6;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.peWorkspaceSectionHead h2{margin:5px 0 3px;font-size:26px}.peWorkspaceSectionHead p{margin:0;color:#91a9c0}.peWorkspaceSectionHead button{height:40px;padding:0 16px;border:1px solid #238cb9;border-radius:10px;background:#0a4c74;color:#fff;font-weight:900;cursor:pointer}
.peWorkspaceNotice{margin-bottom:14px;padding:12px 15px;border:1px solid #275176;border-radius:12px;background:#071a2a;color:#a9bfd4}.peWorkspaceNotice.loading{border-color:#178bb8;color:#49ddf6}.peWorkspaceNotice.ok{border-color:#1e9a64;background:#08291e;color:#6ff2aa}.peWorkspaceNotice.warn{border-color:#bd8224;background:#2a210b;color:#ffd072}.peWorkspaceNotice.bad{border-color:#c64a57;background:#301018;color:#ff9098}
.peHistoryCards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:14px}.peHistoryCard{min-height:102px;padding:15px;border:1px solid rgba(35,116,159,.52);border-radius:14px;background:linear-gradient(180deg,#0a2238,#071625)}.peHistoryCard span{display:block;color:#8ca8c1;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.peHistoryCard strong{display:block;margin-top:8px;color:#45e2fb;font-size:24px;line-height:1}.peHistoryCard small{display:block;margin-top:7px;color:#718da7;font-size:10px}.peHistoryCard.ok strong{color:#3dec91}.peHistoryCard.warn strong{color:#ffc457}.peHistoryCard.bad strong{color:#ff6470}
.peWorkspacePanel{padding:18px;border:1px solid rgba(31,112,155,.54);border-radius:16px;background:linear-gradient(180deg,#081f34,#061320);box-shadow:0 14px 34px rgba(0,0,0,.18)}.peWorkspaceTableWrap{overflow:auto;border:1px solid #123b5b;border-radius:12px}.peWorkspaceTable{width:100%;border-collapse:collapse;min-width:980px}.peWorkspaceTable th{padding:11px;background:#0b3954;color:#dff5ff;text-align:left;font-size:10px;text-transform:uppercase}.peWorkspaceTable td{padding:11px;border-top:1px solid #12344f;color:#c2d3e3;font-size:12px}.peWorkspaceTable tr:hover td{background:rgba(28,112,151,.10)}.peWorkspaceTable .status-ok{color:#45ef99;font-weight:900}.peWorkspaceTable .status-warn{color:#ffc657;font-weight:900}.peWorkspaceTable .status-bad{color:#ff6772;font-weight:900}
.peEventsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.peWorkspaceList{display:grid;gap:9px}.peWorkspaceListItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #173f60;border-radius:11px;background:#071827}.peWorkspaceListItem strong{display:block;color:#e9f4ff}.peWorkspaceListItem span{display:block;margin-top:4px;color:#83a0b9;font-size:11px}.peWorkspaceListItem em{font-style:normal;font-weight:900;color:#49e1f7;text-align:right}.peWorkspaceListItem.down{border-color:#9c3441;background:#2b1017}.peWorkspaceListItem.down em{color:#ff737d}.peWorkspaceListItem.warn{border-color:#806329;background:#282009}.peWorkspaceListItem.warn em{color:#ffd06a}.peWorkspaceEmpty{padding:24px;border:1px dashed #245270;border-radius:12px;color:#8ca7bd;text-align:center}
@keyframes peWorkspaceEnter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1350px){.peHistoryCards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.peUnitWorkspaceBody .peUnitWorkspaceTop{grid-template-columns:1fr}.peUnitWorkspaceTop nav{justify-content:flex-start}.peEventsGrid{grid-template-columns:1fr}.peUnitTabs{position:static}}
@media(max-width:680px){.peUnitWorkspaceBody{padding:10px}.peUnitTabs{grid-template-columns:1fr}.peHistoryCards{grid-template-columns:repeat(2,1fr)}.peWorkspaceSectionHead{align-items:flex-start;flex-direction:column}.peUnitWorkspaceTop h1{font-size:27px}}



/* ===== MASTER_PAGE_PREMIUM_V11 ===== */
.masterBodyV11{
  background:
    radial-gradient(circle at 48% -8%,rgba(28,210,255,.14),transparent 34%),
    linear-gradient(135deg,#030a13,#071321 55%,#030b14);
}
.masterBodyV11 .masterMain{
  width:100%;
  max-width:1720px;
  min-height:100vh;
  margin:0 auto;
  padding:20px 24px 34px;
}
.masterBodyV11 .masterHero{
  grid-template-columns:minmax(420px,1fr) minmax(390px,560px) 190px;
  gap:16px;
  min-height:0;
  padding:17px 20px;
  margin-bottom:14px;
  border-radius:19px;
  border-color:rgba(39,187,232,.48);
  background:
    linear-gradient(125deg,rgba(7,32,52,.97),rgba(3,14,25,.97));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 50px rgba(0,0,0,.27);
}
.masterBodyV11 .masterHero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:25%;
  top:-330px;
  border-radius:50%;
  background:rgba(42,226,203,.13);
  filter:blur(25px);
  pointer-events:none;
}
.masterBodyV11 .masterHeroBrand{
  gap:16px;
}
.masterBodyV11 .optyPanel{
  width:150px;
  height:78px;
  flex:0 0 150px;
  border-radius:13px;
  font-size:27px;
  color:#44eaff;
  background:linear-gradient(145deg,rgba(3,16,29,.94),rgba(5,28,44,.9));
  box-shadow:
    inset 0 0 24px rgba(54,217,255,.08),
    0 0 24px rgba(32,201,235,.07);
}
.masterBodyV11 .masterHeroEyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
  color:#80f2d0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.masterBodyV11 .masterHeroEyebrow i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#39ee9a;
  box-shadow:0 0 13px #39ee9a;
}
.masterBodyV11 .masterHeroBrand h1{
  margin:0;
  font-size:29px;
  line-height:1.05;
}
.masterBodyV11 .masterHeroBrand p{
  margin:7px 0 0;
  font-size:13px;
  line-height:1.35;
}
.masterBodyV11 .masterCommandCenter{
  grid-template-columns:repeat(2,minmax(155px,1fr));
  gap:7px;
}
.masterBodyV11 .masterCommandCenter a,
.masterBodyV11 .masterCommandCenter button{
  min-height:39px;
  border-radius:10px;
  font-size:13px;
  box-shadow:none;
}
.masterBodyV11 .masterClock{
  min-height:82px;
  padding:10px;
  border-radius:13px;
  background:linear-gradient(180deg,#071a2b,#04111e);
}
.masterBodyV11 .masterClock strong{
  font-size:25px;
}
.masterBodyV11 .masterClock span,
.masterBodyV11 .masterClock small{
  font-size:11px;
}
.masterBodyV11 .portalStats.masterStats{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin:0 0 13px;
}
.masterBodyV11 .portalStats.masterStats .statBox{
  min-height:75px;
  padding:11px 13px;
  grid-template-columns:40px 1fr;
  column-gap:10px;
  border-radius:13px;
}
.masterBodyV11 .portalStats.masterStats .statBox em{
  width:38px;
  height:38px;
}
.masterBodyV11 .portalStats.masterStats .statBox strong{
  font-size:25px;
}
.masterBodyV11 .portalStats.masterStats .statBox span,
.masterBodyV11 .portalStats.masterStats .statBox small{
  font-size:10px;
}
.masterBodyV11 .masterActions{
  display:grid;
  grid-template-columns:repeat(6,minmax(135px,1fr));
  gap:8px;
  margin:0 0 15px;
  padding:11px;
  border-radius:15px;
}
.masterBodyV11 .masterActions button{
  width:100%;
  min-width:0;
  height:41px;
  padding:0 10px;
  border-radius:10px;
  font-size:12px;
}
.masterBodyV11 .portalToolbar,
.masterBodyV11 .callCenterBoard,
.masterBodyV11 .ufBoard,
.masterBodyV11 .vpnCriticalBoard,
.masterBodyV11 .warRoom,
.masterBodyV11 .regionalAdmin article,
.masterBodyV11 .backboneGatewayPanel{
  border-color:rgba(35,127,174,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 35px rgba(0,0,0,.18);
}
.masterBodyV11 .portalToolbar{
  margin-top:0;
}
.masterBodyV11 .sectionTitle h2,
.masterBodyV11 .panelHead h2{
  font-size:20px;
}
.masterBodyV11 .masterSectionEyebrow{
  display:block;
  margin-bottom:5px;
  color:#72e9ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}
.masterBodyV11 .masterBackboneBottom{
  margin:26px 0 0;
  padding:18px;
  background:
    linear-gradient(180deg,rgba(7,27,45,.97),rgba(4,15,27,.98));
}
.masterBodyV11 .masterBackboneBottom .panelHead{
  align-items:center;
}
.masterBodyV11 .masterBackboneBottom .backboneGatewaySummary{
  grid-template-columns:repeat(4,minmax(160px,1fr));
}
.masterBodyV11 .masterBackboneBottom .backboneGatewayRows{
  max-height:none;
}
.masterBodyV11 .masterCollectionStatus{
  right:20px;
  bottom:16px;
}
@media(max-width:1350px){
  .masterBodyV11 .masterHero{
    grid-template-columns:minmax(360px,1fr) minmax(330px,500px) 170px;
  }
  .masterBodyV11 .portalStats.masterStats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .masterBodyV11 .masterActions{
    grid-template-columns:repeat(3,minmax(150px,1fr));
  }
}
@media(max-width:900px){
  .masterBodyV11 .masterMain{padding:12px}
  .masterBodyV11 .masterHero{grid-template-columns:1fr}
  .masterBodyV11 .masterCommandCenter{grid-template-columns:repeat(2,1fr)}
  .masterBodyV11 .portalStats.masterStats{grid-template-columns:repeat(2,1fr)}
  .masterBodyV11 .masterActions{grid-template-columns:repeat(2,1fr)}
  .masterBodyV11 .masterBackboneBottom .backboneGatewaySummary{grid-template-columns:1fr 1fr}
  .masterBodyV11 .backboneGatewayRow{grid-template-columns:1fr}
}


/* ===== MASTER_SMART_TV_V12 ===== */
.masterBodyV12{
  --master-ok:#2ce99a;
  --master-warn:#ffbe3d;
  --master-bad:#ff5964;
  --master-cyan:#35ddff;
}
.masterBodyV12 .masterCommandCenter{
  grid-template-columns:repeat(2,minmax(150px,1fr));
}
.masterBodyV12 .masterCommandCenter #masterTvModeBtn{
  color:#06141d;
  border-color:#54efd1;
  background:linear-gradient(120deg,#27c8f4,#36eba0);
  box-shadow:0 0 22px rgba(42,225,198,.16);
}
.masterBodyV12 .masterSmartStrip{
  position:relative;
  display:grid;
  grid-template-columns:minmax(370px,1.6fr) minmax(320px,.9fr) auto;
  align-items:center;
  gap:18px;
  margin:0 0 13px;
  padding:12px 15px;
  border:1px solid rgba(41,135,177,.58);
  border-radius:15px;
  background:linear-gradient(115deg,rgba(6,29,45,.97),rgba(4,17,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.2);
  overflow:visible;
}
.masterBodyV12 .masterSmartStrip:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:4px;
  background:#5c7687;
  box-shadow:0 0 16px rgba(92,118,135,.5);
}
.masterBodyV12 .masterSmartStrip.healthy{border-color:rgba(44,233,154,.42)}
.masterBodyV12 .masterSmartStrip.healthy:before{background:var(--master-ok);box-shadow:0 0 18px var(--master-ok)}
.masterBodyV12 .masterSmartStrip.attention{border-color:rgba(255,190,61,.52)}
.masterBodyV12 .masterSmartStrip.attention:before{background:var(--master-warn);box-shadow:0 0 18px var(--master-warn)}
.masterBodyV12 .masterSmartStrip.critical{border-color:rgba(255,89,100,.62);background:linear-gradient(115deg,rgba(48,12,22,.98),rgba(12,14,25,.98))}
.masterBodyV12 .masterSmartStrip.critical:before{background:var(--master-bad);box-shadow:0 0 20px var(--master-bad);animation:masterSmartPulse 1.35s infinite}
.masterBodyV12 .masterSmartState{display:flex;align-items:center;gap:12px;min-width:0}
.masterBodyV12 .masterSmartState>i{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#78909c;box-shadow:0 0 0 5px rgba(120,144,156,.1)}
.masterBodyV12 .healthy .masterSmartState>i{background:var(--master-ok);box-shadow:0 0 0 5px rgba(44,233,154,.1),0 0 18px var(--master-ok)}
.masterBodyV12 .attention .masterSmartState>i{background:var(--master-warn);box-shadow:0 0 0 5px rgba(255,190,61,.1),0 0 18px var(--master-warn)}
.masterBodyV12 .critical .masterSmartState>i{background:var(--master-bad);box-shadow:0 0 0 5px rgba(255,89,100,.12),0 0 18px var(--master-bad)}
.masterBodyV12 .masterSmartState span{display:block;margin-bottom:2px;color:#7fdcf3;font-size:9px;font-weight:900;letter-spacing:.15em}
.masterBodyV12 .masterSmartState strong{display:block;color:#fff;font-size:18px;line-height:1.15}
.masterBodyV12 .masterSmartState small{display:block;margin-top:4px;color:#a6c4d3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.masterBodyV12 .masterSmartNumbers{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:7px}
.masterBodyV12 .masterSmartNumbers>div{padding:7px 9px;border:1px solid rgba(65,139,173,.34);border-radius:10px;background:rgba(3,14,24,.55)}
.masterBodyV12 .masterSmartNumbers span{display:block;color:#7f9fb1;font-size:8px;font-weight:800;text-transform:uppercase}
.masterBodyV12 .masterSmartNumbers strong{display:block;margin-top:2px;color:#e9fbff;font-size:14px}
.masterBodyV12 .masterSmartActions button,
.masterBodyV12 .sectionTitle button{
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(53,188,224,.56);
  border-radius:9px;
  color:#dff9ff;
  background:linear-gradient(180deg,#0a3450,#061d30);
  font-weight:800;
  cursor:pointer;
}
.masterBodyV12 .masterSmartDetails{
  position:absolute;
  z-index:80;
  top:calc(100% + 7px);
  right:0;
  width:min(760px,calc(100vw - 40px));
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:13px;
  border:1px solid rgba(45,189,224,.65);
  border-radius:14px;
  background:rgba(3,15,26,.985);
  box-shadow:0 24px 65px rgba(0,0,0,.58);
}
.masterBodyV12 .masterSmartDetails[hidden]{display:none}
.masterBodyV12 .masterSmartDetails>div{padding:9px;border:1px solid rgba(65,137,169,.35);border-radius:10px;background:#071b2b}
.masterBodyV12 .masterSmartDetails>div span{display:block;color:#799bad;font-size:9px;text-transform:uppercase}
.masterBodyV12 .masterSmartDetails>div strong{display:block;margin-top:3px;color:#eaffff;font-size:18px}
.masterBodyV12 .masterSmartDetails>section{grid-column:1/-1;padding-top:4px}
.masterBodyV12 .masterSmartDetails>section header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.masterBodyV12 .masterSmartDetails>section header strong{color:#fff}
.masterBodyV12 .masterSmartDetails>section header small{color:#82a5b7}
.masterBodyV12 .masterFreshnessList{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.masterBodyV12 .masterFreshnessChip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(61,137,170,.35);border-radius:9px;background:#061827}
.masterBodyV12 .masterFreshnessChip i{width:8px;height:8px;border-radius:50%;background:var(--master-ok);box-shadow:0 0 10px var(--master-ok)}
.masterBodyV12 .masterFreshnessChip.warn i{background:var(--master-warn);box-shadow:0 0 10px var(--master-warn)}
.masterBodyV12 .masterFreshnessChip.stale i{background:var(--master-bad);box-shadow:0 0 10px var(--master-bad)}
.masterBodyV12 .masterFreshnessChip strong{color:#fff;font-size:12px}
.masterBodyV12 .masterFreshnessChip span{color:#91b0c0;font-size:10px}
.masterBodyV12 .masterIncidentSpotlight{
  margin:0 0 13px;
  padding:13px 15px;
  border:1px solid rgba(255,89,100,.62);
  border-radius:15px;
  background:linear-gradient(115deg,rgba(50,11,22,.97),rgba(15,12,24,.98));
  box-shadow:0 0 30px rgba(255,70,85,.12),inset 0 1px 0 rgba(255,255,255,.04);
}
.masterBodyV12 .masterIncidentSpotlight[hidden]{display:none}
.masterBodyV12 .masterIncidentSpotlight>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.masterBodyV12 .masterIncidentSpotlight>header span{color:#ff8991;font-size:9px;font-weight:900;letter-spacing:.15em}
.masterBodyV12 .masterIncidentSpotlight>header h2{margin:3px 0 0;color:#fff;font-size:18px}
.masterBodyV12 .masterIncidentSpotlight>header>strong{min-width:40px;padding:7px 11px;border-radius:999px;text-align:center;color:#fff;background:#d72d42;box-shadow:0 0 18px rgba(255,66,84,.3)}
.masterBodyV12 .masterIncidentRows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.masterBodyV12 .masterIncidentCard{position:relative;padding:10px 11px;border:1px solid rgba(255,114,126,.32);border-radius:11px;background:rgba(8,14,25,.72);overflow:hidden}
.masterBodyV12 .masterIncidentCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--master-bad)}
.masterBodyV12 .masterIncidentCard.validating:before{background:var(--master-warn)}
.masterBodyV12 .masterIncidentCard header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.masterBodyV12 .masterIncidentCard header strong{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.masterBodyV12 .masterIncidentCard header b{color:#ff7b86;font-size:10px}
.masterBodyV12 .masterIncidentCard p{margin:6px 0 0;color:#b8d0db;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.masterBodyV12 .masterIncidentCard footer{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#7fa3b5;font-size:9px}
.masterBodyV12 .masterIncidentReason{display:flex;align-items:flex-start;gap:6px;margin-top:7px;padding:6px 7px;border:1px solid rgba(255,190,73,.34);border-radius:8px;background:rgba(94,57,4,.20);color:#ffe2a2;font-size:9px;line-height:1.3}
.masterBodyV12 .masterIncidentReason b{flex:0 0 auto;color:#ffc95d;font-size:8px;letter-spacing:.05em;text-transform:uppercase}
.masterBodyV12 .masterIncidentReason span{min-width:0;overflow-wrap:anywhere}
.masterBodyV12 .masterIncidentReason small{color:#bda97f;font-size:8px}
.masterBodyV12 .masterTvCanvas{display:block}
.masterBodyV12 .masterProblemsPanel{
  margin:14px 0;
  padding:15px;
  border:1px solid rgba(39,135,176,.55);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(6,27,44,.97),rgba(4,16,28,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 35px rgba(0,0,0,.18);
}
.masterBodyV12 .masterProblemsPanel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.masterBodyV12 .masterProblemsPanel>header span{color:#72e9ff;font-size:9px;font-weight:900;letter-spacing:.15em}
.masterBodyV12 .masterProblemsPanel>header h2{margin:4px 0 0;color:#fff;font-size:20px}
.masterBodyV12 .masterProblemsPanel>header small{color:#789cad;font-size:10px}
.masterBodyV12 .masterProblemRows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.masterBodyV12 .masterProblemItem{position:relative;min-height:88px;padding:10px 11px;border:1px solid rgba(62,134,166,.36);border-radius:11px;background:#061725;overflow:hidden}
.masterBodyV12 .masterProblemItem:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#4b7185}
.masterBodyV12 .masterProblemItem.warn:before{background:var(--master-warn)}
.masterBodyV12 .masterProblemItem.bad:before{background:var(--master-bad)}
.masterBodyV12 .masterProblemItem.stale:before{background:#d477ff}
.masterBodyV12 .masterProblemItem span{display:block;color:#7fa4b5;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.masterBodyV12 .masterProblemItem strong{display:block;margin-top:6px;color:#fff;font-size:12px;line-height:1.2}
.masterBodyV12 .masterProblemItem p{margin:5px 0 0;color:#9bb7c5;font-size:9px;line-height:1.3}
.masterBodyV12 .vpnCriticalBoard.autoCollapsed #criticalVpns,
.masterBodyV12 .warRoom.autoCollapsed #criticalList{display:none}
.masterBodyV12 .vpnCriticalBoard.autoCollapsed,
.masterBodyV12 .warRoom.autoCollapsed{padding-bottom:12px;border-color:rgba(44,233,154,.35);background:linear-gradient(110deg,rgba(5,35,34,.86),rgba(4,17,28,.96))}
.masterBodyV12 .vpnCriticalBoard.autoCollapsed .sectionTitle,
.masterBodyV12 .warRoom.autoCollapsed .sectionTitle{margin-bottom:0}
.masterBodyV12 .masterBackboneBottom{overflow:hidden}
.masterBodyV12 .masterBackboneToggle{
  width:100%;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(300px,1fr) auto;
  align-items:center;
  gap:15px;
  padding:0;
  border:0;
  color:inherit;
  text-align:left;
  background:transparent;
  cursor:pointer;
}
.masterBodyV12 .masterBackboneToggle h2{margin:0;color:#fff;font-size:20px}
.masterBodyV12 .masterBackboneToggle>span{color:#9cc2d2;font-size:11px;text-align:center}
.masterBodyV12 .masterBackboneToggle>b{min-width:86px;padding:9px 13px;border:1px solid rgba(53,188,224,.5);border-radius:9px;color:#dffaff;text-align:center;background:#07253a}
.masterBodyV12 .masterBackboneBody{margin-top:14px;padding-top:14px;border-top:1px solid rgba(52,130,166,.33)}
.masterBodyV12 .masterBackboneBody[hidden]{display:none}
.masterBodyV12 .masterBackboneCollapsed{padding:15px 18px}
.masterBodyV12.masterHasIncident .masterHero{border-color:rgba(255,89,100,.48)}
@keyframes masterSmartPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* TV 32" — projetado para 1920x1080 e 1366x768 */
.masterBodyV12.masterTvMode{
  overflow:hidden;
  background:#020812;
}
.masterBodyV12.masterTvMode .masterMain{
  width:100vw;
  max-width:none;
  height:100vh;
  padding:8px;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:6px;
  overflow:hidden;
}
.masterBodyV12.masterTvMode .masterHero{
  min-height:62px;
  margin:0;
  padding:8px 12px;
  grid-template-columns:minmax(320px,1fr) auto 165px;
  border-radius:12px;
}
.masterBodyV12.masterTvMode .optyPanel{width:105px;height:48px;flex-basis:105px;font-size:20px}
.masterBodyV12.masterTvMode .masterHeroEyebrow{font-size:7px;margin-bottom:2px}
.masterBodyV12.masterTvMode .masterHeroBrand h1{font-size:22px}
.masterBodyV12.masterTvMode .masterHeroBrand p{margin-top:3px;font-size:10px;line-height:1.15}
.masterBodyV12.masterTvMode .masterCommandCenter{display:flex;align-items:center;justify-content:flex-end}
.masterBodyV12.masterTvMode .masterCommandCenter>*{display:none}
.masterBodyV12.masterTvMode .masterCommandCenter #masterTvModeBtn{display:inline-flex;min-width:112px;min-height:36px;align-items:center;justify-content:center}
.masterBodyV12.masterTvMode .masterClock{min-height:48px;padding:5px 8px}
.masterBodyV12.masterTvMode .masterClock strong{font-size:21px}
.masterBodyV12.masterTvMode .portalStats.masterStats{
  height:66px;
  margin:0;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}
.masterBodyV12.masterTvMode .portalStats.masterStats .statBox{min-height:66px;padding:7px 9px;grid-template-columns:32px 1fr}
.masterBodyV12.masterTvMode .portalStats.masterStats .statBox em{width:30px;height:30px}
.masterBodyV12.masterTvMode .portalStats.masterStats .statBox strong{font-size:21px}
.masterBodyV12.masterTvMode .masterSmartStrip{
  min-height:48px;
  margin:0;
  padding:7px 11px;
  grid-template-columns:minmax(360px,1.5fr) minmax(280px,.8fr) auto;
  border-radius:11px;
}
.masterBodyV12.masterTvMode .masterSmartState strong{font-size:15px}
.masterBodyV12.masterTvMode .masterSmartState small{font-size:9px}
.masterBodyV12.masterTvMode .masterSmartNumbers>div{padding:4px 7px}
.masterBodyV12.masterTvMode .masterSmartActions{display:none}
.masterBodyV12.masterTvMode .masterSmartDetails{display:none!important}
.masterBodyV12.masterTvMode .masterIncidentSpotlight{margin:0;padding:7px 10px;border-radius:11px}
.masterBodyV12.masterTvMode .masterIncidentSpotlight>header{margin-bottom:5px}
.masterBodyV12.masterTvMode .masterIncidentSpotlight>header h2{font-size:14px}
.masterBodyV12.masterTvMode .masterIncidentRows{gap:5px}
.masterBodyV12.masterTvMode .masterIncidentCard{padding:6px 8px;min-height:54px}
.masterBodyV12.masterTvMode .masterIncidentCard p{margin-top:3px}
.masterBodyV12.masterTvMode .masterIncidentCard footer{margin-top:3px}
.masterBodyV12.masterTvMode .masterActions,
.masterBodyV12.masterTvMode .masterActionPanel,
.masterBodyV12.masterTvMode .portalToolbar,
.masterBodyV12.masterTvMode .callCenterBoard,
.masterBodyV12.masterTvMode .masterAdminBottom,
.masterBodyV12.masterTvMode .masterBackboneBottom{display:none!important}
.masterBodyV12.masterTvMode .masterTvCanvas{
  min-height:0;
  display:grid;
  grid-template-columns:1.14fr .93fr .93fr;
  grid-template-rows:minmax(0,1fr) minmax(0,.78fr);
  gap:6px;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard{grid-column:1;grid-row:1/3}
.masterBodyV12.masterTvMode .masterTvCanvas>.vpnCriticalBoard{grid-column:2;grid-row:1}
.masterBodyV12.masterTvMode .masterTvCanvas>.warRoom{grid-column:3;grid-row:1}
.masterBodyV12.masterTvMode .masterTvCanvas>.masterProblemsPanel{grid-column:2/4;grid-row:2}
.masterBodyV12.masterTvMode .masterTvCanvas>section,
.masterBodyV12.masterTvMode .masterTvCanvas>article{
  min-height:0;
  margin:0;
  padding:9px;
  border-radius:11px;
  overflow:hidden;
}
.masterBodyV12.masterTvMode .sectionTitle{margin-bottom:6px}
.masterBodyV12.masterTvMode .sectionTitle h2,
.masterBodyV12.masterTvMode .masterProblemsPanel>header h2{font-size:14px}
.masterBodyV12.masterTvMode .sectionTitle span,
.masterBodyV12.masterTvMode .masterProblemsPanel>header small{font-size:8px}
.masterBodyV12.masterTvMode .sectionTitle button{min-height:27px;padding:0 8px;font-size:9px}
.masterBodyV12.masterTvMode .ufGrid{
  height:calc(100% - 31px);
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:5px;
}
.masterBodyV12.masterTvMode .ufCard{
  min-height:0;
  padding:6px 8px;
  grid-template-columns:27px 1fr auto;
  border-radius:8px;
}
.masterBodyV12.masterTvMode .ufCard .ufMapThumb{width:25px;height:25px}
.masterBodyV12.masterTvMode .ufCard strong{font-size:13px}
.masterBodyV12.masterTvMode .ufCard small,
.masterBodyV12.masterTvMode .ufCard p,
.masterBodyV12.masterTvMode .ufCard .port{font-size:7px}
.masterBodyV12.masterTvMode .criticalVpnGrid{height:calc(100% - 30px);grid-template-columns:1fr;gap:4px;overflow:hidden}
.masterBodyV12.masterTvMode .vpnCard{padding:6px;border-radius:8px}
.masterBodyV12.masterTvMode .vpnCard:nth-child(n+5){display:none}
.masterBodyV12.masterTvMode .vpnCard header strong{font-size:10px}
.masterBodyV12.masterTvMode .vpnCard header span,
.masterBodyV12.masterTvMode .vpnGridInfo{font-size:7px}
.masterBodyV12.masterTvMode .criticalList{height:calc(100% - 30px);overflow:hidden}
.masterBodyV12.masterTvMode .criticalItem{padding:6px 8px;margin-bottom:4px;border-radius:7px}
.masterBodyV12.masterTvMode .criticalItem:nth-child(n+6){display:none}
.masterBodyV12.masterTvMode .criticalItem strong{font-size:9px}
.masterBodyV12.masterTvMode .criticalItem span{font-size:7px}
.masterBodyV12.masterTvMode .masterProblemsPanel>header{margin-bottom:6px}
.masterBodyV12.masterTvMode .masterProblemRows{height:calc(100% - 30px);grid-template-columns:repeat(5,1fr);gap:5px}
.masterBodyV12.masterTvMode .masterProblemItem{min-height:0;padding:7px 8px;border-radius:8px}
.masterBodyV12.masterTvMode .masterProblemItem span{font-size:7px}
.masterBodyV12.masterTvMode .masterProblemItem strong{margin-top:3px;font-size:9px}
.masterBodyV12.masterTvMode .masterProblemItem p{margin-top:3px;font-size:7px}
.masterBodyV12.masterTvMode .masterCollectionStatus{right:10px;bottom:8px;transform:scale(.82);transform-origin:right bottom}
@media(max-width:1450px){
  .masterBodyV12 .masterIncidentRows{grid-template-columns:repeat(2,1fr)}
  .masterBodyV12 .masterProblemRows{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .masterBodyV12 .masterSmartStrip{grid-template-columns:1fr}
  .masterBodyV12 .masterSmartNumbers{grid-template-columns:repeat(3,1fr)}
  .masterBodyV12 .masterSmartDetails{position:fixed;left:12px;right:12px;top:80px;width:auto}
  .masterBodyV12 .masterFreshnessList{grid-template-columns:repeat(2,1fr)}
  .masterBodyV12 .masterIncidentRows{grid-template-columns:1fr}
  .masterBodyV12 .masterProblemRows{grid-template-columns:1fr}
  .masterBodyV12 .masterBackboneToggle{grid-template-columns:1fr}
  .masterBodyV12 .masterBackboneToggle>span{text-align:left}
}


/* ===== MASTER_TV_LAYOUT_FIX_V13 ===== */
/*
  Correções do Modo TV:
  - o painel de incidentes deixa de ocupar a linha flexível inteira;
  - os oito links DOWN ficam visíveis em duas linhas;
  - o canvas operacional passa a ocupar o espaço restante;
  - VPNs expandidas usam toda a largura das duas colunas da direita.
*/
.masterBodyV12.masterTvMode .masterMain{
  grid-template-rows:auto auto auto auto minmax(0,1fr);
}
.masterBodyV12.masterTvMode .masterHero{grid-row:1}
.masterBodyV12.masterTvMode .portalStats.masterStats{grid-row:2}
.masterBodyV12.masterTvMode .masterSmartStrip{grid-row:3}
.masterBodyV12.masterTvMode .masterIncidentSpotlight{
  grid-row:4;
  align-self:start;
  min-height:0;
  max-height:none;
  overflow:hidden;
}
.masterBodyV12.masterTvMode .masterTvCanvas{
  grid-row:5;
  grid-template-columns:1.10fr .95fr .95fr;
  grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr);
}
.masterBodyV12.masterTvMode .masterIncidentRows{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(48px,auto);
  align-items:stretch;
}
.masterBodyV12.masterTvMode .masterIncidentCard{
  min-height:48px;
  height:auto;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard{
  grid-column:1;
  grid-row:1/3;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.vpnCriticalBoard{
  grid-column:2/4;
  grid-row:1;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.warRoom{
  grid-column:2;
  grid-row:2;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.masterProblemsPanel{
  grid-column:3;
  grid-row:2;
}
.masterBodyV12.masterTvMode .criticalVpnGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
  gap:5px;
}
.masterBodyV12.masterTvMode .vpnCard:nth-child(n+5){display:block}
.masterBodyV12.masterTvMode .vpnCard:nth-child(n+7){display:none}
.masterBodyV12.masterTvMode .masterProblemRows{
  height:calc(100% - 30px);
  grid-template-columns:1fr;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:4px;
}
.masterBodyV12.masterTvMode .masterProblemItem{
  display:grid;
  grid-template-columns:minmax(92px,.7fr) minmax(115px,1fr);
  grid-template-rows:auto auto;
  column-gap:7px;
  align-content:center;
  padding:5px 7px;
}
.masterBodyV12.masterTvMode .masterProblemItem span{
  grid-column:1;
  grid-row:1/3;
  align-self:center;
}
.masterBodyV12.masterTvMode .masterProblemItem strong{
  grid-column:2;
  grid-row:1;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.masterBodyV12.masterTvMode .masterProblemItem p{
  grid-column:2;
  grid-row:2;
  margin:2px 0 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:1500px){
  .masterBodyV12.masterTvMode .masterTvCanvas{
    grid-template-columns:1.03fr .985fr .985fr;
  }
  .masterBodyV12.masterTvMode .masterIncidentCard header strong{font-size:11px}
  .masterBodyV12.masterTvMode .masterIncidentCard p{font-size:8px}
  .masterBodyV12.masterTvMode .masterIncidentCard footer{font-size:8px}
}
@media(max-height:820px){
  .masterBodyV12.masterTvMode .masterMain{padding:5px;gap:4px}
  .masterBodyV12.masterTvMode .masterHero{min-height:54px;padding:6px 9px}
  .masterBodyV12.masterTvMode .portalStats.masterStats{height:58px}
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox{min-height:58px;padding:5px 7px}
  .masterBodyV12.masterTvMode .masterSmartStrip{min-height:42px;padding:5px 8px}
  .masterBodyV12.masterTvMode .masterIncidentSpotlight{padding:5px 7px}
  .masterBodyV12.masterTvMode .masterIncidentSpotlight>header{margin-bottom:3px}
  .masterBodyV12.masterTvMode .masterIncidentSpotlight>header h2{font-size:12px}
  .masterBodyV12.masterTvMode .masterIncidentRows{grid-auto-rows:minmax(42px,auto)}
  .masterBodyV12.masterTvMode .masterIncidentCard{min-height:42px;padding:4px 6px}
  .masterBodyV12.masterTvMode .masterIncidentCard p{margin-top:2px}
  .masterBodyV12.masterTvMode .masterIncidentCard footer{margin-top:2px}
  .masterBodyV12.masterTvMode .masterTvCanvas{gap:4px}
}

/* ===== MASTER_TV_MAP_V15 ===== */
.masterTvMapPanel{display:none}
.masterBodyV12.masterTvMode .masterTvCanvas{
  grid-template-columns:minmax(720px,1.45fr) minmax(350px,.72fr) minmax(350px,.72fr);
  grid-template-rows:minmax(0,1.18fr) minmax(0,.82fr);
}
.masterBodyV12.masterTvMode .masterTvMapPanel{
  display:grid;
  grid-column:1;
  grid-row:1/3;
  grid-template-rows:auto minmax(0,1fr) auto;
  min-height:0;
  margin:0;
  padding:10px 12px 11px;
  border:1px solid rgba(33,171,222,.62);
  border-radius:13px;
  background:
    radial-gradient(circle at 48% 42%,rgba(30,138,214,.20),transparent 38%),
    linear-gradient(145deg,rgba(4,18,32,.96),rgba(2,12,22,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 36px rgba(0,0,0,.22);
  overflow:hidden;
}
.masterBodyV12.masterTvMode .masterTvMapPanel .sectionTitle b{
  padding:6px 10px;
  border:1px solid rgba(72,176,214,.42);
  border-radius:999px;
  color:#dffaff;
  background:rgba(6,28,45,.76);
  font-size:10px;
  text-transform:uppercase;
}
.masterBodyV12.masterTvMode .masterTvMapPanel .sectionTitle b.ok{border-color:rgba(47,232,137,.55);color:#65f2a9}
.masterBodyV12.masterTvMode .masterTvMapPanel .sectionTitle b.warn{border-color:rgba(255,194,71,.65);color:#ffd36a}
.masterBodyV12.masterTvMode .masterTvMapPanel .sectionTitle b.bad{border-color:rgba(255,77,87,.72);color:#ff8790}
.masterBodyV12.masterTvMode .masterTvMapStage{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(37,113,151,.28);
  border-radius:12px;
  background:
    linear-gradient(rgba(51,147,191,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(51,147,191,.045) 1px,transparent 1px),
    radial-gradient(circle at 52% 42%,rgba(21,111,181,.20),rgba(0,0,0,0) 54%);
  background-size:32px 32px,32px 32px,auto;
}
.masterBodyV12.masterTvMode .masterTvMapStage img{
  width:min(82%,620px);
  max-height:96%;
  object-fit:contain;
  opacity:.38;
  filter:saturate(1.18) brightness(1.22) drop-shadow(0 0 28px rgba(55,210,255,.24));
}
.masterBodyV12.masterTvMode .masterTvMapMarkers{
  position:absolute;
  inset:0;
}
.masterBodyV12.masterTvMode .masterTvMapMarker{
  position:absolute;
  transform:translate(-50%,-50%);
  display:grid;
  grid-template-columns:11px auto;
  grid-template-rows:auto auto;
  column-gap:6px;
  align-items:center;
  min-width:86px;
  min-height:42px;
  padding:6px 8px;
  border:1px solid rgba(44,232,137,.56);
  border-radius:11px;
  background:rgba(3,16,28,.88);
  color:#eaf9ff;
  text-align:left;
  box-shadow:0 8px 26px rgba(0,0,0,.28),0 0 18px rgba(46,232,137,.14);
  cursor:pointer;
}
.masterBodyV12.masterTvMode .masterTvMapMarker i{
  grid-row:1/3;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2fe889;
  box-shadow:0 0 13px #2fe889;
}
.masterBodyV12.masterTvMode .masterTvMapMarker strong{font-size:14px;line-height:1;color:#fff}
.masterBodyV12.masterTvMode .masterTvMapMarker span,
.masterBodyV12.masterTvMode .masterTvMapMarker small{font-size:8px;color:#a9c4d3;white-space:nowrap}
.masterBodyV12.masterTvMode .masterTvMapMarker.warn{border-color:rgba(255,194,71,.74);box-shadow:0 0 18px rgba(255,194,71,.18)}
.masterBodyV12.masterTvMode .masterTvMapMarker.warn i{background:#ffc247;box-shadow:0 0 13px #ffc247}
.masterBodyV12.masterTvMode .masterTvMapMarker.bad{border-color:rgba(255,77,87,.88);box-shadow:0 0 0 1px rgba(255,77,87,.22),0 0 26px rgba(255,77,87,.26);animation:masterMapPulse 1.35s ease-in-out infinite}
.masterBodyV12.masterTvMode .masterTvMapMarker.bad i{background:#ff4d57;box-shadow:0 0 15px #ff4d57}
@keyframes masterMapPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.24)}}
.masterBodyV12.masterTvMode .masterTvMapRibbon{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:7px;
}
.masterBodyV12.masterTvMode .masterTvMapRibbon article{
  min-height:44px;
  padding:7px 9px;
  border:1px solid rgba(58,133,167,.38);
  border-radius:10px;
  background:rgba(4,18,30,.82);
  overflow:hidden;
}
.masterBodyV12.masterTvMode .masterTvMapRibbon span{display:block;color:#72e9ff;font-size:8px;font-weight:900;letter-spacing:.12em}
.masterBodyV12.masterTvMode .masterTvMapRibbon strong{display:block;margin-top:3px;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.masterBodyV12.masterTvMode .masterTvMapRibbon small{display:block;margin-top:2px;color:#8ea9b7;font-size:8px}
.masterBodyV12.masterTvMode .masterTvMapRibbon article.ok{border-color:rgba(47,232,137,.35)}
.masterBodyV12.masterTvMode .masterTvMapRibbon article.warn{border-color:rgba(255,194,71,.55)}
.masterBodyV12.masterTvMode .masterTvMapRibbon article.bad{border-color:rgba(255,77,87,.68)}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard{
  grid-column:2;
  grid-row:1;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.vpnCriticalBoard{
  grid-column:3;
  grid-row:1;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.warRoom{
  grid-column:2;
  grid-row:2;
}
.masterBodyV12.masterTvMode .masterTvCanvas>.masterProblemsPanel{
  grid-column:3;
  grid-row:2;
}
.masterBodyV12.masterTvMode .ufGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
}
.masterBodyV12.masterTvMode .criticalVpnGrid{
  grid-template-columns:1fr;
}
.masterBodyV12.masterTvMode .vpnCard:nth-child(n+5){display:none}
@media(max-width:1500px){
  .masterBodyV12.masterTvMode .masterTvCanvas{
    grid-template-columns:minmax(560px,1.25fr) minmax(300px,.86fr) minmax(300px,.86fr);
  }
  .masterBodyV12.masterTvMode .masterTvMapStage img{width:min(78%,510px)}
  .masterBodyV12.masterTvMode .masterTvMapRibbon{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== MASTER_BRASIL_MAP_BACKDROP_V14 ===== */
.masterBodyV12 .masterTvCanvas{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.masterBodyV12 .masterTvCanvas::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:2% 20% 3% 20%;
  background:
    url("/assets/MASTER_NEUTRO.png") center/contain no-repeat;
  opacity:.035;
  filter:
    saturate(1.2)
    brightness(1.18)
    drop-shadow(0 0 28px rgba(42,205,255,.28));
  transform:scale(.96);
  pointer-events:none;
}
.masterBodyV12 .masterTvCanvas::after{
  content:"AL  •  BA  •  CO  •  PA  •  PE  •  RJ  •  SC  •  SP";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  color:rgba(104,232,255,.09);
  font-size:12px;
  font-weight:900;
  letter-spacing:.24em;
  white-space:nowrap;
  pointer-events:none;
}
.masterBodyV12 .masterTvCanvas > *{
  position:relative;
  z-index:1;
}
.masterBodyV12 .masterHero{
  position:relative;
  isolation:isolate;
}
.masterBodyV12 .masterHero::after{
  content:"";
  position:absolute;
  z-index:0;
  right:13%;
  top:50%;
  width:230px;
  height:150px;
  transform:translateY(-50%);
  background:url("/assets/MASTER_NEUTRO.png") center/contain no-repeat;
  opacity:.045;
  filter:
    saturate(1.15)
    brightness(1.2)
    drop-shadow(0 0 24px rgba(42,205,255,.22));
  pointer-events:none;
}
.masterBodyV12 .masterHero > *{
  position:relative;
  z-index:1;
}
.masterBodyV12.masterTvMode .masterTvCanvas::before{
  inset:0 13% 0 13%;
  opacity:.075;
  transform:scale(.93);
  filter:
    saturate(1.3)
    brightness(1.25)
    drop-shadow(0 0 38px rgba(42,205,255,.38));
}
.masterBodyV12.masterTvMode .masterTvCanvas::after{
  bottom:7px;
  color:rgba(104,232,255,.14);
  font-size:10px;
}
.masterBodyV12.masterTvMode .masterHero::after{
  width:210px;
  height:130px;
  opacity:.07;
}
@media(max-width:1500px){
  .masterBodyV12 .masterTvCanvas::before{
    inset:4% 16%;
    opacity:.03;
  }
  .masterBodyV12.masterTvMode .masterTvCanvas::before{
    inset:3% 10%;
    opacity:.06;
  }
}
@media(max-width:1050px){
  .masterBodyV12 .masterTvCanvas::before{
    inset:10% 10%;
    opacity:.025;
  }
  .masterBodyV12 .masterTvCanvas::after{
    display:none;
  }
  .masterBodyV12 .masterHero::after{
    display:none;
  }
}

/* ===== FASE 12C: MASTER_RESPONSIVE_MONITOR_TV_V1 =====
   Master maior e responsivo em monitor; TV 32" mais legível em Full HD. */

/* Modo normal: usa praticamente toda a largura útil do monitor. */
.masterBodyV12:not(.masterTvMode) .masterMain{
  width:calc(100% - 12px);
  max-width:1920px;
  margin:0 auto;
  padding:
    clamp(14px,1.05vw,22px)
    clamp(14px,1.45vw,30px)
    38px;
}
.masterBodyV12:not(.masterTvMode) .masterHero{
  grid-template-columns:
    minmax(450px,1.05fr)
    minmax(430px,.9fr)
    minmax(190px,220px);
  gap:clamp(14px,1vw,20px);
  padding:clamp(18px,1.1vw,23px);
}
.masterBodyV12:not(.masterTvMode) .optyPanel{
  width:clamp(150px,9vw,178px);
  height:clamp(78px,4.8vw,90px);
  flex-basis:clamp(150px,9vw,178px);
  font-size:clamp(27px,1.75vw,32px);
}
.masterBodyV12:not(.masterTvMode) .masterHeroBrand h1{
  font-size:clamp(29px,1.8vw,35px);
}
.masterBodyV12:not(.masterTvMode) .masterHeroBrand p{
  font-size:clamp(13px,.82vw,15px);
}
.masterBodyV12:not(.masterTvMode) .masterHeroEyebrow{
  font-size:clamp(10px,.66vw,12px);
}
.masterBodyV12:not(.masterTvMode) .masterCommandCenter a,
.masterBodyV12:not(.masterTvMode) .masterCommandCenter button{
  min-height:clamp(40px,2.5vw,47px);
  font-size:clamp(13px,.78vw,15px);
}
.masterBodyV12:not(.masterTvMode) .masterClock{
  min-height:clamp(84px,5vw,96px);
  padding:12px;
}
.masterBodyV12:not(.masterTvMode) .masterClock strong{
  font-size:clamp(26px,1.65vw,31px);
}
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats{
  gap:clamp(8px,.65vw,12px);
}
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats .statBox{
  min-height:clamp(76px,4.8vw,90px);
  padding:clamp(11px,.8vw,15px);
  grid-template-columns:clamp(40px,2.5vw,46px) 1fr;
}
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats .statBox em{
  width:clamp(38px,2.45vw,45px);
  height:clamp(38px,2.45vw,45px);
}
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats .statBox strong{
  font-size:clamp(25px,1.65vw,31px);
}
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats .statBox span,
.masterBodyV12:not(.masterTvMode) .portalStats.masterStats .statBox small{
  font-size:clamp(10px,.66vw,12px);
}
.masterBodyV12:not(.masterTvMode) .masterSmartStrip{
  min-height:58px;
  padding:13px 16px;
}
.masterBodyV12:not(.masterTvMode) .masterSmartState strong{
  font-size:clamp(18px,1.1vw,21px);
}
.masterBodyV12:not(.masterTvMode) .masterSmartState small{
  font-size:clamp(11px,.72vw,13px);
}
.masterBodyV12:not(.masterTvMode) .masterSmartNumbers strong{
  font-size:clamp(14px,.9vw,17px);
}
.masterBodyV12:not(.masterTvMode) .masterIncidentSpotlight{
  padding:14px 16px;
}
.masterBodyV12:not(.masterTvMode) .masterIncidentSpotlight>header h2{
  font-size:clamp(18px,1.2vw,22px);
}
.masterBodyV12:not(.masterTvMode) .masterIncidentCard{
  min-height:76px;
  padding:11px 12px;
}
.masterBodyV12:not(.masterTvMode) .masterIncidentCard header strong{
  font-size:clamp(13px,.82vw,15px);
}
.masterBodyV12:not(.masterTvMode) .masterIncidentCard p{
  font-size:clamp(10px,.68vw,12px);
}
.masterBodyV12:not(.masterTvMode) .masterActions{
  grid-template-columns:repeat(6,minmax(145px,1fr));
}
.masterBodyV12:not(.masterTvMode) .masterActions button{
  height:40px;
  min-height:40px;
  padding:0 12px;
  border-radius:10px;
  font-size:12px;
  line-height:1.1;
}

/* MASTER_BOTOES_COMPACTOS_V2 */

/* Menu administrativo superior */
.masterBodyV12:not(.masterTvMode) .masterCommandCenter{
  gap:6px!important;
  padding:7px!important;
  border-radius:12px!important;
}

.masterBodyV12:not(.masterTvMode) .masterCommandCenter a,
.masterBodyV12:not(.masterTvMode) .masterCommandCenter button{
  height:34px!important;
  min-height:34px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  line-height:1!important;
}

/* Menu de ferramentas do Master */
.masterBodyV12:not(.masterTvMode) #masterActions.masterActions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding:8px!important;
  margin:10px 0!important;
  border-radius:12px!important;
}

.masterBodyV12:not(.masterTvMode) #masterActions.masterActions button{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1!important;
}

.masterBodyV12:not(.masterTvMode) .portalToolbar input,
.masterBodyV12:not(.masterTvMode) .portalToolbar select{
  min-height:46px;
  font-size:13px;
}
.masterBodyV12:not(.masterTvMode) .callCenterItem,
.masterBodyV12:not(.masterTvMode) .ufCard{
  font-size:clamp(11px,.72vw,13px);
}
.masterBodyV12:not(.masterTvMode) .ufCard strong{
  font-size:clamp(24px,1.55vw,29px);
}

/* Monitores intermediários e notebooks: reorganiza sem diminuir demais. */
@media(max-width:1540px){
  .masterBodyV12:not(.masterTvMode) .masterHero{
    grid-template-columns:minmax(390px,1fr) minmax(340px,.85fr) 180px;
  }
  .masterBodyV12:not(.masterTvMode) .portalStats.masterStats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .masterBodyV12:not(.masterTvMode) .masterActions{
    grid-template-columns:repeat(3,minmax(150px,1fr));
  }
}
@media(max-width:1120px){
  .masterBodyV12:not(.masterTvMode) .masterHero{
    grid-template-columns:1fr 1fr;
  }
  .masterBodyV12:not(.masterTvMode) .masterClock{
    grid-column:2;
    grid-row:1;
  }
  .masterBodyV12:not(.masterTvMode) .masterCommandCenter{
    grid-column:1/-1;
  }
}
@media(max-width:820px){
  .masterBodyV12:not(.masterTvMode) .masterMain{
    width:100%;
    padding:10px;
  }
  .masterBodyV12:not(.masterTvMode) .masterHero{
    grid-template-columns:1fr;
  }
  .masterBodyV12:not(.masterTvMode) .masterClock,
  .masterBodyV12:not(.masterTvMode) .masterCommandCenter{
    grid-column:auto;
    grid-row:auto;
  }
  .masterBodyV12:not(.masterTvMode) .portalStats.masterStats,
  .masterBodyV12:not(.masterTvMode) .masterActions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* TV 32" Full HD: aumenta a leitura sem perder o encaixe em 1920x1080. */
@media(min-width:1500px) and (min-height:850px){
  .masterBodyV12.masterTvMode .masterMain{
    padding:10px;
    gap:7px;
  }
  .masterBodyV12.masterTvMode .masterHero{
    min-height:70px;
    padding:9px 14px;
    grid-template-columns:minmax(360px,1fr) auto 178px;
  }
  .masterBodyV12.masterTvMode .optyPanel{
    width:118px;
    height:54px;
    flex-basis:118px;
    font-size:23px;
  }
  .masterBodyV12.masterTvMode .masterHeroEyebrow{
    font-size:8px;
  }
  .masterBodyV12.masterTvMode .masterHeroBrand h1{
    font-size:26px;
  }
  .masterBodyV12.masterTvMode .masterHeroBrand p{
    font-size:11px;
  }
  .masterBodyV12.masterTvMode .masterClock{
    min-height:54px;
  }
  .masterBodyV12.masterTvMode .masterClock strong{
    font-size:24px;
  }
  .masterBodyV12.masterTvMode .portalStats.masterStats{
    height:74px;
    gap:7px;
  }
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox{
    min-height:74px;
    padding:8px 10px;
    grid-template-columns:36px 1fr;
  }
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox em{
    width:34px;
    height:34px;
  }
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox strong{
    font-size:25px;
  }
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox span,
  .masterBodyV12.masterTvMode .portalStats.masterStats .statBox small{
    font-size:8.5px;
  }
  .masterBodyV12.masterTvMode .masterSmartStrip{
    min-height:54px;
    padding:8px 12px;
  }
  .masterBodyV12.masterTvMode .masterSmartState strong{
    font-size:17px;
  }
  .masterBodyV12.masterTvMode .masterSmartState small{
    font-size:10px;
  }
  .masterBodyV12.masterTvMode .masterIncidentSpotlight{
    padding:8px 11px;
  }
  .masterBodyV12.masterTvMode .masterIncidentSpotlight>header h2{
    font-size:15px;
  }
  .masterBodyV12.masterTvMode .masterIncidentCard{
    min-height:55px;
    padding:7px 9px;
  }
  .masterBodyV12.masterTvMode .masterIncidentCard header strong{
    font-size:12px;
  }
  .masterBodyV12.masterTvMode .masterIncidentCard p,
  .masterBodyV12.masterTvMode .masterIncidentCard footer{
    font-size:8.5px;
  }
  .masterBodyV12.masterTvMode .sectionTitle h2,
  .masterBodyV12.masterTvMode .masterProblemsPanel>header h2{
    font-size:16px;
  }
  .masterBodyV12.masterTvMode .sectionTitle span,
  .masterBodyV12.masterTvMode .masterProblemsPanel>header small{
    font-size:9px;
  }
  .masterBodyV12.masterTvMode .ufCard{
    padding:7px 9px;
    grid-template-columns:31px 1fr auto;
  }
  .masterBodyV12.masterTvMode .ufCard .ufMapThumb{
    width:29px;
    height:29px;
  }
  .masterBodyV12.masterTvMode .ufCard strong{
    font-size:15px;
  }
  .masterBodyV12.masterTvMode .ufCard small,
  .masterBodyV12.masterTvMode .ufCard p,
  .masterBodyV12.masterTvMode .ufCard .port{
    font-size:8px;
  }
  .masterBodyV12.masterTvMode .vpnCard header strong{
    font-size:11px;
  }
  .masterBodyV12.masterTvMode .vpnCard header span,
  .masterBodyV12.masterTvMode .vpnGridInfo{
    font-size:8px;
  }
  .masterBodyV12.masterTvMode .criticalItem strong{
    font-size:10px;
  }
  .masterBodyV12.masterTvMode .criticalItem span{
    font-size:8px;
  }
  .masterBodyV12.masterTvMode .masterProblemItem span{
    font-size:8px;
  }
  .masterBodyV12.masterTvMode .masterProblemItem strong{
    font-size:10px;
  }
  .masterBodyV12.masterTvMode .masterProblemItem p{
    font-size:8px;
  }
}

/* Em notebook com pouca altura, mantém o encaixe compacto já existente. */
@media(max-height:820px){
  .masterBodyV12.masterTvMode .masterCollectionStatus{
    transform:scale(.78);
  }
}

/* ===== MASTER_TV_MAP_FINAL_OVERRIDE_V15 ===== */
.masterBodyV12.masterTvMode .masterTvMapPanel{display:grid!important}
.masterBodyV12.masterTvMode .masterTvCanvas{grid-template-columns:minmax(720px,1.45fr) minmax(350px,.72fr) minmax(350px,.72fr)!important;grid-template-rows:minmax(0,1.18fr) minmax(0,.82fr)!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.masterTvMapPanel{grid-column:1!important;grid-row:1/3!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard{grid-column:2!important;grid-row:1!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.vpnCriticalBoard{grid-column:3!important;grid-row:1!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.warRoom{grid-column:2!important;grid-row:2!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.masterProblemsPanel{grid-column:3!important;grid-row:2!important}
@media(max-width:1500px){.masterBodyV12.masterTvMode .masterTvCanvas{grid-template-columns:minmax(560px,1.25fr) minmax(300px,.86fr) minmax(300px,.86fr)!important}.masterBodyV12.masterTvMode .masterTvMapRibbon{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== MASTER_TV_FIT_FINAL_V16 ===== */
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard{padding:8px 10px!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard .sectionTitle{margin-bottom:7px!important;min-height:24px!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard .sectionTitle h2{font-size:14px!important;line-height:1.05!important}
.masterBodyV12.masterTvMode .masterTvCanvas>.ufBoard .sectionTitle span{font-size:7.5px!important;line-height:1!important}
.masterBodyV12.masterTvMode .ufGrid{height:calc(100% - 30px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .ufCard{min-height:0!important;height:100%!important;padding:6px 8px!important;border-radius:9px!important;display:grid!important;grid-template-columns:16px minmax(34px,.35fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:7px!important;row-gap:1px!important;align-items:center!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .ufCard i{grid-column:1;grid-row:1/3;width:10px!important;height:10px!important;align-self:start!important;margin-top:3px!important}
.masterBodyV12.masterTvMode .ufCard strong{grid-column:2;grid-row:1/3;margin:0!important;font-size:18px!important;line-height:1!important}
.masterBodyV12.masterTvMode .ufCard small{grid-column:3;grid-row:1;margin:0!important;font-size:7.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.masterBodyV12.masterTvMode .ufCard p{grid-column:3;grid-row:2;margin:0!important;font-size:7.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.masterBodyV12.masterTvMode .ufCard .port{display:none!important}
.masterBodyV12.masterTvMode .ufCard .ufMapThumb{right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:26px!important;opacity:.24!important}
.masterBodyV12.masterTvMode .masterProblemsPanel{padding:8px 10px!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .masterProblemsPanel>header{height:28px!important;margin-bottom:5px!important;align-items:flex-start!important}
.masterBodyV12.masterTvMode .masterProblemsPanel>header span{font-size:7.5px!important;line-height:1!important}
.masterBodyV12.masterTvMode .masterProblemsPanel>header h2{font-size:14px!important;line-height:1.05!important;margin-top:3px!important}
.masterBodyV12.masterTvMode .masterProblemsPanel>header small{font-size:7px!important;line-height:1!important;white-space:nowrap!important}
.masterBodyV12.masterTvMode .masterProblemRows{height:calc(100% - 33px)!important;display:grid!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:5px!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .masterProblemItem{min-height:0!important;height:100%!important;padding:5px 8px!important;display:grid!important;grid-template-columns:minmax(84px,.72fr) minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;column-gap:8px!important;row-gap:0!important;align-items:center!important;overflow:hidden!important}
.masterBodyV12.masterTvMode .masterProblemItem span{grid-column:1;grid-row:1/3;font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.masterBodyV12.masterTvMode .masterProblemItem strong{grid-column:2;grid-row:1;margin:0!important;font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.masterBodyV12.masterTvMode .masterProblemItem p{grid-column:2;grid-row:2;margin:0!important;font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.masterBodyV12.masterTvMode .masterCollectionStatus{display:none!important}
@media(max-width:1500px){.masterBodyV12.masterTvMode .ufCard strong{font-size:16px!important}.masterBodyV12.masterTvMode .masterProblemItem{grid-template-columns:minmax(74px,.68fr) minmax(0,1fr)!important}.masterBodyV12.masterTvMode .masterProblemsPanel>header small{display:none!important}}


/* ALL_UF_VPN_LATENCY_LEVELS_CSS_V2 */

/*
 * VPN normal — verde
 */
.regionalVpnCard.online{
  border-color:#2ee886!important;
  box-shadow:
    0 0 16px rgba(46,232,134,.10)!important;
  animation:none!important;
}

.regionalVpnCard.online
.regionalVpnStatusBadge{
  border-color:#2ee886!important;
  background:rgba(46,232,134,.08)!important;
  color:#2ee886!important;
}

/*
 * VPN UP em atenção — amarelo
 */
.regionalVpnCard.vpn-attention{
  border-color:#ffd166!important;
  box-shadow:
    0 0 0 1px rgba(255,209,102,.14),
    0 0 18px rgba(255,209,102,.10)!important;
  animation:none!important;
}

.regionalVpnCard.vpn-attention
.regionalVpnStatusBadge{
  border-color:#ffd166!important;
  background:rgba(255,209,102,.12)!important;
  color:#ffd166!important;
}

/*
 * VPN UP em degradação — laranja
 */
.regionalVpnCard.vpn-degraded{
  border-color:#ff8538!important;
  box-shadow:
    0 0 0 1px rgba(255,133,56,.18),
    0 0 22px rgba(255,133,56,.14)!important;
  animation:none!important;
}

.regionalVpnCard.vpn-degraded
.regionalVpnStatusBadge{
  border-color:#ff8538!important;
  background:rgba(255,133,56,.14)!important;
  color:#ffad70!important;
}

/*
 * VPN DOWN — vermelho
 */
.regionalVpnCard.down{
  border-color:#ff5965!important;
}

.regionalVpnCard.down
.regionalVpnStatusBadge{
  border-color:#ff5965!important;
  background:rgba(255,89,101,.14)!important;
  color:#ff7d87!important;
}

/*
 * Destaque individual para Local e Peer.
 */
.regionalVpnCard
.vpnGridInfo p.vpnProbeAttention{
  border-color:rgba(255,209,102,.72)!important;
  background:rgba(72,53,9,.32)!important;
}

.regionalVpnCard
.vpnGridInfo p.vpnProbeAttention em{
  color:#ffd166!important;
  font-weight:900;
}

.regionalVpnCard
.vpnGridInfo p.vpnProbeDegraded{
  border-color:rgba(255,133,56,.82)!important;
  background:rgba(83,34,8,.38)!important;
}

.regionalVpnCard
.vpnGridInfo p.vpnProbeDegraded em{
  color:#ffad70!important;
  font-weight:900;
}

.regionalVpnCard
.vpnGridInfo p.vpnProbeDown{
  border-color:rgba(255,89,101,.82)!important;
  background:rgba(84,13,23,.40)!important;
}

.regionalVpnCard
.vpnGridInfo p.vpnProbeDown em{
  color:#ff7d87!important;
  font-weight:900;
}

.regionalVpnCard .vpnGridInfo p.vpnProbePending{
  border-color:rgba(120,152,181,.65)!important;
  background:rgba(36,53,70,.34)!important;
}

.regionalVpnCard .vpnGridInfo p.vpnProbePending em{
  color:#a9bfd3!important;
  font-weight:800;
}

.regionalVpnCard .vpnGridInfo p.vpnProbeReference{
  border-color:rgba(129,142,248,.62)!important;
  background:rgba(39,43,91,.30)!important;
}

.regionalVpnCard .vpnGridInfo p.vpnProbeReference span{
  color:#aeb8ff!important;
}

.regionalVpnCard .vpnGridInfo p.vpnProbeReference em{
  color:#d9ddff!important;
  font-weight:800;
}

/* FIM ALL_UF_VPN_LATENCY_LEVELS_CSS_V2 */

/* ALL_UF_ATTENTION_DEGRADATION_COLORS_CSS_V2 */

/*
 * Verde: normal
 * Amarelo: atenção
 * Laranja: degradação
 * Vermelho: DOWN
 */

/* OPERAÇÃO NORMAL */
.unitCard:not(.down):not(.critical):not(.warn)
.unitSummary strong{
  color:#42e69a!important;
  text-shadow:0 0 18px rgba(66,230,154,.18);
}

/* ATENÇÃO */
.unitCard.warn
.unitSummary strong{
  color:#ffd166!important;
  text-shadow:0 0 18px rgba(255,209,102,.20);
}

.unitCard.warn{
  border-color:#e2ab31!important;
  box-shadow:
    0 0 0 1px rgba(255,209,102,.18),
    0 18px 45px rgba(0,0,0,.28)!important;
}

/* DEGRADAÇÃO */
.unitCard.critical
.unitSummary strong{
  color:#ff9a52!important;
  text-shadow:0 0 18px rgba(255,138,62,.22);
}

.unitCard.critical{
  border-color:#ff8538!important;
  box-shadow:
    0 0 0 1px rgba(255,133,56,.23),
    0 18px 45px rgba(0,0,0,.30),
    0 0 24px rgba(255,133,56,.12)!important;
}

/* DOWN */
.unitCard.down
.unitSummary strong{
  color:#ff6673!important;
  text-shadow:0 0 20px rgba(255,89,101,.30);
}

/* Barra inferior de saúde */
.unitCard.warn
.unitHealthBar span{
  background:
    linear-gradient(
      90deg,
      #e3aa2d,
      #ffd166
    )!important;
}

.unitCard.critical
.unitHealthBar span{
  background:
    linear-gradient(
      90deg,
      #ff7438,
      #ffab58
    )!important;
}

/* FIM ALL_UF_ATTENTION_DEGRADATION_COLORS_CSS_V2 */

/* QUALITY_GLOBAL_V1: ATENCAO e CRITICO sem confundir degradacao com DOWN. */
.unitCard.critical{border-color:#ff7a45;box-shadow:0 0 0 1px rgba(255,122,69,.32),0 18px 45px rgba(0,0,0,.28),0 0 26px rgba(255,122,69,.14)}
.unitCard.callCenter.critical{border-color:#ff7a45}
.linkTile.critical{border-color:#ff7a45;background:#3b1d12}
.linkTile.critical strong{color:#ffb08b}
.statusPill.critical{background:#a94416;border-color:#ff8e5b;color:#fff}
.linkRow.critical{background:rgba(142,55,20,.22)}
.linkRow.critical .value,.linkRow.critical .openLink{color:#ffb08b}
.regionalPeV7 .unitCard.critical{border-color:#ff7a45;box-shadow:0 0 0 1px rgba(255,122,69,.28),0 18px 48px rgba(0,0,0,.34)}
.regionalPeV7 .unitStateLabel.critical{border-color:rgba(255,122,69,.48);background:rgba(255,122,69,.10);color:#ffad82}
.regionalPeV7 .statusPill.critical{background:rgba(169,68,22,.30);border-color:rgba(255,142,91,.60);color:#ffc0a0}
.regionalPeV7 .unitCard.critical .unitHealthBar span{background:linear-gradient(90deg,#ff704a,#ffb15d)}
.criticalItem.critical{border-color:#ff7a45;background:rgba(110,42,16,.38)}

/* ===== MASTER_EXECUTIVE_ACCESS_V1 ===== */
.masterBodyV12:not(.masterTvMode) .masterExecutiveAccess{
  position:relative;
  margin:10px 0 12px;
  padding:14px;
  border:1px solid rgba(30,142,196,.48);
  border-radius:16px;
  background:
    radial-gradient(circle at 12% 0,rgba(40,215,255,.09),transparent 28%),
    linear-gradient(145deg,rgba(5,22,36,.98),rgba(2,11,20,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.22);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveAccessHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveAccessHead>div:first-child>span{
  display:block;
  color:#39d9ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveAccessHead h2{
  margin:4px 0 2px;
  color:#f3fbff;
  font-size:17px;
  line-height:1.05;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveAccessHead p{
  margin:0;
  color:#82a9bf;
  font-size:10.5px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveUtilities{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  gap:8px;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools{
  position:relative;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools summary,
.masterBodyV12:not(.masterTvMode) .masterExecutiveLogout{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid #174f70;
  border-radius:9px;
  background:#071a29;
  color:#b9d7e7;
  font-size:10.5px;
  font-weight:850;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools summary{
  list-style:none;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools summary::-webkit-details-marker{
  display:none;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools summary:hover,
.masterBodyV12:not(.masterTvMode) .masterAdminTools[open] summary{
  border-color:#28c8f3;
  background:#09243a;
  color:#f2fbff;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveLogout{
  border-color:rgba(255,89,104,.34);
  color:#ff98a3;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveLogout:hover{
  border-color:#ff5968;
  background:rgba(83,15,27,.42);
  color:#fff;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools nav{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  display:grid;
  width:245px;
  padding:8px;
  gap:6px;
  border:1px solid #1b6b91;
  border-radius:12px;
  background:#04121f;
  box-shadow:0 20px 55px rgba(0,0,0,.68);
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools nav a{
  display:flex;
  align-items:center;
  min-height:39px;
  padding:0 11px;
  border:1px solid #153f59;
  border-radius:8px;
  background:#071b2a;
  color:#d9edf7;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.masterBodyV12:not(.masterTvMode) .masterAdminTools nav a:hover{
  border-color:#25c8f1;
  background:#092b43;
  color:#fff;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:72px;
  padding:11px 13px;
  overflow:hidden;
  border:1px solid #185a7d;
  border-radius:12px;
  background:linear-gradient(145deg,#082139,#051521);
  color:#f5fbff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#38dcff,#197ee8);
  box-shadow:0 0 14px rgba(40,215,255,.5);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard:hover{
  z-index:2;
  transform:translateY(-2px);
  border-color:#32d8ff;
  background:linear-gradient(145deg,#0a2d49,#061a2a);
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 22px rgba(40,215,255,.10);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #1d789f;
  border-radius:11px;
  background:linear-gradient(145deg,#0b3a55,#08243a);
  color:#54e2ff;
  font-size:13px;
  font-style:normal;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(38,213,255,.08);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard span{
  min-width:0;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard strong,
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard small{
  display:block;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard strong{
  overflow:hidden;
  color:#f5fbff;
  font-size:13px;
  font-weight:900;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard small{
  margin-top:5px;
  overflow:hidden;
  color:#82abc0;
  font-size:9.5px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard b{
  padding-left:9px;
  color:#54dfff;
  font-size:8.5px;
  letter-spacing:.08em;
  white-space:nowrap;
}
/* MASTER_BOTAO_CENTRAL_VPN_V1 */
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.vpnAccess{
  border-color:rgba(53,226,177,.62);
  background:linear-gradient(145deg,#082b35,#061b28);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.vpnAccess:before{
  background:linear-gradient(180deg,#38dcff,#35e6a0);
  box-shadow:0 0 14px rgba(53,230,160,.5);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.vpnAccess i{
  border-color:rgba(53,226,177,.68);
  background:linear-gradient(145deg,#096252,#083b42);
  color:#7ff6d4;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.vpnAccess b{
  color:#62edc6;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.vpnAccess:hover{
  border-color:#4be7bd;
  background:linear-gradient(145deg,#0a3a42,#07252e);
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 22px rgba(53,230,160,.12);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence{
  grid-column:1/-1;
  min-height:82px;
  border-color:rgba(56,220,255,.72);
  background:
    radial-gradient(circle at 88% 10%,rgba(55,228,172,.12),transparent 28%),
    linear-gradient(125deg,#0a3550,#071b2b 58%,#06261f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.25),0 0 26px rgba(40,215,255,.08);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence:before{
  width:5px;
  background:linear-gradient(180deg,#38dcff,#35e6a0);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence i{
  border-color:#35d8d0;
  background:linear-gradient(145deg,#0b5870,#0a3c42);
  color:#dffff8;
  box-shadow:0 0 22px rgba(53,230,160,.16);
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence strong{
  font-size:15px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence small{
  color:#a4c8d3;
  font-size:10px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence i.masterMigrationCount{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence i.masterMigrationCount strong{
  color:#eaffff;
  font-size:21px;
  line-height:1;
}
.masterBodyV12:not(.masterTvMode) .masterExecutiveCard.evidence i.masterMigrationCount small{
  margin:1px 0 0;
  color:#6ff4d0;
  font-size:6px;
  line-height:1;
  letter-spacing:.12em;
}
.masterBodyV12.masterTvMode .masterExecutiveAccess{
  display:none!important;
}
@media(max-width:1280px){
  .masterBodyV12:not(.masterTvMode) .masterExecutiveGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .masterBodyV12:not(.masterTvMode) .masterExecutiveAccessHead{
    align-items:flex-start;
    flex-direction:column;
  }
  .masterBodyV12:not(.masterTvMode) .masterExecutiveUtilities{
    width:100%;
  }
  .masterBodyV12:not(.masterTvMode) .masterAdminTools{
    flex:1;
  }
  .masterBodyV12:not(.masterTvMode) .masterAdminTools summary{
    width:100%;
  }
  .masterBodyV12:not(.masterTvMode) .masterAdminTools nav{
    right:auto;
    left:0;
    width:min(300px,calc(100vw - 44px));
  }
  .masterBodyV12:not(.masterTvMode) .masterExecutiveGrid{
    grid-template-columns:1fr;
  }
}

/* ===== MASTER_CRITICAL_VPNS_RESPONSIVE_V3 ===== */
/*
  Mantém IPs e DDNS dentro dos blocos sem alterar dados ou telemetria.
  O modo TV possui composição própria e não recebe estas regras.
*/
.masterBodyV12:not(.masterTvMode) #masterVpnPanel{
  min-width:0;
  overflow:hidden;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .criticalVpnGrid{
  min-width:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:11px;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard{
  min-width:0;
  max-width:100%;
  min-height:162px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header>div{
  min-width:0;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header strong,
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header span{
  max-width:100%;
  overflow-wrap:anywhere;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header strong{
  min-height:32px;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnCard header b{
  flex:0 0 auto;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnGridInfo{
  min-width:0;
  margin-top:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnGridInfo p{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnGridInfo span,
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnGridInfo em{
  min-width:0;
  max-width:100%;
  line-height:1.2;
  overflow-wrap:anywhere;
  word-break:normal;
}
.masterBodyV12:not(.masterTvMode) #masterVpnPanel .vpnGridInfo span{
  min-height:31px;
  font-size:12.5px;
}
@media(max-width:1500px){
  .masterBodyV12:not(.masterTvMode) #masterVpnPanel .criticalVpnGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:1050px){
  .masterBodyV12:not(.masterTvMode) #masterVpnPanel .criticalVpnGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .masterBodyV12:not(.masterTvMode) #masterVpnPanel .criticalVpnGrid{
    grid-template-columns:1fr;
  }
}

/* ===== LOGIN_MASTER_EXECUTIVO_RESPONSIVO_V5 ===== */
.masterLoginExecutiveV5{min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:clamp(14px,1.7vw,28px)}
.masterLoginExecutiveV5 .regionalLoginShell{width:min(100%,1760px);min-height:720px;height:calc(100dvh - clamp(28px,3.4vw,56px));max-height:920px;grid-template-columns:minmax(0,1.35fr) minmax(390px,.9fr);gap:clamp(16px,1.4vw,24px);align-items:stretch}
.masterLoginExecutiveV5 .loginMapPanel{min-width:0;min-height:0;padding:clamp(20px,1.7vw,28px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(270px,1fr) auto;gap:clamp(12px,1.3vh,18px);align-items:stretch}
.masterLoginExecutiveV5 .loginMapIntro{min-width:0;gap:clamp(16px,1.8vw,28px);align-items:center;padding-bottom:clamp(10px,1.2vh,16px)}
.masterLoginExecutiveV5 .loginOptyBrand{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;margin:0;color:#38dcff;font-size:clamp(34px,2.5vw,52px);line-height:.92;letter-spacing:-.05em;white-space:nowrap}
.masterLoginExecutiveV5 .loginOptyBrand i{display:grid;place-items:center;width:clamp(56px,4.4vw,76px);height:clamp(56px,4.4vw,76px);border:1px solid rgba(56,220,255,.42);border-radius:22px;background:linear-gradient(145deg,rgba(25,151,202,.2),rgba(14,69,116,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(42,198,255,.12);font-size:.58em;font-style:normal;letter-spacing:-.2em;text-indent:-.16em}
.masterLoginExecutiveV5 .loginOptyBrand b{font:inherit;font-weight:900}
.masterLoginExecutiveV5 .loginMapIntro>span{min-width:0;font-size:clamp(25px,2.25vw,42px);line-height:1;overflow-wrap:anywhere}
.masterLoginExecutiveV5 .loginMapIntro>span small{margin-top:7px;font-size:clamp(11px,.9vw,15px);line-height:1.15}
.masterLoginExecutiveV5 .loginHeroText{max-width:none;margin:0;font-size:clamp(14px,1vw,18px);line-height:1.35}
.masterLoginExecutiveV5 .loginMapFrame{min-width:0;min-height:0;height:auto;padding:10px}
.masterLoginExecutiveV5 .loginMapFrame img{width:100%;height:100%;max-width:92%;max-height:92%;object-fit:contain}
.masterLoginExecutiveV5 .loginMapFrame:after{width:min(62%,430px)}
.masterLoginExecutiveV5 .loginStatusCards{min-width:0;margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.masterLoginExecutiveV5 .loginStatusCards article{min-width:0;min-height:78px;padding:11px 12px;grid-template-columns:30px minmax(0,1fr);column-gap:8px}
.masterLoginExecutiveV5 .loginStatusCards i{width:28px;height:28px;font-size:12px}
.masterLoginExecutiveV5 .loginStatusCards span,.masterLoginExecutiveV5 .loginStatusCards strong,.masterLoginExecutiveV5 .loginStatusCards small{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.masterLoginExecutiveV5 .loginStatusCards strong{font-size:clamp(14px,1vw,18px)}
.masterLoginExecutiveV5 .regionalLoginCard{min-width:0;min-height:0;height:100%;align-self:stretch;padding:clamp(22px,1.8vw,30px);display:flex;flex-direction:column;justify-content:center}
.masterLoginExecutiveV5 .regionalLoginCard header{min-width:0;margin-bottom:clamp(14px,1.6vh,22px);padding:clamp(15px,1.3vw,20px)}
.masterLoginExecutiveV5 .regionalLoginCard header>div{min-width:0}
.masterLoginExecutiveV5 .loginCardEyebrow{display:block;margin:0 0 7px;color:#46dfff;font-size:10px;font-weight:900;letter-spacing:.12em}
.masterLoginExecutiveV5 .regionalLoginCard header h2{max-width:100%;font-size:clamp(24px,1.8vw,31px);line-height:1.08;overflow-wrap:anywhere}
.masterLoginExecutiveV5 .regionalLoginCard header p{font-size:clamp(12px,.9vw,15px);line-height:1.3}
.masterLoginExecutiveV5 .regionalLoginCard header>span{flex:0 0 auto;width:clamp(64px,4.6vw,78px);height:clamp(64px,4.6vw,78px);font-size:clamp(18px,1.5vw,26px)}
.masterLoginExecutiveV5 .regionalLoginCard>label{margin-top:clamp(10px,1.2vh,17px)}
.masterLoginExecutiveV5 .regionalLoginCard input{height:clamp(48px,5.4vh,56px)}
.masterLoginExecutiveV5 .regionalLoginCard #loginBtn{height:clamp(52px,6vh,58px);margin-top:clamp(14px,1.8vh,20px)}
.masterLoginExecutiveV5 .loginDashLink{height:44px}
.masterLoginExecutiveV5 .regionalLoginCard footer{margin-top:12px;padding-top:10px}
@media(max-height:790px) and (min-width:1181px){.masterLoginExecutiveV5 .regionalLoginShell{min-height:680px}.masterLoginExecutiveV5 .loginMetricExtra{display:none}.masterLoginExecutiveV5 .loginStatusCards{grid-template-columns:repeat(3,minmax(0,1fr))}.masterLoginExecutiveV5 .regionalLoginCard footer{display:none}}
@media(max-width:1180px){.masterLoginExecutiveV5 .regionalLoginShell{height:auto;max-height:none;min-height:0;grid-template-columns:1fr}.masterLoginExecutiveV5 .regionalLoginCard{height:auto;min-height:0;order:-1}.masterLoginExecutiveV5 .loginMapPanel{grid-template-rows:auto auto minmax(300px,46vh) auto}}
@media(max-width:700px){.masterLoginExecutiveV5{padding:10px}.masterLoginExecutiveV5 .loginMapPanel,.masterLoginExecutiveV5 .regionalLoginCard{padding:16px;border-radius:15px}.masterLoginExecutiveV5 .loginMapIntro{align-items:flex-start;flex-direction:column;gap:12px}.masterLoginExecutiveV5 .loginMapIntro>span{font-size:25px}.masterLoginExecutiveV5 .loginStatusCards{grid-template-columns:repeat(2,minmax(0,1fr))}.masterLoginExecutiveV5 .loginStatusCards article:nth-child(2){border-right:0}.masterLoginExecutiveV5 .loginStatusCards article:nth-child(-n+2){border-bottom:1px solid rgba(34,111,170,.28)}.masterLoginExecutiveV5 .regionalLoginCard header>span{width:58px;height:58px;border-radius:17px;font-size:17px}}
/* ===== FIM LOGIN_MASTER_EXECUTIVO_RESPONSIVO_V5 ===== */

/* ===== LOGIN_MASTER_MAPA_INTERATIVO_V51 ===== */
.masterLoginExecutiveV5 .loginInteractiveMap{isolation:isolate;cursor:default;background:radial-gradient(circle at 50% 48%,rgba(0,170,255,.16),rgba(2,12,25,.90) 59%),linear-gradient(rgba(35,93,145,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(35,93,145,.06) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}
.masterLoginExecutiveV5 .loginInteractiveMap:before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:min(52%,390px);aspect-ratio:1;border:1px solid rgba(55,217,255,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 42px rgba(35,151,255,.035),0 0 0 86px rgba(35,151,255,.018);pointer-events:none}
.masterLoginExecutiveV5 .loginInteractiveMap:after{width:min(36%,270px);z-index:1;border-color:rgba(54,222,255,.20);animation:loginInteractiveRadar 12s linear infinite}
@keyframes loginInteractiveRadar{to{transform:rotate(360deg)}}
.masterLoginExecutiveV5 .loginInteractiveMap>img{position:absolute;z-index:0;inset:4%;width:92%;height:92%;max-width:none;max-height:none;opacity:.43;filter:drop-shadow(0 0 20px rgba(54,145,255,.45)) saturate(1.08)}
.masterLoginExecutiveV5 .loginMapFlow{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.masterLoginExecutiveV5 .loginMapFlow .loginFlowBase{fill:none;stroke:#2bd9ff;stroke-width:1.05;vector-effect:non-scaling-stroke;opacity:.23}
.masterLoginExecutiveV5 .loginMapFlow .loginFlowPulse{fill:none;stroke:#55e9ff;stroke-width:1.55;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:2 7;filter:drop-shadow(0 0 3px #24d8ff);animation:loginFlowDash 1.8s linear infinite}
.masterLoginExecutiveV5 .loginMapFlow .loginFlowPacket{fill:#75f6ff;filter:drop-shadow(0 0 4px #35ddff)}
@keyframes loginFlowDash{from{stroke-dashoffset:18}to{stroke-dashoffset:0}}
.masterLoginExecutiveV5 .loginMapMarkers{position:absolute;z-index:5;inset:0;pointer-events:none}
.masterLoginExecutiveV5 .loginMapMarker{position:absolute;min-width:76px;padding:7px 10px 7px 26px;transform:translate(-50%,-50%);border:1px solid rgba(50,225,255,.68);border-radius:11px;background:linear-gradient(145deg,rgba(4,31,50,.95),rgba(3,16,30,.96));box-shadow:0 0 18px rgba(38,211,255,.13),inset 0 1px 0 rgba(255,255,255,.06);color:#f2fbff;text-align:left;pointer-events:auto;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.masterLoginExecutiveV5 .loginMapMarker:before{content:"";position:absolute;left:10px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#32e9ff;box-shadow:0 0 13px rgba(50,233,255,.92);animation:loginMarkerPulse 1.7s ease-in-out infinite}
.masterLoginExecutiveV5 .loginMapMarker b,.masterLoginExecutiveV5 .loginMapMarker small{display:block;margin:0;line-height:1.05;white-space:nowrap}
.masterLoginExecutiveV5 .loginMapMarker b{font-size:14px;color:#fff}.masterLoginExecutiveV5 .loginMapMarker small{margin-top:3px;color:#9ed3e8;font-size:8px;font-weight:800}
.masterLoginExecutiveV5 .loginMapMarker:hover,.masterLoginExecutiveV5 .loginMapMarker:focus-visible,.masterLoginExecutiveV5 .loginMapMarker.active{z-index:3;outline:0;transform:translate(-50%,-50%) scale(1.10);border-color:#68f5ff;background:linear-gradient(145deg,rgba(5,53,77,.98),rgba(3,25,42,.98));box-shadow:0 0 0 3px rgba(51,221,255,.09),0 0 28px rgba(38,211,255,.28)}
@keyframes loginMarkerPulse{0%,100%{opacity:.55;transform:translateY(-50%) scale(.82)}50%{opacity:1;transform:translateY(-50%) scale(1.16)}}
.masterLoginExecutiveV5 .loginMapHub{position:absolute;z-index:4;left:50%;top:51%;width:78px;height:78px;display:grid;place-content:center;border:1px solid rgba(61,235,255,.76);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(16,103,139,.98),rgba(2,24,42,.96) 68%);box-shadow:0 0 0 8px rgba(44,220,255,.05),0 0 34px rgba(44,220,255,.35);text-align:center;pointer-events:none}
.masterLoginExecutiveV5 .loginMapHub i{position:absolute;left:50%;top:50%;width:92px;height:92px;border:1px solid rgba(55,229,255,.22);border-radius:50%;transform:translate(-50%,-50%);animation:loginHubPulse 2s ease-out infinite}
.masterLoginExecutiveV5 .loginMapHub strong{font-size:14px;line-height:1;color:#fff}.masterLoginExecutiveV5 .loginMapHub span{margin-top:3px;color:#54e8ff;font-size:8px;font-weight:950;letter-spacing:.1em}
@keyframes loginHubPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.78)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}
.masterLoginExecutiveV5 .loginMapDetail{position:absolute;z-index:6;left:16px;bottom:14px;max-width:min(310px,46%);padding:10px 12px;border:1px solid rgba(45,161,211,.42);border-radius:11px;background:rgba(2,15,28,.91);box-shadow:0 12px 28px rgba(0,0,0,.28);pointer-events:none}
.masterLoginExecutiveV5 .loginMapDetail small,.masterLoginExecutiveV5 .loginMapDetail strong,.masterLoginExecutiveV5 .loginMapDetail span{display:block}.masterLoginExecutiveV5 .loginMapDetail small{color:#43ddff;font-size:8px;font-weight:950;letter-spacing:.12em}.masterLoginExecutiveV5 .loginMapDetail strong{margin-top:4px;color:#fff;font-size:14px}.masterLoginExecutiveV5 .loginMapDetail span{margin-top:3px;color:#9fbdd1;font-size:9px;line-height:1.25}
@media(max-width:1450px) and (min-width:1181px){.masterLoginExecutiveV5 .loginMapMarker{min-width:60px;padding:6px 8px 6px 22px}.masterLoginExecutiveV5 .loginMapMarker:before{left:8px;width:8px;height:8px}.masterLoginExecutiveV5 .loginMapMarker b{font-size:12px}.masterLoginExecutiveV5 .loginMapMarker small{display:none}.masterLoginExecutiveV5 .loginMapHub{width:66px;height:66px}.masterLoginExecutiveV5 .loginMapDetail{max-width:42%}}
@media(max-width:700px){.masterLoginExecutiveV5 .loginMapMarker{min-width:44px;padding:5px 7px 5px 19px}.masterLoginExecutiveV5 .loginMapMarker:before{left:7px;width:7px;height:7px}.masterLoginExecutiveV5 .loginMapMarker b{font-size:11px}.masterLoginExecutiveV5 .loginMapMarker small{display:none}.masterLoginExecutiveV5 .loginMapHub{width:58px;height:58px}.masterLoginExecutiveV5 .loginMapDetail{left:8px;bottom:8px;max-width:48%;padding:7px 8px}.masterLoginExecutiveV5 .loginMapDetail strong{font-size:11px}.masterLoginExecutiveV5 .loginMapDetail span{display:none}}
@media(prefers-reduced-motion:reduce){.masterLoginExecutiveV5 .loginMapFlow *,.masterLoginExecutiveV5 .loginMapMarker:before,.masterLoginExecutiveV5 .loginMapHub i,.masterLoginExecutiveV5 .loginInteractiveMap:after{animation:none!important}}
/* ===== FIM LOGIN_MASTER_MAPA_INTERATIVO_V51 ===== */

/* ===== LOGIN_MASTER_IDENTIDADE_E_MAPA_LIMPO_V52 ===== */
.masterLoginExecutiveV5 .loginOptyBrandOfficial{position:relative;width:clamp(190px,13.5vw,228px);height:clamp(70px,5.2vw,84px);display:block;overflow:hidden;border:1px solid rgba(92,219,255,.48);border-radius:18px;background:#fff;box-shadow:0 0 0 4px rgba(48,207,255,.05),0 14px 34px rgba(0,0,0,.28),0 0 26px rgba(49,210,255,.10);font-size:0;line-height:0}
.masterLoginExecutiveV5 .loginOptyBrandOfficial img{position:absolute;left:50%;top:50%;width:136%;height:auto;max-width:none;transform:translate(-50%,-50%);filter:none;object-fit:contain}
.masterLoginExecutiveV5 .loginMapIntro>span{font-size:clamp(24px,2vw,38px)}
.masterLoginExecutiveV5 .loginInteractiveMap{display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(8,101,147,.20),transparent 44%),linear-gradient(180deg,rgba(3,20,35,.98),rgba(1,10,20,.99));background-size:auto}
.masterLoginExecutiveV5 .loginInteractiveMap:before,.masterLoginExecutiveV5 .loginInteractiveMap:after{display:none!important}
.masterLoginExecutiveV5 .loginMapCanvas{position:relative;z-index:1;height:min(94%,520px);max-width:72%;aspect-ratio:1;filter:drop-shadow(0 0 28px rgba(31,183,234,.11))}
.masterLoginExecutiveV5 .loginMapCanvas>img{position:absolute;z-index:0;inset:2%;width:96%;height:96%;object-fit:contain;opacity:.94;filter:drop-shadow(0 0 15px rgba(39,207,255,.24))}
.masterLoginExecutiveV5 .loginMapMarker{width:48px;height:40px;min-width:0;padding:0;border-radius:14px;text-align:center;background:linear-gradient(145deg,rgba(3,43,62,.97),rgba(2,22,38,.98))}
.masterLoginExecutiveV5 .loginMapMarker:before{left:50%;top:auto;bottom:-5px;width:7px;height:7px;transform:translateX(-50%)}
.masterLoginExecutiveV5 .loginMapMarker b{font-size:13px;line-height:1}.masterLoginExecutiveV5 .loginMapMarker small{display:none}
.masterLoginExecutiveV5 .loginMapMarker:hover,.masterLoginExecutiveV5 .loginMapMarker:focus-visible,.masterLoginExecutiveV5 .loginMapMarker.active{transform:translate(-50%,-50%) scale(1.14)}
.masterLoginExecutiveV5 .loginMapMarker:hover:before,.masterLoginExecutiveV5 .loginMapMarker:focus-visible:before,.masterLoginExecutiveV5 .loginMapMarker.active:before{animation:none;opacity:1;transform:translateX(-50%) scale(1.18)}
.masterLoginExecutiveV5 .loginMapHub{width:66px;height:66px}
.masterLoginExecutiveV5 .loginMapDetail{left:14px;bottom:14px;max-width:310px}
.masterLoginExecutiveV5 .loginMapCredit{position:absolute;z-index:6;right:12px;bottom:9px;color:#52758c;font-size:7px;letter-spacing:.02em}
@media(max-width:1450px) and (min-width:1181px){.masterLoginExecutiveV5 .loginOptyBrandOfficial{width:180px;height:68px}.masterLoginExecutiveV5 .loginMapCanvas{height:min(92%,430px);max-width:70%}.masterLoginExecutiveV5 .loginMapMarker{width:42px;height:35px;padding:0}.masterLoginExecutiveV5 .loginMapMarker:before{left:50%}.masterLoginExecutiveV5 .loginMapMarker b{font-size:11px}}
@media(max-width:700px){.masterLoginExecutiveV5 .loginOptyBrandOfficial{width:176px;height:66px}.masterLoginExecutiveV5 .loginMapCanvas{height:auto;width:94%;max-width:94%;aspect-ratio:1}.masterLoginExecutiveV5 .loginMapMarker{width:38px;height:32px;padding:0}.masterLoginExecutiveV5 .loginMapMarker:before{left:50%}.masterLoginExecutiveV5 .loginMapMarker b{font-size:10px}.masterLoginExecutiveV5 .loginMapCredit{display:none}}
/* ===== FIM LOGIN_MASTER_IDENTIDADE_E_MAPA_LIMPO_V52 ===== */

/* ===== LOGIN_MASTER_EXECUTIVO_V53 ===== */
.masterLoginExecutiveV5 .loginVersionBadge{
  display:inline-flex;
  align-items:center;
  margin-left:9px;
  padding:5px 9px;
  border:1px solid rgba(55,220,255,.52);
  border-radius:999px;
  background:rgba(27,190,226,.10);
  color:#42ddff;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
  vertical-align:middle
}
.masterLoginExecutiveV5 .loginInteractiveMap{
  padding:10px 12px 18px
}
.masterLoginExecutiveV5 .loginMapCanvas{
  width:96%;
  max-width:96%;
  height:100%;
  max-height:520px;
  aspect-ratio:auto
}
.masterLoginExecutiveV5 .loginMapCanvas>img{
  left:19%;
  top:2%;
  width:62%;
  height:94%;
  opacity:.94
}
.masterLoginExecutiveV5 .loginMapMarker{
  width:118px;
  height:46px;
  padding:0 12px;
  border-radius:12px;
  text-align:left
}
.masterLoginExecutiveV5 .loginMapMarker:before{
  left:10px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%)
}
.masterLoginExecutiveV5 .loginMapMarker b,
.masterLoginExecutiveV5 .loginMapMarker small{
  padding-left:14px
}
.masterLoginExecutiveV5 .loginMapMarker b{
  font-size:13px
}
.masterLoginExecutiveV5 .loginMapMarker small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#9ed3e8;
  font-size:8px;
  text-overflow:ellipsis
}
.masterLoginExecutiveV5 .loginMapMarker:hover,
.masterLoginExecutiveV5 .loginMapMarker:focus-visible,
.masterLoginExecutiveV5 .loginMapMarker.active{
  transform:translate(-50%,-50%) scale(1.06)
}
.masterLoginExecutiveV5 .loginMapMarker:hover:before,
.masterLoginExecutiveV5 .loginMapMarker:focus-visible:before,
.masterLoginExecutiveV5 .loginMapMarker.active:before{
  transform:translateY(-50%) scale(1.18)
}
.masterLoginExecutiveV5 .loginMapDetail{
  display:none
}
.masterLoginExecutiveV5 .loginSophosMetric i{
  color:#51e7c1;
  border-color:rgba(81,231,193,.38);
  background:rgba(25,143,114,.16)
}
.masterLoginExecutiveV5 .loginSophosMetric strong{
  color:#51e7c1
}
.masterLoginExecutiveV5 .loginSophosMetric small{
  color:#9fdccc;
  font-weight:900;
  letter-spacing:.11em
}
.loginMasterSignature{
  width:min(100%,1760px);
  margin:8px auto 0;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:0 4px;
  color:#607f94;
  font-size:10px;
  letter-spacing:.06em
}
.loginMasterSignature b{
  color:#a7c4d6;
  font-weight:850
}
@media(max-width:1450px) and (min-width:1181px){
  .masterLoginExecutiveV5 .loginMapCanvas{width:98%;max-width:98%;height:100%;max-height:430px}
  .masterLoginExecutiveV5 .loginMapCanvas>img{left:20%;width:60%}
  .masterLoginExecutiveV5 .loginMapMarker{width:94px;height:40px;padding:0 8px}
  .masterLoginExecutiveV5 .loginMapMarker b,.masterLoginExecutiveV5 .loginMapMarker small{padding-left:13px}
  .masterLoginExecutiveV5 .loginMapMarker b{font-size:11px}
  .masterLoginExecutiveV5 .loginMapMarker small{font-size:7px}
}
@media(max-width:700px){
  .masterLoginExecutiveV5 .loginMapCanvas{width:100%;max-width:100%;height:390px;aspect-ratio:auto}
  .masterLoginExecutiveV5 .loginMapCanvas>img{left:18%;top:13%;width:64%;height:74%}
  .masterLoginExecutiveV5 .loginMapMarker{width:76px;height:36px;padding:0 6px}
  .masterLoginExecutiveV5 .loginMapMarker:before{left:7px;width:6px;height:6px}
  .masterLoginExecutiveV5 .loginMapMarker b{padding-left:10px;font-size:10px}
  .masterLoginExecutiveV5 .loginMapMarker small{display:none}
  .loginMasterSignature{padding:0 10px;flex-wrap:wrap}
}
/* ===== FIM LOGIN_MASTER_EXECUTIVO_V53 ===== */

/* ===== LOGIN_MASTER_LOGO_E_SELO_CENTRALIZADO_V54 ===== */
.masterLoginExecutiveV5 .loginOptyBrandOfficial{
  width:clamp(190px,14vw,236px);
  height:clamp(68px,5.4vw,86px);
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
.masterLoginExecutiveV5 .loginOptyBrandOfficial img{
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  max-width:100%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.20))
}
.masterLoginExecutiveV5 .regionalLoginCard header{
  align-items:center
}
.masterLoginExecutiveV5 .regionalLoginCard header>span{
  flex:0 0 112px;
  width:112px;
  height:74px;
  display:grid;
  place-items:center;
  padding:0;
  font-size:20px;
  line-height:1;
  text-align:center;
  white-space:nowrap
}
@media(max-width:1450px) and (min-width:1181px){
  .masterLoginExecutiveV5 .loginOptyBrandOfficial{width:190px;height:70px}
  .masterLoginExecutiveV5 .regionalLoginCard header>span{flex-basis:98px;width:98px;height:66px;font-size:17px}
}
@media(max-width:700px){
  .masterLoginExecutiveV5 .loginOptyBrandOfficial{width:184px;height:68px}
  .masterLoginExecutiveV5 .regionalLoginCard header>span{flex-basis:88px;width:88px;height:58px;font-size:15px}
}
/* ===== FIM LOGIN_MASTER_LOGO_E_SELO_CENTRALIZADO_V54 ===== */

/* ===== LOGIN_MASTER_SC_E_ORIGEM_DAS_REGIONAIS_V55 ===== */
.masterLoginExecutiveV5 .loginOptyBrandOfficial{
  width:clamp(220px,16vw,272px);
  height:clamp(78px,6.2vw,98px)
}
.masterLoginExecutiveV5 .loginMapHub{
  left:56%;
  top:79%;
  width:64px;
  height:64px
}
.masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginLine{
  fill:none;
  stroke:#58e8ff;
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-dasharray:3 6;
  opacity:.76;
  filter:drop-shadow(0 0 3px rgba(56,220,255,.85));
  animation:loginFlowDash 2.1s linear infinite
}
.masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginPoint{
  fill:#72f5ff;
  stroke:#d7fbff;
  stroke-width:.6;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px #35ddff)
}
.masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginHalo{
  fill:none;
  stroke:#48e8ff;
  stroke-width:.7;
  vector-effect:non-scaling-stroke;
  opacity:.55;
  transform-box:fill-box;
  transform-origin:center;
  animation:loginRegionalOriginPulse 2s ease-out infinite
}
@keyframes loginRegionalOriginPulse{
  0%{opacity:.75;transform:scale(.65)}
  100%{opacity:0;transform:scale(2.1)}
}
@media(max-width:1450px) and (min-width:1181px){
  .masterLoginExecutiveV5 .loginOptyBrandOfficial{width:218px;height:80px}
  .masterLoginExecutiveV5 .loginMapHub{width:58px;height:58px}
}
@media(max-width:700px){
  .masterLoginExecutiveV5 .loginOptyBrandOfficial{width:205px;height:74px}
  .masterLoginExecutiveV5 .loginMapHub{left:56%;top:79%;width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginLine,
  .masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginHalo{animation:none!important}
}
/* ===== FIM LOGIN_MASTER_SC_E_ORIGEM_DAS_REGIONAIS_V55 ===== */

/* ===== LOGIN_MASTER_BACKBONE_SC_PARA_TODAS_UFS_V56 ===== */
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackboneBase{
  fill:none;
  stroke:#1c789c;
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  opacity:.42
}
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackboneLine{
  fill:none;
  stroke:#43ddff;
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-dasharray:2 6;
  opacity:.66;
  filter:drop-shadow(0 0 3px rgba(50,218,255,.72));
  animation:loginFlowDash 2.7s linear infinite
}
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackbonePacket{
  fill:#9af8ff;
  filter:drop-shadow(0 0 5px #35ddff)
}
@media(prefers-reduced-motion:reduce){
  .masterLoginExecutiveV5 .loginMapFlow .loginNocBackboneLine{animation:none!important}
}
/* ===== FIM LOGIN_MASTER_BACKBONE_SC_PARA_TODAS_UFS_V56 ===== */

/* ===== LOGIN_MASTER_UFS_LATERAIS_DIRETO_NOC_V57 ===== */
.masterLoginExecutiveV5 .loginMapFlow .loginRegionalOriginLine{
  opacity:.62;
  stroke-width:1.05
}
.masterLoginExecutiveV5 .loginMapFlow .loginFlowBase{
  opacity:.18
}
/* ===== FIM LOGIN_MASTER_UFS_LATERAIS_DIRETO_NOC_V57 ===== */

/* ===== LOGIN_MASTER_MAPA_SOMENTE_PONTOS_UF_V58 ===== */
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackboneBase,
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackboneLine,
.masterLoginExecutiveV5 .loginMapFlow .loginNocBackbonePacket{
  display:none
}
/* ===== FIM LOGIN_MASTER_MAPA_SOMENTE_PONTOS_UF_V58 ===== */

/* MULTI_2026_V1: etiqueta e seletor do grupo operacional. */
.unitTitleLine .multiUnitTag{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #37d5c2;border-radius:999px;background:#083b42;color:#adfff0;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
body[data-portal="regional"][data-uf="SP"] .portalToolbar.multiToolbar{grid-template-columns:minmax(0,1fr) minmax(160px,210px) minmax(160px,210px)}
body[data-portal="master"] .portalToolbar.multiToolbar{grid-template-columns:minmax(0,1fr) repeat(3,minmax(150px,220px))}
@media(max-width:900px){body[data-portal="regional"][data-uf="SP"] .portalToolbar.multiToolbar,body[data-portal="master"] .portalToolbar.multiToolbar{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body[data-portal="regional"][data-uf="SP"] .portalToolbar.multiToolbar,body[data-portal="master"] .portalToolbar.multiToolbar{grid-template-columns:1fr}}