/* Telegram workspace: the same layout in Telegram's own dark colours.
   Active while body.channel-telegram is set by the «Авито | Telegram» switch. */
body.channel-telegram{--bg:#0e1621;--panel:#17212b;--surface:#242f3d;--ink:#f5f5f5;--muted:#8b9bab;--line:#ffffff12;--accent:#2aabee;--light:#2b5278;--green:#64b5ef;--orange:#f5a051;
  background:linear-gradient(160deg,#17212b,#0e1621 60%) fixed}
.channel-telegram .main-nav,.channel-telegram .settings-toggle{background:#24303d80}
.channel-telegram .nav.active{background:linear-gradient(120deg,#2aabee,#2481cc)}
.channel-telegram .nav:hover:not(.active),.channel-telegram .icon-button:hover,.channel-telegram .secondary:hover:not(:disabled){background:#2b3a4a}
.channel-telegram .thread-list,.channel-telegram .chat-panel,.channel-telegram .card,.channel-telegram .settings-panel,
.channel-telegram .details,.channel-telegram dialog{background:linear-gradient(135deg,#1c2733,#17212b)}
.channel-telegram .count,.channel-telegram .product-label,.channel-telegram .pill{background:#2b3a4a}
.channel-telegram .search input,.channel-telegram .runtime-status,.channel-telegram .bubble,.channel-telegram .secondary,
.channel-telegram .quiet:hover,.channel-telegram input,.channel-telegram textarea,.channel-telegram select,
.channel-telegram .neutral,.channel-telegram .toast{background:#242f3d}
.channel-telegram .message-row.outgoing .bubble{background:#2b5278}
.channel-telegram .draft-toolbar{background:#17212b}
.channel-telegram .primary,.channel-telegram .queue-tab.active,.channel-telegram .draft-toolbar .secondary{background:linear-gradient(115deg,#2aabee,#64c3f5);border-color:#64b5ef50}
.channel-telegram .primary:hover:not(:disabled){background:#64c3f5;box-shadow:0 5px 20px #2aabee26}
.channel-telegram .workspace-status[aria-pressed=true]{color:#9fd4f7;border-color:#64b5ef55;background:#64b5ef12}
.channel-telegram .workspace-status:focus-visible{outline-color:#64b5ef}
.channel-telegram .work-mode-control>p:first-of-type,.channel-telegram .approval-note,
.channel-telegram .payment-assistant-card .eyebrow,.channel-telegram .payment-terms b{color:#64b5ef}
.channel-telegram .workspace-status:before{background:#64b5ef;box-shadow:0 0 0 4px #64b5ef10}
.channel-telegram .count,.channel-telegram .draft-heading .pill,.channel-telegram .thread-status.draft-ready,
.channel-telegram .unread-badge,.channel-telegram .board-tags .board-unread{background:#64b5ef}
.channel-telegram .unread-filter.active{background:#64b5ef;border-color:#64b5ef}
.channel-telegram .thread.selected{box-shadow:inset 3px 0 0 #2aabee}
.channel-telegram .thread.unread{box-shadow:inset 3px 0 0 #64b5ef}
.channel-telegram #chat-count.has-unread{box-shadow:0 0 0 2px #64b5ef;color:#64b5ef}
.channel-telegram .payment-assistant-card{border-color:#64b5ef50}
.channel-telegram .lesson-remember{border-color:#64b5ef;background:#64b5ef14}
.channel-telegram .board-card{background:#182533}
.channel-telegram .board-card.selected{box-shadow:inset 0 0 0 2px #2aabee}
.channel-telegram .board-dot-pay{background:#4fae4e}
.channel-telegram .board-dot-draft{background:#64b5ef}

/* «Авито | Telegram» switch in the list header. */
.channel-switch{display:flex;background:#ffffff0d;border-radius:12px;padding:3px;gap:2px}
.channel-switch button{flex:1;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;padding:6px 14px;border-radius:9px;cursor:pointer}
.channel-switch button.active{background:var(--accent);color:#fff}
/* Same four columns as Avito: «Нужен сотрудник» lives inside «У менеджера». */
.board-help{background:#5a1f24;color:#ffb3b8;font-weight:700}.board-deliver{background:#1f5f3a;color:#9ff0c0;font-weight:700}
.board-dot-help{background:#e5555a}
.thread-list>.channel-switch{margin:0 0 10px}
/* On the board the switch shares the filter row instead of taking a grid row of its own. */
.board-mode .thread-list:has(>.channel-switch){grid-template-columns:auto minmax(150px,220px) minmax(180px,1fr) auto}
.board-mode .thread-list>.channel-switch{grid-column:1;margin:0;align-self:center}
.board-mode .thread-list:has(>.channel-switch) .account-context{grid-column:2}
.board-mode .thread-list:has(>.channel-switch) .search{grid-column:3}
.board-mode .thread-list:has(>.channel-switch) .unread-filter{grid-column:4}
.channel-telegram .mode-switch button.on,.channel-telegram .switch.on{background:#2aabee;color:#fff}
.channel-telegram .switch.on i{background:#fff}
.channel-telegram .settings-nav .nav b{background:#64b5ef;color:#0e1621}
.channel-telegram .account-note{color:#f5a051}
.channel-telegram .dot.ok{background:#4fae4e}