/* Hamrah SA2.4 — Multi-Space switcher. Event driven; no idle animation work. */
.g124-space-button{--space-color:#168fd0;display:flex;align-items:center;gap:8px;min-width:0;max-width:210px;height:42px;margin-inline-start:auto;padding:5px 9px 5px 6px;border:1px solid color-mix(in srgb,var(--space-color) 32%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--space-color) 8%,var(--surface));color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.g124-space-button:hover,.g124-space-button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--space-color) 60%,var(--line));background:color-mix(in srgb,var(--space-color) 13%,var(--surface))}
.g124-space-button>svg{width:14px;height:14px;transform:rotate(180deg);opacity:.55}
.g124-space-button-icon{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--space-color);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--space-color) 25%,transparent)}
.g124-space-button-icon svg{width:17px;height:17px}
.g124-space-button-copy{display:grid;gap:0;min-width:0;text-align:start}
.g124-space-button-copy b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.g124-space-button-copy small{font-size:9px;color:var(--muted)}
.g124-universal-space-access .g124-space-button{border-color:color-mix(in srgb,#8b5cf6 58%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,#8b5cf6 10%,transparent)}
.g124-universal-space-access .g124-space-button-icon{box-shadow:0 6px 16px color-mix(in srgb,#8b5cf6 28%,transparent),inset 0 0 0 1px rgba(255,255,255,.24)}
.g124-space-sheet{max-width:500px}
.g124-admin-inspect{display:flex;gap:11px;align-items:center;margin:0 0 12px;padding:11px 12px;border:1px solid color-mix(in srgb,#8b5cf6 32%,var(--line));border-radius:16px;background:color-mix(in srgb,#8b5cf6 8%,var(--surface));color:var(--text)}
.g124-admin-inspect>svg{width:25px;height:25px;color:#8b5cf6}
.g124-admin-inspect div{display:grid;gap:3px}.g124-admin-inspect b{font-size:12px}.g124-admin-inspect small{font-size:10px;color:var(--muted)}
.g124-space-list{display:grid;gap:9px;max-height:min(52vh,460px);overflow:auto;padding:2px}
.g124-space-row{--space-color:#168fd0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);text-align:start;transition:transform .17s ease,border-color .17s ease,background .17s ease}
.g124-space-row:hover,.g124-space-row:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--space-color) 42%,var(--line))}
.g124-space-row.selected{border-color:color-mix(in srgb,var(--space-color) 72%,var(--line));background:color-mix(in srgb,var(--space-color) 9%,var(--surface));box-shadow:inset 3px 0 0 var(--space-color)}
.g124-space-row-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--space-color) 15%,var(--surface));color:var(--space-color)}
.g124-space-row-icon svg{width:23px;height:23px}.g124-space-row-copy{display:grid;gap:3px;min-width:0}.g124-space-row-copy b{font-size:13px}.g124-space-row-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g124-space-row-state{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--space-color)}.g124-space-row-state svg{width:14px;height:14px}
.g124-join-button{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px 12px;border:1px dashed var(--line);border-radius:16px;background:transparent;color:var(--text);text-align:start}.g124-join-button>svg:first-child{width:22px;height:22px;color:var(--primary)}.g124-join-button>svg:last-child{width:16px;height:16px;opacity:.55}.g124-join-button span{display:grid;gap:2px}.g124-join-button b{font-size:12px}.g124-join-button small{font-size:10px;color:var(--muted)}
.g124-key-field{display:grid;gap:7px;margin-bottom:14px}.g124-key-field>span{font-size:11px;font-weight:800;color:var(--muted)}.g124-key-field>div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--surface)}.g124-key-field svg{width:18px;height:18px;color:var(--primary)}.g124-key-field input{border:0!important;background:transparent!important;padding:12px 0!important;outline:0!important;box-shadow:none!important}
.g124-empty{display:grid;place-items:center;gap:7px;padding:28px 15px;text-align:center;color:var(--muted)}.g124-empty svg{width:32px;height:32px}.g124-empty b{color:var(--text);font-size:13px}.g124-empty small{font-size:10px}
@media(max-width:720px){.g124-space-button{max-width:48px;width:42px;padding:5px;justify-content:center;margin-inline-start:auto}.g124-space-button-copy,.g124-space-button>svg{display:none}.g124-space-button-icon{width:30px;height:30px}.g124-space-sheet,.g124-join-sheet{max-width:none}.g124-space-row{grid-template-columns:46px minmax(0,1fr) auto;padding:11px}.g124-space-row-state{font-size:0}.g124-space-row-state svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.g124-space-button,.g124-space-row{transition:none!important}}
/* English Complete + Android Persistent Space Header R1 */
@media(max-width:720px){
  html[data-hamrah-mobile-polish="r2"] #app > .topbar .g124-space-button{
    position:absolute!important;
    inset-inline-start:70px!important;
    inset-inline-end:auto!important;
    inset-block-start:calc(10px + env(safe-area-inset-top))!important;
    inline-size:40px!important;
    block-size:40px!important;
    min-inline-size:40px!important;
    max-inline-size:40px!important;
    min-block-size:40px!important;
    margin:0!important;
    padding:4px!important;
    border-radius:14px!important;
    justify-content:center!important;
    z-index:4!important;
    touch-action:manipulation;
  }
  html[data-hamrah-mobile-polish="r2"] #app > .topbar:has(#topAction.hidden) .g124-space-button{
    inset-inline-start:18px!important;
  }
  html[data-hamrah-mobile-polish="r2"] #app > .topbar .g124-space-button-icon{
    inline-size:30px!important;
    block-size:30px!important;
    flex-basis:30px!important;
  }
  html[data-hamrah-mobile-polish="r2"] #app > .topbar .g124-space-button-copy,
  html[data-hamrah-mobile-polish="r2"] #app > .topbar .g124-space-button>svg{
    display:none!important;
  }
}

/* R6_ACCESS_CLARITY_R1 */
.g124-room-picker{margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.g124-room-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.g124-room-picker-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.g124-room-picker-head>div>svg{width:19px;height:19px;flex:0 0 auto;color:var(--primary)}
.g124-room-picker-head span{min-width:0}
.g124-room-picker-head b,.g124-room-picker-head small{display:block}
.g124-room-picker-head b{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g124-room-picker-head small{margin-top:2px;color:var(--muted);font-size:.52rem;line-height:1.5}
.g124-room-picker-head>span{flex:0 0 auto;color:var(--muted);font-size:.55rem}
.g124-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(34vh,300px);overflow:auto;padding:1px}
.g124-room-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 68%,transparent);color:var(--text);text-align:start;cursor:pointer}
.g124-room-row:hover{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}
.g124-room-row:disabled{opacity:.55;cursor:wait}
.g124-room-row>span:nth-child(2){min-width:0}
.g124-room-row b,.g124-room-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g124-room-row b{font-size:.65rem}
.g124-room-row small{margin-top:2px;color:var(--muted);font-size:.51rem}
.g124-room-row>svg{width:16px;height:16px;color:var(--muted)}
.g124-room-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--room-color,#168FD0) 18%,var(--surface));color:var(--room-color,#168FD0);font-size:.7rem;font-weight:800}
.g124-room-empty{grid-column:1/-1;display:grid;place-items:center;gap:4px;padding:18px 12px;color:var(--muted);text-align:center}
.g124-room-empty>svg{width:24px;height:24px}
.g124-room-empty b{color:var(--text);font-size:.66rem}
.g124-room-empty small{font-size:.53rem}
@media(max-width:720px){.g124-room-list{grid-template-columns:1fr;max-height:min(38vh,320px)}.g124-room-picker-head small{max-width:240px}}