/* SV Seguros V248 — E-Mail Diversos: ChatGPT + drag & drop */
.client-misc-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}
.client-misc-chatgpt-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.client-misc-chatgpt-status{font-size:12px;line-height:1.45;margin-top:6px}
.client-misc-chatgpt-status.is-ok{color:#18794e}
.client-misc-dropzone{margin-top:10px;min-height:96px;border:2px dashed #d6dbe2;border-radius:14px;background:#fbfbfc;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.client-misc-dropzone:hover,.client-misc-dropzone:focus-visible{border-color:#b91624;background:#fff7f8;outline:none;box-shadow:0 0 0 3px rgba(185,22,36,.08)}
.client-misc-dropzone.is-dragover{border-color:#b91624;background:#fff1f3;box-shadow:0 0 0 4px rgba(185,22,36,.10)}
.client-misc-dropzone-icon{font-size:28px;line-height:1}
.client-misc-dropzone strong{display:block;font-size:14px;color:#1f2328}
.client-misc-dropzone span{display:block;margin-top:3px;font-size:12px;color:#69707a}
.client-misc-documents-list{display:grid;gap:7px;margin-top:10px}
.client-misc-file-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e1e5ea;border-radius:10px;background:#fafbfc}
.client-misc-file-meta{min-width:0;flex:1}
.client-misc-file-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-misc-file-meta span{font-size:12px}
.client-misc-file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.client-misc-file-actions .secondary{padding:7px 10px}
.client-misc-delivery-note{margin-top:14px;border:1px solid #cde9da;background:#f1fbf5;border-radius:12px;padding:12px 14px;display:grid;gap:5px;font-size:12px;line-height:1.45;color:#245c42}
.client-misc-delivery-note>strong{font-size:13px;color:#17643f}
@media(max-width:640px){
  .client-misc-message-head{align-items:flex-start}
  .client-misc-chatgpt-btn{width:100%;justify-content:center}
  .client-misc-dropzone{align-items:flex-start;justify-content:flex-start}
  .client-misc-file-row{align-items:flex-start;flex-direction:column}
  .client-misc-file-actions{width:100%;justify-content:flex-start}
}