:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#fff7fb;color:#4a2c45}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top,#ffe4f1,#fbe7f4 37%,#fff7fb);overflow:hidden}.page-shell{height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.5vw,24px);overflow:hidden}.chat-card{width:min(980px,100%);max-height:100%;background:#ffffffeb;border:1px solid rgba(226,169,213,.65);box-shadow:0 24px 80px #cebad12e;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.admin-shell-card{height:100%}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:32px;background:linear-gradient(135deg,#ffd9ea,#ffd3f3)}.eyebrow{margin:0 0 12px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#9b4f7c}.chat-header h1{margin:0;font-size:clamp(2rem,2.7vw,2.8rem);line-height:1.05}.subtitle{margin:10px 0 0;color:#6f4864;max-width:540px}.status-pill{align-self:center;padding:10px 18px;border-radius:999px;font-weight:700;font-size:.94rem}.status-pill.idle{background:#ffbddb5c;color:#7d4a66}.status-pill.connecting{background:#ff94b940;color:#8f3f6a}.status-pill.connected{background:#ffcee6bf;color:#7c3f5f}.status-pill.disconnected{background:#ff9db24d;color:#a83f61}.status-pill.error{background:#f49ac180;color:#8f3f58}.login-panel,.chat-panel{padding:30px}.login-panel label{display:block;margin-bottom:12px;font-weight:700}.login-panel .recaptcha-container{margin-bottom:18px;display:flex;justify-content:flex-start}.login-panel .recaptcha-container>div{width:max-content}.login-panel button{width:100%;margin-top:12px}input,textarea{width:100%;border:1px solid #f0c9dc;border-radius:18px;padding:14px 16px;background:#fffafff2;color:#4a2c45;font-size:1rem;resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(217,132,183,.8)}button{cursor:pointer;border:none;border-radius:18px;padding:14px 20px;background:linear-gradient(135deg,#ff8bc4,#ff6399);color:#fff;font-weight:700;transition:transform .2s ease,filter .2s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.65;cursor:not-allowed}.session-controls{padding:10px 15px;border-bottom:1px solid #fce7f3;display:flex;justify-content:space-between;align-items:center;background:#fff}.chat-panel{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column;gap:24px}.session-info{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;background:#ffecf5e0;border-radius:24px;border:1px solid rgba(239,173,208,.8)}.small-button{background:#d15a91;padding:10px 16px}.messages-box{flex:1 1 auto;min-height:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#fffafcf2;border-radius:26px;border:1px solid rgba(247,210,227,.8);box-shadow:inset 0 0 0 1px #ffffff80}.empty-state{color:#8b4f6d;text-align:center;padding:46px 0}.message-item{max-width:76%;padding:14px 16px;margin-bottom:16px;border-radius:22px;position:relative;word-wrap:break-word}.message-item.mine{margin-left:auto;background:linear-gradient(135deg,#ffd4e8,#fff0f7)}.message-item.other{margin-right:auto;background:linear-gradient(135deg,#ffe9f3,#ffdcee)}.message-meta{margin-top:10px;display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:#7a4c65}.message-content+.message-image-link,.message-content+.message-file{margin-top:10px}.message-image-link{display:block}.message-image{display:block;width:min(280px,100%);max-height:320px;object-fit:cover;border-radius:14px;border:1px solid rgba(208,126,170,.28)}.message-file,.attachment-preview{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:14px;background:#ffffff9e;border:1px solid rgba(239,173,208,.65)}.file-icon,.attachment-icon{flex:0 0 auto;min-width:44px;padding:8px 6px;border-radius:10px;background:#d15a91;color:#fff;text-align:center;font-size:.72rem;font-weight:800}.file-details,.attachment-summary{min-width:0;flex:1}.attachment-summary{display:flex;align-items:center;gap:12px}.file-name,.attachment-name{color:#79365c;font-weight:700;overflow-wrap:anywhere}.file-meta,.attachment-size{margin-top:3px;color:#8b4f6d;font-size:.82rem}.download-link{flex:0 0 auto;color:#b94279;font-weight:800;text-decoration:none}.composer{flex:0 0 auto;display:grid;gap:16px}.composer textarea{min-height:120px;max-height:180px}.composer-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.file-input{display:none}.secondary-button,.icon-button{background:#d15a91}.icon-button{padding:9px 12px;border-radius:12px}.error-box{padding:14px 18px;border-radius:18px;background:#ffebf2f2;border:1px solid rgba(247,176,205,.9);color:#a64168}.admin-layout,.main-content,.chat-container,.chat-view,.user-list{min-height:0}.main-content,.chat-view{min-width:0}.video-call-container{min-height:0}.video-call-header{flex:0 0 auto}.video-grid{min-height:0}.video-tile{min-width:0}.video-call-reopen-button{position:fixed;right:24px;bottom:96px;z-index:20;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#6366f1;color:#fff;box-shadow:0 14px 32px #312e8147}.video-call-reopen-button strong{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff3d;font-size:.8rem}@media (max-width: 720px){.page-shell{align-items:stretch;padding:0}.chat-header,.chat-card{border-radius:0}.chat-header{padding:18px 24px;gap:16px}.chat-header h1{font-size:clamp(1.85rem,8vw,2.25rem);line-height:1.08;overflow-wrap:anywhere;white-space:normal!important}.session-info{padding:14px 16px;border-radius:20px;gap:12px}.messages-box{padding:16px;border-radius:20px}.message-item{max-width:88%;padding:12px 14px;margin-bottom:12px}.composer{gap:12px}.composer textarea{min-height:82px;max-height:112px;border-radius:16px}.composer-actions button{padding:11px 16px}.video-call-modal{align-items:stretch!important;justify-content:stretch!important;padding:0!important}.video-call-container{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;padding:10px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.video-call-header{margin-bottom:8px!important;flex-wrap:wrap;gap:8px}.video-grid{grid-template-columns:1fr!important;grid-auto-rows:minmax(0,1fr)!important;gap:8px!important;flex:1 1 auto;overflow-y:auto;margin-bottom:8px!important}.video-tile{aspect-ratio:auto!important;min-height:min(42dvh,360px)}.video-call-reopen-button{right:14px;bottom:86px;padding:10px 14px}}@media (max-width: 900px){.admin-layout{flex-direction:column!important}.sidebar{width:100%!important;height:auto!important;max-height:136px;border-right:0!important;border-bottom:1px solid #e2e8f0}.sidebar-header{display:none!important}.menu-list{flex:0 0 auto!important;display:flex!important;gap:8px;overflow-x:auto;padding:8px 10px!important;scrollbar-width:none}.menu-list::-webkit-scrollbar,.user-list>div:last-child::-webkit-scrollbar{display:none}.menu-item{flex:0 0 auto;margin-bottom:0!important;padding:9px 12px!important;white-space:nowrap}.sidebar-footer{flex:0 0 auto;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px!important}.sidebar-footer>div{min-width:0;margin-bottom:0!important}.sidebar-footer button{width:auto!important;min-width:78px;flex:0 0 auto}.main-content{flex:1 1 auto!important;height:auto!important}.main-content>header{height:52px!important;min-height:52px!important;padding:0 14px!important}.main-content>header h3{font-size:1rem}.main-content>header .status-pill{padding:7px 12px;white-space:nowrap}.chat-container{flex-direction:column!important;min-height:0}.user-list{width:100%!important;height:86px!important;flex:0 0 86px!important;border-right:0!important;border-bottom:1px solid #e2e8f0}.user-list>div:first-child{display:none!important}.user-list>div:last-child{display:flex!important;height:100%!important;overflow-x:auto!important;overflow-y:hidden!important}.user-list>div:last-child>div{flex:0 0 min(220px,72vw);border-left:0!important;border-bottom:3px solid transparent;padding:12px 14px!important}.chat-view{flex:1 1 auto!important;min-height:0}.chat-panel{gap:0}.chat-panel>.session-info{flex:0 0 auto;border-radius:0}.messages-box{height:auto!important;border-radius:0;border-left:0;border-right:0}.composer{padding:12px 14px!important}.composer textarea{min-height:84px!important}}@media (max-width: 430px){.sidebar{max-height:126px}.menu-list{padding:7px 8px!important}.menu-item{padding:8px 10px!important;font-size:.88rem}.sidebar-footer{padding:7px 10px!important}.sidebar-footer button{min-width:68px;padding:7px 10px!important}.main-content>header{height:48px!important;min-height:48px!important}.user-list{height:76px!important;flex-basis:76px!important}.user-list>div:last-child>div{flex-basis:min(190px,76vw);padding:10px 12px!important}.chat-panel>.session-info{padding:10px 12px!important}.messages-box{padding:12px}.message-meta{flex-wrap:wrap}.composer{padding:10px 12px!important}.composer textarea{min-height:68px!important}.composer-actions{gap:8px}}