/* Esteja — manual message draft. */
#modal:has(.message-draft-panel){
  width:min(620px,calc(100% - 32px));
  padding:0;
  border:1px solid #e4e8ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 70px rgba(26,31,44,.18);
}
#modal:has(.message-draft-panel) #modalbody{padding:34px 36px 32px}
#modal:has(.message-draft-panel) .modalhead{margin-bottom:20px}
#modal:has(.message-draft-panel) .modalhead h2{
  margin:0;
  color:#171826;
  font-family:var(--font-heading);
  font-size:28px;
  font-weight:650;
  letter-spacing:-.6px;
}
#modal:has(.message-draft-panel) .close{
  width:44px;
  height:44px;
  border:1px solid #e2e6ed;
  border-radius:50%;
  background:#fff;
  color:#222735;
  box-shadow:none;
}
#modal:has(.message-draft-panel) .close:hover{background:#f6f7f9;border-color:#d9dde5}
.message-draft-panel{display:grid;gap:16px}
.message-draft-client{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 15px;
  border:1px solid #e8ebf1;
  border-radius:15px;
  background:#fafbfe;
}
.message-draft-avatar{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  background:#eee8ff;
  color:#6849eb;
  font-size:13px;
  font-weight:700;
}
.message-draft-client-main{display:grid;gap:3px;min-width:0;flex:1}
.message-draft-client-main strong{color:#171826;font-size:16px;font-weight:650}
.message-draft-client-main span{color:#778194;font-size:13px}
.message-draft-phone{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid #e0e4eb;
  border-radius:999px;
  background:#fff;
  color:#768195;
  font-size:11px;
  font-weight:650;
}
.message-draft-manual{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
  border:1px solid #ded7ff;
  border-radius:15px;
  background:#f8f5ff;
}
.message-draft-manual>svg{
  display:block;
  flex:0 0 20px;
  width:20px;
  height:20px;
  overflow:visible;
  color:#6b4cf1;
  margin-top:1px;
}
.message-draft-manual div{display:grid;gap:4px}
.message-draft-manual strong{color:#31265b;font-size:14px;font-weight:700}
.message-draft-manual span{color:#6e6683;font-size:13px;line-height:1.5}
.message-draft-contact-wrap{display:grid;gap:10px}
.message-draft-contact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border:1px solid #e8ebf1;
  border-radius:12px;
  background:#fff;
  color:#6f7889;
  font-size:12.5px;
}
.message-draft-contact button{
  border:0;
  background:transparent;
  color:#6849eb;
  font:650 12.5px var(--font-ui);
  padding:3px 0;
  cursor:pointer;
}
.message-draft-phone-editor{
  padding:14px;
  border:1px solid #e4e8ef;
  border-radius:13px;
  background:#fafbfe;
}
.message-draft-phone-editor[hidden]{display:none}
.message-draft-phone-editor label{display:grid;gap:7px}
.message-draft-phone-editor label>span{color:#39455a;font-size:12.5px;font-weight:650}
.message-draft-phone-editor input{
  width:100%;
  min-height:43px;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #dfe4eb;
  border-radius:10px;
  background:#fff;
  color:#242936;
  font:500 13px var(--font-ui);
}
.message-draft-phone-editor input:focus{outline:none;border-color:#c7baff;box-shadow:0 0 0 3px rgba(124,87,255,.08)}
.message-draft-phone-error{min-height:17px;margin:6px 0 0;color:#b44d5c;font-size:11.5px}
.message-draft-phone-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.message-draft-phone-actions .btn{min-height:38px;padding:8px 12px;border-radius:9px;font-size:12px}
.message-draft-phone-saved{
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 13px;
  border:1px solid #dfe8e3;
  border-radius:12px;
  background:#f7fbf8;
  color:#577064;
  font-size:12.5px;
}
.message-draft-phone-saved svg{width:16px;height:16px;flex:0 0 16px}
.message-draft-field{display:grid;gap:8px}
.message-draft-field>span{color:#38445a;font-size:13px;font-weight:650}
.message-draft-field small{color:#8a93a3;font-size:12px;font-weight:400}
.message-draft-field textarea{
  min-height:132px;
  resize:vertical;
  padding:14px 15px;
  border:1px solid #dfe4eb;
  border-radius:14px;
  background:#fff;
  color:#242936;
  font:500 14px/1.55 var(--font-ui);
  box-shadow:none;
}
.message-draft-field textarea:focus{outline:none;border-color:#c7baff;box-shadow:0 0 0 3px rgba(124,87,255,.09)}
.message-draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.message-draft-actions.is-single{grid-template-columns:1fr}
.message-draft-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  border-radius:12px;
  font:600 14px var(--font-ui);
}
.message-draft-actions .btn svg{width:18px;height:18px;flex:0 0 18px}
.message-draft-actions .message-sent{
  border-radius:10px;
  background:#5b55e7;
  border-color:#5b55e7;
}
.message-draft-actions .message-sent:hover{background:#4f49d8;border-color:#4f49d8}
.message-draft-actions .message-copy{
  background:#f5f1ff;
  border-color:#d9d0ff;
  color:#6849eb;
}
.message-draft-actions .message-copy:hover{background:#ece5ff;border-color:#c8b9ff;color:#5f41df}
.message-draft-actions .message-copy.is-copied{
  border-color:#cfe2d6;
  background:#f1f8f3;
  color:#3f6a50;
}
.message-copy-feedback{
  margin:-2px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:#f7f8fa;
  color:#6f7889;
  font-size:11.5px;
  line-height:1.45;
  text-align:center;
}
.message-copy-feedback[hidden]{display:none}
@media(max-width:640px){
  #modal:has(.message-draft-panel) #modalbody{padding:26px 22px 24px}
  #modal:has(.message-draft-panel) .modalhead h2{font-size:24px}
  .message-draft-client{align-items:flex-start;flex-wrap:wrap}
  .message-draft-phone{margin-left:55px}
  .message-draft-contact{align-items:flex-start;flex-direction:column}
  .message-draft-phone-actions{flex-direction:column-reverse}
  .message-draft-phone-actions .btn{width:100%}
  .message-draft-actions{grid-template-columns:1fr}
}