/* #4345 destinations keep the original 56px icon rail from chat.css.
   Names live in styled tooltips and ARIA text; the rail itself remains icons. */
#mm-rail-global[hidden] { display: none; }
#mm-rail-ws[hidden] { display: none; }
#mm-rail .mm-rail-label { display: none; }

/* Keep the compact titlebar controls when the viewport is narrow. */
@media (max-width: 560px) {
  #mm-top { padding-left: 10px; padding-right: 8px; gap: 4px; min-width: 0; }
  #mm-top .mm-tb-space { min-width: 0; }
  #mm-top #mm-search { width: 28px; min-width: 28px; padding: 5px; }
  #mm-top #mm-search-label, #mm-top .mm-session-hub-btn > span { display: none; }
  #mm-top #mm-location { min-width: 0; max-width: 160px; }
}

/* Optional setup occupies one quiet row; conversations own the chat list. */
.mm-liaison-setup { margin:0 12px 4px; min-width:0; }
.mm-liaison-setup[hidden] { display:none; }
.mm-liaison-setup-link { display:block; width:100%; padding:6px 8px; border:0; border-radius:6px; background:transparent; color:var(--muted); text-align:left; font:inherit; font-size:12px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.mm-liaison-setup-link:hover { color:var(--text); background:var(--panel-2); }
.mm-liaison-setup-link:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.mm-liaison-settings { box-sizing:border-box; min-width:0; color:var(--text); overflow-wrap:anywhere; }
.mm-liaison-settings h2 { margin:4px 0 10px; font-size:18px; line-height:1.3; }
.mm-liaison-settings p { margin:8px 0; font-size:12px; line-height:1.5; }
.mm-liaison-facts { margin:12px 0; padding-top:4px; border-top:1px solid var(--border); }
.mm-liaison-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 8px; }
.mm-liaison-settings button { max-width:100%; min-height:36px; white-space:normal; overflow-wrap:anywhere; }
.mm-liaison-settings button:focus-visible, .mm-liaison-settings select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mm-liaison-settings { max-width:720px; padding:24px; }
.mm-liaison-field { display:flex; flex-direction:column; gap:6px; margin:16px 0; font-size:13px; }
.mm-liaison-field select { width:100%; min-width:0; max-width:100%; }
@media (max-width:560px) {
  .mm-liaison-settings { padding:16px; }
  .mm-liaison-actions > button { flex:1 1 130px; }
}

/* Classic defaults to the familiar compact rail. Labels are a local,
   reversible preference; grouping reuses every original button and badge. */
#mm-rail-dest.mm-classic-rail-ready{align-items:stretch;gap:12px;padding:3px 6px 8px}
.mm-classic-rail-work,.mm-classic-rail-tools-body,.mm-classic-rail-settings{display:flex;flex-direction:column;align-items:center;gap:3px}
.mm-classic-rail-settings{border-top:1px solid var(--border);padding-top:10px}
/* This computer's own things (#8296): last in the rail's one scroller and
   pushed to its bottom in a tall window; a short one scrolls to them. */
.mm-classic-rail-own{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:auto;border-top:1px solid var(--border);padding-top:8px}
/* One rail (#8296) holds the tile above the scroller too: a tighter rhythm
   keeps every group in view at 1280×800. */
#mm-rail-dest.mm-classic-rail-ready{flex-grow:1;gap:8px}
#mm-rail-dest.mm-classic-rail-ready .mm-classic-rail-settings{padding-top:8px}
#mm-rail:has(#mm-rail-dest.mm-classic-rail-ready)>.mm-rail-grow{flex:0}
.mm-classic-tools-trigger{position:relative;display:flex;align-items:center;justify-content:center;border:0;background:none;font:inherit;width:40px;height:36px;border-radius:6px;color:var(--muted);cursor:pointer;font-size:11px}
.mm-classic-tools-label{display:none}.mm-classic-tools-symbol{width:18px;flex:none;text-align:center;font-weight:700;letter-spacing:1px;font-size:18px;line-height:1}
.mm-classic-tools-trigger:hover,.mm-classic-rail-toggle:hover{background:var(--panel-2);color:var(--text)}
.mm-classic-tools-trigger:focus-visible,.mm-classic-rail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mm-classic-rail-updates{position:absolute;top:5px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.mm-classic-rail-updates[hidden],.mm-classic-rail-ready [hidden]{display:none!important}
.mm-classic-rail-toggle{width:40px;min-height:32px;align-self:center;border:0;border-radius:6px;background:none;color:var(--muted);font:inherit;font-size:17px;cursor:pointer}
:root:not([data-workspace-view=focus]) #mm-shell:has(.mm-classic-rail-expanded){grid-template-columns:184px auto minmax(0,1fr) auto}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded){width:184px;align-items:stretch;padding-inline:12px;gap:5px}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) .mm-rail-top{width:calc(100% + 24px);margin-left:-12px}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) .mm-rail-label{display:block;font-size:12px;line-height:1.3;text-align:left}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) .mm-rail-btn{width:100%;height:37px;justify-content:flex-start;gap:10px;border-radius:6px;padding:0 10px}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) .mm-rail-btn>svg{width:18px;height:18px;flex:none}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) .mm-rail-btn .cnt{position:static;margin-left:auto;flex:none;box-shadow:none;font-size:9px;min-width:16px;height:16px;line-height:16px}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) #mm-rail-global,:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) #mm-rail-ws{align-items:stretch}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded)>.mm-rail-sep{width:auto;margin:5px 10px}
:root:not([data-workspace-view=focus]) #mm-rail:has(.mm-classic-rail-expanded) #user-chip{align-self:center}
.mm-classic-rail-expanded .mm-classic-tools-label{display:block;white-space:nowrap}
.mm-classic-rail-expanded .mm-classic-rail-work,.mm-classic-rail-expanded .mm-classic-rail-tools-body,.mm-classic-rail-expanded .mm-classic-rail-settings,.mm-classic-rail-expanded .mm-classic-rail-own{align-items:stretch}
.mm-classic-rail-expanded .mm-classic-tools-trigger{width:auto;padding:0 10px;gap:10px;justify-content:flex-start}
.mm-classic-rail-expanded .mm-classic-tools-trigger::after{content:"›";margin-left:auto;font-size:15px}
.mm-classic-rail-expanded .mm-classic-rail-updates{position:static;flex:none}
.mm-classic-rail-expanded .mm-classic-rail-toggle{width:100%;font-size:11px;text-align:left;padding:0 10px}

.mm-classic-tools-trigger.active,.mm-classic-tools-trigger[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-ink)}
.pop.mm-classic-tools-pop{min-width:220px;max-width:280px}.mm-classic-tool-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}.mm-classic-tool-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}