/* Guia Livre Automation Cloud v4 — SaaS design system. No external font/CDN dependencies. */
:root{--tenant-accent:#20d6b0;--gl-ink:#142139;--gl-muted:#718098;--gl-border:#e4eaf1;--gl-pane:#fff;--gl-canvas:#f3f6fb;--gl-shadow:0 20px 60px rgba(16,35,65,.06)}
html[data-theme=dark]{--gl-ink:#ebf4ff;--gl-muted:#9eb2c8;--gl-border:#27394f;--gl-pane:#19283b;--gl-canvas:#111c2c}
body{font-family:Inter,'Segoe UI',Arial,sans-serif}::selection{background:#2ee6bd50}
.sidebar{width:264px;background:linear-gradient(175deg,#081827 0%,#101d31 58%,#10283a 100%);border-right:1px solid #ffffff10}
.main-area{margin-left:264px}.brand-logo{background:linear-gradient(135deg,#16e2b2,#2085c2);border:1px solid #ffffff2c;box-shadow:0 8px 24px #0effbb23}.brand-copy small{color:#92b7c5}.brand{border-bottom:1px solid #ffffff13}.nav-label{font-size:9px;color:#6f91ad;letter-spacing:1.45px;margin-top:3px}.nav-link{border:1px solid transparent;margin:1px 0;padding:9px 11px;font-size:12px;border-radius:11px}.nav-link.active{border-color:#40dfbd25;background:linear-gradient(90deg,#29bca82f,#19a9b00b);color:#8afbdd}.nav-link:hover{background:#ffffff12}.sidebar nav{padding-bottom:20px}.workspace{min-height:62px;margin:14px 12px 4px;padding:11px 10px;border:1px solid #7b9cb72b;background:#ffffff0c;gap:9px}.workspace-meta{min-width:0}.workspace-meta b{font-size:12px;color:#fff}.workspace-meta small{font-size:9px}.workspace select{width:17px;min-width:17px;appearance:none;border:0;background:transparent;color:#77d7c2;font-size:10px;cursor:pointer;outline:0}.workspace select option{color:#172333;background:#fff}.workspace-avatar{border-radius:12px;color:#082d2b!important;font-size:15px}.sidebar-foot{background:#09162555}.topbar{height:74px;padding:0 26px;backdrop-filter:blur(18px)}.top-search-button{border-radius:12px}.mode-chip{font-size:10px;letter-spacing:.1px}.mode-chip .pulse{background:#12ce9b}.page{width:100%;max-width:1840px;margin:0 auto;padding:29px 30px 36px}.footer{font-size:10px;opacity:.75}.btn{transition:transform .12s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(125deg,#0eae95,#148ed1);border-color:#0ba98b;box-shadow:0 6px 15px #0c927b22;color:white}.btn-primary:hover{background:linear-gradient(125deg,#10c4a5,#13a2d2)}.panel,.card,.stat-card,.studio-panel,.studio-card{box-shadow:var(--gl-shadow);border-color:var(--gl-border);border-radius:16px}.page-title{font-weight:800;letter-spacing:-1px}.page-desc{line-height:1.6}.action-btn,.icon-btn{transition:background .15s ease,border-color .15s ease}button:focus-visible,a:focus-visible{outline:3px solid #28dab985;outline-offset:2px}
.saas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:25px}.saas-eyebrow,.saas-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#0da99a}.saas-heading h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1.6px;line-height:1.08;margin:7px 0 8px;font-weight:850}.saas-heading p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.saas-actions{display:flex;gap:9px;flex-wrap:wrap}.saas-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 19px}.saas-kpi{background:var(--panel);border:1px solid var(--line);box-shadow:var(--gl-shadow);min-height:142px;border-radius:17px;padding:20px 22px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}.saas-kpi:after{content:'';position:absolute;bottom:-50px;right:-38px;border:1px solid #17bdab1c;width:135px;height:135px;border-radius:50%}.saas-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.saas-kpi-top span{font-size:11px;font-weight:650;color:var(--muted)}.saas-kpi-top b{font-size:18px;color:#17bfae;font-weight:400}.saas-kpi strong{font-size:31px;line-height:1.1;letter-spacing:-1.2px;color:var(--text);font-weight:820}.saas-kpi small{font-size:10px;color:var(--muted)}.saas-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--gl-shadow);padding:23px;margin-bottom:18px;min-width:0}.saas-panel h3{font-size:15px;letter-spacing:-.3px;margin:0 0 19px}.saas-panel h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}.saas-panel p{font-size:13px;line-height:1.8;color:var(--muted)}.saas-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.saas-panel-head h3{margin:0}.saas-panel-head>span{font-size:11px;color:var(--muted)}.saas-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.saas-welcome{padding:31px;background:linear-gradient(120deg,#0c2737,#0d3445);color:#fff;overflow:hidden;position:relative}.saas-welcome:after{content:'';position:absolute;width:270px;height:270px;right:-78px;top:-73px;border:1px solid #48cfa548;border-radius:50%;box-shadow:0 0 0 40px #48cfa509,0 0 0 95px #48cfa506}.saas-welcome h2{color:#fff;font-size:30px;max-width:490px}.saas-welcome p{color:#abc7d3;max-width:470px}.saas-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.saas-health{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.saas-health>span:not(.saas-state){font-size:12px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:10px}.saas-health>b,.saas-health>code{font-size:11px}.saas-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:30px;padding:6px 10px;background:#f2b03217;color:#c08a18;font-size:10px;font-weight:750}.saas-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.saas-state.green{background:#15ba8830;color:#0bb18e}.saas-state.red{background:#ec567a22;color:#dd5c72}.saas-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.saas-quick a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:16px;color:var(--text);transition:.2s;background:var(--panel2)}.saas-quick a:hover{border-color:#17bfae;color:var(--text);transform:translateY(-2px)}.saas-quick i{display:grid;place-items:center;font-style:normal;color:#11b99a;background:#1ab69617;width:33px;height:33px;border-radius:10px}.saas-quick a span{flex:1;font-weight:650;font-size:12px}.saas-quick a b{color:var(--muted)}.saas-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;scrollbar-width:thin}.saas-table{width:100%;border-collapse:collapse;text-align:left}.saas-table th{background:var(--panel2);text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800;font-size:10px;padding:15px 16px;white-space:nowrap}.saas-table td{border-top:1px solid var(--line);padding:14px 16px;color:var(--text);font-size:12px}.saas-table td>b{display:block}.saas-table td small{display:block;color:var(--muted);margin-top:5px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.saas-table tbody tr:hover{background:#13b69f09}.saas-mini{font-size:11px;padding:7px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--text);margin:2px}.saas-mini:hover{border-color:#10bda9}.saas-empty{padding:32px!important;text-align:center;color:var(--muted)!important}.saas-subtle{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 3px 18px}.saas-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.saas-form{display:grid;gap:14px}.saas-form label,.auth-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:720;color:var(--text)}.saas-form input,.saas-form select,.saas-form textarea,.auth-fields input{width:100%;border:1px solid var(--line);background:var(--panel2);border-radius:10px;outline:0;padding:12px 13px;font-size:13px;color:var(--text);min-width:0}.saas-form input:focus,.saas-form select:focus,.auth-fields input:focus{border-color:#25bfa7;box-shadow:0 0 0 3px #1fc6a319}.saas-form input[type=color]{width:100px;padding:3px;height:43px}.saas-domain{background:var(--panel2);border:1px dashed #1dbca67f;padding:16px;border-radius:11px;font-weight:750;color:var(--text)}.saas-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.saas-role-grid>div{border:1px solid var(--line);padding:14px;border-radius:11px}.saas-role-grid b,.saas-role-grid small{display:block}.saas-role-grid b{font-size:12px}.saas-role-grid small{color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}.saas-current{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#133a48,#0d253a);color:#fff}.saas-current h2{color:#fff}.saas-current p{color:#c0d9e3}.saas-big-symbol{font-size:65px;color:#4ad1af}.saas-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.saas-plan{border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:22px;min-height:305px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--gl-shadow)}.saas-plan h3{font-size:18px;margin:15px 0 9px}.saas-plan-price{font-size:25px;letter-spacing:-1px;font-weight:850}.saas-plan-price small{font-size:11px;color:var(--muted);font-weight:450;letter-spacing:0}.saas-plan p{font-size:11px;line-height:1.7;color:var(--muted)}.saas-plan-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 auto}.saas-plan-tags span{font-size:9px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:5px 6px;color:var(--muted)}.saas-plan>.btn,.saas-plan>.saas-state{margin-top:18px}.saas-providers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px}.saas-provider{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:19px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.saas-provider b{font-size:12px}.saas-provider small{color:var(--muted);font-size:10px}.provider-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#119b9120;color:#0eaf98;font-size:24px;flex:none}.provider-logo.chatwoot{background:#2196f322;color:#31a1ff}.provider-logo.odoo{background:#81578f25;color:#a37bc9}.provider-logo.n8n{background:#f36e5c24;color:#f18b62}.provider-logo.evolution{background:#27b88c25;color:#1cc3a3}.saas-integration{display:flex;gap:14px;align-items:center;padding:14px 6px;border-top:1px solid var(--line)}.saas-integration>div:nth-child(2){min-width:0;flex:1}.saas-integration strong,.saas-integration small{display:block}.saas-integration strong{font-size:12px}.saas-integration small{color:var(--muted);font-size:10px;margin-top:5px;word-break:break-all}.saas-code{display:block;white-space:pre-wrap;word-break:break-word;background:#0c1b2c;color:#c9f3e7;padding:17px;border:1px solid #234258;border-radius:11px;font-size:11px;line-height:1.8;margin:14px 0;max-width:100%;font-family:Consolas,'Courier New',monospace}.saas-analytic-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.saas-analytic-line span{color:var(--muted)}.saas-bars{display:grid;gap:15px}.saas-bars>div{display:grid;grid-template-columns:90px 1fr 38px;align-items:center;gap:12px;font-size:11px}.saas-bars>div>div{height:9px;background:#20b7a718;border-radius:10px;overflow:hidden}.saas-bars i{display:block;height:100%;background:linear-gradient(90deg,#20bf9c,#1599c4);border-radius:10px}.saas-bars strong{text-align:right}.dialog-root .saas-form input,.dialog-root .saas-form select{max-width:100%}.dialog-root .saas-buttons{margin-top:10px}
/* Bootstrap/login is full-bleed, private, modern; it does not expose the authenticated app. */
.auth-mode .app-shell{visibility:hidden}.auth-mode{background:#091929}.auth-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 21% 22%,#16a7ae35,transparent 43%),radial-gradient(circle at 90% 90%,#12499555,transparent 60%),#071627;pointer-events:none}.auth-layout{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:1.15fr .85fr;color:#e9f3ff;overflow:auto}.auth-intro{position:relative;padding:clamp(35px,6vw,105px);display:flex;justify-content:center;flex-direction:column;gap:20px}.auth-brand{position:absolute;top:50px;left:clamp(35px,6vw,105px);display:flex;align-items:center;gap:14px;font-size:17px;font-weight:900;letter-spacing:2px}.auth-brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#6da9b8;margin-top:5px}.auth-monogram{width:52px;height:52px;border-radius:15px;background:linear-gradient(140deg,#1de3af,#168cba);display:grid;place-items:center;box-shadow:0 15px 35px #10dba33a}.auth-overline{font-size:10px;color:#46e4bd;font-weight:800;letter-spacing:2.5px}.auth-intro h1{font-size:clamp(36px,4.7vw,70px);line-height:1.08;letter-spacing:-3px;margin:0;max-width:820px}.auth-intro h1 em{font-style:normal;color:#4be4c0}.auth-intro>p{font-size:15px;max-width:610px;line-height:1.9;color:#a2bbd0}.auth-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:620px;margin-top:10px}.auth-feature-grid span{border:1px solid #ffffff19;border-radius:11px;padding:17px;color:#b5d3df;font-size:12px;background:#ffffff07}.auth-note{color:#6e9bab;font-size:10px;margin-top:35px}.auth-form-panel{display:grid;place-items:center;padding:45px;background:linear-gradient(155deg,#102235e8,#0a182af7);border-left:1px solid #ffffff14}.auth-box{width:min(100%,420px)}.auth-box h2{font-size:35px;letter-spacing:-1.2px;margin:13px 0}.auth-box>p{font-size:13px;line-height:1.7;color:#92adc3;margin-bottom:30px}.auth-fields{display:grid;gap:20px}.auth-fields label{color:#bed2e0;font-size:12px}.auth-fields input{background:#ffffff0b;border-color:#ffffff23;color:#eafff9;height:49px}.auth-fields input::placeholder{color:#648394}.auth-submit{width:100%;height:50px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:20px}.auth-error{color:#ff9da7!important;font-size:12px!important;margin:0!important;min-height:17px}.auth-bottom{padding-top:25px;margin-top:30px;border-top:1px solid #ffffff1a;font-size:11px;color:#688ba6}
@media(max-width:1300px){.saas-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-providers{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.sidebar{width:245px}.main-area{margin-left:245px}.top-search-button span:last-of-type,.top-search-button kbd{display:none}.page{padding:23px 18px}.saas-hero-grid,.saas-two{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr 1fr}.auth-intro{padding:30px}.auth-brand{left:30px;top:30px}.auth-intro h1{letter-spacing:-1.5px}.auth-feature-grid{grid-template-columns:1fr}.auth-form-panel{padding:25px}}
@media(max-width:800px){.main-area{margin-left:0}.sidebar{width:min(295px,87vw)}.saas-heading{align-items:flex-start;flex-direction:column}.saas-provider{padding:14px}.saas-providers{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-integration{flex-wrap:wrap}.saas-integration .saas-buttons{width:100%}.auth-layout{grid-template-columns:1fr;position:absolute;min-height:100vh}.auth-intro{min-height:420px;padding-top:120px;padding-bottom:35px}.auth-intro h1{font-size:42px}.auth-feature-grid{grid-template-columns:repeat(2,1fr)}.auth-note{display:none}.auth-form-panel{padding:38px 28px 50px}.auth-brand{top:30px}}
@media(max-width:520px){.page{padding:17px 12px}.topbar{padding:0 12px;height:64px}.top-actions{gap:6px}.mode-chip{display:none}.saas-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saas-kpi{padding:15px;min-height:125px}.saas-kpi strong{font-size:25px}.saas-quick{grid-template-columns:1fr}.saas-plan-grid{grid-template-columns:1fr}.saas-providers{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-role-grid{grid-template-columns:1fr}.saas-welcome{padding:23px}.saas-welcome h2{font-size:24px}.saas-panel{padding:17px}.auth-intro h1{font-size:35px}.auth-feature-grid{grid-template-columns:1fr 1fr;gap:8px}.auth-feature-grid span{font-size:10px;padding:10px}.auth-brand{font-size:14px}}

/* White-label workspace theme: controlled hexadecimal values only. */
.brand-logo{background:linear-gradient(135deg,var(--tenant-accent),#166fba)}
.nav-link.active{border-color:var(--tenant-accent);color:var(--tenant-accent)}
.btn-primary{background:linear-gradient(125deg,var(--tenant-accent),#167fbb);border-color:var(--tenant-accent)}
.saas-kpi-top b,.saas-label,.saas-eyebrow{color:var(--tenant-accent)}

.saas-outbox{max-height:460px;overflow:auto;display:grid;gap:10px}.saas-outbox>div{padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.saas-outbox strong{display:block;font-size:12px}.saas-outbox span{font-size:10px;color:var(--muted)}.saas-outbox p{font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}

.saas-qrcode{display:block;width:min(270px,100%);height:auto;aspect-ratio:1;object-fit:contain;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 auto}

/* Guia Livre v5 — Odoo Bridge / interfaces responsivas */
.gl-bridge-hero{background:linear-gradient(115deg,#0a2535,#12444e);color:#e8fcf8;border:1px solid #3acba84f;padding:clamp(20px,3vw,36px)}
.gl-bridge-hero h2{color:#fff;max-width:850px;font-size:clamp(24px,2.6vw,37px);line-height:1.15;letter-spacing:-.04em;margin:14px 0}
.gl-bridge-hero p{max-width:780px;color:#b8d8df;font-size:13px;line-height:1.9;margin-bottom:25px}
.gl-bridge-steps{display:grid;gap:12px;margin:20px 0 25px}
.gl-bridge-steps>div{display:flex;align-items:center;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);font-size:12px;line-height:1.65}
.gl-bridge-steps b{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#17bdaf20;color:var(--tenant-accent,#18d7b1);font-weight:800;flex-shrink:0}
.gl-bridge-steps span{min-width:0;overflow-wrap:anywhere}
.gl-bridge-steps code{font-size:11px}
.gl-bridge-hero .saas-label{color:#71f5cf}
.gl-bridge-hero .btn-outline{border-color:#8ad0cb99;color:#eafff9}
@media(max-width:760px){.gl-bridge-hero{padding:20px}.gl-bridge-steps>div{align-items:flex-start}}

/* v5.0 · refinamento da interface SaaS; comportamento responsivo e acessibilidade */
:root{--gl-v5-radius:16px;--gl-v5-focus:0 0 0 3px color-mix(in srgb,var(--tenant-accent,#17b6a7) 26%,transparent)}
:where(.saas-panel,.saas-plan,.saas-provider,.saas-kpi){border-radius:var(--gl-v5-radius);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(.saas-panel,.saas-plan,.saas-provider):hover{border-color:color-mix(in srgb,var(--tenant-accent,#19bcad) 30%,var(--line));box-shadow:0 11px 38px #10233d12}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--tenant-accent,#19c4b1);outline-offset:3px;box-shadow:var(--gl-v5-focus)}
:where(.saas-panel,.saas-plan,.saas-provider) :where(button,input,textarea,select){max-width:100%}
:where(.saas-table,.table-wrap,.saas-panel){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tenant-accent,#18ae9f) 48%,transparent) transparent}
.saas-panel{min-width:0}.saas-panel pre,.saas-code{overflow-x:auto}
.saas-kpi strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.saas-plan-price,.saas-label,.saas-eyebrow{font-variant-numeric:tabular-nums}
.saas-providers{align-items:stretch}.saas-provider{min-width:0}.saas-provider b,.saas-provider small{overflow-wrap:anywhere}
@media(max-width:900px){.saas-two{grid-template-columns:minmax(0,1fr)}.saas-form input,.saas-form textarea,.saas-form select{max-width:100%;min-width:0}}
@media(max-width:580px){.saas-heading h1{font-size:clamp(23px,6vw,32px);line-height:1.1}.saas-actions{flex-wrap:wrap;width:100%}.saas-actions .btn{max-width:100%}.saas-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){:where(.saas-panel,.saas-plan,.saas-provider,.saas-kpi){transition:none!important;animation:none!important}}

#gl-auth [hidden] { display: none !important; }
#gl-wa-forgot-toggle { margin-top: 18px; width: 100%; }
#gl-wa-recovery { border-top: 1px solid #ffffff2b; margin-top: 15px; padding-top: 20px; }
#gl-wa-account-status, #gl-wa-recover-info { min-height: 18px; line-height: 1.6; overflow-wrap: anywhere; }
[data-platform-form^='wa-enroll'] { max-width: 560px; margin-top: 14px; }