/* Маруся — внутренние чаты */
.chx{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--paper)}
.chx__tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}
.chx__tabs button{flex:1;min-width:max-content;height:40px;padding:0 14px;border:1.5px solid var(--line2);border-radius:10px;background:#fff;font:600 13.5px var(--sans);color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.chx__tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chx__tabs b{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11.5px;line-height:20px}
.chx__body{flex:1;min-height:0;display:flex}
.chx__body--two .chx__list{width:340px;flex:none;border-right:1px solid var(--line)}
.chx__list{flex:1;overflow-y:auto}
.chx__it{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--bg);background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.chx__it:hover{background:var(--warm)}
.chx__it.on{background:var(--warm);box-shadow:inset 3px 0 0 var(--red)}
.chx__av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px var(--sans);color:#fff;background:var(--ink)}
.chx__av--px{background:var(--red)}
.chx__av--pd{background:#fff;color:var(--ink);border:1.5px solid var(--ink);font-size:11px}
.chx__m{min-width:0;display:flex;flex-direction:column;gap:1px}
.chx__m b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chx__m small{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chx__m em{font-style:normal;font-size:13.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chx__r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.chx__r time{font-size:12px;color:var(--ink3)}
.chx__r i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font:700 12px/22px var(--sans);text-align:center}
.chx__empty,.chx__hint{padding:28px 18px;text-align:center;color:var(--ink3);font-size:14px}
.chx__hint{margin:auto}
.chx__pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.chx__pane--full{height:100%}
.chx__head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex:none}
.chx__head b{display:block;font-size:16px}
.chx__head small{display:block;font-size:12.5px;color:var(--ink3)}
.chx__back{width:40px;height:40px;border:1.5px solid var(--line2);border-radius:10px;background:#fff;font:600 26px/1 var(--sans);color:var(--ink);cursor:pointer;flex:none}
.chx__msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.chx__msg{display:flex}
.chx__msg span{max-width:80%;padding:9px 12px 7px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--line2);font-size:14.5px;line-height:1.4;word-wrap:break-word}
.chx__msg small{display:block;font:700 11px var(--sans);letter-spacing:.04em;color:var(--ink3);margin-bottom:2px}
.chx__msg--admin small,.chx__msg--dispatcher small{color:var(--red2)}
.chx__msg time{display:block;text-align:right;font-size:11px;color:var(--ink3);margin-top:2px}
.chx__msg.me{justify-content:flex-end}
.chx__msg.me span{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:14px 14px 4px 14px}
.chx__msg.me time{color:rgba(255,255,255,.75)}
.chx__quick{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 0;flex:none}
.chx__quick button{flex:none;height:34px;padding:0 12px;border:1.5px solid var(--line2);border-radius:999px;background:#fff;font:600 13px var(--sans);color:var(--ink2);cursor:pointer}
.chx__send{display:flex;gap:8px;align-items:flex-end;padding:10px;flex:none;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.chx__send textarea{flex:1;min-height:46px;max-height:120px;border:1.5px solid var(--line2);border-radius:12px;padding:12px 14px;font:500 15px/1.35 var(--sans);resize:none;outline:none}
.chx__send textarea:focus{border-color:var(--gold)}
.chx__send .btn{width:48px;padding:0;height:46px}
.chx__ro{padding:12px;text-align:center;font-size:13px;color:var(--ink3);border-top:1px solid var(--line);flex:none}
/* без срезов на телефоне (25.10): вкладки и быстрые ответы переносятся, а не уезжают за край */
.chx__tabs{overflow:visible}
.chx__tabs button{min-width:0;height:auto;min-height:42px;padding:4px 8px;white-space:normal;line-height:1.15;text-align:center}
.chx__quick{flex-wrap:wrap;overflow:visible}
.chx__quick button{height:32px;font-size:12.5px}