/* Раздел «Сообщения»: стили только с префиксом .p-inbox */
.p-inbox { --ib-h: calc(100vh - var(--topbar-h, 60px) - 190px); }
.p-inbox .ib-toolbar { gap: 10px; }
.p-inbox .ib-toolbar .seg button { display: inline-flex; align-items: center; gap: 6px; }
.p-inbox .ib-n { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.p-inbox .ib-toolbar .search { width: 240px; }

.p-inbox .ib-layout { display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); gap: 16px; align-items: start; }
.p-inbox .ib-list-card { padding: 6px; max-height: max(480px, var(--ib-h)); overflow-y: auto; position: sticky; top: calc(var(--topbar-h, 60px) + 12px); }
.p-inbox .ib-list { list-style: none; margin: 0; padding: 0; }
.p-inbox .ib-list > li { border-bottom: 1px solid var(--grid); }
.p-inbox .ib-list > li:last-child { border-bottom: 0; }
.p-inbox .ib-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; width: 100%; text-align: left; border: 0; background: none; padding: 10px 8px; border-radius: 9px; cursor: pointer; color: inherit; font: inherit; }
.p-inbox .ib-row:hover { background: var(--surface-2); }
.p-inbox .ib-row.on { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); }
.p-inbox .ib-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.p-inbox .ib-row-main { display: grid; gap: 2px; min-width: 0; }
.p-inbox .ib-row-top { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.p-inbox .ib-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.p-inbox .ib-row.unread .ib-name::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin: 0 6px 1px 0; }
.p-inbox .ib-name { flex: 0 1 auto; }
.p-inbox .ib-company { color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 4 auto; min-width: 0; }
.p-inbox .ib-time { margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; flex: none; padding-left: 6px; }
.p-inbox .ib-subj { font-size: 13px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p-inbox .ib-snip { font-size: 12.5px; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.p-inbox .ib-row-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.p-inbox .ib-row-tags .pill { font-size: 11.5px; }
.p-inbox .ib-unread { font-size: 11.5px; font-weight: 600; color: var(--accent); padding: 1px 2px; }
.p-inbox .ib-draft-pill { color: var(--accent); }

/* значок канала */
.p-inbox .ib-ch { display: inline-grid; place-items: center; min-width: 38px; height: 24px; padding: 0 5px; border-radius: 7px; font-size: 11px; font-weight: 700; letter-spacing: .02em; color: #fff; background: color-mix(in srgb, var(--c, var(--ink-2)) 78%, #000); vertical-align: middle; }
.p-inbox .ch-mail { --c: var(--s2); }
.p-inbox .ch-telegram { --c: var(--s1); }
.p-inbox .ch-vk { --c: var(--s7); }
.p-inbox .ch-whatsapp { --c: var(--s6); }
.p-inbox .ch-instagram { --c: var(--s5); }
.p-inbox .ch-tiktok { --c: #111; }
:root[data-theme="dark"] .p-inbox .ch-tiktok { --c: #3a3a38; }

/* разговор */
.p-inbox .ib-conv { padding: 0; min-height: 420px; display: flex; flex-direction: column; overflow: hidden; }
.p-inbox .ib-conv-body { display: flex; flex-direction: column; min-height: 420px; }
.p-inbox .ib-placeholder { padding: 60px 24px; text-align: center; color: var(--ink-2); }
.p-inbox .ib-placeholder p { margin: 0 0 6px; }
.p-inbox .ib-conv-head { padding: 14px 18px 12px; border-bottom: 1px solid var(--grid); display: grid; gap: 8px; }
.p-inbox .ib-back { display: none; justify-self: start; }
.p-inbox .ib-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.p-inbox .ib-who-main { min-width: 0; }
.p-inbox .ib-who h3 { font-size: 17px; overflow-wrap: anywhere; }
.p-inbox .ib-who-sub { font-size: 13px; overflow-wrap: anywhere; }
.p-inbox .ib-subject { font-weight: 600; font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
.p-inbox .ib-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.p-inbox .ib-controls select { min-height: 32px; padding: 4px 8px; }
.p-inbox .ib-links { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; font-size: 13px; }
.p-inbox .ib-links .link-btn { padding: 0; }

.p-inbox .ib-msgs-wrap { overflow-y: auto; max-height: max(320px, calc(var(--ib-h) - 330px)); background: color-mix(in srgb, var(--surface-2) 45%, var(--surface)); border-bottom: 1px solid var(--grid); }
.p-inbox .ib-msgs { list-style: none; margin: 0; padding: 14px 18px; display: grid; gap: 12px; }
.p-inbox .ib-msgs > .note { text-align: center; margin: 0; }
.p-inbox .ib-msg { max-width: min(680px, 88%); border: 1px solid var(--border); border-radius: 12px; padding: 9px 12px 10px; background: var(--surface); justify-self: start; min-width: 0; }
.p-inbox .ib-msg.out { justify-self: end; background: color-mix(in srgb, var(--accent) 9%, var(--surface)); border-color: color-mix(in srgb, var(--accent) 25%, var(--border)); }
.p-inbox .ib-msg-head { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.p-inbox .ib-author { font-weight: 600; color: var(--ink-2); }
.p-inbox .ib-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.5; }
.p-inbox .ib-text.clamp { max-height: 15em; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.p-inbox .ib-att { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.p-inbox .ib-file { font-size: 12px; border: 1px solid var(--border); border-radius: 7px; padding: 2px 8px; background: var(--surface-2); color: var(--ink-2); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p-inbox .ib-file::before { content: "Файл: "; color: var(--muted); }

.p-inbox .ib-reply { padding: 14px 18px 16px; display: grid; gap: 10px; }
.p-inbox .ib-reply .card-head { margin-bottom: 0; }
.p-inbox .ib-draft-meta { font-size: 12.5px; }
.p-inbox .ib-draft { width: 100%; resize: vertical; min-height: 150px; line-height: 1.5; }
.p-inbox .ib-tpls .chip { font-size: 12.5px; }
.p-inbox .ib-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.p-inbox .ib-actions .spacer { flex: 1; }
.p-inbox .btn:disabled { opacity: .5; cursor: not-allowed; }
.p-inbox .ib-reply .note { margin: 0; }
.p-inbox .warn-text { color: color-mix(in srgb, var(--warn) 55%, var(--ink)); }
.p-inbox code { background: var(--surface-2); border-radius: 5px; padding: 1px 5px; overflow-wrap: anywhere; }

/* окно подтверждения */
.p-inbox.ib-confirm { display: grid; gap: 10px; }
.p-inbox .ib-dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0; font-size: 13.5px; }
.p-inbox .ib-dl dt { color: var(--muted); }
.p-inbox .ib-dl dd { margin: 0; overflow-wrap: anywhere; }
.p-inbox .ib-preview { max-height: 300px; overflow: auto; font-family: inherit; font-size: 13.5px; white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; margin: 0; }
.p-inbox .field .input { width: 100%; }

/* подключение каналов */
.p-inbox .ib-ai { margin-bottom: 16px; }
.p-inbox .ib-ai p { margin: 0 0 6px; }
.p-inbox .ib-chan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 440px), 1fr)); gap: 16px; margin-bottom: 16px; align-items: start; }
.p-inbox .ib-chan { display: grid; gap: 8px; }
.p-inbox .ib-chan > p { margin: 0; }
.p-inbox .ib-chan h3 { display: flex; align-items: center; gap: 8px; }
.p-inbox .ib-state { font-size: 13px; color: var(--ink-2); padding-left: 10px; border-left: 3px solid var(--grid); }
.p-inbox .ib-need ol { margin: 4px 0 0; padding-left: 20px; font-size: 13.5px; display: grid; gap: 3px; }
.p-inbox .ib-options { display: grid; gap: 8px; }
.p-inbox .ib-opt { border: 1px solid var(--border); border-radius: 10px; padding: 9px 12px; background: var(--surface-2); }
.p-inbox .ib-opt p { margin: 4px 0 0; font-size: 13px; }
.p-inbox .ib-opt-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; align-items: baseline; }
.p-inbox .ib-price { font-weight: 600; color: var(--ink); font-size: 13px; }
.p-inbox .ib-risk { color: var(--ink-2); font-weight: 600; }
.p-inbox .ib-hook { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13px; }
.p-inbox .ib-mode { max-width: 340px; }
.p-inbox .ib-settings { margin-bottom: 16px; }
.p-inbox .ib-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 10px 0; }
.p-inbox .ib-settings-grid .ib-wide { grid-column: 1 / -1; }
.p-inbox .ib-src { margin: 6px 0 0; padding-left: 20px; display: grid; gap: 3px; font-size: 13.5px; }

@media (max-width: 1000px) {
  .p-inbox .ib-layout { grid-template-columns: 1fr; }
  .p-inbox .ib-list-card { position: static; max-height: none; }
  .p-inbox .ib-layout .ib-conv { display: none; }
  .p-inbox .ib-layout.show-conv .ib-conv { display: flex; }
  .p-inbox .ib-layout.show-conv .ib-list-card { display: none; }
  .p-inbox .ib-back { display: inline-block; }
  .p-inbox .ib-view.show-conv .ib-toolbar { display: none; }
  .p-inbox .ib-msgs-wrap { max-height: none; }
}
@media (max-width: 640px) {
  .p-inbox .ib-toolbar .search { width: 100%; }
  .p-inbox .ib-toolbar .seg { width: 100%; }
  .p-inbox .ib-toolbar .seg button { flex: 1; justify-content: center; }
  .p-inbox .ib-toolbar .chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; width: 100%; scrollbar-width: none; }
  .p-inbox .ib-toolbar .chips .chip { flex: none; }
  .p-inbox .ib-toolbar .spacer { display: none; }
  .p-inbox .ib-conv-head, .p-inbox .ib-reply { padding-left: 12px; padding-right: 12px; }
  .p-inbox .ib-msgs { padding: 12px; }
  .p-inbox .ib-msg { max-width: 94%; }
  .p-inbox .ib-settings-grid { grid-template-columns: 1fr; }
  .p-inbox .ib-actions .btn.primary { flex: 1 0 100%; order: 3; }
  .p-inbox .ib-actions .spacer { display: none; }
}