/* =====================================================================
   Aba "Mensagens automáticas" (sql/55) · usa os tokens do theme.css
   ===================================================================== */
.msg-busca{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);
  border-radius:100px;padding:6px 6px 6px 16px}
.msg-busca:focus-within{border-color:var(--rosa);box-shadow:0 0 0 3px rgba(184,107,98,.12);background:#FFF}
.msg-busca svg{width:16px;height:16px;fill:none;stroke:var(--sage);stroke-width:1.8;flex:none}
.msg-busca input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:.9rem;
  color:var(--ink);outline:none;padding:6px 0}
#msgResWrap{margin-top:14px}

.msg-cartao{margin-top:16px}
.msg-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.msg-nome{font-family:var(--serif, 'Playfair Display', serif);font-size:1.45rem;color:var(--olive-800);line-height:1.2}
.msg-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.msg-st{margin:22px 0 10px}
.msg-st small{margin-left:0}

.msg-travas{display:flex;flex-direction:column;gap:8px}
.msg-trava{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--rosa-50);border:1px solid rgba(184,107,98,.16);border-left:2px solid var(--rosa);
  border-radius:10px;padding:10px 14px;font-size:.8rem;color:var(--text)}
.msg-trava b{color:var(--rosa-d);font-weight:600}

.msg-lista{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text)}
.msg-fam{display:block;margin-top:2px}
.msg-det{margin-top:16px;font-size:.8rem;color:var(--muted)}
.msg-det summary{cursor:pointer;font-weight:500;color:var(--olive-800);margin-bottom:6px}
.msg-det .mini{padding:4px 0;border-bottom:1px solid var(--line-2)}

#msgSubPrevistas .secttl{flex-wrap:wrap;row-gap:10px}
#msgSubPrevistas .secttl .toggle{margin-left:8px}
.modal textarea{resize:vertical;min-height:72px;font-family:inherit}

@media (max-width:640px){
  .msg-busca{border-radius:14px;flex-wrap:wrap;padding:10px}
  .msg-busca .btn-action{width:100%;justify-content:center}
  #msgToggle{width:100%;overflow-x:auto}
  .msg-trava{align-items:flex-start}
}
.msg-mao{color:var(--crit)}