/* ============================================================
   SMART NOTE — camada visual
   ============================================================ */
.sn-ia{font:700 11px Manrope;background:#e9e9f8;color:#6a4f9c;padding:3px 9px;border-radius:6px;vertical-align:6px;letter-spacing:.5px}
.sn-guard{display:flex;gap:13px;align-items:flex-start;background:#f4f1fb;border:1px solid #d9cfee;border-radius:10px;padding:15px 18px;margin-bottom:20px}
.sn-guard-ico{font-size:18px;flex:none}
.sn-guard p{font-size:11.5px;color:#5b4d78;line-height:1.6;margin:0}
.sn-guard b{color:#4a3a72}

/* stepper */
.sn-steps{display:flex;align-items:center;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.sn-step{display:flex;align-items:center;gap:8px;font-size:11px;color:#8a9bab;font-weight:600}
.sn-step span{height:22px;width:22px;border-radius:50%;display:grid;place-items:center;background:#eef3f6;color:#8a9bab;font-size:11px}
.sn-step.cur{color:#2f6c98}
.sn-step.cur span{background:#dcecf6;color:#2f6c98}
.sn-step.done{color:#2c6b4c}
.sn-step.done span{background:#dff1e8;color:#2c6b4c}
.sn-sep{flex:1;min-width:14px;max-width:40px;height:1px;background:#d5e0e7}

/* cartão de etapa */
.sn-card{background:#fff;border:1px solid #d5e0e7;border-radius:12px;padding:24px 26px;box-shadow:0 2px 10px #24384a0d;max-width:760px}
.sn-card h3{font:700 16px Manrope;margin:0 0 6px;color:#182a3d}
.sn-sub{font-size:12px;color:#62778b;margin:0 0 18px;line-height:1.5}
.sn-label{display:block;font-size:11px;font-weight:600;color:#3d617e;margin-bottom:18px}
.sn-label select{display:block;width:100%;max-width:360px;margin-top:7px;padding:11px;border:1px solid #cbd9e3;border-radius:8px;font:13px 'DM Sans';background:#fff;outline-color:#89aecf}
.sn-consent{display:flex;gap:11px;align-items:flex-start;background:#fafcfd;border:1px solid #e0e8ed;border-radius:9px;padding:14px;cursor:pointer}
.sn-consent input{margin-top:2px;flex:none}
.sn-consent span{font-size:12px;color:#3d5266;line-height:1.55}
.sn-note{font-size:10.5px;color:#8a9bab;margin:12px 0 0;line-height:1.5}
.sn-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}
.sn-actions.center{justify-content:center}
.sn-actions .primary,.sn-actions .secondary{margin:0}

/* áudio */
.sn-audio{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.sn-rec{display:flex;align-items:center;gap:9px;border:1px solid #e0b0b8;background:#fdf3f4;color:#a8505f;border-radius:9px;padding:14px 20px;font:600 13px 'DM Sans'}
.sn-rec-dot{height:11px;width:11px;border-radius:50%;background:#c0697a}
.sn-rec.rec .sn-rec-dot{animation:snpulse 1s infinite}
@keyframes snpulse{0%,100%{opacity:1}50%{opacity:.3}}
.sn-or{font-size:11px;color:#9aa9b6}
.sn-upload{border:1px dashed #cbd9e3;background:#fff;color:#3d617e;border-radius:9px;padding:14px 20px;font:600 13px 'DM Sans'}
.sn-audio-state{font-size:12px;color:#62778b;padding:12px 0;border-top:1px solid #eef3f6}
.sn-audio-state b{color:#2c6b4c}

/* transcrição */
.sn-trans{width:100%;min-height:200px;border:1px solid #cbd9e3;border-radius:9px;padding:14px;font:12px/1.7 'DM Sans';color:#3d5266;resize:vertical;outline-color:#89aecf;white-space:pre-wrap}

/* tipos de documento */
.sn-tipos{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.sn-tipo{text-align:left;border:1.5px solid #d5e0e7;background:#fff;border-radius:10px;padding:14px 15px}
.sn-tipo b{display:block;font:700 13px Manrope;color:#20364a;margin-bottom:4px}
.sn-tipo em{display:block;font-style:normal;font-size:10.5px;color:#74879a;margin-bottom:7px}
.sn-tipo span{font-size:10px;color:#8a9bab}
.sn-tipo:hover{border-color:#8fb6d1;background:#f8fbfd}
.sn-tipo.on{border-color:#8c6fb8;background:#f4f1fb}
.sn-tipo.on b{color:#5a4a8a}

/* documento gerado */
.sn-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.sn-badge-ia{font-size:10px;font-weight:700;padding:5px 10px;border-radius:6px;background:#e9e9f8;color:#6a4f9c;flex:none}
.sn-doc-note{font-size:11px;color:#5b4d78;background:#f4f1fb;border:1px solid #d9cfee;border-radius:8px;padding:10px 13px;margin-bottom:14px}
.sn-doc{border:1px solid #e0e8ed;border-radius:10px;overflow:hidden;margin-bottom:18px}
.sn-field{padding:13px 15px;border-bottom:1px solid #eef3f6}
.sn-field:last-child{border:0}
.sn-field label{display:block;font:700 10px Manrope;letter-spacing:.4px;text-transform:uppercase;color:#74879a;margin-bottom:7px}
.sn-field textarea{width:100%;min-height:52px;border:1px solid #e0e8ed;border-radius:7px;padding:9px 11px;font:12px/1.6 'DM Sans';color:#2f4256;resize:vertical;outline-color:#89aecf}
.sn-review{border-color:#c7bce4;background:#f7f4fd}

/* concluído */
.sn-done{text-align:center;max-width:520px;margin:0 auto}
.sn-done-ico{display:grid;place-items:center;height:52px;width:52px;border-radius:50%;background:#dff1e8;color:#2c6b4c;font-size:24px;margin:0 auto 14px}

@media(max-width:700px){.sn-tipos{grid-template-columns:1fr}.sn-card{padding:18px}}

/* dark mode */
:root[data-theme="dark"] .sn-card{background:var(--surface);border-color:var(--border-2)}
:root[data-theme="dark"] .sn-card h3,:root[data-theme="dark"] .sn-tipo b,:root[data-theme="dark"] .sn-field textarea{color:var(--ink)}
:root[data-theme="dark"] .sn-consent,:root[data-theme="dark"] .sn-doc,:root[data-theme="dark"] .sn-tipo,
:root[data-theme="dark"] .sn-field textarea,:root[data-theme="dark"] .sn-trans,:root[data-theme="dark"] .sn-label select{background:var(--surface-3);border-color:var(--border-2);color:var(--ink)}
:root[data-theme="dark"] .sn-consent span{color:#c3d0da}
:root[data-theme="dark"] .sn-guard{background:#1e1a2e;border-color:#3a3157}
:root[data-theme="dark"] .sn-guard p{color:#c0b6dc}
:root[data-theme="dark"] .sn-step span{background:var(--surface-3)}
:root[data-theme="dark"] .sn-tipo.on,:root[data-theme="dark"] .sn-doc-note,:root[data-theme="dark"] .sn-review{background:#1e1a2e;border-color:#3a3157}
:root[data-theme="dark"] .sn-done-ico{background:#152420}
:root[data-theme="dark"] .sn-rec{background:#241a1c;border-color:#4a2e34;color:#e09aa6}