/* Sistema visual de referência: https://airtonmarketeiro.com/, 28/10/2026. */
@font-face{font-family:'Schibsted Grotesk';src:url('fonts/SchibstedGrotesk-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('fonts/SourceSans3-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--marca-500:#d55c13;--marca-300:#f08a4b;--ink-50:#faf4ee;--ink-150:#f1ece7;--ink-200:#e9ddd0;--ink-600:#736253;--ink-900:#2a1a0e;--ink-950:#1a110a;--display:'Schibsted Grotesk',Arial,sans-serif;--body:'Source Sans 3',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
body{font-family:var(--body);background:var(--ink-50);color:var(--ink-900);font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.stat strong,.wordmark{font-family:var(--display);font-weight:600}
h1{font-size:48px;line-height:.98;letter-spacing:-.055em;margin:18px 0}
h2{letter-spacing:-.03em}h3,h4{letter-spacing:-.02em}.heading{padding-bottom:30px;border-bottom:1px solid var(--ink-200)}
button{font-family:var(--mono);font-size:12px;line-height:1.4;border-radius:6px;border-color:var(--ink-600);padding:11px 15px}
.primary{background:var(--ink-900);border-color:var(--ink-900);color:var(--marca-300)}
.primary:hover{background:var(--ink-950);color:var(--marca-300)}button:hover{background:var(--ink-150)}
.primary:disabled{color:var(--marca-300)}
.wordmark{font-size:27px;letter-spacing:-1px;line-height:1}.wordmark span{font-family:var(--mono);font-size:11px;letter-spacing:4px;color:var(--marca-300);margin-top:9px}
aside{background:var(--ink-950)}aside small,small,.private,header,.badge,.column h3,.stat,.toolbar,footer{font-family:var(--mono)}
aside small{font-size:10px;letter-spacing:.06em}.heading small{font-size:10px;letter-spacing:.06em;color:var(--ink-600)}
nav button{font-family:var(--mono);font-size:12px;border-radius:2px;padding:14px 10px;border-left:2px solid transparent}
nav button.active{border-left-color:var(--marca-500);background:var(--ink-900);color:var(--marca-300)}
.aside-bottom p{font-family:var(--body);font-size:15px}.aside-bottom button{border-radius:6px}
header{background:#fff;font-size:11px}.private{font-size:10px}.page{padding-top:38px}
.stat{font-size:11px;letter-spacing:.01em;border-radius:2px;background:transparent;border:1px solid var(--ink-600);padding:20px;position:relative}
.stat:before{content:'';width:7px;height:8px;display:inline-block;background:var(--marca-500);clip-path:polygon(0 0,100% 50%,0 100%);margin-right:7px}
.stat strong{font-size:40px;letter-spacing:-.055em;line-height:1.1;margin-top:14px}
.toolbar button.active{background:var(--ink-900);color:var(--marca-300);border-color:var(--ink-900)}
.toolbar input{font-family:var(--body);font-size:15px}.toolbar select{font-family:var(--mono);font-size:11px}
.column{background:var(--ink-150);border-radius:10px;border:1px solid var(--ink-200);scrollbar-color:var(--ink-600) var(--ink-150);scrollbar-width:thin}
.column h3{font-size:11px;letter-spacing:.02em;background:var(--ink-150);font-weight:400;min-height:44px;align-items:center}
.column h3:before{content:'';width:6px;height:7px;background:var(--marca-500);clip-path:polygon(0 0,100% 50%,0 100%);margin-right:7px;flex-shrink:0}.column h3 span{margin-left:auto;padding-left:8px}
.card{border-radius:10px;background:#fff;border:1px solid transparent;padding:18px}.card:hover{border-color:var(--ink-600)}
.card h4{font-size:17px;line-height:1.2;margin-top:14px}.card p{font-size:14px;line-height:1.4;color:var(--ink-600)}
.badge{font-size:9px;letter-spacing:.04em;border-radius:2px;background:var(--ink-50);color:var(--ink-600);border:1px solid var(--ink-200)}
.badge.high{border-color:var(--marca-500);color:#a6440d;background:#fff5ed}.card button{font-size:10px;border-color:var(--ink-200);margin-top:14px}
.empty{font-family:var(--mono);font-size:10px;letter-spacing:0;border-color:var(--ink-600);border-radius:2px;line-height:1.7;color:var(--ink-600)}
dialog{border-radius:10px;padding:32px;border-color:var(--ink-600);background:#fff}dialog label{font-size:14px}.dialog-title h2{font-size:28px}.dialog-title button{font-family:var(--body);font-size:20px;padding:4px 12px}
label input,label textarea,label select{font-family:var(--body);font-size:16px;border-color:var(--ink-200)}.dialog-actions{padding-top:18px;border-top:1px solid var(--ink-200)}
.template{border-radius:10px}.template h2{font-size:26px}.template p{font-size:16px}.template button{color:var(--ink-900)}
.login{background:var(--ink-50);position:relative}.login:before,.login:after{content:'';width:16px;position:absolute;top:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--ink-600) 31px 32px);pointer-events:none}.login:before{left:0}.login:after{right:0}
.login form{width:min(460px,88vw);padding:40px;border:1px solid var(--ink-600);border-radius:2px;background:#fff}
.login .wordmark{color:var(--ink-900)}.login .wordmark span{color:#a6440d}.login h1{font-size:46px;letter-spacing:-.055em;line-height:.98;margin:32px 0 18px}.login p{font-size:16px}
#notice{border-left:3px solid var(--marca-500);border-radius:2px;background:#fff}.operation-error,#login-error{color:#be0000}
footer{font-size:10px;letter-spacing:.04em;background:#fff}table{font-family:var(--body);font-size:14px}th{font-family:var(--mono);font-size:10px;letter-spacing:.02em;color:var(--ink-600)}
:focus-visible{outline-color:var(--marca-500)}
@media(max-width:900px){h1{font-size:38px}.page{padding-top:28px}.heading{padding-bottom:20px}.stat strong{font-size:34px}aside{padding:22px}.wordmark span{letter-spacing:4px}.login form{padding:30px}.login h1{font-size:40px}}
.login form{width:min(404px,88vw);padding:40px 29px 26px;border:1px solid #e9ddd0;border-radius:14px;box-shadow:0 18px 55px #2a1a0e14}
.login:before,.login:after{display:none}.login .wordmark{text-align:center;font-size:29px}.login .wordmark span{margin-top:6px}
.login h1{text-align:center;font-size:28px;letter-spacing:-.03em;margin:20px 0 8px}.login #login-description{text-align:center;font-size:14px;margin:0 0 30px}
.login label{font-size:13px;margin:18px 0}.login input{width:100%;font-size:14px;padding:10px;border:1px solid #b8a898;border-radius:9px}
.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:76px}.login .password-field button{position:absolute;right:5px;width:auto;margin:0;padding:7px 9px;border:0;background:transparent;font:12px var(--body)}
.login .primary{margin-top:0;padding:12px;border-radius:9px}.login #signup-toggle{border:0;background:none;text-decoration:underline;color:#736253;font:12px var(--body);padding:10px 0}
.login-mark{display:flex;align-items:end;justify-content:center;gap:8px;margin-top:22px}.login-mark i{width:25px;height:36px;border-radius:20px;background:#2a1a0e}.login-mark i:nth-child(2){height:25px;background:#f1ece7}.login-mark i:nth-child(3){width:14px;height:14px;background:#d55c13}
.login .login-help{font-size:13px;text-align:center;margin:16px 0 8px;color:#736253}.login-help a{color:#2a1a0e;font-weight:600;text-decoration:none}
/* Correção solicitada: marca temporária real, fundo branco e login social. */
body,.login,.page{background:#fff}.column,.column h3{background:#f5f5f5}.column{border-color:#e7e7e7}.empty{background:#fff}.badge,.badge.high{background:#fff}.login form{border-color:#e2e5e3;box-shadow:0 18px 55px #18291f12}.wordmark img{display:block;width:100%;height:auto}.login .wordmark{max-width:270px;margin:0 auto 27px}.login .wordmark img{max-height:94px;object-fit:contain}.login h1{margin-top:0}aside .wordmark{background:#fff;padding:10px;border-radius:6px}.login-mark{display:none}.social-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#858585;font:11px var(--body)}.social-divider:before,.social-divider:after{content:'';height:1px;background:#e4e4e4;flex:1}.social-logins{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.login .social-logins button{margin:0;padding:11px 3px;border:1px solid #e1e1e1;background:#fff;border-radius:8px;font:12px var(--body);color:#2a1a0e}.login .social-logins button:disabled{opacity:.55;cursor:not-allowed}.login .social-logins button:not(:disabled):hover{border-color:#d55c13;background:#fff8f3}.login #social-status{font:11px var(--body);text-align:center;line-height:1.5;margin:9px 0;color:#736253}.login .login-help{margin-top:18px}
.email-composer{width:min(1180px,96vw)}.composer-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.composer-columns textarea#email-html,textarea[name=html_body]{font-family:var(--mono);font-size:12px;line-height:1.6}#email-preview{width:100%;height:550px;border:1px solid #ddd;border-radius:6px;background:#fff}.file-button{display:inline-flex;margin:0;padding:10px;border:1px solid #bbb;border-radius:6px;font-size:12px;cursor:pointer}.file-button input{max-width:160px;font-size:11px;padding:0;border:0}.composer-columns .actions{flex-wrap:wrap}.mail-setup{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px}.mail-setup form{padding:20px;border:1px solid #ddd;border-radius:10px}.mail-start{margin:32px 0;padding:24px;background:#f7f7f7;border-radius:10px}#mail-config-notice{padding:12px 0;color:#736253}#mail-history td{white-space:normal}.email-composer .dialog-actions{flex-wrap:wrap}#email-result,#smtp-result{color:#2a1a0e;font-weight:600}@media(max-width:900px){.composer-columns,.mail-setup{grid-template-columns:1fr}#email-preview{height:400px}.email-composer{padding:20px}.mail-setup{gap:16px}}

.funnel-tabs{display:flex;gap:10px;margin:0 0 24px}.funnel-tabs button{min-width:150px;text-align:left;font-size:14px;padding:14px 18px;background:#fff}.funnel-tabs button span{float:right;margin-left:24px;opacity:.75}.funnel-tabs button.active{background:#2a1a0e;color:#f08a4b;border-color:#2a1a0e}
