/* Camada visual compartilhada, usando as paletas clara e escura do sistema. */
:root{--largura:1440px}
body{background:var(--ground);line-height:1.65}
.head-in{padding-top:18px;padding-bottom:14px}
.brand h1{font-size:25px;letter-spacing:-.7px}
.brand .eyebrow{font-family:var(--body);letter-spacing:.06em;font-size:10px}
.tabs{gap:4px;padding-top:6px;scrollbar-width:thin}
.tab{border-radius:9px;min-height:42px;font-size:13px}
.tab[aria-selected="true"]{background:var(--mint-bg);color:var(--mint);border-color:var(--mint-line);box-shadow:none}
.wrap{padding-bottom:56px}
.pane .wrap>h2{font-size:26px;letter-spacing:-.6px}
.lede{font-size:15px;line-height:1.75;max-width:78ch;color:var(--ink-2)}
.page-guide{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;margin:28px 0 22px;background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow)}
.page-guide h2{margin:3px 0 8px;font-size:28px;letter-spacing:-.8px}
.page-guide p{margin:0;max-width:74ch;color:var(--ink-2)}
.page-guide .guide-kicker{font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.guide-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px;padding:0;list-style:none}
.journey li{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:16px 20px;font-size:13px;color:var(--ink-2)}
.journey b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}
.fx{max-width:1040px;margin:24px auto}
.fx-passo{background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.fx-q{letter-spacing:-.6px}
.fx-area,.fx-op{border-radius:12px;min-height:66px;background:var(--panel);box-shadow:none}
.fx-area:hover,.fx-op:hover{border-color:var(--mint);background:var(--mint-bg)}
.fx-area b{font-size:16px}.fx-sub{line-height:1.7}
.fx-escape{font-size:14px}.fx-escape button{min-height:40px}
.card,.sv{border-radius:12px;box-shadow:var(--shadow)}
.tw{border:1px solid var(--line-soft);border-radius:12px;background:var(--panel);overflow:auto}
th{background:var(--panel-2);font-size:12px}td{line-height:1.65}
.steps-num{max-width:85ch;line-height:1.8}.steps-num li{padding-left:8px;margin-bottom:12px}
.note-inline{border-radius:8px;line-height:1.7;max-width:90ch}
.porta-card{border-radius:20px;padding:36px;box-shadow:var(--shadow-soft);border:1px solid var(--line-soft)}
.porta-h1{letter-spacing:-1px}.porta-lede{line-height:1.75}
.porta-form input{min-height:48px;border-radius:9px}.porta-btn{min-height:48px;border-radius:9px}
.admin-top{margin-top:28px}.admin-h2{font-size:28px}.editor-intro{background:var(--panel);border-color:var(--line-soft)}
.editor-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}
.editor-step{padding:14px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:10px;font:600 13px var(--body);cursor:pointer}
.editor-step[aria-current="step"]{background:var(--mint-bg);border-color:var(--mint);color:var(--mint)}
.stage-help{margin:0 0 8px;color:var(--ink-2);font-size:14px}
.admin-form .bloco[hidden]{display:none}.admin-preview[hidden]{display:none}
.admin-barra{position:sticky;bottom:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.admin-grid{gap:18px}.admin-form label{line-height:1.5}.bloco-cab{padding:20px}.bloco-corpo{padding:20px}
.visual-heading{flex-wrap:wrap}.visual-answer{display:block}.visual-answer summary{line-height:1.5}
.test-flow{padding:20px;margin-top:18px;border:1px solid var(--mint-line);border-radius:12px;background:var(--mint-bg)}
.test-flow h4{margin:8px 0;font-size:18px}.test-flow p{white-space:pre-wrap}.test-flow .admin-actions{margin-top:14px}
.checklist{display:grid;gap:10px;margin:22px 0;max-width:800px}.checklist label{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line-soft);background:var(--panel);padding:14px 18px;border-radius:10px;cursor:pointer}.checklist input{margin-top:6px;accent-color:var(--mint);width:17px;height:17px}.checklist label:has(input:checked){border-color:var(--mint-line);background:var(--mint-bg)}
.check-progress{font-size:13px;color:var(--mint);font-weight:700}
@media(max-width:900px){.page-guide{align-items:flex-start;flex-direction:column}.journey{grid-template-columns:1fr}.head-in,.wrap{padding-left:18px;padding-right:18px}.fx-passo{padding:20px}.page-guide{padding:22px}.admin-barra{bottom:0}.brand-row{flex-wrap:wrap}.head-acoes{margin-left:auto}.editor-step{font-size:12px;padding:12px 6px}}
@media(max-width:480px){.porta-card{padding:24px}.page-guide h2{font-size:24px}.admin-barra{gap:6px}.admin-btn{padding:9px 10px}.bloco-corpo{padding:14px}.sessao{max-width:150px}}
@media(max-width:600px){.journey{grid-template-columns:repeat(3,1fr);gap:6px}.journey li{padding:10px;font-size:0}.journey b{font-size:12px;margin:0;line-height:1.5}.page-guide{margin-top:18px;gap:14px}.page-guide h2{line-height:1.3}.fx{margin-top:16px}.fx-passo{padding:18px}.fx-sub{color:var(--ink-2)}}