.tm-conversation-head:has(.tm-call-video){grid-template-columns:40px 43px minmax(0,1fr) 38px 38px 38px!important;gap:5px!important}.tm-conversation-head:has(.tm-call-video) .tm-call-voice{grid-column:4}.tm-conversation-head:has(.tm-call-video) .tm-call-video{grid-column:5}.tm-conversation-head:has(.tm-call-video) .tm-chat-options-button{grid-column:6}.tm-call-voice,.tm-call-video{display:grid!important;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#edf9f3;color:#008b58}.tm-call-voice svg,.tm-call-video svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tm-call-ui-open{overflow:hidden}.tm-call-ui{position:fixed;z-index:11000;inset:0;margin:auto;width:min(100%,480px);min-height:100dvh;overflow:hidden;background:#fff;color:#17243f;font-family:Arial,sans-serif}.tm-call-ui svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tm-call-ui>header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:82px;padding:18px}.tm-call-ui>header>button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#00915d;box-shadow:0 8px 25px #254b3c18}.tm-call-ui>header>span{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:99px;background:#edf9f3;color:#00915d;font-size:12px}.tm-call-ui>header>span svg{width:19px;height:19px}.tm-call-ui>header b{font-weight:600}.tm-call-ui.is-voice{background:radial-gradient(circle at 50% 31%,#edf9f3 0,#fff 35%)}.tm-call-ui.is-voice>main{text-align:center;padding:44px 20px 0}.tm-voice-person{display:grid;grid-template-columns:1fr 172px 1fr;align-items:center;margin-bottom:42px}.tm-voice-person>span{position:relative;z-index:1;display:grid;place-items:center;width:158px;height:158px;margin:auto;overflow:hidden;border:6px solid #fff;border-radius:50%;background:#dff4e9;color:#008b58;font-size:40px;font-weight:800;box-shadow:0 0 0 10px #dff4e9,0 0 0 32px #edf9f388}.tm-voice-person img,.tm-video-avatar img{width:100%;height:100%;object-fit:cover}.tm-voice-person>i{height:50px;background:repeating-linear-gradient(90deg,transparent 0 8px,#c6eddc 8px 12px,transparent 12px 18px);mask:radial-gradient(ellipse,#000 25%,transparent 75%)}.tm-call-ui main h1{margin:0!important;font-size:27px!important;line-height:1.2!important}.tm-call-ui main p{margin:9px 0 13px!important;color:#69758d;font-size:16px}.tm-call-ui main>[data-time]{display:block;color:#00965e;font-size:34px}.tm-call-ui main>em{display:inline-flex;margin-top:17px;padding:9px 14px;border-radius:99px;background:#edf9f3;color:#008b58;font-size:11px;font-style:normal}.tm-call-ui>footer{position:absolute;z-index:4;left:20px;right:20px;bottom:112px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tm-call-ui>footer button{display:flex;align-items:center;flex-direction:column;gap:9px;padding:0;border:0;background:none;color:#566279;font-size:10px;font-weight:600}.tm-call-ui>footer button svg{box-sizing:content-box;width:27px;height:27px;padding:17px;border-radius:50%;background:#f3f6f5}.tm-call-ui>footer button.is-on svg{background:#dff5e9;color:#00965e}.tm-call-ui>footer .is-end svg{background:#ff3d43;color:#fff;stroke-width:2.4}.tm-call-ui>nav{position:absolute;z-index:4;left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);height:82px;padding:8px;border:1px solid #e2e9e6;border-radius:27px;background:#fffd;box-shadow:0 12px 30px #254b3c18}.tm-call-ui>nav span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#7a8781;font-size:24px}.tm-call-ui>nav svg{width:23px;height:23px}.tm-call-ui>nav b{font-size:10px;font-weight:500}.tm-call-ui>nav .active{color:#00965e}.tm-call-ui.is-video{background:#1d2823;color:#fff}.tm-video-bg{position:absolute;inset:0;background:linear-gradient(145deg,#7b8e84,#26342d);background-position:center;background-size:cover;filter:brightness(.82)}.tm-call-ui.is-video>header{align-items:flex-start;color:#fff;text-shadow:0 1px 8px #0008}.tm-call-ui.is-video>header>button{border:1px solid #fff8;background:#fff3;color:#fff;box-shadow:none}.tm-call-ui.is-video>header>div{text-align:center}.tm-call-ui.is-video>header h1{margin:0!important;font-size:20px!important;color:#fff}.tm-call-ui.is-video>header p{margin:6px 0!important;font-size:13px}.tm-call-ui.is-video>header strong{font-size:17px}.tm-call-ui.is-video>header>span{background:#effaf2e8}.tm-call-ui.is-video>main{position:absolute;z-index:2;inset:82px 0 126px}.tm-video-avatar{display:grid;place-items:center;width:100%;height:100%;font-size:56px;font-weight:800}.tm-video-avatar img{object-fit:cover}.tm-call-ui.is-video main>aside{position:absolute;right:16px;top:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:104px;height:142px;border:2px solid #fff;border-radius:18px;background:#25342dcc;box-shadow:0 8px 24px #0004}.tm-call-ui.is-video main>aside b{font-size:15px}.tm-call-ui.is-video main>aside small{margin-top:5px;font-size:9px}.tm-call-ui.is-video main>em{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;background:#14211db8;color:#fff}.tm-call-ui.is-video>footer{bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);padding:14px 8px;border:1px solid #fff6;border-radius:28px;background:#fffffff0;backdrop-filter:blur(16px)}.tm-call-ui.is-video>footer button svg{padding:13px}.tm-call-ui.is-video>footer button span{color:#526078}.tm-call-ui.is-video>footer .is-end span{font-weight:800;color:#273047}@media(max-width:370px){.tm-conversation-head:has(.tm-call-video){grid-template-columns:36px 39px minmax(0,1fr) 34px 34px 34px!important;gap:3px!important}.tm-call-voice,.tm-call-video{width:34px;height:34px;min-height:34px}.tm-call-ui.is-video>footer{left:8px;right:8px}.tm-call-ui.is-video>footer button svg{width:23px;height:23px;padding:11px}}
/* The call overlay lives on body, outside transformed chat containers. */
.tm-call-ui,.tm-call-ui *{box-sizing:border-box}
.tm-call-ui{inset:0;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;overflow:auto}
.tm-call-ui.is-voice{display:flex;flex-direction:column;align-items:center}
.tm-call-ui.is-voice>header{width:100%;max-width:560px;flex-shrink:0;padding-top:max(18px,env(safe-area-inset-top))}
.tm-call-ui.is-voice>main{width:100%;max-width:560px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px 24px}
.tm-call-ui.is-voice .tm-voice-person{width:100%;margin-bottom:36px}
.tm-call-ui.is-voice>footer{position:relative;inset:auto;flex-shrink:0;width:100%;max-width:480px;padding:20px 20px max(24px,env(safe-area-inset-bottom));margin:0}
.tm-call-ui.is-video>header{height:auto;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px}
.tm-call-ui.is-video>header>span{grid-column:2;justify-self:center}
.tm-call-ui.is-video>header h1{overflow-wrap:anywhere}
@media(max-height:700px){.tm-call-ui.is-voice>main{padding-top:18px}.tm-call-ui.is-voice .tm-voice-person{grid-template-columns:1fr 132px 1fr;margin-bottom:24px}.tm-call-ui.is-voice .tm-voice-person>span{width:120px;height:120px}.tm-call-ui.is-voice main h1{font-size:23px!important}.tm-call-ui.is-voice>footer{padding-top:12px}}
/* Native media texture reserves the same rectangle in the shell. */
.tm-call-native.is-video>main{inset:90px 18px auto;height:240px}
.tm-call-native.is-video>header{grid-template-columns:46px minmax(0,1fr);padding:10px 18px;font-size:12px}
.tm-call-native.is-video>header>span{position:absolute;top:340px;left:18px}
.tm-call-native.is-video>header p{display:none}
.tm-call-native.is-video>[data-call-error]{position:absolute;top:400px;left:18px;right:18px;color:#fff;text-align:center}
.tm-call-native [data-call-error]{color:#b42318;font-size:14px}
.tm-call-native.is-incoming>footer{grid-template-columns:repeat(2,minmax(0,1fr))}
.tm-call-native button:disabled{opacity:.5;cursor:wait}
.tm-call-native button:focus-visible{outline:3px solid #00965e;outline-offset:3px}
[data-call-notice]{color:#b42318;padding:8px 16px;font-size:14px}
/* Center the browser video-call title independently of the back button. */
.tm-call-ui.is-video:not(.tm-call-native)>header{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;column-gap:10px;align-items:start;height:auto;min-height:112px;padding: max(18px,env(safe-area-inset-top)) 18px 12px;border:0;box-shadow:none}
.tm-call-ui.is-video:not(.tm-call-native)>header>button{grid-column:1;grid-row:1}
.tm-call-ui.is-video:not(.tm-call-native)>header>div{grid-column:2;grid-row:1;min-width:0;width:100%;text-align:center}
.tm-call-ui.is-video:not(.tm-call-native)>header h1{font-size:clamp(17px,4.6vw,22px)!important;line-height:1.25!important;margin:0!important}
.tm-call-ui.is-video:not(.tm-call-native)>header p{margin:6px 0!important;line-height:1.35}
.tm-call-ui.is-video:not(.tm-call-native)>header strong{display:block;line-height:1.3;font-variant-numeric:tabular-nums}
.tm-call-ui.is-video:not(.tm-call-native)>main>aside{top:64px}
.tm-call-ui main video[data-remote]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#07130f}
.tm-call-ui main video[data-local]{position:absolute;right:16px;bottom:16px;width:104px;height:148px;object-fit:cover;border-radius:16px;border:2px solid rgba(255,255,255,.8);z-index:3;background:#13211d}
.tm-call-ui.is-voice main video{width:1px;height:1px;opacity:0;pointer-events:none}