/* Stage 1 Home / Chats port. Values and component names come from
   chatsFrame-DECODED.html and zametki-chats.css. */
.phone-shell[data-unified-shell].chats-stage1-active > .unified-hotbar { display:none; }
.phone-shell[data-unified-shell].chats-stage1-active .unified-screen {
  overflow:hidden;
  padding:0;
}

.chats-final-stage {
  --ink:#23262B;
  --ink-soft:#66707B;
  --ink-faint:#98A1AB;
  --line:rgba(140,155,150,.18);
  --glass:rgba(255,255,255,.55);
  --accent:#3E9B5F;
  --accent-soft:rgba(62,155,95,.10);
  --accent-line:rgba(62,155,95,.35);
  --overdue:#E5484D;
  --overdue-soft:rgba(229,72,77,.09);
  --prio-high:#E5484D;
  --prio-mid:#E3873C;
  --r-lg:20px;
  --r-md:14px;
  --bg:#F2F6F4;
  position:relative;
  display:flex;
  flex:1;
  min-height:0;
  height:100%;
  color:var(--ink);
  font-family:'Golos Text',system-ui,sans-serif;
}
.chats-final-stage * { box-sizing:border-box; }
.chats-final-stage button,
.chats-final-stage textarea,
.chats-final-stage input { font:inherit; }
.chats-final-stage button { color:inherit; }
.chats-final-stage .content { flex:1; min-height:0; overflow-y:auto; padding:8px 16px 100px; scrollbar-width:thin; }

.chats-final-stage .greeting-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:8px 2px 14px; }
.chats-final-stage .greeting h1 { margin:0; font-family:'Unbounded',sans-serif; font-size:19px; font-weight:600; letter-spacing:-.01em; }
.chats-final-stage .greeting h1 span { color:var(--accent); }
.chats-final-stage .greeting .date { font-size:12px; color:var(--ink-faint); margin-top:3px; }
.chats-final-stage .section-head { display:flex; align-items:center; justify-content:space-between; margin:20px 2px 6px; }
.chats-final-stage .section-head h2 { margin:0; font-size:12.5px; font-weight:600; color:var(--ink-faint); text-transform:none; letter-spacing:0; }
.chats-final-stage .section-head .right { display:flex; align-items:center; gap:12px; }
.chats-final-stage .pin-count { font-size:11.5px; color:var(--ink-faint); font-weight:600; }
.chats-final-stage .section-collapse { border:0; padding:0; background:transparent; font-size:11.5px; color:var(--ink-faint); cursor:pointer; }

/* Inline two-row QuickCaptureComposer. */
.chats-final-stage .qc { margin:0 0 18px; background:rgba(255,255,255,.42); backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px); border:1px solid rgba(255,255,255,.55); border-radius:20px; padding:12px 14px 8px; box-shadow:0 1px 5px rgba(60,80,70,.045); }
.chats-final-stage .qc-field { width:100%; border:none; background:transparent; font-family:inherit; font-size:14.5px; color:var(--ink); resize:none; max-height:110px; overflow-y:auto; outline:none; line-height:1.4; padding:2px 0 8px; }
.chats-final-stage .qc-field::placeholder { color:var(--ink-faint); }
.chats-final-stage .qc-actions { display:flex; align-items:center; gap:6px; padding-top:8px; border-top:1px solid var(--line); }
.chats-final-stage .qc-ico { width:34px; height:34px; padding:0; border-radius:10px; border:none; background:transparent; color:var(--ink-soft); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:13px; font-weight:700; }
.chats-final-stage .qc-ico:active { background:rgba(140,155,150,.12); }
.chats-final-stage .qc-ico svg { width:19px; height:19px; }
.chats-final-stage .qc-dest { display:flex; align-items:center; gap:4px; border:none; background:var(--accent-soft); color:var(--accent); font-size:12.5px; font-weight:600; padding:7px 11px; border-radius:12px; cursor:pointer; max-width:150px; overflow:hidden; }
.chats-final-stage .qc-dest span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .qc-dest svg { width:12px; height:12px; flex:none; }
.chats-final-stage .qc-mic { margin-left:auto; width:38px; height:38px; padding:0; border-radius:50%; border:none; background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .qc-mic svg { width:18px; height:18px; }

/* chatLine + themeHeaderRow primitives. */
.chats-final-stage .chat-line { display:flex; gap:13px; padding:9px 0; cursor:pointer; align-items:center; transition:opacity .12s; }
.chats-final-stage .chat-line:active { opacity:.55; }
.chats-final-stage .cl-ava { width:56px; height:56px; border-radius:18px; flex:none; display:flex; align-items:center; justify-content:center; font-size:25px; color:#fff; border:1.5px solid rgba(255,255,255,.72); box-shadow:0 1px 6px rgba(60,80,70,.13); }
.chats-final-stage .cl-ava.big,
.chats-final-stage .rj-ava.big { width:60px; height:60px; border-radius:19px; font-size:26px; }
.chats-final-stage .cl-body { flex:1; min-width:0; }
.chats-final-stage .cl-top { display:flex; align-items:center; gap:7px; }
.chats-final-stage .cl-title { font-size:15px; font-weight:700; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .cl-title.bold { font-weight:800; }
.chats-final-stage .cl-time { font-size:11.5px; color:var(--ink-faint); flex:none; }
.chats-final-stage .cl-unread { min-width:19px; height:19px; padding:0 6px; border-radius:10px; background:var(--accent); color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; }
.chats-final-stage .cl-last { font-size:13px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; }
.chats-final-stage .cl-path { font-size:11px; color:var(--ink-faint); margin-top:3px; }
.chats-final-stage .draft-label { color:var(--accent); font-weight:600; }
.chats-final-stage .closed-tag { font-size:9.5px; color:var(--overdue); font-weight:700; background:var(--overdue-soft); padding:1px 6px; border-radius:8px; }
.chats-final-stage .pin-ico { width:13px; height:13px; color:var(--accent); flex:none; display:flex; }
.chats-final-stage .pin-ico svg { width:13px; height:13px; }
.chats-final-stage .row-dots { width:30px; height:30px; padding:0; border:none; background:transparent; color:var(--ink-faint); border-radius:9px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; margin:-4px -6px -4px 0; }
.chats-final-stage .row-dots:active { background:rgba(140,155,150,.14); }
.chats-final-stage .row-dots svg { width:18px; height:18px; }

.chats-final-stage .pinned-wrap { background:linear-gradient(180deg,rgba(62,155,95,.06),rgba(62,155,95,.03)); border:1px solid rgba(62,155,95,.14); border-radius:20px; padding:4px 14px 8px; margin-bottom:4px; }
.chats-final-stage .pinned-wrap .chat-line { padding:10px 0; }
.chats-final-stage .pin-pager { display:flex; align-items:center; justify-content:center; gap:14px; margin:2px 0 8px; }
.chats-final-stage .pin-arrow { width:30px; height:30px; padding:0; border-radius:50%; border:1px solid var(--line); background:var(--glass); color:var(--ink-soft); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:15px; }
.chats-final-stage .pin-arrow:active { background:var(--accent-soft); color:var(--accent); }
.chats-final-stage .pin-dots { display:flex; gap:6px; align-items:center; }
.chats-final-stage .pin-dot { width:6px; height:6px; border-radius:50%; background:rgba(140,155,150,.35); transition:all .2s; }
.chats-final-stage .pin-dot.on { width:16px; border-radius:3px; background:var(--accent); }

.chats-final-stage .recent-journal { padding:0; background:none; border:none; box-shadow:none; }
.chats-final-stage .rj-row { display:flex; align-items:center; gap:13px; padding:9px 0; cursor:pointer; transition:opacity .12s; }
.chats-final-stage .rj-row:active { opacity:.55; }
.chats-final-stage .rj-row.div { border-top:1px solid var(--line); }
.chats-final-stage .rj-ava { width:56px; height:56px; border-radius:18px; flex:none; display:flex; align-items:center; justify-content:center; font-size:25px; color:#fff; border:1.5px solid rgba(255,255,255,.72); box-shadow:0 1px 6px rgba(60,80,70,.13); }
.chats-final-stage .rj-body { flex:1; min-width:0; }
.chats-final-stage .rj-top { display:flex; align-items:center; gap:8px; }
.chats-final-stage .rj-title { font-size:15px; font-weight:700; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .rj-time { font-size:11.5px; color:var(--ink-faint); flex:none; }
.chats-final-stage .rj-path { font-size:11px; color:var(--ink-faint); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .rj-msg { font-size:13px; color:var(--ink-soft); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .rj-msg svg { vertical-align:-1px; opacity:.6; }
.chats-final-stage .recent-dots { align-self:center; }

.chats-final-stage .theme-cat { position:relative; padding:6px 12px 8px; margin-bottom:4px; border-top-left-radius:var(--r-md); }
.chats-final-stage .theme-cat::before { content:''; position:absolute; left:-2px; top:0; width:28%; height:1.5px; background:var(--tc); border-radius:2px; }
.chats-final-stage .theme-row { align-items:flex-start; }
.chats-final-stage .sub-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.chats-final-stage .sub-pill { font-size:12.5px; font-weight:600; color:var(--ink-soft); background:var(--glass); backdrop-filter:blur(10px); border:1.5px solid var(--line); padding:7px 12px; border-radius:16px; cursor:pointer; white-space:nowrap; }
.chats-final-stage .sub-pill b { color:var(--accent); font-weight:700; margin-left:2px; }
.chats-final-stage .sub-pill.more { color:var(--ink-faint); font-weight:700; }
.chats-final-stage .sub-pill:active { background:var(--accent-soft); }
.chats-final-stage .other-row { display:flex; gap:13px; align-items:center; padding:11px 12px; margin-top:8px; cursor:pointer; background:var(--glass); border:1px solid var(--line); border-radius:18px; }
.chats-final-stage .other-row .row-chev { width:18px; height:18px; color:var(--ink-faint); flex:none; }
.chats-final-stage .other-row .row-chev svg { width:18px; height:18px; }

/* Focused Topic page: decoded screen-topic / renderTopicPage primitives. */
.phone-shell[data-unified-shell].chats-topic-active > .unified-header,
.phone-shell[data-unified-shell].chats-topic-active > .unified-tabs { display:none; }
.chats-final-stage.topic-stage { flex-direction:column; }
.chats-final-stage .page-head { display:flex; align-items:center; gap:11px; padding:calc(env(safe-area-inset-top) + 10px) 14px 10px; position:relative; z-index:5; }
.chats-final-stage .ph-back { width:38px; height:38px; padding:0; border:none; background:transparent; color:var(--ink); border-radius:11px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .ph-back:active { background:rgba(140,155,150,.14); }
.chats-final-stage .ph-back svg { width:22px; height:22px; }
.chats-final-stage .ph-ava { width:46px; height:46px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:23px; flex:none; box-shadow:0 4px 12px rgba(40,60,50,.12); }
.chats-final-stage .ph-ava.circle { border-radius:50%; }
.chats-final-stage .ph-txt { flex:1; min-width:0; }
.chats-final-stage .ph-txt h2 { margin:0; font-family:'Unbounded',sans-serif; font-size:17px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .ph-stat { font-size:11.5px; color:var(--ink-faint); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .ph-stat b { color:var(--ink-soft); font-weight:600; }
.chats-final-stage .ph-btn { width:38px; height:38px; padding:0; border:none; background:transparent; color:var(--ink-soft); border-radius:11px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .ph-btn:active { background:rgba(140,155,150,.14); }
.chats-final-stage .ph-btn svg { width:21px; height:21px; }

.chats-final-stage .gen-row { display:flex; align-items:center; gap:12px; padding:11px 12px; margin:2px 0 4px; border-radius:16px; background:var(--glass); border:1px solid var(--line); cursor:pointer; transition:background .15s; }
.chats-final-stage .gen-row:active { background:var(--accent-soft); }
.chats-final-stage .gen-ava { width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; flex:none; }
.chats-final-stage .gen-body { flex:1; min-width:0; }
.chats-final-stage .gen-body h4 { margin:0; font-size:14.5px; font-weight:700; }
.chats-final-stage .gen-body .gen-last { font-size:12.5px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }
.chats-final-stage .gen-meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex:none; }
.chats-final-stage .gen-meta .gt { font-size:11px; color:var(--ink-faint); }
.chats-final-stage .gen-meta .gu { background:var(--accent); color:#fff; font-size:10.5px; font-weight:700; min-width:18px; height:18px; padding:0 5px; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .gen-chev { color:var(--ink-faint); width:18px; height:18px; flex:none; }
.chats-final-stage .gen-chev svg { width:18px; height:18px; }

.chats-final-stage .qa-head { font-size:12px; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.04em; margin:12px 4px 8px; }
.chats-final-stage .qa-tabs-wrap { position:sticky; top:0; z-index:4; background:linear-gradient(180deg,var(--bg) 70%,transparent); padding:4px 14px 6px; }
.chats-final-stage .qa-tabs { display:flex; gap:6px; background:rgba(140,155,150,.1); border-radius:14px; padding:4px; }
.chats-final-stage .qa-tab { flex:1; border:0; background:transparent; text-align:center; font-size:12.5px; font-weight:600; color:var(--ink-soft); padding:8px 4px; border-radius:11px; cursor:pointer; transition:all .15s; }
.chats-final-stage .qa-tab.on { background:#fff; color:var(--accent); box-shadow:0 2px 8px rgba(40,60,50,.1); }

.chats-final-stage .sub-sec { position:relative; margin:12px 2px 4px; padding:10px 12px 12px 14px; border-left:2px solid var(--sc-line); border-bottom:1.5px solid var(--sc-soft); border-bottom-left-radius:14px; }
.chats-final-stage .sub-sec::before { content:''; position:absolute; left:-2px; top:0; width:30%; height:2px; background:var(--sc-line); border-radius:2px; }
.chats-final-stage .sub-sec-head { display:flex; align-items:center; gap:9px; cursor:pointer; padding-bottom:4px; }
.chats-final-stage .sub-sec-head .sh-em { width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:16px; flex:none; background:var(--sc-soft); }
.chats-final-stage .sub-sec-head h4 { margin:0; font-size:14px; font-weight:700; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .sub-sec-head .sh-cnt { font-size:11.5px; color:var(--ink-faint); font-weight:500; }
.chats-final-stage .mini-chat { display:flex; align-items:center; gap:11px; padding:8px 2px; cursor:pointer; }
.chats-final-stage .mini-chat .mc-ava { width:42px; height:42px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:19px; color:#fff; flex:none; }
.chats-final-stage .mini-chat .mc-body { flex:1; min-width:0; }
.chats-final-stage .mini-chat .mc-body h5 { margin:0; font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:5px; }
.chats-final-stage .mini-chat .mc-body .mc-last { font-size:12px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }
.chats-final-stage .mini-chat .mc-time { font-size:10.5px; color:var(--ink-faint); flex:none; }
.chats-final-stage .all-chats-row { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--accent); font-weight:600; padding:8px 2px 2px; cursor:pointer; }
.chats-final-stage .all-chats-row svg { width:15px; height:15px; }
.chats-final-stage .sub-empty { font-size:12.5px; color:var(--ink-faint); padding:6px 2px 4px; }
.chats-final-stage .sub-empty .se-btn { margin-top:8px; }
.chats-final-stage .pill-btn { border:none; background:var(--accent); color:#fff; font-size:13.5px; font-weight:600; padding:11px 22px; border-radius:22px; cursor:pointer; }
.chats-final-stage .pill-btn.ghost { background:transparent; color:var(--accent); border:1.5px dashed var(--accent-line); }

.chats-final-stage .feed-group-label { font-size:11.5px; font-weight:700; color:var(--ink-faint); margin:14px 4px 6px; }
.chats-final-stage .feed-row { display:flex; gap:11px; padding:9px 2px; cursor:pointer; border-bottom:1px solid var(--line); }
.chats-final-stage .feed-ico { width:34px; height:34px; border-radius:10px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; flex:none; }
.chats-final-stage .feed-ico svg { width:17px; height:17px; }
.chats-final-stage .feed-body { flex:1; min-width:0; }
.chats-final-stage .feed-body h5 { margin:0; font-size:13.5px; font-weight:600; }
.chats-final-stage .feed-body .fp { font-size:11px; color:var(--accent); margin-top:1px; cursor:pointer; }
.chats-final-stage .feed-body .fx { font-size:12px; color:var(--ink-soft); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .feed-time { font-size:10.5px; color:var(--ink-faint); flex:none; }
.chats-final-stage .task-check { width:22px; height:22px; padding:0; border-radius:7px; border:2px solid var(--line); background:transparent; flex:none; cursor:pointer; display:flex; align-items:center; justify-content:center; margin-top:5px; }
.chats-final-stage .task-check.done { background:var(--accent); border-color:var(--accent); }
.chats-final-stage .task-check svg { width:13px; height:13px; color:#fff; }
.chats-final-stage .task-row.done h5 { text-decoration:line-through; color:var(--ink-faint); }
.chats-final-stage .expand-btn { width:100%; border:0; background:transparent; text-align:center; font-size:12.5px; font-weight:600; color:var(--accent); padding:12px; cursor:pointer; }
.chats-final-stage .tab-empty { text-align:center; padding:32px 20px; color:var(--ink-faint); font-size:13px; line-height:1.5; }
.chats-final-stage .create-chat-btn { width:100%; margin:16px 0 8px; padding:13px; border:1.5px dashed var(--accent-line); background:transparent; color:var(--accent); font-size:14px; font-weight:600; border-radius:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; transition:background .15s; }
.chats-final-stage .create-chat-btn:active { background:var(--accent-soft); }
.chats-final-stage .create-chat-btn svg { width:18px; height:18px; }

/* Decoded screen-subtopic / renderSubtopicPage / fullChatRow primitives. */
.chats-final-stage.subtopic-stage { flex-direction:column; }
.chats-final-stage .full-chat { display:flex; gap:13px; padding:10px 2px 10px 0; cursor:pointer; align-items:center; position:relative; }
.chats-final-stage .full-chat .fc-ava { width:58px; height:58px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:25px; color:#fff; flex:none; }
.chats-final-stage .full-chat .fc-body { flex:1; min-width:0; border-bottom:1px solid var(--line); padding-bottom:10px; margin-bottom:-10px; display:flex; flex-direction:column; justify-content:center; min-height:58px; }
.chats-final-stage .full-chat:last-of-type .fc-body { border-bottom:none; }
.chats-final-stage .full-chat .fc-top { display:flex; align-items:center; gap:6px; }
.chats-final-stage .full-chat .fc-title { font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; min-width:0; }
.chats-final-stage .full-chat .fc-title.pinnedt { font-weight:700; }
.chats-final-stage .full-chat .fc-time { font-size:11px; color:var(--ink-faint); flex:none; }
.chats-final-stage .full-chat .fc-last { font-size:12.5px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; }
.chats-final-stage .full-chat.closed { opacity:.62; }
.chats-final-stage .fc-unread { background:var(--accent); color:#fff; font-size:10.5px; font-weight:700; min-width:18px; height:18px; padding:0 5px; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .closed-block-head { width:100%; display:flex; align-items:center; gap:8px; padding:12px 2px 8px; margin-top:8px; cursor:pointer; color:var(--ink-soft); font-size:13px; font-weight:600; border:0; border-top:1px solid var(--line); background:transparent; text-align:left; }
.chats-final-stage .closed-block-head .cbh-chev { margin-left:auto; transition:transform .2s; }
.chats-final-stage .closed-block-head.open .cbh-chev { transform:rotate(180deg); }
.chats-final-stage .closed-block-head svg { width:16px; height:16px; }
.chats-final-stage .subtopic-empty { padding-top:48px; }
.chats-final-stage .subtopic-empty .empty-emoji { font-size:34px; margin-bottom:10px; }
.chats-final-stage .sub-empty.no-active { padding:14px 2px; }
.chats-final-stage .loc-btn.selected-location { color:var(--accent); border-color:var(--accent-line); opacity:1; cursor:default; }

/* Decoded screen-chat / renderChat / renderRow primitives. */
.chats-final-stage.chat-stage { flex-direction:column; position:relative; overflow:hidden; }
.chats-final-stage .chat-header { display:flex; align-items:center; gap:9px; padding:calc(env(safe-area-inset-top) + 10px) 12px 10px; flex:none; position:relative; z-index:6; }
.chats-final-stage .hbtn { width:38px; height:38px; padding:0; border-radius:50%; border:1px solid rgba(255,255,255,.8); background:var(--glass); backdrop-filter:blur(14px); color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; transition:background .15s,transform .15s; }
.chats-final-stage .hbtn:active { background:rgba(140,155,150,.16); transform:scale(.94); }
.chats-final-stage .hbtn svg { width:19px; height:19px; }
.chats-final-stage .chat-plate { flex:1; min-width:0; display:flex; align-items:center; gap:9px; background:var(--glass); border:1px solid rgba(255,255,255,.8); backdrop-filter:blur(14px); border-radius:20px; padding:6px 10px 6px 6px; cursor:pointer; text-align:left; transition:background .15s; }
.chats-final-stage .chat-plate:active { background:rgba(140,155,150,.1); }
.chats-final-stage .chat-plate .ce { width:36px; height:36px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; flex:none; }
.chats-final-stage .chat-plate .info { flex:1; min-width:0; display:block; }
.chats-final-stage .chat-plate .info h3 { margin:0; font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .chat-plate .info .crumb { display:block; font-size:10.5px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .chat-header-actions { display:flex; gap:8px; flex:none; }

.chats-final-stage .pinned-block { display:flex; align-items:stretch; gap:10px; margin:6px 12px 4px; padding:9px 12px 9px 13px; background:var(--glass); border:1px solid rgba(255,255,255,.85); backdrop-filter:blur(14px); border-radius:16px; cursor:pointer; position:relative; flex:none; }
.chats-final-stage .pinned-block::before { content:''; position:absolute; left:4px; top:8px; bottom:8px; width:2.5px; background:var(--accent); border-radius:2px; }
.chats-final-stage .pinned-block .pb-body { flex:1; min-width:0; margin-left:6px; padding:0; border:0; background:transparent; display:flex; flex-direction:column; align-items:flex-start; text-align:left; cursor:pointer; }
.chats-final-stage .pinned-block .pb-label { font-size:9.5px; font-weight:700; color:var(--accent); letter-spacing:.05em; margin-bottom:2px; }
.chats-final-stage .pinned-block .pb-text { max-width:100%; font-size:12.5px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .pinned-block .pb-side { display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; flex:none; gap:6px; }
.chats-final-stage .pinned-block .pb-count { font-size:10.5px; color:var(--ink-faint); font-weight:600; }
.chats-final-stage .pinned-block .pb-close { width:22px; height:22px; padding:0; border-radius:50%; border:none; background:rgba(140,155,150,.14); color:var(--ink-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; }

.chats-final-stage .chat-feed { flex:1; min-height:0; overflow-y:auto; padding:14px 10px 18px; display:flex; flex-direction:column; gap:11px; position:relative; }
.chats-final-stage .history-loading { text-align:center; font-size:11px; color:var(--ink-faint); padding:6px 0 2px; align-items:center; justify-content:center; gap:6px; }
.chats-final-stage .history-loading[hidden] { display:none; }
.chats-final-stage .chat-empty { padding-top:70px; }
.chats-final-stage .chat-empty .eico { font-size:34px; margin-bottom:10px; }
.chats-final-stage .chat-empty span { font-size:12px; }
.chats-final-stage .date-pill-row { display:flex; justify-content:center; margin:4px 0; }
.chats-final-stage .date-pill { font-size:10.5px; font-weight:600; color:var(--ink-soft); background:rgba(255,255,255,.6); border:1px solid var(--line); padding:4px 12px; border-radius:11px; }
.chats-final-stage .row-wrap { display:flex; padding:3px 4px; border-radius:12px; transition:background .15s; }
.chats-final-stage .row-wrap.flash { animation:chat-row-flash 1.3s ease; }
@keyframes chat-row-flash { 0% { background:rgba(62,155,95,.35); } 100% { background:transparent; } }
.chats-final-stage .row-dot { width:24px; height:24px; padding:0; border-radius:8px; border:none; background:transparent; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .row-dot:active { background:rgba(140,155,150,.16); }
.chats-final-stage .row-dot svg { width:15px; height:15px; }
.chats-final-stage .irr-divider-row { display:flex; align-items:center; gap:8px; margin:6px 0; font-size:10.5px; color:var(--ink-faint); font-weight:600; }
.chats-final-stage .irr-divider-row .idl-line { flex:1; height:1px; background:var(--line); }
.chats-final-stage .irr-divider-row .idot { width:24px; height:24px; padding:0; border-radius:8px; border:none; background:transparent; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .irr-divider-row .idot svg { width:14px; height:14px; }
.chats-final-stage .divider-row { display:flex; align-items:center; gap:8px; margin:6px 0; font-size:10.5px; color:var(--accent); font-weight:600; }
.chats-final-stage .divider-row::before,.chats-final-stage .divider-row::after { content:''; flex:1; height:1px; background:var(--accent-line); }

.chats-final-stage .msg-row { display:flex; align-items:center; gap:8px; max-width:100%; flex:1; }
.chats-final-stage .msg-row.right { align-self:flex-end; flex-direction:row-reverse; }
.chats-final-stage .msg-col-wrap { display:flex; align-items:center; gap:3px; min-width:0; max-width:88%; }
.chats-final-stage .msg-row.right .msg-col-wrap { flex-direction:row-reverse; }
.chats-final-stage .msg-row .m-ava { width:22px; height:22px; border-radius:50%; flex:none; color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:2px; }
.chats-final-stage .msg-col { display:flex; flex-direction:column; gap:3px; min-width:0; }
.chats-final-stage .msg-meta { font-size:10px; color:var(--ink-faint); display:flex; gap:6px; align-items:center; }
.chats-final-stage .msg-row.right .msg-meta { flex-direction:row-reverse; }
.chats-final-stage .bubble { padding:9px 12px; border-radius:16px; font-size:13.5px; line-height:1.4; position:relative; word-break:break-word; }
.chats-final-stage .msg-row.left .bubble { background:rgba(255,255,255,.75); border:1px solid var(--line); border-top-left-radius:5px; }
.chats-final-stage .msg-row.right .bubble { background:linear-gradient(135deg,var(--accent),#4EAF6E); color:#fff; border-top-right-radius:5px; }
.chats-final-stage .bubble.failed { background:var(--overdue-soft); border:1px solid rgba(229,72,77,.4); color:var(--ink); }
.chats-final-stage .send-status { padding:0; border:0; background:transparent; font-size:10px; color:var(--ink-faint); margin-top:2px; display:flex; align-items:center; gap:3px; }
.chats-final-stage .send-status.failed { color:var(--overdue); cursor:pointer; font-weight:600; }
.chats-final-stage .send-status.failed svg { width:11px; height:11px; }
.chats-final-stage .reply-quote { width:100%; border:0; font-size:11px; padding:5px 8px; border-left:2.5px solid var(--accent-line); border-radius:6px; background:rgba(140,155,150,.10); margin-bottom:5px; cursor:pointer; text-align:left; }
.chats-final-stage .reply-quote b { display:block; color:var(--accent); font-weight:700; margin-bottom:1px; }
.chats-final-stage .msg-row.right .reply-quote { background:rgba(255,255,255,.18); border-left-color:rgba(255,255,255,.6); color:#fff; }
.chats-final-stage .msg-row.right .reply-quote b { color:#fff; }

.chats-final-stage .card-row { display:flex; align-items:center; gap:3px; max-width:88%; }
.chats-final-stage .entity-card { align-self:flex-start; background:var(--glass); border:1.5px solid var(--accent-line); border-radius:var(--r-md); padding:10px 12px 10px 15px; cursor:pointer; position:relative; flex:1; min-width:0; text-align:left; }
.chats-final-stage .entity-card::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:44%; width:9px; border:1.6px solid var(--accent); border-right:none; border-radius:8px 0 0 8px; }
.chats-final-stage .entity-card .elabel { display:block; font-size:9.5px; font-weight:700; color:var(--accent); letter-spacing:.04em; margin-bottom:3px; }
.chats-final-stage .entity-card h4 { margin:0 0 4px; font-size:13px; font-weight:700; display:flex; align-items:center; }
.chats-final-stage .entity-card .emeta { font-size:10.5px; color:var(--ink-soft); display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.chats-final-stage .entity-card .entity-path { margin-top:4px; color:var(--ink-faint); }
.chats-final-stage .entity-card .prio { font-weight:700; }
.chats-final-stage .entity-card .prio.high { color:var(--prio-high); }
.chats-final-stage .entity-card .prio.mid { color:var(--prio-mid); }
.chats-final-stage .entity-card .ecircle { width:14px; height:14px; border-radius:50%; border:2px solid var(--accent-line); flex:none; margin-right:6px; }
.chats-final-stage .sys-update { align-self:flex-start; background:transparent; border:1px dashed var(--line); border-radius:var(--r-md); padding:8px 12px; cursor:pointer; flex:1; min-width:0; text-align:left; }
.chats-final-stage .sys-update .slabel { display:block; font-size:9.5px; font-weight:700; color:var(--ink-faint); letter-spacing:.04em; margin-bottom:3px; }
.chats-final-stage .sys-update h5 { margin:0 0 3px; font-size:12.5px; font-weight:600; }
.chats-final-stage .sys-update ul { margin:0; padding:0; list-style:none; font-size:11px; color:var(--ink-soft); }
.chats-final-stage .sys-update ul li { padding:1px 0; }

.chats-final-stage .voice-bubble { display:flex; align-items:center; gap:8px; min-width:150px; }
.chats-final-stage .voice-bubble .vplay { width:26px; height:26px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.3); flex:none; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:11px; }
.chats-final-stage .msg-row.left .voice-bubble .vplay { background:var(--accent-soft); color:var(--accent); }
.chats-final-stage .voice-bubble .wave { flex:1; height:18px; background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px); opacity:.5; border-radius:4px; }
.chats-final-stage .voice-bubble .vdur { font-size:10.5px; flex:none; opacity:.85; }
.chats-final-stage .file-bubble { display:flex; align-items:center; gap:8px; }
.chats-final-stage .file-bubble .fico { width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.3); flex:none; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .file-bubble .fico svg { width:16px; height:16px; }
.chats-final-stage .file-bubble .fmeta { min-width:0; display:flex; flex-direction:column; }
.chats-final-stage .file-bubble .fname { font-size:12.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; }
.chats-final-stage .file-bubble .fsize { font-size:10px; opacity:.8; }
.chats-final-stage .file-caption,.chats-final-stage .photo-caption { font-size:11.5px; margin-top:4px; color:var(--ink); }
.chats-final-stage .photo-bubble { border:0; border-radius:16px; overflow:hidden; position:relative; width:180px; height:135px; display:flex; align-items:flex-end; justify-content:flex-end; cursor:pointer; }
.chats-final-stage .photo-bubble .ph-time { font-size:10px; color:#fff; background:rgba(0,0,0,.35); padding:2px 7px; border-radius:8px; margin:8px; }
.chats-final-stage .photo-group { padding:0; border:0; display:grid; grid-template-columns:1fr 1fr; gap:3px; width:180px; border-radius:16px; overflow:hidden; cursor:pointer; }
.chats-final-stage .photo-group .pg-cell { height:86px; position:relative; }
.chats-final-stage .photo-group .pg-cell:first-child { grid-row:span 2; height:175px; }
.chats-final-stage .photo-group .pg-more { position:absolute; inset:0; background:rgba(20,30,25,.45); color:#fff; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .video-bubble { width:190px; height:140px; padding:0; border:0; border-radius:16px; overflow:hidden; position:relative; cursor:pointer; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#7C8A9A,#4E5D6E); }
.chats-final-stage .video-bubble .vb-play { width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center; color:var(--accent); }
.chats-final-stage .video-bubble .vb-dur { position:absolute; right:8px; bottom:8px; font-size:10px; color:#fff; background:rgba(0,0,0,.4); padding:2px 7px; border-radius:8px; }
.chats-final-stage .link-card { width:220px; padding:0; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.6); border:1px solid var(--line); cursor:pointer; text-align:left; }
.chats-final-stage .msg-row.right .link-card { background:rgba(255,255,255,.22); border-color:rgba(255,255,255,.4); }
.chats-final-stage .link-card .lc-img { height:96px; background:linear-gradient(135deg,#B8C6D6,#8FA3B8); display:flex; align-items:center; justify-content:center; color:#fff; }
.chats-final-stage .link-card .lc-img svg { width:26px; height:26px; }
.chats-final-stage .link-card .lc-body { display:flex; flex-direction:column; padding:8px 10px; }
.chats-final-stage .link-card .lc-title { font-size:12.5px; font-weight:700; margin-bottom:2px; }
.chats-final-stage .link-card .lc-desc { font-size:11px; color:var(--ink-soft); line-height:1.3; margin-bottom:4px; }
.chats-final-stage .link-card .lc-domain { font-size:10px; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.03em; }
.chats-final-stage .link-plain { padding:9px 12px; border-radius:16px; background:rgba(255,255,255,.75); border:1px solid var(--line); font-size:12.5px; color:var(--accent); cursor:pointer; }
.chats-final-stage .msg-links { display:flex; flex-direction:column; gap:5px; margin-top:5px; align-items:flex-start; }
.chats-final-stage .msg-row.right .msg-links { align-items:flex-end; }
.chats-final-stage .relation-label { max-width:220px; padding:0; border:0; background:transparent; font-size:10px; color:var(--ink-faint); display:flex; align-items:center; gap:4px; cursor:pointer; text-align:left; }
.chats-final-stage .relation-label svg { width:11px; height:11px; flex:none; }

.chats-final-stage .down-jump { position:absolute; right:14px; bottom:82px; width:36px; height:36px; padding:0; border-radius:50%; background:rgba(255,255,255,.92); border:1px solid var(--line); box-shadow:0 3px 10px rgba(60,80,70,.15); display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--accent); flex-direction:column; z-index:20; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .18s,transform .18s; }
.chats-final-stage .down-jump.show { opacity:1; pointer-events:auto; transform:none; }
.chats-final-stage .down-jump svg { width:16px; height:16px; }
.chats-final-stage .down-jump .dj-count { font-size:9px; font-weight:700; line-height:1; }
.chats-final-stage .composer-wrap { flex:none; padding:8px 12px 12px; background:rgba(255,255,255,.4); backdrop-filter:blur(16px); border-top:1px solid var(--line); }
.chats-final-stage .composer { display:flex; align-items:flex-end; gap:5px; background:var(--glass); border:1px solid rgba(255,255,255,.8); border-radius:22px; padding:5px 5px 5px 6px; }
.chats-final-stage .composer .cbtn { width:34px; height:34px; padding:0; border-radius:50%; border:none; background:transparent; color:var(--ink-soft); flex:none; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .composer .cbtn:active { background:rgba(140,155,150,.14); }
.chats-final-stage .composer .cbtn svg { width:19px; height:19px; }
.chats-final-stage .composer textarea { flex:1; border:none; background:transparent; font-family:inherit; font-size:14px; resize:none; max-height:90px; outline:none; padding:8px 2px; line-height:1.35; min-width:0; }
.chats-final-stage .composer .send-btn { width:34px; height:34px; padding:0; border-radius:50%; border:none; background:var(--accent); color:#fff; flex:none; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.chats-final-stage .composer .send-btn svg { width:15px; height:15px; }
.chats-final-stage .closed-composer { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; background:var(--overdue-soft); border-radius:16px; margin:0 12px 12px; flex:none; }
.chats-final-stage .closed-composer span { font-size:12.5px; color:var(--ink-soft); font-weight:600; }
.chats-final-stage .closed-composer button { border:none; background:var(--accent); color:#fff; font-size:12px; font-weight:700; padding:8px 12px; border-radius:12px; cursor:pointer; }
.chats-final-stage .reply-preview,.chats-final-stage .edit-preview,.chats-final-stage .attach-preview { display:flex; align-items:center; gap:8px; padding:7px 10px; background:rgba(140,155,150,.1); border-radius:12px; margin:0 2px 6px; font-size:11.5px; }
.chats-final-stage .reply-preview[hidden],.chats-final-stage .edit-preview[hidden],.chats-final-stage .attach-preview[hidden] { display:none; }
.chats-final-stage .pop-group-label { padding:7px 10px 3px; font-size:9.5px; font-weight:700; color:var(--ink-faint); letter-spacing:.04em; text-transform:uppercase; }

/* Exact decoded speed dial: fixed 96px above the bottom, no hotbar. */
.chats-final-stage .fab-dial { position:fixed; right:18px; bottom:96px; z-index:22; display:flex; flex-direction:column-reverse; align-items:flex-end; gap:12px; }
.chats-final-stage .fab-main { width:56px; height:56px; padding:0; border-radius:18px; background:rgba(62,155,95,.94); backdrop-filter:blur(8px); color:#fff; border:1px solid rgba(255,255,255,.5); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(62,155,95,.35); transition:transform .22s cubic-bezier(.3,.9,.3,1); }
.chats-final-stage .fab-main svg { width:24px; height:24px; transition:transform .22s; }
.chats-final-stage .fab-dial.open .fab-main { background:rgba(255,255,255,.9); color:var(--ink-soft); box-shadow:0 8px 22px rgba(60,80,70,.2); }
.chats-final-stage .fab-dial.open .fab-main svg { transform:rotate(135deg); }
.chats-final-stage .dial-items { display:flex; flex-direction:column; align-items:flex-end; gap:10px; margin-bottom:2px; opacity:0; transform:translateY(10px) scale(.96); pointer-events:none; transition:opacity .2s,transform .2s; }
.chats-final-stage .fab-dial.open .dial-items { opacity:1; transform:none; pointer-events:auto; }
.chats-final-stage .dial-pill { display:flex; align-items:center; gap:10px; padding:11px 16px; border-radius:22px; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.8); box-shadow:0 6px 18px rgba(60,80,70,.14); font-size:14px; font-weight:600; color:var(--ink); cursor:pointer; white-space:nowrap; }
.chats-final-stage .dial-pill:active { transform:scale(.94); }
.chats-final-stage .dial-pill .dp-ico { width:30px; height:30px; border-radius:10px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; flex:none; }
.chats-final-stage .dial-pill .dp-ico svg { width:17px; height:17px; }

/* Sheets, floating menus and placeholder forms use decoded primitives. */
.chats-final-stage .sheet-backdrop { position:fixed; inset:0; background:rgba(35,38,43,.28); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity .25s; z-index:30; }
.chats-final-stage .sheet-backdrop.show { opacity:1; pointer-events:auto; }
.chats-final-stage .sheet { position:fixed; left:0; right:0; bottom:0; width:100%; max-width:400px; margin:0 auto; background:rgba(255,255,255,.94); backdrop-filter:blur(24px); border-radius:20px 20px 0 0; padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px)); transform:translateY(105%); transition:transform .3s cubic-bezier(.3,.9,.3,1); z-index:31; max-height:82dvh; overflow-y:auto; }
.chats-final-stage .sheet.show { transform:translateY(0); }
.chats-final-stage .sheet .grip { width:38px; height:4px; border-radius:2px; background:rgba(140,155,150,.3); margin:0 auto 14px; }
.chats-final-stage .sheet h3 { font-size:16px; font-weight:700; margin:0 0 12px; }
.chats-final-stage .catlist .crow { width:100%; display:flex; align-items:center; gap:13px; padding:12px 8px; border:0; border-radius:14px; background:transparent; cursor:pointer; text-align:left; }
.chats-final-stage .catlist .crow:active { background:var(--accent-soft); }
.chats-final-stage .catlist .ci { width:40px; height:40px; border-radius:13px; display:flex; align-items:center; justify-content:center; flex:none; color:#fff; font-size:18px; }
.chats-final-stage .catlist .cn { font-weight:600; font-size:15px; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .catlist .cc { font-size:12px; color:var(--ink-faint); font-weight:600; max-width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .catlist .cchev { width:16px; height:16px; opacity:.4; flex:none; }
.chats-final-stage .catlist .cchev svg { width:16px; height:16px; }
.chats-final-stage .catlist .backrow { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:var(--ink-soft); font-weight:600; font-size:14px; margin-bottom:8px; cursor:pointer; }
.chats-final-stage .catlist .backrow svg { width:17px; height:17px; }
.chats-final-stage .empty-state { text-align:center; padding:20px; color:var(--ink-faint); font-size:13px; }

.chats-final-stage .menu-backdrop { position:fixed; inset:0; background:rgba(20,28,24,.10); opacity:0; pointer-events:none; transition:opacity .18s; z-index:37; }
.chats-final-stage .menu-backdrop.show { opacity:1; pointer-events:auto; }
.chats-final-stage .ctx-menu,
.chats-final-stage .plus-pop { position:fixed; z-index:38; background:rgba(255,255,255,.97); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.8); border-radius:16px; box-shadow:0 12px 30px rgba(20,30,25,.2); padding:6px; min-width:206px; max-width:260px; display:none; }
.chats-final-stage .plus-pop { width:230px; max-width:calc(100% - 24px); }
.chats-final-stage .ctx-menu.show,
.chats-final-stage .plus-pop.show { display:block; }
.chats-final-stage .ctx-item { width:100%; display:flex; align-items:center; gap:11px; padding:10px; border:0; background:transparent; font-size:13.5px; border-radius:10px; cursor:pointer; color:var(--ink); text-align:left; }
.chats-final-stage .ctx-item:active { background:rgba(140,155,150,.12); }
.chats-final-stage .ctx-item.danger { color:var(--overdue); }
.chats-final-stage .ctx-item.disabled { color:var(--ink-faint); cursor:default; opacity:.68; }
.chats-final-stage .ctx-item.danger .ci-svg { color:var(--overdue); }
.chats-final-stage .ctx-item .ci-svg { width:18px; height:18px; flex:none; color:var(--ink-soft); display:flex; }
.chats-final-stage .ctx-item .ci-svg svg { width:18px; height:18px; }
.chats-final-stage .ctx-item .ci-txt { flex:1; display:flex; flex-direction:column; line-height:1.2; }
.chats-final-stage .ctx-item .ci-hint { font-size:10px; color:var(--ink-faint); margin-top:2px; }

.chats-final-stage .modal-back { position:fixed; inset:0; background:rgba(35,38,43,.34); backdrop-filter:blur(3px); z-index:44; display:none; align-items:center; justify-content:center; padding:20px; }
.chats-final-stage .modal-back.show { display:flex; }
.chats-final-stage .modal-card { width:100%; max-width:340px; background:rgba(255,255,255,.97); backdrop-filter:blur(24px); border-radius:20px; padding:20px; box-shadow:0 24px 60px rgba(20,30,25,.28); max-height:82dvh; overflow-y:auto; }
.chats-final-stage .modal-card h3 { font-size:16px; font-weight:700; margin:0 0 14px; }
.chats-final-stage .field-row { display:flex; gap:10px; align-items:center; margin-bottom:14px; }
.chats-final-stage .emoji-btn { width:52px; height:52px; border-radius:16px; border:1.5px solid var(--line); background:var(--glass); font-size:24px; cursor:pointer; flex:none; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .modal-input { flex:1; height:46px; border:1.5px solid var(--line); border-radius:14px; padding:0 14px; font-size:14.5px; background:rgba(255,255,255,.6); outline:none; min-width:0; }
.chats-final-stage .modal-input:focus { border-color:var(--accent-line); }
.chats-final-stage .modal-label { font-size:11.5px; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.03em; margin:6px 2px 8px; }
.chats-final-stage .loc-btn { width:100%; display:flex; align-items:center; gap:8px; min-height:46px; border:1.5px solid var(--line); border-radius:14px; padding:0 14px; background:rgba(255,255,255,.6); font-size:14px; color:var(--ink); cursor:pointer; margin-bottom:6px; }
.chats-final-stage .loc-btn .lb-chev { margin-left:auto; color:var(--ink-faint); }
.chats-final-stage .loc-btn .lb-chev svg { width:16px; height:16px; }
.chats-final-stage .loc-btn.placeholder { color:var(--ink-faint); }
.chats-final-stage .color-row { display:flex; flex-wrap:wrap; gap:10px; margin:2px 2px 16px; }
.chats-final-stage .color-dot { width:30px; height:30px; border-radius:50%; border:2px solid transparent; }
.chats-final-stage .color-dot.on { border-color:var(--ink); transform:scale(1.08); }
.chats-final-stage .stage1-form-note { margin:12px 0; padding:9px 11px; border-radius:12px; background:rgba(140,155,150,.08); color:var(--ink-soft); font-size:11.5px; line-height:1.4; }
.chats-final-stage .modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:6px; }
.chats-final-stage .m-btn { border:none; border-radius:13px; padding:11px 18px; font-size:13.5px; font-weight:600; cursor:pointer; }
.chats-final-stage .m-btn.sec { background:rgba(140,155,150,.14); color:var(--ink-soft); }
.chats-final-stage .m-btn.pri { background:var(--accent); color:#fff; }

.chats-final-stage .toast { position:fixed; left:50%; bottom:28px; transform:translateX(-50%) translateY(10px); max-width:calc(100vw - 32px); background:rgba(35,38,43,.92); color:#fff; font-size:12.5px; line-height:1.35; padding:9px 16px; border-radius:20px; opacity:0; pointer-events:none; transition:opacity .25s,transform .25s; z-index:50; text-align:center; }
.chats-final-stage .toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

/* Stage 5: decoded composer, cascade, search, info and confirmation surfaces. */
.chats-final-stage .chat-aa { font-size:12px; font-weight:700; }
.chats-final-stage .format-bar { display:flex; gap:5px; padding:2px 2px 8px; }
.chats-final-stage .format-bar[hidden] { display:none; }
.chats-final-stage .fb-btn { width:34px; height:32px; border:none; border-radius:10px; background:rgba(140,155,150,.10); color:var(--ink-soft); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.chats-final-stage .fb-btn:active,.chats-final-stage .fb-btn.active { background:var(--accent-soft); color:var(--accent); }
.chats-final-stage .reply-preview .rp-body { flex:1; min-width:0; }
.chats-final-stage .reply-preview .rp-title { color:var(--accent); font-weight:700; display:block; }
.chats-final-stage .reply-preview .rp-text { color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.chats-final-stage .reply-preview .rp-close { width:26px; height:26px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.chats-final-stage .reply-preview .rp-close svg { width:15px; height:15px; }

.chats-final-stage .chat-search-bar { display:flex; align-items:center; gap:9px; padding:calc(env(safe-area-inset-top) + 10px) 12px 10px; flex:none; }
.chats-final-stage .chat-search-bar .sfield { flex:1; display:flex; align-items:center; gap:8px; background:var(--glass); border:1px solid rgba(255,255,255,.8); backdrop-filter:blur(14px); border-radius:20px; padding:0 6px 0 14px; height:42px; }
.chats-final-stage .chat-search-bar .sfield input { flex:1; border:none; background:transparent; font-family:inherit; font-size:14px; outline:none; min-width:0; }
.chats-final-stage .chat-search-bar .sclear { width:26px; height:26px; border-radius:50%; border:none; background:rgba(140,155,150,.14); color:var(--ink-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none; }
.chats-final-stage .chat-search-bar .sclear svg { width:13px; height:13px; }
.chats-final-stage .search-nav-bar { flex:none; display:flex; align-items:center; justify-content:space-between; padding:10px 16px; min-height:53px; background:var(--glass); backdrop-filter:blur(16px); border-top:1px solid var(--line); margin:0 2px; }
.chats-final-stage .search-nav-bar .snb-count { font-size:12.5px; color:var(--ink-soft); font-weight:600; }
.chats-final-stage .search-nav-bar .snb-arrows { display:flex; gap:6px; }
.chats-final-stage .search-nav-bar .snb-arrow { width:32px; height:32px; border-radius:10px; border:1px solid var(--line); background:rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ink-soft); }
.chats-final-stage .search-nav-bar .snb-arrow svg { width:16px; height:16px; }
.chats-final-stage .highlighted { animation:stage5Highlight 1.6s ease; }
@keyframes stage5Highlight { 0%{background:rgba(62,155,95,.35);} 100%{background:transparent;} }
.chats-final-stage .select-bar { display:flex; align-items:center; gap:9px; padding:calc(env(safe-area-inset-top) + 10px) 12px 10px; flex:none; }
.chats-final-stage .select-bar .sel-count { flex:1; text-align:center; font-size:14px; font-weight:700; }
.chats-final-stage .select-bar .select-spacer { width:38px; }
.chats-final-stage .select-toolbar { display:flex; flex:none; padding:8px 6px calc(env(safe-area-inset-bottom) + 8px); background:rgba(255,255,255,.5); backdrop-filter:blur(16px); border-top:1px solid var(--line); }
.chats-final-stage .select-toolbar .st-btn { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; padding:6px 2px; border:0; background:transparent; cursor:pointer; border-radius:12px; color:var(--ink-soft); font-size:10px; font-weight:600; }
.chats-final-stage .select-toolbar .st-btn:active { background:rgba(140,155,150,.12); }
.chats-final-stage .select-toolbar .st-btn svg { width:19px; height:19px; }
.chats-final-stage .select-toolbar .st-btn.danger { color:var(--overdue); }
.chats-final-stage .chat-feed .row-wrap.selected { position:relative; background:rgba(62,155,95,.12); border-radius:14px; }
.chats-final-stage .chat-feed .row-wrap.selected::before { content:'✓'; position:absolute; left:2px; top:50%; transform:translateY(-50%); width:20px; height:20px; border-radius:50%; background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; z-index:3; }

.chats-final-stage .sheet-group-label { padding:10px 8px 4px; font-size:10px; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.05em; }
.chats-final-stage .menu-item { width:100%; display:flex; align-items:center; gap:11px; padding:10px 8px; border:0; border-radius:12px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.chats-final-stage .menu-item:active { background:rgba(140,155,150,.10); }
.chats-final-stage .menu-item .mi-ico { width:34px; height:34px; border-radius:11px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; flex:none; }
.chats-final-stage .menu-item .mi-ico svg { width:17px; height:17px; }
.chats-final-stage .menu-item .mi-txt { flex:1; display:flex; flex-direction:column; font-size:13.5px; font-weight:600; }
.chats-final-stage .menu-item .mi-txt small { margin-top:2px; font-size:10px; font-weight:500; color:var(--ink-faint); }
.chats-final-stage .menu-item .mi-chev { width:16px; color:var(--ink-faint); }
.chats-final-stage .menu-item .mi-chev svg { width:16px; height:16px; }

.chats-final-stage .ctx-item .ci-next { width:16px; height:16px; color:var(--ink-faint); flex:none; }
.chats-final-stage .ctx-item .ci-next svg { width:16px; height:16px; }
.chats-final-stage .cascade-layer { position:fixed; inset:0; z-index:38; pointer-events:none; display:none; }
.chats-final-stage .cascade-layer.show { display:block; }
.chats-final-stage .cascade-panel { position:absolute; pointer-events:auto; background:rgba(255,255,255,.97); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.85); border-radius:16px; box-shadow:0 14px 34px rgba(20,30,25,.22); padding:6px; min-width:214px; max-width:230px; animation:stage5CascadeIn .14s ease; }
@keyframes stage5CascadeIn { from{opacity:0; transform:scale(.96);} to{opacity:1; transform:scale(1);} }
.chats-final-stage .cascade-item { width:100%; display:flex; align-items:center; gap:10px; padding:9px 10px; border:0; background:transparent; font-size:13px; border-radius:10px; cursor:pointer; color:var(--ink); text-align:left; }
.chats-final-stage .cascade-item:active { background:rgba(140,155,150,.12); }
.chats-final-stage .cascade-item.danger { color:var(--overdue); }
.chats-final-stage .cascade-item.disabled { opacity:.55; cursor:default; }
.chats-final-stage .cascade-item .cs-svg { width:17px; height:17px; flex:none; color:var(--ink-soft); display:flex; }
.chats-final-stage .cascade-item .cs-svg svg { width:17px; height:17px; }
.chats-final-stage .cascade-item .cs-txt { flex:1; min-width:0; }
.chats-final-stage .cascade-item .cs-chev { width:15px; height:15px; color:var(--ink-faint); flex:none; }
.chats-final-stage .cascade-item .cs-chev svg { width:15px; height:15px; }
.chats-final-stage .cascade-item .cs-hint { font-size:9.5px; color:var(--ink-faint); flex:none; }
.chats-final-stage .cascade-item.cascade-back { font-weight:700; color:var(--ink-soft); }
.chats-final-stage .cascade-sep { height:1px; background:var(--line); margin:4px 6px; }

.chats-final-stage .confirm-backdrop { position:fixed; inset:0; z-index:41; background:rgba(35,38,43,.30); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity .2s; }
.chats-final-stage .confirm-backdrop.show { opacity:1; pointer-events:auto; }
.chats-final-stage .confirm-sheet { z-index:42; }
.chats-final-stage .confirm-sheet p { font-size:13px; color:var(--ink-soft); line-height:1.4; margin:0 0 18px; }
.chats-final-stage .confirm-actions { display:flex; gap:8px; }
.chats-final-stage .confirm-btn { flex:1; border:none; border-radius:14px; padding:11px; font-family:inherit; font-size:13.5px; font-weight:600; cursor:pointer; }
.chats-final-stage .confirm-btn.secondary { background:rgba(140,155,150,.12); color:var(--ink-soft); }
.chats-final-stage .confirm-btn.primary { background:var(--accent); color:#fff; }
.chats-final-stage .confirm-btn.danger { background:var(--overdue); color:#fff; }

.chats-final-stage.chat-info-stage { display:flex; flex-direction:column; height:100%; min-height:0; }
.chats-final-stage .info-topbar { display:flex; align-items:center; justify-content:space-between; padding:calc(env(safe-area-inset-top) + 10px) 14px 6px; position:relative; z-index:5; flex:none; }
.chats-final-stage .info-topbar .it-right { display:flex; gap:8px; }
.chats-final-stage .info-cover { margin:6px 14px 0; height:150px; border-radius:26px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.chats-final-stage .info-cover .ic-glow { position:absolute; inset:0; background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.55),rgba(255,255,255,0) 60%); }
.chats-final-stage .info-cover .ic-emoji { font-size:52px; position:relative; z-index:1; filter:drop-shadow(0 3px 10px rgba(0,0,0,.12)); }
.chats-final-stage .info-main { text-align:center; padding:12px 20px 0; }
.chats-final-stage .info-main h2 { font-size:18px; font-weight:700; margin:0 0 3px; }
.chats-final-stage .info-main .im-path { font-size:12px; color:var(--ink-faint); margin-bottom:6px; }
.chats-final-stage .info-main .im-status { font-size:12px; color:var(--ink-soft); display:flex; align-items:center; justify-content:center; gap:6px; font-weight:600; }
.chats-final-stage .im-status .dot { width:7px; height:7px; border-radius:50%; background:var(--accent); }
.chats-final-stage .im-status.closed .dot { background:var(--ink-faint); }
.chats-final-stage .info-quick { display:flex; gap:8px; padding:16px 14px 4px; }
.chats-final-stage .iq-btn { flex:1; display:flex; flex-direction:column; align-items:center; gap:5px; padding:11px 4px; border-radius:16px; background:var(--glass); border:1px solid var(--line); cursor:pointer; }
.chats-final-stage .iq-btn svg { width:18px; height:18px; color:var(--ink-soft); }
.chats-final-stage .iq-btn span { font-size:11.5px; font-weight:600; color:var(--ink-soft); }
.chats-final-stage .iq-btn.on { background:var(--accent-soft); border-color:var(--accent-line); }
.chats-final-stage .iq-btn.on svg,.chats-final-stage .iq-btn.on span { color:var(--accent); }
.chats-final-stage .iq-btn.resume { background:var(--accent); border-color:var(--accent); }
.chats-final-stage .iq-btn.resume svg,.chats-final-stage .iq-btn.resume span { color:#fff; }
.chats-final-stage .info-list-block { margin:10px 14px 0; background:var(--glass); border:1px solid var(--line); border-radius:18px; padding:4px 6px; }
.chats-final-stage .info-list-title { font-size:10.5px; font-weight:700; color:var(--ink-faint); letter-spacing:.04em; text-transform:uppercase; padding:9px 10px 3px; }
.chats-final-stage .info-entity-row { width:100%; display:flex; align-items:center; gap:9px; padding:9px 10px; border:0; background:transparent; cursor:pointer; border-radius:12px; text-align:left; }
.chats-final-stage .info-entity-row:active { background:rgba(140,155,150,.10); }
.chats-final-stage .info-entity-row .ier-body { flex:1; min-width:0; display:flex; flex-direction:column; }
.chats-final-stage .info-entity-row .ier-title { font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chats-final-stage .info-entity-row .ier-meta { font-size:11px; color:var(--ink-faint); margin-top:1px; }
.chats-final-stage .info-entity-row .ier-chev { width:15px; height:15px; color:var(--ink-faint); flex:none; }
.chats-final-stage .info-entity-row.done .ier-title { color:var(--ink-faint); text-decoration:line-through; }
.chats-final-stage .info-empty-block { padding:14px 12px; font-size:12.5px; color:var(--ink-soft); line-height:1.5; }
.chats-final-stage .info-desc-block { margin:12px 14px 0; background:var(--glass); border:1px solid var(--line); border-radius:18px; padding:12px 14px; }
.chats-final-stage .info-desc-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.chats-final-stage .info-desc-head h4 { font-size:12.5px; font-weight:700; margin:0; }
.chats-final-stage .info-desc-head .idh-edit { width:26px; height:26px; border-radius:9px; border:none; background:transparent; color:var(--ink-faint); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.chats-final-stage .info-desc-head .idh-edit svg { width:15px; height:15px; }
.chats-final-stage .info-desc-text { font-size:12.5px; color:var(--ink-soft); line-height:1.5; white-space:pre-wrap; }
.chats-final-stage .info-desc-text.empty { color:var(--ink-faint); font-style:italic; }
.chats-final-stage .info-loc-block { width:calc(100% - 28px); margin:10px 14px 0; background:var(--glass); border:1px solid var(--line); border-radius:18px; padding:12px 14px; display:flex; align-items:center; gap:8px; cursor:pointer; text-align:left; color:var(--ink); }
.chats-final-stage .info-loc-block.disabled { cursor:default; }
.chats-final-stage .info-loc-block .ilb-body { flex:1; min-width:0; display:flex; flex-direction:column; }
.chats-final-stage .info-loc-block .ilb-title { font-size:12.5px; font-weight:700; margin-bottom:2px; }
.chats-final-stage .info-loc-block .ilb-path { font-size:12px; color:var(--ink-soft); }
.chats-final-stage .info-loc-block svg { width:16px; height:16px; color:var(--ink-faint); flex:none; }
.chats-final-stage .info-meta-block { margin:10px 14px 20px; background:var(--glass); border:1px solid var(--line); border-radius:18px; padding:12px 14px; display:flex; flex-direction:column; gap:10px; }
.chats-final-stage .info-meta-row .imr-label { font-size:10.5px; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.03em; margin-bottom:2px; }
.chats-final-stage .info-meta-row .imr-val { font-size:13px; font-weight:600; }
.chats-final-stage .info-meta-div { height:1px; background:var(--line); }

.chats-final-stage .entity-select-list { max-height:280px; overflow-y:auto; margin:0 -4px; }
.chats-final-stage .entity-select-row { width:100%; display:flex; align-items:center; gap:10px; padding:9px 6px; border:0; background:transparent; cursor:pointer; border-radius:12px; text-align:left; }
.chats-final-stage .entity-select-row:active { background:rgba(140,155,150,.10); }
.chats-final-stage .entity-select-row .esr-ico { width:32px; height:32px; border-radius:10px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; flex:none; }
.chats-final-stage .entity-select-row .esr-ico svg { width:15px; height:15px; }
.chats-final-stage .entity-select-row .esr-body { flex:1; min-width:0; display:flex; flex-direction:column; }
.chats-final-stage .entity-select-row .esr-title { font-size:13px; font-weight:600; }
.chats-final-stage .entity-select-row .esr-meta { font-size:11px; color:var(--ink-faint); }
.chats-final-stage .modal-input.full { width:100%; display:block; margin-bottom:10px; }
.chats-final-stage .modal-textarea { width:100%; height:auto; min-height:88px; padding:10px 14px; resize:none; font-family:inherit; line-height:1.4; }
.chats-final-stage .toast .undo { border:0; background:transparent; color:#9FE1B6; font:inherit; font-weight:800; cursor:pointer; padding:0 0 0 3px; }
.chats-final-stage .toast.show { pointer-events:auto; }

body[data-chats-preview] .chats-final-stage .cascade-layer,
body[data-chats-preview] .chats-final-stage .confirm-backdrop { position:absolute; }

body[data-chats-preview] { min-height:100dvh; display:flex; justify-content:center; background:#dfe5e2; }
body[data-chats-preview] .phone-shell[data-unified-shell] { width:min(100vw,400px); height:100dvh; margin:0; border-radius:0; }
body[data-chats-preview] .unified-screen { padding:0; overflow:hidden; }
body[data-chats-preview] .unified-hotbar { display:none; }

@media (min-width:401px) {
  .chats-final-stage .fab-dial { position:absolute; }
  body[data-chats-preview] .phone-shell[data-unified-shell] { height:min(100dvh - 24px,920px); margin:12px 0; border-radius:25px; }
  body[data-chats-preview] .chats-final-stage .sheet-backdrop,
  body[data-chats-preview] .chats-final-stage .menu-backdrop,
  body[data-chats-preview] .chats-final-stage .modal-back { position:absolute; }
  body[data-chats-preview] .chats-final-stage .sheet { position:absolute; }
}

@media (max-width:370px) {
  .chats-final-stage .content { padding-right:12px; padding-left:12px; }
  .chats-final-stage .cl-ava.big,
  .chats-final-stage .rj-ava.big { width:54px; height:54px; border-radius:18px; }
  .chats-final-stage .sub-pill { padding:6px 9px; font-size:12px; }
}