/* Shared Contour ↔ GZI chat chrome (edit once → both apps via hardlink) */

/*
  #app = position:fixed; inset:0 → край экрана.
  Композер: 8px снизу, без env(safe-area) — иначе складывается с app
  --pad-bottom (24px+inset) → дыра ~50–80px на скринах.
  :root !important: app.css :root / html[data-theme] иначе перебивают html{}.
*/
:root {
  --composer-pad-bottom: 8px !important;
}

.composer {
  gap: 6px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 4px !important;
  padding-bottom: var(--composer-pad-bottom) !important;
  /* фон до низа — «зазор» не выглядит пустой дырой */
  background: var(--bg, var(--surface, #252525)) !important;
  margin: 0 !important;
  border-top: 0 !important;
}

/* Развёрнутый sheet ГЗИ */
.sheet-wrap.expanded .composer,
html[data-layout="desktop"] .sheet-wrap .composer {
  padding: 4px 8px var(--composer-pad-bottom) !important;
  background: transparent !important; /* sheet уже даёт фон */
}

/* Лента: без огромного padding-bottom = composer-pad */
.sheet-wrap:not(.expanded) .chat-flow {
  padding-bottom: 8px !important;
}
.sheet-wrap.expanded .chat-flow,
html[data-layout="desktop"] .sheet-wrap .chat-flow {
  padding-bottom: 4px !important;
}

.composer .icon-btn,
.composer .chat-attach,
.composer .send,
.composer .chat-send {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 12px;
}

.composer .chat-attach,
.composer .icon-btn.chat-attach {
  background: var(--chip, var(--surface-variant, transparent));
  border: 1px solid var(--line, var(--outline-variant, transparent));
  color: var(--text, var(--on-surface, currentColor));
}

.composer .send,
.composer .chat-send,
.composer .icon-btn.send {
  border: 1px solid color-mix(in srgb, var(--accent, var(--primary)) 65%, #000 35%);
  border-radius: 12px;
  background: var(--accent, var(--primary));
  color: var(--accent-ink, var(--on-primary, #102117));
}

.composer .send svg,
.composer .chat-send svg,
.composer .chat-attach svg,
.composer .icon-btn svg {
  display: block;
}

/* Стрелка «назад» — единый вид */
.chat-back,
.icon-btn.chat-back,
button.back.chat-back {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 12px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--accent, var(--primary, currentColor));
}

.chat-back svg,
.icon-btn.chat-back svg {
  display: block;
}