/* SGW V450 - topnav horizontal + dashboard aprovado */
:root{--v450-bg:#020b1b;--v450-bg2:#031329;--v450-card:#061a34;--v450-card2:#08213f;--v450-line:#12375f;--v450-text:#f4f8ff;--v450-muted:#8ca8c9;--v450-blue:#126dff;--v450-cyan:#18a8ff;--v450-green:#19d17f;--v450-red:#ff465d;--v450-amber:#ffb21f;--v450-purple:#8558ff;--v450-head-h:112px}
body.sgw450-provider{padding-top:var(--v450-head-h)!important;background:radial-gradient(circle at 60% -20%,rgba(18,109,255,.17),transparent 35%),linear-gradient(145deg,#020918,#031127 52%,#020b1b)!important;color:var(--v450-text)!important;min-height:100vh}
body.sgw450-provider #sgw-sidebar-v39,body.sgw450-provider aside.sidebar,body.sgw450-provider .sidebar{display:none!important}
body.sgw450-provider.sgw-sidebar-v39-on,body.sgw450-provider.sgw53-sidebar-fixed{padding-left:0!important;margin-left:0!important}
body.sgw450-provider .app-shell{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:transparent!important}
body.sgw450-provider .content-area,body.sgw450-provider main.container,body.sgw450-provider main.content,body.sgw450-provider main,body.sgw450-provider .container{margin-left:0!important;max-width:none!important;width:100%!important;background:transparent!important;color:var(--v450-text)!important}
body.sgw450-provider .content-area,body.sgw450-provider main.content{padding:10px 14px 24px!important}
body.sgw450-provider .sgw449-topbar{display:none!important}

#sgw450TopShell{position:fixed;left:0;right:0;top:0;height:var(--v450-head-h);z-index:30000;background:linear-gradient(180deg,rgba(2,13,31,.99),rgba(3,20,43,.97));border-bottom:1px solid #12345a;box-shadow:0 12px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px);color:#fff}
.sgw450-navrow{height:54px;display:grid;grid-template-columns:188px minmax(0,1fr);align-items:center;padding:0 14px;border-bottom:1px solid rgba(77,135,198,.13);gap:10px}.sgw450-brand{height:44px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none!important}.sgw450-logo{width:38px;height:38px;border:2px solid #58a7ff;border-radius:50%;display:grid;place-items:center;font-weight:950;font-style:italic;background:radial-gradient(circle,#0d4d9d,#031a37 70%);box-shadow:0 0 18px rgba(28,117,255,.24)}.sgw450-brand-copy b,.sgw450-brand-copy small{display:block}.sgw450-brand-copy b{font-size:12px;color:#fff}.sgw450-brand-copy small{font-size:9px;color:#8eb9eb;margin-top:2px}
.sgw450-nav{display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;height:54px;scrollbar-width:none}.sgw450-nav::-webkit-scrollbar{display:none}.sgw450-navitem{position:relative;flex:0 0 auto;height:100%;display:flex;align-items:center}.sgw450-navlink,.sgw450-navbutton{height:36px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d7e6f9!important;text-decoration:none!important;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.sgw450-navlink:hover,.sgw450-navbutton:hover,.sgw450-navitem.open>.sgw450-navbutton{background:#082a52!important;border-color:#15528e!important;color:#fff!important}.sgw450-navlink.active,.sgw450-navbutton.active{background:linear-gradient(135deg,#075bd9,#126dff)!important;border-color:#2580ff!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,103,255,.25)}.sgw450-navicon{font-size:13px}.sgw450-caret{font-size:8px;opacity:.7}
.sgw450-dropdown{position:fixed;top:50px;min-width:240px;max-width:320px;padding:8px;border:1px solid #17436d;border-radius:12px;background:rgba(4,20,42,.99);box-shadow:0 20px 50px rgba(0,0,0,.40);display:none;z-index:31000}.sgw450-navitem.open>.sgw450-dropdown{display:block}.sgw450-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;color:#d8e7f8!important;text-decoration:none!important;font-size:11px}.sgw450-dropdown a:hover,.sgw450-dropdown a.active{background:#0b3260!important;color:#fff!important}.sgw450-dropdown .group{padding:7px 10px 4px;color:#5f86b0;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.sgw450-dropdown .new{font-size:8px;color:#6ef0b2;border:1px solid rgba(25,209,127,.3);background:rgba(25,209,127,.10);padding:2px 5px;border-radius:999px}
.sgw450-utilrow{height:58px;display:grid;grid-template-columns:minmax(280px,520px) auto auto 44px minmax(160px,220px);gap:10px;align-items:center;padding:7px 16px}.sgw450-search{height:40px;border:1px solid #153d68;border-radius:10px;background:#051831;display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:0 9px}.sgw450-search span{font-size:18px;color:#87acd4}.sgw450-search input{height:36px!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;outline:0!important;padding:0 4px!important}.sgw450-search input::placeholder{color:#6887aa!important}.sgw450-search kbd{font-size:8px;color:#9ab7d8;border:1px solid #244c76;background:#0a294a;padding:3px 5px;border-radius:5px}.sgw450-status{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #153d68;border-radius:10px;background:#051831;font-size:10px}.sgw450-status i{width:8px;height:8px;border-radius:50%;background:var(--v450-green);box-shadow:0 0 10px var(--v450-green)}.sgw450-status b{color:var(--v450-green);font-size:9px}.sgw450-clock{height:40px;min-width:170px;border:1px solid #153d68;border-radius:10px;background:#051831;padding:5px 10px;display:flex;align-items:center;gap:10px}.sgw450-clock small,.sgw450-clock strong{display:block}.sgw450-clock small{font-size:8px;color:#88a5c6}.sgw450-clock strong{font-size:12px;color:#fff}.sgw450-bell{height:40px;width:40px;border:1px solid #153d68;border-radius:10px;background:#051831;display:grid;place-items:center;color:#fff!important;text-decoration:none!important;position:relative}.sgw450-bell em{position:absolute;right:-4px;top:-5px;font-style:normal;font-size:8px;background:#126dff;color:#fff;border-radius:999px;min-width:16px;height:16px;display:grid;place-items:center}.sgw450-user{height:40px;border:1px solid #153d68;border-radius:10px;background:#051831;display:flex;align-items:center;gap:8px;padding:0 10px;min-width:0}.sgw450-user>i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #2c6bac;background:#0a3a78;font-style:normal;font-size:8px;font-weight:950}.sgw450-user div{min-width:0}.sgw450-user b,.sgw450-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgw450-user b{font-size:10px}.sgw450-user small{font-size:8px;color:#7898bb}

/* dashboard */
#sgw450Legacy{display:none!important}.sgw450-dashboard{display:flex;flex-direction:column;gap:12px;max-width:1600px;margin:0 auto;padding:0 0 28px}.sgw450-banner-host{border:1px solid #123b68;border-radius:15px;overflow:hidden;background:#06172e;box-shadow:0 14px 35px rgba(0,0,0,.20)}.sgw450-banner-host .sgw392-carousel{margin:0!important;border-radius:0!important;box-shadow:none!important}.sgw450-banner-host .sgw392-slides{min-height:130px!important;max-height:280px!important}.sgw450-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.sgw450-kpi{height:92px;border:1px solid #12375f;border-radius:13px;background:linear-gradient(145deg,#071c37,#06172f);padding:12px;display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;text-decoration:none!important;color:#fff!important;position:relative;overflow:hidden}.sgw450-kpi:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-35px;top:-35px;opacity:.18;background:var(--accent)}.sgw450-kpi>i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);color:var(--accent);font-style:normal;font-size:18px}.sgw450-kpi small,.sgw450-kpi strong,.sgw450-kpi span{display:block}.sgw450-kpi small{font-size:9px;color:#a9bdd5}.sgw450-kpi strong{font-size:24px;line-height:1.05;margin:4px 0;color:#fff}.sgw450-kpi span{font-size:9px;color:var(--accent);font-weight:800}.sgw450-kpi.green{--accent:#19d17f}.sgw450-kpi.blue{--accent:#2f8cff}.sgw450-kpi.orange{--accent:#ff8a17}.sgw450-kpi.amber{--accent:#ffb21f}.sgw450-kpi.cyan{--accent:#19c7d9}.sgw450-kpi.purple{--accent:#9169ff}
.sgw450-grid{display:grid;grid-template-columns:1.05fr 1.05fr 2fr 1.45fr;gap:10px}.sgw450-panel{border:1px solid #12375f;border-radius:14px;background:linear-gradient(180deg,#061a34,#04152d);min-height:260px;padding:13px;color:#fff;overflow:hidden}.sgw450-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.sgw450-panel header b{font-size:12px;color:#fff}.sgw450-panel header small{display:block;font-size:8px;color:#7898bd;margin-top:2px}.sgw450-panel header a{font-size:8px;text-decoration:none;color:#71b9ff!important;border:1px solid #164a7c;padding:5px 7px;border-radius:7px;background:#082749}.sgw450-donutrow{height:205px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:4px}.sgw450-donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--p)*1%),#153b60 0);position:relative}.sgw450-donut:after{content:"";position:absolute;inset:15px;background:#061a34;border-radius:50%;box-shadow:inset 0 0 20px rgba(0,0,0,.20)}.sgw450-donut>div{position:relative;z-index:1;text-align:center}.sgw450-donut strong{font-size:27px;color:#fff}.sgw450-donut small{display:block;color:#8fa7c3;font-size:9px}.sgw450-legend{display:flex;flex-direction:column;gap:9px}.sgw450-legend span{font-size:9px;color:#a9bdd4;display:grid;grid-template-columns:9px 1fr auto;gap:5px;align-items:center}.sgw450-legend i{width:7px;height:7px;border-radius:50%}.sgw450-legend b{color:#fff;font-size:9px}.sgw450-legend .green{background:#19d17f}.sgw450-legend .blue{background:#2f8cff}.sgw450-legend .red{background:#ff465d}.sgw450-legend .amber{background:#ffb21f}.sgw450-legend .gray{background:#7589a4}
.sgw450-traffic-panel{min-height:260px}.sgw450-traffic-stats{display:flex;gap:16px;margin-top:8px}.sgw450-traffic-stats div{flex:1;border-top:1px solid #12375f;padding-top:7px}.sgw450-traffic-stats small,.sgw450-traffic-stats b{display:block}.sgw450-traffic-stats small{font-size:8px;color:#728dab}.sgw450-traffic-stats b{font-size:13px;margin-top:3px}.sgw450-chart{height:155px;position:relative}.sgw450-chart svg{width:100%;height:100%;overflow:visible}.sgw450-chart .grid line{stroke:#164067;stroke-width:.35}.sgw450-chart polyline{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.sgw450-chart .rx{stroke:#1b83ff}.sgw450-chart .tx{stroke:#1dd07d}.sgw450-chart-empty{height:100%;display:grid;place-items:center;color:#6f8bad;font-size:9px}.sgw450-services-panel{grid-column:1/-1;min-height:auto}.sgw450-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:stretch}.sgw450-service{border:1px solid #12375f;border-radius:11px;background:#061a33;padding:10px;display:flex;align-items:center;gap:9px;min-height:58px}.sgw450-service i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#0d4178,#0a315c);color:#d8edff;font-style:normal;font-weight:900;font-size:18px;flex:0 0 auto}.sgw450-service b,.sgw450-service small{display:block}.sgw450-service b{font-size:10px;line-height:1.15;color:#fff}.sgw450-service small{font-size:8px;margin-top:3px}.sgw450-service.ok small{color:#19d17f}.sgw450-service.warn small{color:#ffb21f}.sgw450-service.down small{color:#ff6b7c}
.sgw450-bottom{display:grid;grid-template-columns:1.2fr 1.15fr .85fr;gap:10px}.sgw450-bottom .sgw450-panel{min-height:210px}.sgw450-line{height:145px}.sgw450-alerts{display:flex;flex-direction:column}.sgw450-alert{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #102e4f;padding:9px 0}.sgw450-alert:last-child{border-bottom:0}.sgw450-alert>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#5a2730;color:#ff8898;font-style:normal;font-weight:900}.sgw450-alert.warning>i{background:#493514;color:#ffd272}.sgw450-alert b,.sgw450-alert small{display:block}.sgw450-alert b{font-size:9px}.sgw450-alert small{font-size:8px;color:#7898ba;margin-top:2px}.sgw450-alert time{font-size:8px;color:#7690ae}.sgw450-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgw450-action{min-height:58px;border:1px solid #16436f;border-radius:10px;background:#07203e;color:#ddecff!important;text-decoration:none!important;display:flex;align-items:center;gap:8px;padding:9px}.sgw450-action i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#0b3768;color:#5db1ff;font-style:normal}.sgw450-action span{font-size:9px;font-weight:800}
body.sgw450-provider .card,body.sgw450-provider .panel,body.sgw450-provider .table-card{background:linear-gradient(180deg,#071b35,#05152d)!important;border-color:#12375f!important;color:#eaf3ff!important;box-shadow:none!important}body.sgw450-provider table{background:#061a33!important;color:#eaf3ff!important}body.sgw450-provider thead th{background:#092442!important;color:#bcd4ee!important;border-color:#173a60!important}body.sgw450-provider td{background:#061a33!important;color:#e3edf9!important;border-color:#102f50!important}body.sgw450-provider tbody tr:hover td{background:#0a2443!important}body.sgw450-provider input:not([type=checkbox]):not([type=radio]),body.sgw450-provider select,body.sgw450-provider textarea{background:#04162d!important;color:#f3f8ff!important;border-color:#1b466f!important}body.sgw450-provider .btn,body.sgw450-provider button{border-radius:9px!important}
@media(max-width:1180px){:root{--v450-head-h:112px}.sgw450-navrow{grid-template-columns:165px minmax(0,1fr);padding:0 8px}.sgw450-brand-copy b{font-size:10px}.sgw450-navlink,.sgw450-navbutton{padding:0 7px;font-size:9px}.sgw450-utilrow{grid-template-columns:minmax(220px,1fr) auto auto 40px 150px;padding:7px 9px}.sgw450-kpis{grid-template-columns:repeat(3,1fr)}.sgw450-grid{grid-template-columns:1fr 1fr}.sgw450-bottom{grid-template-columns:1fr 1fr}.sgw450-bottom .quick{grid-column:1/-1}}
@media(max-width:760px){.sgw450-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgw450-service{min-height:54px;padding:9px}.sgw450-service i{width:32px;height:32px;font-size:17px}:root{--v450-head-h:100px}.sgw450-navrow{height:48px;grid-template-columns:120px 1fr}.sgw450-brand-copy{display:none}.sgw450-nav{height:48px}.sgw450-utilrow{height:52px;grid-template-columns:1fr 40px}.sgw450-status,.sgw450-clock,.sgw450-user{display:none}.sgw450-search{height:38px}.sgw450-bell{height:38px;width:38px}.sgw450-kpis,.sgw450-grid,.sgw450-bottom{grid-template-columns:1fr}.sgw450-kpi{height:78px}.sgw450-banner-host .sgw392-slides{min-height:105px!important}.sgw450-donutrow{grid-template-columns:135px 1fr}.sgw450-dropdown{top:44px}}
/* compatibilidade com telas atuais importantes */
body.sgw450-provider .kpi,body.sgw450-provider [class*="kpi-"]{background:linear-gradient(180deg,#071b35,#05152d)!important;color:#eef6ff!important;border-color:#12375f!important;box-shadow:none!important}body.sgw450-provider .kpi.green{box-shadow:inset 0 3px 0 #19d17f!important}body.sgw450-provider .kpi.dark{box-shadow:inset 0 3px 0 #7188a4!important}body.sgw450-provider .kpi strong,body.sgw450-provider .kpi small{color:#eef6ff!important}
body.sgw450-provider.sgw-v435-map-page{overflow:hidden!important}body.sgw450-provider.sgw-v435-map-page .app-shell{height:calc(100dvh - var(--v450-head-h))!important;min-height:calc(100dvh - var(--v450-head-h))!important}body.sgw450-provider.sgw-v435-map-page .v105-layout{height:calc(100dvh - var(--v450-head-h) - 16px)!important;max-height:calc(100dvh - var(--v450-head-h) - 16px)!important}@media(max-width:1100px){body.sgw450-provider.sgw-v435-map-page .v105-layout{height:calc(100dvh - var(--v450-head-h) - 8px)!important;max-height:calc(100dvh - var(--v450-head-h) - 8px)!important}}


/* ==========================================================
 SGW V511 - SERVICOS V453 LARGURA TOTAL
 Runtime real do dashboard.
 ========================================================== */
.sgw450-grid > .sgw450-services-panel{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:auto !important;
  box-sizing:border-box !important;
}
.sgw450-services-panel .sgw450-services{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:9px !important;
  align-items:stretch !important;
}
.sgw450-services-panel .sgw450-service{
  min-width:0 !important;
  min-height:62px !important;
  padding:10px 11px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}
.sgw450-services-panel .sgw450-service i{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  font-size:21px !important;
  line-height:1 !important;
  background:#0a315c !important;
  font-style:normal !important;
}
.sgw450-services-panel .sgw450-service b{
  font-size:10px !important;
  color:#fff !important;
  white-space:normal !important;
}
.sgw450-services-panel .sgw450-service small{
  font-size:8px !important;
  margin-top:3px !important;
}
.sgw450-services-panel .sgw450-service.ok small{color:#19d17f !important}
.sgw450-services-panel .sgw450-service.warn small{color:#ffb21f !important}
.sgw450-services-panel .sgw450-service.down small{color:#ff6b7c !important}
.sgw450-services-panel .sgw450-service.nodata small{color:#7898bd !important}
@media(max-width:1180px){
  .sgw450-services-panel .sgw450-services{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .sgw450-services-panel .sgw450-services{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* ==========================================================
 SGW V515 - LOGOS REAIS DOS APPS
 Mantem layout V511; altera somente representacao dos icones.
 ========================================================== */
.sgw450-services-panel .sgw450-service i{
  overflow:hidden !important;
  background:#071d37 !important;
  border:1px solid #17466f !important;
}
.sgw450-services-panel .sgw515-brand-logo{
  display:block !important;
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  object-fit:contain !important;
}
.sgw450-services-panel .sgw515-brand-fallback{
  width:100% !important;
  height:100% !important;
  place-items:center !important;
  font-size:16px !important;
  font-weight:900 !important;
  color:#9dceff !important;
}