:root{--host-bg:#f6f7f2;--host-muted:#64756c}body{background:var(--host-bg)}.host-auth,.host-console,.host-loading{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--host-ink);line-height:1.5;height:100%;overflow:auto;background:var(--host-bg)}.host-console{width:100%;min-width:0;box-sizing:border-box;padding:calc(20px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));max-width:1600px;margin:auto}.host-auth h1,.host-console h1{font-size:clamp(26px,3vw,38px);font-weight:650;letter-spacing:-1.2px;line-height:1.2}.host-console h2{font-size:20px;font-weight:650}.host-console h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:30px 0 12px}.host-console p{margin:10px 0}.host-auth button,.host-console button{background:var(--host-green);color:#fff;padding:11px 17px;border:1px solid transparent;border-radius:10px;font-weight:600;cursor:pointer}.host-auth button:disabled,.host-console button:disabled{opacity:.45;cursor:default}.host-auth button:hover:not(:disabled),.host-console button:hover:not(:disabled){filter:brightness(.95)}.host-auth .host-secondary,.host-console .host-secondary{background:white;color:var(--host-ink);border-color:var(--host-line)}.host-auth .host-link,.host-console .host-link{padding:10px 0;background:transparent;color:var(--host-green);border:0}.host-top{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid var(--host-line);padding-bottom:20px}.host-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--host-ink);font-weight:750;font-size:20px;white-space:nowrap}.host-brand>span{width:32px;height:32px;display:grid;place-items:center;background:var(--host-green);color:white;border-radius:10px}.host-status{margin-left:auto;font-size:13px;color:var(--host-muted)}.host-status:before{content:"";display:inline-block;width:7px;height:7px;background:#ba8d34;border-radius:50%;margin-right:8px}.host-online-dot,.host-status.online:before{background:#249e72}.host-nav{display:flex;gap:12px;margin:20px 0}.host-nav button{background:transparent;color:var(--host-muted)}.host-nav button[aria-current]{background:#e3ebe2;color:var(--host-ink)}.host-nav b{font-size:12px;display:inline-block;min-width:20px;margin-left:5px}.host-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.host-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--host-green);margin-bottom:8px!important}.host-site-picker{min-width:180px}.host-auth label,.host-console label{display:grid;gap:6px;font-size:13px;font-weight:600}.host-auth input,.host-console input,.host-console select,.host-console textarea{border:1px solid var(--host-line);background:white;border-radius:9px;padding:12px;color:var(--host-ink);width:100%;outline:none}.host-auth input:focus,.host-console input:focus,.host-console textarea:focus{border-color:var(--host-green);box-shadow:0 0 0 3px #0c705b14}.host-auth form,.host-console form{display:grid;gap:16px}.host-card{border-radius:18px;padding:24px;background:#fff}.host-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.host-visitor-list{min-height:550px}.host-console .host-visitor{display:flex;align-items:center;text-align:left;padding:14px 8px;width:100%;color:var(--host-ink);border-radius:10px;margin-top:8px}.host-visitor.selected{background:#edf3eb}.host-visitor small{display:block;font-size:12px;font-weight:400;color:var(--host-muted);overflow:hidden;text-overflow:ellipsis;max-width:170px;white-space:nowrap}.host-avatar{width:36px;height:36px;border-radius:50%;background:#e9f0e3;color:var(--host-green);display:grid;place-items:center;flex-shrink:0}.host-online-dot{width:6px;height:6px;border-radius:50%;margin-left:auto}.host-conversation{display:flex;flex-direction:column;min-height:550px}.host-chat-header{display:flex;justify-content:space-between;gap:16px}.host-chat-header p{font-size:13px;color:var(--host-muted)}.host-actions{display:flex;flex-wrap:wrap;gap:8px}.host-actions button{font-size:13px;white-space:nowrap}.host-page{font-size:12px;color:var(--host-muted);padding:12px;background:#f5f7f2;border-radius:8px;overflow-wrap:anywhere}.host-page a{color:var(--host-green)}.host-messages{flex:1;min-height:200px;max-height:460px;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;padding:18px 0;gap:12px}.host-message{max-width:85%;border-radius:14px 14px 14px 3px;background:#eef1eb;padding:8px 15px;overflow-wrap:anywhere}.host-message p{white-space:pre-wrap;margin:3px 0}.host-message.sent{align-self:flex-end;border-radius:14px 14px 3px 14px;background:#dbefe6}.host-message time{font-size:10px;color:var(--host-muted)}.host-console .host-compose{display:flex;align-items:center;border-top:1px solid var(--host-line);padding-top:16px;gap:12px}.host-compose textarea{resize:none}.host-empty{color:var(--host-muted);font-size:14px;padding:18px 0}.host-chat-empty{margin:auto;text-align:center;max-width:350px}.host-chat-empty>span{display:block;font-size:50px;color:var(--host-green);margin-bottom:20px}.host-install{display:grid;grid-template-columns:1fr 1fr;gap:20px}.host-install p{color:var(--host-muted);font-size:14px;margin:10px 0 22px}.host-install pre{padding:20px;background:#112923;color:#d3f1db;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;font-size:13px;margin:20px 0}.host-notification{display:flex!important;background:white!important;color:var(--host-ink)!important;border-bottom:1px solid var(--host-line)!important;justify-content:space-between;text-align:left;width:100%;margin-top:12px}.host-notification time{color:var(--host-muted);font-size:12px;margin-left:20px;white-space:nowrap}.host-muted{color:var(--host-muted);font-size:13px}.host-error{color:#9f3030;background:#fff0ed;font-size:14px}.host-error,.host-notice{padding:12px 16px;border-radius:10px}.host-notice{color:var(--host-green);background:#e3f3ea}.host-call{padding:16px;background:#f1f5ef;border-radius:12px}.host-call>p{font-size:13px;margin:0 0 12px}.host-videos{gap:10px;margin-bottom:12px}.host-media{position:relative;flex:1;background:#183a32;border-radius:12px;min-height:140px;overflow:hidden}.host-media video{width:100%;max-height:280px;-o-object-fit:contain;object-fit:contain}.host-media span{position:absolute;bottom:10px;left:10px;font-size:12px;background:#0008;padding:3px 8px;border-radius:6px;color:white}.host-console .host-danger{background:#ba3d3d}.host-auth{padding:calc(30px + env(safe-area-inset-top)) 24px 30px;display:flex;align-items:center;flex-direction:column;min-height:100dvh}.host-auth-card{background:white;border:1px solid var(--host-line);padding:40px;border-radius:22px;width:100%;max-width:440px;margin:50px 0 20px}.host-auth-card>p{color:var(--host-muted);margin:14px 0 26px;font-size:14px}.host-auth small{font-weight:400;color:var(--host-muted)}.host-auth .host-link{display:block;margin:20px auto 0;font-size:13px}.host-auth-foot{color:var(--host-muted);font-size:12px}.host-loading{display:grid;place-items:center}.host-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:760px){.host-console{padding-left:16px;padding-right:16px}.host-brand{font-size:16px}.host-status{font-size:11px}.host-top{gap:10px}.host-top button{font-size:12px;padding:8px}.host-nav{gap:2px;justify-content:space-between}.host-nav button{font-size:12px;padding:10px 8px}.host-toolbar{display:block;margin-top:20px}.host-site-picker{margin-top:18px}.host-install,.host-workspace{grid-template-columns:1fr}.host-visitor-list{min-height:0}.host-card{padding:18px}.host-chat-header{flex-direction:column;align-items:flex-start}.host-notification{flex-direction:column;gap:6px}.host-notification time{margin-left:0}.host-auth-card{padding:28px;margin-top:35px}.host-videos{flex-direction:column}.host-videos .host-media:last-child{max-width:160px;min-height:90px}.host-videos .host-media:last-child video{max-height:120px}}:root{--host-green:#0c705b;--host-ink:#122927;--host-bg:#f5f8f6;--host-line:#dce5df;--host-muted:#61756b}.host-console{max-width:1240px}.host-top{padding-bottom:18px}.host-console .host-availability{display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 13px;background:#eef3f0;color:#536a5e;border:1px solid #dce5df;border-radius:999px;font-size:13px}.host-availability i{width:7px;height:7px;border-radius:50%;background:#87988f}.host-console .host-availability.online{color:#176c4d;background:#edf9f1;border-color:#cee9d7}.host-availability.online i{background:#2c9a66}.host-nav{padding:5px;background:#e5ede8;border-radius:13px;gap:4px}.host-nav button{flex:1;border-radius:9px}.host-nav button[aria-current]{background:white;color:#0c705b;box-shadow:0 2px 6px #1230280b}.host-toolbar{margin-bottom:24px}.host-toolbar h1{font-size:28px;letter-spacing:-.8px}.host-workspace{gap:18px;grid-template-columns:320px minmax(0,1fr)}.host-card{border-radius:16px;border:1px solid var(--host-line);box-shadow:0 2px 8px #12302805}.host-list-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.host-list-title h2{font-size:16px}.host-list-title span{background:#edf8f0;padding:4px 9px;border-radius:20px;color:#287450;font-size:11px}.host-console .host-visitor{border:1px solid #e5ede8;border-radius:12px;padding:13px 10px;margin-bottom:9px;gap:12px;background:white}.host-console .host-visitor.selected{background:#edf7f1;border-color:#a8cebb}.host-avatar{background:#e5f1ea;color:#0c705b;width:42px;height:42px;font-weight:600}.host-visitor strong{font-size:14px}.host-visitor small{color:#61756b;font-size:11px}.host-online-dot{width:7px;height:7px}.host-offline-note{color:#536a5e;background:#eef4f0;border-radius:10px;padding:12px 16px;font-size:13px}.host-setting{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--host-line)}.host-setting small,.host-setting strong{display:block}.host-setting small{color:var(--host-muted);font-weight:400;margin-top:4px}.host-setting input{width:38px!important;height:22px;accent-color:#0c705b;flex-shrink:0;cursor:pointer}.host-conversation{padding:0;overflow:hidden;height:min(720px,calc(100dvh - 230px));min-height:470px}.host-chat-header{padding:16px;background:#0c705b;color:white;flex-shrink:0}.host-chat-header>div:first-of-type{flex:1;min-width:0}.host-chat-header h2{font-size:16px}.host-chat-header p{color:#dbeee4;margin:2px 0 0}.host-console .host-chat-back{background:transparent;padding:2px 8px;font-size:28px;line-height:1;display:none}.host-console .fronts-call-controls button{color:white;background:transparent;border:0;padding:7px;border-radius:50%;min-height:38px}.host-console .fronts-call-controls .fronts-end-call{background:#d6484b}.host-page{border-radius:0;background:white;padding:9px 16px;margin:0!important;border-bottom:1px solid #eee;font-size:11px;flex-shrink:0}.fronts-messaging{flex:1;min-height:0!important;border:0!important;overflow:hidden}.fronts-messaging p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.fronts-messaging form{background:#f7f7f7;flex-shrink:0}.host-console .fronts-messaging button{background:#0c705b;color:white;border-radius:7px;padding:6px 12px;min-width:76px}.host-console .fronts-messaging button:hover{background:#095a49}.host-console .fronts-messaging textarea{padding:0;border:0;color:#111;font-size:14px;min-height:23px}.host-call{margin:0;padding:10px;background:#122927;color:white;flex-shrink:0;max-height:300px;overflow:auto}.host-call>p{font-size:12px;margin:0 0 8px}.host-videos .host-media{min-height:70px}.host-videos video{max-height:180px}.host-active-call{display:flex;gap:8px;margin-bottom:12px}@media (max-width:700px){.host-console{padding:calc(14px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom))}.host-top{gap:8px;flex-wrap:wrap}.host-brand{font-size:17px}.host-console .host-availability,.host-top>.host-secondary{padding:7px 10px;font-size:11px}.host-toolbar h1{font-size:25px}.host-workspace{display:block}.host-card{padding:16px}.host-conversation{display:none}.host-nav button{font-size:11px;padding:10px 6px}.host-console[data-conversation-open=true]{max-width:none;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.host-console[data-conversation-open=true] .host-visitor-list,.host-console[data-conversation-open=true]>.host-nav,.host-console[data-conversation-open=true]>.host-toolbar,.host-console[data-conversation-open=true]>.host-top{display:none}.host-console[data-conversation-open=true] .host-workspace{width:100%;min-width:0}.host-console[data-conversation-open=true] .host-conversation{display:flex;width:100%;box-sizing:border-box;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;padding:0;border:0;border-radius:0}.host-chat-header{flex-direction:row;align-items:center;gap:6px}.host-console .host-chat-back{display:block}.host-chat-header p{max-width:160px}.host-chat-header p,.host-page{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fronts-messaging{padding-bottom:env(safe-area-inset-bottom)}}.fronts-messaging>form{display:flex;flex-direction:row;align-items:flex-end}.fronts-messaging>form>.MuiTextField-root{flex:1;min-width:0}.fronts-messaging>form>.MuiButton-root{width:auto;flex:0 0 auto;min-width:84px;min-height:40px;padding:8px 12px}.host-appearance-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.25fr);gap:28px}.host-appearance fieldset{border:0;padding:0;margin:0;min-width:0}.host-appearance legend{font-weight:600;margin-bottom:12px}.host-appearance label{display:grid;gap:6px;margin-bottom:14px}.host-appearance input[type=color]{width:70px;height:44px;padding:4px}.host-custom-color{display:flex;align-items:end;gap:12px}.host-custom-color>label{min-width:0}.host-custom-color>label:last-child{flex:1}.host-color-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.host-console .host-color-presets button{min-width:36px;width:36px;height:36px;padding:0;border:2px solid transparent;border-radius:50%}.host-console .host-color-presets button[aria-pressed=true]{outline:2px solid #242030;outline-offset:2px}.host-appearance-actions{display:flex;flex-wrap:wrap;gap:8px}.host-appearance-preview{min-width:0}@media (max-width:800px){.host-appearance-grid{grid-template-columns:minmax(0,1fr)}}.host-chat-header{padding:8px;gap:8px;align-items:center;background:var(--host-green)}.host-chat-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#ffffff24;color:#fff;font-size:14px;font-weight:650}.host-chat-header .host-chat-identity{min-width:0;flex:1}.host-chat-header h2{margin:0;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-chat-header p{margin:0;font-size:11px;line-height:15px}.host-chat-page{display:block;color:#e0f3e8;font-size:11px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.host-chat-page:hover{text-decoration:underline}.host-console .host-chat-back{width:44px;height:44px;padding:0;flex:0 0 44px}.host-console .fronts-call-controls{flex:0 0 auto;gap:0}.host-console .fronts-call-controls button{width:44px;height:44px;min-height:44px;padding:10px}.host-console .fronts-call-controls .fronts-end-call{background:#b72f3f}.host-call{padding:6px 8px 8px;background:#eef4f1;color:var(--host-ink);border-radius:0;max-height:none;overflow:visible}.host-call-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0 6px;font-size:11px;line-height:16px}.host-call-status strong{font-weight:600}.host-call-status>span:last-child{color:#536a5e}.host-call-indicator{width:6px;height:6px;background:var(--host-green);border-radius:50%;flex-shrink:0}.host-videos{position:relative;display:flex;flex-direction:row;justify-content:center;gap:0;margin:0 auto}.host-videos,.host-videos .host-media{width:-moz-fit-content;width:fit-content;max-width:100%}.host-videos .host-media{flex:0 1 auto;min-height:0;border-radius:10px;background:#10271f}.host-videos .host-media[hidden]{display:none}.host-videos .host-media video{display:block;width:auto;max-width:100%;height:clamp(150px,28dvh,240px);-o-object-fit:contain;object-fit:contain}.host-videos .host-media span{bottom:6px;left:6px;font-size:11px;padding:2px 6px}.host-videos[data-layout=two] .host-media:last-child{position:absolute;right:6px;bottom:6px;max-width:30%;box-shadow:0 0 0 2px #fff}.host-videos[data-layout=two] .host-media:last-child video{height:92px}.host-console .fronts-messaging{width:100%;background:#f4f7f5}.host-console .fronts-messaging>form{padding:8px;gap:8px;background:white}.host-console .fronts-messaging>form>.MuiTextField-root{flex:1;width:auto;min-width:0}.host-console .fronts-messaging>form>.MuiButton-root{min-width:76px;min-height:44px;height:auto;padding:8px 12px;gap:6px}.host-send-icon{font-size:20px!important}@media (max-width:700px){.host-chat-header{gap:4px;padding:6px 4px}.host-chat-header p{max-width:none}.host-videos .host-media:last-child{max-width:100%;min-height:0}.host-videos .host-media:last-child video{max-height:none}.host-videos[data-layout=two] .host-media:last-child{max-width:30%}.host-console .fronts-messaging>form>.MuiButton-root{width:44px;min-width:44px;height:44px;padding:10px}.host-send-text{display:none}.host-console .fronts-messaging>form>.MuiTextField-root .MuiInputBase-root{min-height:44px}}.host-workspace[hidden]{display:none}.host-operator-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#0c705b;color:white;display:grid;place-items:center;font-weight:700}.host-operator-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.host-appearance>form{margin-bottom:20px}.host-active-call{align-items:center;flex-wrap:wrap}.host-active-call .fronts-call-controls{background:var(--host-green);border-radius:8px}.host-availability-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-radius:14px;margin:8px 0;border:2px solid #b57717;color:#402900;background:#fff1cd}.host-availability-banner strong{font-size:18px;line-height:1.2;white-space:nowrap}.host-availability-banner.online{background:#e7f5ec;color:#12452b;border-color:#246b43}.host-availability-action{min-height:48px;min-width:108px;padding:10px 16px;border-radius:10px;border:2px solid;font-weight:700;background:#fff;color:inherit;flex-shrink:0;white-space:nowrap}.host-availability-action:focus-visible{outline:3px solid #156de2;outline-offset:3px}.host-availability-action:disabled{opacity:.6}.host-console .host-chat-back{display:block;color:white}.host-conversation[data-chat-open=false]{display:none}.host-console[data-conversation-open=false] .host-workspace{grid-template-columns:minmax(0,1fr)}.host-conversation-actions,.host-list-filters{display:flex;gap:8px;padding:8px;flex-wrap:wrap;flex-shrink:0}.host-console .host-conversation-actions button,.host-list-filters button{min-height:44px;font-size:12px}.host-blocked-note{padding:8px;margin:0;font-size:12px}.host-confirm-overlay{position:fixed;inset:0;z-index:100000;background:#0008;display:grid;place-items:center;padding:20px}.host-confirm-dialog{max-width:460px;max-height:90dvh;overflow:auto;border-radius:16px;background:white;color:var(--host-ink);padding:20px}.host-confirm-dialog button{min-height:48px;margin:4px}.host-confirm-dialog::backdrop{background:#0008}.host-confirm-dialog{border:0}.host-call-status .host-expand-call{margin-left:auto;min-height:44px;font-size:12px;padding:6px 10px}.host-call[data-expanded=true]{position:fixed;inset:0;z-index:99999;width:100%;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#eef4f1;overflow:auto}.host-call[data-expanded=true] .host-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:100%;flex:1;min-height:0;gap:8px}.host-call[data-expanded=true] .host-videos[data-layout=single]{grid-template-columns:minmax(0,1fr)}.host-call[data-expanded=true] .host-videos .host-media{position:relative;inset:auto;width:100%;max-width:100%;min-height:0;box-shadow:none}.host-call[data-expanded=true] .host-videos .host-media[hidden]{display:none}.host-call[data-expanded=true] .host-media video{width:100%;height:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.host-fullscreen-audio{text-align:center}.host-call[data-expanded=true] .fronts-call-controls{background:var(--host-green);border-radius:8px}.host-confirm-identity{font-size:.875rem;color:#52655e;margin:0 0 .5rem}.host-confirm-retention{margin:.5rem 0 1rem;font-size:.875rem;color:#52655e}.host-confirm-retention summary{cursor:pointer}.host-confirm-retention p{font-size:inherit;margin:.5rem 0}.host-live-visitor{border:1px solid var(--host-line);border-radius:12px;overflow:hidden;margin-bottom:12px;background:white}.host-console .host-live-visitor .host-visitor{margin:0;border-radius:0}.host-visitor-actions{display:flex;gap:8px;padding:0 10px 10px}.host-console .host-visitor-actions button{flex:1;min-height:44px;padding:8px;font-size:12px}.host-console .fronts-call-controls .host-start-video{width:auto;padding:8px 12px;border-radius:8px;border:1px solid #ffffff70;font-size:12px;font-weight:650;text-transform:none;white-space:nowrap}.host-start-video .MuiButton-startIcon{margin-right:6px}.host-conversation-menu{position:relative;flex-shrink:0}.host-conversation-menu>summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;font-size:18px;letter-spacing:2px;cursor:pointer;color:white}.host-conversation-menu>summary::-webkit-details-marker{display:none}.host-conversation-menu>summary:hover{background:#ffffff16}.host-conversation-menu>summary:focus-visible{outline:2px solid white;outline-offset:-3px}.host-conversation-menu .host-conversation-actions{position:absolute;top:48px;right:0;z-index:6;display:flex;flex-direction:column;min-width:188px;padding:6px;border:1px solid var(--host-line);border-radius:10px;background:white;box-shadow:0 12px 24px #12292720}.host-console .host-conversation-actions button{text-align:left;border-radius:6px;background:white;color:var(--host-ink);font-weight:500}.host-console .host-conversation-actions button:hover{background:#edf4ef}.host-console .host-conversation-actions .host-danger{color:#9d2634}.host-videos{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:8px}.host-videos[data-layout=two]{grid-template-columns:repeat(2,minmax(0,1fr))}.host-videos .host-media{width:100%;min-width:0;flex:initial}.host-videos .host-media video{width:100%;height:clamp(220px,37dvh,390px);max-height:none}.host-videos[data-layout=two] .host-media:last-child{position:relative;right:auto;bottom:auto;max-width:100%;box-shadow:none}.host-videos[data-layout=two] .host-media:last-child video{height:clamp(220px,37dvh,390px)}.host-call[data-expanded=true] .host-videos .host-media video{height:100%}@media(max-width:700px){.host-console .fronts-call-controls .host-start-video{padding:8px;font-size:11px}.host-chat-header .host-chat-avatar,.host-start-video .MuiButton-startIcon{display:none}.host-videos .host-media video,.host-videos[data-layout=two] .host-media:last-child video{height:clamp(220px,34dvh,310px)}.host-call[data-expanded=true] .host-videos .host-media video{height:100%}}.host-site-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px}.host-console .host-site-filters button{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:var(--site-tint,#f0f5f2);color:#18372c;border:2px solid var(--site-accent,#0c705b);box-shadow:0 0 0 1px #88968e;border-radius:24px;padding:8px 14px;max-width:100%;overflow-wrap:anywhere}.host-console .host-site-filters button[aria-pressed=true]{outline:2px solid #18372c;outline-offset:3px}.host-site-filters>span{color:#43594e;font-size:12px}.host-site-dot{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--site-accent,#0c705b);box-shadow:0 0 0 1px #88968e}.host-console .host-live-visitor,.host-console .host-visitor-list>.host-visitor,.host-console .host-visitor-list>div .host-visitor{border:2px solid var(--site-accent,#0c705b);box-shadow:0 0 0 1px #9daaa2;background:var(--site-tint,#f0f5f2);color:#18372c}.host-console .host-live-visitor .host-visitor{border:0;box-shadow:none;background:transparent}.host-console .host-visitor.selected{background:var(--site-selected,#dfefe7)}.host-console .host-visitor small{color:#43594e;overflow-wrap:anywhere}.host-console .host-visitor .host-online-dot{background:#08734e;box-shadow:0 0 0 2px white;flex-shrink:0}.host-conversation-site{padding:8px 14px;margin:0;color:#43594e;font-size:12px;overflow-wrap:anywhere}.host-call-session{margin:12px 0;border:1px solid var(--host-line);border-radius:12px;overflow:hidden;background:#eef4f1}.host-call-session>.host-active-call{padding:10px;margin:0}.host-call-session>.host-call{width:100%;box-sizing:border-box}.host-site-statuses{display:grid;gap:8px;margin-bottom:12px}.host-site-statuses>div{padding:12px;border:1px solid #b57717;border-radius:12px;background:#fff8e9;color:#402900}.host-site-statuses p{margin:6px 0;font-size:13px}.host-console .host-live-visitor .host-visitor,.host-console .host-live-visitor .host-visitor.selected{border:0;outline:0;box-shadow:none;border-radius:0;background:transparent}.host-console .host-site-filters button[aria-pressed=true]{outline:0;box-shadow:none;font-weight:700;background:var(--site-selected,#dceee5)}.host-console .host-live-visitor .host-visitor:focus-visible,.host-console .host-site-filters button[aria-pressed=true]:focus-visible{outline:2px solid #18372c;outline-offset:-5px}