/* Dashboard redesign scoped to the administrator overview. */
body:has(#app:not([hidden]) .ov-page:not([hidden])){--ov-purple:#6030f9;--ov-navy:#10102d;background:#f6f7fb}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .shell{grid-template-columns:258px minmax(0,1fr)}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .sidebar{background:#faf9ff;padding:24px 14px 22px;min-height:100vh;position:sticky;top:0;height:100vh}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .brand{padding:0 17px 33px;font-size:25px;color:var(--ov-navy)}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .brand span{letter-spacing:-1.1px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .brand small{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav{gap:3px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navitem{min-height:46px;padding:0 23px;border:0;background:transparent;text-align:left;font-size:15px;font-weight:500;color:#57668e;white-space:nowrap}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navitem.selected{background:#ece7ff;color:var(--ov-purple);font-weight:700}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel{margin:25px 19px 7px;color:#8791b4;letter-spacing:.16em}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(2),body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(3){display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="migration"] ~ [data-page="migration"]{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="nodes"]{order:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="customers"]{order:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .sidebar-end{display:none}
.ov-sidebar-bottom,.ov-top-account{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .ov-sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:0 10px}
.ov-help,.ov-account,.ov-top-account{background:transparent;border:0;text-align:left;display:flex;align-items:center;color:#58668b}
.ov-help{gap:12px;border:1px solid #e4e4f5;border-radius:12px;padding:16px 13px;min-height:80px}
.ov-help>span:first-child{color:var(--ov-purple);font-size:26px}.ov-help strong,.ov-help small{display:block}.ov-help strong{color:#151533;font-size:13px}.ov-help small{color:var(--ov-purple);font-size:12px;margin-top:6px}
.ov-account{border-top:1px solid #e5e7f4;padding:18px 7px 0;gap:12px}.ov-account span:last-child{margin-left:auto}
.ov-avatar{display:grid;place-items:center;min-width:44px;width:44px;height:44px;border-radius:50%;background:#eee9ff;color:var(--ov-purple);font-weight:750}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top{height:69px;padding:0 34px;background:#fff}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-brand{display:flex;gap:13px;align-items:center;font-size:14px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-brand span{margin:0;letter-spacing:0;font-size:14px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-brand #pageLabel{color:#15152d;font-weight:700;text-transform:capitalize}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-brand .crumb-sep{color:#8791b4}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-actions{display:flex;gap:18px;align-items:center}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .cr-global-search{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .session-tag{background:#e7f9ed;color:#079536;padding:9px 17px;font-size:13px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .ov-top-account{display:flex;gap:10px;align-items:center;font-size:14px;padding:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #logoutButton{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) main{max-width:none;padding:39px 30px 25px 34px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro{background:none;box-shadow:none;color:var(--ov-navy);padding:0;min-height:86px;border-radius:0;align-items:flex-start;margin-bottom:24px;overflow:visible}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro .eyebrow,body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro .hero-mark{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro h1{font-size:clamp(27px,2.5vw,38px);font-weight:800;letter-spacing:-.047em;margin:0 0 5px;line-height:1.16}
body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro p{color:#69779f;font-size:20px;line-height:1.35}
.ov-hero-actions{display:none}body:has(#app:not([hidden]) .ov-page:not([hidden])) .ov-hero-actions{display:flex;gap:14px;align-items:center;margin-top:4px}
.ov-hero-actions button{height:50px;white-space:nowrap;border-radius:11px;font-size:14px;font-weight:650;padding:0 22px}
.ov-secondary{color:#4d3ea3;background:white;border:1px solid #d7cfff}.ov-primary{background:var(--ov-purple);color:#fff;border:1px solid var(--ov-purple);min-width:175px;box-shadow:0 7px 12px #6030f92a}
.ov-page{color:var(--ov-navy)}.ov-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border:1px solid #e1e5ef;border-radius:14px;box-shadow:0 12px 30px #16236306;min-height:119px;padding:25px 0;margin-bottom:23px}
.ov-metric{min-width:0;display:flex;align-items:center;gap:19px;padding:0 21px;background:none;border:0;border-right:1px solid #e0e5f2;text-align:left;color:inherit}
.ov-metric:last-child{border:0}.ov-metric-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.ov-metric-copy small{color:#647195;font-size:14px;white-space:nowrap}.ov-metric-copy strong{font-size:clamp(16px,1.5vw,23px);font-weight:800;letter-spacing:-.045em;overflow-wrap:anywhere;line-height:1.12}
.ov-icon{flex:none;background:#f1efff;color:var(--ov-purple);width:60px;height:60px;border-radius:13px;display:grid;place-items:center;font-size:32px;line-height:1;font-weight:600}
.ov-chevron{color:var(--ov-purple);font-size:29px;font-weight:300;margin-left:auto;line-height:1}
.ov-columns{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(360px,1fr);gap:16px}
.ov-management,.ov-backup,.ov-side-link{border-radius:14px;border:1px solid #e1e5ef;box-shadow:0 12px 30px #16236306}
.ov-management{background:white;padding:22px 21px 40px;min-height:576px}
.ov-management h2,.ov-backup h2{margin:0;font-size:24px;letter-spacing:-.045em;line-height:1.2}.ov-management header p{margin:8px 0 19px;color:#68769c;font-size:16px}
.ov-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ov-links button{min-height:118px;border-radius:11px;border:1px solid #e4e9f2;background:#fff;display:flex;align-items:center;gap:19px;text-align:left;padding:17px 19px;color:var(--ov-navy);box-shadow:0 4px 12px #1f2e5804;min-width:0}
.ov-links .ov-icon,.ov-side-link .ov-icon{width:60px;height:60px;font-size:30px}
.ov-links button strong,.ov-side-link strong{display:block;font-size:17px;letter-spacing:-.025em}
.ov-links button small,.ov-side-link small{display:block;color:#68769b;font-size:14px;line-height:1.45;margin-top:8px}
.ov-side{display:grid;grid-template-rows:266px 150px 126px;gap:15px}
.ov-backup{position:relative;overflow:hidden;color:white;background:linear-gradient(115deg,#1c1a48,#2a216d 66%,#4d29dd);padding:36px 29px;border:0}
.ov-backup-copy{position:relative;z-index:1}.ov-kicker{font-size:11px;letter-spacing:.19em;color:#c8c1ff;font-weight:800}.ov-backup h2{margin:19px 0 8px;font-size:27px}.ov-backup p{line-height:1.5;margin:0 0 20px;font-size:16px}.ov-backup button{border:0;border-radius:10px;background:white;color:#5432f4;padding:13px 22px;font-weight:700;font-size:14px}.ov-backup button span{margin-left:12px;font-size:21px;vertical-align:middle}
.ov-art{position:absolute;right:-5px;bottom:0;width:42%;height:100%;opacity:.83;pointer-events:none}.ov-cloud{position:absolute;top:30px;right:23px;font-size:140px;line-height:1;color:#7864f1;text-shadow:0 2px 24px #ab9cff}.ov-server{position:absolute;right:28px;bottom:13px;color:#a995ff;font-size:93px;line-height:.53;text-shadow:0 8px 20px #050626}
.ov-side-link{display:flex;align-items:flex-start;gap:25px;text-align:left;background:#fff;color:var(--ov-navy);padding:20px 23px;width:100%;min-width:0}.ov-side-link>span:nth-child(2){min-width:0}.ov-side-link .ov-chevron{align-self:center}.ov-side-link small{margin-top:8px}.ov-mfa{display:inline-block;font-size:12px;font-style:normal;background:#e7f9ed;color:#079536;border-radius:24px;padding:6px 12px;margin-top:8px}
.ov-page button:hover,.ov-hero-actions button:hover,.ov-help:hover,.ov-account:hover,.ov-top-account:hover{filter:brightness(.97)}.ov-page button:focus-visible,.ov-hero-actions button:focus-visible,.ov-sidebar-bottom button:focus-visible,.ov-top-account:focus-visible{outline:3px solid #9d88ff;outline-offset:2px}
@media(max-width:1250px){.ov-icon{width:49px;height:49px;font-size:26px}.ov-metric{gap:10px;padding:0 12px}.ov-links button{gap:12px;padding:14px}.ov-columns{grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr)}}
@media(max-width:1050px){body:has(#app:not([hidden]) .ov-page:not([hidden])) .shell{grid-template-columns:72px minmax(0,1fr)}body:has(#app:not([hidden]) .ov-page:not([hidden])) .sidebar{padding:16px 8px}body:has(#app:not([hidden]) .ov-page:not([hidden])) .brand{padding:0 0 28px}.ov-sidebar-bottom{display:none!important}.ov-metrics{grid-template-columns:repeat(2,1fr);gap:0}.ov-metric:nth-child(2){border-right:0}.ov-metric:nth-child(-n+2){border-bottom:1px solid #e0e5f2;padding-bottom:15px}.ov-metric:nth-child(n+3){padding-top:15px}.ov-columns{grid-template-columns:1fr}.ov-management{min-height:0}.ov-side{grid-template-columns:1fr 1fr;grid-template-rows:220px auto}.ov-backup{grid-column:1/-1;padding:25px}.ov-side-link{min-height:130px}}
@media(max-width:680px){body:has(#app:not([hidden]) .ov-page:not([hidden])) .shell{display:block}body:has(#app:not([hidden]) .ov-page:not([hidden])) .sidebar{position:relative;height:auto;min-height:0}body:has(#app:not([hidden]) .ov-page:not([hidden])) .top{padding:0 16px;height:58px}body:has(#app:not([hidden]) .ov-page:not([hidden])) .top-actions{gap:8px}body:has(#app:not([hidden]) .ov-page:not([hidden])) .ov-top-account{display:none}body:has(#app:not([hidden]) .ov-page:not([hidden])) main{padding:23px 15px}body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro{display:block;min-height:0}body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro h1{font-size:27px}body:has(#app:not([hidden]) .ov-page:not([hidden])) .intro p{font-size:16px}.ov-hero-actions{margin-top:20px!important}.ov-hero-actions button{padding:0 13px;min-width:0}.ov-metrics{padding:10px 0}.ov-metric{padding:13px!important;gap:8px;min-height:80px}.ov-metric .ov-icon{width:38px;height:38px;font-size:22px}.ov-metric .ov-chevron{display:none}.ov-metric-copy small{font-size:11px}.ov-metric-copy strong{font-size:15px}.ov-links{grid-template-columns:1fr}.ov-links button{min-height:85px}.ov-side{display:flex;flex-direction:column}.ov-backup{min-height:220px}.ov-art{opacity:.45}.ov-side-link{min-height:100px}}
/* Arrange only the overview menu in the same order as the reference. */
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="migration"] ~ [data-page="migration"]{display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(2){display:block;order:9;margin-top:26px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(3){display:none}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:first-of-type{order:1;font-size:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:first-of-type::after{content:"PLATAFORMA";font-size:10px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(2)::after{content:"ADMINISTRAÇÃO";font-size:10px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav .navlabel:nth-of-type(2){font-size:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="overview"]{order:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="customers"]{order:2}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="accounts"]{order:3}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="migration"]{order:4}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="dns"]{order:5}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="nodes"]{order:6}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="jobs"]{display:flex;order:7}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="security"]{order:10}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="identity"]{display:flex;order:11}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="accounts"] span,body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="jobs"] span,body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="identity"] span{font-size:0}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="accounts"] span::after{content:"Contas e planos";font-size:15px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="jobs"] span::after{content:"Operações";font-size:15px}
body:has(#app:not([hidden]) .ov-page:not([hidden])) #nav [data-page="identity"] span::after{content:"Identidade";font-size:15px}

.ov-art svg{width:100%;height:100%;filter:drop-shadow(0 13px 15px #09083466)}