/* nexus_journey_studio — CSS base copiado/adaptado do nexus_flow_console.html
   (mesma família visual: variáveis, cards, botões, jnode, bub, jsonview, toast) */
:root{
  --bg:#05060f;--bg2:#0a0c1c;--panel:#0c0f1e;--ink:#eef1ff;--muted:#9aa3c7;--muted2:#6b7394;
  --cyan:#22e3ff;--violet:#8b5cff;--magenta:#ff4ecd;--lime:#9dff5b;--gold:#ffce4e;--red:#ff6b81;--orange:#ff9d4e;
  --card:rgba(255,255,255,.04);--card2:rgba(255,255,255,.025);--stroke:rgba(255,255,255,.09);--stroke2:rgba(255,255,255,.14);
  --mono:'JetBrains Mono',ui-monospace,monospace;--rad:16px;
  --grad:linear-gradient(100deg,var(--cyan),var(--violet) 50%,var(--magenta));
}
*{box-sizing:border-box;margin:0;padding:0}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-track{background:transparent}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em;line-height:1.15}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(800px 500px at 100% 0%,rgba(139,92,255,.16),transparent 55%),radial-gradient(700px 500px at 0% 100%,rgba(34,227,255,.1),transparent 55%),radial-gradient(700px 600px at 60% 110%,rgba(255,78,205,.08),transparent 55%)}
.mono{font-family:var(--mono)}.mut{color:var(--muted)}

/* layout: topbar + views */
.app{position:relative;z-index:1;display:grid;grid-template-rows:62px 1fr;height:100vh}
.view-listagem,.view-entrevista,.view-studio{height:100%;overflow:hidden}

/* ── view: home — listagem de jornadas ── */
.view-listagem{overflow-y:auto;padding:32px 40px}
@media(max-width:900px){.view-listagem{padding:20px 16px}}
.listagem-wrap{max-width:1100px;margin:0 auto}
.listagem-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.listagem-hd h2{font-family:'Space Grotesk';font-size:1.5rem;letter-spacing:-.03em}
.journey-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.jcard{background:var(--card);border:1px solid var(--stroke);border-radius:var(--rad);padding:18px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:13px}
.jcard:hover{border-color:var(--cyan);box-shadow:0 10px 30px rgba(34,227,255,.1);transform:translateY(-2px)}
.jcard-head{display:flex;align-items:flex-start;gap:12px}
.jcard-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,255,.3),rgba(34,227,255,.2));display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.jcard-info{flex:1;min-width:0}
.jcard-name{font-family:'Space Grotesk';font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jcard-goal{font-size:.76rem;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jcard-tags{display:flex;gap:7px;flex-wrap:wrap}
.jcard-ft{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:11px;margin-top:2px}
.jcard-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted2);display:flex;flex-direction:column;align-items:center;gap:10px}
.jcard-empty .e{font-size:2.8rem}

/* ── view: entrevista de criação (webchat dedicado) ── */
.view-entrevista{display:flex;align-items:center;justify-content:center;padding:26px}
@media(max-width:760px){.view-entrevista{padding:10px}}
.entrevista-wrap{width:100%;max-width:680px;height:min(86vh,840px);display:flex;flex-direction:column;background:linear-gradient(160deg,#0d1023,#090c18);border:1px solid var(--stroke2);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);animation:popin .25s cubic-bezier(.2,.8,.2,1)}
@keyframes popin{from{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}
.ent-hd{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--stroke);background:rgba(255,255,255,.02)}
.ent-hd .av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));font-size:1.3rem;flex-shrink:0}
.ent-hd .nm{font-family:'Space Grotesk';font-weight:700;font-size:1.02rem}
.ent-hd .meta{font-size:.72rem;color:var(--muted2);margin-top:2px}
.ent-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:0}
.ent-body .bub{max-width:88%;font-size:.88rem}
.ent-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 12px}
.chip-sug{background:rgba(34,227,255,.06);border:1px solid var(--stroke2);border-radius:999px;padding:8px 15px;font-size:.82rem;color:var(--ink);cursor:pointer;font-family:inherit;transition:.15s;animation:feedin .35s}
.chip-sug:hover{border-color:var(--cyan);background:rgba(34,227,255,.12)}
.ent-ft{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--stroke)}
.ent-ft input[type=text],.ent-ft #ent-input{flex:1;background:var(--card2);border:1px solid var(--stroke);border-radius:11px;padding:12px 15px;color:var(--ink);font-size:.88rem;outline:none;font-family:inherit}
.ent-ft #ent-input:focus{border-color:var(--cyan)}
.ent-anexo{cursor:pointer;font-size:1.15rem;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(34,227,255,.07);border:1px dashed var(--stroke2);transition:.15s;animation:feedin .35s}
.ent-anexo:hover{border-color:var(--cyan);background:rgba(34,227,255,.14)}
.ent-card{align-self:flex-start;max-width:92%;background:rgba(34,227,255,.05);border:1px solid rgba(34,227,255,.3);border-radius:16px;border-bottom-left-radius:4px;padding:16px 18px;animation:feedin .4s}
.ent-card-titulo{font-family:'Space Grotesk';font-weight:700;font-size:1.02rem;color:var(--cyan);margin-bottom:10px}
.ent-resumo{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:11px}
.ent-resumo li{font-size:.84rem}
.ent-resumo li b{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.ent-resumo-val{margin-top:3px;white-space:pre-wrap;line-height:1.5}
.top{display:flex;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--stroke);background:rgba(7,8,17,.7);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:11px}
.brand .dot{width:32px;height:32px;border-radius:10px;position:relative;background:conic-gradient(from 180deg,var(--cyan),var(--violet),var(--magenta),var(--cyan));animation:spin 8s linear infinite;flex-shrink:0}
.brand .dot::after{content:"";position:absolute;inset:5px;border-radius:5px;background:#070811}
@keyframes spin{to{transform:rotate(360deg)}}
.brand .nm{font-family:'Space Grotesk';font-weight:700;font-size:1.05rem;line-height:1}
.brand .sub{font-size:.6rem;color:var(--muted2);font-family:var(--mono);letter-spacing:.1em;margin-top:3px}
.top .jname{display:flex;align-items:center;gap:10px;margin-left:14px;padding-left:18px;border-left:1px solid var(--stroke)}
.top .jname b{font-family:'Space Grotesk';font-size:.95rem}
.top .spacer{flex:1}
.tag{font-size:.62rem;font-family:var(--mono);padding:3px 9px;border-radius:20px;font-weight:600;letter-spacing:.04em}
.tag.on{color:var(--lime);background:rgba(157,255,91,.13)}.tag.busy{color:var(--gold);background:rgba(255,206,78,.13)}
.tag.off{color:var(--muted2);background:rgba(255,255,255,.06)}.tag.err{color:var(--red);background:rgba(255,107,129,.13)}
.tag.cy{color:var(--cyan);background:rgba(34,227,255,.13)}.tag.mg{color:var(--magenta);background:rgba(255,78,205,.13)}.tag.vi{color:var(--violet);background:rgba(139,92,255,.16)}
.company{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--stroke);border-radius:11px;padding:7px 13px;font-size:.84rem}
.company .av{width:22px;height:22px;border-radius:6px;background:var(--grad);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#06080f}

.cols{display:grid;grid-template-columns:380px 1fr 320px;height:100%;min-height:0;overflow:hidden}
@media(max-width:1100px){.cols{grid-template-columns:320px 1fr 280px}}

/* botões */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.86rem;padding:10px 18px;border-radius:11px;border:none;cursor:pointer;color:#06080f;background:var(--grad);transition:.2s;font-family:inherit}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(139,92,255,.4)}
.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--stroke)}
.btn.ghost:hover{border-color:var(--cyan);box-shadow:none}
.btn.sm{padding:7px 13px;font-size:.78rem;border-radius:9px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--rad);padding:18px;transition:.25s}

/* ── chat (esquerda) ── */
.chatcol{display:flex;flex-direction:column;border-right:1px solid var(--stroke);min-height:0;background:linear-gradient(180deg,#080a16,#06070f)}
.chathd{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--stroke)}
.chathd .av{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));font-size:1.1rem}
.chathd .nm{font-weight:600;font-size:.92rem}.chathd .meta{font-size:.7rem;color:var(--muted)}
.chatbody{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:11px;min-height:0}
.bub{max-width:86%;padding:10px 14px;border-radius:15px;font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.bub.them{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-bottom-left-radius:4px;align-self:flex-start}
.bub.me{background:linear-gradient(135deg,rgba(139,92,255,.28),rgba(34,227,255,.2));border-bottom-right-radius:4px;align-self:flex-end}
.bub .who{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);margin-bottom:3px;font-weight:700;font-family:var(--mono)}
.bub.me .who{color:var(--violet)}
.chip-act{align-self:flex-start;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.68rem;color:var(--muted);background:rgba(139,92,255,.08);border:1px solid rgba(139,92,255,.25);border-radius:9px;padding:6px 11px;animation:feedin .4s}
.chip-act.err{border-color:rgba(255,107,129,.35);background:rgba(255,107,129,.07);color:var(--red)}
@keyframes feedin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.typing{display:none;align-self:flex-start;gap:4px;padding:12px 16px;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:15px;border-bottom-left-radius:4px}
.typing.on{display:inline-flex}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chatft{padding:13px 16px;border-top:1px solid var(--stroke);display:flex;align-items:center;gap:10px}
.chatft input{flex:1;background:var(--card2);border:1px solid var(--stroke);border-radius:11px;padding:11px 14px;color:var(--ink);font-size:.86rem;outline:none;font-family:inherit}
.chatft input:focus{border-color:var(--cyan)}
.aiwatch{background:rgba(255,206,78,.08);border:1px solid rgba(255,206,78,.3);border-radius:10px;padding:9px 13px;font-size:.74rem;color:var(--gold);display:flex;align-items:center;gap:9px;margin:12px 16px 0}
.note{align-self:center;font-size:.7rem;color:var(--muted2);font-style:italic;text-align:center}

/* ── canvas (centro) ── */
.canvascol{display:flex;flex-direction:column;min-height:0}
.canvashd{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--stroke)}
.canvas{flex:1;overflow:auto;position:relative;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;min-height:0}
.canvas-inner{position:relative;min-width:100%;min-height:100%}
.canvas-inner svg{position:absolute;inset:0;pointer-events:none}
.jnode{position:absolute;background:var(--bg2);border:1px solid var(--stroke2);border-radius:14px;padding:13px 14px;width:178px;text-align:center;transition:.2s;cursor:pointer;z-index:2}
.jnode:hover{border-color:var(--cyan);box-shadow:0 10px 30px rgba(34,227,255,.16)}
.jnode.flash{animation:pop .6s}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.jnode .e{font-size:1.55rem}
.jnode .nm{font-family:'Space Grotesk';font-weight:600;font-size:.86rem;margin-top:5px}
.jnode .nid{font-size:.62rem;font-family:var(--mono);color:var(--muted2);margin-top:3px;letter-spacing:.05em}
.jnode .cfg{margin-top:8px;font-size:.68rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jnode .rdot{position:absolute;top:9px;right:11px;width:8px;height:8px;border-radius:50%}
.rdot.ok{background:var(--lime)}.rdot.pend{background:var(--gold)}.rdot.none{background:rgba(255,255,255,.15)}
.jedge-lbl{font-family:var(--mono);font-size:.58rem;fill:var(--muted2)}
.jedge{stroke:rgba(139,92,255,.55);stroke-width:1.6;fill:none;marker-end:url(#arrow)}
.jterm{position:absolute;z-index:2;font-family:var(--mono);font-size:.6rem;color:var(--muted2);background:var(--card);border:1px dashed var(--stroke2);border-radius:8px;padding:3px 8px;white-space:nowrap}
.empty{display:grid;place-items:center;height:100%;color:var(--muted2);text-align:center;padding:40px}
.empty .e{font-size:2.4rem;margin-bottom:10px}

/* ── qualidade (direita) ── */
.qualcol{border-left:1px solid var(--stroke);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#080a16,#06070f)}
.qualcol h4{font-size:.78rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted2);margin-bottom:9px}
.qbtns{display:flex;gap:8px;flex-wrap:wrap}
.findings{display:flex;flex-direction:column;gap:7px}
.find{display:flex;gap:9px;font-size:.76rem;line-height:1.4;padding:8px 10px;border-radius:9px;border:1px solid var(--stroke);background:var(--card2)}
.find .ic{flex-shrink:0}
.find.error{border-color:rgba(255,107,129,.3)}.find.error .ic{color:var(--red)}
.find.warn{border-color:rgba(255,206,78,.3)}.find.warn .ic{color:var(--gold)}
.find.info .ic{color:var(--cyan)}
.find.ok .ic{color:var(--lime)}
.simrep{font-size:.76rem}
.simrep .row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--stroke)}
.simrep .row:last-child{border:none}
.simrep .row span{color:var(--muted)}
.simrep .row b{font-family:var(--mono);font-weight:600}
.vers{display:flex;flex-direction:column;gap:6px}
.ver{display:flex;align-items:center;gap:9px;font-size:.76rem;padding:8px 10px;border-radius:9px;border:1px solid var(--stroke);background:var(--card2);cursor:pointer;transition:.15s}
.ver:hover{border-color:var(--cyan)}
.ver .vh{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--muted2)}

/* ── drawer ── */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(3,4,10,.66);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:flex-end;padding:0;animation:fade .25s}
.overlay.on{display:flex}
@keyframes fade{from{opacity:0}to{opacity:1}}
.drawer{background:linear-gradient(180deg,#0c0f1e,#090b16);border-left:1px solid var(--stroke2);width:100%;max-width:460px;height:100vh;overflow:hidden;display:flex;flex-direction:column;animation:slidein .3s}
@keyframes slidein{from{transform:translateX(40px);opacity:.6}to{transform:none;opacity:1}}
.drawer .mhd{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--stroke)}
.drawer .mhd .ti{font-family:'Space Grotesk';font-weight:700;font-size:1.05rem}
.drawer .mhd .cls{margin-left:auto;width:34px;height:34px;border-radius:10px;background:var(--card);border:1px solid var(--stroke);display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.drawer .mhd .cls:hover{color:var(--ink)}
.drawer .mbody{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}
.drawer .sec h5{font-size:.7rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted2);margin-bottom:8px}
.drawer .freetext{font-size:.84rem;line-height:1.5;background:var(--card2);border:1px solid var(--stroke);border-radius:11px;padding:12px 14px;font-style:italic;color:var(--muted)}
.jsonview{background:#070912;border:1px solid var(--stroke);border-radius:12px;padding:14px 16px;font-family:var(--mono);font-size:.7rem;line-height:1.65;overflow:auto;color:#cdd6f4;white-space:pre}
.jsonview .jk{color:var(--cyan)}.jsonview .js{color:var(--lime)}.jsonview .jn{color:var(--gold)}.jsonview .jb{color:var(--magenta)}
.edgelist{display:flex;flex-direction:column;gap:6px}

/* ── toast ── */
.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px}
.toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#10142a,#0c0f1e);border:1px solid var(--stroke2);border-radius:13px;padding:13px 16px;min-width:280px;max-width:380px;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:toastin .35s cubic-bezier(.2,.8,.2,1);font-size:.86rem}
@keyframes toastin{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.toast.out{animation:toastout .3s forwards}@keyframes toastout{to{transform:translateX(30px);opacity:0}}
.toast .tic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0}
.toast.ok .tic{background:rgba(157,255,91,.15)}.toast.info .tic{background:rgba(34,227,255,.15)}.toast.warn .tic{background:rgba(255,206,78,.15)}.toast.err .tic{background:rgba(255,107,129,.15)}
.toast .tt{font-weight:600}.toast .ts{color:var(--muted);font-size:.78rem}
.toast .bar{position:absolute;bottom:0;left:0;height:2px;background:var(--grad);animation:tbar 3.2s linear forwards}
@keyframes tbar{from{width:100%}to{width:0}}
.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spinr .7s linear infinite}

/* ── typing com mensagem contextual ── */
.typing-label{margin-left:9px;font-size:.74rem;color:var(--muted);font-style:italic}
.typing-label:empty{display:none}

/* ── loader de etapas (esperas longas com narrativa) ── */
.loader-overlay{position:fixed;inset:0;z-index:300;background:rgba(3,4,10,.78);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:fade .25s}
.loader-box{display:flex;flex-direction:column;align-items:center;gap:18px;background:linear-gradient(160deg,#0d1023,#090c18);border:1px solid var(--stroke2);border-radius:24px;padding:38px 46px;min-width:340px;box-shadow:0 30px 90px rgba(0,0,0,.6);animation:popin .3s cubic-bezier(.2,.8,.2,1)}
.loader-ring{width:54px;height:54px;border-radius:50%;background:conic-gradient(from 0deg,var(--cyan),var(--violet),var(--magenta),transparent 70%);animation:spinr 1.1s linear infinite;position:relative}
.loader-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#0c0f1f}
.loader-title{font-family:'Space Grotesk';font-weight:700;font-size:1.05rem}
.loader-etapas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%}
.loader-etapas li{display:flex;align-items:center;gap:11px;font-size:.84rem;color:var(--muted2);transition:.25s}
.loader-etapas li .le-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--stroke2);flex-shrink:0;display:grid;place-items:center;font-size:.6rem;transition:.25s}
.loader-etapas li.ativa{color:var(--ink)}
.loader-etapas li.ativa .le-dot{border-color:var(--cyan);box-shadow:0 0 12px rgba(34,227,255,.4);animation:pulse-dot 1s infinite}
.loader-etapas li.feita{color:var(--muted)}
.loader-etapas li.feita .le-dot{border-color:var(--lime);background:rgba(157,255,91,.12)}
.loader-etapas li.feita .le-dot::after{content:"✓";color:var(--lime);font-size:.62rem;font-weight:700}
@keyframes pulse-dot{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}

/* ── drawer do nó: leitura humana ── */
.regra-humana{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:7px}
.regra-humana li{font-size:.84rem;line-height:1.5}
.json-det{margin-top:12px}
.json-det summary{cursor:pointer;font-size:.72rem;font-family:var(--mono);color:var(--muted2);text-transform:uppercase;letter-spacing:.05em;padding:6px 0;user-select:none}
.json-det summary:hover{color:var(--cyan)}
.json-det[open] summary{margin-bottom:8px}
.edgerow2{background:rgba(255,255,255,.03);border:1px solid var(--stroke);border-radius:11px;padding:10px 13px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}
.edgerow2 .edge-quando{font-weight:600;font-size:.84rem}
.edgerow2 .edge-se{font-size:.76rem;color:var(--gold);font-style:italic}
.edgerow2 .edge-entao{font-size:.8rem;color:var(--cyan)}
.edgerow2.seguranca{opacity:.65;border-style:dashed}
@keyframes spinr{to{transform:rotate(360deg)}}