.chat-with-people{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:30px;align-items:start}.chat-sidebar{min-width:0;display:flex;flex-direction:column;gap:22px;scroll-margin-top:120px}.chat-people-card,.chat-inbox-card,.chat-private-card,.chat-rules-compact{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.chat-people-card{padding:22px}.chat-people-card>header{display:flex;align-items:center;gap:9px}.chat-people-card h2,.chat-inbox-card h2{font-size:20px;letter-spacing:-.4px;line-height:1.4;margin:0}.chat-people-card>header>span:last-child{margin-left:auto;color:var(--blue);background:#edf4ff;font-size:14px;border-radius:20px;padding:3px 10px}.chat-live-dot,.chat-person-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#16894f}.chat-people-hint{font-size:14px;margin:13px 0 17px}.chat-people-card>small{display:block;font-size:12px;color:#60738f;line-height:1.7;margin-top:16px}.chat-people-list{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.chat-person{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:49px;border:1px solid #e4ebf5;background:#f7faff;border-radius:7px;padding:10px;margin:0 0 8px;text-align:left;color:var(--ink)}.chat-person:hover:not(:disabled){background:#eaf2ff;border-color:#afc9ef}.chat-person:disabled{opacity:1;cursor:default}.chat-person-name{font-size:15px;font-weight:bold;overflow-wrap:anywhere;min-width:0;flex:1}.chat-person-badge{color:var(--blue);font-size:12px;white-space:nowrap;flex-shrink:0}.chat-person-dot.is-offline{background:#91a0b5}.chat-list-empty{font-size:14px;color:#60738f;line-height:1.7;margin:13px 0}.chat-inbox-card{padding:22px}.chat-inbox-card h2{margin-bottom:17px}.chat-inbox-card h2 span{color:var(--blue);font-size:16px}.chat-private-card{scroll-margin-top:120px}.chat-private-card>header{padding:19px 20px;background:#edf4ff;display:flex;justify-content:space-between;align-items:start;gap:12px}.chat-private-card header small{font-size:11px;letter-spacing:1px;color:var(--blue)}.chat-private-card header h2{font-size:20px;letter-spacing:-.4px;line-height:1.3;margin:7px 0;overflow-wrap:anywhere}.chat-private-card header>div{min-width:0}.chat-private-card header span{font-size:12px;color:#566b89}.chat-private-card header button{flex-shrink:0;width:44px;height:44px;border:1px solid #ccdaef;border-radius:7px;background:#fff;color:var(--navy);font-size:26px;line-height:1}.chat-private-note{font-size:12px;line-height:1.6;padding:12px 20px;margin:0;border-bottom:1px solid var(--line);background:#f9fbff}.chat-private-messages{height:290px;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fff}.chat-private-message{max-width:90%;border:1px solid #e0e8f4;background:#f3f7fd;border-radius:10px;padding:11px 13px;align-self:flex-start;flex-shrink:0;overflow-wrap:anywhere}.chat-private-message.is-mine{background:#e9f2ff;border-color:#c9ddfb;align-self:flex-end}.chat-private-message p{font-size:15px;line-height:1.7;color:#203d64;white-space:pre-wrap;margin:0 0 5px}.chat-private-message time{font-size:11px;color:#647894;display:block}.chat-private-card form{padding:18px;border-top:1px solid var(--line)}.chat-private-card label{font-size:14px;font-weight:bold}.chat-private-card textarea{font-size:16px;min-width:0;resize:vertical;max-height:200px}.chat-private-card .button{width:100%;justify-content:center;margin-top:12px;min-height:46px;font-size:15px}.chat-rules-compact{padding:20px}.chat-rules-compact summary{font-size:17px;font-weight:bold;color:var(--navy);cursor:pointer;min-height:35px}.chat-rules-compact ul{padding-left:19px}.chat-rules-compact li,.chat-rules-compact>p{font-size:14px}.chat-session-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:12px 20px;background:#f3f7ff;border-bottom:1px solid var(--line)}#chat-identity{font-size:13px;color:#536c90}#chat-leave{background:#fff;color:var(--blue);border:1px solid #d5e2f7;padding:8px 12px;border-radius:6px;font-size:13px;min-height:40px}.chat-people-shortcut{display:none}.chat-with-people .chat-window{min-width:0}.chat-with-people .chat-window>header{flex-wrap:wrap;gap:12px}.chat-with-people .chat-window form>div{min-width:0}.chat-with-people .chat-window input{min-width:0}.chat-with-people .chat-window input[type=checkbox]{min-width:16px;flex-shrink:0}.chat-with-people .chat-window form .button{min-height:46px}.chat-with-people .chat-messages{height:460px}.chat-with-people .chat-msg p{overflow-wrap:anywhere;white-space:pre-wrap}#chat-private-feedback:not(:empty){padding:12px 18px;background:#fff4d2;color:#705514;font-size:14px}#chat-inbox{max-height:280px;overflow-y:auto}.chat-with-people [hidden]{display:none!important}
@media(max-width:1100px){.chat-with-people{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:22px}.chat-people-card,.chat-inbox-card{padding:18px}.chat-person-name{font-size:14px}}
@media(max-width:850px){.chat-with-people{grid-template-columns:minmax(0,1fr);gap:25px}.chat-sidebar{gap:20px}.chat-people-shortcut{display:block;width:100%;font-size:14px;color:var(--blue);font-weight:bold;padding:8px 0}.chat-people-list{max-height:240px}.chat-with-people .chat-messages{height:350px}.chat-private-messages{height:300px}.chat-person-name{font-size:16px}.chat-people-card h2,.chat-inbox-card h2{font-size:21px}.chat-session-bar{padding-inline:17px}}
@media(max-width:360px){.chat-with-people .chat-window form>div{flex-wrap:wrap}.chat-with-people .chat-window form>div>input{width:100%;flex-basis:100%}.chat-with-people .chat-window form>div>.button{width:100%;justify-content:center}.chat-private-card>header{padding:16px}.chat-people-card,.chat-inbox-card{padding:16px}.chat-person{padding:10px 8px;gap:7px}}