/* UI layer only: existing transport and media elements stay unchanged. */
:root { --simple-success:#176347; --simple-focus:#164fe5; }
.simple-about-link { display:inline-grid; gap:3px; color:#31567f; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; padding:10px 16px; border:1px solid #d7e3f4; border-radius:14px; background:#f8fbff; }
.simple-about-link span { font-size:12px; color:#60728c; font-weight:600; }
.simple-about-link:hover { text-decoration:underline; text-underline-offset:3px; }
.simple-about-footer { margin:16px 0 0; text-align:center; }
.simple-landing .release-hero-card { padding:32px 28px; }
.simple-landing .release-hero-copy h1 { font-size:clamp(28px,4vw,42px); line-height:1.25; letter-spacing:-.045em; margin:16px 0; }
.simple-landing .release-hero-copy p { font-size:16px; line-height:1.7; }
.simple-eyebrow { color:#2859bf; font-size:12px!important; letter-spacing:.15em; font-weight:700; }
.simple-landing .release-cta-stack { max-width:460px; margin:28px auto; gap:12px; }
.simple-landing .release-primary-btn { min-height:76px; }
.simple-landing .release-join-panel { display:block; padding:16px; text-align:left; }
.simple-landing .release-join-panel label { display:block; font-size:15px; font-weight:650; margin-bottom:10px; }
.simple-landing .release-code-entry { display:flex; width:100%; gap:8px; }
.simple-landing .release-code-entry input { min-width:0; width:100%; font-size:18px; letter-spacing:.06em; }
.simple-landing .release-code-entry button { width:auto; min-width:88px; min-height:48px; padding:8px 12px; white-space:nowrap; }
.simple-scan { background:transparent; color:#234f9c; border:0; min-height:48px; text-decoration:underline; }
.simple-guide { min-height:48px; border:1px solid #bed0ed; border-radius:12px; background:#f4f8ff; color:#173f7c; font-weight:700; }
.simple-capabilities { text-align:center; font-size:14px; color:#344768; line-height:1.7; }
.simple-benefits { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:30px 0; padding-top:24px; border-top:1px solid #dce6f4; }
.simple-benefits b,.simple-benefits small { display:block; line-height:1.6; }
.simple-benefits b { font-size:14px; color:#133c79; }
.simple-benefits small { font-size:13px; color:#536580; margin-top:5px; }
.simple-footnote { font-size:13px; color:#526079; line-height:1.7; text-align:center; max-width:64ch; margin:auto; }
.simple-qr-dialog { border:1px solid #c9d8ed; border-radius:20px; padding:24px; width:min(92vw,480px); max-height:85dvh; overflow:auto; }
.simple-qr-dialog::backdrop { background:#10214088; }
.simple-qr-dialog video { width:100%; max-height:45dvh; border-radius:12px; }
.simple-qr-dialog p { line-height:1.7; overflow-wrap:anywhere; }
.simple-qr-dialog button { min-height:48px; padding:10px 24px; border-radius:10px; }
.simple-camera-frame { position:relative; overflow:hidden; border-radius:14px; background:#071426; min-height:220px; display:grid; place-items:center; }
.simple-camera-frame video { width:100%; min-height:220px; max-height:50dvh; object-fit:cover; border-radius:0; }
.simple-camera-frame span { position:absolute; inset:auto 12px 12px; border-radius:10px; padding:8px 12px; color:#fff; background:#071426c9; text-align:center; font-size:13px; }
.simple-camera-file { position:relative; display:block; margin:14px 0; min-height:48px; border:1px solid #bed0ed; border-radius:10px; padding:13px 16px; color:#173f7c; background:#f4f8ff; font-weight:700; text-align:center; cursor:pointer; }
.simple-camera-file input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.connection-guide-dialog { width:min(94vw,560px); }
.connection-guide-heading { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.connection-guide-heading>span { width:48px; height:48px; display:grid; place-items:center; flex:none; border-radius:15px; background:#e8f1ff; color:#1458d1; font-size:24px; font-weight:800; }
.connection-guide-heading small,.connection-guide-heading h2 { display:block; margin:0; }
.connection-guide-heading small { color:#52709d; font-weight:700; }
.connection-guide-dialog section { margin:12px 0; padding:16px; border:1px solid #d9e5f5; border-radius:14px; background:#f8fbff; }
.connection-guide-dialog section>b { color:#153d79; }
.connection-guide-dialog ol { margin:10px 0 0; padding-left:24px; }
.connection-guide-dialog li { margin:8px 0; line-height:1.6; }
.connection-guide-dialog aside { margin:14px 0; padding:14px; border-radius:12px; background:#fff6dd; color:#674c08; line-height:1.6; font-size:14px; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid var(--simple-focus); outline-offset:3px; }
.release-main button { min-height:48px; }
.release-chat-focus-btn { min-height:40px!important; padding:7px 10px; border:1px solid #b8c9e6; border-radius:10px; background:#f5f8fd; color:#244a83; font-size:12px; font-weight:800; white-space:nowrap; cursor:pointer; }
.release-chat-focus-btn.active { border-color:#78b79d; background:#eaf8f1; color:#176347; }
.chat-focus-compact { display:none; }
.release-main.chat-focus-mode>.simple-settings,
.release-main.chat-focus-mode>.simple-invite,
.release-main.chat-focus-mode>.release-peer-card,
.release-main.chat-focus-mode>.release-peer-list,
.release-main.chat-focus-mode>.collaboration-room-summary,
.release-main.chat-focus-mode>.collaboration-participants,
.release-main.chat-focus-mode>.firefox-compatibility-notice { display:none!important; }
.hsk-container.in-room .release-main.chat-focus-mode>.release-timeline { min-height:300px!important; flex:1 1 60dvh!important; }
.simple-settings,.simple-invite { margin:4px 16px; border:1px solid #dde6f4; border-radius:12px; background:#f8fbff; flex:none; }
.simple-settings summary,.simple-invite summary { padding:12px; min-height:48px; font-size:14px; color:#344966; cursor:pointer; }
.simple-settings[open],.simple-invite[open] { max-height:36dvh; overflow:auto; }
.simple-settings button { margin:6px; padding:8px 12px; }
.auto-download-option { display:grid; grid-template-columns:auto 1fr; gap:4px 9px; align-items:start; margin:8px 12px; padding:12px; border:1px solid #f1c875; border-radius:12px; background:#fff9e8; color:#5f460d; cursor:pointer; }
.auto-download-option input { width:20px; height:20px; margin:0; accent-color:#176347; }
.auto-download-option b { font-size:14px; }
.auto-download-option span { grid-column:2; font-size:12px; line-height:1.5; }
.video-call-transfer-tools { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:center; gap:8px; width:100%; }
.video-call-transfer-tools button { min-height:44px; display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border:1px solid rgba(147,197,253,.42); border-radius:12px; background:rgba(15,35,58,.84); color:#fff; font-weight:750; cursor:pointer; }
.video-call-transfer-tools button span { font-size:18px; color:#86efac; }
.simple-invite .release-pairing-card { margin:0; box-shadow:none; border:0; }
.simple-invite .release-code-block { flex-wrap:wrap; }
.simple-invite .release-code-block button { font-size:13px; padding:8px; width:auto; }
.release-peer-metrics button { background:#eaf7ef; color:var(--simple-success); border:1px solid #badfc9; border-radius:12px; font-size:12px; max-width:190px; white-space:normal; }
.release-peer-text b,.release-peer-row b { overflow-wrap:anywhere; }
.release-tabs { align-items:center; justify-content:space-between; }
.release-tabs>b { padding:12px 20px; font-size:16px; }
.release-tabs .release-auto-download-toggle { min-height:38px; padding:6px 10px; border:1px solid #cbd5e1; border-radius:999px; background:#f8fafc; color:#64748b; font-size:12px; font-weight:800; }
.release-tabs .release-auto-download-toggle.active { border-color:#86d5b3; background:#ecfdf5; color:#176347; }
.release-call-controls { flex-wrap:wrap; }
.release-call-controls .call-control { min-width:64px; min-height:64px; }
.release-peer-list { max-height:100px!important; overflow:auto!important; }
.release-peer-list p { display:none; }
.hsk-container.in-room .release-main .release-timeline { min-height:180px!important; flex:1 1 auto!important; overflow:auto!important; overscroll-behavior:contain; }
.hsk-container.in-room .release-main .release-bottom-nav { position:static!important; flex:none!important; padding-bottom:max(8px,env(safe-area-inset-bottom)); }
.hsk-container.in-room .release-main { padding-bottom:0!important; }
.hsk-container.in-room .release-main.connected-room .simple-invite[open] .release-pairing-card { display:flex!important; flex-wrap:wrap; }
.hsk-container.in-room .release-main .release-chat-input { position:static!important; flex:none!important; display:flex!important; flex-wrap:wrap!important; padding:8px 12px!important; gap:6px!important; }
.hsk-container.in-room .release-chat-input textarea#integratedMessageInput { flex:1 1 150px!important; width:auto!important; min-width:120px!important; min-height:48px!important; font-size:16px!important; }
.hsk-container.in-room .release-chat-input .btn-input-mic { display:none!important; }
.hsk-container.in-room .release-chat-input button { min-height:48px!important; min-width:48px!important; }
.hsk-container.in-room .release-chat-input .btn-input-folder { font-size:12px!important; }
.hsk-container.in-room .release-chat-input .btn-input-send { min-width:56px!important; flex-basis:56px!important; }
.release-bottom-nav button { font-size:13px!important; min-height:56px; }
.release-room-tech { display:flex; flex:1 1 auto; flex-direction:column; width:100%; min-height:0; max-height:100%; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; scrollbar-gutter:stable; }
.release-room-tech>.room-tech-scroll { flex:0 0 auto; height:auto; min-height:0; max-width:100%; overflow:visible; padding:18px; }
.release-room-tech>.release-bottom-nav { position:sticky!important; bottom:0; flex:0 0 auto; width:100%; margin:0; padding-bottom:max(8px,env(safe-area-inset-bottom)); z-index:30; background:rgba(255,255,255,.98); box-shadow:0 -10px 28px rgba(15,23,42,.08); }
body.in-room-body .trusted-devices-button,
body.in-room-body .account-messenger-button { display:none!important; }
@media(min-width:1025px) {
  .simple-landing { max-width:960px; }
  .hsk-container.in-room .release-main { max-width:1120px; margin:auto; }
  .release-peer-card { padding-block:16px; }
}
@media(max-width:767px) {
  .simple-about-link { font-size:13px; white-space:normal; }
  .hsk-container.in-room .release-main { height:var(--simple-viewport,100dvh)!important; max-height:var(--simple-viewport,100dvh)!important; padding-top:0!important; gap:4px!important; }
  .hsk-container.in-room .release-room-tech { box-sizing:border-box; width:100%; height:var(--simple-viewport,100dvh)!important; max-height:var(--simple-viewport,100dvh)!important; min-height:0!important; margin:0!important; padding:0!important; border-radius:0!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior-y:contain!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-y!important; }
  .hsk-container.in-room .release-room-tech>.room-tech-scroll { flex:0 0 auto!important; height:auto!important; min-height:0!important; max-height:none!important; padding:12px 10px 28px!important; overflow:visible!important; }
  .hsk-container.in-room .release-room-tech>.release-bottom-nav { position:sticky!important; bottom:0!important; inset-inline:0!important; display:grid!important; visibility:visible!important; opacity:1!important; flex:0 0 auto!important; min-height:64px!important; z-index:30!important; padding:4px 4px max(6px,env(safe-area-inset-bottom))!important; border-radius:0!important; background:rgba(255,255,255,.98)!important; box-shadow:0 -10px 28px rgba(15,23,42,.08)!important; }
  .hsk-container.in-room .release-room-tech>.release-bottom-nav button { min-width:0!important; min-height:54px!important; padding:4px 1px!important; line-height:1.15!important; }
  body.simple-composing .release-main .simple-settings,body.simple-composing .release-main .simple-invite,body.simple-composing .release-main .release-peer-list { display:none; }
  body.simple-composing .hsk-container.in-room .release-main .release-timeline { min-height:70px!important; }
  .simple-landing .release-hero-card { padding:16px; }
  .simple-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .simple-benefits>div:last-child { grid-column:1/-1; }
  .simple-settings,.simple-invite { margin:2px 10px; }
  .release-peer-card { margin:4px 10px!important; padding:8px!important; }
  .release-peer-avatar { width:42px!important; height:42px!important; font-size:12px!important; flex:none; }
  .release-peer-metrics { max-width:112px; }
  .release-peer-metrics>span { display:none; }
  .release-peer-metrics button { font-size:10px; min-height:42px; padding:4px; }
  .release-peer-text b { font-size:14px!important; }
  .release-main-topbar { padding:8px 10px!important; gap:4px; }
  .release-main-topbar .release-room-status { display:none; }
  .release-main-topbar .release-brand { font-size:17px; }
  .release-main-actions { gap:2px; }
  .release-chat-focus-btn { min-width:42px; min-height:40px!important; padding:5px 6px; font-size:10px; }
  .release-chat-focus-btn .chat-focus-full { display:none; }
  .release-chat-focus-btn .chat-focus-compact { display:inline; }
  .release-main-actions .release-icon-btn { width:40px; min-width:40px; }
  .release-tabs { min-height:38px; flex:none; }
  .release-tabs button { min-height:38px; padding:8px; font-size:12px; }
  .release-tabs>b { padding:6px 12px; font-size:14px; }
  .release-tabs .release-auto-download-toggle { min-height:34px; padding:4px 7px; font-size:10px; white-space:nowrap; }
  .release-peer-list { max-height:64px!important; }
  .release-bottom-nav button { font-size:12px!important; }
  .video-call-transfer-tools { gap:6px; }
  .video-call-transfer-tools button { flex:1 1 140px; min-height:42px; padding:6px 8px; font-size:12px; }
}

/* Keep every primary action reachable inside Android's visible browser viewport. */
@media(max-width:767px) {
  body.in-room-body,
  main.in-room,
  .hsk-container.in-room {
    height:var(--simple-viewport,100dvh)!important;
    max-height:var(--simple-viewport,100dvh)!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .hsk-container.in-room .release-main {
    box-sizing:border-box!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    padding:0!important;
    gap:3px!important;
    overflow:hidden!important;
  }

  .hsk-container.in-room .release-main>.release-timeline {
    flex:1 1 80px!important;
    min-height:64px!important;
    padding:8px 6px!important;
    margin:0!important;
    scroll-padding-bottom:12px!important;
    overflow-y:auto!important;
  }

  .hsk-container.in-room .release-main.chat-focus-mode>.release-timeline {
    flex:1 1 auto!important;
    min-height:180px!important;
    padding-top:12px!important;
  }

  .hsk-container.in-room .release-main.chat-focus-mode>.release-tabs {
    border-top:1px solid #dce6f4;
  }

  .hsk-container.in-room .release-main>.release-chat-input,
  .hsk-container.in-room .release-main>.release-bottom-nav {
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }

  .hsk-container.in-room .release-main>.release-chat-input {
    width:auto!important;
    min-height:56px!important;
    margin:0 8px!important;
    z-index:30!important;
  }

  .hsk-container.in-room .release-main>.release-bottom-nav {
    width:100%!important;
    min-height:64px!important;
    margin:0!important;
    padding:4px 4px max(6px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    z-index:29!important;
    overflow:visible!important;
  }

  .hsk-container.in-room .release-bottom-nav button {
    min-width:0!important;
    min-height:54px!important;
    padding:4px 1px!important;
    line-height:1.15!important;
    touch-action:manipulation;
  }

  .hsk-container.in-room .release-bottom-nav button span {
    font-size:1rem!important;
    line-height:1!important;
  }

  .hsk-container.in-room .release-bottom-nav button {
    font-size:10.5px!important;
    letter-spacing:-.02em;
  }

  .hsk-container.in-room .release-bottom-nav .release-plan-icon em {
    font-size:7px!important;
  }

  .hsk-container.in-room .release-main.multi-peer-room .simple-settings:not([open]),
  .hsk-container.in-room .release-main.multi-peer-room .simple-invite:not([open]) {
    display:none!important;
  }

  .hsk-container.in-room .release-main.multi-peer-room .release-peer-card {
    min-height:48px!important;
    margin:2px 8px!important;
    padding:5px 8px!important;
  }

  .hsk-container.in-room .release-main.multi-peer-room .release-peer-list {
    flex:0 1 66px!important;
    max-height:66px!important;
    min-height:34px!important;
    margin:0 8px!important;
    padding:5px 8px!important;
  }

  /* A newly created room must keep its code and QR above the fold on iPhone. */
  .hsk-container.in-room .release-main.owner-invite-room>.collaboration-room-summary,
  .hsk-container.in-room .release-main.owner-invite-room>.collaboration-participants,
  .hsk-container.in-room .release-main.owner-invite-room>.simple-settings,
  .hsk-container.in-room .release-main.owner-invite-room>.firefox-compatibility-notice,
  .hsk-container.in-room .release-main.owner-invite-room>.release-peer-list {
    display:none!important;
  }

  .hsk-container.in-room .release-main.owner-invite-room>.simple-invite {
    display:block!important;
    flex:0 1 auto!important;
    max-height:min(52dvh,440px)!important;
    margin:6px 10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .hsk-container.in-room .release-main.owner-invite-room>.simple-invite .release-pairing-card {
    display:flex!important;
    flex-wrap:wrap!important;
  }
}
@media(prefers-reduced-motion:reduce) { .release-shell * { animation:none!important; transition:none!important; } }

.release-pairing-card .release-code-block { align-content:start; }
.release-pairing-card .release-code-block button { margin:5px 5px 0 0; }
.invite-expiry-control { display:flex; align-items:center; justify-content:space-between; gap:10px; grid-column:1/-1; padding:9px 11px; border:1px solid #dce6f4; border-radius:11px; color:#314a6e; background:#f8fbff; font-size:12px; font-weight:800; }
.invite-expiry-control select { min-height:38px; padding:5px 30px 5px 9px; border:1px solid #cbd8e8; border-radius:9px; background:#fff; color:#17365f; font:inherit; }
.invite-privacy-note { grid-column:1/-1; margin:0!important; padding:10px 12px; border-radius:11px; background:#eefaf5; color:#176347!important; font-size:11px!important; line-height:1.5; }
.invite-privacy-note b { font-size:12px; }

@media(max-width:767px) {
  .release-pairing-card .release-code-block button { min-height:40px; padding:7px 9px; font-size:11px; }
  .invite-expiry-control { align-items:stretch; flex-direction:column; }
  .invite-expiry-control select { width:100%; }
}

/* Temporary collaboration space information hierarchy. */
.simple-capabilities { display:grid; gap:5px; }
.simple-capabilities b { color:#173f7c; font-size:15px; }
.simple-capabilities span { color:#176347; font-size:12px; font-weight:850; letter-spacing:.04em; }
.simple-policy-note { padding:0; border:0; }
.simple-policy-note summary { color:#526079; cursor:pointer; font-weight:750; }
.simple-policy-note p { max-width:64ch; margin:8px auto 0; }
.landing-nav-menu,.release-overflow-menu { position:relative; }
.landing-nav-menu>summary,.release-overflow-menu>summary { list-style:none; display:grid; place-items:center; cursor:pointer; }
.landing-nav-menu>summary::-webkit-details-marker,.release-overflow-menu>summary::-webkit-details-marker,.call-more-tools>summary::-webkit-details-marker { display:none; }
.landing-nav-menu>div,.release-overflow-menu>div { position:absolute; z-index:90; right:0; top:calc(100% + 8px); min-width:210px; display:grid; gap:4px; padding:8px; border:1px solid #dbe5f2; border-radius:14px; background:#fff; box-shadow:0 18px 45px rgba(15,23,42,.17); }
.landing-nav-menu button,.landing-nav-menu a,.release-overflow-menu button { min-height:42px; display:flex; align-items:center; width:100%; padding:8px 12px; border:0; border-radius:9px; background:transparent; color:#243b5d; font:inherit; font-weight:750; text-align:left; text-decoration:none; cursor:pointer; }
.landing-nav-menu button:hover,.landing-nav-menu a:hover,.release-overflow-menu button:hover { background:#eff6ff; color:#174fb3; }
.collaboration-room-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:4px 16px; padding:13px 15px; border:1px solid #dbe6f4; border-radius:16px; background:linear-gradient(135deg,#f8fbff,#f0fdfa); flex:none; }
.collaboration-room-summary small,.collaboration-room-summary h1,.collaboration-room-summary p { margin:0; }
.collaboration-room-summary small { color:#5c7190; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.collaboration-room-summary h1 { margin-top:2px; color:#122d57; font-size:17px; letter-spacing:.01em; }
.collaboration-room-summary p { margin-top:2px; color:#55708c; font-size:12px; font-weight:750; }
.collaboration-verified { display:grid; gap:2px; min-height:46px!important; padding:7px 11px; border:1px solid #b9dacb; border-radius:12px; background:#effaf4; color:#176347; text-align:left; cursor:pointer; }
.collaboration-verified.is-checking { border-color:#ead596; background:#fffbeb; color:#8a6410; }
.collaboration-verified b { font-size:11px; letter-spacing:.03em; }
.collaboration-verified span { font-size:10px; font-weight:700; }
.collaboration-participants { display:grid; gap:5px; margin:4px 16px; padding:9px 12px; max-height:150px; overflow:auto; border:1px solid #dfe7f2; border-radius:15px; background:#fff; flex:none; }
.collaboration-participants>header { display:flex; align-items:center; gap:7px; color:#19365f; font-size:13px; }
.collaboration-participants>header span,.request-count-badge { display:inline-grid; place-items:center; min-width:21px; height:21px; padding:0 5px; border-radius:999px; background:#e8f1ff; color:#1d55af; font-size:11px; }
.collaboration-participants .release-peer-row { grid-template-columns:auto minmax(80px,1fr) auto auto; min-height:34px; padding:3px 0; border-top:1px solid #edf2f7; }
.collaboration-participants .participant-self { border-top:0; }
.release-peer-avatar.compact { width:28px!important; height:28px!important; border-radius:9px; font-size:10px!important; }
.participant-verified,.participant-pending { justify-self:end; padding:4px 7px; border-radius:999px; font-size:9px; font-weight:900; white-space:nowrap; }
.participant-verified { background:#eaf8f1; color:#176347; }
.participant-pending { background:#fff6dc; color:#8a6410; }
.participant-empty { margin:3px 0 0; color:#65758b; font-size:12px; }
.collaboration-waiting-row { display:flex!important; align-items:center; gap:10px; }
.transfer-next-actions.compact { padding:9px 10px; }
.transfer-next-actions.compact>b { display:block; margin-bottom:7px; font-size:12px; }
.transfer-next-actions.compact .transfer-next-buttons { display:flex; flex-wrap:wrap; gap:5px; }
.transfer-next-actions.compact .transfer-next-buttons button { min-height:36px; margin:0; padding:6px 9px; font-size:11px; }
.transfer-next-actions.compact small { display:block; margin-top:5px; color:#60728c; }
.call-more-tools { display:none; position:relative; }
.call-more-tools>summary { list-style:none; cursor:pointer; }
.call-more-tools>div { position:absolute; right:0; bottom:calc(100% + 8px); z-index:120; min-width:180px; display:grid; gap:5px; padding:8px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:#102338; box-shadow:0 16px 40px rgba(0,0,0,.35); }
.call-more-tools>div button { min-height:42px; padding:8px 10px; border:0; border-radius:9px; background:#1d344c; color:#fff; font-weight:750; text-align:left; }

@media(max-width:767px) {
  .collaboration-room-summary { margin:2px 8px; padding:8px 10px; gap:8px; }
  .collaboration-room-summary h1 { font-size:14px; }
  .collaboration-room-summary small { font-size:9px; }
  .collaboration-room-summary p { font-size:10px; }
  .collaboration-verified { min-height:40px!important; padding:5px 7px; }
  .collaboration-verified b { font-size:9px; }
  .collaboration-verified span { display:none; }
  .collaboration-participants { margin:1px 8px; padding:5px 8px; max-height:78px; gap:2px; }
  .collaboration-participants>header { font-size:11px; }
  .collaboration-participants .release-peer-row { min-height:27px; grid-template-columns:auto minmax(64px,1fr) auto; font-size:11px; }
  .collaboration-participants .release-peer-row small { display:none; }
  .participant-verified,.participant-pending { font-size:8px; padding:3px 5px; }
  .release-peer-avatar.compact { width:23px!important; height:23px!important; }
  .release-main.multi-peer-room .collaboration-room-summary { display:none; }
  .release-main.multi-peer-room .collaboration-participants { max-height:58px; }
  .call-more-tools { display:block; }
  .release-call-controls>.collaboration-secondary-tool { display:none!important; }
  .release-call-controls .call-more-tools .call-control { min-width:64px; min-height:64px; }
}

/* Older Android phones expose a much shorter viewport after the browser bars appear. */
@media(max-width:430px) and (max-height:760px) {
  .hsk-container.in-room .release-main { gap:2px!important; }

  .hsk-container.in-room .release-main>.collaboration-room-summary,
  .hsk-container.in-room .release-main.multi-peer-room>.collaboration-participants,
  .hsk-container.in-room .release-main>.firefox-compatibility-notice {
    display:none!important;
  }

  .hsk-container.in-room .release-main>.release-main-topbar {
    min-height:42px!important;
    padding:4px 7px!important;
  }

  .hsk-container.in-room .release-main>.release-peer-list {
    flex:0 1 42px!important;
    min-height:0!important;
    max-height:42px!important;
    margin:0 6px!important;
    padding:3px 6px!important;
  }

  .hsk-container.in-room .release-main>.release-timeline {
    flex:1 1 32px!important;
    min-height:0!important;
    padding:5px!important;
  }

  .hsk-container.in-room .release-main>.release-chat-input {
    min-height:50px!important;
    margin:0 4px!important;
    padding:4px 6px!important;
    gap:4px!important;
  }

  .hsk-container.in-room .release-chat-input textarea#integratedMessageInput {
    min-height:42px!important;
  }

  .hsk-container.in-room .release-main>.release-bottom-nav,
  .hsk-container.in-room .release-room-tech>.release-bottom-nav {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    flex:0 0 56px!important;
    min-height:56px!important;
    height:56px!important;
    padding:2px 2px max(3px,env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }

  .hsk-container.in-room .release-bottom-nav button,
  .hsk-container.in-room .release-room-tech>.release-bottom-nav button {
    min-height:46px!important;
    height:46px!important;
    padding:2px 0!important;
    font-size:9px!important;
  }

  .hsk-container.in-room .release-bottom-nav button span {
    font-size:.9rem!important;
  }
}