/**
 * Katman sırası: sohbet composer < genel modallar < chip/crop < arama
 * Modal açıkken composer arka planda kalır (aktif görünmez).
 */
:root {
  --z-chat-composer: 40;
  --z-composer-popups: 200;
  --z-ui-overlay: 25000;
  --z-ui-overlay-top: 26000;
}

.chat-input-area {
  z-index: var(--z-chat-composer);
}

.composer-overlay-layer {
  z-index: var(--z-composer-popups);
}

.modal-overlay,
.chip-wallet-overlay,
.image-crop-overlay,
.dj-request-modal {
  z-index: var(--z-ui-overlay);
}

.context-menu {
  z-index: calc(var(--z-ui-overlay) + 50);
}

.image-crop-overlay {
  z-index: var(--z-ui-overlay-top);
}

body.ui-overlay-open .chat-input-area {
  opacity: 0.35;
  pointer-events: none;
  filter: saturate(0.85);
  transition: opacity 0.2s ease, filter 0.2s ease;
}

body.ui-overlay-open .chat-input-area textarea,
body.ui-overlay-open .chat-input-area .composer-btn {
  cursor: default;
}

body.ui-overlay-open #chatInputArea .wa-composer {
  box-shadow: none;
}

body.ui-overlay-open .composer-overlay-layer .emoji-picker.is-open {
  pointer-events: none;
  opacity: 0.2;
}

body.ui-overlay-open:not(.radio-picker-open) .composer-overlay-layer .radio-picker.open {
  pointer-events: none;
  opacity: 0.2;
}