/* ==========================================================================
   ORBITA — ЭКРАН ВХОДЯЩИЕ
   Три колонки: источники, лента, контекст. Карточка обращения, массовые
   действия, переписка в директе.
   ========================================================================== */

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.inbox{display:grid;grid-template-columns:236px minmax(0,1fr) 320px;height:calc(100vh - var(--bar));min-height:0}

/* ── Колонка источников ────────────────────────────────────────────────── */
.inbox-src{border-inline-end:1px solid var(--line);background:var(--tile);overflow-y:auto;padding:12px 0 24px}
.src-head{padding:0 12px 10px}
.src-item{
  display:flex;align-items:center;gap:10px;width:100%;padding:0 14px;height:38px;
  color:var(--dim);font-size:13.5px;text-align:start;
}
.src-item:hover{background:var(--tile-2);color:var(--text)}
.src-item.on{background:var(--accent-soft);color:var(--accent);font-weight:500}
.src-item.off{opacity:.5}
.src-item.small{height:34px;font-size:13px}
.src-ic{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}
.src-ic svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.src-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.src-cnt{font-size:12px;color:var(--faint);font-weight:600}
.src-item.on .src-cnt{color:var(--accent)}
.src-note{font-size:11px;color:var(--faint)}
.src-accs{padding:4px 14px 10px 20px;border-inline-start:2px solid var(--accent-soft);margin-inline-start:22px}
.src-accs .check{padding:4px 0;gap:9px}
.src-sep{height:1px;background:var(--line-soft);margin:12px 14px}
.src-title{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:4px 14px 6px}

/* ── Лента ─────────────────────────────────────────────────────────────── */
.inbox-feed{overflow-y:auto;padding:16px 18px 90px;min-width:0}
.feed-top{margin-bottom:12px}
.feed-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.feed-filters .chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.feed-tools{display:flex;gap:9px;align-items:center}
.feed-search{flex:1;min-width:0}
.feed-search .input{height:36px}
.feed-active{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.feed-count{font-size:12.5px;color:var(--faint);margin-bottom:10px}
.feed-list{display:flex;flex-direction:column;gap:9px}

/* ── Карточка обращения ────────────────────────────────────────────────── */
.cmt{
  display:flex;gap:11px;padding:13px 15px;background:var(--tile);border:1px solid var(--line);
  border-radius:12px;cursor:pointer;transition:border-color .13s,box-shadow .13s;position:relative;
}
.cmt:hover{border-color:var(--faint)}
.cmt.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.cmt.picked{background:var(--accent-soft)}
.cmt-pick{padding:0;margin-top:3px;flex:0 0 18px;align-self:flex-start}
.cmt-body{flex:1;min-width:0}
.cmt-top{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}
.cmt-top b{font-size:13.5px;font-weight:600}
.cmt-top .sp{flex:1}
.cmt-handle{font-size:12.5px;color:var(--faint)}
.cmt-acc{font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.cmt-time{font-size:12px;color:var(--faint);white-space:nowrap}
.cmt-text{font-size:14px;line-height:1.5;word-break:break-word}
.cmt-reply{
  display:flex;gap:9px;margin-top:9px;padding:9px 11px;background:var(--tile-2);
  border-radius:9px;font-size:13px;
}
.cmt-reply b{display:block;font-size:12px;font-weight:600;color:var(--ok);margin-bottom:2px}
.cmt-reply span{color:var(--dim)}
.cmt-note{
  display:flex;gap:9px;margin-top:9px;padding:8px 11px;background:var(--warn-soft);
  border-radius:9px;font-size:12.5px;color:var(--warn);align-items:flex-start;
}
.cmt-note svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;stroke:currentColor;fill:none;stroke-width:1.7}
.cmt-foot{display:flex;align-items:center;gap:9px;margin-top:10px;flex-wrap:wrap}
.cmt-foot .sp{flex:1}
.cmt-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--faint);min-width:0}
.cmt-meta svg{width:13px;height:13px;flex:0 0 13px;stroke:currentColor;fill:none;stroke-width:1.7}
.cmt-actions{display:flex;gap:3px;opacity:.55;transition:opacity .13s}
.cmt:hover .cmt-actions,.cmt.active .cmt-actions{opacity:1}
.cmt-act{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--dim)}
.cmt-act svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
.cmt-act:hover{background:var(--tile-3);color:var(--text)}
.cmt-act.on{color:var(--bad)}
.cmt-act.on svg{fill:var(--bad)}
.cmt-act.danger:hover{background:var(--bad-soft);color:var(--bad)}
.cmt-act.ext{opacity:.6}

/* ── Массовые действия ─────────────────────────────────────────────────── */
.bulkbar{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:70;
  display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--tile);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);
  max-width:min(880px,94vw);flex-wrap:wrap;
}
.bulkbar b{font-size:17px;font-weight:600}
.bulkbar span{font-size:13px;color:var(--dim)}
.bulkbar .sp{flex:1;min-width:10px}

/* ── Правая колонка ────────────────────────────────────────────────────── */
.inbox-ctx{border-inline-start:1px solid var(--line);background:var(--tile);overflow-y:auto}
.ctx-empty{padding:44px 22px;text-align:center;color:var(--faint)}
.ctx-empty .ico{
  width:46px;height:46px;border-radius:14px;background:var(--tile-2);display:grid;
  place-items:center;margin:0 auto 14px;
}
.ctx-empty .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
.ctx-empty p{font-size:13px;line-height:1.5;max-width:26ch;margin:0 auto}
.ctx-empty .keys{margin-top:18px;font-size:12px;line-height:1.9;color:var(--faint)}
.ctx-empty .keys b{
  display:inline-block;min-width:20px;padding:1px 5px;background:var(--tile-2);
  border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:600;color:var(--dim);
}
.ctx-panel{padding:16px}
.ctx-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ctx-panel-head b{font-size:15px;font-weight:600;display:block}
.ctx-panel-head em{font-style:normal;font-size:12.5px;color:var(--faint)}
.ctx-quick{display:flex;gap:7px;margin-bottom:16px}
.ctx-quick .btn{flex:1}
.ctx-sec{padding:14px 0;border-top:1px solid var(--line-soft)}
.ctx-sec-t{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}
.ctx-post-btn{display:block;width:100%;text-align:start;padding:11px 12px;background:var(--tile-2);border-radius:10px}
.ctx-post-btn:hover{background:var(--tile-3)}
.ctx-post-btn b{font-size:13px;font-weight:500;display:block;margin-bottom:3px}
.ctx-post-btn em{font-style:normal;font-size:11.5px;color:var(--faint)}
.ctx-hist{display:flex;gap:9px;padding:8px 0;align-items:flex-start}
.ctx-hist p{font-size:12.5px;line-height:1.45}
.ctx-hist em{font-style:normal;font-size:11.5px;color:var(--faint)}

/* ── Директ ────────────────────────────────────────────────────────────── */
.dm{
  display:grid;grid-template-columns:270px minmax(0,1fr);height:100%;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--tile);
}
.dm-list{border-inline-end:1px solid var(--line);overflow-y:auto}
.dm-item{display:flex;gap:10px;padding:11px 13px;width:100%;text-align:start;border-bottom:1px solid var(--line-soft)}
.dm-item:hover{background:var(--tile-2)}
.dm-item.on{background:var(--accent-soft)}
.dm-main{flex:1;min-width:0}
.dm-top{display:flex;align-items:baseline;gap:8px}
.dm-top b{font-size:13.5px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-top span{font-size:11.5px;color:var(--faint);white-space:nowrap}
.dm-prev{font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 4px}
.dm-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--faint)}
.dm-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-unread{
  margin-inline-start:auto;background:var(--bad);color:#fff;border-radius:9px;padding:0 6px;
  font-size:11px;font-weight:600;font-style:normal;
}
.dm-thread{display:flex;flex-direction:column;min-width:0}
.dm-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.dm-head b{font-size:15px;font-weight:600;display:block}
.dm-head em{font-style:normal;font-size:12.5px;color:var(--faint)}
.dm-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.msg{max-width:74%}
.msg.out{align-self:flex-end;text-align:end}
.bubble{
  display:inline-block;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;
  background:var(--tile-2);text-align:start;
}
.msg.out .bubble{background:var(--accent);color:var(--accent-ink)}
.msg-meta{font-size:11px;color:var(--faint);margin-top:4px}
.dm-compose{display:flex;gap:9px;padding:12px 16px;border-top:1px solid var(--line);align-items:flex-end}
.dm-compose .textarea{flex:1;min-height:56px}

/* ── Адаптив ───────────────────────────────────────────────────────────── */
.ctx-close{display:none;margin-inline-start:auto;font-size:22px;line-height:1}
@media (max-width:1240px){
  .inbox{grid-template-columns:210px minmax(0,1fr)}
  /* Правая колонка рядом с лентой не помещается — выезжает поверх неё, когда
     обращение открыто (класс ctx-open ставит screen-inbox.js) */
  .inbox-ctx{
    position:fixed;top:var(--bar);bottom:0;inset-inline-end:0;width:min(380px,100%);z-index:30;
    transform:translateX(100%);transition:transform .2s ease;box-shadow:var(--shadow-lg);visibility:hidden;
  }
  [dir="rtl"] .inbox-ctx{transform:translateX(-100%)}
  .inbox.ctx-open .inbox-ctx{transform:none;visibility:visible}
  .ctx-close{display:grid}
}
@media (max-width:820px){
  .inbox{grid-template-columns:1fr;height:auto}
  .inbox-src{
    border-inline-end:none;border-bottom:1px solid var(--line);display:flex;gap:6px;
    overflow-x:auto;padding:10px 12px;
  }
  .inbox-src .src-head{padding:0;flex:0 0 auto;min-width:190px}
  .src-item{width:auto;flex:0 0 auto;border-radius:17px;border:1px solid var(--line);height:34px}
  .src-accs,.src-sep,.src-title{display:none}
  .inbox-feed{padding:12px 12px 110px}
  .cmt-actions{opacity:1}
  .grid-2{grid-template-columns:1fr}
  .dm{grid-template-columns:1fr;height:auto}
  .dm-list{max-height:210px;border-inline-end:none;border-bottom:1px solid var(--line)}
  .bulkbar{bottom:12px;padding:9px 11px;gap:7px}
  .bulkbar span{display:none}
}