@import "tailwindcss";
:root{--navy:#07172d;--blue:#2864ff;--ink:#0b1d42;--muted:#62708c;--line:#e2e8f4;--green:#16bf91}
*{box-sizing:border-box}body{margin:0;background:#f7f9fd;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{display:grid;grid-template-columns:64px 226px 1fr;min-height:100vh}.rail{background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:24px;padding:18px 9px}.rail-logo{font-size:31px;color:#38c9ff;margin-bottom:20px}.rail button{border:0;background:transparent;color:#d6e5ff;font-size:20px;width:46px;height:46px;border-radius:12px;cursor:pointer}.rail button.on,.rail button:hover{background:linear-gradient(145deg,#2c79ff,#1d52f4);color:white}.sidebar{background:white;border-right:1px solid var(--line);padding:20px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;margin:0 5px 20px}.brand-mark{font-size:32px;color:#2b6bff}.brand b{font-size:23px}.brand small{font-size:11px;color:#1756e8;background:#dce7ff;padding:5px;border-radius:7px}.brand p{font-size:11px;color:var(--muted);margin:3px 0}.sidebar nav{display:grid;gap:4px}.sidebar button{border:0;background:transparent;color:#263858;text-align:left;padding:13px 14px;border-radius:10px;font-size:15px;cursor:pointer}.sidebar button span{display:inline-block;width:34px;font-size:18px}.sidebar button:hover,.sidebar button.active{background:#e8efff;color:#1759ed;font-weight:700}.lower{margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.lower>button{display:block;width:100%}.lower footer{margin:34px 5px 0;color:#66738f;font-size:12px}.lower footer p{margin:3px 0}.topbar{height:84px;background:white;display:flex;align-items:center;gap:17px;padding:14px 22px;border-bottom:1px solid var(--line)}.topbar h1{font-size:27px;margin:0;white-space:nowrap}.topbar p{font-size:13px;color:var(--muted);margin:3px 0}.search{height:43px;border:1px solid #d4dceb;border-radius:11px;margin-left:auto;width:min(420px,33vw);display:flex;align-items:center;padding:0 14px;color:#71809b}.search input{border:0;outline:0;width:100%;padding:9px;background:transparent;font-size:14px}.new{background:var(--blue);color:white;border:0;border-radius:10px;height:44px;padding:0 20px;font-weight:700;white-space:nowrap}.bell{border:0;background:transparent;font-size:22px;position:relative}.bell em{position:absolute;background:#f44955;color:white;border-radius:50%;font-size:10px;padding:3px 6px;top:-5px}.online{font-size:12px;border:1px solid var(--line);padding:12px;border-radius:10px;white-space:nowrap}.online:first-letter{color:var(--green)}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#102343;color:white;font-size:12px}.workspace{padding:14px 18px 78px}.summary{min-height:140px;border-radius:15px;padding:23px 28px;display:flex;gap:18px;background:linear-gradient(120deg,#e5fcff,#e9edff 60%,#dfe5ff);position:relative;overflow:hidden}.summary:after{content:"";position:absolute;right:70px;bottom:-80px;width:460px;height:170px;border-radius:50%;background:#869cff22;transform:rotate(-8deg)}.summary-icon{font-size:26px;color:#2363f7}.summary b{font-size:14px}.summary h2{font-size:22px;margin:8px 0 13px}.pills{display:flex;gap:12px}.pills span{padding:8px 14px;border-radius:22px;font-weight:700;font-size:12px}.pills .red{background:#ffd9d9;color:#d73544}.pills .orange{background:#fff0ce;color:#995d00}.pills .blue{background:#e7ecff;color:#1c55d5}.motto{margin-left:auto;align-self:center;color:#365ced;font-size:12px;z-index:1}.grid{display:grid;gap:12px;margin-top:12px}.top-grid{grid-template-columns:1.15fr 1fr .96fr}.bottom-grid{grid-template-columns:1.35fr 1.05fr .94fr}.card,.infra{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.card header,.infra header{display:flex;justify-content:space-between;align-items:center}.card header a{color:#2461ec;font-size:11px}.kpi{position:relative;min-height:222px}.kpi>strong{font-size:32px;display:inline-block;margin:20px 12px 0 0}.kpi>span{font-weight:bold}.kpi>p{font-size:10px;color:var(--muted);margin-left:188px;margin-top:-9px}.positive{color:#0db488!important}.spark{height:85px;display:flex;gap:11px;align-items:flex-end;border-bottom:1px solid #dce3ef;margin-top:4px}.spark i{flex:1;background:#4080ff;border-radius:3px 3px 0 0}.spark i:nth-child(1){height:32%}.spark i:nth-child(2){height:45%}.spark i:nth-child(3){height:38%}.spark i:nth-child(4){height:62%}.spark i:nth-child(5){height:52%}.spark i:nth-child(6){height:71%}.spark i:nth-child(7){height:67%}.spark i:nth-child(8){height:88%}.funnel .bar{height:48px;margin:10px auto;color:white;display:flex;gap:7px;align-items:center;justify-content:center;clip-path:polygon(4% 0,96% 0,88% 100%,12% 100%);border-radius:7px}.funnel .bar strong{font-size:22px}.leads{width:100%;background:#2865f8}.proposals{width:74%;background:#7f59ee}.sales{width:42%;background:#1cc4aa}.support{display:grid;grid-template-columns:1fr 125px}.support header{grid-column:1/-1}.support>div>strong{display:block;font-size:29px;margin-top:16px}.support>div>span,.support p{font-size:12px;color:var(--muted)}.support em{font-size:11px;color:#09ae81;margin-left:10px}.sla{border:13px solid #20c79a;border-radius:50%;width:115px;height:115px;margin-top:21px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sla strong{font-size:24px!important;margin:1px!important}.sla span{position:absolute;margin-top:148px;font-size:10px!important;color:#148c70!important}.infra{background:#071a34;color:white}.infra header span{font-size:11px;color:#27d7a2}.network{display:grid;grid-template-columns:1fr 90px 1fr;grid-template-rows:1fr 1fr;gap:15px;align-items:center;margin:25px 15px}.network>div:not(.core){border:2px solid #317cff;border-radius:12px;padding:10px;display:grid;grid-template-columns:28px 1fr;color:#50a7ff}.network b{color:white;font-size:12px}.network small{grid-column:2;color:#22cf9c}.network .core{grid-column:2;grid-row:1/3;text-align:center;font-size:29px;color:#6a6cff}.network .core b{display:block;font-size:17px}.infra footer{display:flex;gap:8px}.infra footer span{flex:1;border:1px solid #29415d;border-radius:8px;padding:9px;text-align:center;font-size:10px;color:#cae0f6}.provisioning{padding-bottom:9px}.job{display:grid;grid-template-columns:34px 1fr 35px 100px;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #e9edf5;font-size:10px}.job-icon{color:#316aff;font-size:19px}.progress{height:8px;background:#e5eaf3;border-radius:9px;margin-top:6px}.progress i{display:block;height:100%;border-radius:9px}.green{background:#19c59d}.blue{background:#3378ff}.violet{background:#8457ef}.job small{color:#6c7990}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.stats article{background:#e5f0ff;border-radius:10px;padding:12px}.stats article:nth-child(2){background:#ddfbf5}.stats article:nth-child(3){background:#ece8ff}.stats b{color:#285eff}.stats strong{display:block;color:#101d3a;font-size:22px}.stats span,.stats small{display:block;font-size:10px}.stats small{color:#0aae7e;margin-top:9px}.cash>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;border-bottom:1px solid #edf0f6;padding:13px 0}.cash p{margin:0;color:#67738c;font-size:10px}.cash p strong{display:block;color:#101d3a;font-size:17px;margin-top:3px}.cash em{font-style:normal;color:#f04e57;font-weight:bold;font-size:11px}.cash-icon{font-size:22px}.in{color:#0fbd8e}.out{color:#ff6370}.balance{color:#5b50e5}.ai-toggle{display:none}.assistant{position:fixed;right:0;bottom:0;width:380px;background:#07172e;color:white;border-radius:18px 0 0 0;padding:10px 13px;box-shadow:0 0 30px #08162c33}.approvals{display:flex;gap:8px;margin-bottom:9px}.approvals>*{flex:1;padding:8px;border-radius:15px;text-align:center;font-size:10px;background:#ff5a67}.approvals span{background:#3a5cf5}.ai-head{display:flex;gap:10px;align-items:center}.ai-head i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#47dbff,#624eff 55%,#142755)}.ai-head b{font-size:12px}.ai-head em{color:#29d5a1}.ai-head p{font-size:10px;color:#bbcae0;margin:4px 0}.assistant label{display:flex;background:white;border-radius:10px;padding:4px;margin-top:8px}.assistant input{flex:1;border:0;outline:0;padding:8px}.assistant label button{border:0;border-radius:7px;background:#2667f9;color:white;width:35px}.workspace:after{content:"Live Center Intelligence  •  Dados atualizados agora";font-size:9px;color:#8490a8;display:block;margin-top:18px}
@media(max-width:1100px){.shell{grid-template-columns:58px 190px 1fr}.online,.topbar>div p{display:none}.top-grid,.bottom-grid{grid-template-columns:1fr 1fr}.support,.cash{grid-column:auto}.assistant{width:340px}}
@media(max-width:760px){.shell{display:block}.rail{position:fixed;left:0;bottom:0;right:0;height:62px;z-index:20;flex-direction:row;justify-content:space-around;padding:7px}.rail-logo{display:none}.rail button{margin:0}.sidebar{display:none}.topbar{height:auto;flex-wrap:wrap;padding:12px}.topbar>div{width:100%}.topbar h1{font-size:23px}.search{order:4;width:100%;margin:0}.new{flex:1}.workspace{padding:10px 10px 90px}.summary{padding:18px;min-height:180px}.summary h2{font-size:19px}.motto{display:none}.pills{flex-wrap:wrap}.top-grid,.bottom-grid{grid-template-columns:1fr}.kpi{min-height:190px}.support{min-height:190px}.assistant{display:none;width:calc(100% - 20px);right:10px;bottom:72px;border-radius:16px}.assistant.open{display:block}.ai-toggle{display:block;position:fixed;z-index:21;right:14px;bottom:70px;border:0;border-radius:20px;background:#132750;color:white;padding:10px 16px}.infra footer{flex-direction:column}}

/* Login — LiveAI design system */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);background:#f7f9fd}
.login-brand{position:relative;overflow:hidden;padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 75% 22%,#245adf 0,transparent 30%),linear-gradient(145deg,#07172e 0%,#0b2452 58%,#173d95 100%)}
.login-brand:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff1f;border-radius:50%;right:-220px;bottom:-260px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}
.login-logo{display:flex;align-items:center;gap:12px;font-size:30px;z-index:1}.login-logo>span{font-size:40px;color:#39caff;text-shadow:0 0 24px #3577ff}.login-logo small{font-size:12px;background:#2a67ff;padding:5px 8px;border-radius:7px}
.login-brand>div:nth-child(2){max-width:620px;z-index:1}.login-brand .eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#63dcff}.login-brand h1{font-size:clamp(34px,4.2vw,62px);line-height:1.04;margin:15px 0 24px;letter-spacing:-.045em}.login-brand p:not(.eyebrow){font-size:17px;line-height:1.65;color:#c7d6ed}
.login-status{display:flex;gap:22px;z-index:1;color:#b9cbe5;font-size:12px}.login-status span:first-child{color:#50e0b6}
.login-panel{display:grid;place-items:center;padding:32px;background:linear-gradient(160deg,#fff,#f3f7ff)}
.login-panel form{width:min(100%,440px);background:#fff;border:1px solid #dfe7f4;border-radius:24px;padding:clamp(28px,4vw,48px);box-shadow:0 24px 70px #102b6418}
.login-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;font-size:25px;background:linear-gradient(145deg,#25c8ff,#285cff 60%,#7449e8);box-shadow:0 12px 30px #2864ff45}
.login-panel h2{font-size:28px;letter-spacing:-.025em;margin:24px 0 7px}.login-panel form>p{color:#687892;margin:0 0 28px}
.login-panel label{display:grid;gap:8px;margin:17px 0;color:#243756;font-size:13px;font-weight:700}.login-panel input{height:50px;border:1px solid #d8e1ef;border-radius:11px;padding:0 14px;font:inherit;outline:none;transition:.2s}.login-panel input:focus{border-color:#326cff;box-shadow:0 0 0 4px #326cff17}
.login-panel button{width:100%;height:52px;margin-top:8px;border:0;border-radius:11px;background:linear-gradient(110deg,#2765f7,#214fe5);color:#fff;font-weight:800;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;box-shadow:0 12px 28px #2765f73a}.login-panel button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.login-panel small{display:block;text-align:center;color:#7a879d;margin-top:20px;font-size:11px}
@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-brand{min-height:300px;padding:32px}.login-brand h1{font-size:34px}.login-status{display:none}.login-panel{padding:24px 16px}.login-panel form{margin-top:-46px;z-index:2}}


/* Etapas 13–15 — módulos operacionais */
.rail-link{display:grid;place-items:center;text-decoration:none;color:#d6e5ff;font-size:20px;width:46px;height:46px;border-radius:12px}.rail-link.on,.rail-link:hover{background:linear-gradient(145deg,#2c79ff,#1d52f4);color:#fff}
.sidebar nav a,.lower>a{display:block;text-decoration:none;color:#263858;padding:13px 14px;border-radius:10px;font-size:15px}.sidebar nav a span,.lower>a span{display:inline-block;width:34px;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active,.lower>a:hover{background:#e8efff;color:#1759ed;font-weight:700}
.module-workspace{max-width:1540px;margin:auto}.module-hero{min-height:154px;border-radius:16px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 82% 35%,#ffffffc9,transparent 22%),linear-gradient(120deg,#dffbff,#e9edff 58%,#dce5ff);overflow:hidden;position:relative}.module-hero:after{content:"";position:absolute;right:8%;bottom:-95px;width:420px;height:190px;border-radius:50%;background:#607cff1c;transform:rotate(-9deg)}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#3166e7}.module-hero h2{font-size:30px;margin:8px 0 7px;letter-spacing:-.03em}.module-hero p{color:#5d6e89;font-size:13px;margin:0}.module-total{z-index:1;background:#ffffffb8;border:1px solid #fff;border-radius:14px;padding:16px 22px;min-width:150px;box-shadow:0 8px 30px #4664b414}.module-total strong{display:block;font-size:29px;color:#205af0}.module-total span{font-size:11px;color:#65738b}
.module-tabs{display:flex;gap:8px;margin:13px 0;overflow-x:auto;padding-bottom:2px}.module-tabs button{border:1px solid #dde5f2;background:#fff;color:#43536e;border-radius:11px;padding:10px 14px;white-space:nowrap;cursor:pointer}.module-tabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:7px;border-radius:7px;background:#edf2ff;color:#2863ef;font-size:10px;font-weight:800}.module-tabs button.active{background:#185af0;color:#fff;border-color:#185af0;box-shadow:0 8px 20px #1958e62a}.module-tabs button.active span{background:#ffffff2e;color:#fff}
.flash-success{padding:12px 15px;margin:10px 0;background:#def9f0;color:#087c61;border:1px solid #afead8;border-radius:10px;font-size:13px;font-weight:700}.module-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.records-card,.editor-card{padding:20px}.records-card header h3,.editor-card header h3{margin:4px 0 0;font-size:20px}.record-count{font-size:11px;color:#677790;background:#f0f4fb;padding:7px 10px;border-radius:8px}.records-table-wrap{overflow:auto;margin-top:18px}.records-table{width:100%;border-collapse:collapse;min-width:650px}.records-table th{text-align:left;color:#71809a;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:11px;border-bottom:1px solid #dfe6f1}.records-table td{padding:14px 11px;border-bottom:1px solid #edf1f7;font-size:12px;color:#53617a}.records-table td strong{display:block;color:#102343;font-size:13px}.records-table td small{display:block;margin-top:4px;color:#9aa5b7}.status-pill{display:inline-flex;padding:6px 9px;border-radius:20px;background:#e8f9f3;color:#0c9c77;font-size:10px;font-weight:800}.status-draft,.status-pending,.status-disconnected{background:#fff3d9;color:#a66b00}.status-inactive,.status-lost,.status-cancelled{background:#ffe5e7;color:#cc4150}.status-paid,.status-won,.status-connected,.status-resolved{background:#daf9ef;color:#068765}.row-actions{white-space:nowrap}.row-actions button,.link-button{border:0;background:#e9f0ff;color:#2059df;border-radius:7px;padding:7px 9px;margin:2px;cursor:pointer;font-size:10px}.row-actions button.danger{background:#fff0f1;color:#d64352}.empty-state{text-align:center!important;padding:55px!important}.empty-state span,.empty-state strong,.empty-state small{display:block!important}.empty-state span{font-size:28px;color:#3169f3}.empty-state strong{margin:10px;color:#32435f!important}
.editor-card form{margin-top:17px}.editor-card label{display:grid;gap:7px;margin:14px 0;color:#344661;font-size:11px;font-weight:800}.editor-card input,.editor-card select{height:44px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:0 12px;font:inherit;color:#172a4c;outline:none}.editor-card input:focus,.editor-card select:focus{border-color:#3169f3;box-shadow:0 0 0 3px #3169f316}.primary-action{width:100%;height:46px;border:0;border-radius:9px;background:linear-gradient(120deg,#2868f8,#1d4fe2);color:#fff;font-weight:800;cursor:pointer;margin-top:8px}.primary-action:disabled{opacity:.65}.security-note{border-top:1px solid #e6ebf3;margin-top:22px;padding-top:16px;color:#0d9c78;font-size:11px}.security-note p{color:#748098;line-height:1.5}.field-error{color:#d63f4d}.module-shell main{min-width:0}
@media(max-width:1050px){.module-grid{grid-template-columns:1fr}.editor-card{order:-1}.module-total{display:none}}@media(max-width:760px){.module-hero{padding:22px;min-height:175px}.module-hero h2{font-size:25px}.module-tabs{margin-left:-10px;margin-right:-10px;padding:0 10px 5px}.records-card,.editor-card{padding:15px}.module-workspace{padding-bottom:80px}}


/* Etapa 16 — Live Config e onboarding */
.liveconfig-hero{background:radial-gradient(circle at 85% 20%,#fff,transparent 24%),linear-gradient(120deg,#dffcff,#e9edff 55%,#e6ddff)}.liveconfig-kpis{display:flex;gap:9px;z-index:1}.liveconfig-kpis span{background:#ffffffc7;border:1px solid #fff;padding:13px 16px;border-radius:12px;color:#687791;font-size:10px}.liveconfig-kpis b{display:block;color:#215bea;font-size:22px}.liveconfig-grid{grid-template-columns:minmax(0,1fr) 350px}.generated-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#071b35;color:#fff;border-radius:12px;padding:13px 16px;margin:12px 0}.generated-link small{display:block;color:#9fb2ce;margin-top:3px}.generated-link input{height:39px;border:1px solid #345072;background:#0c2649;color:#cae1ff;border-radius:8px;padding:0 11px;min-width:0}.generated-link button{height:39px;border:0;border-radius:8px;background:#2b65f5;color:#fff;font-weight:800;padding:0 15px}.mini-progress{width:90px;height:6px;border-radius:8px;background:#e6ebf4}.mini-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#22c9a2,#2866f6)}
.onboarding-page{min-height:100vh;background:radial-gradient(circle at 5% 30%,#d9f9ff 0,transparent 25%),linear-gradient(145deg,#f8fbff,#edf2ff);color:#102343}.onboarding-top{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;border-bottom:1px solid #dfe7f3;backdrop-filter:blur(14px);font-size:11px;color:#60708b}.onboarding-brand{display:flex;align-items:center;gap:8px}.onboarding-brand span{font-size:30px;color:#2866f6}.onboarding-brand b{font-size:22px}.onboarding-brand small{background:#dce7ff;color:#1856e8;border-radius:6px;padding:4px 6px}.secure-dot{color:#14b989}.onboarding-wrap{width:min(1240px,calc(100% - 32px));margin:42px auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}.onboarding-intro{padding:40px 14px}.onboarding-intro h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.045em;line-height:1.02;margin:14px 0}.onboarding-intro>p{color:#667590;line-height:1.7;max-width:470px}.onboarding-benefits{display:grid;gap:12px;margin-top:34px;color:#16896e;font-size:12px;font-weight:700}.wizard-card{background:#fff;border:1px solid #dee6f2;border-radius:22px;padding:clamp(22px,3vw,38px);box-shadow:0 24px 70px #17366c17;min-height:560px}.verify-panel{max-width:430px;margin:55px auto;text-align:center}.verify-panel p{color:#71809a;line-height:1.6}.verify-panel label{display:grid;gap:7px;margin:23px 0;text-align:left;font-size:11px;font-weight:800}.verify-panel input{height:54px;text-align:center;letter-spacing:.45em;font-size:20px;border:1px solid #d8e2ef;border-radius:10px}.wizard-symbol{display:grid;place-items:center;width:60px;height:60px;margin:0 auto;border-radius:18px;background:linear-gradient(145deg,#27c6ff,#2d63f6,#744cde);color:#fff;font-size:28px;box-shadow:0 12px 30px #2864ff38}.secondary-action{height:46px;border:1px solid #d7e1f0;border-radius:9px;background:#fff;color:#244775;font-weight:800;padding:0 18px;cursor:pointer}.verify-panel .primary-action,.verify-panel .secondary-action{width:100%}.wizard-progress-head{display:flex;justify-content:space-between;font-size:11px}.wizard-progress>div:nth-child(2){height:7px;border-radius:10px;background:#e8edf5;margin:10px 0 17px}.wizard-progress>div i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#21c7a1,#2866f6)}.wizard-progress nav{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.wizard-progress nav span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf1f7;color:#8490a5;font-size:9px;font-weight:800}.wizard-progress nav span.done{background:#2865f4;color:#fff}.wizard-progress nav small{position:absolute;margin-top:43px;color:#7a879b;font-weight:500}.wizard-form{margin-top:46px}.step-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.step-heading>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e9efff;color:#2862e9;font-weight:900}.step-heading h2{margin:0;font-size:23px}.step-heading p{margin:5px 0 0;color:#758198;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#3b4c68}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;height:45px;border:1px solid #dbe3ef;border-radius:9px;padding:0 11px;font:inherit;outline:none;background:#fff}.form-grid textarea{height:78px;padding-top:10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#2864f5;box-shadow:0 0 0 3px #2864f514}.check-label{display:flex!important;grid-column:1/-1;align-items:center}.check-label input,.consent input{width:18px!important;height:18px!important}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.color-grid label{font-size:11px;font-weight:800}.color-grid label div{display:flex;align-items:center;gap:10px;margin-top:8px}.color-grid input{width:55px;height:42px;border:0;background:none}.color-grid code{background:#f0f4fa;padding:9px;border-radius:7px}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e8edf4;margin-top:25px;padding-top:18px}.wizard-actions .primary-action{width:auto;padding:0 22px;margin:0}.review-step{text-align:center}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:25px 0}.review-grid span{padding:13px;background:#f5f8fd;border-radius:9px}.review-grid small,.review-grid b{display:block}.review-grid small{color:#8190a6;margin-bottom:5px}.consent{display:flex;gap:10px;align-items:center;text-align:left;font-size:11px}.flash-error{padding:12px;background:#ffebed;color:#c83d4b;border-radius:9px}.onboarding-footer{text-align:center;color:#8190a6;font-size:10px;padding:20px}
@media(max-width:1000px){.onboarding-wrap{grid-template-columns:1fr;margin-top:20px;gap:12px}.onboarding-intro{padding:20px}.onboarding-benefits{display:flex;flex-wrap:wrap}.liveconfig-kpis{display:none}.liveconfig-grid{grid-template-columns:1fr}.generated-link{grid-template-columns:1fr}.generated-link button{width:100%}}@media(max-width:650px){.onboarding-wrap{width:calc(100% - 18px)}.onboarding-top{padding:0 14px}.onboarding-intro{padding:12px}.onboarding-intro h1{font-size:36px}.wizard-card{padding:18px;border-radius:16px}.form-grid,.color-grid,.review-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.wizard-progress nav small{display:none}.wizard-actions{flex-direction:column-reverse}.wizard-actions>*{width:100%!important}.generated-link input{width:100%}}


/* Etapa 17 — Central de conteúdo e provisionamento */
.api-token{background:linear-gradient(110deg,#133663,#251a60)}.central-cta{display:inline-block;margin:18px 0 4px;padding:12px 18px;border-radius:9px;background:#2864f5;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.content-wrap{width:min(1440px,calc(100% - 30px));margin:28px auto;display:grid;grid-template-columns:245px 1fr;gap:14px}.content-nav{background:#071a34;color:#fff;border-radius:17px;padding:25px;min-height:calc(100vh - 132px)}.content-nav h2{font-size:23px;margin:9px 0}.content-nav>p{color:#9fb2cf;font-size:11px;line-height:1.55}.content-nav nav{display:grid;gap:5px;margin:22px 0}.content-nav nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;color:#c8d8ef;padding:9px;text-align:left;cursor:pointer}.content-nav nav button span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#173453;color:#62a8ff;font-size:9px;font-weight:900}.content-nav nav button.active,.content-nav nav button:hover{background:#1e57d9;color:#fff}.content-nav>a{color:#73b8ff;text-decoration:none;font-size:11px}.content-main{min-width:0}.content-head{min-height:115px;border-radius:15px;padding:24px 27px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#e0fbff,#e9edff)}.content-head h1{font-size:29px;margin:7px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin-top:12px}.content-list,.content-editor{padding:20px}.content-item{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid #e8edf4}.content-item strong,.content-item small{display:block}.content-item small{color:#7f8ba0;margin-top:5px;font-size:10px}.content-item button{border:0;border-radius:7px;padding:7px 9px;background:#e8efff;color:#2458d8;font-size:10px}.content-item button.danger{background:#ffeaec;color:#d24150}.content-editor h3{font-size:21px;margin:6px 0 17px}.content-editor label{display:grid;gap:7px;margin:13px 0;color:#3c4d69;font-size:11px;font-weight:800}.content-editor input,.content-editor textarea,.content-editor select{border:1px solid #d9e2ef;border-radius:9px;padding:11px;font:inherit;outline:none}.content-editor textarea{resize:vertical;min-height:220px}.editor-actions{display:flex;justify-content:flex-end;gap:8px}.editor-actions .primary-action{width:auto;padding:0 18px;margin:0}
@media(max-width:1000px){.content-wrap{grid-template-columns:1fr}.content-nav{min-height:auto}.content-nav nav{display:flex;overflow-x:auto}.content-nav nav button{white-space:nowrap}.content-grid{grid-template-columns:1fr}.content-editor{order:-1}}@media(max-width:650px){.content-wrap{width:calc(100% - 16px);margin-top:12px}.content-head{padding:18px}.content-head h1{font-size:24px}.content-item{flex-direction:column}}


/* Etapa 18 — Gateways */
.gateway-hero{background:radial-gradient(circle at 83% 35%,#fff,transparent 25%),linear-gradient(120deg,#dcfbff,#e8edff 55%,#e5e0ff)}.gateway-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:13px;margin-top:13px}.gateway-grid>section{display:grid;gap:13px}.gateway-list,.run-list,.gateway-form{padding:20px}.gateway-list h3,.run-list h3,.gateway-form h3{font-size:21px;margin:6px 0 16px}.gateway-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #e8edf4}.gateway-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:linear-gradient(145deg,#dffbff,#dfe7ff);color:#245ee8;font-weight:900;font-size:11px}.gateway-card strong,.gateway-card small{display:block}.gateway-card small{font-size:10px;color:#718098;margin:4px 0}.gateway-card .status-pill{margin:3px 0}.gateway-form label{display:grid;gap:7px;margin:12px 0;color:#3b4c68;font-size:11px;font-weight:800}.gateway-form input,.gateway-form select{height:44px;border:1px solid #d9e2ef;border-radius:9px;padding:0 11px;font:inherit;outline:none;background:#fff}.gateway-form input:focus,.gateway-form select:focus{border-color:#2865f5;box-shadow:0 0 0 3px #2865f514}.gateway-form details{border:1px solid #e1e7f0;border-radius:9px;padding:11px;margin:15px 0}.gateway-form summary{cursor:pointer;color:#315a9b;font-size:11px;font-weight:800}.status-error,.status-failed{background:#ffe4e7;color:#c83a49}.status-awaiting_gateway,.status-inactive{background:#fff2d6;color:#9d6700}.status-active,.status-succeeded,.status-idempotent_success{background:#daf8ed;color:#078464}
@media(max-width:1080px){.gateway-grid{grid-template-columns:1fr}.gateway-form{order:-1}}@media(max-width:650px){.gateway-card{grid-template-columns:45px 1fr}.gateway-card .row-actions{grid-column:1/-1}.gateway-form .form-grid{grid-template-columns:1fr}}

.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:14px;overflow-x:auto;margin:16px 0}.pipeline-column{background:#f4f7fc;border:1px solid #e0e7f2;border-radius:15px;min-height:420px;padding:12px}.pipeline-column>header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pipeline-column>header span{width:9px;height:9px;border-radius:50%;background:var(--stage-color)}.pipeline-column>header small{margin-left:auto}.deal-card{background:#fff;border:1px solid #e2e9f3;border-radius:12px;padding:12px;margin-bottom:9px;box-shadow:0 5px 16px #15336b0a}.deal-card small,.deal-card strong,.deal-card em{display:block}.deal-card small{color:#6d7b93;font-size:9px}.deal-card strong{margin:5px 0;color:#102247}.deal-card em{font-size:10px;color:#697892}.deal-card button{border:0;background:#edf3ff;color:#2864ff;border-radius:6px;margin:8px 3px 0 0}.stage-form form{display:flex;gap:12px;align-items:end}.stage-form label{flex:1}.inbox{display:grid;grid-template-columns:280px minmax(400px,1fr) 230px;height:calc(100vh - 155px);min-height:600px;background:#fff;border:1px solid #dfe7f2;border-radius:17px;overflow:hidden}.conversation-list{border-right:1px solid #e4eaf3;overflow:auto}.conversation-list header,.chat-panel>header{padding:17px;display:flex;justify-content:space-between;border-bottom:1px solid #e8edf5}.conversation-list>button{width:100%;display:flex;gap:10px;align-items:center;padding:13px;border:0;border-bottom:1px solid #edf1f7;background:#fff;text-align:left}.conversation-list>button.active{background:#edf4ff;border-left:3px solid #2864ff}.conversation-list i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:#2864ff}.conversation-list span strong,.conversation-list span small{display:block}.conversation-list em{margin-left:auto;background:#2864ff;color:#fff;border-radius:12px;padding:3px 7px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#f6f9fd}.message-stream{padding:18px;overflow:auto}.message{max-width:72%;padding:10px 13px;border-radius:13px;margin:7px 0;background:#fff}.message.outbound{margin-left:auto;background:#dff8ef}.message p{margin:0 0 4px}.message small{color:#72809a}.chat-panel form{display:flex;padding:12px;background:#fff;border-top:1px solid #e2e8f2}.chat-panel textarea{flex:1;min-height:48px;border:1px solid #dce4f0;border-radius:12px;padding:12px}.chat-panel form button{width:48px;border:0;border-radius:12px;background:#2864ff;color:#fff;margin-left:8px}.contact-panel{padding:20px;border-left:1px solid #e4eaf3}.contact-panel>div{padding:12px 0;border-bottom:1px solid #edf1f6}.contact-panel b,.contact-panel small{display:block}@media(max-width:1000px){.inbox{grid-template-columns:240px 1fr}.contact-panel{display:none}}@media(max-width:700px){.pipeline-board{grid-template-columns:repeat(4,260px)}.inbox{grid-template-columns:1fr;height:auto}.conversation-list{max-height:280px}.chat-panel{min-height:520px}.stage-form form{display:block}}

.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.finance-kpis article{padding:18px;border:1px solid #dfe7f2;border-radius:15px;background:linear-gradient(135deg,#fff,#eef4ff)}.finance-kpis small,.finance-kpis strong{display:block}.finance-kpis small{font-size:9px;color:#697b98;letter-spacing:.08em}.finance-kpis strong{font-size:21px;color:#102247;margin-top:7px}.finance-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.finance-grid>aside{display:grid;gap:12px;align-content:start}.finance-grid .editor-card{padding:17px}.finance-grid .check-line{display:flex;flex-direction:row;align-items:center;gap:8px}.finance-grid .check-line input{width:auto}@media(max-width:1000px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.finance-grid{grid-template-columns:1fr}}@media(max-width:600px){.finance-kpis{grid-template-columns:1fr}}
