/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.account-page .block-content[b-oxaut16l5h] {
    max-width: 64rem;
}

[b-oxaut16l5h] .account-layout {
    margin-top: 1rem;
}

[b-oxaut16l5h] .account-layout .dxbl-fl-group {
    height: 100%;
}

.account-role-list[b-oxaut16l5h],
.account-status[b-oxaut16l5h] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.account-status[b-oxaut16l5h] {
    min-height: 2rem;
}

.account-muted[b-oxaut16l5h] {
    opacity: 0.7;
}
/* /Components/Account/Pages/Manage/Passkeys.razor.rz.scp.css */
.passkey-page[b-e5u8q6e8ds] {
    max-width: 44rem;
}

.passkey-list[b-e5u8q6e8ds] {
    display: grid;
    gap: 1rem;
    margin: 1.5rem 0 2rem;
}

.passkey-list > h4[b-e5u8q6e8ds],
.passkey-add-card > h4[b-e5u8q6e8ds] {
    margin: 0;
}

.passkey-card[b-e5u8q6e8ds] {
    background: var(--dxds-color-surface-neutral-rest, #fff);
    border: 1px solid var(--dxds-color-border-neutral-subdued-rest);
    border-radius: .6rem;
    box-shadow: 0 .3rem 1rem rgba(14, 40, 65, .055);
    padding: 1.15rem;
}

.passkey-card-heading[b-e5u8q6e8ds] {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.passkey-field[b-e5u8q6e8ds] {
    margin-bottom: 1rem;
}

.passkey-actions[b-e5u8q6e8ds] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.passkey-add-card[b-e5u8q6e8ds] {
    margin-top: 1.5rem;
}

.passkey-add-card > p[b-e5u8q6e8ds],
.passkey-limit-note[b-e5u8q6e8ds] {
    color: var(--dxds-color-content-neutral-subdued-rest);
}

.passkey-add-card > p[b-e5u8q6e8ds] {
    margin: .35rem 0 1rem;
}

.passkey-limit-note[b-e5u8q6e8ds] {
    border: 1px solid var(--dxds-color-border-neutral-subdued-rest);
    border-radius: .6rem;
    margin-top: 1.5rem;
    padding: 1rem 1.15rem;
}

@media (max-width: 34rem) {
    .passkey-actions[b-e5u8q6e8ds] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-uyjmofb5w8] {
    margin: 0.625rem 0 0.625rem 0;
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-up22rrx8mc] {
    height: 100%;
}

.navigation-drawer-shading[b-up22rrx8mc] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-up22rrx8mc] {
    opacity: 0;
    visibility: hidden;
}

[b-up22rrx8mc] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-up22rrx8mc] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-up22rrx8mc] {
    display: none;
}

[b-up22rrx8mc] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-up22rrx8mc] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-up22rrx8mc] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-up22rrx8mc] {
        display: block;
    }

    [b-up22rrx8mc] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0vlklfrhgn] {
    height: 100%;
    min-height: 0;
}

[b-0vlklfrhgn] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

[b-0vlklfrhgn] .navigation-drawer > .dxbl-drawer-panel {
    /* Metagen brand blue (PANTONE 7461 C) fading to its darker shade */
    background-image: linear-gradient(180deg, var(--mg-blue, #007cba) 0%, var(--mg-blue-8, #015682) 100%);
}

.navigation-drawer-header[b-0vlklfrhgn] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.375rem 0.375rem;
    width: 100%;
}

.navigation-drawer-header .logo[b-0vlklfrhgn] {
    height: 1.875rem; /* logo-metagen-inverted.png is 170x30 */
    width: auto;
}

.navigation-drawer-footer[b-0vlklfrhgn] {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 0.875rem;
    width: 100%;
}

.drawer-content[b-0vlklfrhgn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.nav-buttons-container[b-0vlklfrhgn] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
    min-height: 2rem;
}

[b-0vlklfrhgn] .nav-buttons-container > a {
    color: inherit;
}

[b-0vlklfrhgn] .nav-buttons-container .back-button {
    padding-left: 0;
    padding-right: 0.25rem;
}

/* The switcher-panel's margin-left:auto pushes everything after it (theme toggle,
   user name, log in/out) to the right edge as one group. */

.page-content-container[b-0vlklfrhgn] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
}

.switcher-panel[b-0vlklfrhgn] {
    margin-left: auto;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-08l75uhj6o] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-08l75uhj6o] .menu.display-mobile {
    margin-bottom: 0;
}

.mobile-logout-form[b-08l75uhj6o],
.mobile-account-spacer[b-08l75uhj6o] {
    margin-bottom: 2rem;
}

.mobile-logout-form[b-08l75uhj6o] {
    padding: 0 0.625rem;
}

[b-08l75uhj6o] .mobile-logout-button {
    justify-content: flex-start;
    width: 100%;
}

[b-08l75uhj6o] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}

[b-08l75uhj6o] .menu-separator {
    border: none;
    border-top: 1px solid rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.25);
    margin: 0.5rem 1.125rem;
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
/* Mantine ActionIcon (default variant) look */
.theme-toggle[b-g12dp5xo4q] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 0.25rem;
    color: var(--dxds-color-content-neutral-subdued-rest);
    cursor: pointer;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    padding: 0;
    width: 2.25rem;
}

.theme-toggle:hover[b-g12dp5xo4q] {
    background: var(--dxds-color-surface-neutral-default-hovered);
    color: var(--dxds-color-content-neutral-default-rest);
}

.theme-toggle:focus-visible[b-g12dp5xo4q] {
    outline: 2px solid var(--dxds-color-border-focus-default);
    outline-offset: 2px;
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-page[b-bxesn2fpv3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-section[b-bxesn2fpv3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0;
}

.admin-hint[b-bxesn2fpv3] {
    margin: 0;
    font-size: 0.85rem;
    opacity: 0.75;
}

.admin-add-row[b-bxesn2fpv3] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    max-width: 30rem;
}

.admin-add-row[b-bxesn2fpv3]  .admin-add-input {
    flex: 1;
}

.admin-table[b-bxesn2fpv3] {
    width: 100%;
    border-collapse: collapse;
}

    .admin-table th[b-bxesn2fpv3] {
        text-align: left;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        opacity: 0.7;
        padding: 0.375rem 0.625rem;
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    }

    .admin-table td[b-bxesn2fpv3] {
        padding: 0.5rem 0.625rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        vertical-align: middle;
    }

.admin-row-inactive td[b-bxesn2fpv3] {
    opacity: 0.55;
}

.admin-state[b-bxesn2fpv3] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.admin-actions[b-bxesn2fpv3] {
    white-space: nowrap;
    text-align: right;
}

.admin-actions[b-bxesn2fpv3]  .dxbl-btn + .dxbl-btn {
    margin-left: 0.375rem;
}

.admin-roles[b-bxesn2fpv3] {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    flex-wrap: wrap;
}

.admin-role-chip[b-bxesn2fpv3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.admin-role-remove[b-bxesn2fpv3] {
    border: none;
    background: none;
    cursor: pointer;
    font-weight: 700;
    color: inherit;
    padding: 0 0.125rem;
    line-height: 1;
}

    .admin-role-remove:hover[b-bxesn2fpv3] {
        color: var(--mg-red, #d1242b);
    }

.admin-roles[b-bxesn2fpv3]  .admin-role-add {
    width: 9rem;
}
/* /Components/Pages/ChangeDetail.razor.rz.scp.css */
.detail-page[b-769nne7oyq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.detail-hero-row[b-769nne7oyq] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.detail-ref[b-769nne7oyq] {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    opacity: 0.85;
}

.detail-actions[b-769nne7oyq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.detail-actions-spacer[b-769nne7oyq] {
    flex-grow: 1;
}

.detail-grid[b-769nne7oyq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.detail-card[b-769nne7oyq] {
    border: 1px solid var(--dxbl-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
}

.detail-card-title[b-769nne7oyq] {
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.detail-card dl[b-769nne7oyq] {
    display: grid;
    gap: 0.25rem 1rem;
    grid-template-columns: max-content 1fr;
    margin: 0;
}

.detail-card dt[b-769nne7oyq] {
    font-weight: 500;
    opacity: 0.7;
}

.detail-card dd[b-769nne7oyq] {
    margin: 0;
}

.detail-text[b-769nne7oyq] {
    margin: 0;
    white-space: pre-wrap;
}

.attachment-table[b-769nne7oyq] {
    border-collapse: collapse;
    width: 100%;
}

    .attachment-table td[b-769nne7oyq] {
        border-bottom: 1px solid var(--dxbl-border-color, #dee2e6);
        padding: 0.375rem 0.75rem 0.375rem 0;
    }

    .attachment-table a[b-769nne7oyq] {
        color: var(--mg-link, #0d8ecb);
    }

.upload-row[b-769nne7oyq] {
    display: flex;
    padding-top: 0.75rem;
}

/* Attachment category cards (mirrors the Report Issue popup selector). */
.category-selector[b-769nne7oyq] {
    gap: 0.75rem;
}

.category-card[b-769nne7oyq] {
    flex: 1 1 0;
    max-width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.625rem 0.5rem;
    background: transparent;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    text-align: center;
    color: var(--dxds-color-content-neutral-default-rest, #333);
}

.category-card:hover[b-769nne7oyq] {
    border-color: var(--dxds-color-content-primary-default-rest, var(--mg-blue, #007cba));
    transform: translateY(-1px);
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.category-card.selected[b-769nne7oyq] {
    border-color: var(--dxds-color-border-primary-compound-rest, var(--mg-blue, #007cba));
    background: var(--dxds-color-surface-primary-deep-rest, #e5f4fb);
    box-shadow: inset 0 0 0 1px var(--dxds-color-border-primary-compound-rest, var(--mg-blue, #007cba));
}

.category-icon[b-769nne7oyq] {
    font-size: 1.25rem;
    line-height: 1;
}

.category-name[b-769nne7oyq] {
    font-weight: var(--dxds-font-weight-base-strong, 600);
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
}

/* Dedicated drag & drop area: dashed panel containing the hint and the Select File button. */
.upload-drop-zone[b-769nne7oyq] {
    align-items: center;
    border: 2px dashed var(--dxbl-border-color, #dee2e6);
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.5rem;
    padding: 1rem;
    transition: border-color 0.15s, background-color 0.15s;
}

.drop-hint-icon[b-769nne7oyq] {
    color: var(--mg-link, #0d8ecb);
    font-size: 1.125rem;
    line-height: 1;
}

.drop-hint-text[b-769nne7oyq] {
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-size: 0.875rem;
}

[b-769nne7oyq] .upload-control .dxbl-upload {
    border: none;
    min-height: 0;
    padding: 0;
}

/* Keep the Select File button centered even while the file list is visible. */
[b-769nne7oyq] .upload-control {
    flex: 0 0 auto;
}

[b-769nne7oyq] .upload-control .dxbl-upload-file-list {
    text-align: left;
}

/* Applied by DxUpload while files are dragged over the zone. */
.upload-drop-zone.drop-zone-active[b-769nne7oyq] {
    background-color: color-mix(in srgb, var(--mg-link, #0d8ecb) 8%, transparent);
    border-color: var(--mg-link, #0d8ecb);
}

    .upload-drop-zone.drop-zone-active .drop-hint-text[b-769nne7oyq] {
        color: var(--mg-link, #0d8ecb);
        font-weight: 600;
    }

.comment[b-769nne7oyq] {
    border-bottom: 1px solid var(--dxbl-border-color, #dee2e6);
    padding: 0.5rem 0;
}

.comment-meta[b-769nne7oyq] {
    font-size: 0.75rem;
    opacity: 0.7;
    padding-bottom: 0.125rem;
}

.comment-add[b-769nne7oyq] {
    align-items: end;
    display: flex;
    gap: 0.625rem;
    padding-top: 0.75rem;
}

.audit-row[b-769nne7oyq] {
    display: flex;
    gap: 0.75rem;
    padding: 0.25rem 0;
}

.audit-time[b-769nne7oyq] {
    flex-shrink: 0;
    opacity: 0.7;
    width: 8.5rem;
}
/* /Components/Pages/ChangeForm.razor.rz.scp.css */
.form-page[b-7e3guxfiza] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 60rem;
    padding-bottom: 2rem;
}

.form-buttons[b-7e3guxfiza] {
    display: flex;
    gap: 0.625rem;
    padding-top: 0.5rem;
}
/* /Components/Pages/Changes.razor.rz.scp.css */
.changes-page[b-u7prnndi4y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.filter-bar[b-u7prnndi4y] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

[b-u7prnndi4y] .filter-search {
    width: 16rem;
}

[b-u7prnndi4y] .filter-item {
    width: 11rem;
}

.filter-spacer[b-u7prnndi4y] {
    flex-grow: 1;
}

[b-u7prnndi4y] .changes-grid {
    cursor: pointer;
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
.home-page[b-ez849zxafd] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0.5rem 0 2rem;
    width: 100%;
}

[b-ez849zxafd] .tiles {
    --tile-column-count: 4;

    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--tile-column-count), max-content);
    justify-content: start;

    @container (max-width: 60.5rem) {
        --tile-column-count: 3;
    }
    @container (max-width: 45.125rem) {
        --tile-column-count: 2;
    }
    @container (max-width: 29.75rem) {
        --tile-column-count: 1;
    }
}
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-u3ned3n0iz] {
    border-radius: 0.75rem;
    height: 8.75rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.tile:hover[b-u3ned3n0iz] {
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.tile[b-u3ned3n0iz]  > a {
    text-decoration: none;
}

[b-u3ned3n0iz] .tile-content {
    padding: 1rem;
}

[b-u3ned3n0iz] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

[b-u3ned3n0iz] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-u3ned3n0iz] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
.confirm-body[b-34q46fdh5i] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 0.25rem 0;
}

.confirm-icon[b-34q46fdh5i] {
    font-size: 1.75rem;
    line-height: 1;
    flex: 0 0 auto;
}

.confirm-icon-danger[b-34q46fdh5i] {
    color: var(--dxds-color-content-danger-default-rest, #dc3545);
}

.confirm-icon-info[b-34q46fdh5i] {
    color: var(--mg-blue, #007cba);
}

.confirm-message[b-34q46fdh5i] {
    color: var(--dxds-color-content-neutral-default-rest, #333);
    font-size: var(--dxds-font-size-base-sm, 0.9375rem);
    line-height: 1.5;
    align-self: center;
}

.confirm-footer[b-34q46fdh5i] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
}
/* /Components/Shared/ReportIssueButton.razor.rz.scp.css */
.riu-body[b-2xacm6nobc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.riu-field[b-2xacm6nobc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.riu-label[b-2xacm6nobc] {
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
    font-weight: var(--dxds-font-weight-base-strong, 600);
    color: var(--dxds-color-content-neutral-default-rest, #333);
}

.riu-required[b-2xacm6nobc] {
    color: var(--mg-red, #d1242b);
}

/* --- Category selector cards --- */
.category-selector[b-2xacm6nobc] {
    display: flex;
    gap: 0.75rem;
}

.category-card[b-2xacm6nobc] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    background: transparent;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    text-align: center;
    color: var(--dxds-color-content-neutral-default-rest, #333);
}

.category-card:hover:not(:disabled)[b-2xacm6nobc] {
    border-color: var(--dxds-color-content-primary-default-rest, var(--mg-blue, #007cba));
    transform: translateY(-1px);
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.category-card.selected[b-2xacm6nobc] {
    border-color: var(--dxds-color-border-primary-compound-rest, var(--mg-blue, #007cba));
    background: var(--dxds-color-surface-primary-deep-rest, #e5f4fb);
    box-shadow: inset 0 0 0 1px var(--dxds-color-border-primary-compound-rest, var(--mg-blue, #007cba));
}

.category-card:disabled[b-2xacm6nobc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.category-icon[b-2xacm6nobc] {
    font-size: 1.5rem;
    line-height: 1;
}

.category-name[b-2xacm6nobc] {
    font-weight: var(--dxds-font-weight-base-strong, 600);
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
}

.category-hint[b-2xacm6nobc] {
    font-size: 0.7rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

/* --- Compact "reporting as" context panel --- */
.riu-context[b-2xacm6nobc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-left: 3px solid var(--mg-blue, #007cba);
    border-radius: 0.375rem;
    background: var(--dxds-color-surface-neutral-subdued-rest, #f8f9fa);
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
}

.riu-context-row[b-2xacm6nobc] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    min-width: 0;
}

.riu-context-label[b-2xacm6nobc] {
    flex: 0 0 5.5rem;
    font-weight: var(--dxds-font-weight-base-strong, 600);
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.riu-context-value[b-2xacm6nobc] {
    color: var(--dxds-color-content-neutral-default-rest, #333);
    min-width: 0;
}

.riu-context-muted[b-2xacm6nobc] {
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.riu-context-url[b-2xacm6nobc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --- Memo / hint --- */
[b-2xacm6nobc] .riu-memo {
    width: 100%;
}

.riu-hint[b-2xacm6nobc] {
    font-size: 0.75rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    margin-top: 0.25rem;
    padding-left: 1.75rem;
}

/* --- Status alerts --- */
.riu-alert[b-2xacm6nobc] {
    padding: 0.625rem 0.875rem;
    border-radius: 0.375rem;
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
    border: 1px solid transparent;
}

.riu-alert-success[b-2xacm6nobc] {
    background: #d1e7dd;
    border-color: #a3cfbb;
    color: #0f5132;
}

.riu-alert-danger[b-2xacm6nobc] {
    background: #f8d7da;
    border-color: #f1aeb5;
    color: #842029;
}

/* --- Footer buttons --- */
.riu-footer[b-2xacm6nobc] {
    display: flex;
    gap: 0.75rem;
}

/* --- Sending indicator --- */
.riu-sending[b-2xacm6nobc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-size: var(--dxds-font-size-base-sm, 0.875rem);
}

.riu-spinner[b-2xacm6nobc] {
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-top-color: var(--mg-blue, #007cba);
    border-radius: 50%;
    animation: riu-spin-b-2xacm6nobc 0.75s linear infinite;
}

@keyframes riu-spin-b-2xacm6nobc {
    to { transform: rotate(360deg); }
}
/* /Components/Shared/TextInputDialog.razor.rz.scp.css */
.text-input-dialog-body[b-50fi0baspu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.text-input-dialog-body label[b-50fi0baspu] {
    color: var(--dxds-color-content-neutral-default-rest, #333);
    font-weight: 600;
}

.text-input-dialog-footer[b-50fi0baspu] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
}