@import '_content/SpeedCert.Web.Client/SpeedCert.Web.Client.cdwq01o693.bundle.scp.css';

/* /Components/Documents/AttachEvidencePanel.razor.rz.scp.css */
.attach-evidence__control[b-7daeac6sqn] {
    margin: 0 0 var(--spacing-4);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.attach-evidence__error[b-7daeac6sqn] {
    margin-bottom: var(--spacing-4);
    padding: var(--spacing-2) var(--spacing-3);
    border-radius: var(--radius-sm);
    background: var(--colour-danger-subtle);
    color: var(--colour-danger);
    font-size: var(--text-sm);
}

.attach-evidence__options[b-7daeac6sqn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.attach-evidence__back[b-7daeac6sqn] {
    margin-bottom: var(--spacing-4);
    padding: 0;
    border: none;
    background: transparent;
    color: var(--colour-text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
}

.attach-evidence__back:hover[b-7daeac6sqn] {
    color: var(--colour-text-primary);
}

.attach-evidence__placeholder[b-7daeac6sqn] {
    margin: var(--spacing-4) 0 0;
    color: var(--colour-text-muted);
    font-size: var(--text-sm);
}

.attach-evidence__doc-list[b-7daeac6sqn] {
    list-style: none;
    margin: var(--spacing-3) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

/* Each existing document is a full-width, selectable row. */
.attach-evidence__doc[b-7daeac6sqn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    width: 100%;
    padding: var(--spacing-3) var(--spacing-4);
    border: 1px solid var(--colour-border);
    border-radius: var(--radius-md);
    background: var(--colour-surface);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--duration-150), background var(--duration-150);
}

.attach-evidence__doc:hover:not(:disabled)[b-7daeac6sqn] {
    border-color: var(--colour-brand);
    background: var(--colour-surface-subtle);
}

.attach-evidence__doc:disabled[b-7daeac6sqn] {
    cursor: default;
    opacity: 0.6;
}

.attach-evidence__doc-name[b-7daeac6sqn] {
    color: var(--colour-text-primary);
    font-weight: var(--font-weight-medium);
}

.attach-evidence__doc-meta[b-7daeac6sqn] {
    color: var(--colour-text-muted);
    font-size: var(--text-xs);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
html[b-uyzewkbqeb],
body[b-uyzewkbqeb],
#app[b-uyzewkbqeb] {
    min-height: 100%;
    margin: 0;
}

.app-layout[b-uyzewkbqeb] {
    min-height: 100vh;
    display: flex;
    align-items: stretch;
}

.app-main[b-uyzewkbqeb] {
    flex: 1;
    min-width: 0;
    min-height: 100vh;
}

.app-content[b-uyzewkbqeb] {
    padding: 26px;
    background-color: var(--colour-surface-page);
}

#blazor-error-ui[b-uyzewkbqeb] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-uyzewkbqeb] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MinimalLayout.razor.rz.scp.css */
#blazor-error-ui[b-lugrwvexvc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-lugrwvexvc] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/PlatformAdminLayout.razor.rz.scp.css */
html[b-b9xdzz0eu5],
body[b-b9xdzz0eu5],
#app[b-b9xdzz0eu5] {
    min-height: 100%;
    margin: 0;
}

.app-layout[b-b9xdzz0eu5] {
    min-height: 100vh;
    display: flex;
    align-items: stretch;
}

.app-main[b-b9xdzz0eu5] {
    flex: 1;
    min-width: 0;
    min-height: 100vh;
}

.app-content[b-b9xdzz0eu5] {
    padding: 26px;
    background-color: var(--colour-surface-page);
}

#blazor-error-ui[b-b9xdzz0eu5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-b9xdzz0eu5] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-phb962m8hq],
.components-reconnect-repeated-attempt-visible[b-phb962m8hq],
.components-reconnect-failed-visible[b-phb962m8hq],
.components-pause-visible[b-phb962m8hq],
.components-resume-failed-visible[b-phb962m8hq],
.components-rejoining-animation[b-phb962m8hq] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-retrying[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-failed[b-phb962m8hq],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-phb962m8hq] {
    display: block;
}


#components-reconnect-modal[b-phb962m8hq] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-phb962m8hq 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-phb962m8hq 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-phb962m8hq 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }

}

#components-reconnect-modal[b-phb962m8hq]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-phb962m8hq 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-phb962m8hq {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-phb962m8hq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-phb962m8hq {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-phb962m8hq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-phb962m8hq] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-phb962m8hq] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

#components-reconnect-modal button:hover[b-phb962m8hq] {
    background-color: #3b6ea2;
}

#components-reconnect-modal button:active[b-phb962m8hq] {
    background-color: #6b9ed2;
}

.components-rejoining-animation[b-phb962m8hq] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-phb962m8hq] {
    position: absolute;
    border: 3px solid #0087ff;
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-phb962m8hq 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-phb962m8hq] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-phb962m8hq {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/AcceptInvite.razor.rz.scp.css */
.accept-invite__intro[b-qqzi46edze] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.accept-invite__link[b-qqzi46edze] {
    font-size: var(--text-sm);
    color: var(--colour-brand);
    text-decoration: none;
}

.accept-invite__link:hover[b-qqzi46edze] {
    text-decoration: underline;
}
/* /Components/Pages/Account/ChooseWorkspace.razor.rz.scp.css */
.choose-workspace[b-y80fvw26uk] {
    min-height: 100vh;
    background: var(--colour-surface-page);
    display: flex;
    flex-direction: column;
}

/* Top black brand bar — sits above the centred selection column. */
.choose-workspace__brand-bar[b-y80fvw26uk] {
    background: var(--colour-neutral-950);
    padding: var(--spacing-4) var(--spacing-8);
}

.choose-workspace__brand[b-y80fvw26uk] {
    color: var(--colour-white);
    font-family: var(--font-sans);
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.01em;
}

.choose-workspace__main[b-y80fvw26uk] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: var(--spacing-8) var(--spacing-4);
}

.choose-workspace__column[b-y80fvw26uk] {
    width: 100%;
    max-width: 512px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

/* Intro card overrides — sits on top and uses design-system Card padding. */
.choose-workspace__eyebrow[b-y80fvw26uk] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.choose-workspace__title[b-y80fvw26uk] {
    margin: 0;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-primary);
}

.choose-workspace__description[b-y80fvw26uk] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

/* Search wrapper matches the users-list pattern — a rounded pill with the sprite icon on the left. */
.choose-workspace__search[b-y80fvw26uk] {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-full);
    padding: 0 var(--spacing-4) 0 var(--spacing-11);
}

.choose-workspace__search-icon[b-y80fvw26uk] {
    position: absolute;
    left: var(--spacing-4);
    width: 20px;
    height: 20px;
    color: var(--colour-text-muted);
    stroke: currentColor;
}

.choose-workspace__search[b-y80fvw26uk]  .form-field {
    flex: 1;
    margin: 0;
    gap: 0;
}

.choose-workspace__search[b-y80fvw26uk]  .form-field__label {
    display: none;
}

.choose-workspace__search[b-y80fvw26uk]  .form-field__input {
    border: none;
    padding: 0;
    background: transparent;
    height: auto;
    font-size: var(--text-sm);
}

.choose-workspace__search[b-y80fvw26uk]  .form-field__input:focus {
    border-color: transparent;
    box-shadow: none;
}

.choose-workspace__list[b-y80fvw26uk] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

/* Workspace pick — white card with a teal border in the selected state. */
.workspace-card[b-y80fvw26uk] {
    width: 100%;
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    padding: var(--spacing-4);
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
    cursor: pointer;
    font-family: var(--font-sans);
    transition: border-color var(--duration-150) ease;
}

.workspace-card:hover[b-y80fvw26uk] {
    border-color: var(--colour-neutral-300);
}

.workspace-card--selected[b-y80fvw26uk] {
    border-color: var(--colour-brand);
    border-width: 2px;
    padding: calc(var(--spacing-4) - 1px);
}

.workspace-card--selected .workspace-card__name[b-y80fvw26uk] {
    color: var(--colour-brand);
}

.workspace-card__name[b-y80fvw26uk] {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-primary);
}

.workspace-card__role[b-y80fvw26uk] {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.choose-workspace__empty[b-y80fvw26uk] {
    margin: 0;
    padding: var(--spacing-4);
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    color: var(--colour-text-muted);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
}

.choose-workspace__footer[b-y80fvw26uk] {
    margin-top: var(--spacing-4);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.choose-workspace__link[b-y80fvw26uk] {
    color: var(--colour-brand);
    text-decoration: none;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-family: var(--font-sans);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.choose-workspace__link:hover[b-y80fvw26uk] {
    text-decoration: underline;
}

.choose-workspace__link--button[b-y80fvw26uk] {
    color: var(--colour-text-primary);
}
/* /Components/Pages/Account/Security.razor.rz.scp.css */
/* Pull outward so the PageHeader's border-bottom is flush with the surrounding surface
   instead of inset by .app-content's 26px padding. */
.security-page[b-xx69ek1tg9] {
  margin: 0 -26px;
}

.security-page__content[b-xx69ek1tg9] {
  max-width: 480px;
  margin: var(--spacing-8) auto 0;
  padding: 0 26px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
/* /Components/Pages/Admin/Users/EditUser.razor.rz.scp.css */
.edit-user[b-31ct9q1fwr] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--colour-surface-page);
}

.edit-user__content[b-31ct9q1fwr] {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    padding: var(--spacing-8) var(--spacing-10);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.edit-user__actions[b-31ct9q1fwr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-3);
    margin-top: var(--spacing-3);
}
/* /Components/Pages/Admin/Users/InviteUser.razor.rz.scp.css */
.invite-page[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--colour-surface-page);
}

/* Form area sits on the page surface; cards inside it carry the white fill. */
.invite-page__content[b-fvqbya6d65] {
    padding: var(--spacing-8) var(--spacing-10);
}

.invite-page__form[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    max-width: 768px;
    margin: 0 auto;
}

.invite-page__roles-card[b-fvqbya6d65] {
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    padding: var(--spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.invite-page__roles-title[b-fvqbya6d65] {
    margin: 0;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.invite-page__roles-list[b-fvqbya6d65] {
    margin: 0;
    padding: 0 0 0 var(--spacing-4);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3) var(--spacing-6);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.invite-page__roles-list li[b-fvqbya6d65]::marker {
    color: var(--colour-neutral-400);
}

.invite-page__roles-list strong[b-fvqbya6d65] {
    color: var(--colour-text-secondary);
    font-weight: var(--font-weight-normal);
}

/* Invitees label + cards + add-button stay tight together (12px) so the group reads as one
   block. The 32px gap to the next section comes from the form-level gap. */
.invite-page__invitees-group[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.invite-page__section-label[b-fvqbya6d65] {
    margin: 0;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.invite-page__invitee-card[b-fvqbya6d65] {
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.invite-page__invitee-header[b-fvqbya6d65] {
    padding: var(--spacing-3) var(--spacing-4);
    border-bottom: var(--border-width-1) solid var(--colour-neutral-100);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.invite-page__remove[b-fvqbya6d65] {
    background: transparent;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    color: var(--colour-text-muted);
    font-size: var(--text-base);
    line-height: 1;
    cursor: pointer;
}

.invite-page__remove:hover[b-fvqbya6d65] {
    color: var(--colour-text-primary);
}

/* Email + Role stack inside the card body with a 12px gap between fields (Figma top-78 minus
   field-66 = 12px). */
.invite-page__invitee-body[b-fvqbya6d65] {
    padding: var(--spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.invite-page__field[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.invite-page__field--role[b-fvqbya6d65] {
    max-width: 192px;
}

.invite-page__label[b-fvqbya6d65] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-muted);
}

.invite-page__label--strong[b-fvqbya6d65] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.invite-page__input[b-fvqbya6d65] {
    height: 42px;
    padding: 0 var(--spacing-3);
    background: var(--colour-white);
    border: var(--border-width-1) solid rgba(212, 212, 212, 0.5);
    border-radius: var(--radius-full);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-primary);
}

.invite-page__input[b-fvqbya6d65]::placeholder {
    color: var(--colour-text-muted);
}

.invite-page__input:focus[b-fvqbya6d65] {
    outline: none;
    border-color: var(--colour-brand);
    box-shadow: 0 0 0 3px var(--colour-brand-teal-soft);
}

.invite-page__input--select[b-fvqbya6d65] {
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--colour-text-muted) 50%),
                      linear-gradient(135deg, var(--colour-text-muted) 50%, transparent 50%);
    background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: var(--spacing-8);
}

.invite-page__add[b-fvqbya6d65] {
    align-self: stretch;
    background: var(--colour-white);
    border: var(--border-width-1) solid rgba(115, 115, 115, 0.25);
    border-radius: var(--radius-full);
    padding: 11px 0;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-primary);
    cursor: pointer;
}

.invite-page__add:hover[b-fvqbya6d65] {
    background: var(--colour-neutral-50);
}

.invite-page__message[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.invite-page__textarea[b-fvqbya6d65] {
    min-height: 82px;
    padding: 10px var(--spacing-3);
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-primary);
    resize: vertical;
}

.invite-page__textarea[b-fvqbya6d65]::placeholder {
    color: var(--colour-neutral-400);
}

.invite-page__textarea:focus[b-fvqbya6d65] {
    outline: none;
    border-color: var(--colour-brand);
    box-shadow: 0 0 0 3px var(--colour-brand-teal-soft);
}

.invite-page__error[b-fvqbya6d65] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-danger);
}

/* Footer: top hairline border, 8px gap to the button (Figma button sits at top-8 in a 51px
   container — that's the only inner gap). */
.invite-page__footer[b-fvqbya6d65] {
    border-top: var(--border-width-1) solid var(--colour-neutral-200);
    padding-top: var(--spacing-2);
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.invite-page__cancel[b-fvqbya6d65] {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--colour-neutral-800);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    cursor: pointer;
}

.invite-page__cancel:hover[b-fvqbya6d65] {
    text-decoration: underline;
}

.invite-page__helper[b-fvqbya6d65] {
    margin: 0 0 0 auto;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-primary);
}

/* Success view (Figma 1264-9127): centred 448px column with a green check, headline, two
   short paragraphs, an "Invites sent" summary card, and two stacked action buttons. */
.invite-success[b-fvqbya6d65] {
    max-width: 448px;
    margin: 0 auto;
    padding-top: var(--spacing-10);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-3);
}

.invite-success__check[b-fvqbya6d65] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-full);
    background: var(--colour-success);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.invite-success__check svg[b-fvqbya6d65] {
    width: 28px;
    height: 28px;
}

.invite-success__heading[b-fvqbya6d65] {
    margin: var(--spacing-3) 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-primary);
}

.invite-success__sent-to[b-fvqbya6d65] {
    margin: var(--spacing-2) 0 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-600);
}

.invite-success__setup-note[b-fvqbya6d65] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-primary);
}

/* Summary card: white with 16px radius, header strip + one row per invitee. */
.invite-success__list[b-fvqbya6d65] {
    align-self: stretch;
    margin-top: var(--spacing-6);
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-align: left;
}

.invite-success__list-header[b-fvqbya6d65] {
    padding: var(--spacing-3) var(--spacing-4);
    border-bottom: var(--border-width-1) solid var(--colour-neutral-200);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.invite-success__list-row[b-fvqbya6d65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-3) var(--spacing-4);
}

.invite-success__list-row + .invite-success__list-row[b-fvqbya6d65] {
    border-top: var(--border-width-1) solid var(--colour-neutral-100);
}

.invite-success__list-text[b-fvqbya6d65] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.invite-success__list-email[b-fvqbya6d65] {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-neutral-700);
}

.invite-success__list-sub[b-fvqbya6d65] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-400);
}

.invite-success__pending[b-fvqbya6d65] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.invite-success__pending-dot[b-fvqbya6d65] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: #F3A006;
}

/* Two stacked pill buttons — outline "Invite another" over primary "Back to User Management". */
.invite-success__actions[b-fvqbya6d65] {
    align-self: stretch;
    margin-top: var(--spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.invite-success__actions[b-fvqbya6d65]  .button {
    width: 100%;
}
/* /Components/Pages/Admin/Users/UsersList.razor.rz.scp.css */
.users-page[b-inli73dl27] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    padding: 14px var(--spacing-10);
    min-height: 100%;
}

.users-page__header[b-inli73dl27] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-6);
}

.users-page__subtabs[b-inli73dl27] {
    border-top: var(--border-width-1) solid var(--colour-border);
}

.users-page__header-text[b-inli73dl27] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.users-page__eyebrow[b-inli73dl27] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.users-page__title[b-inli73dl27] {
    margin: 0;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-text-primary);
}

.users-page__intro[b-inli73dl27] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.users-page__controls[b-inli73dl27] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.users-page__search[b-inli73dl27] {
    position: relative;
    flex: 1;
    max-width: 384px;
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-border);
    border-radius: var(--radius-full);
    padding: 0 var(--spacing-4) 0 var(--spacing-11);
    display: flex;
    align-items: center;
    height: 40px;
}

.users-page__search-icon[b-inli73dl27] {
    position: absolute;
    left: var(--spacing-4);
    width: 16px;
    height: 16px;
    color: var(--colour-text-secondary);
    stroke: currentColor;
}

.users-page__search[b-inli73dl27]  .form-field {
    flex: 1;
    margin: 0;
    gap: 0;
}

.users-page__search[b-inli73dl27]  .form-field__label {
    display: none;
}

.users-page__search[b-inli73dl27]  .form-field__input {
    border: none;
    padding: 0;
    background: transparent;
    height: auto;
    font-size: var(--text-sm);
}

.users-page__search[b-inli73dl27]  .form-field__input:focus {
    border-color: transparent;
    box-shadow: none;
}

.users-page__user[b-inli73dl27] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.users-page__user-text[b-inli73dl27] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: var(--text-sm--line-height);
}

.users-page__name-row[b-inli73dl27] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.users-page__name[b-inli73dl27] {
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.users-page__email[b-inli73dl27] {
    font-size: var(--text-xs);
    color: var(--colour-text-secondary);
}

.users-page__modules[b-inli73dl27] {
    display: flex;
    gap: var(--spacing-1);
    flex-wrap: wrap;
}

.users-page__owner-icon[b-inli73dl27] {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.users-page__last-active[b-inli73dl27] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-400);
}

.users-page__filter-chevron[b-inli73dl27] {
    width: 12px;
    height: 12px;
    color: var(--colour-text-secondary);
    stroke: currentColor;
}

.users-page__row-action[b-inli73dl27] {
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    color: var(--colour-text-secondary);
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.users-page__row-action:hover[b-inli73dl27] {
    color: var(--colour-text-primary);
}

.users-page__row-action-icon[b-inli73dl27] {
    width: 12px;
    height: 12px;
    stroke: currentColor;
}

.users-page__footer[b-inli73dl27] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.users-page__empty[b-inli73dl27] {
    color: var(--colour-text-secondary);
}

/* Activity log */
.activity-log__day-row[b-inli73dl27]  .data-cell {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-1);
    background: var(--colour-surface-muted, var(--colour-neutral-50));
}

.activity-log__day[b-inli73dl27] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-secondary);
}

.activity-log__time[b-inli73dl27] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-400);
    font-variant-numeric: tabular-nums;
}

.activity-log__event[b-inli73dl27] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    font-size: var(--text-sm);
    color: var(--colour-text-primary);
}

.activity-log__dot[b-inli73dl27] {
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--colour-neutral-400);
    flex-shrink: 0;
}

.activity-log__dot--create[b-inli73dl27] {
    background: var(--colour-success, #16a34a);
}

.activity-log__dot--update[b-inli73dl27] {
    background: var(--colour-warning, #d97706);
}

.activity-log__dot--delete[b-inli73dl27] {
    background: var(--colour-danger, #dc2626);
}

.activity-log__target[b-inli73dl27] {
    font-size: var(--text-sm);
    color: var(--colour-text-secondary);
}

.activity-log__footer[b-inli73dl27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.activity-log__footer-note[b-inli73dl27] {
    font-size: var(--text-xs);
    color: var(--colour-text-secondary);
}

.mfa-reset-success[b-inli73dl27] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

.mfa-reset-success__icon[b-inli73dl27] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    background: var(--colour-success-subtle);
    color: var(--colour-success);
}

.mfa-reset-success__icon svg[b-inli73dl27] {
    width: 1.5rem;
    height: 1.5rem;
}
/* /Components/Pages/PlatformAdmin/IsoControlsPage.razor.rz.scp.css */
table[b-yvhza6ir69] {
    margin-bottom: 200px;
    width: 100%;
    table-layout: fixed;
}

tr[b-yvhza6ir69] {
    vertical-align: top;
}

.modal[b-yvhza6ir69] {
    position: fixed;
    bottom: 0;
    background-color: azure;
}

thead th[b-yvhza6ir69] {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    user-select: none;
}

td textarea[b-yvhza6ir69],
td input[b-yvhza6ir69] {
    width: 100%;
    box-sizing: border-box;
}

.col-resize-handle[b-yvhza6ir69] {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    background: transparent;
    z-index: 1;
}

.col-resize-handle:hover[b-yvhza6ir69],
.col-resize-handle.dragging[b-yvhza6ir69] {
    background: #adb5bd;
}
/* /Components/Pages/Tenant/Audits/CreateAudit.razor.rz.scp.css */
.audit-create[b-uxylnp9qe1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    max-width: 1100px;
}

/* ── Header ─────────────────────────────────────────────────────── */

.audit-create__crumbs[b-uxylnp9qe1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-2);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
}

.audit-create__crumb[b-uxylnp9qe1] {
    color: var(--colour-neutral-500);
    text-decoration: none;
}

.audit-create__crumb:hover[b-uxylnp9qe1] {
    text-decoration: underline;
}

.audit-create__crumb--current[b-uxylnp9qe1] {
    color: var(--colour-neutral-700);
}

.audit-create__crumb-sep[b-uxylnp9qe1] {
    color: var(--colour-neutral-500);
}

.audit-create__title[b-uxylnp9qe1] {
    margin: 0 0 var(--spacing-2);
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-900);
}

.audit-create__intro[b-uxylnp9qe1] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-neutral-500);
}

.audit-create__alert[b-uxylnp9qe1] {
    margin-bottom: 0;
}

/* ── Form layout ────────────────────────────────────────────────── */

.audit-create__form[b-uxylnp9qe1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
}

.audit-create__card[b-uxylnp9qe1] {
    width: 100%;
}

/* Bleeds past the card's own padding to draw an edge-to-edge divider under the section title. */
.audit-create__card-header[b-uxylnp9qe1] {
    align-self: stretch;
    margin: calc(var(--spacing-6) * -1) calc(var(--spacing-6) * -1) 0;
    padding: var(--spacing-4) var(--spacing-5);
    border-bottom: var(--border-width-1) solid var(--colour-neutral-200);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-500);
}

.audit-create__card-header p[b-uxylnp9qe1] {
    margin: 0;
}

.audit-create__card-header--split[b-uxylnp9qe1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
}

.audit-create__muted[b-uxylnp9qe1] {
    color: var(--colour-neutral-500);
}

.audit-create__card-body[b-uxylnp9qe1] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    padding-top: var(--spacing-2);
}

.audit-create__row[b-uxylnp9qe1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-5);
}

@media (max-width: 48rem) {
    .audit-create__row[b-uxylnp9qe1] {
        grid-template-columns: 1fr;
    }
}

.audit-create__field[b-uxylnp9qe1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.audit-create__field--full[b-uxylnp9qe1] {
    grid-column: 1 / -1;
}

.audit-create__field label[b-uxylnp9qe1] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-500);
}

.audit-create__input[b-uxylnp9qe1],
.audit-create__select[b-uxylnp9qe1],
.audit-create__textarea[b-uxylnp9qe1] {
    box-sizing: border-box;
    width: 100%;
    padding: var(--spacing-2) var(--spacing-3);
    border: var(--border-width-1) solid var(--colour-neutral-300);
    border-radius: var(--radius-sm);
    background: var(--colour-white);
    color: var(--colour-neutral-900);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
}

.audit-create__input:focus[b-uxylnp9qe1],
.audit-create__select:focus[b-uxylnp9qe1],
.audit-create__textarea:focus[b-uxylnp9qe1] {
    outline: 2px solid var(--colour-brand-teal);
    outline-offset: 1px;
}

.audit-create__textarea[b-uxylnp9qe1] {
    min-height: 5rem;
    resize: vertical;
}

.audit-create__chosen-auditor[b-uxylnp9qe1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    height: 2.5rem;
    font-size: var(--text-sm);
    color: var(--colour-neutral-900);
}

.audit-create__link-button[b-uxylnp9qe1] {
    padding: 0;
    border: none;
    background: none;
    color: var(--colour-brand-teal);
    font-size: var(--text-sm);
    cursor: pointer;
}

/* ── Control domains ───────────────────────────────────────────── */

.audit-create__domains[b-uxylnp9qe1] {
    align-self: stretch;
}

.audit-create__domain[b-uxylnp9qe1] {
    border-bottom: var(--border-width-1) solid var(--colour-neutral-100);
}

.audit-create__domain:last-child[b-uxylnp9qe1] {
    border-bottom: none;
}

.audit-create__domain-row[b-uxylnp9qe1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-3) 0;
}

/* Lets the checkbox + domain-code label grow so the count and chevron sit flush right. */
.audit-create__domain-row[b-uxylnp9qe1]  .checkbox {
    flex: 1;
    min-width: 0;
}

.audit-create__domain-count[b-uxylnp9qe1] {
    flex-shrink: 0;
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}

.audit-create__domain-toggle[b-uxylnp9qe1] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.audit-create__chevron[b-uxylnp9qe1] {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--colour-neutral-500);
    transition: transform var(--duration-150);
}

.audit-create__chevron--collapsed[b-uxylnp9qe1] {
    transform: rotate(-90deg);
}

.audit-create__domain-children[b-uxylnp9qe1] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0 0 var(--spacing-3);
    list-style: none;
}

.audit-create__domain-children li[b-uxylnp9qe1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    padding-left: var(--spacing-7);
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}

.audit-create__dot[b-uxylnp9qe1] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background: var(--colour-brand-teal);
}

.audit-create__empty[b-uxylnp9qe1] {
    margin: 0;
    padding: var(--spacing-4) 0;
    color: var(--colour-neutral-500);
}

/* ── Summary card ───────────────────────────────────────────────── */

.audit-create__summary-grid[b-uxylnp9qe1] {
    align-self: stretch;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4) var(--spacing-6);
    margin: 0;
}

.audit-create__summary-grid dt[b-uxylnp9qe1] {
    margin-bottom: var(--spacing-1);
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}

.audit-create__summary-grid dd[b-uxylnp9qe1] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--colour-neutral-700);
}

.audit-create__actions[b-uxylnp9qe1] {
    align-self: stretch;
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-2);
}

.audit-create__actions > *[b-uxylnp9qe1] {
    flex: 1;
}
/* /Components/Pages/Tenant/Dashboard.razor.rz.scp.css */
/* ---- View 1: purchase-selection (Figma "Choose ISO modules") ---- */
.dashboard-purchase[b-5tcdryz40x] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    max-width: 560px;
    margin-top: var(--spacing-4);
}

.dashboard-purchase__header[b-5tcdryz40x] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.dashboard-purchase__title[b-5tcdryz40x] {
    margin: 0;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.dashboard-purchase__subtitle[b-5tcdryz40x] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.dashboard-purchase__options[b-5tcdryz40x] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

/* Each option is a full-width, selectable button styled as a card. */
.dashboard-purchase__option[b-5tcdryz40x] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    width: 100%;
    text-align: left;
    cursor: pointer;
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-border);
    border-radius: var(--radius-md);
    padding: var(--spacing-4);
}

.dashboard-purchase__option:hover[b-5tcdryz40x] {
    border-color: var(--colour-neutral-300);
}

.dashboard-purchase__option--selected[b-5tcdryz40x],
.dashboard-purchase__option--selected:hover[b-5tcdryz40x] {
    border-color: var(--colour-brand-teal);
    box-shadow: 0 0 0 1px var(--colour-brand-teal);
}

.dashboard-purchase__radio[b-5tcdryz40x] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: var(--radius-full);
    border: 2px solid var(--colour-neutral-300);
    position: relative;
}

.dashboard-purchase__option--selected .dashboard-purchase__radio[b-5tcdryz40x] {
    border-color: var(--colour-brand-teal);
}

.dashboard-purchase__option--selected .dashboard-purchase__radio[b-5tcdryz40x]::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: var(--radius-full);
    background: var(--colour-brand-teal);
}

.dashboard-purchase__option-text[b-5tcdryz40x] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    flex: 1 1 auto;
    min-width: 0;
}

.dashboard-purchase__option-title[b-5tcdryz40x] {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

.dashboard-purchase__option--selected .dashboard-purchase__option-title[b-5tcdryz40x] {
    color: var(--colour-brand-teal);
}

.dashboard-purchase__option-desc[b-5tcdryz40x] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.dashboard-purchase__option-price[b-5tcdryz40x] {
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
    white-space: nowrap;
}

.dashboard-purchase__summary[b-5tcdryz40x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding: var(--spacing-3) var(--spacing-4);
    background: var(--colour-neutral-100);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--colour-text-secondary);
}

.dashboard-purchase__summary-price[b-5tcdryz40x] {
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

/* ---- View 2: start-certification ---- */
.dashboard-start[b-5tcdryz40x] {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.dashboard-start__title[b-5tcdryz40x] {
    margin: 0;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-text-primary);
}

/* ---- View 3: active-project KPIs ---- */
.dashboard-active__toolbar[b-5tcdryz40x] {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-5);
}

.dashboard-active__kpis[b-5tcdryz40x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-4);
}

/* Two summary cards side by side, stacking on narrow viewports. */
.dashboard-active__summaries[b-5tcdryz40x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-4);
    margin-top: var(--spacing-5);
}
/* /Components/Pages/Tenant/ProjectManagement.razor.rz.scp.css */
.project-mgmt[b-lfz65k7sxp] {
    padding: 1.5rem;
}

.project-mgmt__title[b-lfz65k7sxp] {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.project-mgmt__project[b-lfz65k7sxp] {
    margin-bottom: 1.5rem;
}

.project-mgmt__project strong[b-lfz65k7sxp] {
    margin-right: 0.5rem;
}

.project-mgmt__project-select[b-lfz65k7sxp] {
    max-width: 32rem;
    margin-bottom: 1.5rem;
}

.project-mgmt__filters[b-lfz65k7sxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.project-mgmt__filter[b-lfz65k7sxp] {
    min-width: 12rem;
}

/* The scheduled range doubles as an edit trigger: a plain, clickable two-line stack (start on top,
   end below with an arrow) matching the Figma date-range cell. */
.project-mgmt__schedule[b-lfz65k7sxp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-align: center;
}

.project-mgmt__schedule-start[b-lfz65k7sxp] {
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-secondary);
}

.project-mgmt__schedule-end[b-lfz65k7sxp] {
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-placeholder);
}

.project-mgmt__schedule:hover .project-mgmt__schedule-start[b-lfz65k7sxp] {
    text-decoration: underline;
}

.project-mgmt__empty[b-lfz65k7sxp] {
    color: var(--colour-text-secondary);
}

/* ── Calendar view ──────────────────────────────────────────────── */

/* Calendar on the left, task-detail panel on the right; stacks on narrow screens. */
.project-mgmt__calendar-layout[b-lfz65k7sxp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 60rem) {
    .project-mgmt__calendar-layout[b-lfz65k7sxp] {
        grid-template-columns: 1fr;
    }
}

.project-mgmt__calendar-main[b-lfz65k7sxp] {
    min-width: 0;
}

.project-mgmt__calendar-nav[b-lfz65k7sxp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.project-mgmt__calendar-month[b-lfz65k7sxp] {
    min-width: 10rem;
    text-align: center;
    font-weight: var(--font-weight-medium);
}

.project-mgmt__calendar-detail[b-lfz65k7sxp] {
    padding: 1rem;
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-md);
    background: var(--colour-white);
}

.project-mgmt__calendar-detail-title[b-lfz65k7sxp] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
}

/* Label/value pairs, each label above its value. */
.project-mgmt__detail[b-lfz65k7sxp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
}

.project-mgmt__detail dt[b-lfz65k7sxp] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.project-mgmt__detail dd[b-lfz65k7sxp] {
    margin: 0 0 1rem;
}

.project-mgmt__detail dd:last-child[b-lfz65k7sxp] {
    margin-bottom: 0;
}
/* /Components/Shared/Lookup.razor.rz.scp.css */
/* Full-page transparent overlay so any click outside the card dismisses it. Sits below the card. */
.lookup__scrim[b-o6dah3ie1z] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 900;
}

/* Card is position:fixed (top/left/width/max-height set inline at open time) so it escapes any
   overflow:hidden ancestor and pins itself to the anchor. */
.lookup[b-o6dah3ie1z] {
    position: fixed;
    z-index: 910;
    display: flex;
    /* Fixed search-box height, referenced by the card-body min-height calc below. */
    --lookup-search-height: 2.5rem;
}

.lookup[b-o6dah3ie1z]  .card {
    width: 100%;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
}

/* The card body has a generous top padding (spacing-6) but a near-flush bottom (spacing-1). Give it a
   min-height so that, in the empty state, the free space that falls below the fixed-height search box
   plus that bottom padding equals the top padding — i.e. equal visible spacing above and below the
   box. min-height = top padding + search-box height + desired bottom gap (spacing-6). */
.lookup[b-o6dah3ie1z]  .card-body {
    min-height: calc(var(--spacing-6) + var(--lookup-search-height) + var(--spacing-6));
}

/* Search bar — mirrors the user-list search: leading magnifier icon inside a bordered field. */
.lookup__search[b-o6dah3ie1z] {
    position: relative;
    display: flex;
    align-items: center;
}

.lookup__search-icon[b-o6dah3ie1z] {
    position: absolute;
    left: var(--spacing-3);
    width: 16px;
    height: 16px;
    color: var(--colour-icon-muted);
    pointer-events: none;
}

.lookup__input[b-o6dah3ie1z] {
    box-sizing: border-box;
    width: 100%;
    height: var(--lookup-search-height);
    padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-primary);
    background: var(--colour-white);
    border: var(--border-width-1) solid var(--colour-border);
    border-radius: var(--radius-md);
}

.lookup__input:focus[b-o6dah3ie1z] {
    outline: none;
    border-color: var(--colour-brand);
    box-shadow: 0 0 0 3px var(--colour-brand-teal-soft);
}

/* Results list. Scrolls internally when there are more matches than fit. */
.lookup__results[b-o6dah3ie1z] {
    list-style: none;
    margin: var(--spacing-2) 0 0;
    padding: 0;
    max-height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lookup__option[b-o6dah3ie1z] {
    display: block;
    width: 100%;
    text-align: left;
    padding: var(--spacing-2) var(--spacing-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-primary);
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
}

.lookup__option:hover[b-o6dah3ie1z],
.lookup__option--active[b-o6dah3ie1z] {
    background: var(--colour-surface-subtle);
}

.lookup__empty[b-o6dah3ie1z] {
    margin: var(--spacing-2) 0 0;
    padding: var(--spacing-2) var(--spacing-3);
    font-size: var(--text-sm);
    color: var(--colour-text-secondary);
}