/* ARTIZS.SAY v0.5.13 — Whole Chat Image Drop Zone */

/*
 * File drag is accepted across the entire center chat panel, not only the
 * composer. The overlay is visual-only so the native drag/drop event still
 * reaches #chatPanel.
 */
.chat-drop-overlay{
  position:absolute;
  inset:10px;
  z-index:70;
  display:grid;
  place-items:center;
  border:2px dashed #94A3B8;
  border-radius:20px;
  background:rgba(248,250,252,.94);
  box-shadow:0 18px 56px rgba(15,23,42,.10);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  pointer-events:none;
}
.chat-drop-overlay.hidden{display:none!important}
.chat-drop-overlay-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  max-width:min(360px,82%);
  padding:24px 28px;
  border:1px solid #E2E8F0;
  border-radius:18px;
  background:rgba(255,255,255,.90);
  text-align:center;
  box-shadow:0 12px 34px rgba(15,23,42,.08);
}
.chat-drop-overlay-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:2px;
  border-radius:14px;
  background:#F1F5F9;
  color:#334155;
}
.chat-drop-overlay-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.chat-drop-overlay-card strong{font-size:14px;line-height:1.35;color:#0F172A;font-weight:850}
.chat-drop-overlay-card>span:last-child{font-size:10px;line-height:1.45;color:#64748B}
.chat-panel.is-dragging-file{cursor:copy}

html[data-theme="dark"] .chat-drop-overlay{
  border-color:#64748B;
  background:rgba(15,23,42,.90);
  box-shadow:0 18px 56px rgba(0,0,0,.24);
}
html[data-theme="dark"] .chat-drop-overlay-card{
  border-color:#334155;
  background:rgba(23,29,37,.94);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
html[data-theme="dark"] .chat-drop-overlay-icon{background:#273244;color:#E2E8F0}
html[data-theme="dark"] .chat-drop-overlay-card strong{color:#F8FAFC}
html[data-theme="dark"] .chat-drop-overlay-card>span:last-child{color:#94A3B8}

@media (max-width:700px){
  .chat-drop-overlay{inset:6px;border-radius:16px}
  .chat-drop-overlay-card{padding:20px 18px;border-radius:15px}
  .chat-drop-overlay-icon{width:42px;height:42px}
}