/* Scoped call UI: generic application form rules must not reshape the toolbar. */
#teleconsultations { font-family: Inter, system-ui, sans-serif; }
#teleconsultations .teleconsultation-layout[hidden] { display: none !important; }
#teleconsultations .teleconsultation-card h3 { font: 650 1.1rem/1.4 Inter, system-ui, sans-serif; }
#teleconsultations .teleconsultation-card legend { font: 600 .9rem/1.5 Inter, system-ui, sans-serif; }
#teleconsultations .teleconsultation-card input, #teleconsultations .teleconsultation-card select,
#teleconsultations .teleconsultation-card textarea { font: 400 .9rem/1.5 Inter, system-ui, sans-serif; }
#teleconsultations .teleconsultation-invitee-option { font: 500 .85rem/1.4 Inter, system-ui, sans-serif; padding: .3rem 0; }
#teleconsultations .teleconsultation-invitee-option input { flex: 0 0 17px; width: 17px; height: 17px; margin: 0; accent-color: #4f46e5; }
#teleconsultations .teleconsultation-card .btn { width: auto; min-height: 40px; padding: .6rem .9rem; border-radius: 8px; font: 600 .85rem/1.4 Inter, system-ui, sans-serif; box-shadow: none; transform: none; }
#teleconsultations .teleconsultation-card .btn-primary { color: #fff; background: #4f46e5; border: 1px solid #4f46e5; }
#teleconsultations .teleconsultation-card .btn-secondary { color: var(--text-primary, #334155); background: var(--card-bg, #f1f5f9); border: 1px solid var(--border-color, #cbd5e1); }
#teleconsultations .tc-closed-caption { margin-top: .85rem; font-size: .8rem; color: var(--text-muted, #64748b); }
#teleconsultations .teleconsultation-status[data-status="completed"] { color: #147550; background: #e5f5ed; }
#teleconsultations .teleconsultation-status[data-status="cancelled"] { color: #5a6473; background: #edf0f4; }
.tc-room.teleconsultation-room { padding: 0; border: 1px solid #303743; border-radius: 18px; color: #f4f6fa; background: #151922; box-shadow: 0 16px 40px #10182722; font: 400 14px/1.5 Inter, system-ui, sans-serif; isolation: isolate; }
.tc-room *, .tc-room *::before, .tc-room *::after { box-sizing: border-box; }
.tc-room [hidden] { display: none !important; }
.tc-room button, .tc-room summary, .tc-room select, .tc-room textarea { font-family: inherit; }
/* The application theme uses !important on headings and labels; retain contrast inside the dark call surface. */
.tc-room h3#teleconsultationRoomTitle, .tc-room h4 { color: #f4f6fa !important; border: 0; padding-bottom: 0; }
.tc-room label { color: #c4cede !important; }
.tc-room button { text-transform: none; letter-spacing: normal; box-shadow: none; transform: none; margin: 0; cursor: pointer; }
.tc-room button:disabled { opacity: .4; cursor: not-allowed; }
.tc-room button:focus-visible, .tc-room summary:focus-visible, .tc-room select:focus-visible,
.tc-room textarea:focus-visible { outline: 3px solid #a5bcff; outline-offset: 3px; }
.tc-room .teleconsultation-room-header { flex-direction: row; align-items: start; padding: 20px 24px 12px; margin: 0; }
.tc-room .tc-eyebrow { margin: 0 0 3px; color: #b4c3e3; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.tc-room h3#teleconsultationRoomTitle { margin: 0; color: #fff; font: 600 clamp(18px, 2.3vw, 23px)/1.3 Inter, system-ui, sans-serif; }
.tc-room .tc-room-reason { margin: 5px 0 0; max-width: 65ch; color: #b3bdcc; font-size: 12px; overflow-wrap: anywhere; }
.tc-room .tc-privacy { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin-top: 3px; color: #c6dfd4; font-size: 11px; }
.tc-room .tc-privacy::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #7ed9a9; }
.tc-room .teleconsultation-call-status { min-height: 0; margin: 0 24px 14px; padding: 0; color: #b5c9ed; font-size: 12px; font-weight: 400; }
.tc-room .tc-room-body { display: flex; min-height: 320px; }
.tc-room .tc-stage { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; justify-content: center; padding: 8px 24px 20px; }
.tc-room .teleconsultation-media { display: grid; flex: 1; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); align-content: center; gap: 12px; margin: 0; min-width: 0; }
.tc-room .teleconsultation-participant-tile { display: grid; position: relative; place-items: center; min-height: 190px; aspect-ratio: 16/10; padding: 0; border: 1px solid #353e4e; border-radius: 14px; background: #252d3d; overflow: hidden; }
.tc-room .teleconsultation-participant-tile:nth-child(2n) { background: #253837; border-color: #314c48; }
.tc-room .tc-avatar { display: grid; place-items: center; width: clamp(56px, 7vw, 80px); height: clamp(56px, 7vw, 80px); border-radius: 50%; background: #53618b; color: #eaf0ff; font-size: clamp(20px, 3vw, 29px); font-weight: 500; }
.tc-room .teleconsultation-participant-tile:nth-child(2n) .tc-avatar { background: #4f7972; }
.tc-room .teleconsultation-participant-tile:has(video:not([hidden])) .tc-avatar { visibility: hidden; }
.tc-room .teleconsultation-participant-tile video { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: contain; border-radius: 0; background: #10131b; }
.tc-room .teleconsultation-participant-tile audio { display: none; }
.tc-room .teleconsultation-participant-tile .tc-tile-caption { position: absolute; inset: auto 0 0; display: flex; align-items: end; justify-content: space-between; gap: 8px; padding: 22px 12px 10px; color: #f4f6fa; background: linear-gradient(transparent, #111824bc); font-size: 11px; }
.tc-room .tc-tile-caption strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.tc-room .tc-tile-caption > span { color: #d0d8e5; font-size: 10px; text-align: right; }
.tc-room .tc-stage-caption { margin: 13px 0 0; color: #9faec4; text-align: center; font-size: 11px; }
.tc-room .tc-toolbar { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 22px; position: sticky; bottom: 0; z-index: 4; min-height: 86px; padding: 12px 18px; border-top: 1px solid #303743; border-radius: 0 0 18px 18px; background: #191e28; }
.tc-room .tc-toolbar-main, .tc-room .tc-toolbar-panels { display: flex; align-items: center; justify-content: center; gap: 8px; }
.tc-room .tc-toolbar-panels { border-left: 1px solid #3c4554; padding-left: 18px; }
.tc-room .tc-control { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 64px; min-height: 54px; max-width: 100px; padding: 9px 11px; border: 1px solid transparent; border-radius: 12px; color: #e6ebf3; background: #2b3240; font-size: 11px; font-weight: 500; line-height: 1.2; text-align: center; text-decoration: none; user-select: none; transition: background .15s; }
.tc-room .tc-control:hover { background: #3a4558; transform: none; }
.tc-room .tc-control::before, .tc-room .tc-option.tc-share::before, .tc-room .tc-option.tc-hand::before { content: ''; display: block; flex-shrink: 0; width: 20px; height: 20px; background: currentColor; mask: var(--tc-icon) center / contain no-repeat; }
.tc-room .tc-join { background: #bfd0ff; color: #152c65; }
.tc-room .tc-join:hover { background: #d4dfff; }
.tc-room .tc-leave { color: #fff; background: #d84049; min-width: 76px; }
.tc-room .tc-leave:hover { background: #bd303b; }
.tc-room .tc-camera[aria-pressed="false"], .tc-room .tc-mic[aria-pressed="true"] { color: #ffd8db; background: #673239; }
.tc-room .tc-control[aria-expanded="true"] { color: #c9d8ff; background: #354b77; border-color: #7f9ad1; }
.tc-room[data-media-active="true"] #startTeleconsultationAudio, .tc-room[data-media-active="false"] #toggleTeleconsultationMute { display: none; }
.tc-room[data-closed="true"] .tc-more { display: none; }
.tc-room .tc-more { position: relative; margin: 0; }
.tc-room .tc-more > summary { list-style: none; cursor: pointer; }
.tc-room .tc-more > summary::-webkit-details-marker { display: none; }
.tc-room .tc-more[open] > summary { background: #455069; }
.tc-room .tc-options { position: absolute; z-index: 10; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: min(300px, calc(100vw - 40px)); max-height: min(480px, 65dvh); overflow: auto; padding: 14px; border: 1px solid #4a5264; border-radius: 14px; color: #e7ecf4; background: #262d3b; box-shadow: 0 12px 36px #0006; }
.tc-room .tc-options h4 { margin: 0 0 9px; color: #fff; font-size: 13px; font-weight: 600; }
.tc-room .tc-option { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 9px; border: 0; border-radius: 7px; color: #e7ecf4; background: transparent; font: 500 12px/1.4 Inter, system-ui, sans-serif; text-align: left; }
.tc-room .tc-option:hover { background: #394359; }
.tc-room .tc-end-audio { color: #ffb9bd; border-top: 1px solid #454d5e; margin-top: 8px; }
.tc-room .tc-options label, .tc-room .tc-devices summary { display: block; margin: 10px 0 5px; color: #c4cede; font-size: 12px; }
.tc-room .tc-devices summary { cursor: pointer; padding: 8px; }
.tc-room .tc-options select { width: 100%; min-width: 0; height: 38px; padding: 6px 8px; border: 1px solid #566179; border-radius: 7px; color: #f0f3fa; background: #202635; font-size: 12px; }
.tc-room .tc-option-hint, .tc-room .tc-connection-note { margin: 6px 8px; color: #b5c0d3; font-size: 11px; }
.tc-room .teleconsultation-diagnostics { margin: 6px 0; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; background: #101622; font: 11px/1.5 ui-monospace, monospace; }
.tc-room .tc-side-panel { flex: 0 0 300px; display: flex; flex-direction: column; min-width: 0; margin: 0 16px 18px 0; padding: 16px; border: 1px solid #3b4556; border-radius: 12px; background: #202735; color: #edf2fa; }
.tc-room .tc-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.tc-room .tc-panel-heading h4 { margin: 0; color: #f4f6fa; font-size: 14px; font-weight: 600; }
.tc-room .tc-panel-close { display: grid; place-items: center; width: 34px; min-height: 34px; padding: 0; border: 0; border-radius: 50%; color: #d8e0ec; background: #343e51; font-size: 22px; }
.tc-room .teleconsultation-roster { padding: 0; border: 0; border-radius: 0; background: transparent; }
.tc-room .teleconsultation-roster ul { gap: 14px; }
.tc-room .teleconsultation-roster li { flex-wrap: nowrap; gap: 10px; font-size: 12px; }
.tc-room .teleconsultation-roster li > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.tc-room .teleconsultation-roster small, .tc-room .teleconsultation-participant-state { color: #adbbd0; font-size: 10px; }
.tc-room .teleconsultation-roster button { min-height: 34px; padding: 5px 10px; color: #1b2a51; background: #c3d4ff; border: 0; border-radius: 7px; font-size: 12px; }
.tc-room .teleconsultation-chat { display: flex; flex: 1; flex-direction: column; min-height: 260px; max-width: none; margin: 0; }
.tc-room .tc-chat-hint { margin: 0 0 10px; color: #acbad1; font-size: 11px; }
.tc-room .teleconsultation-messages { flex: 1; min-height: 100px; max-height: 260px; margin: 0 0 12px; padding: 0; border: 0; list-style: none; }
.tc-room .teleconsultation-messages li { margin: 0 0 9px; padding: 9px; border-radius: 8px; color: #e7edf8; background: #2c3649; font-size: 12px; overflow-wrap: anywhere; }
.tc-room .teleconsultation-messages li strong { display: block; margin-bottom: 3px; color: #c3d4ff; font-size: 11px; }
.tc-room .teleconsultation-messages li.tc-chat-empty { padding: 20px 8px; background: transparent; color: #a4b3cb; text-align: center; }
.tc-room .teleconsultation-chat label { color: #c1cde0; font-size: 11px; font-weight: 500; }
.tc-room .teleconsultation-chat textarea { min-height: 65px; padding: 9px; color: #f2f5fa; border: 1px solid #53617c; border-radius: 8px; background: #19212e; font: 400 12px/1.5 Inter, system-ui, sans-serif; }
.tc-room .teleconsultation-chat textarea::placeholder { color: #8e9fba; }
.tc-room .tc-chat-send { justify-self: end; width: auto; min-height: 36px; padding: 7px 12px; border: 0; border-radius: 7px; color: #18306c; background: #c3d4ff; font: 600 12px/1.5 Inter, system-ui, sans-serif; }
@media (max-width: 1050px) {
    .tc-room .tc-room-body:has(.tc-side-panel:not([hidden])) .teleconsultation-media { grid-template-columns: 1fr; }
    .tc-room .tc-side-panel { flex-basis: 270px; }
}
@media (max-width: 700px) {
    .tc-room .teleconsultation-room-header { padding: 16px 16px 10px; }
    .tc-room .tc-privacy { max-width: 70px; font-size: 10px; }
    .tc-room .teleconsultation-call-status { margin: 0 16px 10px; }
    .tc-room .tc-room-body { flex-direction: column; }
    .tc-room .tc-stage { padding: 8px 16px 14px; }
    .tc-room .teleconsultation-media { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .tc-room .teleconsultation-participant-tile { min-height: 145px; aspect-ratio: 4/5; }
    .tc-room .teleconsultation-participant-tile .tc-tile-caption { flex-direction: column; align-items: start; }
    .tc-room .tc-side-panel { flex: 0 1 auto; margin: 0 12px 12px; }
    .tc-room .tc-room-body:has(.tc-side-panel:not([hidden])) .tc-stage { display: none; }
    .tc-room .tc-room-body:has(.tc-side-panel:not([hidden])) .teleconsultation-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tc-room .tc-toolbar { gap: 6px; padding: 10px 8px; }
    .tc-room .tc-toolbar-main, .tc-room .tc-toolbar-panels { gap: 4px; }
    .tc-room .tc-toolbar-panels { padding-left: 6px; }
    .tc-room .tc-control { width: 44px; min-width: 44px; max-width: 44px; min-height: 44px; padding: 10px; gap: 0; font-size: 0; border-radius: 9px; }
    .tc-room .tc-leave { min-width: 55px; }
    .tc-room .tc-control::before { width: 19px; height: 19px; }
    .tc-room .tc-more { position: static; }
    .tc-room .tc-options { left: 8px; right: 8px; bottom: calc(100% + 8px); width: auto; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .tc-room * { transition: none; } }

#teleconsultations .tc-patient-invite { margin-top: 16px; padding: 12px; border: 1px solid var(--border-subtle, #cbd5e1); border-radius: 10px; background: var(--bg-main, #f8fafc); }
#teleconsultations .tc-patient-invite summary { cursor: pointer; font-size: 13px; font-weight: 600; }
#teleconsultations .tc-patient-invite p, #teleconsultations .tc-patient-invite small { display: block; margin: 8px 0; font-size: 12px; }
#teleconsultations .tc-patient-invite label { display: block; font-size: 12px; margin: 10px 0 5px; }
#teleconsultations .tc-patient-invite form { margin-top: 12px; }
#teleconsultations .tc-patient-invite textarea { width: 100%; min-height: 190px; padding: 10px; border: 1px solid var(--border-subtle, #cbd5e1); border-radius: 8px; background: var(--bg-card, #fff); color: var(--text-primary, #334155); font: 400 12px/1.6 Inter, system-ui, sans-serif; }
#teleconsultations .tc-patient-invite input { max-width: 180px; letter-spacing: .2em; }
.tc-guest-page { display: block; margin: 0; padding: 24px; min-height: 100dvh; background: #f1f4f9; color: #26354e; font: 400 15px/1.6 Inter, system-ui, sans-serif; }
.tc-guest-brand { display: flex; align-items: center; gap: 14px; max-width: 1180px; margin: 0 auto 24px; }
.tc-guest-brand strong { color: #4f46e5; font-size: 23px; font-weight: 750; }
.tc-guest-brand span { color: #697b96; font-size: 13px; }
.tc-guest-page main#teleconsultations { display: block; max-width: 1180px; padding: 0; margin: 0 auto; }
.tc-guest-page .tc-guest-layout { display: block; }
.tc-guest-card { max-width: 460px; margin: 8vh auto 0; padding: 32px; border: 1px solid #dce3ed; border-radius: 18px; background: #fff; box-shadow: 0 16px 50px #2538570d; }
.tc-guest-card .tc-guest-lock { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; color: #5268a3; background: #eef2ff; border-radius: 14px; font-size: 25px; }
.tc-guest-card h1 { margin: 0 0 12px; padding: 0; color: #253550 !important; font: 650 26px/1.3 Inter, system-ui, sans-serif; }
.tc-guest-card p { color: #66758b; font-size: 14px; }
.tc-guest-card form { display: grid; gap: 12px; margin: 24px 0 16px; }
.tc-guest-card label { color: #35455f !important; font: 600 13px/1.5 Inter, system-ui, sans-serif; }
.tc-guest-card #guestPin { width: 100%; min-height: 58px; padding: 12px 16px; border: 1px solid #aebcd2; border-radius: 10px; background: #f9fbff; color: #263b63; text-align: center; letter-spacing: .4em; font: 600 26px/1.3 ui-monospace, monospace; }
.tc-guest-card #guestPin:focus { outline: 3px solid #d4dcff; border-color: #6572c3; }
.tc-guest-card button { width: 100%; min-height: 46px; margin: 0; padding: 10px 16px; border: 0; border-radius: 9px; color: #fff; background: #4f46e5; font: 600 14px/1.5 Inter, system-ui, sans-serif; cursor: pointer; }
.tc-guest-card button:disabled { opacity: .5; cursor: not-allowed; }
.tc-guest-card small { display: block; color: #75849b; font-size: 11px; }
.tc-guest-card #guestJoinStatus { margin: 12px 0; font-size: 12px; }
.tc-guest-card #guestJoinStatus.tc-guest-error { color: #b43343; }
.tc-guest-page [hidden] { display: none !important; }
@media (max-width: 540px) { .tc-guest-page { padding: 14px; } .tc-guest-card { padding: 24px; margin-top: 5vh; } .tc-guest-brand { margin-bottom: 20px; } }

/* Inline vector icons remain available offline. */
.tc-room .tc-join, .tc-room .tc-mic { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2010v2a7%207%200%200%200%2014%200v-2M12%2019v3m-4%200h8%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-mic[aria-pressed="true"] { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%203%2018%2018M9%209v3a3%203%200%200%200%205%202M9%205a3%203%200%200%201%206%200v6M5%2010v2a7%207%200%200%200%2011%206m3-5v-3M12%2019v3m-4%200h8%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-camera { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m15%2010%206-4v12l-6-4%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-camera[aria-pressed="false"] { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%203%2018%2018M6%206H5a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2M11%206h2a2%202%200%200%201%202%202v2l6-4v12%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-leave { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011c5-4%2013-4%2018%200v6h-5v-4a17%2017%200%200%200-8%200v4H3z%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-more-trigger { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-people { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m1-16a3%203%200%200%201%200%206m2%204a5%205%200%200%201%203%205%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-chat { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a3%203%200%200%201-3%203H8l-5%204V5a3%203%200%200%201%203-3h12a3%203%200%200%201%203%203zM7%208h10M7%2012h7%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-share { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2022h8m-4-4v4M12%2014V7m-3%203%203-3%203%203%22%2F%3E%3C%2Fsvg%3E"); }
.tc-room .tc-hand { --tc-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2012V5a2%202%200%200%201%204%200v6-8a2%202%200%200%201%204%200v8-6a2%202%200%200%201%204%200v10a7%207%200%200%201-13%204l-4-6a2%202%200%200%201%203-3l2%202z%22%2F%3E%3C%2Fsvg%3E"); }