:root {
    --v247-design-accent: #2C4A42;
    --v247-design-accent-dark: #1F362F;
    --v247-design-accent-light: #EAEFE9;
    --v247-design-hover-tint: #D9E3DC;
    --v247-design-field-beige: #F1F4F1;
    --v247-design-field-green: #DFEAE5;
    --v247-design-card: #FFFFFF;
    --v247-design-wall: #FBF7F0;
    --v247-design-text: #16201C; /* C: næsten-sort neutral – mest læsbar (Kim, 16/10) */
    --v247-design-text-muted: #46524C;
    --v247-design-text-soft: #56625C;
    --v247-design-border: #E2E8E3; /* C: lysere, neutral kant */
    --v247-design-border-strong: #C3CFC7;
    --v247-design-line: #E2E8E3;
    --v247-design-card-hover: #F6F8F5;
    --v247-design-on-accent: #FFFFFF;
    --v247-design-focus-ring: rgba(44, 74, 66, .18);
    --v247-design-neutral-surface: #EFF4F0;
    --v247-design-error-border: #E4C9C3;
    --v247-design-error-surface: #FBF4F2;
    --v247-design-error-text: #71312C;
    --v247-design-danger: #8B4A3D;
    --v247-design-danger-surface: #F1E4E1;
    --v247-design-warning-border: #E8D6B0;
    --v247-design-warning-surface: #F3F8F4;
    --v247-design-warning-text: #715A31;
    --v247-design-shadow-popover: 0 8px 28px rgba(22, 32, 28, .14);
    --v247-design-shadow-card: 0 1px 3px rgba(22, 32, 28, .04);
    --v247-design-shadow-soft: 0 1px 2px rgba(22, 32, 28, .04), 0 12px 32px rgba(22, 32, 28, .06);
    --v247-design-shadow-panel: 0 6px 18px rgba(22, 32, 28, .12);
    --v247-design-shadow-action: 0 4px 12px rgba(44, 74, 66, .18);
    --v247-design-shadow-invitation: 0 8px 28px rgba(22, 32, 28, .08);
    --v247-design-blue: #3D5A75;
    --v247-design-blue-dark: #1F5250;
    --v247-design-radius-lg: 16px;
    --v247-design-radius-md: 11px;
    --v247-design-radius-sm: 7px;
    --v247-page-max-width: 1280px;
    --v247-page-gutter: 24px;
    --v247-page-gutter-mobile: 16px;
    --v247-platform-shell-top: 3rem; /* mere luft i toppen på alle platformsider (Kim, 16/10) */
    --v247-platform-shell-top-compact: 1rem;
    --v247-platform-shell-bottom: 5rem;
    --v247-platform-shell-bottom-compact: 3.75rem;
    --v247-content-width-narrow: 880px;
    --v247-content-width-standard: 1000px;
    --v247-content-width-wide: 1180px;
    --v247-design-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --v247-space-1: 4px;
    --v247-space-2: 8px;
    --v247-space-3: 12px;
    --v247-space-4: 16px;
    --v247-space-5: 24px;
    --v247-space-6: 32px;
    --v247-space-7: 40px;
    --v247-space-8: 56px;

    --v247-type-display: 54px;
    --v247-type-marketing: 38px;
    --v247-type-page-title: 30px;
    --v247-type-page-intro: 34px;
    --v247-type-page-title-mobile: 26px;
    --v247-type-section: 20px;
    --v247-type-body: 15px;
    --v247-type-control: 13px;
    --v247-type-eyebrow: 11px;
    --v247-line-tight: 1.2;
    --v247-line-body: 1.6;

    --v247-header-height: 72px;
    --v247-header-height-mobile: 52px;
    --v247-motion-fast: 150ms;
    --v247-motion-standard: 180ms;

    --v247-final-accent: var(--v247-design-accent);
    --v247-final-accent-dark: var(--v247-design-accent-dark);
    --v247-final-accent-light: var(--v247-design-accent-light);
    --v247-final-field-beige: var(--v247-design-field-beige);
    --v247-final-field-green: var(--v247-design-field-green);
    --v247-final-card: var(--v247-design-card);
    --v247-final-wall: var(--v247-design-wall);
    --v247-final-text: var(--v247-design-text);
    --v247-final-text-2: var(--v247-design-text-muted);
    --v247-final-text-3: var(--v247-design-text-soft);
    --v247-final-border: var(--v247-design-border);
    --v247-final-blue: var(--v247-design-blue);
    --v247-final-blue-dark: var(--v247-design-blue-dark);
    --v247-final-r-lg: var(--v247-design-radius-lg);
    --v247-final-r-md: var(--v247-design-radius-md);
}

.v247-design {
    color: var(--v247-design-text);
    font-family: var(--v247-design-font-family);
    letter-spacing: normal;
}

.v247-design,
.v247-design * {
    box-sizing: border-box;
}

.v247-design,
.v247-design * {
    font-family: var(--v247-design-font-family);
    letter-spacing: normal;
    line-height: normal;
}

.v247-design h1,
.v247-design h2,
.v247-design h3,
.v247-design p {
    margin: 0;
}

.v247-design a {
    text-decoration: none;
}

/* MudBlazor renders menu popovers through its document-level portal. Keep this
   selector global so the shared account menu receives the design-system skin. */
.v247-account-popover {
    box-sizing: border-box;
    min-width: 176px;
    max-width: min(240px, calc(100vw - 24px));
    padding: 6px;
    overflow: hidden;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-card);
    box-shadow: var(--v247-design-shadow-popover);
}

.v247-account-popover .mud-menu-list {
    overflow-x: hidden;
}

.v247-account-popover .mud-menu-item {
    min-height: 40px;
    padding: 9px 12px;
    border-radius: var(--v247-design-radius-sm);
    color: var(--v247-design-text);
    font-family: var(--v247-design-font-family);
    font-size: var(--v247-type-body);
    line-height: 1.25;
    text-transform: none;
}

.v247-account-popover .mud-menu-item:hover,
.v247-account-popover .mud-menu-item:focus-visible {
    background: var(--v247-design-field-beige);
    color: var(--v247-design-accent);
}

.v247-account-popover .mud-divider {
    margin: 4px 6px;
    border-color: var(--v247-design-line);
}

/* Shared semantic type roles keep page-specific work surfaces on one visual scale. */
.v247-eyebrow {
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-eyebrow);
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.4;
    text-transform: uppercase;
}

.v247-page-title {
    color: var(--v247-design-text);
    font-size: var(--v247-type-page-title);
    font-weight: 500;
    line-height: var(--v247-line-tight);
}

/* Shared page-intro contract: the Prices eyebrow rhythm without its page-specific status card. */
.v247-design .v247-page-intro {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Anonymous route pages share the same top-title rhythm before their page-specific hero. */
.v247-design .v247-public-page-intro {
    min-height: calc((var(--v247-type-page-intro) * 1.22) + 22px);
}

.v247-design .v247-page-intro-eyebrow {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .35rem;
    margin: 0;
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-eyebrow);
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.4;
    text-transform: uppercase;
}

.v247-design .v247-page-intro-eyebrow svg {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
}

.v247-design .v247-page-intro-title {
    margin: 0;
    min-height: calc(var(--v247-type-page-intro) * 1.22);
    color: var(--v247-design-text);
    font-size: var(--v247-type-page-intro);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.22;
}

.v247-design .v247-page-intro-copy {
    max-width: 70ch;
    margin: 0;
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
    font-weight: 400;
    letter-spacing: 0;
    line-height: var(--v247-line-body);
}

.v247-design .v247-page-intro-copy--muted {
    color: var(--v247-design-text-soft);
}

/* Logged-in pages share one heading role; work surfaces choose a documented width role. */
.v247-platform-page h1 {
    color: var(--v247-design-text);
    font-size: var(--v247-type-page-title);
    font-weight: 500;
    line-height: var(--v247-line-tight);
}

.v247-content-shell {
    box-sizing: border-box;
    width: min(var(--v247-content-width-standard), 100%);
    max-width: var(--v247-content-width-standard);
    margin-inline: auto;
}

.v247-content-shell--narrow {
    width: min(var(--v247-content-width-narrow), 100%);
    max-width: var(--v247-content-width-narrow);
}

.v247-content-shell--wide {
    width: min(var(--v247-content-width-wide), 100%);
    max-width: var(--v247-content-width-wide);
}

/* Login and signup reuse the platform shell without changing their auth flow. */
.v247-auth-page {
    min-height: calc(100vh - var(--v247-header-height));
    background: var(--v247-design-wall);
    color: var(--v247-design-text);
}

.v247-auth-page .v247-auth-container {
    min-height: calc(100vh - var(--v247-header-height));
}

.v247-auth-shell {
    width: min(100%, 520px);
    margin-inline: auto;
}

.v247-auth-intro {
    margin-bottom: var(--v247-space-5);
}

.v247-auth-panel {
    padding: var(--v247-space-6);
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-lg);
    background: var(--v247-design-card);
    box-shadow: 0 4px 14px rgba(22, 32, 28, .06);
}

.v247-auth-panel .mud-button-root {
    min-height: 44px;
    border-radius: var(--v247-design-radius-md);
    font-size: var(--v247-type-body);
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
}

.v247-auth-panel .v247-auth-primary {
    background: var(--v247-design-accent) !important;
    color: #fff !important;
}

.v247-auth-panel .v247-auth-primary:hover:not(:disabled) {
    background: var(--v247-design-accent-dark) !important;
}

.v247-auth-panel .v247-auth-secondary {
    border: 1px solid var(--v247-design-border) !important;
    background: transparent !important;
    color: var(--v247-design-accent) !important;
}

.v247-auth-panel .v247-auth-secondary:hover:not(:disabled) {
    background: var(--v247-design-accent-light) !important;
    border-color: var(--v247-design-accent) !important;
}

.v247-auth-error {
    margin-bottom: var(--v247-space-4);
    border: 1px solid var(--v247-design-error-border);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-error-surface);
    color: var(--v247-design-error-text);
    box-shadow: none;
}

.v247-auth-error .mud-alert-message,
.v247-auth-error .mud-alert-icon {
    color: inherit;
}

.mud-alert.v247-speak-free-trial-notice,
.mud-alert.v247-speak-trial-rights-notice,
.mud-alert.v247-license-status-warning {
    border-radius: var(--v247-design-radius-md);
    box-shadow: none;
    font-family: var(--v247-design-font-family);
    font-size: var(--v247-type-control);
    line-height: var(--v247-line-body);
}

.mud-alert.v247-speak-free-trial-notice,
.mud-alert.v247-speak-trial-rights-notice {
    border: 1px solid var(--v247-design-error-border);
    background: var(--v247-design-error-surface);
    color: var(--v247-design-error-text);
}

.mud-alert.v247-license-status-warning {
    border: 1px solid var(--v247-design-warning-border);
    background: var(--v247-design-warning-surface);
    color: var(--v247-design-warning-text);
}

.mud-alert.v247-speak-free-trial-notice .mud-alert-icon,
.mud-alert.v247-speak-free-trial-notice .mud-alert-message,
.mud-alert.v247-speak-free-trial-notice .mud-typography,
.mud-alert.v247-speak-trial-rights-notice .mud-alert-icon,
.mud-alert.v247-speak-trial-rights-notice .mud-alert-message,
.mud-alert.v247-speak-trial-rights-notice .mud-typography,
.mud-alert.v247-license-status-warning .mud-alert-icon,
.mud-alert.v247-license-status-warning .mud-alert-message,
.mud-alert.v247-license-status-warning .mud-typography {
    color: inherit !important;
}

.v247-verification-alert {
    border: 1px solid var(--v247-design-warning-border);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-warning-surface);
    color: var(--v247-design-warning-text);
    font-family: var(--v247-design-font-family);
    font-size: var(--v247-type-control);
    line-height: var(--v247-line-body);
}

.v247-verification-alert .mud-alert-icon,
.v247-verification-alert .mud-alert-message {
    color: inherit;
}

.v247-auth-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--v247-space-3);
    min-height: 44px;
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
}

.v247-auth-divider {
    display: flex;
    align-items: center;
    gap: var(--v247-space-3);
    margin: var(--v247-space-5) 0;
    color: var(--v247-design-text-soft);
    font-size: var(--v247-type-control);
}

.v247-auth-divider::before,
.v247-auth-divider::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: var(--v247-design-border);
}

.v247-section-title {
    color: var(--v247-design-accent);
    font-size: var(--v247-type-section);
    font-weight: 600;
    line-height: 1.25;
}

.v247-body-copy {
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
    line-height: var(--v247-line-body);
}

.v247-control-label {
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-control);
    font-weight: 500;
    line-height: 1.35;
}

/* Shared outer geometry; page-specific shells may constrain their inner work area. */
.v247-page-shell {
    box-sizing: border-box;
    width: min(var(--v247-page-max-width), 100%);
    max-width: var(--v247-page-max-width);
    margin-inline: auto;
    padding-inline: var(--v247-page-gutter);
}

/* Authenticated work surfaces share one vertical shell rhythm. */
.v247-design .v247-platform-shell {
    padding-block: var(--v247-platform-shell-top) var(--v247-platform-shell-bottom);
}

@media (max-width: 880px) {
    .v247-design .v247-platform-shell {
        padding-block: var(--v247-platform-shell-top-compact) var(--v247-platform-shell-bottom-compact);
    }
}

@media (max-width: 640px) {
    .v247-page-shell {
        padding-inline: var(--v247-page-gutter-mobile);
    }

    .v247-platform-page h1 {
        font-size: var(--v247-type-page-title-mobile) !important;
    }

    .v247-design .v247-page-intro-title {
        min-height: calc(var(--v247-type-page-title-mobile) * 1.22);
        font-size: var(--v247-type-page-title-mobile) !important;
    }

    .v247-design .v247-public-page-intro {
        min-height: calc((var(--v247-type-page-title-mobile) * 1.22) + 22px);
    }

    .v247-content-shell,
    .v247-content-shell--narrow,
    .v247-content-shell--wide {
        width: 100%;
        max-width: 100%;
    }

    .v247-auth-page,
    .v247-auth-page .v247-auth-container {
        min-height: calc(100vh - var(--v247-header-height-mobile));
    }

    .v247-auth-panel {
        padding: var(--v247-space-5);
    }
}

.organization-dialog-backdrop {
    background: rgba(22, 32, 28, .35) !important;
}

/* Shared user-facing boundary surface. Variants below may change width or intent,
   but keep the same typography, elevation, focus and mobile behavior. */
.v247-dialog.v247-design {
    max-height: calc(100dvh - 32px);
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-lg);
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    box-shadow: var(--v247-design-shadow-panel);
    overflow: hidden;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title {
    padding: 24px 28px 0;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title .mud-typography {
    color: var(--v247-design-text);
    font-size: var(--v247-type-section);
    font-weight: 600;
    line-height: 1.3;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title .mud-button-close {
    color: var(--v247-design-text-soft);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title .mud-button-close:hover {
    background: var(--v247-design-field-beige);
    color: var(--v247-design-accent);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title .mud-button-close:focus-visible,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content :focus-visible,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--v247-design-focus-ring) !important;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content {
    max-height: min(68vh, 620px);
    overflow-y: auto;
    padding: 18px 28px 0;
    color: var(--v247-design-text);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content > .mud-typography,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content > p {
    margin: 0;
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
    line-height: var(--v247-line-body);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content > .mud-typography + .mud-typography,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content > p + p {
    margin-top: var(--v247-space-3);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-control {
    margin-top: 0;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-outlined-border {
    border-color: var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-control:hover .mud-input-outlined-border,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--v247-design-accent);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-label,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-helper-text {
    color: var(--v247-design-text-muted);
    font-family: var(--v247-design-font-family);
    letter-spacing: normal;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-slot {
    color: var(--v247-design-text);
    font-family: var(--v247-design-font-family);
    letter-spacing: normal;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions {
    gap: 10px;
    margin: 24px 28px 0;
    padding: 16px 0 24px;
    border-top: 1px solid var(--v247-design-border);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: var(--v247-design-radius-md);
    box-shadow: none;
    font-family: var(--v247-design-font-family);
    font-size: var(--v247-type-control);
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
    transition: background-color var(--v247-motion-fast) ease,
        border-color var(--v247-motion-fast) ease,
        color var(--v247-motion-fast) ease,
        box-shadow var(--v247-motion-fast) ease;
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-text-inherit,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-outlined {
    border-color: var(--v247-design-border);
    color: var(--v247-design-text-muted);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-text-inherit:hover,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-outlined:hover {
    border-color: var(--v247-design-accent);
    background: var(--v247-design-field-beige);
    color: var(--v247-design-text);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-filled-primary,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-filled-secondary {
    border: 1px solid var(--v247-design-accent);
    background: var(--v247-design-accent);
    color: var(--v247-design-on-accent);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-filled-primary:hover,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-button-filled-secondary:hover {
    border-color: var(--v247-design-accent-dark);
    background: var(--v247-design-accent-dark);
}

.v247-dialog.v247-design.v247-dialog--destructive .mud-dialog-actions .mud-button-root.mud-button-filled-error {
    border: 1px solid var(--v247-design-danger);
    background: var(--v247-design-danger);
    color: var(--v247-design-on-accent);
}

.v247-dialog.v247-design.v247-dialog--destructive .mud-dialog-actions .mud-button-root.mud-button-filled-error:hover {
    border-color: var(--v247-design-error-text);
    background: var(--v247-design-error-text);
}

.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root.mud-disabled,
.v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root:disabled {
    border-color: var(--v247-design-border) !important;
    background: var(--v247-design-field-beige) !important;
    color: var(--v247-design-text-soft) !important;
    opacity: .72;
}

@media (max-width: 600px) {
    .v247-dialog.v247-design {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
        margin: 12px;
    }

    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-title {
        padding: 20px 20px 0;
    }

    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content {
        max-height: 62vh;
        padding: 16px 20px 0;
    }

    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions {
        flex-direction: column-reverse;
        align-items: stretch;
        margin-inline: 20px;
        padding: 16px 0 20px;
    }

    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 44px;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-actions .mud-button-root,
    .v247-dialog.v247-design:not(.terms-dialog):not(.organization-dialog):not(.v247-account-dialog):not(.speaker-profile-dialog) .mud-dialog-content .mud-input-outlined-border {
        transition: none;
    }
}

.terms-dialog.v247-design {
    width: min(calc(100vw - 32px), 760px);
    max-width: 760px !important;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-lg);
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    box-shadow: 0 8px 28px rgba(22, 32, 28, .14);
    overflow: hidden;
}

.terms-dialog .mud-dialog-title {
    padding: var(--v247-space-6) var(--v247-space-6) var(--v247-space-4);
}

.terms-dialog-title {
    display: grid;
    gap: 6px;
}

.terms-dialog-kicker {
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-eyebrow);
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.4;
    text-transform: uppercase;
}

.terms-dialog-heading {
    color: var(--v247-design-text);
    font-size: var(--v247-type-section) !important;
    font-weight: 600;
    line-height: 1.25;
}

.terms-dialog-lead {
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
    line-height: var(--v247-line-body);
}

.terms-dialog .mud-dialog-content {
    padding: 0 var(--v247-space-6);
}

.terms-dialog-document {
    max-height: min(56vh, 520px);
    overflow: auto;
    padding: var(--v247-space-2);
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-field-beige);
    outline: none;
}

.terms-dialog-document:focus-visible {
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .18);
}

.terms-dialog-document .legal-document {
    padding: var(--v247-space-5) !important;
    background: transparent !important;
    color: var(--v247-design-text);
}

.terms-dialog-document .legal-document h1 {
    font-size: var(--v247-type-page-title) !important;
}

.terms-dialog .mud-dialog-actions {
    gap: var(--v247-space-3);
    padding: var(--v247-space-5) var(--v247-space-6) var(--v247-space-6);
    border-top: 1px solid var(--v247-design-border);
}

.terms-dialog .terms-dialog-accept {
    min-height: 44px;
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-accent) !important;
    color: #fff !important;
    font-family: var(--v247-design-font-family);
    font-size: var(--v247-type-body);
    font-weight: 500;
    text-transform: none;
}

.terms-dialog .terms-dialog-accept:hover {
    background: var(--v247-design-accent-dark) !important;
}

.terms-dialog .terms-dialog-accept:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .18);
}

@media (max-width: 640px) {
    .terms-dialog.v247-design {
        width: calc(100vw - 20px);
    }

    .terms-dialog .mud-dialog-title,
    .terms-dialog .mud-dialog-content,
    .terms-dialog .mud-dialog-actions {
        padding-inline: var(--v247-space-5);
    }

    .terms-dialog-document {
        max-height: 58vh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .terms-dialog .terms-dialog-accept {
        transition: none;
    }
}

.organization-dialog.v247-design {
    width: calc(100vw - 32px);
    max-width: 440px !important;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-lg);
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    box-shadow: 0 4px 12px rgba(22, 32, 28, .08);
    overflow: hidden;
}

.organization-dialog .mud-dialog-title {
    padding: 2rem 2rem 0;
}

.organization-dialog .mud-dialog-title .mud-typography {
    color: var(--v247-design-text);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
}

.organization-dialog .mud-dialog-content {
    padding: .35rem 2rem 0;
    color: var(--v247-design-text);
}

.organization-dialog .organization-dialog-copy,
.organization-dialog .organization-dialog-subtitle {
    margin: 0;
    line-height: 1.55;
}

.organization-dialog .organization-dialog-copy {
    color: var(--v247-design-text);
    font-size: 13px;
}

.organization-dialog .organization-dialog-subtitle {
    margin-bottom: 1.5rem;
    color: var(--v247-design-text-muted);
    font-size: 12px;
}

.organization-dialog .organization-form-group {
    margin-bottom: 1rem;
}

.organization-dialog .organization-form-label {
    display: block;
    margin-bottom: .4rem;
    color: var(--v247-design-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.organization-dialog .organization-form-input,
.organization-dialog .organization-form-select {
    width: 100%;
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    outline: 0;
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    font: inherit;
    font-size: 13px;
    line-height: 1.35;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.organization-dialog .organization-form-input:hover,
.organization-dialog .organization-form-select:hover {
    border-color: var(--v247-design-accent);
}

.organization-dialog .organization-form-input:focus,
.organization-dialog .organization-form-select:focus {
    border-color: var(--v247-design-accent);
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .12);
}

.organization-dialog .organization-form-input[readonly] {
    background: var(--v247-design-field-beige);
    color: var(--v247-design-text-muted);
    cursor: default;
}

.organization-dialog .organization-form-input[readonly]:hover,
.organization-dialog .organization-form-input[readonly]:focus {
    border-color: var(--v247-design-border);
    box-shadow: none;
}

.organization-dialog .organization-form-hint {
    margin: .3rem 0 0;
    color: var(--v247-design-text-muted);
    font-size: 11px;
    line-height: 1.45;
}

.organization-dialog .organization-status-display {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: .75rem;
    padding: .75rem 1rem;
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-field-beige);
}

.organization-dialog .organization-status-badge {
    flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 6px;
    background: var(--v247-design-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.organization-dialog .organization-status-badge.deactivated {
    background: var(--v247-design-neutral-surface);
    color: var(--v247-design-text-soft);
}

.organization-dialog .organization-status-description {
    color: var(--v247-design-text-muted);
    font-size: 11.5px;
    line-height: 1.4;
}

.organization-dialog .organization-status-action {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--v247-design-danger);
    border-radius: var(--v247-design-radius-md);
    background: transparent;
    color: var(--v247-design-danger);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .15s ease;
}

.organization-dialog .organization-status-action:hover {
    background: var(--v247-design-danger-surface);
}

.organization-dialog .organization-status-action.reactivate {
    border-color: var(--v247-design-accent);
    color: var(--v247-design-accent);
}

.organization-dialog .organization-status-action.reactivate:hover {
    background: var(--v247-design-field-green);
}

.organization-dialog .organization-status-confirm {
    margin-top: .6rem;
    padding: .875rem 1rem;
    border: 1px solid var(--v247-design-danger);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-danger-surface);
}

.organization-dialog .organization-status-confirm p {
    margin: 0 0 .7rem;
    color: var(--v247-design-text);
    font-size: 11.5px;
    line-height: 1.5;
}

.organization-dialog .organization-status-confirm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.organization-dialog .organization-dialog-cancel-button,
.organization-dialog .organization-status-confirm-button {
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 7px;
    font: inherit;
    font-size: 11.5px;
    cursor: pointer;
}

.organization-dialog .organization-dialog-cancel-button {
    border: 1px solid var(--v247-design-border);
    background: transparent;
    color: var(--v247-design-text-muted);
}

.organization-dialog .organization-status-confirm-button {
    border: 1px solid var(--v247-design-danger);
    background: var(--v247-design-danger);
    color: #fff;
}

.organization-dialog .mud-dialog-actions {
    gap: 8px;
    margin: .5rem 2rem 0;
    padding: 1rem 0 2rem;
    border-top: 1px solid var(--v247-design-border);
}

.organization-dialog .mud-button-root {
    min-height: 38px;
    padding-inline: 16px;
    border-radius: var(--v247-design-radius-md);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.organization-dialog .organization-dialog-cancel {
    border: 1px solid transparent;
    color: var(--v247-design-text-muted);
}

.organization-dialog .organization-dialog-cancel:hover {
    border-color: var(--v247-design-border);
    background: var(--v247-design-field-beige);
    color: var(--v247-design-text);
}

.organization-dialog .organization-dialog-submit.mud-button-filled-secondary,
.organization-dialog .organization-dialog-submit.mud-button-filled-primary {
    background: var(--v247-design-accent);
    color: #fff;
}

.organization-dialog .organization-dialog-submit.mud-button-filled-secondary:hover,
.organization-dialog .organization-dialog-submit.mud-button-filled-primary:hover {
    background: var(--v247-design-accent-dark);
}

.organization-dialog .organization-dialog-submit.mud-button-filled-error {
    background: var(--v247-design-danger);
    color: #fff;
}

.organization-dialog .organization-dialog-submit.mud-button-filled-error:hover {
    background: var(--v247-design-error-text);
}

.organization-dialog .mud-button-root.mud-disabled {
    border-color: var(--v247-design-border);
    background: var(--v247-design-field-beige);
    color: var(--v247-design-text-soft);
    opacity: .72;
}

.organization-snackbar.v247-design {
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    box-shadow: 0 14px 36px rgba(22, 32, 28, .17);
}

.organization-snackbar.v247-design .mud-snackbar-content-message {
    color: inherit;
    font-size: 13px;
    line-height: 1.45;
}

.organization-snackbar.v247-design .mud-svg-icon {
    color: var(--v247-design-accent);
}

.organization-snackbar.v247-design.mud-alert-filled-error {
    border-color: var(--v247-design-error-border);
    background: var(--v247-design-error-surface);
    color: var(--v247-design-error-text);
}

@media (max-width: 600px) {
    .organization-dialog.v247-design {
        max-height: calc(100dvh - 24px);
        margin: 12px;
        border-radius: var(--v247-design-radius-lg);
    }

    .organization-dialog .mud-dialog-title {
        padding: 1.5rem 1.25rem 0;
    }

    .organization-dialog .mud-dialog-title .mud-typography {
        font-size: 17px;
    }

    .organization-dialog .mud-dialog-content {
        padding: .35rem 1.25rem 0;
    }

    .organization-dialog .mud-dialog-actions {
        flex-direction: column-reverse;
        align-items: stretch;
        margin-inline: 1.25rem;
        padding: 1rem 0 1.25rem;
    }

    .organization-dialog .mud-dialog-actions .mud-button-root {
        width: 100%;
        margin: 0;
    }

    .organization-dialog .organization-form-input,
    .organization-dialog .organization-form-select,
    .organization-dialog .organization-status-action,
    .organization-dialog .organization-dialog-cancel-button,
    .organization-dialog .organization-status-confirm-button,
    .organization-dialog .mud-button-root {
        min-height: 44px;
    }

    .organization-dialog .organization-form-input,
    .organization-dialog .organization-form-select,
    .organization-dialog .organization-status-action,
    .organization-dialog .organization-dialog-cancel-button,
    .organization-dialog .organization-status-confirm-button {
        padding: 10px 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .organization-dialog .mud-button-root,
    .organization-dialog .organization-form-input,
    .organization-dialog .organization-form-select,
    .organization-dialog .organization-status-action {
        transition: none;
    }
}

/* Account dialogs opt in through ConfirmDialog/MessageDialog PresentationClass. */
.v247-account-dialog-backdrop {
    background: rgba(22, 32, 28, .3) !important;
}

.v247-account-dialog.v247-design {
    width: min(560px, calc(100vw - 32px));
    max-width: 560px !important;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-lg);
    background: var(--v247-design-card);
    color: var(--v247-design-text);
    box-shadow: 0 18px 48px rgba(22, 32, 28, .16);
    overflow: hidden;
}

.v247-account-dialog.v247-design .mud-dialog-title {
    padding: 28px 32px 0;
}

.v247-account-dialog.v247-design .mud-dialog-title .mud-typography {
    color: var(--v247-design-text);
    font-size: var(--v247-type-section);
    font-weight: 600;
    line-height: 1.3;
}

.v247-account-dialog.v247-design .mud-dialog-title .mud-button-close {
    color: var(--v247-design-text-soft);
}

.v247-account-dialog.v247-design .mud-dialog-title .mud-button-close:hover {
    background: var(--v247-design-field-beige);
    color: var(--v247-design-accent);
}

.v247-account-dialog.v247-design .mud-dialog-title .mud-button-close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .18);
}

.v247-account-dialog.v247-design .mud-dialog-content {
    padding: 18px 32px 0;
    color: var(--v247-design-text);
}

.v247-account-dialog.v247-design .mud-dialog-content .mud-typography {
    margin: 0;
    color: var(--v247-design-text-muted);
    font-size: var(--v247-type-body);
    line-height: var(--v247-line-body);
}

.v247-account-dialog.v247-design .mud-dialog-content .mud-typography + .mud-typography {
    margin-top: 10px;
}

.v247-account-dialog.v247-design.v247-account-dialog--confirm .mud-dialog-content .mud-typography:first-child {
    color: var(--v247-design-text);
    font-weight: 500;
}

.v247-account-dialog.v247-design .mud-dialog-actions {
    gap: 12px;
    margin: 24px 32px 0;
    padding: 18px 0 26px;
    border-top: 1px solid var(--v247-design-border);
}

.v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root {
    min-height: 40px;
    padding: 9px 16px;
    border-radius: var(--v247-design-radius-md);
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .18) !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--confirm .mud-dialog-actions .mud-button-root:first-child {
    border: 1px solid transparent;
    background: transparent !important;
    color: var(--v247-design-text-muted) !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--confirm .mud-dialog-actions .mud-button-root:first-child:hover:not(.mud-disabled) {
    border-color: var(--v247-design-border);
    background: var(--v247-design-field-beige) !important;
    color: var(--v247-design-text) !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--confirm .mud-dialog-actions .mud-button-root:last-child {
    border: 1px solid var(--v247-design-danger);
    background: var(--v247-design-danger) !important;
    color: #fff !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--confirm .mud-dialog-actions .mud-button-root:last-child:hover:not(.mud-disabled) {
    border-color: var(--v247-design-error-text);
    background: var(--v247-design-error-text) !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--message .mud-dialog-actions {
    justify-content: flex-end;
}

.v247-account-dialog.v247-design.v247-account-dialog--message .mud-dialog-actions .mud-button-root {
    border: 1px solid var(--v247-design-accent);
    background: var(--v247-design-accent) !important;
    color: #fff !important;
}

.v247-account-dialog.v247-design.v247-account-dialog--message .mud-dialog-actions .mud-button-root:hover:not(.mud-disabled) {
    border-color: var(--v247-design-accent-dark);
    background: var(--v247-design-accent-dark) !important;
}

.v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root.mud-disabled,
.v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root:disabled {
    border-color: var(--v247-design-border) !important;
    background: var(--v247-design-field-beige) !important;
    color: var(--v247-design-text-soft) !important;
    opacity: .72;
}

@media (max-width: 600px) {
    .v247-account-dialog.v247-design {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 24px);
        margin: 12px;
    }

    .v247-account-dialog.v247-design .mud-dialog-title {
        padding: 24px 20px 0;
    }

    .v247-account-dialog.v247-design .mud-dialog-content {
        padding: 16px 20px 0;
    }

    .v247-account-dialog.v247-design .mud-dialog-actions {
        flex-direction: column-reverse;
        align-items: stretch;
        margin-inline: 20px;
        padding: 16px 0 20px;
    }

    .v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root {
        width: 100%;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v247-account-dialog.v247-design .mud-dialog-actions .mud-button-root {
        transition: none;
    }
}

/* Voices profile dialog parity; intentionally scoped to this dialog only. */
.speaker-profile-dialog.v247-design {
    --v247-design-text: #27322E;
    --v247-design-text-muted: #6A756F;
    --v247-design-accent-light: #E4ECE7;
    --v247-design-border: #DCE3DE;
    max-width: 640px !important;
    width: min(640px, calc(100vw - 32px));
    color: var(--v247-design-text);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(24, 28, 26, .3);
}

.speaker-profile-dialog.v247-design .mud-dialog-title {
    padding: 34px 40px 0;
}

.speaker-profile-dialog.v247-design .mud-dialog-content {
    padding: 0 40px;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions {
    padding: 0 40px 30px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-stack {
    gap: 0 !important;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-header {
    display: flex;
    justify-content: center;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-portrait {
    width: 132px;
    height: 132px;
    margin: 4px auto 18px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-name {
    color: var(--v247-design-accent);
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 6px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-intro {
    color: var(--v247-design-text-muted);
    font-weight: 400;
    line-height: 1.45;
    font-size: 18px;
    max-width: 32rem;
    margin: 0 auto;
    margin-bottom: 18px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-tags {
    gap: 9px;
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E2E8E3;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-section {
    margin-top: 20px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-profile {
    margin-top: 0;
}

.speaker-profile-dialog.v247-design .mud-typography-h6 {
    color: var(--v247-design-text);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 10px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-copy {
    color: var(--v247-design-text);
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0 0 10px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-copy:last-child {
    margin-bottom: 0;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-label {
    color: var(--v247-design-text);
    font-size: 14.5px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 2px;
}

.speaker-profile-dialog.v247-design .mud-divider {
    border-color: #E2E8E3;
    margin-block: 20px;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root {
    --mud-ripple-color: var(--v247-design-accent) !important;
    min-height: 35px;
    border-radius: 11px;
    padding: 10px 22px;
    font-size: 14px;
    line-height: 1.2;
    color: #2C4A42 !important;
    border-color: #2C4A42 !important;
    background: #fff !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root:hover:not(.mud-disabled) {
    border-color: var(--v247-design-accent-dark) !important;
    background: var(--v247-design-accent-light) !important;
    color: var(--v247-design-accent-dark) !important;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root:active:not(.mud-disabled) {
    border-color: var(--v247-design-accent-dark) !important;
    background: var(--v247-design-accent-light) !important;
    color: var(--v247-design-accent-dark) !important;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root:focus-visible {
    outline: 3px solid rgba(44, 74, 66, .2);
    outline-offset: 2px;
    box-shadow: none !important;
}

.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root.mud-disabled,
.speaker-profile-dialog.v247-design .mud-dialog-actions .mud-button-root:disabled {
    border-color: var(--v247-design-border) !important;
    background: var(--v247-design-field-beige) !important;
    color: var(--v247-design-text-soft) !important;
    opacity: .65;
}

.speaker-profile-dialog.v247-design .mud-chip {
    border-color: var(--v247-design-border);
    border-radius: 20px;
    font-size: 13.5px;
    line-height: 1.2;
    padding: 6px 15px;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-provenance {
    list-style: none;
    margin: 0;
    padding: 0;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-provenance li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
    color: var(--v247-design-text);
    font-size: 14.5px;
    line-height: 1.5;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-provenance li:last-child {
    margin-bottom: 0;
}

.speaker-profile-dialog.v247-design .speaker-profile-dialog-provenance li::before {
    content: "";
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--v247-design-accent);
}

@media (max-width: 760px) {
    .speaker-profile-dialog.v247-design .mud-dialog-title {
        padding: 28px 22px 0;
    }

    .speaker-profile-dialog.v247-design .mud-dialog-content {
        padding: 0 22px;
    }

    .speaker-profile-dialog.v247-design .mud-dialog-actions {
        padding: 0 22px 28px;
    }

    .speaker-profile-dialog.v247-design .speaker-profile-dialog-name {
        font-size: 25px;
    }
}

/* Vis invitation: fakta om afsendelse + handlinger */
.organization-dialog .organization-invitation-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0 0 1.1rem;
    padding: .8rem 1rem;
    border-radius: var(--v247-design-radius-md);
    background: var(--v247-design-field-beige);
}

.organization-dialog .organization-invitation-facts dt {
    color: var(--v247-design-text-muted);
    font-size: 10.5px;
}

.organization-dialog .organization-invitation-facts dd {
    margin: 0;
    color: var(--v247-design-text);
    font-size: 13px;
    font-weight: 500;
}

.organization-dialog .organization-dialog-spacer {
    flex: 1 1 auto;
}

.organization-dialog .organization-dialog-danger {
    color: var(--v247-design-error-text);
}

.organization-dialog .organization-dialog-danger:hover {
    border-color: var(--v247-design-error-text);
    background: var(--v247-design-error-surface);
    color: var(--v247-design-error-text);
}

.organization-dialog .mud-dialog-actions .mud-button-root {
    white-space: nowrap;
}

/* Send til godkendelse – dialog */
.approval-share-dialog .approval-share-receipt {
    margin: -0.25rem 0 1.15rem;
    padding: 12px 14px;
    border: 1px solid #C9D9D1;
    border-radius: var(--v247-design-radius-md);
    background: linear-gradient(180deg, #E6EFEA 0px, #F3F7F5 70px, #FFFFFF 100%);
    color: var(--v247-design-text);
}

.approval-share-dialog .approval-share-receipt-label {
    margin: 0 0 8px;
    color: var(--v247-design-text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.approval-share-dialog .approval-share-receipt-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.approval-share-dialog .approval-share-receipt-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px #C9D9D1;
    color: var(--v247-design-accent);
    font-size: 14px;
}

.approval-share-dialog .approval-share-receipt-icon.is-folder {
    font-size: 17px;
}

.approval-share-dialog .approval-share-receipt-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.approval-share-dialog .approval-share-receipt-title {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-share-dialog .approval-share-receipt-meta,
.approval-share-dialog .approval-share-receipt-item-meta {
    color: var(--v247-design-text-muted);
    font-size: 12px;
}

.approval-share-dialog .approval-share-receipt-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #DCE7E1;
}

.approval-share-dialog .approval-share-receipt-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid #EEF3F0;
    font-size: 13px;
}

.approval-share-dialog .approval-share-receipt-item-title {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-share-dialog .approval-share-receipt-item-meta {
    flex: none;
}

.approval-share-dialog .approval-share-receipt-list li.approval-share-receipt-more {
    color: var(--v247-design-text-muted);
    font-size: 12px;
    border-bottom: 0;
    cursor: help;
}

.approval-share-dialog .approval-share-scope {
    display: grid;
    gap: 6px;
    margin-top: 10px;
}

.approval-share-dialog .approval-share-scope-option {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}

.approval-share-dialog .approval-share-scope-option input {
    flex: none;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: var(--v247-design-accent);
}

.approval-share-dialog .approval-share-scope-option strong {
    font-weight: 600;
}

.approval-share-dialog .approval-share-receipt-limit {
    margin: 10px 0 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #EAEFEB;
    color: #6B4E1C;
    font-size: 12px;
}

.approval-share-dialog .approval-share-receipt-rights {
    margin: 10px 0 0;
    color: var(--v247-design-text-muted);
    font-size: 12px;
}

.approval-share-dialog .approval-share-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 6px 8px;
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    background: #fff;
    cursor: text;
}

.approval-share-dialog .approval-share-chips:focus-within {
    border-color: var(--v247-design-accent);
    box-shadow: 0 0 0 3px rgba(44, 74, 66, .12);
}

.approval-share-dialog .approval-share-chips.has-error {
    border-color: #C08A78;
}

.approval-share-dialog .approval-share-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 4px 0 10px;
    border-radius: 999px;
    background: #E6EFEA;
    color: #1F362F;
    font-size: 13px;
}

.approval-share-dialog .approval-share-chip button {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #4A5F57;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.approval-share-dialog .approval-share-chip button:hover {
    background: #C9D9D1;
}

.approval-share-dialog .approval-share-chip-input {
    flex: 1 1 140px;
    min-width: 120px;
    height: 30px;
    padding: 0 4px;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: 14px;
}

.approval-share-dialog .approval-share-chip-error {
    color: #8A3F2A;
}

.approval-share-dialog .approval-share-optional {
    color: var(--v247-design-text-muted);
    font-weight: 400;
}

.approval-share-dialog textarea.approval-share-message {
    min-height: 74px;
    resize: vertical;
}

.approval-share-dialog .approval-share-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 .55rem;
    color: var(--v247-design-text);
    font-size: 13px;
    cursor: pointer;
}

.approval-share-dialog .approval-share-check input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--v247-design-accent);
}

.approval-share-dialog .approval-share-error {
    margin: .8rem 0 0;
    color: #8a3f2a;
    font-size: 12px;
}

.approval-share-dialog .mud-dialog-actions .approval-share-link-button {
    margin-right: auto;
    color: var(--v247-design-accent);
    font-weight: 600;
    text-transform: none;
}

.approval-share-dialog .approval-share-done {
    text-align: center;
    padding: .25rem 0 .25rem;
}

.approval-share-dialog .approval-share-done-mark {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: .6rem;
    border-radius: 50%;
    background: #E6EFE8;
    color: #2F5A3F;
    font-size: 20px;
    font-weight: 700;
}

.approval-share-dialog .approval-share-done-title {
    margin: 0 0 .35rem;
    color: var(--v247-design-text);
    font-size: 16px;
    font-weight: 600;
}

.approval-share-dialog .approval-share-done .organization-dialog-subtitle {
    margin-bottom: 1rem;
}

.approval-share-dialog .approval-share-link {
    display: flex;
    gap: 8px;
    text-align: left;
}

.approval-share-dialog .approval-share-link .organization-form-input {
    flex: 1;
    min-width: 0;
}

.approval-share-dialog .approval-share-copy {
    flex: none;
    text-transform: none;
}

/* Godkendelsesstatus for et speak (klik på mærket) */
.approval-status-dialog .approval-status-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.approval-status-dialog .approval-status-row {
    border: 1px solid var(--v247-design-border);
    border-radius: var(--v247-design-radius-md);
    padding: 10px 12px;
}

.approval-status-dialog .approval-status-row.is-closed {
    background: var(--v247-design-neutral-surface);
}

.approval-status-dialog .approval-status-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.approval-status-dialog .approval-status-to {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.approval-status-dialog .organization-dialog-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-status-dialog .approval-status-more-wrap {
    position: relative;
    flex: none;
}

.approval-status-dialog .approval-status-more {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--v247-design-text-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
}

.approval-status-dialog .approval-status-more:hover,
.approval-status-dialog .approval-status-more[aria-expanded="true"] {
    background: #EEF3F0;
    color: var(--v247-design-text);
}

.approval-status-dialog .approval-status-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 3;
    display: grid;
    min-width: 210px;
    padding: 6px;
    border: 1px solid var(--v247-design-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(31, 43, 39, .16);
}

.approval-status-dialog .approval-status-menu button {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--v247-design-text);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.approval-status-dialog .approval-status-menu button:hover {
    background: #EEF3F0;
}

.approval-status-dialog .approval-status-menu button.is-danger {
    color: var(--v247-design-danger);
}

.approval-status-dialog .approval-status-menu .approval-status-confirm {
    padding: 4px 10px;
    line-height: 1.4;
}

.approval-status-dialog .approval-status-primary {
    padding: 7px 14px;
    border: 0;
    border-radius: 10px;
    background: var(--v247-design-accent);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.approval-status-dialog .approval-status-primary:hover {
    background: var(--v247-design-accent-dark);
}

.approval-status-dialog .approval-status-history-toggle {
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--v247-design-accent);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.approval-status-dialog .approval-status-history {
    display: grid;
    gap: 6px;
    margin: 8px 0 0;
    padding: 0 0 0 14px;
    border-left: 2px solid #DCE7E1;
    list-style: none;
    font-size: 12px;
}

.approval-status-dialog .approval-status-history li {
    display: grid;
    gap: 1px;
    position: relative;
}

.approval-status-dialog .approval-status-history li::before {
    content: "";
    position: absolute;
    left: -19px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9DB6AB;
}

.approval-status-dialog .approval-status-history li.is-approved::before { background: #2F5A3F; }
.approval-status-dialog .approval-status-history li.is-changesrequested::before { background: #B4654D; }

.approval-status-dialog .approval-status-history-when {
    color: var(--v247-design-text-muted);
    font-size: 11px;
}

.approval-status-dialog .approval-status-history-text {
    color: var(--v247-design-text-muted);
}

.approval-status-dialog .approval-status-hint {
    color: var(--v247-design-text-muted);
    font-size: 12px;
}

.approval-status-dialog .approval-status-state {
    flex: none;
    padding: 2px 9px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 11.5px;
    font-weight: 600;
}

.approval-status-dialog .approval-status-state.is-approved { background: #E6EFE8; border-color: #CFE0D4; color: #2F5A3F; }
.approval-status-dialog .approval-status-state.is-waiting { background: #EBF0EC; border-color: #EAD9AB; color: #7A5D17; }
.approval-status-dialog .approval-status-state.is-changes { background: #F8E9E4; border-color: #EFD2C8; color: #8A3F2A; }
.approval-status-dialog .approval-status-state.is-closed { background: #fff; border-color: var(--v247-design-border); color: var(--v247-design-text-muted); }

.approval-status-dialog .approval-status-meta {
    margin: 4px 0 0;
    color: var(--v247-design-text-muted);
    font-size: 11.5px;
}

.approval-status-dialog .approval-status-comment {
    margin: 6px 0 0;
    color: #8A3F2A;
    font-size: 12.5px;
}

.approval-status-dialog .approval-status-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 8px;
}

.approval-status-dialog .approval-status-link {
    border: 0;
    background: none;
    padding: 0;
    color: var(--v247-design-accent);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.approval-status-dialog .approval-status-link.is-danger {
    color: var(--v247-design-danger);
    font-weight: 500;
}

.approval-status-dialog .approval-status-confirm {
    color: var(--v247-design-text-muted);
    font-size: 12px;
}

.approval-status-dialog .approval-status-revoke {
    border: 0;
    border-radius: 8px;
    padding: 5px 10px;
    background: var(--v247-design-danger);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* Arbejdsområdet (okt 2026): sidetitlen er en diskret etiket – menuen viser allerede, hvor man er */
.v247-design .speaks-enhanced-intro .v247-page-intro-title,
.v247-design .organization-page-header .v247-page-intro-title,
.v247-design .account-page-header .v247-page-intro-title,
.v247-design .profile-page-header .v247-page-intro-title,
.v247-design .speak-page-header .v247-page-intro-title,
.v247-design .sent-page-header .v247-page-intro-title {
    min-height: 0;
    font-size: 24px !important;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.25;
}

/* …og indholdet trækkes tættere op under etiketten */
.v247-design .speaks-enhanced-intro,
.v247-design .organization-page-header,
.v247-design .account-page-header {
    min-height: 0 !important;
}

.v247-design .speaks-enhanced-intro {
    margin-bottom: 12px !important;
}

.v247-design .organization-page-header {
    margin-bottom: 1rem !important;
    padding-bottom: .875rem !important;
}

.v247-design .account-page-header {
    margin-bottom: 20px !important;
}

/* Mere luft mellem arbejdsområdets menu og sidetitlen – ro og overskud */
.v247-design .speaks-enhanced-intro,
.v247-design .organization-page-header,
.v247-design .account-page-header {
    margin-top: 24px !important;
}

@media (max-width: 640px) {
    .v247-design .speaks-enhanced-intro,
    .v247-design .organization-page-header,
    .v247-design .account-page-header {
        margin-top: 12px !important;
    }
}

/* Organisationsdialoger – premium brushup (okt 2026): luk-kryds, roligere fakta, rigtig pil i rullemenuer */
.organization-dialog.mud-dialog {
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(20, 35, 30, .06), 0 24px 60px rgba(20, 35, 30, .18);
}

.organization-dialog .mud-dialog-title .mud-typography {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.organization-dialog .mud-dialog-title .mud-button-close {
    top: 18px;
    right: 18px;
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 50%;
    color: var(--v247-design-text-soft);
    transition: background-color .15s ease, color .15s ease;
}

.organization-dialog .mud-dialog-title .mud-button-close:hover {
    background: var(--v247-design-field-beige);
    color: var(--v247-design-text);
}

.organization-dialog .organization-form-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232C4A42' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px 14px;
    cursor: pointer;
}

.organization-dialog .organization-invitation-facts {
    padding: 14px 18px;
    border: 1px solid #E4E9E5;
    border-radius: 14px;
    background: linear-gradient(180deg, #F3F7F5 0%, #FAFBF9 100%);
}

.organization-dialog .organization-invitation-facts dt {
    color: var(--v247-design-text-soft);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
/* Ens sidehoveder (okt 2026): menuen viser allerede, hvor man er – ingen "Voices247 · …"-etiket over titlen */
.v247-design .v247-page-intro > .v247-page-intro-eyebrow {
    display: none;
}

.v247-design .v247-public-page-intro {
    min-height: 0;
    padding-top: 24px;
}

@media (max-width: 640px) {
    .v247-design .v247-public-page-intro {
        padding-top: 12px;
    }
}

/* Blazor flytter fokus til overskriften ved sideskift – det skal ikke vise en ramme om titlen */
h1[tabindex="-1"]:focus,
h1[tabindex="-1"]:focus-visible,
.v247-design h1[tabindex="-1"]:focus-visible {
    outline: none !important;
}

/* Ældre indholdssider (FAQ, Kundeservice, Studie, vilkår, cookies, databeskyttelse) får samme sidehoved som Stemmer, Priser m.fl. */
.legacy-page .legacy-page-intro {
    margin-bottom: 28px;
    padding-top: 16px;
}

.legacy-page .legacy-page-intro .v247-page-intro-title {
    margin: 0 !important;
    color: var(--v247-design-text) !important;
    font-family: var(--v247-design-font-family) !important;
    font-size: var(--v247-type-page-intro) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.22 !important;
    text-align: left !important;
}

@media (max-width: 640px) {
    .legacy-page .legacy-page-intro {
        margin-top: -4px;
        padding-top: 0;
    }

    .legacy-page .legacy-page-intro .v247-page-intro-title {
        font-size: var(--v247-type-page-title-mobile) !important;
    }
}

/* Ældre indholdssider i samme look som Lav speak og forsiden: bløde kort, salviegrønne etiketter, grønne links */
.legacy-page .legal-document {
    padding: 40px 44px !important;
    border: 1px solid var(--v247-design-border);
    border-radius: 20px !important;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .04), 0 10px 26px rgba(31, 54, 47, .06);
}

.legacy-faq-page .mud-expansion-panels {
    overflow: hidden;
    border: 1px solid var(--v247-design-border);
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .04), 0 10px 26px rgba(31, 54, 47, .06) !important;
}

.legacy-faq-page .mud-expansion-panels .mud-expand-panel {
    box-shadow: none !important;
}

.legacy-faq-page .mud-typography-h6.mud-secondary-text {
    margin-top: 28px !important;
    color: var(--v247-design-accent) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legacy-page .portrait-image {
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(20, 35, 30, .14);
}

.legacy-page a:not(.mud-button-root) {
    color: var(--v247-design-accent);
    text-decoration-color: rgba(44, 74, 66, .35);
    text-underline-offset: 3px;
}

@media (max-width: 640px) {
    .legacy-page .legal-document {
        padding: 24px 20px !important;
    }
}

/* Lav speak har samme lille titel som resten af arbejdsområdet */
.v247-design .speak-page-header {
    margin: 24px 0 18px;
}

@media (max-width: 640px) {
    .v247-design .speak-page-header {
        margin: 12px 0 14px;
    }
}

/* Én sidetop overalt (okt 2026): alle sidetitler 24 px som i arbejdsområdet */
.v247-design .v247-public-page-intro .v247-page-intro-title,
.v247-design .trust-center .v247-page-intro-title,
.legacy-page .legacy-page-intro .v247-page-intro-title,
.v247-about-page .v247-about-intro .v247-about-title {
    min-height: 0 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em !important;
    line-height: 1.25 !important;
}

/* Mappe og fil adskilt (okt 2026): i en åben mappe er filerne hvide kort; den markerede fil får salviekant og blød glorie */
.v247-design .folder-workspace-item.is-open .speaks-card,
.v247-design .folder-workspace-item.is-focused .speaks-card,
.v247-design .speaks-active-folder .speaks-card {
    border: 1px solid #E4E9E5 !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .04), 0 4px 12px rgba(31, 54, 47, .06) !important;
}

.v247-design .folder-workspace-item.is-open .speaks-card.speaks-card-active,
.v247-design .folder-workspace-item.is-focused .speaks-card.speaks-card-active,
.v247-design .folder-workspace-item.is-open .speaks-card.speaks-card-playing,
.v247-design .folder-workspace-item.is-open .speaks-card.speaks-card-expanded-state,
.v247-design .speaks-active-folder .speaks-card.speaks-card-active,
.v247-design .speaks-active-folder .speaks-card.speaks-card-playing,
.v247-design .speaks-active-folder .speaks-card.speaks-card-expanded-state {
    /* Samme markering som under Seneste speaks */
    border-color: #9DB6AB !important;
    background: linear-gradient(180deg, #B8CCC3 0px, #D3E0DA 60px, #EBF1EE 140px, #FFFFFF 230px) !important;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .04), 0 10px 26px rgba(31, 54, 47, .14) !important;
}

/* Åben mappe: grøn i toppen ved navnet, lys salvie i bunden – tydelig mod både sidens beige baggrund og de hvide filer */
.v247-design .folder-workspace-item.is-open,
.v247-design .folder-workspace-item.is-focused,
.v247-design .speaks-active-folder {
    border: 1px solid #9DB6AB !important;
    background: linear-gradient(180deg, #C4D6CD 0px, #DCE7E1 64px, #EAF1ED 130px, #EAF1ED 100%) !important;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .05), 0 10px 26px rgba(31, 54, 47, .12) !important;
}

/* Samme mus-over på filer i en mappe som under Seneste speaks */
@media (hover: hover) {
    .v247-design .folder-workspace-item.is-open .speaks-card:not(.speaks-card-active):hover,
    .v247-design .folder-workspace-item.is-focused .speaks-card:not(.speaks-card-active):hover,
    .v247-design .speaks-active-folder .speaks-card:not(.speaks-card-active):hover {
        border-color: #C9D9D1 !important;
        background: var(--v247-design-hover-tint) !important;
    }
}

/* Ingen hop i topmenuen ved sideskift: samme skrifttykkelse på alle punkter, og rullebjælkens plads er altid reserveret */
html {
    scrollbar-gutter: stable;
}

/* Ret sprog – dialog */
.language-dialog .language-dialog-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
}

.language-dialog .language-dialog-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 4px 0 9px;
    border-radius: 999px;
    background: #E6EFEA;
    color: #1F362F;
    font-size: 13px;
    font-weight: 500;
}

.language-dialog .language-dialog-chip button {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #4A5F57;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.language-dialog .language-dialog-chip button:hover {
    background: #C9D9D1;
}

.language-dialog .language-dialog-search {
    width: 100%;
    margin-bottom: 8px;
}

.language-dialog .language-dialog-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 8px;
    max-height: 300px;
    margin: 0 0 8px;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.language-dialog .language-dialog-list button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--v247-design-text);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.language-dialog .language-dialog-list button:hover {
    background: #EEF3F0;
}

.language-dialog .language-dialog-list button.is-selected {
    background: #E6EFEA;
    font-weight: 600;
}

.language-dialog .language-dialog-check {
    margin-left: auto;
    color: var(--v247-design-accent);
}

.language-dialog .mud-dialog-actions .language-dialog-auto {
    margin-right: auto;
    color: var(--v247-design-accent);
    text-transform: none;
}

@media (max-width: 480px) {
    .language-dialog .language-dialog-list {
        grid-template-columns: 1fr;
    }
}

/* Sprogdialog: "Flere sprog i samme fil" som bevidst tilvalg */
.language-dialog .language-dialog-multi {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 4px 0 14px;
    padding: 12px 14px;
    border: 1px solid #E3E8E5;
    border-radius: 12px;
    background: #F7F9F8;
    cursor: pointer;
}
.language-dialog .language-dialog-multi input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.language-dialog .language-dialog-switch {
    position: relative;
    flex: none;
    width: 36px;
    height: 20px;
    margin-top: 2px;
    border-radius: 999px;
    background: #C9D1CD;
    transition: background .15s ease;
}
.language-dialog .language-dialog-switch::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    transition: transform .15s ease;
}
.language-dialog .language-dialog-multi input:checked + .language-dialog-switch {
    background: var(--v247-design-primary, #1F6F5C);
}
.language-dialog .language-dialog-multi input:checked + .language-dialog-switch::after {
    transform: translateX(16px);
}
.language-dialog .language-dialog-multi input:focus-visible + .language-dialog-switch {
    outline: 2px solid var(--v247-design-primary, #1F6F5C);
    outline-offset: 2px;
}
.language-dialog .language-dialog-multi strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.language-dialog .language-dialog-multi small {
    display: block;
    margin-top: 2px;
    color: #6B746F;
    font-size: 13px;
    line-height: 1.4;
}

/* Kontomenu: hvem man er logget ind som */
.v247-account-popover .v247-account-menu-who {
    margin-bottom: 6px;
    padding: 10px 16px 12px;
    border-bottom: 1px solid #E2E8E3;
    color: #6B746F;
    font-size: 12px;
    line-height: 1.4;
}
.v247-account-popover .v247-account-menu-who strong {
    display: block;
    max-width: 240px;
    overflow: hidden;
    color: #16201C;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Stemmens infoside – premium redesign (2026-10) */
.speaker-profile-dialog.v247-design {
    max-width: 760px !important;
    width: min(760px, calc(100vw - 32px));
    border-radius: 24px;
    overflow: hidden;
}
.speaker-profile-dialog.v247-design .mud-dialog-title {
    position: absolute;
    inset: 0 0 auto auto;
    z-index: 3;
    padding: 0;
}
.speaker-profile-dialog.v247-design .mud-dialog-title .mud-button-close {
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, .75);
}
.speaker-profile-dialog.v247-design .mud-dialog-content {
    padding: 0;
}
.speaker-profile-dialog.v247-design .mud-dialog-actions {
    padding: 16px 44px;
    border-top: 1px solid #E2E8E3;
    background: #F6F8F5;
}
.spd-hero {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 40px 44px 30px;
    border-bottom: 1px solid #E2E8E3;
    background: linear-gradient(180deg, #FAFAF7 0%, #F6F8F5 70%, #fff 100%);
}
.spd-portrait {
    flex: none;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 5px #fff, 0 0 0 6px #D3DED6, 0 12px 28px rgba(22, 32, 28, .18);
}
.spd-hero-text { min-width: 0; }
.spd-eyebrow {
    color: #6B7670;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.spd .spd-name {
    margin: 6px 0 4px;
    color: #1F362F;
    font-size: 34px;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.15;
}
.spd .spd-intro {
    margin: 0;
    color: #46524C;
    font-size: 17px;
}
.spd-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}
.spd-use {
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #2C4A42;
    border-radius: 999px;
    background: #2C4A42;
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease;
}
.spd-use:hover { background: #1F362F; }
.spd-use:focus-visible { outline: 2px solid #2C4A42; outline-offset: 3px; }
.spd-facts {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    border-bottom: 1px solid #E2E8E3;
}
.spd-fact {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 22px;
    color: #46524C;
    font-size: 14px;
    line-height: 1.35;
}
.spd-fact + .spd-fact { border-left: 1px solid #E2E8E3; }
.spd-fact b {
    display: block;
    color: #16201C;
    font-size: 15px;
    font-weight: 600;
}
.spd-fact-icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #EAEFE9;
    color: #2C4A42;
}
.spd-fact-icon svg { width: 18px; height: 18px; }
.spd-content { padding: 28px 44px 4px; }
.spd-section { padding-bottom: 24px; }
.spd-section + .spd-section { padding-top: 22px; border-top: 1px solid #E2E8E3; }
.spd .spd-section h3 {
    margin: 0 0 12px;
    color: #6B7670;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.spd .spd-copy {
    margin: 0 0 12px;
    color: #1E2925;
    font-size: 17px;
    line-height: 1.7;
}
.spd .spd-copy:last-child { margin-bottom: 0; }
.spd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.spd-chip {
    padding: 7px 14px;
    border-radius: 999px;
    background: #EFF4F0;
    color: #2B3631;
    font-size: 14px;
}
.spd-chip.is-tone { border: 1px solid #D3DED6; background: #fff; }
.spd-brands {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    color: #46524C;
    font-size: 15px;
    font-weight: 600;
}
.spd-checks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.spd-checks li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.45;
}
.spd-check {
    display: grid;
    flex: none;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: #2C4A42;
    color: #fff;
}
.spd-check svg { width: 11px; height: 11px; }

@media (max-width: 640px) {
    .spd-hero { flex-direction: column; text-align: center; padding: 36px 22px 24px; gap: 18px; }
    .spd-actions { justify-content: center; }
    .spd .spd-name { font-size: 28px; }
    .spd-facts { grid-auto-flow: row; }
    .spd-fact + .spd-fact { border-left: 0; border-top: 1px solid #E2E8E3; }
    .spd-content { padding: 24px 22px 4px; }
    .spd-checks { grid-template-columns: 1fr; }
    .speaker-profile-dialog.v247-design .mud-dialog-actions { padding: 14px 22px; }
}
.spd-credits {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.spd-credits li {
    position: relative;
    padding-left: 18px;
    color: #1E2925;
    font-size: 15px;
    line-height: 1.5;
}
.spd-credits li::before {
    content: "";
    position: absolute;
    top: .62em;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #9DB6AB;
}


/* ===== Fælles sidetop (retningslinje 1, Kim 16/10): samme luft, overskrift og en tynd streg under på alle platformsider ===== */
.v247-design.v247-platform-page .v247-page-intro {
    padding-bottom: 16px;
    margin-bottom: 28px !important;
    border-bottom: 1px solid var(--v247-design-line);
}
@media (max-width: 640px) {
    .v247-design.v247-platform-page .v247-page-intro { margin-bottom: 20px !important; }
}

/* Følelser-tip i Lav speak (Kim 17/10) – vises i MudTooltip (global popover) */
.mud-tooltip:has(.v247-emotion-pop) {
    max-width: 320px;
    padding: 0 !important;
    background: #fff !important;
    color: #3D4540 !important;
    border: 1px solid #E2E8E3;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(27, 29, 27, .14) !important;
}
.mud-tooltip:has(.v247-emotion-pop)::after { border-top-color: #fff !important; }
.v247-emotion-pop { width: 300px; max-width: calc(100vw - 48px); padding: 14px 16px; font-size: 13.5px; line-height: 1.55; text-align: left; white-space: normal; }
.v247-emotion-pop strong { display: block; margin-bottom: 4px; color: #16201C; font-size: 14px; }
.v247-emotion-pop code { padding: 1px 5px; border-radius: 5px; background: #F3F7F5; color: #2C4A42; font-size: 12.5px; }