@import '_content/SpeedCert.Web.Client/SpeedCert.Web.Client.lvpfvpp9kw.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] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

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

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

/* Only the page body scrolls — the AppHeader above stays pinned, and the Sidebar owns its own
   vertical scroll (see Sidebar.razor.css). */
.app-content[b-uyzewkbqeb] {
    flex: 1;
    min-height: 0;
    padding: 26px;
    background-color: var(--colour-surface-page);
    overflow-y: auto;
}

#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);
}

/* Tight the title and description together (Card's own gap would space them like paragraphs);
   the group's own margin-bottom gives the intro block breathing room from the search below. */
.choose-workspace__heading-group[b-y80fvw26uk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    margin-bottom: var(--spacing-3);
}

/* 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/DocumentTemplatesBulkUploadPage.razor.rz.scp.css */
.bulk-upload__dropzone[b-r0hc1tmmi6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    border: var(--border-width-2) dashed var(--colour-neutral-300);
    border-radius: var(--radius-sm);
    background: var(--colour-surface-page);
    text-align: center;
}

.bulk-upload__input[b-r0hc1tmmi6] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.bulk-upload__input:disabled[b-r0hc1tmmi6] {
    cursor: not-allowed;
}

.bulk-upload__dropzone-content[b-r0hc1tmmi6] {
    pointer-events: none;
}

.bulk-upload__dropzone-title[b-r0hc1tmmi6] {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.25rem;
}

.bulk-upload__dropzone-prompt[b-r0hc1tmmi6] {
    color: var(--colour-text-secondary);
    margin-bottom: 0.5rem;
}

.bulk-upload__dropzone-browse[b-r0hc1tmmi6] {
    display: inline-block;
    padding: 0.375rem 1rem;
    border-radius: var(--radius-full);
    background: var(--colour-brand-teal);
    color: var(--colour-white);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
}

.bulk-upload__dropzone-hint[b-r0hc1tmmi6] {
    margin-top: 0.75rem;
    margin-bottom: 0;
    font-size: var(--text-xs);
    color: var(--colour-text-secondary);
}

.bulk-upload__status--error[b-r0hc1tmmi6] {
    color: var(--colour-danger);
    font-weight: var(--font-weight-medium);
    cursor: help;
    text-decoration: underline dotted;
}
/* /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/Assets/Create.razor.rz.scp.css */
.asset-form[b-dorowts89d] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    max-width: 1100px;
    padding: 14px var(--spacing-10);
}

.asset-form__card-header[b-dorowts89d] {
    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);
}

.asset-form__card-header p[b-dorowts89d] {
    margin: 0;
}

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

/* These rules also target the same classes rendered by the DetailForms child components (Hardware/
   Software/etc. Fields.razor) — ::deep is required because Blazor's CSS isolation otherwise scopes a
   page's styles only to markup written directly in that page, not in child components. */
.asset-form[b-dorowts89d]  .asset-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-5);
}

@media (max-width: 48rem) {
    .asset-form[b-dorowts89d]  .asset-form__row {
        grid-template-columns: 1fr;
    }
}

.asset-form[b-dorowts89d]  .asset-form__field {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.asset-form[b-dorowts89d]  .asset-form__field label {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-500);
}

.asset-form[b-dorowts89d]  .asset-form__select,
.asset-form[b-dorowts89d]  .asset-form__textarea,
.asset-form[b-dorowts89d]  .asset-form__department-input {
    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);
}

.asset-form[b-dorowts89d]  .asset-form__select:focus,
.asset-form[b-dorowts89d]  .asset-form__textarea:focus,
.asset-form[b-dorowts89d]  .asset-form__department-input:focus {
    outline: 2px solid var(--colour-brand-teal);
    outline-offset: 1px;
}

.asset-form[b-dorowts89d]  .asset-form__textarea {
    min-height: 5rem;
    resize: vertical;
}

.asset-form[b-dorowts89d]  .asset-form__department-row {
    display: flex;
    gap: var(--spacing-2);
    align-items: center;
}

/* The select's width:100% resolves to a flex-basis of 100% of the row, so without an explicit
   basis here it claims virtually all the row's width and squeezes the input down to a single
   character before flex-grow ever gets a chance to run. Give the select a content-sized basis so
   the input's flex:1 can actually claim the remaining space. */
.asset-form[b-dorowts89d]  .asset-form__department-row .asset-form__select {
    flex: 0 0 auto;
    width: auto;
    min-width: 8rem;
}

.asset-form[b-dorowts89d]  .asset-form__department-row .asset-form__department-input {
    flex: 1 1 0;
    min-width: 0;
}

.asset-form__actions[b-dorowts89d] {
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-2);
}

.asset-form[b-dorowts89d]  fieldset.asset-form__gated {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    margin: 0;
    padding: 0;
    border: none;
    min-width: 0;
}

.asset-form[b-dorowts89d]  fieldset.asset-form__gated:disabled {
    opacity: 0.5;
}
/* /Components/Pages/Tenant/Assets/Detail.razor.rz.scp.css */
.asset-detail[b-zgfeyxala4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    max-width: 1100px;
    padding: 14px var(--spacing-10);
}

.asset-detail__header[b-zgfeyxala4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-4);
}

.asset-detail__actions[b-zgfeyxala4] {
    display: flex;
    gap: var(--spacing-3);
    flex-shrink: 0;
}

.asset-detail__pills[b-zgfeyxala4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.asset-detail__card-header[b-zgfeyxala4] {
    align-self: stretch;
    margin: calc(var(--spacing-6) * -1) calc(var(--spacing-6) * -1) var(--spacing-4);
    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);
}

.asset-detail__card-header p[b-zgfeyxala4] {
    margin: 0;
}

.asset-detail__grid[b-zgfeyxala4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4) var(--spacing-6);
    margin: 0;
}

@media (max-width: 48rem) {
    .asset-detail__grid[b-zgfeyxala4] {
        grid-template-columns: 1fr;
    }
}

.asset-detail__grid dt[b-zgfeyxala4] {
    margin-bottom: var(--spacing-1);
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}

.asset-detail__grid dd[b-zgfeyxala4] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--colour-neutral-700);
}

.asset-detail__grid dd a[b-zgfeyxala4] {
    color: var(--colour-brand-teal);
    text-decoration: none;
}

.asset-detail__grid dd a:hover[b-zgfeyxala4] {
    text-decoration: underline;
}

.asset-detail__tags[b-zgfeyxala4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.asset-detail__muted[b-zgfeyxala4] {
    margin: 0;
    color: var(--colour-neutral-500);
}

.asset-detail__notes[b-zgfeyxala4] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--colour-neutral-700);
    white-space: pre-wrap;
}
/* /Components/Pages/Tenant/Assets/Edit.razor.rz.scp.css */
.asset-form[b-gqu1ied8pn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    max-width: 1100px;
    padding: 14px var(--spacing-10);
}

.asset-form__card-header[b-gqu1ied8pn] {
    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);
}

.asset-form__card-header p[b-gqu1ied8pn] {
    margin: 0;
}

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

/* These rules also target the same classes rendered by the DetailForms child components (Hardware/
   Software/etc. Fields.razor) — ::deep is required because Blazor's CSS isolation otherwise scopes a
   page's styles only to markup written directly in that page, not in child components. */
.asset-form[b-gqu1ied8pn]  .asset-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-5);
}

@media (max-width: 48rem) {
    .asset-form[b-gqu1ied8pn]  .asset-form__row {
        grid-template-columns: 1fr;
    }
}

.asset-form[b-gqu1ied8pn]  .asset-form__field {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.asset-form[b-gqu1ied8pn]  .asset-form__field label {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-500);
}

.asset-form[b-gqu1ied8pn]  .asset-form__select,
.asset-form[b-gqu1ied8pn]  .asset-form__textarea,
.asset-form[b-gqu1ied8pn]  .asset-form__department-input {
    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);
}

.asset-form[b-gqu1ied8pn]  .asset-form__select:focus,
.asset-form[b-gqu1ied8pn]  .asset-form__textarea:focus,
.asset-form[b-gqu1ied8pn]  .asset-form__department-input:focus {
    outline: 2px solid var(--colour-brand-teal);
    outline-offset: 1px;
}

.asset-form[b-gqu1ied8pn]  .asset-form__textarea {
    min-height: 5rem;
    resize: vertical;
}

.asset-form[b-gqu1ied8pn]  .asset-form__department-row {
    display: flex;
    gap: var(--spacing-2);
    align-items: center;
}

/* The select's width:100% resolves to a flex-basis of 100% of the row, so without an explicit
   basis here it claims virtually all the row's width and squeezes the input down to a single
   character before flex-grow ever gets a chance to run. Give the select a content-sized basis so
   the input's flex:1 can actually claim the remaining space. */
.asset-form[b-gqu1ied8pn]  .asset-form__department-row .asset-form__select {
    flex: 0 0 auto;
    width: auto;
    min-width: 8rem;
}

.asset-form[b-gqu1ied8pn]  .asset-form__department-row .asset-form__department-input {
    flex: 1 1 0;
    min-width: 0;
}

.asset-form__actions[b-gqu1ied8pn] {
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-2);
}

.asset-form[b-gqu1ied8pn]  fieldset.asset-form__gated {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    margin: 0;
    padding: 0;
    border: none;
    min-width: 0;
}

.asset-form[b-gqu1ied8pn]  fieldset.asset-form__gated:disabled {
    opacity: 0.5;
}
/* /Components/Pages/Tenant/Assets/Index.razor.rz.scp.css */
.assets-page[b-ktre43mxzz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    padding: 14px var(--spacing-10);
    min-height: 100%;
}

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

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

.assets-page__title[b-ktre43mxzz] {
    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);
}

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

.assets-page__controls[b-ktre43mxzz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: var(--spacing-3);
}

.assets-page__search[b-ktre43mxzz] {
    position: relative;
    min-width: 0;
    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;
}

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

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

.assets-page__search[b-ktre43mxzz]  .form-field__label {
    display: none;
}

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

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

.assets-page__filter[b-ktre43mxzz] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 0 var(--spacing-7) 0 var(--spacing-3);
    border: var(--border-width-1) solid var(--colour-border);
    border-radius: var(--radius-sm);
    background-color: var(--colour-white);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23525252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1 5 5 9 1'/></svg>");
    background-repeat: no-repeat;
    background-position: right var(--spacing-3) center;
    color: var(--colour-text-primary);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    appearance: none;
    -webkit-appearance: none;
}

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

/* The whole row navigates to Edit (see the DataRow's @onclick) — signal that with a pointer cursor.
   The trailing row-action cell stops the click from bubbling, so it keeps the default cursor. */
.assets-page[b-ktre43mxzz]  .data-row {
    cursor: pointer;
}

.assets-page__row-action[b-ktre43mxzz] {
    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;
}

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

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

.assets-page__footer[b-ktre43mxzz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding-top: var(--spacing-2);
}

.assets-page__footer-text[b-ktre43mxzz] {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--colour-text-muted);
}

.assets-page__empty[b-ktre43mxzz] {
    color: var(--colour-text-secondary);
}
/* /Components/Pages/Tenant/Audits/AuditEdit.razor.rz.scp.css */
.audit-edit[b-h0qbu1pkz9] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    max-width: 1100px;
}

.audit-edit__alert[b-h0qbu1pkz9] {
    margin-bottom: 0;
}

.audit-edit__card[b-h0qbu1pkz9] {
    width: 100%;
}

/* Bleeds past the card's own padding to draw an edge-to-edge divider under the section title. */
.audit-edit__card-header[b-h0qbu1pkz9] {
    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-edit__card-header p[b-h0qbu1pkz9] {
    margin: 0;
}

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

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

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

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

.audit-edit__field--full[b-h0qbu1pkz9] {
    grid-column: 1 / -1;
}

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

.audit-edit__input[b-h0qbu1pkz9],
.audit-edit__select[b-h0qbu1pkz9],
.audit-edit__textarea[b-h0qbu1pkz9] {
    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-edit__input:focus[b-h0qbu1pkz9],
.audit-edit__select:focus[b-h0qbu1pkz9],
.audit-edit__textarea:focus[b-h0qbu1pkz9] {
    outline: 2px solid var(--colour-brand-teal);
    outline-offset: 1px;
}

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

.audit-edit__readonly[b-h0qbu1pkz9] {
    margin: 0;
    padding: var(--spacing-2) var(--spacing-3);
    color: var(--colour-neutral-700);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    background: var(--colour-neutral-50);
    border: var(--border-width-1) solid var(--colour-neutral-100);
    border-radius: var(--radius-sm);
}

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

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

.audit-edit__actions[b-h0qbu1pkz9] {
    align-self: stretch;
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-2);
}
/* /Components/Pages/Tenant/Audits/AuditExecutionWorkspace.razor.rz.scp.css */
.audit-workspace[b-tgy5uyxf5g] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
}

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

.audit-workspace__header[b-tgy5uyxf5g] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

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

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

.audit-workspace__crumb:hover[b-tgy5uyxf5g] {
    text-decoration: underline;
}

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

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

.audit-workspace__title-row[b-tgy5uyxf5g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-5);
    flex-wrap: wrap;
}

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

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

.audit-workspace__kpis[b-tgy5uyxf5g] {
    display: flex;
    align-items: center;
    gap: var(--spacing-6);
}

.audit-workspace__kpi[b-tgy5uyxf5g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-1);
}

.audit-workspace__kpi-value[b-tgy5uyxf5g] {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-900);
}

.audit-workspace__kpi-label[b-tgy5uyxf5g] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-500);
}

.audit-workspace__progress[b-tgy5uyxf5g] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.audit-workspace__progress-track[b-tgy5uyxf5g] {
    flex: 1;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--colour-neutral-200);
    overflow: hidden;
}

.audit-workspace__progress-fill[b-tgy5uyxf5g] {
    height: 100%;
    background: var(--colour-brand-teal);
    border-radius: var(--radius-full);
}

.audit-workspace__progress-label[b-tgy5uyxf5g] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-500);
    white-space: nowrap;
}

/* ── Two-column body: checklist + mitigation actions ───────────────── */

.audit-workspace__columns[b-tgy5uyxf5g] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr);
    align-items: start;
    gap: var(--spacing-5);
}

@media (max-width: 64rem) {
    .audit-workspace__columns[b-tgy5uyxf5g] {
        grid-template-columns: 1fr;
    }
}

/* ── Checklist card ─────────────────────────────────────────────── */

.audit-workspace__card[b-tgy5uyxf5g] {
    width: 100%;
}

.audit-workspace__card-header[b-tgy5uyxf5g] {
    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-workspace__card-header p[b-tgy5uyxf5g] {
    margin: 0;
}

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

.audit-workspace__list[b-tgy5uyxf5g] {
    align-self: stretch;
    margin-top: var(--spacing-2);
}

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

.audit-workspace__domain:last-child[b-tgy5uyxf5g] {
    border-bottom: none;
}

.audit-workspace__domain-header[b-tgy5uyxf5g] {
    padding: var(--spacing-3) 0;
    background: var(--colour-neutral-50);
}

.audit-workspace__domain-title[b-tgy5uyxf5g] {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-600);
}

.audit-workspace__row[b-tgy5uyxf5g] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    width: 100%;
    padding: var(--spacing-3) 0;
    border: none;
    border-top: var(--border-width-1) solid var(--colour-neutral-100);
    background: none;
    text-align: left;
    cursor: pointer;
}

.audit-workspace__row:hover[b-tgy5uyxf5g] {
    background: var(--colour-neutral-50);
}

.audit-workspace__row-dot[b-tgy5uyxf5g] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-top: var(--spacing-1);
    border-radius: var(--radius-full);
    background: var(--colour-neutral-600);
}

.audit-workspace__row-body[b-tgy5uyxf5g] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

.audit-workspace__row-top[b-tgy5uyxf5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
}

.audit-workspace__row-number[b-tgy5uyxf5g] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}

.audit-workspace__row-review[b-tgy5uyxf5g] {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-1) var(--spacing-3);
    border: var(--border-width-1) solid var(--colour-brand-teal);
    border-radius: var(--radius-full);
    color: var(--colour-brand-teal);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
}

.audit-workspace__row-name[b-tgy5uyxf5g] {
    font-size: var(--text-sm);
    color: var(--colour-neutral-700);
}

.audit-workspace__row-evidence[b-tgy5uyxf5g] {
    font-size: var(--text-xs);
    color: var(--colour-neutral-400);
}

/* ── Mitigation actions panel (no card wrapper, per design) ────────── */

.audit-workspace__actions-panel[b-tgy5uyxf5g] {
    align-self: start;
    width: 100%;
}

.audit-workspace__actions-heading[b-tgy5uyxf5g] {
    margin: 0;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: var(--colour-neutral-500);
}

.audit-workspace__actions[b-tgy5uyxf5g] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    margin-top: var(--spacing-2);
}

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

.audit-workspace__action-name[b-tgy5uyxf5g] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-base--line-height);
    color: var(--colour-neutral-600);
}

.audit-workspace__action-row[b-tgy5uyxf5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2);
}

.audit-workspace__action-due[b-tgy5uyxf5g] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--colour-neutral-400);
}
/* /Components/Pages/Tenant/Audits/AuditList.razor.rz.scp.css */
.audit-list[b-n7gar35l4s] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
}

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

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

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

/* ── KPI row ────────────────────────────────────────────────────── */

.audit-list__kpis[b-n7gar35l4s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-3);
}

/* ── Toolbar: search + filter + new audit ──────────────────────── */

.audit-list__toolbar[b-n7gar35l4s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
}

.audit-list__search[b-n7gar35l4s] {
    position: relative;
    flex: 1;
    max-width: 454px;
    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: 46px;
}

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

.audit-list__search[b-n7gar35l4s]  .form-field {
    flex: 1;
    margin: 0;
    gap: 0;
}

.audit-list__search[b-n7gar35l4s]  .form-field__label {
    display: none;
}

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

.audit-list__search[b-n7gar35l4s]  .form-field__input:focus {
    border-color: transparent;
    box-shadow: none;
}

.audit-list__toolbar-actions[b-n7gar35l4s] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    flex-shrink: 0;
}

.audit-list__filter-chevron[b-n7gar35l4s] {
    width: 10px;
    height: 10px;
    margin-left: var(--spacing-1);
    color: var(--colour-text-secondary);
    stroke: currentColor;
}

/* ── Result count + table ───────────────────────────────────────── */

.audit-list__count[b-n7gar35l4s] {
    margin: 0;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.audit-list__empty[b-n7gar35l4s] {
    color: var(--colour-text-secondary);
}

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

.audit-list__name[b-n7gar35l4s] {
    font-size: var(--text-sm);
    color: var(--colour-neutral-700);
}

.audit-list__meta[b-n7gar35l4s] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-400);
}

.audit-list__progress[b-n7gar35l4s] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    min-width: 90px;
}

.audit-list__progress-track[b-n7gar35l4s] {
    flex: 1;
    height: 4px;
    border-radius: var(--radius-full);
    background: var(--colour-neutral-200);
    overflow: hidden;
}

.audit-list__progress-fill[b-n7gar35l4s] {
    height: 100%;
    background: var(--colour-brand-teal);
    border-radius: var(--radius-full);
}

.audit-list__progress-label[b-n7gar35l4s] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
    white-space: nowrap;
}

.audit-list__row-action[b-n7gar35l4s] {
    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;
}

.audit-list__row-action:hover[b-n7gar35l4s] {
    color: var(--colour-text-primary);
}

.audit-list__row-action-icon[b-n7gar35l4s] {
    width: 12px;
    height: 12px;
    stroke: currentColor;
}

/* ── Pagination ─────────────────────────────────────────────────── */

.audit-list__pagination[b-n7gar35l4s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding-top: var(--spacing-4);
    border-top: var(--border-width-1) solid var(--colour-border);
}

.audit-list__pagination-count[b-n7gar35l4s] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-text-muted);
}

.audit-list__pagination-controls[b-n7gar35l4s] {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
}
/* /Components/Pages/Tenant/Audits/AuditQuestionDetail.razor.rz.scp.css */
.audit-question-detail[b-yddgio8jys] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
}

.audit-question-detail__head[b-yddgio8jys] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-4);
}

.audit-question-detail__control-number[b-yddgio8jys] {
    margin: 0 0 var(--spacing-1);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--colour-neutral-700);
}

.audit-question-detail__control-title[b-yddgio8jys] {
    margin: 0;
    font-size: 1.125rem;
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--colour-neutral-900);
}

.audit-question-detail__section[b-yddgio8jys] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
}

.audit-question-detail__section-header[b-yddgio8jys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.audit-question-detail__label[b-yddgio8jys] {
    margin: 0;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: var(--colour-neutral-500);
}

.audit-question-detail__requirement[b-yddgio8jys] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--text-base--line-height);
    color: var(--colour-neutral-600);
}

.audit-question-detail__empty[b-yddgio8jys] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--colour-neutral-400);
}

/* ── Linked evidence ────────────────────────────────────────────── */

.audit-question-detail__evidence[b-yddgio8jys] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
}

.audit-question-detail__evidence-item[b-yddgio8jys] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1);
    padding: var(--spacing-1) var(--spacing-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

.audit-question-detail__evidence-item--approved[b-yddgio8jys] {
    background: var(--colour-success-subtle);
    color: var(--colour-success);
}

.audit-question-detail__evidence-item--not-approved[b-yddgio8jys] {
    background: var(--colour-danger-subtle);
    color: var(--colour-danger);
}

.audit-question-detail__evidence-version[b-yddgio8jys] {
    font-family: var(--font-mono);
    font-weight: var(--font-weight-normal);
    opacity: var(--opacity-70);
}

/* ── Control decision ───────────────────────────────────────────── */

.audit-question-detail__decision[b-yddgio8jys] {
    display: flex;
    gap: var(--spacing-2);
}

.audit-question-detail__decision-btn[b-yddgio8jys] {
    flex: 1;
    padding: var(--spacing-2) var(--spacing-4);
    border-radius: var(--radius-full);
    border: var(--border-width-1) solid var(--colour-neutral-300);
    background: var(--colour-white);
    color: var(--colour-neutral-500);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
}

.audit-question-detail__decision-btn:disabled[b-yddgio8jys] {
    cursor: not-allowed;
    opacity: var(--opacity-60);
}

.audit-question-detail__decision-btn--yes.audit-question-detail__decision-btn--selected[b-yddgio8jys] {
    background: var(--colour-success-subtle);
    border: var(--border-width-2) solid var(--colour-success);
    color: var(--colour-success);
}

.audit-question-detail__decision-btn--no.audit-question-detail__decision-btn--selected[b-yddgio8jys] {
    background: var(--colour-danger-subtle);
    border: var(--border-width-2) solid var(--colour-danger);
    color: var(--colour-danger);
}

/* ── Notes / task fields ────────────────────────────────────────── */

.audit-question-detail__textarea[b-yddgio8jys],
.audit-question-detail__select[b-yddgio8jys],
.audit-question-detail__input[b-yddgio8jys] {
    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-question-detail__textarea[b-yddgio8jys] {
    min-height: 5rem;
    resize: vertical;
}

.audit-question-detail__textarea:focus[b-yddgio8jys],
.audit-question-detail__select:focus[b-yddgio8jys],
.audit-question-detail__input:focus[b-yddgio8jys] {
    outline: 2px solid var(--colour-brand-teal);
    outline-offset: 1px;
}

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

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

.audit-question-detail__owner-btn[b-yddgio8jys] {
    align-self: flex-start;
    padding: var(--spacing-2) var(--spacing-4);
    border: var(--border-width-1) solid var(--colour-neutral-300);
    border-radius: var(--radius-full);
    background: var(--colour-white);
    color: var(--colour-neutral-700);
    font-size: var(--text-sm);
    cursor: pointer;
}

.audit-question-detail__owner-btn:disabled[b-yddgio8jys] {
    cursor: not-allowed;
    opacity: var(--opacity-60);
}

.audit-question-detail__chosen-owner[b-yddgio8jys] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    font-size: var(--text-sm);
    color: var(--colour-neutral-900);
}

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

.audit-question-detail__error[b-yddgio8jys] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--colour-danger);
}

/* ── Raised-task summaries ──────────────────────────────────────── */

.audit-question-detail__tasks[b-yddgio8jys] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.audit-question-detail__task-summary[b-yddgio8jys] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    padding: var(--spacing-3);
    border: var(--border-width-1) solid var(--colour-neutral-200);
    border-radius: var(--radius-sm);
}

.audit-question-detail__task-name[b-yddgio8jys] {
    font-size: var(--text-sm);
    color: var(--colour-neutral-900);
}

.audit-question-detail__task-meta[b-yddgio8jys] {
    font-size: var(--text-xs);
    color: var(--colour-neutral-500);
}
/* /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/Documents/AddDocument/AddDocumentFlyout.razor.rz.scp.css */
.add-document-flyout[b-ydvck7t0nl] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
}

.add-document-flyout__panel[b-ydvck7t0nl] {
    width: 440px;
    height: 100vh;
    background: #FFFFFF;
    filter: drop-shadow(0 20px 12.5px rgba(0, 0, 0, 0.1)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.1));
    display: flex;
    flex-direction: column;
}

.add-document-flyout__header[b-ydvck7t0nl] {
    height: 64px;
    padding: 0 24px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.add-document-flyout__back[b-ydvck7t0nl] {
    background: none;
    border: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #0F0F0F;
    cursor: pointer;
}

.add-document-flyout__title[b-ydvck7t0nl] {
    margin: 0;
    flex: 1;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #0F0F0F;
    text-transform: uppercase;
    letter-spacing: 0;
}

.add-document-flyout__close[b-ydvck7t0nl] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.add-document-flyout__close img[b-ydvck7t0nl] {
    width: 18px;
    height: 18px;
}

.add-document-flyout__body[b-ydvck7t0nl] {
    flex: 1;
    padding: 20px 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.add-document-flyout__placeholder[b-ydvck7t0nl] {
    padding: 24px;
    color: #737373;
    font-style: italic;
    text-align: center;
    background: #F5F5F5;
    border-radius: 12px;
}

[b-ydvck7t0nl] .add-document-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    min-height: 0;
}

[b-ydvck7t0nl] .add-document-form__scroll {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
}

[b-ydvck7t0nl] .add-document-form__hint {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #737373;
    margin: 0;
}

[b-ydvck7t0nl] .add-document-form__error {
    margin: 0;
    color: #B91C1C;
    font-size: 12px;
    line-height: 18px;
}

[b-ydvck7t0nl] .add-document-form__footer {
    display: flex;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #E5E5E5;
    margin-top: auto;
    flex-shrink: 0;
}

[b-ydvck7t0nl] .add-document-form__footer .button {
    flex: 1;
}
/* /Components/Pages/Tenant/Documents/AddDocument/AddDocumentMethodChooser.razor.rz.scp.css */
.add-document-chooser__prompt[b-v9j0gdfugi] {
    margin: 0 0 14px 0;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 19.5px;
    font-weight: 400;
    letter-spacing: -0.0762px;
    color: #737373;
}

.add-document-chooser__methods[b-v9j0gdfugi] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.add-document-chooser__method[b-v9j0gdfugi] {
    width: 100%;
    padding: 15px;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    background: #FFFFFF;
    display: grid;
    grid-template-columns: 42px 1fr 16px;
    align-items: center;
    gap: 14px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.add-document-chooser__method:hover[b-v9j0gdfugi] {
    border-color: #009BAD;
    background: #F5FDFE;
}

.add-document-chooser__icon-tile[b-v9j0gdfugi] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #E6F7F9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.add-document-chooser__icon-tile img[b-v9j0gdfugi] {
    width: 20px;
    height: 20px;
}

.add-document-chooser__copy[b-v9j0gdfugi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.add-document-chooser__title[b-v9j0gdfugi] {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: -0.1504px;
    color: #171717;
}

.add-document-chooser__subtitle[b-v9j0gdfugi] {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0;
    color: #737373;
}

.add-document-chooser__chevron[b-v9j0gdfugi] {
    width: 16px;
    height: 16px;
}
/* /Components/Pages/Tenant/Documents/AddDocument/AddDocumentTemplatePanel.razor.rz.scp.css */
.add-document-template__list[b-hoqt0u0j7p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-document-template__row[b-hoqt0u0j7p] {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.add-document-template__row:hover[b-hoqt0u0j7p] {
    border-color: #009BAD;
    background: #F5FDFE;
}

.add-document-template__row--selected[b-hoqt0u0j7p] {
    border-color: #009BAD;
    background: #E6F7F9;
}

.add-document-template__icon[b-hoqt0u0j7p] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #E6F7F9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.add-document-template__icon img[b-hoqt0u0j7p] {
    width: 16px;
    height: 16px;
}

.add-document-template__row-copy[b-hoqt0u0j7p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.add-document-template__row-title[b-hoqt0u0j7p] {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #171717;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-document-template__row-subtitle[b-hoqt0u0j7p] {
    font-family: "Inter", sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #737373;
}
/* /Components/Pages/Tenant/Documents/AddDocument/AddDocumentUploadPanel.razor.rz.scp.css */
.add-document-upload__picked[b-c4xf55xmym] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: #F5FDFE;
    border: 1px solid #009BAD;
    border-radius: 12px;
}

.add-document-upload__picked-name[b-c4xf55xmym] {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #171717;
}

.add-document-upload__picked-size[b-c4xf55xmym] {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    color: #737373;
}
/* /Components/Pages/Tenant/Documents/DocumentDetailFlyoutPanel.razor.rz.scp.css */
.document-detail-flyout__message[b-e32r7hcbqm] {
    margin: 0;
    color: var(--colour-text-muted);
    font-size: var(--text-sm);
}

.document-detail-flyout__stack[b-e32r7hcbqm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.document-detail-flyout__grid[b-e32r7hcbqm] {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: var(--spacing-3);
    row-gap: 10px;
    margin: 0;
    width: 100%;
}

.document-detail-flyout__grid dt[b-e32r7hcbqm] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-regular, 400);
    color: var(--colour-neutral-400);
}

.document-detail-flyout__grid dd[b-e32r7hcbqm] {
    margin: 0;
    justify-self: end;
    text-align: right;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-700);
}

.document-detail-flyout__muted[b-e32r7hcbqm] {
    color: var(--colour-text-muted);
}

.document-detail-flyout__actions[b-e32r7hcbqm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    width: 100%;
}

.document-detail-flyout__actions-row[b-e32r7hcbqm] {
    display: flex;
    gap: var(--spacing-2);
    width: 100%;
}

.document-detail-flyout__action-icon[b-e32r7hcbqm] {
    margin-left: var(--spacing-2);
    color: currentColor;
}

.document-detail-flyout__footer[b-e32r7hcbqm] {
    display: flex;
    justify-content: center;
    padding-top: var(--spacing-2);
}

.document-detail-flyout__footer[b-e32r7hcbqm]  .button--link {
    color: var(--colour-danger);
}

.document-detail-flyout__versions[b-e32r7hcbqm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.document-detail-flyout__version[b-e32r7hcbqm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-3);
    padding-block: var(--spacing-2);
    border-bottom: var(--border-width-1) solid var(--colour-neutral-100);
}

.document-detail-flyout__version:first-child[b-e32r7hcbqm] {
    padding-top: 0;
}

.document-detail-flyout__version:last-child[b-e32r7hcbqm] {
    border-bottom: none;
}

.document-detail-flyout__version-left[b-e32r7hcbqm] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}

.document-detail-flyout__version-label[b-e32r7hcbqm] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-900);
}

.document-detail-flyout__version-current[b-e32r7hcbqm] {
    display: inline-flex;
    align-items: center;
    padding: 4px var(--spacing-2);
    border-radius: var(--radius-full);
    background: var(--colour-neutral-100);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--colour-neutral-900);
}

.document-detail-flyout__version-right[b-e32r7hcbqm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.document-detail-flyout__version-date[b-e32r7hcbqm] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-900);
}

.document-detail-flyout__version-uploader[b-e32r7hcbqm] {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    color: var(--colour-neutral-600);
}

.document-detail-flyout__grid[b-e32r7hcbqm],
.document-detail-flyout__actions[b-e32r7hcbqm],
.document-detail-flyout__versions[b-e32r7hcbqm] {
    margin-bottom: var(--spacing-4);
}

.document-detail-flyout__versions-header[b-e32r7hcbqm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: var(--spacing-3);
    width: 100%;
}

.document-detail-flyout__versions-title[b-e32r7hcbqm] {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #171717;
}

/* /Components/Pages/Tenant/Documents/Index.razor.rz.scp.css */
.documents-page[b-pmbv4ead5h] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.documents-page__toolbar[b-pmbv4ead5h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
}

.documents-page__toolbar-left[b-pmbv4ead5h] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    flex: 1 1 auto;
    min-width: 0;
}

.documents-page__search[b-pmbv4ead5h] {
    flex: 0 1 454px;
    min-width: 0;
}

.documents-page__count[b-pmbv4ead5h] {
    margin: 0;
    color: var(--colour-neutral-600);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
}

.documents-page__loading[b-pmbv4ead5h],
.documents-page__empty[b-pmbv4ead5h] {
    margin: 0;
    color: var(--colour-text-muted);
    font-size: var(--text-sm);
}

.documents-page__muted[b-pmbv4ead5h] {
    color: var(--colour-text-muted);
}

.documents-page__code[b-pmbv4ead5h] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--colour-text-secondary);
}

.documents-page__version[b-pmbv4ead5h] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--colour-text-secondary);
}

.documents-page__footer[b-pmbv4ead5h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--spacing-7);
    border-top: var(--border-width-1) solid var(--colour-border);
}

.documents-page__footer-text[b-pmbv4ead5h] {
    color: var(--colour-text-muted);
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
}

/* ── Filter dropdown ─────────────────────────────────────── */



/* /Components/Pages/Tenant/DocumentTemplates.razor.rz.scp.css */
/* One row per document, stacked vertically — mirrors the evidence pill list on the Certifications
   page so a control with several mapped templates reads the same way as one with several
   attached documents. */
.document-templates__templates[b-5z0i3ylk25] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2, 0.5rem);
}

.document-templates__template-row[b-5z0i3ylk25] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2, 0.5rem);
    width: 100%;
}

.document-templates__badge[b-5z0i3ylk25] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--colour-text-secondary, #6c757d);
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.05rem 0.5rem;
    white-space: nowrap;
}

.document-templates__status[b-5z0i3ylk25] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}
/* /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);
}