/* ============================================================
   CADERNO DO ATLAS — notas, marca-texto, destaques, mapas mentais e flashcards
   Paleta interna do Atlas (navy + azul). Carrega depois do Atlas.css.
   ============================================================ */
.notes-right-panel {
    width: 500px;
    background: #0b1424;
    border-left: 1px solid rgba(91,142,245,.14);
    transition: transform .35s var(--ease-out), width .35s var(--ease-out);
}
.notes-right-panel.cd-expandido { width: min(980px, 94vw); }

/* ── topo ── */
.cd-topo { position: relative; display: flex; align-items: center; gap: 8px; padding: 14px 16px 10px; }
.cd-notas-btn {
    display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid rgba(91,142,245,.18); background: rgba(91,142,245,.07); color: var(--text-1);
    font-family: var(--font-body); font-size: 13px; font-weight: 600;
}
.cd-notas-btn i:first-child { color: var(--accent); }
.cd-notas-btn .bi-chevron-down { font-size: 11px; color: var(--text-2); transition: transform .2s; }
.cd-notas-btn.aberto .bi-chevron-down { transform: rotate(180deg); }
.cd-notas-btn:hover { border-color: rgba(91,142,245,.4); }
.cd-topo-acoes { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.cd-ia-btn {
    display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px; border-radius: 10px; cursor: pointer; border: 0;
    background: linear-gradient(135deg, #5b8ef5, #2563eb); color: #fff; font-family: var(--font-body); font-size: 13px; font-weight: 600;
    box-shadow: 0 6px 18px rgba(37,99,235,.3);
}
.cd-ia-btn:hover { filter: brightness(1.08); }
.cd-icone {
    width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; cursor: pointer;
    border: 1px solid rgba(255,255,255,.07); background: transparent; color: var(--text-2); font-size: 14px;
}
.cd-icone:hover { color: var(--text-1); border-color: rgba(91,142,245,.35); background: rgba(91,142,245,.07); }

/* popovers (lista de notas, menu da IA, exportar) */
.cd-pop {
    position: absolute; top: 52px; z-index: 40; min-width: 250px; padding: 8px; border-radius: 14px;
    background: #0f1b31; border: 1px solid rgba(91,142,245,.2); box-shadow: 0 20px 50px rgba(0,0,0,.55);
    display: none; flex-direction: column; gap: 2px;
}
.cd-pop.aberto { display: flex; animation: cdSurge .18s var(--ease-out); }
@keyframes cdSurge { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.cd-pop-esq { left: 16px; width: 300px; }
.cd-pop-dir { right: 16px; }
.cd-pop-destaque { width: 240px; min-width: 0; }
.cd-pop-destaque .cd-ok { margin-left: auto; width: auto; color: var(--accent); }
.cd-pop-destaque .cd-v-dica > i:first-child { color: #fbbf24; }
.cd-pop-destaque .cd-v-importante > i:first-child { color: #fb7185; }
.cd-pop-destaque .cd-v-definicao > i:first-child { color: #93c5fd; }
.cd-pop-destaque .cd-v-exemplo > i:first-child { color: #34d399; }
.cd-pop-rotulo { font-family: var(--font-mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); padding: 6px 10px 4px; }
.cd-pop-item {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border-radius: 9px; border: 0; background: none;
    color: var(--text-1); font-family: var(--font-body); font-size: 13px; text-align: left; cursor: pointer;
}
.cd-pop-item:hover, .cd-pop-item.ativo { background: rgba(91,142,245,.1); }
.cd-pop-item > i { width: 18px; text-align: center; color: var(--accent); font-size: 15px; }
.cd-pop-item small { display: block; color: var(--text-2); font-size: 11.5px; margin-top: 1px; }
.cd-pop-sep { height: 1px; background: rgba(255,255,255,.06); margin: 4px 6px; }
.cd-busca { display: flex; align-items: center; gap: 8px; padding: 0 10px; height: 36px; border-radius: 10px; margin-bottom: 6px;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); color: var(--text-2); }
.cd-busca input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: var(--text-1); font-family: var(--font-body); font-size: 13px; }
.cd-lista-itens { max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.cd-nota-item { position: relative; }
.cd-nota-item .cd-pop-item { padding-right: 36px; }
.cd-nota-item .cd-nota-x { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 7px; border: 0;
    background: none; color: var(--text-3); cursor: pointer; opacity: 0; }
.cd-nota-item:hover .cd-nota-x { opacity: 1; }
.cd-nota-x:hover { color: var(--danger); background: rgba(244,63,94,.1); }
.cd-nova { justify-content: center; margin-top: 6px; border: 1px dashed rgba(91,142,245,.35) !important; color: #93c5fd !important; }

/* ── cabeçalho da nota ── */
.cd-cabeca { padding: 2px 22px 10px; }
.cd-titulo {
    width: 100%; border: 0; outline: 0; background: none; padding: 0;
    font-family: var(--font-display); font-weight: 800; font-size: 19px; letter-spacing: -.01em; color: var(--text-1);
    text-overflow: ellipsis;
}
.cd-titulo::placeholder { color: var(--text-3); }
.cd-meta { font-family: var(--font-mono); font-size: 11px; color: var(--text-3); margin-top: 4px; }

/* ── barra de ferramentas ── */
.cd-barra {
    display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 6px 12px;
    border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(6,11,23,.4);
}
.cd-bt {
    flex-shrink: 0; height: 32px; min-width: 31px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    border-radius: 8px; border: 0; background: none; color: var(--text-2); cursor: pointer; font-family: var(--font-body); font-size: 12.5px;
}
.cd-bt i { font-size: 15px; }
.cd-bt:hover { color: var(--text-1); background: rgba(255,255,255,.05); }
.cd-bt.ativo { color: #fff; background: rgba(91,142,245,.18); }
.cd-bt-txt { font-weight: 600; }
.cd-sep { width: 1px; height: 20px; background: rgba(255,255,255,.08); margin: 0 4px; flex-shrink: 0; }
.cd-bt-mapa { color: #93c5fd; }

/* ── área de blocos ── */
.cd-canvas { flex: 1; overflow-y: auto; padding: 14px 22px 120px; counter-reset: cdnum; }
.cd-bloco { position: relative; display: flex; align-items: flex-start; gap: 6px; padding: 2px 26px 2px 22px; border-radius: 8px; }
.cd-bloco:not(.cd-b-numbered) { counter-reset: cdnum; }
.cd-alca, .cd-del {
    position: absolute; top: 4px; width: 20px; height: 22px; display: grid; place-items: center; border-radius: 5px;
    color: var(--text-3); opacity: 0; transition: opacity .15s; border: 0; background: none; cursor: pointer; font-size: 13px;
}
.cd-alca { left: 0; cursor: grab; }
.cd-del { right: 2px; }
.cd-bloco:hover .cd-alca, .cd-bloco:hover .cd-del, .cd-bloco.foco .cd-alca { opacity: 1; }
.cd-del:hover { color: var(--danger); background: rgba(244,63,94,.1); }
.cd-bloco.arrastando { opacity: .4; }
.cd-bloco.alvo-drop { box-shadow: inset 0 2px 0 #5b8ef5; }
.cd-editavel {
    flex: 1; min-width: 0; outline: 0; padding: 4px 2px; color: #dbe6ff; font-family: var(--font-body); font-size: 14.5px; line-height: 1.65;
    word-break: break-word; caret-color: #93c5fd;
}
.cd-editavel:empty::before { content: attr(data-ph); color: #4a5e80; pointer-events: none; }
.cd-bloco:not(.foco) .cd-b-paragraph-vazio::before { content: ''; }
.cd-editavel b, .cd-editavel strong { color: #fff; font-weight: 650; }
.cd-editavel a { color: #93c5fd; }
.cd-editavel code { font-family: var(--font-mono); font-size: .88em; padding: 1px 5px; border-radius: 5px; background: rgba(91,142,245,.12); color: #c7d8ff; }
.cd-editavel mark, .cd-editavel span[style*="background"] { color: #fff; border-radius: 3px; padding: 0 2px; }

.cd-b-h1 .cd-editavel { font-family: var(--font-display); font-size: 21px; font-weight: 800; color: #fff; line-height: 1.3; padding-top: 10px; }
.cd-b-h2 .cd-editavel { font-family: var(--font-display); font-size: 17.5px; font-weight: 700; color: #fff; padding-top: 8px; }
.cd-b-h3 .cd-editavel { font-family: var(--font-display); font-size: 14.5px; font-weight: 700; color: #93c5fd; padding-top: 6px; letter-spacing: .01em; }
.cd-marca { flex-shrink: 0; width: 18px; padding-top: 4px; color: #5b8ef5; font-size: 14px; line-height: 1.65; text-align: center; }
.cd-b-bullet .cd-marca::before { content: '•'; font-size: 20px; line-height: 1.15; }
.cd-b-numbered .cd-marca::before { counter-increment: cdnum; content: counter(cdnum) "."; font-family: var(--font-mono); font-size: 12.5px; }
.cd-check { flex-shrink: 0; width: 18px; height: 18px; margin-top: 7px; border-radius: 5px; border: 1.5px solid #4a6da8; background: none; cursor: pointer;
    display: grid; place-items: center; color: #fff; font-size: 12px; padding: 0; }
.cd-b-todo.feito .cd-check { background: #2563eb; border-color: #2563eb; }
.cd-b-todo.feito .cd-editavel { color: #6d82a6; text-decoration: line-through; }
.cd-b-quote .cd-editavel { border-left: 3px solid #5b8ef5; padding-left: 14px; color: #b9c9e6; font-style: italic; }
.cd-b-code .cd-editavel { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6; white-space: pre-wrap; color: #c7d8ff;
    background: #070d1a; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; padding: 12px 14px; }
.cd-b-divider { padding-top: 10px; padding-bottom: 10px; }
.cd-b-divider hr { flex: 1; border: 0; border-top: 1px solid rgba(255,255,255,.1); margin: 8px 0; }
.cd-b-atlas .cd-editavel { color: #c7d8ff; }

/* destaques (callouts) */
.cd-b-callout { margin: 6px 0; }
.cd-callout { flex: 1; min-width: 0; display: flex; gap: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid; }
.cd-callout-ico { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; border: 0; cursor: pointer; display: grid; place-items: center; font-size: 15px; }
.cd-callout-corpo { flex: 1; min-width: 0; }
.cd-callout-rot { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; margin: 2px 0 0; }
.cd-callout .cd-editavel { padding-top: 2px; }
.cd-v-dica       .cd-callout { background: rgba(245,158,11,.07); border-color: rgba(245,158,11,.25); }
.cd-v-dica       .cd-callout-ico { background: rgba(245,158,11,.15); color: #fbbf24; } .cd-v-dica .cd-callout-rot { color: #fbbf24; }
.cd-v-importante .cd-callout { background: rgba(244,63,94,.07); border-color: rgba(244,63,94,.25); }
.cd-v-importante .cd-callout-ico { background: rgba(244,63,94,.15); color: #fb7185; } .cd-v-importante .cd-callout-rot { color: #fb7185; }
.cd-v-definicao  .cd-callout { background: rgba(91,142,245,.08); border-color: rgba(91,142,245,.3); }
.cd-v-definicao  .cd-callout-ico { background: rgba(91,142,245,.18); color: #93c5fd; } .cd-v-definicao .cd-callout-rot { color: #93c5fd; }
.cd-v-exemplo    .cd-callout { background: rgba(16,185,129,.07); border-color: rgba(16,185,129,.25); }
.cd-v-exemplo    .cd-callout-ico { background: rgba(16,185,129,.15); color: #34d399; } .cd-v-exemplo .cd-callout-rot { color: #34d399; }
.cd-v-resumo     .cd-callout { background: linear-gradient(180deg, rgba(91,142,245,.10), rgba(91,142,245,.04)); border-color: rgba(91,142,245,.35); }
.cd-v-resumo     .cd-callout-ico { background: #2563eb; color: #fff; } .cd-v-resumo .cd-callout-rot { color: #93c5fd; }

/* blocos especiais (mapa mental e flashcards) */
.cd-especial { flex: 1; min-width: 0; margin: 8px 0; border-radius: 14px; border: 1px solid rgba(91,142,245,.22); background: #0d1930; overflow: hidden; }
.cd-esp-topo { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.05); }
.cd-esp-topo > i { color: #93c5fd; font-size: 15px; }
.cd-esp-tit { font-family: var(--font-display); font-weight: 700; font-size: 13.5px; color: #fff; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-esp-sub { font-family: var(--font-mono); font-size: 11px; color: var(--text-3); white-space: nowrap; }
.cd-esp-acoes { margin-left: auto; display: flex; gap: 4px; }
.cd-esp-bt { height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.08); background: none; color: var(--text-2);
    font-family: var(--font-body); font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.cd-esp-bt:hover { color: #fff; border-color: rgba(91,142,245,.4); background: rgba(91,142,245,.08); }
.cd-mm-preview { display: block; padding: 10px; cursor: zoom-in; background:
    radial-gradient(rgba(148,178,255,.08) 1px, transparent 1.2px) 0 0 / 18px 18px; }
.cd-mm-preview svg { display: block; width: 100%; height: auto; max-height: 420px; }
.cd-mm-vazio { padding: 26px 16px; text-align: center; color: var(--text-2); font-size: 13px; }

.cd-fc-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 10px; padding: 12px; }
.cd-fc { position: relative; height: 116px; perspective: 900px; cursor: pointer; }
.cd-fc-in { position: absolute; inset: 0; transition: transform .5s var(--ease-out); transform-style: preserve-3d; }
.cd-fc.virado .cd-fc-in { transform: rotateY(180deg); }
.cd-fc-face { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; justify-content: center;
    font-family: var(--font-body); font-size: 13px; line-height: 1.45; overflow: hidden; }
.cd-fc-frente { background: #12223f; border: 1px solid rgba(91,142,245,.3); color: #fff; font-weight: 600; }
.cd-fc-frente small { margin-top: 8px; font-weight: 400; font-size: 10.5px; color: var(--text-3); font-family: var(--font-mono); }
.cd-fc-verso { transform: rotateY(180deg); background: linear-gradient(160deg, #1b3a7a, #16306a); border: 1px solid rgba(91,142,245,.55); color: #fff; }
.cd-fc-tools { position: absolute; top: 6px; right: 6px; display: flex; gap: 2px; opacity: 0; transition: opacity .15s; z-index: 2; }
.cd-fc:hover .cd-fc-tools { opacity: 1; }
.cd-fc-tools button { width: 24px; height: 24px; border-radius: 6px; border: 0; background: rgba(6,11,23,.6); color: #c7d8ff; cursor: pointer; font-size: 12px; }
.cd-fc-edit { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 12px; border: 1px dashed rgba(91,142,245,.4); }
.cd-fc-edit textarea { resize: vertical; min-height: 44px; border-radius: 8px; border: 1px solid rgba(255,255,255,.1); background: #081122; color: #fff;
    font-family: var(--font-body); font-size: 13px; padding: 8px 10px; outline: 0; }
.cd-fc-edit textarea:focus { border-color: #5b8ef5; }
.cd-fc-edit div { display: flex; gap: 6px; justify-content: flex-end; }

/* ── rodapé ── */
.cd-rodape { display: flex; align-items: center; gap: 8px; padding: 8px 18px; border-top: 1px solid rgba(255,255,255,.05);
    font-family: var(--font-mono); font-size: 11px; color: var(--text-3); }
.cd-rodape .cd-salvo { margin-left: auto; display: flex; align-items: center; gap: 4px; transition: color .3s; }
.cd-rodape .cd-salvo.flash { color: var(--success); }

/* ── menu "/" ── */
.cd-slash { position: absolute; z-index: 50; width: 270px; max-height: 340px; overflow-y: auto; padding: 6px; border-radius: 14px;
    background: #0f1b31; border: 1px solid rgba(91,142,245,.22); box-shadow: 0 20px 50px rgba(0,0,0,.55); display: none; }
.cd-slash.aberto { display: block; }
.cd-slash .cd-pop-item { padding: 7px 9px; }

/* ── bolha de formatação (seleção) ── */
.cd-bolha { position: absolute; z-index: 60; display: none; align-items: center; gap: 2px; padding: 5px; border-radius: 12px;
    background: #101d36; border: 1px solid rgba(91,142,245,.3); box-shadow: 0 14px 40px rgba(0,0,0,.55); }
.cd-bolha.aberto { display: flex; animation: cdSurge .14s var(--ease-out); }
.cd-bolha .cd-bt { height: 30px; min-width: 30px; }
.cd-cor { width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(255,255,255,.15); cursor: pointer; padding: 0; margin: 0 2px; }
.cd-cor:hover { transform: scale(1.15); border-color: #fff; }
.cd-cor-limpa { background: transparent; position: relative; }
.cd-cor-limpa::after { content: ''; position: absolute; left: 2px; right: 2px; top: 50%; height: 2px; background: #f43f5e; transform: rotate(-45deg); }

/* ── diálogo da IA ── */
.cd-dialogo { position: absolute; inset: 0; z-index: 70; display: none; align-items: flex-start; justify-content: center; padding: 70px 18px 18px;
    background: rgba(4,8,18,.7); backdrop-filter: blur(4px); }
.cd-dialogo.aberto { display: flex; }
.cd-dlg { width: 100%; max-width: 440px; border-radius: 16px; background: #0f1b31; border: 1px solid rgba(91,142,245,.3); box-shadow: 0 30px 70px rgba(0,0,0,.6); padding: 18px; }
.cd-dlg h4 { margin: 0 0 4px; font-family: var(--font-display); font-size: 16px; color: #fff; display: flex; align-items: center; gap: 8px; }
.cd-dlg h4 i { color: #93c5fd; }
.cd-dlg p { margin: 0 0 12px; color: var(--text-2); font-size: 12.5px; line-height: 1.5; }
.cd-dlg textarea { width: 100%; min-height: 90px; resize: vertical; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: #081122; color: #fff;
    font-family: var(--font-body); font-size: 13.5px; padding: 10px 12px; outline: 0; }
.cd-dlg textarea:focus { border-color: #5b8ef5; }
.cd-dlg-fonte { display: flex; gap: 6px; margin-bottom: 10px; }
.cd-dlg-fonte button { flex: 1; height: 32px; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: none; color: var(--text-2); cursor: pointer; font-size: 12.5px; }
.cd-dlg-fonte button.ativo { color: #fff; border-color: rgba(91,142,245,.5); background: rgba(91,142,245,.14); }
.cd-dlg-acoes { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.cd-bt-sec { height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: none; color: var(--text-1); cursor: pointer; font-size: 13px; }
.cd-bt-pri { height: 36px; padding: 0 16px; border-radius: 10px; border: 0; background: linear-gradient(135deg, #5b8ef5, #2563eb); color: #fff; cursor: pointer;
    font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.cd-bt-pri:disabled { opacity: .6; cursor: progress; }
.cd-girando { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; animation: cdGira .8s linear infinite; }
@keyframes cdGira { to { transform: rotate(360deg); } }
.cd-aviso { position: absolute; left: 50%; bottom: 54px; transform: translateX(-50%); z-index: 80; padding: 10px 16px; border-radius: 10px;
    background: #12223f; border: 1px solid rgba(91,142,245,.35); color: #fff; font-size: 12.5px; box-shadow: 0 10px 30px rgba(0,0,0,.5); display: none; max-width: 90%; }
.cd-aviso.aberto { display: block; animation: cdSurge .2s var(--ease-out); }
.cd-aviso.erro { border-color: rgba(244,63,94,.45); }

/* ── mapa mental em tela cheia ── */
.cd-mm-modal { position: fixed; inset: 0; z-index: 2000; display: none; flex-direction: column; background: #060b17; }
.cd-mm-modal.aberto { display: flex; }
.cd-mm-topo { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.06); background: #0b1424; }
.cd-mm-topo h3 { margin: 0; font-family: var(--font-display); font-size: 17px; color: #fff; display: flex; align-items: center; gap: 10px; min-width: 0; }
.cd-mm-topo h3 i { color: #93c5fd; }
.cd-mm-topo .cd-esp-acoes { gap: 6px; }
.cd-mm-corpo { flex: 1; display: flex; min-height: 0; }
.cd-mm-palco { flex: 1; position: relative; overflow: hidden; cursor: grab;
    background: radial-gradient(rgba(148,178,255,.10) 1px, transparent 1.3px) 0 0 / 24px 24px, #060b17; }
.cd-mm-palco.movendo { cursor: grabbing; }
.cd-mm-palco svg { width: 100%; height: 100%; display: block; }
.cd-mm-palco [data-no] { cursor: pointer; }
.cd-mm-zoom { position: absolute; left: 16px; bottom: 16px; display: flex; gap: 6px; }
.cd-mm-lado { width: 300px; border-left: 1px solid rgba(255,255,255,.06); background: #0b1424; padding: 18px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; }
.cd-mm-lado label { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
.cd-mm-lado input, .cd-mm-lado textarea { width: 100%; border-radius: 9px; border: 1px solid rgba(255,255,255,.1); background: #081122; color: #fff;
    font-family: var(--font-body); font-size: 13.5px; padding: 9px 11px; outline: 0; }
.cd-mm-lado textarea { min-height: 80px; resize: vertical; }
.cd-mm-lado input:focus, .cd-mm-lado textarea:focus { border-color: #5b8ef5; }
.cd-mm-dica { color: var(--text-2); font-size: 12.5px; line-height: 1.55; }
.cd-mm-lado .cd-bt-sec, .cd-mm-lado .cd-bt-pri { width: 100%; justify-content: center; }
.cd-bt-perigo { color: #fb7185 !important; border-color: rgba(244,63,94,.3) !important; }

/* ── ações nas respostas do chat ── */
.msg-acoes { display: flex; gap: 6px; margin-top: 8px; opacity: 0; transition: opacity .2s; }
.msg-row:hover .msg-acoes { opacity: 1; }
.msg-acao { height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(91,142,245,.2); background: rgba(91,142,245,.06);
    color: #93c5fd; font-family: var(--font-body); font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.msg-acao:hover { background: rgba(91,142,245,.14); color: #fff; }

@media (max-width: 720px) {
    .notes-right-panel, .notes-right-panel.cd-expandido { width: 100vw; }
    .cd-expandir-bt { display: none; }
    .cd-mm-corpo { flex-direction: column; }
    .cd-mm-lado { width: auto; border-left: 0; border-top: 1px solid rgba(255,255,255,.06); max-height: 42vh; }
    .msg-acoes { opacity: 1; }
}