.web-chat{max-width:1180px;margin:0 auto;padding:24px 16px 56px;color:var(--text-primary)}.web-chat__header,.web-chat__shell,.web-chat__error{border:1px solid var(--admin-glass-border);background:var(--admin-glass);box-shadow:var(--s-main),inset 1px 1px #ffffffad;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--r-xl)}.web-chat__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;margin-bottom:18px}.web-chat__header h1{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2;font-weight:800;letter-spacing:0;color:var(--text-primary)}.web-chat__header p,.web-chat__muted{margin:0;color:var(--text-secondary)}.web-chat__live,.web-chat__badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;font-size:.84rem;font-weight:800}.web-chat__live{padding:6px 10px;color:var(--success);background:#10b9811a}.web-chat__badge{min-width:92px;padding:7px 12px;color:#fff;background:var(--gradient-primary);box-shadow:0 10px 28px #22a2ed38}.web-chat__error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:14px 16px;color:#991b1b;background:#fef2f2db;border-color:#ef444440}.web-chat__error button,.web-chat__composer button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:14px;padding:9px 16px;color:#fff;background:var(--gradient-primary);box-shadow:0 10px 28px #22a2ed33;font-family:inherit;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.web-chat__error button:hover,.web-chat__composer button:hover:not(:disabled){transform:translateY(-1px)}.web-chat__composer button:disabled{opacity:.52;cursor:not-allowed;transform:none}.web-chat__shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:640px;overflow:hidden}.web-chat__shell--auth{display:block;min-height:520px}.web-chat__shell--auth>div{min-height:520px}.web-chat__list{min-width:0;padding:16px;border-inline-end:1px solid rgba(255,255,255,.56);background:#ffffff47}.web-chat__list h2,.web-chat__thread-head h2{margin:0;font-size:1.08rem;line-height:1.35;font-weight:800;letter-spacing:0;color:var(--text-primary)}.web-chat__list h2{margin-bottom:14px}.web-chat__conversation{display:grid;width:100%;gap:5px;min-height:82px;padding:13px 14px;margin-bottom:10px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:#ffffff9e;color:var(--text-primary);cursor:pointer;text-align:start;font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.web-chat__conversation:hover{transform:translateY(-1px);border-color:#22a2ed52;background:#ffffffc7}.web-chat__conversation.is-active{border-color:#22a2ed61;background:#ecf8ffdb;box-shadow:inset 0 0 0 1px #22a2ed14}.web-chat__conversation span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.web-chat__conversation small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.84rem}.web-chat__conversation b{justify-self:end;min-width:26px;border-radius:999px;padding:3px 7px;color:#fff;background:var(--c-cyan);text-align:center;font-size:.78rem;line-height:1.2}.web-chat__thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;background:#ffffff52}.web-chat__thread>.web-chat__muted{align-self:center;justify-self:center;max-width:360px;padding:24px;text-align:center}.web-chat__thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid rgba(255,255,255,.58);background:#fff6}.web-chat__thread-head span{flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.88rem;font-weight:700}.web-chat__messages{display:flex;flex-direction:column;gap:10px;min-height:0;padding:18px;overflow:auto}.web-chat__message{width:-moz-fit-content;width:fit-content;max-width:min(78%,620px);border:1px solid rgba(255,255,255,.68);border-radius:18px;padding:12px 14px;background:#ffffffbd;box-shadow:var(--shadow-glass-light)}.web-chat__message div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:5px;color:var(--text-secondary);font-size:.82rem}.web-chat__message strong{color:var(--text-primary)}.web-chat__message time{flex:0 0 auto;color:var(--text-muted)}.web-chat__message p{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.web-chat__typing{min-height:28px;padding:0 18px 10px;color:var(--text-secondary);font-size:.86rem;font-style:italic}.web-chat__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.58);background:#ffffff6b}.web-chat__composer input{min-width:0;min-height:46px;border:1px solid rgba(255,255,255,.68);border-radius:16px;padding:11px 14px;color:var(--text-primary);background:#ffffffc2;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.web-chat__composer input:focus{border-color:#22a2ed73;box-shadow:0 0 0 4px #22a2ed1f}[dir=rtl] .web-chat__thread-head,[dir=rtl] .web-chat__conversation,[dir=rtl] .web-chat__message,[dir=rtl] .web-chat__composer input{text-align:right}@media(max-width:760px){.web-chat{padding:16px 12px 40px}.web-chat__header{display:grid;align-items:start}.web-chat__badge{min-width:0;justify-self:start}.web-chat__shell{grid-template-columns:1fr;min-height:auto}.web-chat__list{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.58)}.web-chat__messages{min-height:360px}.web-chat__message{max-width:100%}.web-chat__thread-head{display:grid}.web-chat__thread-head span{max-width:100%}.web-chat__composer{grid-template-columns:1fr}.web-chat__composer button{width:100%}}