/* Grupo Evolui — identidade do brandbook v1, aplicada à operação. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--bg:#070707;--sidebar:#101010;--panel:#1a1a1a;--panel-strong:#121212;--field:#111;--border:#ffffff14;--border-strong:#ffffff26;--text:#f7f7f5;--muted:#aaa9a6;--accent:#f17f29;--accent-strong:#fdbd07;--shadow:0 16px 48px #0003;--brand-gradient:linear-gradient(110deg,#c10830,#e24436 45%,#f17f29 75%,#fdbd07)}
body{font-family:Poppins,Inter,'Segoe UI',sans-serif;background:#0c0c0c;color:var(--text)}
button,input,select,textarea{font-family:inherit}
*{scrollbar-width:thin;scrollbar-color:#444 transparent}
*::-webkit-scrollbar{display:block;width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#444;border-radius:8px}
:focus-visible{outline:2px solid #fdbd07!important;outline-offset:4px}
.sidebar{background:#101010;border-right:1px solid #ffffff10;box-shadow:none}
.sidebar-brand{padding:32px 28px;border-bottom:1px solid var(--border);min-height:104px}
.sidebar-brand img{width:210px;height:48px;object-fit:cover;mix-blend-mode:screen}
.sidebar-nav{padding:16px 14px}.sidebar-nav-section{color:#858580;font-size:10px;letter-spacing:.14em;margin-top:24px}
.nav-item{border-radius:9px;color:#b9b9b5;min-height:46px;font-size:12px;transition:background .16s,color .16s}
.nav-item:hover{background:#ffffff08;color:#fff}
.nav-item.is-active{color:#f9a56a;background:#f17f2912;border-color:#f17f2926;box-shadow:inset 3px 0 #f17f29}
.nav-item.is-active svg{color:#f17f29}.sidebar-user-card{background:#191919;border:1px solid var(--border);border-radius:12px}.sidebar-security{color:#8f9690}
.sidebar-user-avatar{background:#f17f2920;color:#f6a76d}.sidebar-collapse-toggle{background:#25201b;color:#f6a76d;border-color:#f17f2930}
.sidebar-brand .sidebar-brand-icon{object-fit:contain;mix-blend-mode:normal}
.content{background:#0c0c0c;padding:32px 36px}
h1,h2,h3{letter-spacing:-.035em}p{line-height:1.65}
.evolui-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 32px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.evolui-page-heading h1{font-size:27px;margin:6px 0;font-weight:600}.evolui-page-heading p{font-size:12px;color:var(--muted);margin:0}
.evolui-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#f17f29;font-weight:600}
.evolui-state{display:inline-flex;align-items:center;gap:9px;font-size:11px;padding:9px 13px;border:1px solid var(--border);border-radius:100px;color:#cecec8;background:#171717;white-space:nowrap}
.evolui-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#fdbd07}
.evolui-state.is-connected::before{background:#79c89a}
.evolui-start{margin:28px 0;background:#161616;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.evolui-start-intro{padding:36px 36px 30px;position:relative;border-top:3px solid #e24436;background:radial-gradient(ellipse at 100% 0,#c1083015,transparent 65%)}
.evolui-start h2{font-size:clamp(24px,2.7vw,36px);line-height:1.25;max-width:650px;margin:12px 0 16px;font-weight:600}
.evolui-start-intro>p{color:var(--muted);font-size:13px;max-width:580px;margin:0}
.evolui-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px 24px;gap:12px}
.evolui-step{display:flex;flex-direction:column;align-items:flex-start;padding:23px;background:#1c1c1c;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s}
.evolui-step:hover{border-color:#f17f2960;transform:translateY(-2px)}
.evolui-step-number{font-size:12px;color:#f17f29;border:1px solid #f17f2930;background:#f17f290b;border-radius:9px;padding:7px 10px}
.evolui-step h3{font-size:15px;letter-spacing:-.02em;margin:20px 0 8px}.evolui-step p{font-size:12px;color:var(--muted);margin:0 0 22px}.evolui-step-action{margin-top:auto;font-size:11px;font-weight:600;color:#f6a76d}
.evolui-explainer{display:flex;gap:18px;align-items:center;border-left:2px solid #f17f29;padding:4px 20px;margin:28px 0;color:var(--muted);font-size:12px}.evolui-explainer strong{color:#e9e9e4;white-space:nowrap}
.integration-card,.ads-kpi-card,.panel,.profile-card{background:#1a1a1a;border:1px solid var(--border);box-shadow:none;border-radius:14px}
.integration-card:hover{border-color:#f17f2960;background:#20201f}.integration-card.is-connected{border-color:#79c89a40}
.modal-panel{background:#191919;border:1px solid #ffffff24;box-shadow:0 30px 100px #0008;border-radius:16px}
input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:#111;color:#f7f7f5;border-color:#ffffff26;border-radius:8px}
input::placeholder,textarea::placeholder{color:#82827f}
.button-primary,.btn-primary,.primary-button,.overview-date-apply{background:#f17f29;color:#18100b;border-color:transparent;font-weight:600}
.ads-platform-button.is-active{background:#f17f2915;border-color:#f17f2940;color:#f6a76d}
.overview-date-trigger,.clients-refresh-link{background:#191919;border-color:var(--border);border-radius:8px}
th{color:#a9a9a4;font-weight:500;font-size:11px;letter-spacing:.03em}td{font-size:12px}tbody tr:hover{background:#ffffff03}
.brand-logo{width:220px!important;height:58px!important;object-fit:cover;mix-blend-mode:screen}.brand-orbit img{width:80%;height:50px;object-fit:cover;mix-blend-mode:screen}
body:has(.auth-shell){background:#070707}.auth-panel{background:#111!important}.experience-panel{background:radial-gradient(ellipse at 90% 90%,#c1083030,transparent 65%),#090909!important}
.submit-button{background:var(--brand-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 8px 25px #c1083020!important}.experience-eyebrow{color:#f17f29!important}.experience-copy em{color:#f7f7f5!important}.connection-path{stroke:#f17f29!important}.connection-node{fill:#f17f29!important}
@media(min-width:981px){.app-shell:not(.is-sidebar-collapsed){grid-template-columns:264px minmax(0,1fr)}}
@media(max-width:980px){.sidebar{display:flex;flex-wrap:wrap;padding:12px 16px;gap:8px}.sidebar-brand{display:flex;min-height:38px;padding:0;flex:1 0 180px;justify-content:flex-start}.sidebar-brand .sidebar-brand-logo{display:block!important;width:180px!important;height:44px!important}.sidebar-brand .sidebar-brand-icon{display:none!important}.sidebar-nav{flex:1 1 300px;justify-content:flex-start;padding:0}.sidebar-nav .nav-item{min-width:42px}.sidebar-brand img{max-width:180px}}
@media(max-width:900px){.content{padding:24px 20px}.evolui-steps{grid-template-columns:1fr}.evolui-start-intro{padding:26px}.evolui-page-heading{align-items:flex-start}.evolui-page-heading h1{font-size:23px}.evolui-explainer{display:block}.evolui-explainer strong{display:block;margin-bottom:7px}}
@media(max-width:540px){.evolui-page-heading{flex-direction:column}.content{padding:20px 14px}.evolui-steps{padding:0 14px 16px}.evolui-start-intro{padding:24px 20px}.evolui-start h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:980px){.sidebar{flex-direction:row;align-content:start}.sidebar-brand{min-height:44px}.sidebar-nav{min-height:44px}.sidebar-spacer{display:none}}
body.is-embedded{background:#0c0c0c;--card:#1a1a1a;--card2:#151515;--blue:#f17f29}
.integration-card.is-connected .integration-status{color:#9bd5b3;background:#79c89a12}.integration-card.is-connected .integration-card-dot{background:#79c89a}