/* ===== Живые договорённости: бар-чипы над лентой, карточка-токен, шторка, баннер-пинг ===== */

/* --- Закреплённый бар над сообщениями (вставляется перед #messages-list-mobile) --- */
.aya-commit-bar{
  flex-shrink:0;
  display:flex; gap:6px; align-items:center;
  padding:6px 10px;
  overflow-x:auto; overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  background:var(--panel, #fff);
  border-bottom:1px solid var(--border, rgba(0,0,0,.08));
}
.aya-commit-bar::-webkit-scrollbar{ display:none; }

.aya-commit-chip{
  flex-shrink:0;
  display:inline-flex; align-items:center; gap:6px;
  max-width:78vw;
  padding:5px 6px 5px 10px;
  border-radius:999px;
  background:var(--bg, rgba(0,0,0,.04));
  border:1px solid var(--border, rgba(0,0,0,.08));
  font-size:12.5px; line-height:1.2;
  color:var(--text, #222);
  cursor:pointer; user-select:none;
  transition:opacity .5s ease, transform .2s ease;
}
.aya-commit-chip:active{ transform:scale(.97); }
.aya-commit-chip-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.aya-commit-chip-due{ color:var(--text-secondary, #888); }
.aya-commit-chip-done{
  flex-shrink:0;
  width:20px; height:20px; border-radius:50%;
  border:1px solid var(--border, rgba(0,0,0,.15));
  background:transparent; color:var(--text-secondary, #888);
  font-size:12px; line-height:1; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  padding:0;
}
.aya-commit-chip-done:active{ background:rgba(76,175,80,.18); color:#2e7d32; }
.aya-commit-chip-ok{ color:#2e7d32; font-weight:700; }

/* Выполненные — гаснут (чип уезжает из бара через ~1.6с после ✓) */
.aya-commit-chip.aya-commit-done{ opacity:.42; }
.aya-commit-chip.aya-commit-done .aya-commit-chip-txt{ text-decoration:line-through; }

/* --- Карточка-токен в ленте ([[commitment:ID]]) --- */
.aya-commit-host{ width:100%; }
.aya-commit-card{
  max-width:300px;
  padding:10px 12px;
  border-radius:14px;
  background:var(--panel, #fff);
  border:1px solid var(--border, rgba(0,0,0,.08));
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  font-size:13.5px; cursor:pointer;
}
.aya-commit-card.aya-commit-done{ opacity:.62; }
.aya-commit-card.aya-commit-done .aya-commit-card-text{ text-decoration:line-through; }
.aya-commit-card-head{
  display:flex; align-items:center; gap:6px;
  font-weight:600; margin-bottom:4px;
}
.aya-commit-card-text{ margin:2px 0 4px; word-break:break-word; }
.aya-commit-card-meta{ font-size:12px; color:var(--text-secondary, #888); }
.aya-commit-card-who{ white-space:nowrap; }
.aya-commit-card-btn{
  margin-top:8px;
  padding:6px 12px;
  border:none; border-radius:999px; cursor:pointer;
  background:rgba(76,175,80,.14); color:#2e7d32;
  font-size:12.5px; font-weight:600;
}
.aya-commit-card-btn:active{ transform:scale(.96); }
.aya-commit-loading{ color:var(--text-secondary, #888); cursor:default; }

/* Статус-бейдж («висит» / «выполнено ✓») */
.aya-commit-status{
  margin-left:auto;
  font-size:11px; font-weight:600;
  padding:2px 8px; border-radius:999px;
}
.aya-commit-status.st-open{ background:rgba(255,167,38,.16); color:#b26a00; }
.aya-commit-status.st-done{ background:rgba(76,175,80,.16); color:#2e7d32; }

/* --- Шторка с деталями --- */
.aya-commit-sheet-ov{
  position:fixed; inset:0; z-index:1200;
  background:rgba(0,0,0,.38);
  display:flex; align-items:flex-end; justify-content:center;
}
.aya-commit-sheet{
  width:100%; max-width:480px;
  background:var(--panel, #fff);
  border-radius:18px 18px 0 0;
  padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  animation:ayaCommitUp .22s ease;
}
@keyframes ayaCommitUp{ from{ transform:translateY(40%); opacity:.4; } to{ transform:translateY(0); opacity:1; } }
.aya-commit-sheet-title{ display:flex; align-items:center; gap:6px; font-weight:700; font-size:15px; margin-bottom:8px; }
.aya-commit-sheet-text{ font-size:14px; margin-bottom:8px; word-break:break-word; }
.aya-commit-sheet-row{ font-size:13px; color:var(--text-secondary, #777); margin-bottom:4px; }
.aya-commit-arrow{ opacity:.6; }
.aya-commit-sheet-btns{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.aya-commit-btn{
  flex:1 1 auto;
  padding:9px 12px;
  border:1px solid var(--border, rgba(0,0,0,.1));
  border-radius:12px; cursor:pointer;
  background:var(--bg, #f5f5f5); color:var(--text, #222);
  font-size:13.5px; font-weight:600;
}
.aya-commit-btn:active{ transform:scale(.97); }
.aya-commit-btn-main{ background:rgba(76,175,80,.16); color:#2e7d32; border-color:rgba(76,175,80,.3); }
.aya-commit-btn-warn{ background:rgba(229,57,53,.08); color:var(--danger, #c62828); border-color:rgba(229,57,53,.2); }

/* --- Мягкий баннер-пинг (обещание истекло) --- */
.aya-commit-nudge{
  position:fixed; left:12px; right:12px;
  bottom:calc(76px + env(safe-area-inset-bottom, 0px));
  z-index:1150;
  background:var(--panel, #fff);
  border:1px solid var(--border, rgba(0,0,0,.1));
  border-radius:14px;
  box-shadow:0 6px 22px rgba(0,0,0,.16);
  padding:12px;
  animation:ayaCommitUp .25s ease;
  max-width:480px; margin:0 auto;
}
.aya-commit-nudge-txt{ font-size:13.5px; margin-bottom:10px; word-break:break-word; }
.aya-commit-nudge-btns{ display:flex; gap:8px; }
.aya-commit-nudge .aya-commit-btn{ padding:7px 10px; font-size:12.5px; }

/* --- Карточка-ПРЕДЛОЖЕНИЕ ИИ ([[commitprop:ID]]): «Зафиксировать: …? [Да] [Нет]» --- */
.aya-commit-prop-card{
  max-width:300px;
  padding:10px 12px;
  border-radius:14px;
  background:var(--panel, #fff);
  border:1px dashed var(--border, rgba(0,0,0,.14));
  font-size:13.5px;
}
.aya-commit-prop-head{
  display:flex; align-items:center; gap:6px;
  font-weight:600; margin-bottom:4px;
  color:var(--text, #222);
}
.aya-commit-prop-btns{ display:flex; gap:8px; margin-top:10px; }
.aya-commit-prop-btns .aya-commit-btn{ padding:7px 10px; font-size:12.5px; }
.aya-commit-prop-muted{
  color:var(--text-secondary, #888);
  border-style:solid; opacity:.6;
  font-size:12.5px; padding:8px 12px;
}

/* --- Страховки бара (фикс «поверх всего»): бар живёт ТОЛЬКО в потоке #chat-screen --- */
#aya-commit-bar{ position:relative; z-index:9; }
body.myaya-open #aya-commit-bar{ display:none !important; }   /* экран «Мой АЯ» использует ту же панель */
.chat-switch-layer #aya-commit-bar{ display:none !important; }/* если вдруг попал в анимационный слой */