/* /Features/Inbox/Components/Controls/PickerMenuItem.razor.rz.scp.css */
.picker-menu-item[b-j9uarzejsn] {
    width: 283px;
    max-width: 283px;
}

.picker-menu-item__leading[b-j9uarzejsn] {
    width: 56px;
    min-width: 56px;
}

.picker-menu-item__content[b-j9uarzejsn] {
    gap: 2px;
}
/* /Features/Inbox/Components/Conversation/AttachmentPreviewOverlay.razor.rz.scp.css */
/* Viewport-sized flex host so video intrinsic width cannot left-bias MudOverlay content. */
.sc-attachment-preview-shell[b-wsd36pqc7a] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100vw;
    height: 100dvh;
    max-width: 100vw;
    max-height: 100dvh;
    min-width: 0;
    padding: 24px;
}

/* 48 | media | 48 — header/footer share the media column so chrome aligns with the image, not the chevrons. */
.sc-attachment-preview[b-wsd36pqc7a] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    grid-template-rows: auto auto auto;
    column-gap: 8px;
    row-gap: 12px;
    width: min(960px, 100%);
    max-width: 100%;
    min-width: 0;
    max-height: calc(100dvh - 48px);
    outline: none;
    color: var(--mud-palette-white);
}

.sc-attachment-preview[b-wsd36pqc7a]  .mud-icon-button {
    color: var(--mud-palette-white);
}

.sc-attachment-preview__header[b-wsd36pqc7a] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    min-width: 0;
}

.sc-attachment-preview__title[b-wsd36pqc7a] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    flex: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
    color: var(--mud-palette-white);
}

.sc-attachment-preview__name[b-wsd36pqc7a] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-attachment-preview__size[b-wsd36pqc7a] {
    flex-shrink: 0;
    white-space: nowrap;
    margin-inline-start: 0.35em;
}

.sc-attachment-preview__actions[b-wsd36pqc7a] {
    flex-shrink: 0;
}

.sc-attachment-preview__nav-slot[b-wsd36pqc7a] {
    grid-row: 2;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sc-attachment-preview__nav-slot--start[b-wsd36pqc7a] {
    grid-column: 1;
}

.sc-attachment-preview__nav-slot--end[b-wsd36pqc7a] {
    grid-column: 3;
}

.sc-attachment-preview__nav:disabled[b-wsd36pqc7a] {
    visibility: hidden;
}

.sc-attachment-preview__media[b-wsd36pqc7a] {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    min-height: 0;
    max-height: min(70dvh, 640px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Video intrinsic min-width can defeat flex centering; keep media children shrinkable. */
.sc-attachment-preview__media > *[b-wsd36pqc7a] {
    flex: 0 1 auto;
    align-self: center;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
}

.sc-attachment-preview__image[b-wsd36pqc7a],
.sc-attachment-preview__video[b-wsd36pqc7a] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin-inline: auto;
}

.sc-attachment-preview__footer[b-wsd36pqc7a] {
    grid-column: 2;
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.15px;
    color: var(--mud-palette-white);
    min-height: 20px;
}

.sc-attachment-preview__author[b-wsd36pqc7a] {
    font-weight: 600;
}

.sc-attachment-preview__sep[b-wsd36pqc7a] {
    margin-inline: 0.5em;
}

.sc-attachment-preview__channel[b-wsd36pqc7a] {
    font-weight: 400;
}

@media (max-width: 599.98px) {
    .sc-attachment-preview-shell[b-wsd36pqc7a] {
        padding: 12px 8px;
    }

    .sc-attachment-preview[b-wsd36pqc7a] {
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        column-gap: 4px;
        row-gap: 8px;
        max-height: calc(100dvh - 24px);
    }

    .sc-attachment-preview__nav-slot[b-wsd36pqc7a] {
        width: 40px;
    }

    .sc-attachment-preview__media[b-wsd36pqc7a] {
        max-height: calc(100dvh - 140px);
    }
}
/* /Features/Inbox/Components/Conversation/Composer/AiSuggestionCard.razor.rz.scp.css */
.message-composer__ai-card[b-npl4zjbnld] {
    background-color: var(--mud-palette-info-hover);
    border: 1px solid var(--mud-palette-info);
    border-radius: var(--mud-border-radius-lg, 12px);
    overflow: hidden;
}

.message-composer__ai-card[b-npl4zjbnld]  .message-composer__ai-title {
    color: var(--mud-palette-info-darken);
}

.message-composer__ai-card[b-npl4zjbnld]  .message-composer__ai-dismiss.mud-icon-button {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
}

.message-composer__ai-card[b-npl4zjbnld]  .message-composer__ai-dismiss .mud-icon-root {
    font-size: 16px;
}

.message-composer__ai-actions[b-npl4zjbnld]  .message-composer__ai-send.mud-button-root {
    box-shadow: var(--mud-elevation-1);
}

.message-composer__ai-actions[b-npl4zjbnld]  .message-composer__ai-send.mud-button-root:disabled {
    box-shadow: none;
}
/* /Features/Inbox/Components/Conversation/Composer/ComposerActionButton.razor.rz.scp.css */
.composer-action-btn[b-23hryt3btv] {
    --mud-default-borderradius: var(--sc-border-radius-md);
    --mud-typography-button-size: 15px;
}

.composer-action-btn[b-23hryt3btv]  .composer-action-btn__control.mud-button-root {
    box-shadow: var(--mud-elevation-1);
    white-space: nowrap;
}

.composer-action-btn[b-23hryt3btv]  .composer-action-btn__control.mud-button-root:disabled {
    box-shadow: none;
}
/* /Features/Inbox/Components/Conversation/Composer/ComposerField.razor.rz.scp.css */
.message-composer__field-host[b-z94g9k8sxg] {
    position: relative;
}

.message-composer__delete-draft[b-z94g9k8sxg] {
    position: absolute;
    top: 6px;
    right: 6px;
}

/* Mobile Send owns the end adornment, so the trash sits inboard of it. */
.message-composer__delete-draft--inset[b-z94g9k8sxg] {
    right: 44px;
}

.message-composer__delete-draft[b-z94g9k8sxg]  .mud-icon-button {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
}

.message-composer__delete-draft[b-z94g9k8sxg]  .mud-icon-button .mud-icon-root {
    font-size: 16px;
}

.message-composer__field-host--deletable[b-z94g9k8sxg]  .message-composer__field textarea {
    padding-right: 36px;
}

.message-composer__field--desktop[b-z94g9k8sxg]  .mud-input-outlined-border {
    border-radius: var(--sc-border-radius-md);
    box-shadow: var(--mud-elevation-2);
}

.message-composer__field--mobile[b-z94g9k8sxg]  .mud-input.mud-input-outlined {
    min-height: 48px;
}

.message-composer__field--note[b-z94g9k8sxg]  .mud-input {
    background-color: var(--sc-yellow-50);
}
/* /Features/Inbox/Components/Conversation/Composer/ComposerFileRow.razor.rz.scp.css */
.message-composer__file[b-9ajm7iji5h] {
    max-width: 100%;
}

.message-composer__file-main[b-9ajm7iji5h] {
    min-width: 0;
}

.message-composer__file--progress .message-composer__file-main[b-9ajm7iji5h] {
    width: 280px;
    max-width: 100%;
}

.message-composer__file-line[b-9ajm7iji5h] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
}

.message-composer__file-name[b-9ajm7iji5h] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-composer__file-size[b-9ajm7iji5h] {
    flex-shrink: 0;
    white-space: nowrap;
}

.message-composer__file[b-9ajm7iji5h]  .mud-progress-linear {
    height: 4px;
}
/* /Features/Inbox/Components/Conversation/Composer/ComposerHeader.razor.rz.scp.css */
.message-composer__toolbar[b-e52hckurux]  .message-composer__ai-btn.mud-button-root {
    box-shadow: var(--mud-elevation-1);
}

.message-composer__toolbar[b-e52hckurux]  .message-composer__note-btn {
    width: 31px;
    height: 31px;
    min-width: 31px;
    box-shadow: var(--mud-elevation-1);
}

.message-composer__toolbar[b-e52hckurux]  .message-composer__note-btn:not(:hover):not(:focus-visible):not(:active) {
    background-color: var(--sc-yellow-50);
}

.message-composer__attach[b-e52hckurux]  .mud-icon-button {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
}

.message-composer__attach[b-e52hckurux]  .mud-icon-button .mud-icon-root {
    font-size: 16px;
}
/* /Features/Inbox/Components/Conversation/MessageAttachmentList.razor.rz.scp.css */
.sc-message-attachments[b-mll9axwz20] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.sc-message-attachment-row[b-mll9axwz20] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.sc-message-attachment-open[b-mll9axwz20] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    text-align: left;
    cursor: pointer;
    justify-content: flex-start;
}

.sc-message-attachment-open--end[b-mll9axwz20] {
    justify-content: flex-end;
}

.sc-message-attachment-open--static[b-mll9axwz20] {
    cursor: default;
}

.sc-message-attachment-cluster[b-mll9axwz20] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.sc-message-attachment-name[b-mll9axwz20],
.sc-message-attachment-size[b-mll9axwz20] {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
    color: inherit;
}

.sc-message-attachment-name[b-mll9axwz20] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-message-attachment-size[b-mll9axwz20] {
    flex-shrink: 0;
    white-space: nowrap;
}

.sc-message-attachment-download[b-mll9axwz20] {
    flex-shrink: 0;
}
/* /Features/Inbox/Components/Conversation/MessageBubble.razor.rz.scp.css */
/* display:contents wrapper hosts the scope attribute (Blazor applies scope
   attributes only to native elements, not MudXChat). Backgrounds map to the
   Figma hover slots we correct in app.css. */
.sc-message-bubble[b-wffpohrodm] {
    display: contents;
}

.sc-message-bubble[b-wffpohrodm]  .sc-bubble-guest {
    background-color: var(--mud-palette-action-default-hover);
}

.sc-message-bubble[b-wffpohrodm]  .sc-bubble-host {
    background-color: var(--mud-palette-tertiary-hover);
}

.sc-message-bubble[b-wffpohrodm]  .sc-bubble-system {
    background-color: var(--mud-palette-warning-hover);
}

.sc-message-bubble[b-wffpohrodm]  .sc-bubble-internal-note {
    background-color: var(--sc-yellow-50);
}

.sc-message-bubble[b-wffpohrodm]  .sc-message-body {
    white-space: pre-wrap;
}

/* Break long unbreakable tokens (URLs, IDs) so the bubble wraps inside its
   grid column instead of forcing the flex row past its 1fr allocation. */
.sc-message-bubble[b-wffpohrodm]  .sc-bubble-guest,
.sc-message-bubble[b-wffpohrodm]  .sc-bubble-host,
.sc-message-bubble[b-wffpohrodm]  .sc-bubble-system,
.sc-message-bubble[b-wffpohrodm]  .sc-bubble-internal-note {
    overflow-wrap: anywhere;
}

.sc-message-bubble[b-wffpohrodm]  .mud-menu-icon-button-activator .mud-icon-root {
    font-size: 0.5em;
}

/* Scale to content up to the column; do not force empty full-width stretch.
   min-width:0 + overflow close the fit-content/ellipsis hole so long filenames
   truncate instead of expanding the MudX grid on mobile. */
.sc-message-bubble[b-wffpohrodm]  .mudx-chat-end .col-start-1,
.sc-message-bubble[b-wffpohrodm]  .mudx-chat-start .col-start-2 {
    max-width: 100%;
    min-width: 0;
}

.sc-message-bubble[b-wffpohrodm]  .mudx-chat-end .col-start-1 {
    justify-self: end;
}

.sc-message-bubble[b-wffpohrodm]  .mudx-chat-end .mudx-chat-bubble,
.sc-message-bubble[b-wffpohrodm]  .mudx-chat-start .mudx-chat-bubble {
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

/* MudX defaults to align-self:center; Figma pins avatar to the top of the bubble row. */
.sc-message-bubble[b-wffpohrodm]  .mudx-chat .mud-avatar {
    align-self: start;
}

/* Guest avatar: Figma mud-palette-primary-lighten (#003e5f light / #282828 dark).
   Dark Primary is white, so primary-text would be wrong for initials — use black
   (inverted to #fff in dark). Host: olive tertiary-darken. */
.sc-message-bubble[b-wffpohrodm]  .sc-message-avatar-guest {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary-text) !important;
}

.sc-theme-dark .sc-message-bubble[b-wffpohrodm]  .sc-message-avatar-guest {
    color: var(--mud-palette-black) !important;
}

.sc-message-bubble[b-wffpohrodm]  .sc-message-avatar-host {
    background-color: var(--mud-palette-tertiary-darken) !important;
    color: var(--mud-palette-white) !important;
}
/* /Features/Inbox/Components/Conversation/ThreadNotice.razor.rz.scp.css */
.sc-thread-notice[b-o8ijwx3wyc]  .sc-thread-notice__text {
    font-style: italic;
    white-space: nowrap;
}
/* /Features/Inbox/Components/ConversationList/BulkActionsBar.razor.rz.scp.css */
/* 26 hit stays; FA at Size.Small (20px) reads larger than the Figma 20px frame. */
.bulk-actions-bar__header[b-lvyrndp0pw]  .mud-icon-button {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
}

.bulk-actions-bar__header[b-lvyrndp0pw]  .mud-icon-root {
    font-size: 16px;
}

.bulk-actions-bar__fabs[b-lvyrndp0pw] {
    gap: 10px;
}

.bulk-actions-bar__fabs[b-lvyrndp0pw]  .mud-fab {
    height: 36px;
    border-radius: var(--sc-border-radius-6xl);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}
/* /Features/Inbox/Components/ConversationList/CheckableAvatar.razor.rz.scp.css */
.checkable-avatar[b-a0djkuz90g] {
    --checkable-avatar-size: 40px;
    --checkable-avatar-color: var(--mud-palette-secondary);
    --checkable-avatar-tick: var(--mud-palette-text-primary);
    position: relative;
    width: var(--checkable-avatar-size);
    height: var(--checkable-avatar-size);
    border-radius: var(--sc-border-radius-default);
}

.checkable-avatar--branded[b-a0djkuz90g] {
    --checkable-avatar-tick: var(--mud-palette-white);
}

.checkable-avatar--tile[b-a0djkuz90g],
.checkable-avatar--preview:is(:hover:not(:active), :has(:focus-visible))[b-a0djkuz90g] {
    --mud-palette-action-default-hover: transparent;
    --mud-palette-inherit-hover: transparent;
    overflow: hidden;
    background: var(--checkable-avatar-color);
    color: var(--checkable-avatar-tick);
}

.checkable-avatar--tile[b-a0djkuz90g] {
    transition: background-color 150ms ease;
}

.checkable-avatar--tile:hover[b-a0djkuz90g] {
    background: color-mix(in srgb, var(--checkable-avatar-color) 82%, black 18%);
}

.checkable-avatar__hover-glyph[b-a0djkuz90g] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    color: var(--checkable-avatar-tick);
}

.checkable-avatar--tile:is(:hover:not(:active), :has(:focus-visible)) .checkable-avatar__hover-glyph[b-a0djkuz90g] {
    opacity: 1;
}

.checkable-avatar--tile:has(.checkable-avatar__hover-glyph):is(:hover:not(:active), :has(:focus-visible))[b-a0djkuz90g]  .mud-checkbox .mud-icon-root {
    opacity: 0;
}

/* Overlay so the control does not sit in-flow beside the avatar. */
.checkable-avatar[b-a0djkuz90g]  .mud-input-control {
    position: absolute;
    inset: 0;
}

.checkable-avatar--preview[b-a0djkuz90g]  .mud-input-control {
    opacity: 0;
}

.checkable-avatar--preview:is(:hover:not(:active), :has(:focus-visible))[b-a0djkuz90g]  .mud-avatar {
    visibility: hidden;
}

.checkable-avatar--preview:is(:hover:not(:active), :has(:focus-visible))[b-a0djkuz90g]  .mud-input-control {
    opacity: 1;
}

/* Dense Small is ~28px; pin the hit target to the 40px tile. */
.checkable-avatar[b-a0djkuz90g]  .mud-checkbox .mud-button-root {
    width: var(--checkable-avatar-size);
    height: var(--checkable-avatar-size);
    padding: 0;
}
/* /Features/Inbox/Components/ConversationList/Controls/FilterBar.razor.rz.scp.css */
/* 26×26 buttons with a 16px glyph; MudBlazor's Size.Small and filled variant size these
   differently, so pin them here. */
.filter-bar__actions[b-kq9uq4xsc6]  .mud-icon-button {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
}

.filter-bar__actions[b-kq9uq4xsc6]  .mud-icon-root {
    font-size: 16px;
}

.filter-bar__actions[b-kq9uq4xsc6]  .mud-icon-button:not(.mud-button-filled) .mud-icon-root {
    color: var(--mud-palette-appbar-text);
}

/* Override the filled variant's 10px radius and Material shadow. */
.filter-bar__actions[b-kq9uq4xsc6]  .mud-icon-button.mud-button-filled {
    border-radius: var(--sc-border-radius-default);
    box-shadow: var(--mud-elevation-2);
}
/* /Features/Inbox/Components/ConversationList/Controls/FilterMenuButton.razor.rz.scp.css */
.filter-menu[b-7xvqu08sy6]  .filter-menu-clear-btn {
    border-color: var(--mud-palette-lines-default);
    border-radius: var(--sc-border-radius-md);
}

/* Submenu activator rows are MudMenuItems that MudMenu auto-generates from each
   FilterSubmenu's ActivatorContent, so no class can be applied to them directly.
   Scope reaches them via this component's `.filter-menu` wrapper (leaf items are
   padded on the FilterOptionItem's MudMenuItem instead). */
.filter-menu[b-7xvqu08sy6]  .mud-menu-sub-menu-activator {
    padding: 4px 16px;
}
/* /Features/Inbox/Components/ConversationList/Controls/SearchField.razor.rz.scp.css */
/* MudTextField has no height prop; force the 48px box the design calls for. */
.search-field[b-6qsuh4biw0]  .mud-input.mud-input-outlined {
    height: 48px;
}

.search-field[b-6qsuh4biw0]  .mud-input-outlined-border {
    border-radius: var(--sc-border-radius-md);
    box-shadow: var(--mud-elevation-2);
}
/* /Features/Inbox/Components/ConversationList/Controls/TeamScopeControl.razor.rz.scp.css */
.team-scope-control--menu[b-uolpwvv55p] {
    /* 2px left padding is off the 4px Mud spacing grid - no px-* utility covers it. The right
       side is wider than Figma's 2px on purpose: this control sits in a narrow list column, so a
       long team name pushes the chevron flush against the panel edge. */
    padding-left: 2px;
    padding-right: 8px;
}

.team-scope-control__label[b-uolpwvv55p] {
    min-width: 0;
    max-width: 12rem;
}

.team-scope-control__display-name[b-uolpwvv55p] {
    min-width: 0;
    max-width: 100%;
}
/* /Features/Inbox/Components/ConversationList/ConversationListItem.razor.rz.scp.css */
.conversation-card[b-ixj0penzf5]  .conversation-card__card {
    border-radius: 12px;
    background: transparent;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

/* MudCardHeader's content wrapper is a flex item with no min-width:0, so its default
   automatic minimum size floors it at the intrinsic (unwrapped) width of its content —
   here, the un-truncated contact name — forcing the whole header (and card) wider than
   the actual card column instead of letting text-truncate/ellipsis engage. */
.conversation-card[b-ixj0penzf5]  .mud-card-header-content {
    min-width: 0;
}

/* Light: action-default-hover (#F5F5F5) against white list pane.
   Dark: surface (#282828) — action-default-hover is the navy guest-bubble token. */
.conversation-card[b-ixj0penzf5]  .conversation-card__card:hover,
.conversation-card[b-ixj0penzf5]  .conversation-card__card--selected {
    background: var(--mud-palette-action-default-hover);
}

.sc-theme-dark .conversation-card[b-ixj0penzf5]  .conversation-card__card:hover,
.sc-theme-dark .conversation-card[b-ixj0penzf5]  .conversation-card__card--selected {
    background: var(--mud-palette-surface);
}

.conversation-card[b-ixj0penzf5]  .conversation-card__card--keyboard-highlight:not(.conversation-card__card--selected) {
    background: var(--mud-palette-action-default-hover);
}

.sc-theme-dark .conversation-card[b-ixj0penzf5]  .conversation-card__card--keyboard-highlight:not(.conversation-card__card--selected) {
    background: var(--mud-palette-surface);
}

.conversation-card[b-ixj0penzf5]  .conversation-card__card--keyboard-highlight {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

/* Header indicator icons (status / AI / draft) read smaller than MudBlazor's
   Size.Small default (1.25rem); 1.1rem matches the Figma proportions. */
.conversation-card[b-ixj0penzf5]  .conversation-card__icon {
    font-size: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
}
/* /Features/Inbox/Components/ConversationList/Regions/DesktopHeader.razor.rz.scp.css */
.desktop-header__new-message[b-xkbxhgm7bx]  .mud-button-root {
    height: 42px;
    font-size: 15px;
}
/* /Features/Inbox/Components/ConversationList/Regions/MobileToolbar.razor.rz.scp.css */
.mobile-toolbar[b-rng9x66168]  .mud-fab {
    border-radius: var(--sc-border-radius-md);
}

/* Floats the New Message FAB just above the toolbar, right-aligned. */
.mobile-toolbar__fab[b-rng9x66168] {
    position: absolute;
    right: 16px;
    bottom: calc(100% + 12px);
    z-index: 1;
}

.mobile-toolbar[b-rng9x66168]  .mud-icon-button {
    width: 40px;
    height: 40px;
}

.mobile-toolbar[b-rng9x66168]  .mud-icon-root {
    font-size: 16px;
}
/* /Features/Inbox/Components/Details/AddPanelView.razor.rz.scp.css */
.add-panel-search-frame[b-vphdm03ijc]  .mud-input.mud-input-outlined {
    height: 32px;
}

.add-panel-search-frame[b-vphdm03ijc]  .mud-input-adornment .mud-icon-root {
    font-size: 16px;
}
/* /Features/Inbox/Components/Details/AssignedToSection.razor.rz.scp.css */
.assigned-to-card[b-xommnjtpo4] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--sc-border-radius-md);
    background-color: var(--mud-palette-surface);
    box-shadow: var(--mud-elevation-2);
}

.assigned-to-row__leading[b-xommnjtpo4] {
    width: 24px;
    height: 24px;
}

.assigned-to-card[b-xommnjtpo4]  .assigned-to-row__content {
    flex: 1 0 0;
    min-width: 0;
}

.assigned-to-row__trailing[b-xommnjtpo4] {
    width: 32px;
}

.assigned-to-card[b-xommnjtpo4]  .assigned-to-row__avatar {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

.assigned-to-row--interactive[b-xommnjtpo4] {
    cursor: pointer;
}

.assigned-to-row--disabled[b-xommnjtpo4] {
    pointer-events: none;
}
/* /Features/Inbox/Components/Details/ContactDetailsSection.razor.rz.scp.css */
/* Size.Small renders a 20px glyph, which overpowers the 14px field value beside it. */
.details-sentiment[b-3ds6lx0rzv]  .mud-icon-root {
    font-size: 16px;
}
/* /Features/Inbox/Components/Details/DetailsAvatarTitle.razor.rz.scp.css */
.details-avatar-title[b-e4kjqqqqvz]  .details-avatar {
    background: var(--mud-palette-lines-inputs);
}

.details-avatar-title[b-e4kjqqqqvz]  .details-avatar .mud-icon-root {
    font-size: 14px;
}
/* /Features/Inbox/Components/Details/DetailsDropdownPanel.razor.rz.scp.css */
.details-dropdown-backdrop[b-hdspbfpicf] {
    inset: 0;
    z-index: 1200;
}

.details-dropdown-card[b-hdspbfpicf] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    /* Figma is 333px. This card is position:absolute inside the details column
       (overflow clip), so 333 overflows. Stay at 280 until this is a MudMenu/MudPopover. */
    width: 280px;
    max-height: 400px;
    border-radius: var(--sc-border-radius-default);
    background: var(--mud-palette-surface);
    z-index: 1201;
}

@media (max-width: 960px) { /* < md (mobile) */
    .details-dropdown-backdrop[b-hdspbfpicf] {
        background: var(--mud-palette-overlay-dark);
        z-index: 1350;
    }

    .details-dropdown-card[b-hdspbfpicf] {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        max-height: 70vh;
        border-radius: var(--sc-border-radius-default) var(--sc-border-radius-default) 0 0;
        margin: 0 12px 12px;
        padding-bottom: 8px;
        z-index: 1351;
    }
}

.details-dropdown-subheader[b-hdspbfpicf]  .mud-typography {
    min-width: 0;
    width: 100%;
}

.details-dropdown-card[b-hdspbfpicf]  .details-dropdown-item-body {
    min-width: 0;
}
/* /Features/Inbox/Components/Details/DetailsExpansionCard.razor.rz.scp.css */
.details-expansion[b-ukp1obamu9]  .mud-expansion-panels {
    gap: 10px;
}

.details-expansion[b-ukp1obamu9]  .mud-expand-panel {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--sc-border-radius-md);
}

.details-expansion[b-ukp1obamu9]  .mud-panel-expanded {
    margin: 0;
}

.details-expansion[b-ukp1obamu9]  .mud-expand-panel-header {
    min-height: 0;
}

.details-expansion[b-ukp1obamu9]  .mud-panel-expanded .mud-expand-panel-header {
    padding-bottom: 0;
}

.details-expansion[b-ukp1obamu9]  .mud-expand-panel-text {
    min-width: 0;
}

.details-expansion[b-ukp1obamu9]  .mud-expand-panel-text .details-field-row {
    min-width: 0;
    padding-right: 10px;
}

.details-expansion[b-ukp1obamu9]  .mud-expand-panel-content {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-top: 7px;
}
/* /Features/Inbox/Components/Details/DetailsPanel.razor.rz.scp.css */
.details-sidebar-toggle[b-894rous1c1] {
    z-index: 1;
}
/* /Features/Inbox/Components/Details/EmptyStateCard.razor.rz.scp.css */
.empty-state-card[b-c28u0wow8d] {
    gap: 7px;
}
/* /Features/Inbox/Components/Details/TagsSection.razor.rz.scp.css */
.tags-chip-container[b-kio0zuuxr3] {
    max-height: 200px;
}
/* /Features/Inbox/Components/NewMessage/ComposeStep.razor.rz.scp.css */
.new-message-compose-body[b-ojchk627c0]  .mud-input-outlined-border {
    border-radius: var(--mud-default-borderradius, 6px);
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
    min-height: 136px;
}

.new-message-compose-body[b-ojchk627c0]  textarea {
    min-height: 136px;
    padding: 18.5px 14px;
}
/* /Features/Inbox/Components/NewMessage/NewMessageDialog.razor.rz.scp.css */
/* Fullscreen shell is rendered by MudDialogProvider (ancestor without scope attribute). */
@media (max-width: 599.98px) {
    :global(.new-message-fullscreen.mud-dialog-fullscreen)[b-va1cwgqcm0] {
        margin-top: var(--mud-appbar-height);
        height: calc(100dvh - var(--mud-appbar-height));
        max-height: calc(100dvh - var(--mud-appbar-height));
        border-radius: 0;
    }
}

.new-message-title[b-va1cwgqcm0]  .new-message-title-icon {
    font-size: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
}

.new-message-title[b-va1cwgqcm0]  .new-message-title-text {
    font-size: 18px;
    line-height: 25px;
}

.new-message-title[b-va1cwgqcm0]  .new-message-close {
    width: 26px;
    height: 26px;
}

.new-message-dialog-content[b-va1cwgqcm0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-x: hidden;
}

.new-message-note[b-va1cwgqcm0] {
    min-height: 38px;
    background: var(--mud-palette-dark-hover);
    border-radius: var(--sc-border-radius-default);
}

.new-message-note[b-va1cwgqcm0]  .new-message-note-icon {
    font-size: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0.9;
}

.new-message-actions[b-va1cwgqcm0]  .new-message-primary-btn {
    border-radius: var(--sc-border-radius-md, 10px);
    min-height: 42px;
}

.new-message-actions[b-va1cwgqcm0]  .new-message-primary-btn-summary {
    min-height: 36px;
}
/* /Features/Inbox/Components/NewMessage/SearchStep.razor.rz.scp.css */
.new-message-search-field[b-488lhgwwam]  .mud-input-outlined-border {
    border-radius: var(--sc-border-radius-md, 10px);
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}

.new-message-search-results[b-488lhgwwam] {
    max-height: 528px;
    overflow-y: auto;
}

.new-message-search-results-mobile[b-488lhgwwam] {
    max-height: 50vh;
}
/* /Features/Inbox/Components/NewMessage/SendingStep.razor.rz.scp.css */
/* Figma spinner is 40px; Mud Size.Large alone is not exact */
.new-message-spinner[b-oofpoq94jr] {
    width: 40px;
    height: 40px;
}
/* /Features/Inbox/Components/NewMessage/SummaryRow.razor.rz.scp.css */
/* Underline for ref/property values — Figma; Class on MudText needs ::deep */
.new-message-summary-row[b-tzo5s4a3j8]  .new-message-value-link {
    text-decoration: underline;
}
/* /Features/Inbox/Components/NewMessage/SummaryStep.razor.rz.scp.css */
.new-message-summary-sections[b-7c2dxm46ye] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* /Features/Inbox/Components/Shared/BookingSeparator.razor.rz.scp.css */
.booking-separator[b-hjonmfebkg] {
    min-width: 0;
    opacity: 0.31;
}

/* Figma paints the lines as secondary-text; MudDivider defaults to --mud-palette-divider. */
.booking-separator[b-hjonmfebkg]  .mud-divider {
    border-color: var(--mud-palette-secondary-text);
}

/* Size.Small is 20px; Figma glyph is 16px. */
.booking-separator[b-hjonmfebkg]  .mud-icon-root {
    font-size: 16px;
}
/* /Features/Inbox/Components/Shared/PanelCard.razor.rz.scp.css */
.panel-card[b-4mx2hl089t] {
    min-height: 0;
}

/* ::deep reaches the MudPaper root, which doesn't carry this component's scope.
   Use palette background (not MudPaper's default surface) so dark host bubbles
   (tertiary-hover / surface #282828) stay visible against the thread pane. */
.panel-card[b-4mx2hl089t]  .panel-card__surface {
    border-radius: var(--sc-border-radius-lg) var(--sc-border-radius-lg) 0 0;
    background-color: var(--mud-palette-background);
}

.panel-card__body[b-4mx2hl089t] {
    min-height: 0;
}

/* Full-bleed card on mobile. */
@media (max-width: 599.98px) {
    .panel-card[b-4mx2hl089t]  .panel-card__surface {
        border-radius: 0;
        box-shadow: none;
    }
}
/* /Features/Inbox/Components/Shared/SendingViaTile.razor.rz.scp.css */
/* Brand avatar box size is not expressible via Mud utilities alone. */
.sending-via-icon[b-nd4h7lktqg] {
    width: 41px;
    height: 41px;
    border-radius: var(--mud-default-borderradius, 6px);
    overflow: hidden;
}

.sending-via-icon[b-nd4h7lktqg]  .mud-avatar {
    width: 41px;
    height: 41px;
}

.sending-via-icon--note[b-nd4h7lktqg] {
    background-color: var(--sc-yellow-50);
}
/* /Features/Inbox/Components/Shared/TagMeasurementHost.razor.rz.scp.css */
.tag-measure-host[b-91mey5yomx] {
    height: 0;
    overflow: hidden;
}
/* /Features/Inbox/Pages/InboxPage.razor.rz.scp.css */
.inbox-page[b-xdtf6bpgkz] {
    height: calc(100dvh - var(--mud-appbar-height, 64px));
}

.inbox-page__list[b-xdtf6bpgkz],
.inbox-page__center[b-xdtf6bpgkz],
.inbox-page__details[b-xdtf6bpgkz] {
    flex: 1;
}

/* Mud has no width utility for these pane sizes. */
@media (min-width: 600px) {
    .inbox-page__list[b-xdtf6bpgkz] { flex: 0 0 358px; }
    .inbox-page__details[b-xdtf6bpgkz] { flex: 0 0 344px; }
    .inbox-page__details--rail[b-xdtf6bpgkz] { flex: 0 0 60px; }
}
/* /Features/Settings/Components/AiAvailabilityStatus.razor.rz.scp.css */
.ai-availability[b-36cx6mv1e8] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 25px;
}
/* /Features/Settings/Components/MemberRoleSelect.razor.rz.scp.css */
.member-role-select[b-z1bijxttv2] {
    width: 9.25rem;
    flex: 0 0 9.25rem;
    max-width: 9.25rem;
    --mud-default-borderradius: var(--sc-border-radius-md);
}

.member-role-select[b-z1bijxttv2]  .mud-input-control {
    width: 100%;
}
/* /Features/Settings/Components/PlaybookEditor.razor.rz.scp.css */
.playbook-editor[b-3uqeawmuu4] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 25px;
}

.playbook-editor__warning[b-3uqeawmuu4] {
    margin-top: 4px;
}

.playbook-editor__view[b-3uqeawmuu4] {
    align-self: flex-start;
}

/* Matches the outlined text field it replaces, so switching view does not move the page. */
.playbook-editor__preview[b-3uqeawmuu4] {
    min-height: 300px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    overflow-wrap: anywhere;
}

.playbook-editor__actions[b-3uqeawmuu4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

/* Pushed to the end of the row so the two actions stay together on the left. */
.playbook-editor__updated[b-3uqeawmuu4] {
    margin-inline-start: auto;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Settings/Components/SettingsEmptyState.razor.rz.scp.css */
.settings-empty-state[b-e2a6v4x7uv] {
    max-width: 360px;
}
/* /Features/Settings/Components/SettingsShell.razor.rz.scp.css */
.settings-page[b-l9jcfwjsns] {
    background: var(--mud-palette-background-gray);
    min-height: calc(100dvh - var(--mud-appbar-height, 64px));
    padding: 0;
}

.settings-shell[b-l9jcfwjsns] {
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - var(--mud-appbar-height, 64px));
    background: var(--mud-palette-surface);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--mud-elevation-2);
}

.settings-shell__header[b-l9jcfwjsns] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 9px;
}

.settings-shell__tabs[b-l9jcfwjsns] {
    flex: 0 0 auto;
}

/* MudTabs sizes itself from its panel area, which grows to fill the shell. The panels
   are unused here — the tabs only navigate — so drop them and let the tab bar sit
   at the top of the sheet (under the breadcrumb on md+). */
.settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs {
    flex: 0 0 auto;
    background-color: var(--mud-palette-surface);
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs-panels {
    display: none;
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs-tabbar {
    min-height: 54px;
    padding: 6px 8px 0;
    background-color: var(--mud-palette-surface);
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs-tabbar-wrapper {
    overflow-x: auto;
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs-tabbar-inner {
    flex-wrap: nowrap;
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tab {
    flex-shrink: 0;
    min-height: 48px;
    padding: 6px 12px;
    gap: 8px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.15px;
    line-height: 19px;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    /* MudTabs default to uppercase; this chrome is title case. */
    text-transform: none;
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary);
}

.settings-shell__tabs[b-l9jcfwjsns]  .mud-tab .mud-icon-root {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.settings-shell__content[b-l9jcfwjsns] {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    gap: 9px;
    padding: 16px;
}

@media (min-width: 960px) {
    .settings-page[b-l9jcfwjsns] {
        padding: 24px 32px 0;
    }

    .settings-shell[b-l9jcfwjsns] {
        min-height: calc(100dvh - var(--mud-appbar-height, 64px) - 24px);
        border-top-left-radius: var(--sc-border-radius-lg);
        border-top-right-radius: var(--sc-border-radius-lg);
    }

    .settings-shell__tabs[b-l9jcfwjsns]  .mud-tabs-tabbar {
        padding: 6px 21px 0;
    }

    .settings-shell__content[b-l9jcfwjsns] {
        padding: 15px 43px;
    }
}
/* /Features/Settings/Components/TeamIconBadge.razor.rz.scp.css */
.team-icon-badge[b-6g4uy5aq3d] {
    width: var(--team-icon-badge-size, 40px);
    height: var(--team-icon-badge-size, 40px);
    background-color: var(--mud-palette-secondary);
    border-radius: var(--sc-border-radius-md);
}

.team-icon-badge--mud-radius[b-6g4uy5aq3d] {
    border-radius: var(--sc-border-radius-default);
}
/* /Features/Settings/Components/TeamsList.razor.rz.scp.css */
.team-row[b-0gyat7nazn] {
    /* display:flex/align-items:center already come from the "d-flex align-center" utility
       classes on this element in TeamsList.razor; only the row-separator chrome (shared,
       verbatim, with .member-row in TeamEditorPage.razor.css — no cross-file scoped-CSS sharing
       mechanism exists today, so this is intentionally duplicated rather than factored into a
       shared component; flag for consolidation if a third list adopts the same row style) is
       scoped here.
       */
    padding: 4px 16px;
    align-self: stretch;
    border-bottom: 2px solid var(--mud-palette-secondary, #F5F5F5);
}

.team-row__identity[b-0gyat7nazn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    /* Without this, "identity" never shrinks below its content width, so a long name/wide
       avatar group pushes the pencil button past the row's right edge instead of the name
       truncating first. */
    min-width: 0;
}

.team-row__names[b-0gyat7nazn] {
    min-width: 0;
}

.team-row__meta[b-0gyat7nazn] {
    min-width: 0;
    overflow: hidden;
}

/* The pencil is the one thing that must never shrink/truncate. */
.team-row__edit[b-0gyat7nazn] {
    flex-shrink: 0;
}

@media (max-width: 599.98px) {
    /* On a phone-width screen there isn't room for name + member avatars + edit button side by
       side; drop the avatar preview so the name can truncate and the pencil stays visible. */
    .team-row__names[b-0gyat7nazn]  .mud-avatar-group {
        display: none;
    }
}

/* /Features/Settings/Pages/MemberDetailPage.razor.rz.scp.css */
.members-header[b-l465xepc1a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.member-detail-grid[b-l465xepc1a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px 24px;
    align-items: start;
}

.member-detail-field[b-l465xepc1a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.member-detail-field:not(.member-detail-role)[b-l465xepc1a]  .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.member-detail-field:not(.member-detail-role)[b-l465xepc1a]  .mud-input.mud-input-outlined {
    min-height: 40px;
}

.member-detail-field:not(.member-detail-role)[b-l465xepc1a]  .mud-input-slot {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.member-detail-role[b-l465xepc1a] {
    align-self: start;
}

.member-saved-banner[b-l465xepc1a] {
    pointer-events: none;
    --mud-default-borderradius: var(--sc-border-radius-md);
}

.member-saved-banner[b-l465xepc1a]  .mud-button-root {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24.5px;
    letter-spacing: 0.4px;
    text-transform: none;
}

.member-saved-banner[b-l465xepc1a]  .mud-button-label {
    gap: 8px;
}

.member-saved-banner[b-l465xepc1a]  .mud-button-start-icon,
.member-saved-banner[b-l465xepc1a]  .mud-icon-root {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.members-row[b-l465xepc1a] {
    border-bottom: 2px solid var(--mud-palette-secondary);
}

.member-sessions-row[b-l465xepc1a] {
    min-width: 0;
}
/* /Features/Settings/Pages/MembersSettingsPage.razor.rz.scp.css */
.members-header[b-x96riedgxe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.members-add[b-x96riedgxe] {
    flex-shrink: 0;
    --mud-default-borderradius: var(--sc-border-radius-md);
}

.members-add[b-x96riedgxe]  .mud-button-root {
    white-space: nowrap;
}

.members-row[b-x96riedgxe] {
    border-bottom: 2px solid var(--mud-palette-secondary);
}

@media (min-width: 960px) {
    .members-row[b-x96riedgxe] {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* /Features/Settings/Pages/TeamEditorPage.razor.rz.scp.css */
.team-editor__fields[b-hhx8uckp3d] {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.team-editor__name-field[b-hhx8uckp3d] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.team-editor__icons[b-hhx8uckp3d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 1 0;
}

.team-editor__icons .icon-swatches[b-hhx8uckp3d] {
    align-items: flex-start;
    gap: 16px;
}

/* mud-elevation-2 already supplies the box-shadow (0 1px 3px rgba(0,0,0,.10)); only the radius
   needs overriding here, following the same --mud-default-borderradius scoping already used
   elsewhere (e.g. ComposerActionButton.razor.css) instead of hardcoding a new border style. */
.team-editor__input[b-hhx8uckp3d] {
    --mud-default-borderradius: var(--sc-border-radius-md, 10px);
}

.icon-swatches[b-hhx8uckp3d]  .team-icon-swatch {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: var(--sc-border-radius-md, 6px);
    background: var(--mud-palette-secondary, #F5F5F5);
    border: none;
}

.icon-swatches[b-hhx8uckp3d]  .team-icon-swatch--selected {
    border: 3px solid var(--mud-palette-primary, #00293F);
}

.icon-swatches[b-hhx8uckp3d]  .team-icon-swatch .mud-icon-root {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: var(--mud-palette-secondary-text);
}

.saved-indicator[b-hhx8uckp3d]  .mud-icon-root {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.member-avatar[b-hhx8uckp3d] {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: var(--sc-border-radius-6xl, 9999999px);
    background: var(--mud-palette-secondary, #F5F5F5);
}

.member-row[b-hhx8uckp3d] {
    padding: 4px 16px;
    align-self: stretch;
    border-bottom: 2px solid var(--mud-palette-secondary, #F5F5F5);
}

/* Flex children don't shrink below their content size by default, so a long email pushes past
   the row's edge instead of truncating. min-width: 0 lets the text-truncate rule actually take
   effect once the row runs out of horizontal space. */
.member-row[b-hhx8uckp3d],
.member-row__info[b-hhx8uckp3d] {
    min-width: 0;
}

.member-row__meta[b-hhx8uckp3d] {
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 599.98px) {
    /* Team Name and Icon side-by-side leaves almost no room for either on a phone-width
       screen; stack them instead, each using the full width. */
    .team-editor__fields[b-hhx8uckp3d] {
        flex-direction: column;
        gap: 16px;
    }

    /* Icon/name + action buttons (Delete Team, All Changes Saved) wrapping in place makes the
       buttons stretch to fill leftover space and look oversized; stack them as full-width rows
       instead so each keeps its natural button size. */
    .team-editor__header[b-hhx8uckp3d],
    .team-editor__header-actions[b-hhx8uckp3d],
    .team-editor__members-header[b-hhx8uckp3d],
    .team-editor__footer[b-hhx8uckp3d] {
        flex-direction: column;
        align-items: stretch;
    }

    .team-editor__header-actions[b-hhx8uckp3d]  .mud-button-root,
    .team-editor__members-header[b-hhx8uckp3d]  .mud-button-root,
    .team-editor__footer[b-hhx8uckp3d]  .mud-button-root {
        width: 100%;
    }
}

/* /Shared/Components/InfiniteScrollSentinel.razor.rz.scp.css */
.infinite-scroll-sentinel[b-h5hbd26z99] {
    width: 100%;
    height: 1px;
}
/* /Shared/Components/ScrollViewport/ScrollViewport.razor.rz.scp.css */
.scroll-viewport[b-r8nkaozi9s] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    --scroll-viewport-fade-size: 55px;
}

.scroll-viewport__scroller[b-r8nkaozi9s] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    /* Stick-to-bottom: disable anchoring when in-scroller content mutates (remounts, images). */
    overflow-anchor: none;
}

/* Hide until JS pins to the follow-end — prevents a top→bottom flash on first paint. */
.scroll-viewport__scroller--pending[b-r8nkaozi9s] {
    visibility: hidden;
}

.scroll-viewport__scroller[b-r8nkaozi9s]::before,
.scroll-viewport__scroller[b-r8nkaozi9s]::after {
    content: "";
    display: block;
    position: sticky;
    height: var(--scroll-viewport-fade-size);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 150ms ease;
    /* Alpha-only pane colour — keyword transparent interpolates toward black. */
    background: linear-gradient(
        var(--scroll-viewport-fade-dir),
        rgb(from var(--mud-palette-background) r g b / 0.85) 0,
        rgb(from var(--mud-palette-background) r g b / 0.45) 22px,
        rgb(from var(--mud-palette-background) r g b / 0) var(--scroll-viewport-fade-size)
    );
}

.scroll-viewport__scroller[b-r8nkaozi9s]::before {
    top: 0;
    margin-bottom: calc(var(--scroll-viewport-fade-size) * -1);
    --scroll-viewport-fade-dir: to bottom;
}

.scroll-viewport__scroller[b-r8nkaozi9s]::after {
    bottom: 0;
    margin-top: calc(var(--scroll-viewport-fade-size) * -1);
    --scroll-viewport-fade-dir: to top;
}

.scroll-viewport__scroller[data-overflow-above][b-r8nkaozi9s]::before,
.scroll-viewport__scroller[data-overflow-below][b-r8nkaozi9s]::after {
    opacity: 1;
}

.scroll-viewport__button[b-r8nkaozi9s] {
    position: absolute;
    left: 50%;
    bottom: 0.75rem;
    transform: translateX(-50%);
    z-index: 2;
}

/* Both buttons use MudBlazor's Filled Surface Small, which supplies the geometry,
   font, icon size and ripple — only the surface and shadow need overriding here. */
[b-r8nkaozi9s] .scroll-viewport__follow-button.mud-button-root,
[b-r8nkaozi9s] .scroll-viewport__new-content-button.mud-button-root {
    background-color: var(--mud-palette-white);
    box-shadow: var(--mud-elevation-1);
}

/* MudIconButton renders the 30 × 30 square with 6 px radius; only the border deviates. */
[b-r8nkaozi9s] .scroll-viewport__follow-button.mud-button-root {
    border: 1px solid var(--mud-palette-secondary);
}

/* MudButton needs the design's 31 px pill with 10 / 16 px corners. */
[b-r8nkaozi9s] .scroll-viewport__new-content-button.mud-button-root {
    border-radius: var(--sc-border-radius-md);
    min-height: 31px;
    padding-inline: 16px;
}

/* Filled Surface ships no CSS hover feedback, so darken the fill and lift the shadow. */
[b-r8nkaozi9s] .scroll-viewport__follow-button.mud-button-root:hover,
[b-r8nkaozi9s] .scroll-viewport__new-content-button.mud-button-root:hover {
    background-color: var(--mud-palette-background-gray);
    box-shadow: var(--mud-elevation-4);
}
/* /Shared/Components/ScSkeleton.razor.rz.scp.css */
/* Ghost list-item row: title line + detail line with list-item-matching padding */
.sc-skeleton-row[b-ifj8yh8y0m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 16px;
}
/* /Shared/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-ab69zlqhl4]  .mud-nav-link-text:not(.mud-collapse-container *) {
    font-weight: 500;
    text-transform: uppercase;
}

.nav-menu[b-ab69zlqhl4]  .mud-nav-link-icon {
    font-size: 1.125rem;
}

.nav-menu[b-ab69zlqhl4]  .mud-nav-link {
    align-items: center;
}
/* /Shared/Layout/UserMenu.razor.rz.scp.css */
.user-menu-body[b-829rig681g] {
    width: 283px;
    max-width: 283px;
    box-sizing: border-box;
    overflow: visible;
}

.signed-in-list[b-829rig681g] {
    min-width: 0;
    overflow-x: clip;
}

.signed-in-list[b-829rig681g]  .mud-list-item,
.signed-in-list[b-829rig681g]  .mud-list-item-text {
    min-width: 0;
    overflow: hidden;
}

.section-label[b-829rig681g]  .mud-typography {
    font-size: 10px;
    letter-spacing: 0.4px;
}

.org-avatar[b-829rig681g] {
    min-width: 56px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.org-avatar[b-829rig681g]  .mud-avatar {
    background-color: var(--mud-palette-lines-inputs);
    color: var(--mud-palette-text-primary);
}

.org-row[b-829rig681g] {
    cursor: pointer;
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.org-row:hover[b-829rig681g] {
    background-color: var(--mud-palette-action-default-hover);
}

.org-row-body[b-829rig681g] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.org-row-text[b-829rig681g] {
    flex: 1;
    min-width: 0;
}

.org-row-check[b-829rig681g] {
    flex-shrink: 0;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org-switch-slot[b-829rig681g] {
    flex-shrink: 0;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org-switch-slot[b-829rig681g]  .mud-menu,
.org-switch-slot[b-829rig681g]  .mud-button-root,
.org-switch-slot[b-829rig681g]  .mud-menu-button-activator,
.org-switch-slot[b-829rig681g]  .mud-menu-icon-button-activator,
.org-switch-slot[b-829rig681g]  .mud-menu-sub-menu-activator,
.org-switch-slot[b-829rig681g]  .mud-icon-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.org-switch-slot[b-829rig681g]  .mud-menu-item-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
}

.org-switch[b-829rig681g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.org-switch-slot[b-829rig681g]  .mud-icon-root {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.org-switch-slot[b-829rig681g]  .mud-icon-root::before {
    display: block;
    line-height: 1;
}
/* /Shared/Layout/UserMenuOrganisationName.razor.rz.scp.css */
.org-name[b-87lkfltjev] {
    min-width: 0;
    width: 100%;
}

.org-name[b-87lkfltjev]  .mud-tooltip-root {
    display: block;
    min-width: 0;
    max-width: 100%;
    width: 100%;
}