/* The drop-anywhere overlay for an agent session (runtime/composer-window-drop.js).
   Its own file because agent-composer.css sits at the 1000-line UI source cap;
   loaded right after it. */
/* Drop anywhere on the agent window (composer-window-drop.js). It never
   takes pointer events: the drag is handled on the document underneath, and a
   stray overlay can never block a click. */
.composer-window-drop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: color-mix(in srgb, var(--ui-panel) 78%, transparent);
  outline: 2px dashed var(--ui-accent);
  outline-offset: -0.75rem;
  pointer-events: none;
}

.composer-window-drop[hidden] {
  display: none;
}

.composer-window-drop-card {
  max-width: 100%;
  padding: 0.9rem 1.3rem;
  border: 1px solid var(--ui-line);
  border-radius: 0.75rem;
  background: var(--ui-raised);
  box-shadow: var(--ui-shadow-sm);
  color: var(--ui-text);
  font-weight: 600;
  text-align: center;
}