:root { --murmo-wordmark-dot-gap:.06em; }
.murmo-mark{display:inline-block;flex-shrink:0;width:48px;height:48px;background:currentColor;mask:url('./m-dots.svg') center/contain no-repeat}
.murmo-mark-solid{mask-image:url('./m-solid.svg')}
.brand-mark .murmo-mark-solid{width:100%;height:100%}
.crm-brand .murmo-mark{width:32px;height:32px;vertical-align:middle}
.murmo-motion-wrap{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0}
.murmo-motion{position:relative;display:block;width:64px;height:64px;color:var(--murmo-charcoal,#202629)}
html[data-theme="dark"] .murmo-motion{color:var(--murmo-yellow,#ffd02f)}
@media(prefers-color-scheme:dark){html:not([data-theme]) .murmo-motion{color:var(--murmo-yellow,#ffd02f)}}
.murmo-motion canvas,.murmo-motion-still{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.murmo-motion-still{background:currentColor;mask:url('./loader-still.svg') center/contain no-repeat}
/* Keep motion on a composited layer even when startup work stalls canvas draws. */
.murmo-loader:not([data-motion-paused]){animation:murmo-loader-turn 4.8s linear infinite;will-change:transform}
@keyframes murmo-loader-turn{to{transform:rotate(360deg)}}
html[data-workspace-boot="error"] #workspace-boot .murmo-loader{animation:none;will-change:auto}
.murmo-hero .murmo-motion-still{mask-image:url('./hero-still.svg')}
.murmo-menu{width:64px;height:64px}
.murmo-menu .murmo-motion-still{mask-image:url('./menu-still.svg')}
.murmo-motion canvas{visibility:hidden}
.murmo-motion[data-motion-ready] canvas{visibility:visible}
.murmo-motion[data-motion-ready] .murmo-motion-still{visibility:hidden}
.murmo-loading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:110px;padding:16px;color:var(--murmo-text,#202629);font:400 14px/1.5 var(--murmo-font-body,system-ui,sans-serif)}
.murmo-loading-startup{min-height:60vh;flex-direction:column;gap:16px}
.murmo-loading-startup .murmo-motion{width:112px;height:112px}
.org-message:has(>.murmo-motion){display:flex;align-items:center;gap:14px}
.org-message[hidden]{display:none}
html:root :is(.brand-mark,.organiser-brand):has(.murmo-mark,.murmo-menu){background:none;box-shadow:none;border-radius:0}
html:root .organiser-rail .organiser-brand{width:64px;height:64px}
html:root .sidebar .brand-mark{width:64px;height:64px}
html:root .sidebar .brand-mark .murmo-mark{color:var(--murmo-on-sidebar,#202629)}
html:root :is(.sidebar .brand-mark,.organiser-brand) .murmo-menu,html:root .sidebar .brand-mark .murmo-motion-still{color:var(--murmo-on-sidebar,#202629)}
.brand-lockup .murmo-mark,.invitation-brand .murmo-mark{width:34px;height:34px;mask-image:url('./m-solid.svg')}
html:root .auth-brand-panel{gap:18px;padding-block:32px;background:var(--murmo-charcoal,#202629)}
.auth-brand-panel:after{display:none}
.auth-brand-panel .brand-lockup .brand-mark{color:var(--murmo-yellow,#ffd02f)}
.auth-brand-panel .brand-lockup small{color:#bcc4c0}
.auth-identity{align-self:center;color:var(--murmo-yellow,#ffd02f);margin-block:-10px 0}
.auth-identity .murmo-hero{width:clamp(200px,24vw,300px);height:clamp(200px,24vw,300px);color:var(--murmo-yellow,#ffd02f)}
.auth-brand-panel .auth-message h1{font-size:clamp(36px,4vw,54px)}
html:root #workspace-boot .boot-brand{width:112px;height:112px;background:transparent;border-radius:0}
html:root #workspace-boot .boot-brand .murmo-motion{width:112px;height:112px}
@media(min-width:781px){.sidebar-collapsed .brand-mark .murmo-mark,.organiser-collapsed .organiser-brand .murmo-mark{width:34px;height:34px;mask-image:url('./m-solid.svg')}}
@media(min-width:781px){
  html:root .sidebar-collapsed .sidebar .brand-mark,html:root .organiser-collapsed .organiser-rail .organiser-brand{width:40px;height:40px}
  :is(.sidebar-collapsed,.organiser-collapsed) .murmo-menu{width:40px;height:40px}
  :is(.sidebar-collapsed,.organiser-collapsed) .murmo-menu .murmo-motion-still{visibility:visible}
  :is(.sidebar-collapsed,.organiser-collapsed) .murmo-menu canvas{display:none}
}
@media(max-width:760px){
  html:root .auth-brand-panel{min-height:0;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px}
  .auth-brand-panel .brand-lockup{grid-column:1/-1}
  .auth-identity{grid-column:2;grid-row:2;margin:0}
  .auth-identity .murmo-hero{width:120px;height:120px}
  .auth-message{grid-column:1;grid-row:2}
  .auth-brand-panel .auth-message h1{font-size:28px;margin:8px 0}
  .auth-message>p:last-child{display:none}
}
@media(max-width:360px){html:root .auth-brand-panel{grid-template-columns:minmax(0,1fr) 90px;padding:20px}.auth-identity .murmo-hero{width:90px;height:90px}.auth-brand-panel .auth-message h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference="on"]) .murmo-motion canvas{display:none}html:not([data-motion-preference="on"]) .murmo-motion[data-motion-ready] .murmo-motion-still{visibility:visible}html:not([data-motion-preference="on"]) .murmo-loader{animation:none!important;will-change:auto}}
html[data-motion-preference="off"] .murmo-motion canvas{display:none}
html[data-motion-preference="off"] .murmo-motion .murmo-motion-still{visibility:visible}
html[data-motion-preference="off"] .murmo-loader{will-change:auto}
html[data-motion-preference="off"] *,html[data-motion-preference="off"] *::before,html[data-motion-preference="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media print{.murmo-motion canvas{display:none}.murmo-motion[data-motion-ready] .murmo-motion-still{visibility:visible}.murmo-loader{animation:none!important;will-change:auto}}

/* Asap design pass: website wordmark, quiet navigation and readable workspaces. */
html:root .murmo-wordmark { display:inline-flex; align-items:center; flex-shrink:0; gap:7px; color:var(--murmo-text); font:800 28px/1 var(--murmo-font-heading); font-variation-settings:'wdth' 100; letter-spacing:-.04em; white-space:nowrap; }
html:root .murmo-wordmark .murmo-birds { display:inline-block; color:inherit; flex-shrink:0; width:30px; height:30px; background:currentColor; mask:url('./birds.svg') center/contain no-repeat; }
html:root .murmo-wordmark .murmo-wordmark-text { display:inline; color:inherit; font:inherit; letter-spacing:inherit; }
html:root .murmo-wordmark .murmo-wordmark-dot { display:inline-block; color:var(--murmo-wordmark-dot-colour,var(--murmo-yellow)); font:inherit; letter-spacing:0; margin-left:0; padding-inline-start:var(--murmo-wordmark-dot-gap); }
html:root :is(.sidebar,.organiser-rail) .murmo-wordmark { --murmo-wordmark-dot-colour:var(--murmo-sidebar-wordmark-dot); }
html:root .murmo-wordmark[data-wordmark-variant="dark-on-yellow"] { color:var(--murmo-charcoal); --murmo-wordmark-dot-colour:var(--murmo-charcoal); }
html:root .murmo-wordmark[data-wordmark-variant="light-on-yellow"] { color:var(--murmo-white); --murmo-wordmark-dot-colour:var(--murmo-white); }
html:root :is(.sidebar,.organiser-rail) { box-shadow:none; border:1px solid var(--murmo-line); border-right:0; }
/* Keep scrollable navigation flush with the canvas, including short viewports. */
html:root :is(.sidebar-scroll,.workspace-rail-links) { scrollbar-width:none; }
html:root :is(.sidebar-scroll,.workspace-rail-links)::-webkit-scrollbar { display:none; }
html:root .sidebar .brand-row { position:relative; display:flex; align-items:flex-start; justify-content:flex-start; height:72px; min-height:72px; padding:16px 12px 16px; margin:0; gap:0; border:0; }
html:root .sidebar .murmo-home { display:inline-flex; align-items:center; justify-content:center; min-height:36px; background:none; text-decoration:none; }
html:root .sidebar .murmo-wordmark,.organiser-rail .murmo-wordmark { font-size:25px; gap:6px; }
html:root .sidebar .murmo-birds,.organiser-rail .murmo-birds { width:27px; height:27px; }
html:root .workspace-rail-brand { height:72px; padding:16px 12px 16px 20px; place-items:start; }
html:root .organiser-rail .organiser-brand { display:inline-flex; width:auto; height:36px; min-height:36px; background:none; border:0; border-radius:0; }
html:root :is(.sidebar,.organiser-rail) .sidebar-collapse-control { position:static; display:flex; align-items:center; justify-content:flex-start; gap:10px; flex-shrink:0; width:calc(100% - 8px); height:44px; min-height:44px; margin:3px 0; padding:0 12px; border:0; border-radius:8px; background:transparent; box-shadow:none; color:var(--murmo-muted); font:500 12px/1.5 var(--murmo-font-body); white-space:nowrap; cursor:pointer; transform:none; }
html:root :is(.sidebar,.organiser-rail) .sidebar-collapse-control .app-icon { flex-shrink:0; font-size:20px; color:inherit; }
html:root :is(.sidebar,.organiser-rail) .sidebar-collapse-control:hover { background:var(--murmo-sidebar-hover); color:var(--murmo-text); }
html:root :is(.sidebar,.organiser-rail) .sidebar-collapse-control:focus-visible { outline:2px solid var(--murmo-focus); outline-offset:-2px; }
html:root :is(.sidebar .nav-item,.organiser-rail .workspace-nav-link) { font-weight:500; }
/* Retain the released curved cutout, joining the selection to the page canvas. */
html:root :is(.sidebar .nav-item.active,.organiser-rail .workspace-nav-link[aria-current="page"]) { background:var(--murmo-canvas); color:var(--murmo-text); box-shadow:none; font-weight:var(--murmo-sidebar-active-weight); }
html:root :is(.sidebar .nav-item.active,.organiser-rail .workspace-nav-link[aria-current="page"]) > .app-icon { color:var(--murmo-sidebar-active-icon); background:var(--murmo-sidebar-active-icon-background); box-shadow:0 0 0 5px var(--murmo-sidebar-active-icon-background); border-radius:4px; }
html:root :is(#view-people,#view-schedule) :is(h1,h2,h3),html:root .workspace-page-header h1 { font-family:var(--murmo-font-heading); letter-spacing:-.025em; font-weight:650; }
html:root :is(#view-people,#view-schedule) h1 { font-size:32px; line-height:1.15; }
html:root :is(#view-people,#view-schedule) .primary-button,
html:root .auth-brand-refresh .button-primary { background:var(--murmo-text); color:var(--murmo-canvas); border-color:var(--murmo-text); box-shadow:none; }
html:root :is(#view-people,#view-schedule) .primary-button:hover:not(:disabled),
html:root .auth-brand-refresh .button-primary:hover:not(:disabled) { background:var(--murmo-muted); border-color:var(--murmo-muted); }
html:root .auth-brand-refresh .button-primary svg { color:var(--murmo-yellow); }
html:root .auth-brand-refresh .auth-brand-panel { background:var(--murmo-canvas); color:var(--murmo-text); border-right:1px solid var(--murmo-line); }
html:root .auth-brand-refresh .brand-lockup { gap:0; }
html:root .auth-brand-refresh .brand-lockup .murmo-wordmark { font-size:37px; gap:10px; }
html:root .auth-brand-refresh .brand-lockup .murmo-birds { width:36px; height:36px; }
html:root .auth-brand-refresh .auth-brand-panel .eyebrow,
html:root .auth-brand-refresh .auth-brand-panel :is(.auth-message > p:last-child,.auth-proof span) { color:var(--murmo-muted); }
html:root .auth-brand-refresh .auth-message h1 { font-weight:600; letter-spacing:-.035em; }
html:root .auth-brand-refresh .auth-proof span { background:transparent; border-color:var(--murmo-line); }
html:root .auth-brand-refresh .auth-card { box-shadow:none; border:1px solid var(--murmo-line); border-radius:16px; }
html:root .auth-brand-refresh .auth-card h2 { font-size:28px; font-weight:650; letter-spacing:-.025em; }
html:root .auth-brand-refresh .field > span { font-size:13px; color:var(--murmo-text); font-weight:500; }
html:root .auth-brand-refresh .field input { font-size:16px; font-weight:400; min-height:46px; }
@media(min-width:781px) {
  html:root.sidebar-collapsed .sidebar .brand-row { padding:16px 0; justify-content:center; width:calc(100% + 6px); margin-left:-6px; }
  html:root.sidebar-collapsed .sidebar .murmo-home { position:absolute; left:50%; top:16px; transform:translateX(-50%); }
  html:root.sidebar-collapsed .sidebar .murmo-wordmark-text,
  html:root .organiser-collapsed .organiser-rail .murmo-wordmark-text { display:none; }
  html:root.sidebar-collapsed .sidebar-collapse-label,html:root .organiser-collapsed .sidebar-collapse-label { display:none; }
  html:root.sidebar-collapsed .sidebar .sidebar-collapse-control,html:root .organiser-collapsed .organiser-rail .sidebar-collapse-control { padding:0; justify-content:center; }
  html:root .organiser-collapsed .workspace-rail-brand { padding:16px 0; place-items:start center; }
  html:root .organiser-collapsed .organiser-rail .organiser-brand { width:40px; justify-content:center; }
}
@media(max-width:780px) {
  html:root :is(.sidebar,.organiser-rail) .sidebar-collapse-control { display:none; }
  html:root .sidebar .brand-row,html:root .workspace-rail-brand { height:72px; min-height:72px; padding-bottom:12px; }
  html:root .sidebar .sidebar-close { position:absolute; right:8px; top:16px; }
  html:root :is(#view-people,#view-schedule) h1 { font-size:28px; }
  html:root .auth-brand-refresh .auth-brand-panel { display:flex; gap:28px; border-right:0; border-bottom:1px solid var(--murmo-line); }
}