@import '_content/Blazicons/Blazicons.886t4n1lry.bundle.scp.css';

/* /Components/AppShell/HeaderMenu.razor.rz.scp.css */
.studio-header[b-hralwslbjf] {
    display: contents;
}

.studio-header[b-hralwslbjf]  .studio-header {
    background: var(--mud-palette-appbar-background);
    color: var(--mud-palette-appbar-text);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-family: var(--mud-typography-default-family);
}

.studio-header[b-hralwslbjf]  .mud-typography { font-family: var(--mud-typography-default-family); }
.studio-header[b-hralwslbjf]  .mud-toolbar { height: var(--mud-appbar-height); min-height: var(--mud-appbar-height); padding: 0 24px; gap: 8px; }
.studio-header[b-hralwslbjf]  .mud-icon-button { padding: 8px; margin: 0 !important; color: var(--mud-palette-appbar-text); border-radius: var(--mud-default-borderradius); }
.studio-header[b-hralwslbjf]  .mud-icon-button:hover { color: var(--mud-palette-text-primary); background: var(--mud-palette-background-gray); }
.studio-header[b-hralwslbjf]  .mud-icon-button svg { width: 16px; height: 16px; }
.studio-header[b-hralwslbjf]  .studio-header-toggle svg { width: 20px; height: 20px; }
.studio-header[b-hralwslbjf]  .studio-header-search { display: flex; align-items: center; gap: 8px; margin-inline-start: 8px; padding: 6px 12px; border: 1px solid var(--mud-palette-divider); border-radius: var(--mud-default-borderradius); background: transparent; color: var(--mud-palette-text-secondary); font: inherit; font-size: var(--mud-typography-default-size); cursor: pointer; }
.studio-header[b-hralwslbjf]  .studio-header-search:hover { border-color: var(--mud-palette-lines-inputs); color: var(--mud-palette-text-primary); }
.studio-header[b-hralwslbjf]  .studio-header-search svg { width: 14px; height: 14px; }
.studio-header[b-hralwslbjf]  .studio-header-search kbd { margin-inline-start: 16px; padding: 2px 6px; border: 1px solid var(--mud-palette-divider); border-radius: calc(var(--mud-default-borderradius) * .5); background: var(--mud-palette-background-gray); color: var(--mud-palette-appbar-text); font-size: var(--mud-typography-overline-size); }
.studio-header[b-hralwslbjf]  .studio-header-divider { height: 16px; align-self: center; margin: 0 4px; border-color: var(--mud-palette-divider); }
.studio-header[b-hralwslbjf]  .studio-header-company { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--mud-palette-divider); border-radius: var(--mud-default-borderradius); color: var(--mud-palette-text-primary); font-size: var(--mud-typography-default-size); font-weight: var(--mud-typography-button-weight); }
.studio-header[b-hralwslbjf]  .studio-header-company-status { width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: var(--mud-palette-success); }
.studio-header[b-hralwslbjf]  button:focus-visible { outline: 2px solid var(--mud-palette-appbar-text); outline-offset: 2px; }

@media (max-width: 599.98px) {
    .studio-header[b-hralwslbjf]  .mud-toolbar { padding: 0 12px; gap: 4px; }
    .studio-header[b-hralwslbjf]  .studio-header-company { max-width: 45vw; }
    .studio-header[b-hralwslbjf]  .studio-header-company > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
/* /Components/AppShell/NavigationMenu.razor.rz.scp.css */
/* Theme.cs owns palette, typography (14px root), and layout values.
   The drawer gradient and its fixed white contrast have no MudBlazor equivalents. */
.studio-navigation[b-bvwm3j8ox7] {
    --studio-drawer-top: #243042;
    --studio-drawer-bottom: #0b0f17;
    --studio-drawer-border: #202a3b;
    --studio-drawer-contrast: #fff;
    display: contents;
}

.studio-navigation[b-bvwm3j8ox7]  .studio-navigation {
    background: linear-gradient(to bottom, var(--studio-drawer-top), var(--mud-palette-drawer-background) 50%, var(--studio-drawer-bottom));
    border-inline-end: 1px solid var(--studio-drawer-border);
    color: var(--mud-palette-drawer-text);
    user-select: none;
    font-family: var(--mud-typography-default-family);
}

.studio-navigation[b-bvwm3j8ox7]  .mud-typography { font-family: var(--mud-typography-default-family); }
.studio-navigation[b-bvwm3j8ox7]  .mud-drawer-content { overflow: hidden; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand { height: var(--mud-appbar-height); min-height: var(--mud-appbar-height); padding: 0 20px; align-items: center; flex-shrink: 0; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand > .mud-stack { min-width: 0; gap: 12px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-menu { min-width: 0; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-menu-activator { width: 100%; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-typography-h6 { font-size: var(--mud-typography-subtitle1-size); font-weight: var(--mud-typography-h6-weight); line-height: 1.25; letter-spacing: -.025em; color: var(--studio-drawer-contrast); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-typography-subtitle2 { margin-top: 0 !important; font-size: var(--mud-typography-caption-size); font-weight: var(--mud-typography-default-weight); color: var(--mud-palette-drawer-icon) !important; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-icon-button { margin: 0 !important; padding: 4px; color: var(--mud-palette-drawer-icon); border-radius: calc(var(--mud-default-borderradius) * .75); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .mud-icon-button svg { width: 16px; height: 16px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-brand .ml-4 { margin: 0 !important; flex-shrink: 0; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 12px; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--mud-palette-drawer-icon) 25%, var(--mud-palette-drawer-background)) transparent; }
.studio-navigation-section[b-bvwm3j8ox7] { padding: 0 12px 8px; margin-top: 24px; }
.studio-navigation-section:first-child[b-bvwm3j8ox7] { margin-top: 0; }
.studio-navigation-section[b-bvwm3j8ox7]  .mud-typography { color: color-mix(in srgb, var(--mud-palette-drawer-icon) 80%, transparent); font-size: var(--mud-typography-overline-size); line-height: 15px; letter-spacing: .05em; text-transform: uppercase; }
.studio-navigation-section b[b-bvwm3j8ox7] { font-weight: var(--mud-typography-h6-weight); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link { padding: 8px 12px !important; min-height: 36px; border: 0; border-radius: var(--mud-default-borderradius); color: var(--mud-palette-drawer-text); font-size: var(--mud-typography-subtitle1-size); line-height: 20px; transition: color 150ms, background-color 150ms; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link-text { margin-inline-start: 12px; font-weight: var(--mud-typography-default-weight); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link-text > .d-flex { align-items: center; gap: 8px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link-icon { color: var(--mud-palette-drawer-icon); width: 16px; height: 16px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link-expand-icon { color: color-mix(in srgb, var(--mud-palette-drawer-icon) 70%, var(--mud-palette-drawer-background)); fill: currentColor; width: 14px; height: 14px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform { fill: currentColor; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link:hover:not(.mud-nav-link-disabled) { color: var(--studio-drawer-contrast); background: color-mix(in srgb, var(--studio-drawer-contrast) 6%, transparent); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-group .mud-navmenu { margin: 4px 0 0; margin-inline: 16px 0; padding: 0; padding-inline: 12px 4px; border-inline-start: 1px solid color-mix(in srgb, var(--studio-drawer-contrast) 10%, transparent); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-group .mud-navmenu > .mud-nav-item:not(:last-child) { margin-bottom: 2px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-group .mud-navmenu .mud-nav-link { padding: 6px 12px !important; min-height: 28px; border-radius: calc(var(--mud-default-borderradius) * .75); color: var(--mud-palette-drawer-icon); font-size: var(--mud-typography-default-size); line-height: 16px; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-group .mud-navmenu .mud-nav-link-text { margin: 0; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link.active:not(.mud-nav-link-disabled) { color: var(--studio-drawer-contrast); background: color-mix(in srgb, var(--studio-drawer-contrast) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--studio-drawer-contrast) 10%, transparent); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link.active .mud-nav-link-text { font-weight: var(--mud-typography-button-weight); }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link.active::after { content: ""; width: 6px; height: 6px; flex-shrink: 0; margin-inline-start: 8px; align-self: center; background: var(--studio-drawer-contrast); border-radius: 50%; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link-disabled { color: var(--mud-palette-drawer-icon); opacity: .55; cursor: not-allowed; }
.studio-navigation[b-bvwm3j8ox7]  .studio-navigation-status.mud-chip { margin: 0; padding: 2px 8px; height: auto; color: var(--mud-palette-drawer-text); background: color-mix(in srgb, var(--studio-drawer-contrast) 6%, transparent); border: 1px solid color-mix(in srgb, var(--studio-drawer-contrast) 8%, transparent); font-size: var(--mud-typography-overline-size) !important; line-height: 15px; font-weight: var(--mud-typography-button-weight); white-space: nowrap; }
.studio-navigation-footer[b-bvwm3j8ox7] { padding: 12px; flex-shrink: 0; margin-top: auto; }
.studio-navigation-copyright[b-bvwm3j8ox7] { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; padding: 0 8px; font-size: var(--mud-typography-overline-size); line-height: 15px; color: color-mix(in srgb, var(--mud-palette-drawer-icon) 70%, var(--mud-palette-drawer-background)); }
.studio-navigation[b-bvwm3j8ox7]  a:focus-visible,
.studio-navigation[b-bvwm3j8ox7]  button:focus-visible { outline: 2px solid var(--mud-palette-text-secondary); outline-offset: -2px; }

@media (prefers-reduced-motion: reduce) {
    .studio-navigation[b-bvwm3j8ox7]  .studio-navigation-menu .mud-nav-link { transition: none; }
}
/* /Components/AppShell/UserInfoCard.razor.rz.scp.css */
.studio-user-card[b-e1pxv6tgf5] { padding: 10px; border-radius: calc(var(--mud-default-borderradius) * 1.5); background: color-mix(in srgb, var(--studio-drawer-contrast) 4%, transparent); border: 1px solid color-mix(in srgb, var(--studio-drawer-contrast) 6%, transparent); transition: background-color 150ms; }
.studio-user-card:hover[b-e1pxv6tgf5],
.studio-user-card:focus-within[b-e1pxv6tgf5] { background: color-mix(in srgb, var(--studio-drawer-contrast) 8%, transparent); }
.studio-user-avatar[b-e1pxv6tgf5] { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; }
.studio-user-avatar[b-e1pxv6tgf5]  .mud-avatar { box-shadow: 0 0 0 1px color-mix(in srgb, var(--studio-drawer-contrast) 20%, transparent); }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-name,
.studio-user-card[b-e1pxv6tgf5]  .studio-user-role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.25; }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-name { font-size: var(--mud-typography-default-size); font-weight: var(--mud-typography-h6-weight); color: var(--studio-drawer-contrast); }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-role { margin-top: 2px; font-size: var(--mud-typography-caption-size); color: var(--mud-palette-drawer-icon); }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-more { padding: 0; color: var(--mud-palette-drawer-icon); }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-more svg { width: 16px; height: 16px; }
.studio-user-card[b-e1pxv6tgf5]  .studio-user-more:hover { color: var(--studio-drawer-contrast); }

@media (prefers-reduced-motion: reduce) {
    .studio-user-card[b-e1pxv6tgf5] { transition: none; }
}
/* /Components/Identity/UserActionInfo.razor.rz.scp.css */
.user-action-info[b-csmukzj5yq] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.user-action-info[b-csmukzj5yq]  .user-action-info__avatar {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    font-size: var(--mud-typography-default-size);
}

.user-action-info[b-csmukzj5yq]  .user-action-info__details {
    gap: 0px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.user-action-info[b-csmukzj5yq]  .user-action-info__name {
    line-height: 1.25;
}

.user-action-info[b-csmukzj5yq]  .user-action-info__time {
    line-height: 1.2;
}

.user-action-info[b-csmukzj5yq]  .user-action-info__time--help {
    cursor: help;
}
/* /Components/Identity/UserInfoColumn.razor.rz.scp.css */
.user-info-column[b-73ev4qp80e] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.user-info-column[b-73ev4qp80e]  .user-info-column__avatar {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    font-size: var(--mud-typography-default-size);
}

.user-info-column[b-73ev4qp80e]  .user-info-column__details {
    min-width: 0;
    overflow-wrap: anywhere;
}

.user-info-column[b-73ev4qp80e]  .user-info-column__email {
    line-height: 1.4;
}
/* /Components/Identity/UserProfileCell.razor.rz.scp.css */
.user-profile-cell[b-588qdh21px] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.user-profile-cell[b-588qdh21px]  .user-profile-cell__avatar {
    flex-shrink: 0;
    font-size: var(--mud-typography-default-size);
}

.user-profile-cell[b-588qdh21px]  .user-profile-cell__avatar.mud-avatar-medium {
    width: 28px;
    height: 28px;
}

.user-profile-cell__info[b-588qdh21px] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: anywhere;
}

.user-profile-cell__name[b-588qdh21px] {
    font-family: var(--mud-typography-body1-family);
    font-weight: var(--mud-typography-body1-weight);
    font-size: var(--mud-typography-body1-size);
    line-height: var(--mud-typography-body1-lineheight);
    letter-spacing: var(--mud-typography-body1-letterspacing);
    color: var(--mud-palette-text-primary);
}

.user-profile-cell__email[b-588qdh21px] {
    font-family: var(--mud-typography-caption-family);
    font-weight: var(--mud-typography-caption-weight);
    font-size: var(--mud-typography-caption-size);
    line-height: 1.4;
    letter-spacing: var(--mud-typography-caption-letterspacing);
    color: var(--mud-palette-text-secondary);
}
/* /Components/Inputs/Display/ReadOnlyField.razor.rz.scp.css */
.readonly-field[b-8goukknj9x] {
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out;
}

/* Text 风格：简洁下划线 */
.readonly-field--text[b-8goukknj9x] {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.readonly-field--text:hover[b-8goukknj9x] {
    border-bottom-color: var(--mud-palette-lines-inputs);
}

.readonly-field--text .readonly-field__content[b-8goukknj9x] {
    min-height: 1.25rem;
}

/* Outlined 风格：精致方框卡片 */
.readonly-field--outlined[b-8goukknj9x] {
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background-color: var(--mud-palette-background-grey);
}

.readonly-field--outlined:hover[b-8goukknj9x] {
    border-color: var(--mud-palette-lines-inputs);
    background-color: var(--mud-palette-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.readonly-field__label[b-8goukknj9x] {
    font-size: var(--mud-typography-caption-size);
    font-weight: 500;
    line-height: 1.25;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 0.35rem;
    letter-spacing: 0.01em;
}

.readonly-field__content[b-8goukknj9x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    min-height: 1.5rem;
}

.readonly-field__value[b-8goukknj9x] {
    font-size: var(--mud-typography-body2-size);
    font-weight: 500;
    line-height: 1.4;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

.readonly-field__empty[b-8goukknj9x] {
    font-size: var(--mud-typography-body2-size);
    color: var(--mud-palette-text-disabled);
    font-style: normal;
}

.readonly-field__chips[b-8goukknj9x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* Dense 模式：横向对齐 */
.readonly-field--dense[b-8goukknj9x] {
    flex-direction: row;
    align-items: center;
}

.readonly-field--text.readonly-field--dense[b-8goukknj9x] {
    padding-bottom: 0.25rem;
}

.readonly-field--outlined.readonly-field--dense[b-8goukknj9x] {
    padding: 0.25rem 0.75rem;
}

.readonly-field--dense .readonly-field__label[b-8goukknj9x] {
    flex: 0 0 120px;
    margin-bottom: 0;
    padding-right: 0.75rem;
}

.readonly-field--dense .readonly-field__content[b-8goukknj9x] {
    flex: 1 1 auto;
}
/* /Components/Inputs/Display/TrainingRecordDrawer.razor.rz.scp.css */
.training-record-drawer[b-ukw8claikg] {
    --ink: #091832;
    --text: #17253e;
    --muted: #71829d;
    --line: #dce4ef;
    --paper: #fff;
    color: var(--text);
    font-family: Inter, "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
    font-size: 12px;
}
.training-record-drawer[b-ukw8claikg]  .training-drawer { max-width: 100vw; color: var(--text); background: var(--paper); }
.training-record-drawer[b-ukw8claikg]  .training-drawer .mud-drawer-content { overflow: hidden; height: 100%; }
.training-record-drawer[b-ukw8claikg]  .drawer-focus { height: 100%; }
.training-record-drawer[b-ukw8claikg]  .mud-button-root { font-size: 11px; min-height: 33px; text-transform: none; border-radius: 4px; padding: 5px 13px; letter-spacing: 0; }
.training-record-drawer[b-ukw8claikg]  .mud-button-filled-primary { background: #0c1830; color: #fff; }
.drawer-shell[b-ukw8claikg] { height: 100%; display: flex; flex-direction: column; }
.drawer-head[b-ukw8claikg] { padding: 19px 22px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.drawer-head h2[b-ukw8claikg] { font-size: 16px; font-weight: 720; color: #0b1d3b; margin: 0; }
.description[b-ukw8claikg] { font-size: 11px; color: #8392a9; margin: 4px 0 0; line-height: 1.5; }
.drawer-body[b-ukw8claikg] { flex: 1; overflow: auto; min-height: 0; padding: 21px 22px; }
.drawer-footer[b-ukw8claikg] { padding: 12px 22px; background: #f7f8fa; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 10px; color: var(--muted); }
.training-record-drawer[b-ukw8claikg]  .mud-button-outlined { border-color: #0f1c35; color: var(--ink); }
.training-record-drawer[b-ukw8claikg]  .mud-button-icon-start > .mud-icon-root { font-size: 15px; }
.section-title[b-ukw8claikg] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.section-heading[b-ukw8claikg] { margin-bottom: 14px; }
.section-heading h2[b-ukw8claikg] { font-size: 12px; line-height: 1.4; color: #11223c; margin: 0; font-weight: 750; }
.field-grid[b-ukw8claikg] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 9px; }
.detail-field[b-ukw8claikg] { min-width: 0; }
.detail-label[b-ukw8claikg] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.detail-value[b-ukw8claikg] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.badge[b-ukw8claikg] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid #d7e0eb; background: #f6f8fb; color: #55708e; font-size: 10px; font-weight: 630; border-radius: 4px; white-space: nowrap; }
.badge.green[b-ukw8claikg] { color: #188469; background: #edf8f3; border-color: #d8eee4; }
.badge.red[b-ukw8claikg] { color: #b94752; background: #fff1f2; border-color: #f4dde1; }
.badge.amber[b-ukw8claikg] { color: #946722; background: #fff8ed; border-color: #f3e6d2; }
.badge.slate[b-ukw8claikg] { color: #687b97; background: #f3f5f8; border-color: #e4e8f0; }
.status-dot[b-ukw8claikg] { height: 6px; width: 6px; border-radius: 50%; background: currentColor; }
.link-btn[b-ukw8claikg] { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; color: #385a88; font: inherit; font-size: 11px; font-weight: 550; padding: 4px; cursor: pointer; white-space: nowrap; }
.link-btn:hover[b-ukw8claikg] { text-decoration: underline; }
.link-btn[b-ukw8claikg]  .mud-icon-root { font-size: 14px; }
.table-wrap[b-ukw8claikg] { overflow-x: auto; border: 1px solid #e6ebf2; border-radius: 5px; }
.flat-table[b-ukw8claikg] { border-collapse: collapse; width: 100%; font-size: 11px; text-align: left; min-width: 520px; }
.flat-table th[b-ukw8claikg] { color: #7a8ba4; background: #f8fafc; font-weight: 650; border-bottom: 1px solid #e5eaf2; padding: 10px 12px; white-space: nowrap; }
.flat-table td[b-ukw8claikg] { padding: 13px 12px; border-bottom: 1px solid #e7ecf3; color: #1c2d49; vertical-align: middle; }
.flat-table tr:last-child td[b-ukw8claikg] { border-bottom: 0; }
.flat-table .clickable[b-ukw8claikg] { cursor: pointer; }
.flat-table .clickable:hover[b-ukw8claikg] { background: #f9fbfe; }
.flat-table strong[b-ukw8claikg] { font-weight: 680; }
.subtitle[b-ukw8claikg] { font-size: 10px; color: #8291a6; margin-top: 4px; overflow-wrap: anywhere; }
.empty-state[b-ukw8claikg] { padding: 32px 16px !important; text-align: center; color: #8a9bb0 !important; font-size: 11px; }
.drawer-block[b-ukw8claikg] { margin-bottom: 19px; padding-bottom: 18px; border-bottom: 1px solid #e6ebf2; }
.drawer-actions[b-ukw8claikg] { display: flex; justify-content: flex-end; }
.status-bar[b-ukw8claikg] { background: #f9fbfe; border: 1px solid #e7edf5; border-radius: 6px; display: flex; align-items: center; gap: 16px; padding: 11px 14px; margin-bottom: 19px; flex-wrap: wrap; }
.status-segment[b-ukw8claikg] { min-width: 140px; flex: 1; }
.status-segment + .status-segment[b-ukw8claikg] { border-left: 1px solid #e5ebf3; padding-left: 18px; }
.status-label[b-ukw8claikg] { display: block; font-size: 10px; color: #7e90a8; margin-bottom: 5px; }
.visually-hidden[b-ukw8claikg] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
button:focus-visible[b-ukw8claikg], a:focus-visible[b-ukw8claikg], input:focus-visible[b-ukw8claikg] { outline: 2px solid #426c9e; outline-offset: 3px; }
@media (max-width: 650px) {
    .drawer-head[b-ukw8claikg], .drawer-body[b-ukw8claikg] { padding: 16px; }
    .drawer-footer[b-ukw8claikg] { padding: 12px; }
    .status-segment + .status-segment[b-ukw8claikg] { border: 0; padding-left: 0; }
}
/* /Components/Inputs/Display/VisitApplicationDetails.razor.rz.scp.css */
.application-details[b-b9awspap7s] { color: var(--mud-palette-text-primary); }
.detail-section[b-b9awspap7s] { margin-bottom: 18px; }
.detail-section h3[b-b9awspap7s] { margin: 0 0 10px; }
.detail-fields[b-b9awspap7s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.detail-field[b-b9awspap7s] { min-width: 0; }
.field-label[b-b9awspap7s] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.field-value[b-b9awspap7s] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.panel[b-b9awspap7s] { border: 1px solid var(--mud-palette-divider); border-radius: 7px; overflow: hidden; min-width: 0; background: var(--mud-palette-surface); }
.panel-heading[b-b9awspap7s] { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--mud-palette-divider); }
.panel-heading h3[b-b9awspap7s] { display: flex; align-items: center; gap: 6px; margin: 0; }
.count[b-b9awspap7s] { padding: 1px 6px; border-radius: 12px; background: var(--mud-palette-background-gray); }
.table-scroll[b-b9awspap7s] { overflow-x: auto; max-width: 100%; }
.data-table[b-b9awspap7s] { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.data-table th[b-b9awspap7s] { background: var(--mud-palette-background-gray); font-weight: 500; }
.data-table th[b-b9awspap7s], .data-table td[b-b9awspap7s] { padding: 8px 10px; border-bottom: 1px solid var(--mud-palette-divider); vertical-align: top; }
.data-table tbody tr:last-child td[b-b9awspap7s] { border-bottom: 0; }
.data-table tbody tr:hover[b-b9awspap7s] { background: var(--mud-palette-action-default-hover); }
.current-row[b-b9awspap7s] { background: var(--mud-palette-action-default-hover); }
.secondary-line[b-b9awspap7s] { display: block; margin-top: 4px; color: var(--mud-palette-text-secondary); }
.entry-action[b-b9awspap7s] { font-size: 10px; }
.entry-action[b-b9awspap7s]  .user-action-info { gap: 6px; }
.application-details .entry-action[b-b9awspap7s]  .user-action-info__avatar { width: 20px; height: 20px; font-size: 10px; }
.entry-action[b-b9awspap7s]  .user-action-info__name, .entry-action[b-b9awspap7s]  .user-action-info__time { font-size: 10px; line-height: 1.3; }
.review-comment[b-b9awspap7s] { min-width: 180px; max-width: 300px; white-space: pre-wrap; overflow-wrap: anywhere; }
.empty-state[b-b9awspap7s] { padding: 20px 12px !important; color: var(--mud-palette-text-secondary); text-align: center; }
.time-note[b-b9awspap7s] { color: var(--mud-palette-text-secondary); margin: 0; }
[tabindex]:focus-visible[b-b9awspap7s] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }

@media (max-width: 600px) {
    .panel-heading[b-b9awspap7s] { flex-wrap: wrap; }
}

@media (max-width: 380px) {
    .detail-fields[b-b9awspap7s] { grid-template-columns: 1fr; }
}
/* /Components/Inputs/Display/VisitApplicationDrawer.razor.rz.scp.css */
.visit-application-drawer[b-jzcrqqkoiv] {
    --ink: #091832;
    --text: #17253e;
    --muted: #71829d;
    --line: #dce4ef;
    --paper: #fff;
    color: var(--text);
    font-family: Inter, "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
    font-size: 12px;
}
.visit-application-drawer[b-jzcrqqkoiv]  .application-drawer { max-width: 100vw; color: var(--text); background: var(--paper); }
.visit-application-drawer[b-jzcrqqkoiv]  .application-drawer .mud-drawer-content { overflow: hidden; height: 100%; }
.visit-application-drawer[b-jzcrqqkoiv]  .drawer-focus { height: 100%; }
.visit-application-drawer[b-jzcrqqkoiv]  .mud-button-root { font-size: 11px; min-height: 33px; text-transform: none; border-radius: 4px; padding: 5px 13px; letter-spacing: 0; }
.visit-application-drawer[b-jzcrqqkoiv]  .mud-button-filled-primary { background: #0c1830; color: #fff; }
.drawer-shell[b-jzcrqqkoiv] { height: 100%; display: flex; flex-direction: column; }
.drawer-head[b-jzcrqqkoiv] { padding: 19px 22px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.drawer-head h2[b-jzcrqqkoiv] { font-size: 16px; font-weight: 720; color: #0b1d3b; margin: 0; }
.description[b-jzcrqqkoiv] { font-size: 11px; color: #8392a9; margin: 4px 0 0; line-height: 1.5; }
.drawer-body[b-jzcrqqkoiv] { flex: 1; overflow: auto; min-height: 0; padding: 21px 22px; }
.drawer-footer[b-jzcrqqkoiv] { padding: 12px 22px; background: #f7f8fa; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 10px; color: var(--muted); }
@media (max-width: 650px) {
    .drawer-head[b-jzcrqqkoiv], .drawer-body[b-jzcrqqkoiv] { padding: 16px; }
    .drawer-footer[b-jzcrqqkoiv] { padding: 12px; }
}
/* /Components/Inputs/Upload/FileUploadZone.razor.rz.scp.css */
.file-upload-zone[b-g1413xd0q7] {
    width: 100%;
}

.file-upload-zone[b-g1413xd0q7]  .file-upload-zone__native-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.file-upload-dropzone[b-g1413xd0q7] {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 1.25rem 1.5rem;
    border: 2px dashed var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
    font: inherit;
    color: inherit;
    cursor: pointer;
    transition: border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    user-select: none;
}

.file-upload-dropzone:hover[b-g1413xd0q7] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
}

.file-upload-dropzone:focus-visible[b-g1413xd0q7] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 3px;
}

.file-upload-dropzone--active[b-g1413xd0q7] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    transform: scale(1.005);
    box-shadow: 0 4px 14px rgba(var(--mud-palette-primary-rgb), 0.15);
}

.file-upload-dropzone--disabled[b-g1413xd0q7] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.file-upload-dropzone__content[b-g1413xd0q7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.file-upload-dropzone__icon-wrapper[b-g1413xd0q7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    color: var(--mud-palette-primary);
}

.file-upload-dropzone__text[b-g1413xd0q7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.file-upload-dropzone__title[b-g1413xd0q7] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.file-upload-dropzone__hint[b-g1413xd0q7] {
    max-width: 460px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.file-upload-list[b-g1413xd0q7] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.file-upload-item[b-g1413xd0q7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
    gap: 0.75rem;
}

.file-upload-item:hover[b-g1413xd0q7] {
    border-color: var(--mud-palette-lines-inputs);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.file-upload-item__preview[b-g1413xd0q7] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.file-upload-item__meta[b-g1413xd0q7] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.file-upload-item__actions[b-g1413xd0q7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

@media (max-width: 600px) {
    .file-upload-dropzone[b-g1413xd0q7] {
        padding: 1rem;
    }
    
    .file-upload-item[b-g1413xd0q7] {
        padding: 0.5rem;
    }
}
/* /Components/Inputs/Upload/Thumbnail.razor.rz.scp.css */
.file-thumbnail[b-1240wuq4sb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.file-thumbnail__image-wrapper[b-1240wuq4sb] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-gray);
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-thumbnail__image[b-1240wuq4sb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.file-thumbnail__icon-wrapper[b-1240wuq4sb] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--mud-default-borderradius);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-background-gray);
    border: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-primary);
}

.file-thumbnail__icon-wrapper--pdf[b-1240wuq4sb] {
    background: rgba(244, 67, 54, 0.08);
    border-color: rgba(244, 67, 54, 0.2);
    color: var(--mud-palette-error);
}

.file-thumbnail__info[b-1240wuq4sb] {
    min-width: 0;
    flex: 1;
}

.file-thumbnail__name[b-1240wuq4sb] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Time/DateTimeCell.razor.rz.scp.css */
.datetime-cell[b-ctek268mwi] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
}

.datetime-cell__primary[b-ctek268mwi] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
}

.datetime-cell__secondary[b-ctek268mwi] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.datetime-cell--empty[b-ctek268mwi] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}
/* /Layouts/AppLayout.razor.rz.scp.css */
.studio-main-content[b-mrhvevyu3b] {
    display: contents;
}

.studio-main-content[b-mrhvevyu3b]  .studio-main-content {
    background: linear-gradient(
        to bottom right,
        var(--mud-palette-background),
        color-mix(in srgb, var(--mud-palette-background-gray) 50%, var(--mud-palette-background)),
        color-mix(in srgb, var(--mud-palette-background-gray) 30%, var(--mud-palette-background))
    );
}
/* /Layouts/AuthLayout.razor.rz.scp.css */
.visitsafe-auth[b-tzkup9lkuv] {
    --auth-blue: #2479f5;
    --auth-navy: #0a3278;
    --auth-muted: #63758e;
    display: grid;
    grid-template-columns: minmax(0, 1.82fr) minmax(440px, 1fr);
    min-height: 100vh;
    min-height: 100svh;
    color: #101b30;
    background: #fff;
    font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}

.auth-showcase[b-tzkup9lkuv] {
    display: flex;
    flex-direction: column;
    padding: clamp(48px, 7vw, 110px) 7% 48px;
    background: linear-gradient(180deg, rgba(238, 248, 255, .95) 0%, rgba(235, 246, 255, .86) 28%, rgba(231, 244, 255, .12) 52%, rgba(237, 247, 255, .86) 75%, #f7fbff 100%), url('/img/visitsafe-campus.png') center center / cover no-repeat;
}

.auth-brand[b-tzkup9lkuv] { display: flex; align-items: center; justify-content: center; gap: 28px; }
.brand-mark[b-tzkup9lkuv] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 104px;
    height: 104px;
    border: 1px solid #fff;
    border-radius: 28px;
    background: linear-gradient(145deg, #ffffff, #e5f2ff 55%, #cee5ff);
    box-shadow: 0 16px 36px #246bb326, inset 0 2px 1px #fff, inset 0 -3px 6px #89b9ef30;
}
.auth-brand[b-tzkup9lkuv]  .brand-shield { width: 76px; height: 82px; color: #187bf0; filter: drop-shadow(0 5px 0 #0b54bb) drop-shadow(0 10px 10px #2479f538); }
.brand-copy[b-tzkup9lkuv] { min-width: 0; }
.auth-brand h1[b-tzkup9lkuv] {
    margin: 0;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.18;
    font-weight: 800;
    color: var(--auth-navy);
    letter-spacing: -1.5px;
    background: linear-gradient(110deg, #092d68 15%, #1259b4 70%, #2483e9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.auth-brand h1:lang(zh)[b-tzkup9lkuv] { letter-spacing: .14em; }
.auth-brand p[b-tzkup9lkuv] { margin: 14px 0 0; font-size: clamp(13px, 1.05vw, 17px); line-height: 1.6; color: #426180; letter-spacing: .04em; }
.auth-message[b-tzkup9lkuv] {
    position: relative;
    max-width: 100%;
    margin: 32px auto 0;
    padding: 21px 26px 15px;
    border: 1px solid #ffffffb3;
    border-radius: 16px;
    background: linear-gradient(115deg, #ffffffa8, #f0f8ff70);
    box-shadow: 0 8px 28px #367bb20a, inset 0 1px 0 #fff;
    text-align: center;
    color: #45617e;
}
.auth-message[b-tzkup9lkuv]::before { content: ""; position: absolute; top: 0; left: calc(50% - 24px); width: 48px; height: 3px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, #2279ee, #70bdff); }
.auth-message p[b-tzkup9lkuv] { margin: 0; font-size: clamp(15px, 1.15vw, 19px); line-height: 1.65; font-weight: 500; letter-spacing: .04em; text-wrap: balance; }
.auth-showcase-bottom[b-tzkup9lkuv] { margin-top: auto; padding-top: clamp(140px, 28vh, 280px); }
.auth-steps[b-tzkup9lkuv] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5.8%; transform: translateY(-32px); }
.auth-step[b-tzkup9lkuv] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 12px 18px; background: #ffffffdc; border: 1px solid #fff; border-radius: 20px; box-shadow: 0 12px 32px #5497d516; }
.auth-step[b-tzkup9lkuv]  .step-illustration { width: 84px; height: 84px; padding: 10px; color: #348cfa; background: #edf6ff; border-radius: 18px; filter: drop-shadow(0 6px 4px #87bdf140); }
.auth-step[b-tzkup9lkuv]  .step-arrow { position: absolute; left: calc(100% + 10px); top: 36%; width: 25px; color: var(--auth-blue); }
.step-number[b-tzkup9lkuv] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--auth-blue); border: 2px solid #fff; color: white; font-size: 18px; margin: 8px 0; }
.auth-step h2[b-tzkup9lkuv] { font-size: 17px; line-height: 1.4; font-weight: 600; margin: 0; overflow-wrap: anywhere; }
.auth-step p[b-tzkup9lkuv] { font-size: 13px; line-height: 1.5; font-weight: 400; color: var(--auth-muted); margin: 6px 0 0; }
.auth-benefits[b-tzkup9lkuv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 42px; }
.auth-benefit[b-tzkup9lkuv] { display: flex; gap: 14px; justify-content: center; align-items: center; color: #536b8c; padding: 0 14px; }
.auth-benefit + .auth-benefit[b-tzkup9lkuv] { border-left: 1px solid #d6e4f3; }
.auth-benefit[b-tzkup9lkuv]  .mud-icon-root { width: 36px; height: 36px; flex-shrink: 0; }
.auth-benefit span[b-tzkup9lkuv], .auth-benefit small[b-tzkup9lkuv] { display: block; font-size: 15px; }
.auth-benefit small[b-tzkup9lkuv] { margin-top: 2px; color: var(--auth-muted); font-size: 14px; }
.auth-panel[b-tzkup9lkuv] { display: flex; flex-direction: column; padding: 42px clamp(32px, 4.65vw, 80px) 42px; background: #fff; }
.auth-language[b-tzkup9lkuv] { display: flex; justify-content: flex-end; margin-bottom: 72px; }
.auth-language[b-tzkup9lkuv]  .mud-button { min-height: 44px; border: 1px solid #d4dce7; border-radius: 9px; color: #33445e; text-transform: none; font-size: 16px; }
.auth-form[b-tzkup9lkuv] { width: 100%; margin: auto 0; }
.auth-footer[b-tzkup9lkuv] { padding-top: 64px; text-align: center; color: #73849d; font-size: 12px; }

@media (min-width: 1500px) {
    .auth-panel[b-tzkup9lkuv] { padding-left: 13%; padding-right: 8%; }
}

@media (max-width: 1150px) {
    .visitsafe-auth[b-tzkup9lkuv] { grid-template-columns: minmax(0, 1.2fr) minmax(400px, 1fr); }
    .auth-showcase[b-tzkup9lkuv] { padding: 60px 28px 36px; }
    .auth-brand[b-tzkup9lkuv] { gap: 20px; }
    .brand-mark[b-tzkup9lkuv] { width: 80px; height: 80px; border-radius: 22px; }
    .auth-brand[b-tzkup9lkuv]  .brand-shield { width: 56px; height: 62px; }
    .auth-brand h1[b-tzkup9lkuv] { font-size: 38px; }
    .auth-steps[b-tzkup9lkuv] { gap: 12px; }
    .auth-step[b-tzkup9lkuv] { padding: 18px 8px; }
    .auth-step[b-tzkup9lkuv]  .step-arrow { display: none; }
    .auth-step[b-tzkup9lkuv]  .step-illustration { width: 62px; height: 62px; }
    .auth-step h2[b-tzkup9lkuv] { font-size: 14px; }
    .auth-step p[b-tzkup9lkuv], .auth-benefit small[b-tzkup9lkuv] { font-size: 12px; }
    .auth-benefit[b-tzkup9lkuv] { gap: 8px; padding: 0 8px; }
    .auth-benefit span[b-tzkup9lkuv] { font-size: 13px; }
}

@media (max-width: 850px) {
    .visitsafe-auth[b-tzkup9lkuv] { grid-template-columns: 1fr; }
    .auth-showcase[b-tzkup9lkuv] { padding: 36px 24px; min-height: 240px; background-position: center 38%; }
    .auth-brand[b-tzkup9lkuv] { gap: 16px; }
    .brand-mark[b-tzkup9lkuv] { width: 68px; height: 68px; border-radius: 19px; }
    .auth-brand[b-tzkup9lkuv]  .brand-shield { width: 48px; height: 52px; }
    .auth-brand h1[b-tzkup9lkuv] { font-size: clamp(28px, 5vw, 40px); }
    .auth-brand h1:lang(zh)[b-tzkup9lkuv] { letter-spacing: .08em; }
    .auth-brand p[b-tzkup9lkuv] { margin-top: 8px; font-size: 12px; }
    .auth-message[b-tzkup9lkuv] { margin-top: 24px; padding: 16px 18px 12px; }
    .auth-showcase-bottom[b-tzkup9lkuv] { display: none; }
    .auth-panel[b-tzkup9lkuv] { padding: 24px max(24px, calc((100vw - 480px) / 2)) 28px; }
    .auth-language[b-tzkup9lkuv] { margin-bottom: 28px; }
    .auth-footer[b-tzkup9lkuv] { padding-top: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .visitsafe-auth[b-tzkup9lkuv]  * { transition: none !important; }
}
/* /Pages/AI/Chatbot.razor.rz.scp.css */
.chatbot-shell[b-7rg63kdwla] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: calc(100dvh - 64px);
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
}

.chatbot-header[b-7rg63kdwla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.chatbot-title[b-7rg63kdwla] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.chatbot-thread[b-7rg63kdwla] {
    overflow-y: auto;
    padding: 32px 20px 24px;
}

.chatbot-empty[b-7rg63kdwla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(780px, 100%);
    margin: 8vh auto 0;
    text-align: center;
}

.chatbot-shell[b-7rg63kdwla]  .empty-copy {
    max-width: 560px;
    margin-top: 8px;
}

.prompt-grid[b-7rg63kdwla] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: min(720px, 100%);
    margin-top: 32px;
}

.chatbot-shell[b-7rg63kdwla]  .prompt-card {
    min-height: 56px;
    justify-content: flex-start;
    border-color: var(--mud-palette-lines-default) !important;
    border-radius: 8px;
    background: var(--mud-palette-surface);
    text-align: left;
    text-transform: none;
}

.message-list[b-7rg63kdwla] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: min(860px, 100%);
    margin: 0 auto;
}

.message-row[b-7rg63kdwla] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
}

.message-row-user[b-7rg63kdwla] {
    display: flex;
    justify-content: flex-end;
}

.message-row[b-7rg63kdwla]  .message-avatar {
    margin-top: 2px;
}

.message-bubble[b-7rg63kdwla] {
    max-width: min(720px, 100%);
    border-radius: 8px;
    font-size: 0.98rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.message-bubble-assistant[b-7rg63kdwla] {
    padding: 2px 0 0;
    color: var(--mud-palette-text-primary);
}

.message-bubble-user[b-7rg63kdwla] {
    padding: 12px 16px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.user-message[b-7rg63kdwla] {
    white-space: pre-wrap;
}

.typing-state[b-7rg63kdwla] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
}

.markdown-body[b-7rg63kdwla] {
    color: var(--mud-palette-text-primary);
}

.markdown-body[b-7rg63kdwla]  p {
    margin: 0 0 12px;
}

.markdown-body[b-7rg63kdwla]  p:last-child {
    margin-bottom: 0;
}

.markdown-body[b-7rg63kdwla]  h1,
.markdown-body[b-7rg63kdwla]  h2,
.markdown-body[b-7rg63kdwla]  h3,
.markdown-body[b-7rg63kdwla]  h4 {
    margin: 20px 0 10px;
    font-weight: 700;
    line-height: 1.3;
}

.markdown-body[b-7rg63kdwla]  h1 {
    font-size: 1.5rem;
}

.markdown-body[b-7rg63kdwla]  h2 {
    font-size: 1.25rem;
}

.markdown-body[b-7rg63kdwla]  h3 {
    font-size: 1.08rem;
}

.markdown-body[b-7rg63kdwla]  ul,
.markdown-body[b-7rg63kdwla]  ol {
    margin: 0 0 12px;
    padding-left: 24px;
}

.markdown-body[b-7rg63kdwla]  li {
    margin: 4px 0;
}

.markdown-body[b-7rg63kdwla]  blockquote {
    margin: 12px 0;
    padding: 8px 14px;
    border-left: 3px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
}

.markdown-body[b-7rg63kdwla]  code {
    border-radius: 5px;
    background: var(--mud-palette-action-default-hover);
    padding: 2px 5px;
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 0.92em;
}

.markdown-body[b-7rg63kdwla]  pre {
    margin: 12px 0;
    overflow-x: auto;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-dark);
    padding: 14px 16px;
    color: var(--mud-palette-dark-text);
}

.markdown-body[b-7rg63kdwla]  pre code {
    background: transparent;
    padding: 0;
    color: inherit;
}

.markdown-body[b-7rg63kdwla]  table {
    display: block;
    width: 100%;
    margin: 12px 0;
    overflow-x: auto;
    border-collapse: collapse;
}

.markdown-body[b-7rg63kdwla]  th,
.markdown-body[b-7rg63kdwla]  td {
    border: 1px solid var(--mud-palette-divider);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.markdown-body[b-7rg63kdwla]  th {
    background: var(--mud-palette-surface);
    font-weight: 700;
}

.markdown-body[b-7rg63kdwla]  a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.composer-shell[b-7rg63kdwla] {
    padding: 14px 20px 20px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
}

.composer-shell[b-7rg63kdwla]  .composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: end;
    gap: 10px;
    width: min(860px, 100%);
    margin: 0 auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    padding: 8px 8px 8px 16px;
}

.composer-shell[b-7rg63kdwla]  .composer-input {
    min-width: 0;
}

.composer-shell[b-7rg63kdwla]  .composer-input .mud-input-control {
    margin-top: 0;
}

.composer-shell[b-7rg63kdwla]  .composer-input .mud-input {
    font-size: 1rem;
    line-height: 1.5;
}

.composer-shell[b-7rg63kdwla]  .composer-input textarea {
    max-height: 180px;
    overflow-y: auto;
}

.composer-shell[b-7rg63kdwla]  .composer-send {
    width: 44px;
    height: 44px;
    border-radius: 8px;
}

.composer-shell[b-7rg63kdwla]  .composer-hint {
    display: block;
    width: min(860px, 100%);
    margin: 8px auto 0;
    text-align: center;
}

@media (max-width: 720px) {
    .chatbot-header[b-7rg63kdwla] {
        padding: 12px 16px;
    }

    .chatbot-thread[b-7rg63kdwla] {
        padding: 24px 14px 18px;
    }

    .chatbot-empty[b-7rg63kdwla] {
        margin-top: 4vh;
    }

    .prompt-grid[b-7rg63kdwla] {
        grid-template-columns: 1fr;
        margin-top: 24px;
    }

    .message-list[b-7rg63kdwla] {
        gap: 20px;
    }

    .message-row[b-7rg63kdwla] {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
    }

    .message-bubble[b-7rg63kdwla] {
        max-width: 100%;
    }

    .message-bubble-user[b-7rg63kdwla] {
        max-width: 88%;
    }

    .composer-shell[b-7rg63kdwla] {
        padding: 10px 12px 14px;
    }
}
/* /Pages/AIAgentProfiles/AIAgentProfiles.razor.rz.scp.css */
.ai-agent-profiles-page[b-bdvmvnbs90] {
    padding: 0px;
}

.ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profiles-toolbar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    padding: 16px;
}

.ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profiles-toolbar-row {
    flex-wrap: wrap;
}

.ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profile-search {
    max-width: 420px;
}

.ai-agent-profile-grid[b-bdvmvnbs90] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.ai-agent-profile-grid[b-bdvmvnbs90]  .ai-agent-profile-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 260px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    padding: 16px;
}

.ai-agent-profile-grid[b-bdvmvnbs90]  .ai-agent-profile-card .mud-divider {
    flex-grow: 0;
}

.ai-agent-profile-card-header[b-bdvmvnbs90] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.ai-agent-profile-card-header[b-bdvmvnbs90]  .ai-agent-profile-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-agent-profile-card-header[b-bdvmvnbs90]  .ai-agent-profile-description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ai-agent-profile-meta[b-bdvmvnbs90] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ai-agent-profile-meta span[b-bdvmvnbs90] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    max-width: 100%;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    padding: 4px 8px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-agent-profile-grid[b-bdvmvnbs90]  .ai-agent-profile-instructions {
    display: -webkit-box;
    margin-top: 16px;
    overflow: hidden;
    color: var(--mud-palette-text-secondary);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profile-state {
    display: flex;
    min-height: 260px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    padding: 24px;
    text-align: center;
}

@media (max-width: 720px) {
    .ai-agent-profiles-page[b-bdvmvnbs90] {
        padding: 12px;
    }

    .ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profiles-toolbar {
        padding: 12px;
    }

    .ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profiles-toolbar-row,
    .ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profiles-toolbar-row > .mud-stack-row {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .ai-agent-profiles-page[b-bdvmvnbs90]  .ai-agent-profile-search {
        max-width: none;
    }

    .ai-agent-profile-grid[b-bdvmvnbs90] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AIAgentProfiles/Components/AIAgentConversationHistoryDrawer.razor.rz.scp.css */
.ai-conversation-history-drawer[b-4jjlmqhz1o] {
    max-width: 100vw;
}

.ai-conversation-history-shell[b-4jjlmqhz1o] {
    display: flex;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    background: var(--mud-palette-background);
}

/* ================= HEADER ================= */
.ai-conversation-history-shell[b-4jjlmqhz1o]  .ai-conversation-history-header {
    flex: 0 0 auto;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    padding: 14px 20px;
}

.ai-conversation-header-icon[b-4jjlmqhz1o] {
    box-shadow: 0 2px 8px rgba(var(--mud-palette-primary-rgb), 0.25);
}

.ai-conversation-history-shell[b-4jjlmqhz1o]  .ai-conversation-history-title,
.ai-conversation-history-shell[b-4jjlmqhz1o]  .ai-conversation-session-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-conversation-history-title[b-4jjlmqhz1o] {
    font-weight: 600;
}

/* ================= FILTERS ================= */
.ai-conversation-history-filters[b-4jjlmqhz1o] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    padding: 10px 16px;
}

.ai-conversation-search-box[b-4jjlmqhz1o] {
    flex: 1 1 auto;
    min-width: 0;
}

.ai-conversation-status-select[b-4jjlmqhz1o] {
    flex: 0 0 150px;
    min-width: 130px;
}

/* ================= CONTENT LAYOUT ================= */
.ai-conversation-history-content[b-4jjlmqhz1o] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    min-height: 0;
    flex: 1 1 auto;
}

.ai-conversation-session-panel[b-4jjlmqhz1o],
.ai-conversation-message-panel[b-4jjlmqhz1o] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
}

/* ================= SESSION PANEL (LEFT) ================= */
.ai-conversation-session-panel[b-4jjlmqhz1o] {
    border-right: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-gray);
    display: flex;
    flex-direction: column;
}

.ai-conversation-session-list[b-4jjlmqhz1o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.ai-conversation-session-item[b-4jjlmqhz1o] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    padding: 12px 14px;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.ai-conversation-session-item:hover[b-4jjlmqhz1o] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.ai-conversation-session-item:focus-visible[b-4jjlmqhz1o] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 1px;
}

.ai-conversation-session-item.selected[b-4jjlmqhz1o] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 2px 8px rgba(var(--mud-palette-primary-rgb), 0.12);
}

.ai-conversation-session-item.selected[b-4jjlmqhz1o]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--mud-palette-primary);
}

.ai-conversation-session-heading[b-4jjlmqhz1o] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.ai-conversation-session-heading[b-4jjlmqhz1o]  .ai-conversation-session-title {
    min-width: 0;
    font-weight: 600;
    font-size: 0.925rem;
}

/* Status Pill */
.status-pill[b-4jjlmqhz1o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.725rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    white-space: nowrap;
}

.status-pill[b-4jjlmqhz1o]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.status-pill--active[b-4jjlmqhz1o] {
    background: rgba(var(--mud-palette-info-rgb), 0.12);
    color: var(--mud-palette-info);
}
.status-pill--active[b-4jjlmqhz1o]::before {
    background: var(--mud-palette-info);
}

.status-pill--completed[b-4jjlmqhz1o] {
    background: rgba(var(--mud-palette-success-rgb), 0.12);
    color: var(--mud-palette-success);
}
.status-pill--completed[b-4jjlmqhz1o]::before {
    background: var(--mud-palette-success);
}

.status-pill--failed[b-4jjlmqhz1o] {
    background: rgba(var(--mud-palette-error-rgb), 0.12);
    color: var(--mud-palette-error);
}
.status-pill--failed[b-4jjlmqhz1o]::before {
    background: var(--mud-palette-error);
}

.ai-conversation-session-user[b-4jjlmqhz1o],
.ai-conversation-session-metadata[b-4jjlmqhz1o] {
    display: flex;
    min-width: 0;
    align-items: center;
}

.ai-conversation-session-user[b-4jjlmqhz1o] {
    gap: 6px;
}

.ai-conversation-session-user[b-4jjlmqhz1o]  .ai-conversation-session-avatar {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    font-size: 0.7rem;
}

.ai-conversation-session-user[b-4jjlmqhz1o]  .ai-conversation-session-user-name,
.ai-conversation-session-user[b-4jjlmqhz1o]  .ai-conversation-session-time,
.ai-conversation-session-model[b-4jjlmqhz1o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-conversation-session-user[b-4jjlmqhz1o]  .ai-conversation-session-user-name {
    max-width: 130px;
    font-weight: 500;
}

.ai-conversation-session-user-separator[b-4jjlmqhz1o] {
    color: var(--mud-palette-text-disabled);
    font-size: 0.8rem;
}

.ai-conversation-session-metadata[b-4jjlmqhz1o] {
    gap: 8px;
    color: var(--mud-palette-text-secondary);
    padding-top: 2px;
}

.meta-chip[b-4jjlmqhz1o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.725rem;
    padding: 2px 6px;
    background: var(--mud-palette-background-gray);
    border-radius: 4px;
    border: 1px solid var(--mud-palette-lines-default);
}

.meta-chip--model[b-4jjlmqhz1o] {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ================= MESSAGE PANEL (RIGHT) ================= */
.ai-conversation-message-panel[b-4jjlmqhz1o] {
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-background);
}

.ai-conversation-message-header[b-4jjlmqhz1o] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    padding: 12px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}

.ai-conversation-message-header[b-4jjlmqhz1o]  .ai-conversation-mobile-back {
    display: none;
}

.ai-conversation-session-metrics[b-4jjlmqhz1o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.ai-conversation-message-list[b-4jjlmqhz1o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

/* Message Item Layout */
.ai-conversation-message-row[b-4jjlmqhz1o] {
    display: flex;
    gap: 12px;
    max-width: 88%;
    align-self: flex-start;
}

.ai-conversation-message-row.user[b-4jjlmqhz1o] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.ai-conversation-message-row.system[b-4jjlmqhz1o],
.ai-conversation-message-row.tool[b-4jjlmqhz1o] {
    width: 100%;
    max-width: 100%;
}

.message-avatar-wrap[b-4jjlmqhz1o] {
    flex: 0 0 34px;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.ai-conversation-message-body[b-4jjlmqhz1o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ai-conversation-message-meta[b-4jjlmqhz1o] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
}

.ai-conversation-message-row.user .ai-conversation-message-meta[b-4jjlmqhz1o] {
    justify-content: flex-end;
}

.ai-conversation-message-author[b-4jjlmqhz1o] {
    font-weight: 600;
}

.ai-conversation-message-time[b-4jjlmqhz1o] {
    color: var(--mud-palette-text-disabled);
    font-size: 0.72rem;
}

/* Bubbles */
.ai-conversation-message-bubble[b-4jjlmqhz1o] {
    position: relative;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px 16px 16px 4px;
    background: var(--mud-palette-surface);
    padding: 14px 16px;
    line-height: 1.65;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
    overflow-wrap: anywhere;
}

.ai-conversation-message-row.user .ai-conversation-message-bubble[b-4jjlmqhz1o] {
    border-color: transparent;
    border-radius: 16px 16px 4px 16px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 2px 8px rgba(var(--mud-palette-primary-rgb), 0.2);
}

.ai-conversation-message-row.system .ai-conversation-message-bubble[b-4jjlmqhz1o],
.ai-conversation-message-row.tool .ai-conversation-message-bubble[b-4jjlmqhz1o] {
    border-radius: 10px;
    border-left: 3px solid var(--mud-palette-info);
    background: var(--mud-palette-background-gray);
}

.ai-conversation-plain-text[b-4jjlmqhz1o] {
    white-space: pre-wrap;
    font-size: 0.935rem;
}

/* Action hover button */
.message-actions-bar[b-4jjlmqhz1o] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    opacity: 0;
    transition: opacity 150ms ease;
}

.ai-conversation-message-row:hover .message-actions-bar[b-4jjlmqhz1o] {
    opacity: 1;
}

.ai-conversation-message-row.user .message-actions-bar[b-4jjlmqhz1o] {
    justify-content: flex-end;
}

.message-badge-info[b-4jjlmqhz1o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
}

/* Markdown Rendering */
.markdown-body[b-4jjlmqhz1o] {
    color: var(--mud-palette-text-primary);
    font-size: 0.935rem;
}

.markdown-body[b-4jjlmqhz1o]  p {
    margin: 0 0 12px;
}

.markdown-body[b-4jjlmqhz1o]  p:last-child {
    margin-bottom: 0;
}

.markdown-body[b-4jjlmqhz1o]  h1,
.markdown-body[b-4jjlmqhz1o]  h2,
.markdown-body[b-4jjlmqhz1o]  h3,
.markdown-body[b-4jjlmqhz1o]  h4 {
    margin: 16px 0 8px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--mud-palette-text-primary);
}

.markdown-body[b-4jjlmqhz1o]  h1 { font-size: 1.35rem; }
.markdown-body[b-4jjlmqhz1o]  h2 { font-size: 1.2rem; }
.markdown-body[b-4jjlmqhz1o]  h3 { font-size: 1.05rem; }

.markdown-body[b-4jjlmqhz1o]  ul,
.markdown-body[b-4jjlmqhz1o]  ol {
    margin: 0 0 12px;
    padding-left: 20px;
}

.markdown-body[b-4jjlmqhz1o]  li {
    margin: 3px 0;
}

.markdown-body[b-4jjlmqhz1o]  blockquote {
    margin: 10px 0;
    padding: 8px 14px;
    border-left: 3px solid var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.05);
    border-radius: 0 6px 6px 0;
    color: var(--mud-palette-text-secondary);
}

.markdown-body[b-4jjlmqhz1o]  code {
    border-radius: 4px;
    background: rgba(var(--mud-palette-lines-default-rgb, 128, 128, 128), 0.15);
    padding: 2px 6px;
    font-family: "Cascadia Code", Consolas, "Fira Code", monospace;
    font-size: 0.88em;
}

.markdown-body[b-4jjlmqhz1o]  pre {
    margin: 12px 0;
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-dark);
    padding: 12px 16px;
    color: var(--mud-palette-dark-text);
}

.markdown-body[b-4jjlmqhz1o]  pre code {
    background: transparent;
    padding: 0;
    color: inherit;
    border-radius: 0;
}

.markdown-body[b-4jjlmqhz1o]  table {
    display: block;
    width: 100%;
    margin: 12px 0;
    overflow-x: auto;
    border-collapse: collapse;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default);
}

.markdown-body[b-4jjlmqhz1o]  th,
.markdown-body[b-4jjlmqhz1o]  td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    font-size: 0.875rem;
}

.markdown-body[b-4jjlmqhz1o]  th {
    background: var(--mud-palette-background-gray);
    font-weight: 600;
}

.markdown-body[b-4jjlmqhz1o]  a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ================= STATE & PLACEHOLDERS ================= */
.ai-conversation-history-state[b-4jjlmqhz1o] {
    display: flex;
    min-height: 260px;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    text-align: center;
}

.ai-conversation-details-placeholder[b-4jjlmqhz1o] {
    height: 100%;
}

.placeholder-icon-wrap[b-4jjlmqhz1o] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    color: var(--mud-palette-primary);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
    .ai-conversation-history-drawer[b-4jjlmqhz1o] {
        width: 100vw !important;
    }

    .ai-conversation-history-filters[b-4jjlmqhz1o] {
        flex-direction: column;
        align-items: stretch;
    }

    .ai-conversation-status-select[b-4jjlmqhz1o] {
        flex: 1 1 auto;
    }

    .ai-conversation-history-content[b-4jjlmqhz1o] {
        grid-template-columns: 1fr;
    }

    .ai-conversation-history-content.show-details .ai-conversation-session-panel[b-4jjlmqhz1o],
    .ai-conversation-history-content:not(.show-details) .ai-conversation-message-panel[b-4jjlmqhz1o] {
        display: none;
    }

    .ai-conversation-message-header[b-4jjlmqhz1o]  .ai-conversation-mobile-back {
        display: inline-flex;
    }

    .ai-conversation-message-list[b-4jjlmqhz1o] {
        padding: 16px;
    }

    .ai-conversation-message-row[b-4jjlmqhz1o] {
        max-width: 95%;
    }
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.operations-dashboard[b-5iiasnvdse] {
    --dash-blue: #6087af;
    --dash-green: #46977e;
    --dash-amber: #c3a166;
    --dash-red: #c27c87;
    --dash-purple: #9c8eb4;
    --dash-slate: #b3c3d6;
    --dash-track: var(--mud-palette-background-gray);
    --dash-border: var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
    --mud-typography-body1-size: 12px;
    --mud-typography-body2-size: 10px;
    --mud-typography-subtitle2-size: 12px;
    --mud-typography-button-size: 12px;
    --mud-typography-h4-size: 19px;
    --mud-typography-h6-size: 14px;
    font-size: 12px;
    line-height: 1.5;
    max-width: 1800px;
    margin: 0 auto;
}
.dashboard-head[b-5iiasnvdse], .demo-ribbon[b-5iiasnvdse], .panel[b-5iiasnvdse], .kpi[b-5iiasnvdse] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--dash-border);
    border-radius: 8px;
}
.dashboard-head[b-5iiasnvdse] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 8px 8px 0 0; border-bottom: 0; }
.dashboard-breadcrumb[b-5iiasnvdse] { display: flex; align-items: center; gap: 5px; color: var(--mud-palette-text-secondary); margin-bottom: 5px; }
.dashboard-actions[b-5iiasnvdse] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.dashboard-select[b-5iiasnvdse], .dashboard-search[b-5iiasnvdse], .pagination button[b-5iiasnvdse] { font: inherit; color: inherit; background: var(--mud-palette-surface); border: 1px solid var(--dash-border); border-radius: 4px; min-height: 30px; padding: 4px 8px; }
.dashboard-select[b-5iiasnvdse] { max-width: 220px; }
.segmented[b-5iiasnvdse] { display: inline-flex; padding: 3px; gap: 2px; border: 1px solid var(--dash-border); border-radius: 5px; background: var(--dash-track); }
.segmented button[b-5iiasnvdse] { font: inherit; border: 0; border-radius: 3px; background: transparent; color: var(--mud-palette-text-secondary); padding: 4px 8px; min-height: 24px; cursor: pointer; white-space: nowrap; }
.segmented button.active[b-5iiasnvdse] { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); box-shadow: 0 1px 4px #20395416; }
.demo-ribbon[b-5iiasnvdse] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 7px 16px; border-radius: 0 0 8px 8px; color: var(--mud-palette-text-secondary); margin-bottom: 12px; }
.demo-dot[b-5iiasnvdse], .dot[b-5iiasnvdse] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex: none; }
.demo-dot[b-5iiasnvdse] { background: var(--dash-green); margin-right: 6px; }
.kpi-grid[b-5iiasnvdse] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.kpi[b-5iiasnvdse] { position: relative; min-width: 0; padding: 12px 14px; overflow: hidden; }
.kpi-label[b-5iiasnvdse] { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--mud-palette-text-secondary); }
.kpi-value[b-5iiasnvdse] { font-size: 27px; font-weight: 700; line-height: 1.3; margin: 7px 0 3px; }
.kpi > .secondary[b-5iiasnvdse] { display: block; padding-right: 52px; min-height: 1.5em; }
.sparkline[b-5iiasnvdse] { position: absolute; bottom: 12px; right: 10px; width: 58px; height: 30px; }
.sparkline polyline[b-5iiasnvdse] { fill: none; stroke: var(--dash-blue); stroke-width: 1.8; opacity: .6; }
.dashboard-grid[b-5iiasnvdse] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; }
.span-8[b-5iiasnvdse] { grid-column: span 8; }
.span-4[b-5iiasnvdse] { grid-column: span 4; }
.panel[b-5iiasnvdse] { min-width: 0; overflow: hidden; scroll-margin-top: 90px; }
.panel-heading[b-5iiasnvdse] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--dash-border); }
.panel-content[b-5iiasnvdse] { padding: 12px 14px; }
.panel-footer[b-5iiasnvdse] { border-top: 1px solid var(--dash-border); display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 14px; color: var(--mud-palette-text-secondary); }
.secondary[b-5iiasnvdse], .sub-text[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); }
.sub-text[b-5iiasnvdse] { display: block; margin-top: 3px; overflow-wrap: anywhere; }
.application-id[b-5iiasnvdse] { font-weight: 600; color: var(--mud-palette-text-primary); }
.legend[b-5iiasnvdse], .legend > span[b-5iiasnvdse], .split-labels > span[b-5iiasnvdse], .category-row > span[b-5iiasnvdse] { display: flex; gap: 6px; align-items: center; }
.legend[b-5iiasnvdse] { gap: 14px; color: var(--mud-palette-text-secondary); flex-wrap: wrap; }
.dot.blue[b-5iiasnvdse], .stacked > .blue[b-5iiasnvdse], .bar-track > .blue[b-5iiasnvdse] { background: var(--dash-blue); }
.dot.green[b-5iiasnvdse], .stacked > .green[b-5iiasnvdse] { background: var(--dash-green); }
.dot.amber[b-5iiasnvdse], .stacked > .amber[b-5iiasnvdse] { background: var(--dash-amber); }
.dot.red[b-5iiasnvdse], .stacked > .red[b-5iiasnvdse] { background: var(--dash-red); }
.dot.purple[b-5iiasnvdse], .bar-track > .purple[b-5iiasnvdse] { background: var(--dash-purple); }
.dot.slate[b-5iiasnvdse], .stacked > .slate[b-5iiasnvdse] { background: var(--dash-slate); }
.green-text[b-5iiasnvdse] { color: var(--mud-palette-success); }
.amber-text[b-5iiasnvdse] { color: var(--mud-palette-warning); }
.trend-chart[b-5iiasnvdse] { height: 225px; padding: 12px 14px 6px; }
.trend-chart svg[b-5iiasnvdse] { width: 100%; height: 100%; overflow: visible; }
.trend-chart text[b-5iiasnvdse] { fill: var(--mud-palette-text-secondary); font: inherit; font-size: 10px; }
.chart-grid[b-5iiasnvdse] { stroke: var(--dash-border); stroke-width: 1; }
.chart-line[b-5iiasnvdse] { stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; fill: none; vector-effect: non-scaling-stroke; }
.chart-line.scheduled[b-5iiasnvdse] { stroke: var(--dash-blue); }
.chart-line.attended[b-5iiasnvdse] { stroke: var(--dash-green); }
.chart-point[b-5iiasnvdse] { fill: var(--mud-palette-surface); stroke: var(--dash-blue); stroke-width: 1.5; }
.mini-metrics[b-5iiasnvdse] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 12px; gap: 8px; }
.mini-metrics > div[b-5iiasnvdse] { border-right: 1px solid var(--dash-border); }
.mini-metrics > div:last-child[b-5iiasnvdse] { border: 0; }
.mini-metrics strong[b-5iiasnvdse] { display: block; font-size: 18px; }
.mini-metrics span[b-5iiasnvdse] { display: block; color: var(--mud-palette-text-secondary); margin-top: 3px; }
.stacked[b-5iiasnvdse] { height: 9px; display: flex; gap: 1px; background: var(--dash-track); overflow: hidden; border-radius: 3px; }
.stacked > i[b-5iiasnvdse] { display: block; height: 100%; }
.split-labels[b-5iiasnvdse] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; color: var(--mud-palette-text-secondary); margin: 8px 0; }
.queue-list[b-5iiasnvdse] { margin-top: 10px; }
.bar-row[b-5iiasnvdse] { display: grid; grid-template-columns: minmax(0, 125px) minmax(30px, 1fr) 28px; align-items: center; gap: 8px; padding: 8px 0; }
.bar-row > span[b-5iiasnvdse] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mud-palette-text-secondary); }
.bar-row > strong[b-5iiasnvdse] { text-align: right; }
.bar-track[b-5iiasnvdse] { height: 7px; border-radius: 5px; overflow: hidden; background: var(--dash-track); }
.bar-track > i[b-5iiasnvdse] { display: block; height: 100%; border-radius: inherit; }
.context-note[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); margin: 10px 0 0; }
.distribution[b-5iiasnvdse] { display: flex; align-items: center; gap: 16px; min-height: 190px; }
.donut[b-5iiasnvdse] { width: 120px; height: 120px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.donut > div[b-5iiasnvdse] { width: 88px; height: 88px; border-radius: 50%; background: var(--mud-palette-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.donut strong[b-5iiasnvdse] { font-size: 22px; }
.donut span[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); }
.category-list[b-5iiasnvdse] { flex: 1; display: grid; gap: 10px; min-width: 0; }
.category-row[b-5iiasnvdse] { display: flex; justify-content: space-between; gap: 10px; }
.category-row > span[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); }
.compliance-total[b-5iiasnvdse] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.compliance-total > strong[b-5iiasnvdse] { font-size: 24px; }
.compliance-total > span:nth-child(2)[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); flex: 1; }
.training-legend[b-5iiasnvdse] { justify-content: flex-start; gap: 10px; }
.course-row[b-5iiasnvdse] { margin-top: 12px; }
.course-row > div:first-child[b-5iiasnvdse] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.table-tools[b-5iiasnvdse] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 14px; }
.dashboard-search[b-5iiasnvdse] { width: 240px; max-width: 100%; }
.table-scroll[b-5iiasnvdse] { position: relative; width: 100%; overflow-x: auto; }
.data-table[b-5iiasnvdse] { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.data-table th[b-5iiasnvdse] { background: var(--dash-track); color: var(--mud-palette-text-secondary); font-weight: 500; padding: 8px 10px; border-bottom: 1px solid var(--dash-border); }
.data-table td[b-5iiasnvdse] { border-bottom: 1px solid var(--dash-border); padding: 8px 10px; }
.data-table th:first-child[b-5iiasnvdse], .data-table td:first-child[b-5iiasnvdse] { padding-left: 14px; }
.data-table th:last-child[b-5iiasnvdse], .data-table td:last-child[b-5iiasnvdse] { padding-right: 14px; }
.data-table .sub-text[b-5iiasnvdse] { white-space: normal; max-width: 260px; }
.data-table tbody tr:hover[b-5iiasnvdse] { background: var(--mud-palette-action-default-hover); }
.status-badge[b-5iiasnvdse] { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; padding: 2px 6px; border: 1px solid currentColor; border-radius: 4px; }
.status-badge[b-5iiasnvdse]::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-badge.green[b-5iiasnvdse] { color: var(--mud-palette-success); background: var(--mud-palette-success-hover); }
.status-badge.amber[b-5iiasnvdse] { color: var(--mud-palette-warning); background: var(--mud-palette-warning-hover); }
.status-badge.red[b-5iiasnvdse] { color: var(--mud-palette-error); background: var(--mud-palette-error-hover); }
.status-badge.blue[b-5iiasnvdse] { color: var(--mud-palette-info); background: var(--mud-palette-info-hover); }
.status-badge.purple[b-5iiasnvdse] { color: var(--mud-palette-secondary); background: var(--mud-palette-secondary-hover); }
.status-badge.slate[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); background: var(--dash-track); }
.pagination[b-5iiasnvdse] { display: flex; gap: 6px; }
.pagination button[b-5iiasnvdse] { cursor: pointer; }
.pagination button:disabled[b-5iiasnvdse] { cursor: default; opacity: .45; }
.dashboard-side[b-5iiasnvdse] { display: grid; gap: 10px; align-content: start; min-width: 0; }
.attention-list[b-5iiasnvdse] { padding: 0 14px; }
.attention-row[b-5iiasnvdse] { display: flex; align-items: flex-start; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--dash-border); color: inherit; text-decoration: none; }
.attention-row:last-child[b-5iiasnvdse] { border: 0; }
.alert-icon[b-5iiasnvdse] { width: 28px; height: 28px; border-radius: 5px; display: grid; place-items: center; flex: none; }
.alert-icon.amber[b-5iiasnvdse] { color: var(--mud-palette-warning); background: var(--mud-palette-warning-hover); }
.alert-icon.red[b-5iiasnvdse] { color: var(--mud-palette-error); background: var(--mud-palette-error-hover); }
.alert-icon.blue[b-5iiasnvdse] { color: var(--mud-palette-info); background: var(--mud-palette-info-hover); }
.attention-copy[b-5iiasnvdse] { flex: 1; min-width: 0; }
.attention-copy > strong[b-5iiasnvdse] { font-weight: 500; }
.alert-count[b-5iiasnvdse] { color: var(--mud-palette-text-secondary); background: var(--dash-track); padding: 2px 7px; border-radius: 12px; }
.upcoming-list[b-5iiasnvdse] { padding: 0 14px; }
.upcoming-row[b-5iiasnvdse] { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; font: inherit; color: inherit; background: transparent; border: 0; border-bottom: 1px solid var(--dash-border); padding: 10px 0; }
.upcoming-row:last-child[b-5iiasnvdse] { border: 0; }
.upcoming-row > span:nth-child(2)[b-5iiasnvdse] { flex: 1; min-width: 0; }
.upcoming-row strong[b-5iiasnvdse] { font-weight: 500; }
.upcoming-date[b-5iiasnvdse] { flex: none; width: 75px; text-align: center; padding: 6px 4px; border: 1px solid var(--dash-border); border-radius: 5px; background: var(--dash-track); color: var(--mud-palette-text-secondary); }
.upcoming-date strong[b-5iiasnvdse] { display: block; color: var(--mud-palette-text-primary); }
.dashboard-footnote[b-5iiasnvdse] { text-align: right; color: var(--mud-palette-text-secondary); margin: 10px 0 0; }
.empty-state[b-5iiasnvdse] { padding: 20px 14px; text-align: center; color: var(--mud-palette-text-secondary); }
.secondary[b-5iiasnvdse], .sub-text[b-5iiasnvdse], .dashboard-breadcrumb[b-5iiasnvdse], .demo-ribbon[b-5iiasnvdse], .kpi-label[b-5iiasnvdse], .legend[b-5iiasnvdse], .panel-footer[b-5iiasnvdse],
.mini-metrics span[b-5iiasnvdse], .split-labels[b-5iiasnvdse], .context-note[b-5iiasnvdse], .donut span[b-5iiasnvdse], .compliance-total > span[b-5iiasnvdse],
.alert-count[b-5iiasnvdse], .upcoming-date[b-5iiasnvdse], .dashboard-footnote[b-5iiasnvdse], .data-table th[b-5iiasnvdse], .status-badge[b-5iiasnvdse] { font-size: 10px; }
.operations-dashboard[b-5iiasnvdse]  .dashboard-actions .mud-button-root { min-height: 30px; padding: 4px 10px; }
button:focus-visible[b-5iiasnvdse], a:focus-visible[b-5iiasnvdse], select:focus-visible[b-5iiasnvdse], input:focus-visible[b-5iiasnvdse], [tabindex]:focus-visible[b-5iiasnvdse] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }

@media (max-width: 1350px) {
    .kpi-grid[b-5iiasnvdse] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dashboard-head[b-5iiasnvdse] { flex-wrap: wrap; align-items: flex-start; }
    .dashboard-actions[b-5iiasnvdse] { justify-content: flex-start; }
    .distribution[b-5iiasnvdse] { gap: 14px; flex-wrap: wrap; }
    .distribution .category-list[b-5iiasnvdse] { min-width: 120px; }
}
@media (max-width: 1100px) {
    .span-8[b-5iiasnvdse] { grid-column: span 12; }
    .span-4[b-5iiasnvdse] { grid-column: span 6; }
    .dashboard-side[b-5iiasnvdse] { grid-column: span 12; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .distribution[b-5iiasnvdse] { flex-wrap: nowrap; }
    .panel-heading[b-5iiasnvdse] { align-items: flex-start; }
}
@media (max-width: 700px) {
    .dashboard-head[b-5iiasnvdse] { padding: 12px; }
    .demo-ribbon[b-5iiasnvdse] { padding: 7px 12px; }
    .kpi-grid[b-5iiasnvdse] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .kpi[b-5iiasnvdse] { padding: 12px; }
    .kpi > .secondary[b-5iiasnvdse] { padding-right: 0; }
    .sparkline[b-5iiasnvdse] { display: none; }
    .dashboard-grid[b-5iiasnvdse] { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .dashboard-grid > *[b-5iiasnvdse] { grid-column: 1; }
    .dashboard-side[b-5iiasnvdse] { grid-template-columns: minmax(0, 1fr); }
    .panel-heading[b-5iiasnvdse] { padding: 10px 12px; flex-wrap: wrap; }
    .panel-content[b-5iiasnvdse] { padding: 12px; }
    .trend-chart[b-5iiasnvdse] { height: 195px; padding: 12px 10px 6px; }
    .trend-chart text[b-5iiasnvdse] { font-size: 22px; }
    .table-tools[b-5iiasnvdse] { align-items: stretch; padding: 12px 14px; }
    .table-tools .segmented[b-5iiasnvdse] { max-width: 100%; overflow-x: auto; }
    .dashboard-search[b-5iiasnvdse] { width: 100%; }
    .dashboard-select[b-5iiasnvdse] { max-width: 100%; }
    .dashboard-actions[b-5iiasnvdse] { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .operations-dashboard *[b-5iiasnvdse], .operations-dashboard *[b-5iiasnvdse]::before, .operations-dashboard *[b-5iiasnvdse]::after { transition: none !important; animation: none !important; }
}
/* /Pages/FieldGroupTemplates/Components/FieldSectionView.razor.rz.scp.css */
.field-section[b-h17je8z8py] {
    margin-bottom: 1rem;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    transition: border-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease, background-color 200ms ease;
}

.field-section:not(.field-section--inactive):hover[b-h17je8z8py] {
    border-color: var(--mud-palette-lines-inputs);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Inactive Section Styling */
.field-section.field-section--inactive[b-h17je8z8py] {
    opacity: 0.75;
    border: 1px dashed var(--mud-palette-lines-default) !important;
    background: var(--mud-palette-background-gray) !important;
    box-shadow: none !important;
}

.field-section.field-section--inactive:hover[b-h17je8z8py] {
    border-color: var(--mud-palette-lines-default) !important;
    box-shadow: none !important;
}

.field-section.field-section--inactive[b-h17je8z8py]  .field-section__panel {
    background: var(--mud-palette-background-gray) !important;
}

.field-section.field-section--inactive[b-h17je8z8py]  .field-section__panel .mud-expand-panel-header {
    background: var(--mud-palette-background-gray) !important;
}

.field-section[b-h17je8z8py]  .field-section__panel {
    background: var(--mud-palette-surface);
}

.field-section[b-h17je8z8py]  .field-section__panel .mud-expand-panel-header {
    min-height: 3.5rem;
    padding: 0.75rem 1.25rem;
    background: var(--mud-palette-background-gray);
    border-bottom: 1px solid transparent;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.field-section[b-h17je8z8py]  .field-section__panel.mud-panel-expanded .mud-expand-panel-header {
    border-bottom-color: var(--mud-palette-lines-default);
}

.field-section[b-h17je8z8py]  .field-section__panel .mud-expand-panel-content {
    padding: 0;
}

.field-section__description[b-h17je8z8py] {
    max-width: 75ch;
    padding: 0.875rem 1.25rem 0.5rem;
}

.field-section[b-h17je8z8py]  .field-section__table .mud-table-head {
    background: var(--mud-palette-background-gray);
}

.field-section[b-h17je8z8py]  .field-section__table .mud-table-cell {
    padding: 0.75rem 1.25rem;
    vertical-align: middle;
}

.field-section[b-h17je8z8py]  .field-section__table .mud-table-head .mud-table-cell {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.025em;
}

/* Inactive Table Row Styling */
.field-section[b-h17je8z8py]  .field-section__table .mud-table-body tr.field-section-row--inactive,
.field-section[b-h17je8z8py]  .field-section__table .mud-table-body tr.field-section-row--inactive:hover,
.field-section[b-h17je8z8py]  tr.field-section-row--inactive,
.field-section[b-h17je8z8py]  tr.field-section-row--inactive:hover {
    opacity: 0.65;
    background-color: var(--mud-palette-background-gray) !important;
}

.field-section[b-h17je8z8py]  .field-section-code-badge,
.field-section[b-h17je8z8py]  .field-item-code-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0rem;
/*    border: 1px solid var(--mud-palette-lines-default);*/
/*    border-radius: 4px;*/
/*    background: var(--mud-palette-background-gray);*/
    color: var(--mud-palette-text-secondary);
    font-family: monospace;
    font-size: 0.75rem;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .field-section[b-h17je8z8py]  .field-section__panel .mud-expand-panel-header {
        padding: 0.75rem 1rem;
    }

    .field-section[b-h17je8z8py]  .field-section__table .mud-table-cell {
        padding: 0.75rem 1rem;
    }
}
/* /Pages/FieldGroupTemplates/EditFieldGroupTemplate.razor.rz.scp.css */
.field-sections__header[b-ma7x84as2q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.field-sections__actions[b-ma7x84as2q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* =========================================================
   Level 1: Section Drop Zone & Cards
   ========================================================= */

.field-sections__drop-area[b-ma7x84as2q] {
    margin-top: 0;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-sections__drop-zone {
    display: grid;
    gap: 1rem;
    padding: 0.25rem;
    border-radius: var(--mud-default-borderradius);
    transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
                outline-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active dropzone when dragging sections */
.field-sections__drop-area[b-ma7x84as2q]  .field-sections__drop-zone.field-sections__drop-zone--active,
.field-sections__drop-area[b-ma7x84as2q]  .field-sections-drop-container.field-sections__container--dragging .field-sections__drop-zone {
    outline: 2px dashed var(--mud-palette-primary);
    outline-offset: 4px;
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}

/* Section Card Base */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    overflow: hidden;
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 200ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1),
                border-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
                background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item:not(.field-section-sort-item--inactive):hover {
    border-color: var(--mud-palette-lines-inputs);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item.field-section-sort-item--inactive {
    opacity: 0.75;
    border: 1px dashed var(--mud-palette-lines-default) !important;
    background: var(--mud-palette-background-gray) !important;
    box-shadow: none !important;
}

/* Section Card Header */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__header {
    padding: 0.75rem 1.25rem;
    background: var(--mud-palette-background-gray);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__content {
    min-width: 0;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__title {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__desc {
    margin-top: 0.125rem;
    line-height: 1.4;
}

/* Section Dragging State (Ghost / Moving item) */
.field-sections__drop-area[b-ma7x84as2q]  .mud-drop-item.field-section-sort-item--dragging .field-section-sort-item {
    opacity: 0.6;
    transform: scale(0.99);
    border: 2px dashed var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    box-shadow: 0 0.75rem 1.5rem rgba(var(--mud-palette-primary-rgb), 0.2);
}

/* Collapse inner items when dragging section for cleaner UX */
.field-sections__drop-area[b-ma7x84as2q]  .mud-drop-item.field-section-sort-item--dragging .field-section-items-wrapper {
    display: none;
}

/* Wrapper for nested field items inside section card */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-items-wrapper {
    padding: 0.75rem 1.25rem 1rem;
    background: var(--mud-palette-surface);
}

/* =========================================================
   Level 2: Nested Field Items Drop Zone & Rows
   ========================================================= */

.field-sections__drop-area[b-ma7x84as2q]  .field-section-items {
    margin-top: 0;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-items__drop-zone {
    display: grid;
    gap: 0.5rem;
    padding: 0.25rem;
    border-radius: calc(var(--mud-default-borderradius) - 2px);
    transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
                outline-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active dropzone when dragging field items */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-items__drop-zone.field-section-items__drop-zone--active,
.field-sections__drop-area[b-ma7x84as2q]  .field-section-items.field-section-items__container--dragging .field-section-items__drop-zone {
    outline: 2px dashed var(--mud-palette-primary);
    outline-offset: 2px;
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
}

/* Field Item Row */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-item {
    padding: 0.625rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: calc(var(--mud-default-borderradius) - 2px);
    background: var(--mud-palette-surface);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1),
                border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-item:not(.field-section-item--inactive):hover {
    background: var(--mud-palette-action-hover);
    border-color: var(--mud-palette-lines-inputs);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-item.field-section-item--inactive {
    opacity: 0.7;
    border: 1px dashed var(--mud-palette-lines-default) !important;
    background: var(--mud-palette-background-gray) !important;
    box-shadow: none !important;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-item__content {
    min-width: 0;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-item__label {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-item__desc {
    margin-top: 0.125rem;
    line-height: 1.35;
}

/* Field Item Dragging State (Ghost / Moving item) */
.field-sections__drop-area[b-ma7x84as2q]  .mud-drop-item.field-section-item--dragging .field-section-item {
    opacity: 0.6;
    transform: scale(0.99);
    border: 2px dashed var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    box-shadow: 0 0.5rem 1.25rem rgba(var(--mud-palette-primary-rgb), 0.18);
}

/* =========================================================
   Shared: Drag Handles, Badges, Empty States
   ========================================================= */

/* Drag Handle Pill */
.field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border-radius: 4px;
    cursor: grab;
    touch-action: none;
    user-select: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill:hover {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
}

.field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill:hover .field-section-sort-item__handle {
    color: var(--mud-palette-primary) !important;
}

.field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill:active {
    cursor: grabbing;
}

.field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill--small {
    padding: 0.125rem;
}

.field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__handle {
    flex-shrink: 0;
    transition: color 150ms ease;
}

/* Code Badges */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-code-badge,
.field-sections__drop-area[b-ma7x84as2q]  .field-item-code-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.45rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-family: monospace;
    font-size: 0.75rem;
    line-height: 1.4;
}

/* Empty states */
.field-sections__drop-area[b-ma7x84as2q]  .field-section-items--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem 1rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: calc(var(--mud-default-borderradius) - 2px);
    background: var(--mud-palette-background-gray);
}

.field-sections__empty[b-ma7x84as2q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
}

/* Accessibility: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .field-sections__drop-area[b-ma7x84as2q]  .field-sections__drop-zone,
    .field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item,
    .field-sections__drop-area[b-ma7x84as2q]  .field-section-item,
    .field-sections__drop-area[b-ma7x84as2q]  .field-section-items__drop-zone,
    .field-sections__drop-area[b-ma7x84as2q]  .drag-handle-pill {
        transition: none;
    }

    .field-sections__drop-area[b-ma7x84as2q]  .mud-drop-item.field-section-sort-item--dragging .field-section-sort-item,
    .field-sections__drop-area[b-ma7x84as2q]  .mud-drop-item.field-section-item--dragging .field-section-item {
        transform: none;
    }
}

/* Mobile Responsiveness */
@media (max-width: 600px) {
    .field-sections__header[b-ma7x84as2q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .field-sections__actions[b-ma7x84as2q] {
        width: 100%;
    }

    .field-sections__actions > *[b-ma7x84as2q] {
        flex: 1;
    }

    .field-sections__drop-area[b-ma7x84as2q]  .field-section-sort-item__header {
        padding: 0.75rem 1rem;
    }

    .field-sections__drop-area[b-ma7x84as2q]  .field-section-items-wrapper {
        padding: 0.5rem 0.75rem 0.75rem;
    }

    .field-sections__drop-area[b-ma7x84as2q]  .field-section-item {
        padding: 0.5rem 0.75rem;
    }
}
/* /Pages/FieldGroupTemplates/ViewFieldGroupTemplate.razor.rz.scp.css */
.field-sections__header[b-oz8evvlww1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.field-sections-view__list[b-oz8evvlww1]  .mud-expand-panel {
    border-radius: var(--mud-default-borderradius);
    margin-bottom: 0rem;
}

.field-sections__empty[b-oz8evvlww1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
}

.field-group-template-header-summary[b-oz8evvlww1] {
    grid-column: 1 / -1;
    gap: 0.75rem;
}

.field-group-template-header-summary[b-oz8evvlww1]  .field-group-template-header-summary__title {
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    letter-spacing: -0.015em;
}

.field-group-template-header-summary__code[b-oz8evvlww1] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    line-height: 1.4;
}

.field-group-template-header-summary[b-oz8evvlww1]  .field-group-template-header-summary__description {
    max-width: 75ch;
    line-height: 1.5;
}

.field-group-template-header-summary[b-oz8evvlww1]  .field-group-template-header-summary__metrics {
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Identity/Login/Login.razor.rz.scp.css */
.visitsafe-login[b-kf7ibxmbwp] { color: #111c30; }
.login-heading[b-kf7ibxmbwp] { margin-bottom: 36px; }
.login-heading h2[b-kf7ibxmbwp] { margin: 0 0 10px; font-size: clamp(28px, 2.55vw, 42px); line-height: 1.25; font-weight: 700; letter-spacing: -.6px; }
.login-heading p[b-kf7ibxmbwp] { margin: 0 0 5px; font-size: 19px; color: #68758a; }
.login-heading span[b-kf7ibxmbwp] { font-size: 17px; color: #68758a; }
.visitsafe-login:lang(de) .login-heading h2[b-kf7ibxmbwp] { font-size: clamp(26px, 2.1vw, 36px); overflow-wrap: anywhere; }
.login-fields[b-kf7ibxmbwp] { display: grid; gap: 18px; }
.login-fields[b-kf7ibxmbwp]  .mud-input-control { margin: 0; }
.login-fields[b-kf7ibxmbwp]  .mud-input-outlined { border-radius: 10px; background: #fff; }
.login-fields[b-kf7ibxmbwp]  .mud-input-outlined-border { border-color: #d5deea; }
.login-fields[b-kf7ibxmbwp]  .mud-input-slot { min-height: 28px; padding-top: 17px; padding-bottom: 17px; font-size: 16px; }
.login-fields[b-kf7ibxmbwp]  .mud-input-adornment { color: #75869d; }
.login-fields[b-kf7ibxmbwp]  .mud-input-label { color: #677a94; }
.login-options[b-kf7ibxmbwp] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin: 14px 0 30px; }
.login-options[b-kf7ibxmbwp]  .mud-checkbox { margin-left: -8px; }
.login-options[b-kf7ibxmbwp]  .mud-typography { font-size: 14px; }
.login-options[b-kf7ibxmbwp]  .mud-link { color: #1671f7; font-size: 14px; }
.visitsafe-login[b-kf7ibxmbwp]  .login-submit { min-height: 64px; border-radius: 17px; background: linear-gradient(100deg, #1d6df0, #3595ff); box-shadow: 0 12px 22px #277eee26; text-transform: none; font-size: 20px; font-weight: 400; }
.visitsafe-login[b-kf7ibxmbwp]  .login-submit:hover { background: #1b6fe9; box-shadow: 0 14px 26px #277eee40; }
.visitsafe-login[b-kf7ibxmbwp]  .login-submit:focus-visible { outline: 3px solid #083a81; outline-offset: 4px; }
.login-divider[b-kf7ibxmbwp] { display: flex; gap: 20px; align-items: center; margin: 40px 0 20px; color: #52627a; font-size: 14px; text-align: center; }
.login-divider[b-kf7ibxmbwp]::before, .login-divider[b-kf7ibxmbwp]::after { content: ""; flex: 1; height: 1px; background: #dce3ec; }
.visitsafe-login[b-kf7ibxmbwp]  .login-sso { min-height: 62px; border-radius: 11px; text-transform: none; font-size: 16px; }
.visitsafe-login[b-kf7ibxmbwp]  .login-sso.mud-disabled { color: #586b85 !important; border-color: #d5deea !important; background: #f6f9fd !important; }
@media (max-width: 850px) {
    .login-heading[b-kf7ibxmbwp] { margin-bottom: 28px; }
    .login-heading h2[b-kf7ibxmbwp] { font-size: 30px; }
    .login-options[b-kf7ibxmbwp] { margin-bottom: 24px; }
    .login-divider[b-kf7ibxmbwp] { margin-top: 30px; }
}
/* /Pages/Identity/Roles/Components/PermissionsDrawer.razor.rz.scp.css */
.permissions-drawer[b-l6tttknx37],
[b-l6tttknx37] .permissions-drawer {
    width: 460px !important;
    max-width: 100vw !important;
}

/* Ensure MudDrawer internal content container allows proper flex layout */
.permissions-drawer[b-l6tttknx37]  .mud-drawer-content {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.permissions-shell[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    background-color: var(--mud-palette-background);
}

/* ================= HEADER ================= */
.permissions-header[b-l6tttknx37] {
    background-color: var(--mud-palette-surface);
    flex: 0 0 auto;
    padding: 16px 20px 0 20px;
    display: flex;
    flex-direction: column;
}

.permissions-header-top[b-l6tttknx37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.permissions-header-info[b-l6tttknx37] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.permissions-header-icon-wrap[b-l6tttknx37] {
    width: 38px;
    height: 38px;
    border-radius: var(--mud-default-borderradius);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}

.permissions-header-text[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.permissions-header-title[b-l6tttknx37] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permissions-header-subtitle[b-l6tttknx37] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
    margin-top: 1px;
}

.permissions-header-close[b-l6tttknx37] {
    color: var(--mud-palette-action-default);
    flex-shrink: 0;
}

.permissions-header-accent-line[b-l6tttknx37] {
    height: 3px;
    background-color: var(--mud-palette-primary);
    margin-top: 14px;
    width: 100%;
}

/* ================= TOOLBAR ================= */
.permissions-toolbar[b-l6tttknx37] {
    background-color: var(--mud-palette-surface);
    flex: 0 0 auto;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    gap: 10px;
}

.permissions-search-box[b-l6tttknx37]  .mud-input-outlined {
    border-radius: var(--mud-default-borderradius) !important;
    background-color: var(--mud-palette-surface);
}

.permissions-search-box[b-l6tttknx37]  .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs, var(--mud-palette-lines-default)) !important;
}

.permissions-search-box[b-l6tttknx37]  .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--mud-palette-text-secondary) !important;
}

.permissions-search-box[b-l6tttknx37]  .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
}

.permissions-filter-row[b-l6tttknx37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.permissions-filter-pills[b-l6tttknx37] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.perm-pill[b-l6tttknx37] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    padding: 3px 12px;
    font-size: 0.775rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s ease;
    user-select: none;
    background-color: transparent;
}

/* "All" pill */
.perm-pill-all[b-l6tttknx37] {
    color: var(--mud-palette-text-secondary);
    border-color: var(--mud-palette-lines-default);
}

.perm-pill-all.active[b-l6tttknx37] {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-color: var(--mud-palette-primary);
    font-weight: 600;
}

/* "Assigned" pill */
.perm-pill-assigned[b-l6tttknx37] {
    background-color: rgba(var(--mud-palette-success-rgb), 0.08);
    color: var(--mud-palette-success);
    border-color: rgba(var(--mud-palette-success-rgb), 0.35);
}

.perm-pill-assigned.active[b-l6tttknx37] {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text, #ffffff);
    border-color: var(--mud-palette-success);
    font-weight: 600;
}

/* "Unassigned" pill */
.perm-pill-unassigned[b-l6tttknx37] {
    color: var(--mud-palette-text-secondary);
    border-color: var(--mud-palette-lines-default);
}

.perm-pill-unassigned.active[b-l6tttknx37] {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-color: var(--mud-palette-primary);
    font-weight: 600;
}

.perm-toggle-all-btn[b-l6tttknx37] {
    color: var(--mud-palette-action-default);
    flex-shrink: 0;
}

/* ================= SCROLLABLE BODY ================= */
.permissions-body[b-l6tttknx37] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--mud-palette-background);
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-lines-default) transparent;
}

.permissions-body[b-l6tttknx37]::-webkit-scrollbar {
    width: 6px;
}

.permissions-body[b-l6tttknx37]::-webkit-scrollbar-track {
    background: transparent;
}

.permissions-body[b-l6tttknx37]::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

/* ================= GROUP CARD ================= */
.perm-group-card[b-l6tttknx37] {
    flex: 0 0 auto !important; /* CRITICAL: Never shrink in flex container */
    width: 100%;
    min-height: fit-content;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.perm-group-card:hover[b-l6tttknx37] {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    border-color: rgba(var(--mud-palette-primary-rgb), 0.3);
}

.perm-group-header[b-l6tttknx37] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    user-select: none;
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    transition: background-color 0.15s ease;
}

.perm-group-header:hover[b-l6tttknx37] {
    background-color: rgba(var(--mud-palette-text-primary-rgb), 0.02);
}

.perm-group-header-left[b-l6tttknx37] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.perm-chevron-icon[b-l6tttknx37] {
    color: var(--mud-palette-text-secondary);
    margin: 0;
    flex-shrink: 0;
}

.perm-group-title-content[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.perm-group-title-row[b-l6tttknx37] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.perm-group-title[b-l6tttknx37] {
    font-size: 0.925rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.35;
}

.perm-count-pill[b-l6tttknx37] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    line-height: 1.4;
}

.perm-count-pill.pill-full[b-l6tttknx37] {
    background-color: rgba(var(--mud-palette-success-rgb), 0.15);
    color: var(--mud-palette-success);
}

.perm-count-pill.pill-partial[b-l6tttknx37] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.15);
    color: var(--mud-palette-primary);
}

.perm-count-pill.pill-empty[b-l6tttknx37] {
    background-color: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
}

.perm-group-desc[b-l6tttknx37] {
    font-size: 0.775rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    line-height: 1.4;
    word-break: break-word;
}

.perm-group-header-right[b-l6tttknx37] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.perm-group-header-right[b-l6tttknx37]  .perm-group-check-btn,
.perm-group-check-btn[b-l6tttknx37] {
    color: var(--mud-palette-text-disabled);
    padding: 2px !important;
}

.perm-group-header-right[b-l6tttknx37]  .perm-group-check-btn.active,
.perm-group-check-btn.active[b-l6tttknx37] {
    color: var(--mud-palette-primary) !important;
}

.perm-group-header-right[b-l6tttknx37]  .perm-group-check-btn.active svg,
.perm-group-check-btn.active svg[b-l6tttknx37] {
    fill: var(--mud-palette-primary) !important;
}

.perm-group-header-right[b-l6tttknx37]  .perm-group-check-btn.disabled,
.perm-group-check-btn.disabled[b-l6tttknx37] {
    color: var(--mud-palette-action-disabled) !important;
}

/* ================= ITEMS LIST ================= */
.perm-group-items[b-l6tttknx37] {
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 8px 14px 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(--mud-palette-surface);
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

.perm-item-row[b-l6tttknx37] {
    flex: 0 0 auto !important; /* CRITICAL: Never shrink */
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
    border-radius: calc(var(--mud-default-borderradius) - 2px);
    transition: background-color 0.15s ease;
}

.perm-item-row:hover[b-l6tttknx37] {
    background-color: rgba(var(--mud-palette-text-primary-rgb), 0.03);
}

.perm-item-checkbox-wrap[b-l6tttknx37] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -4px;
}

.perm-item-checkbox-wrap[b-l6tttknx37]  .mud-checkbox {
    padding: 2px !important;
}

.perm-item-checkbox-wrap[b-l6tttknx37]  svg {
    border-radius: calc(var(--mud-default-borderradius) / 2);
}

.perm-item-checkbox-wrap[b-l6tttknx37]  .mud-checkbox:not(.mud-checked):not(.mud-disabled) svg {
    fill: var(--mud-palette-text-secondary) !important;
}

.perm-item-checkbox-wrap[b-l6tttknx37]  .mud-checkbox.mud-checked svg {
    fill: var(--mud-palette-primary) !important;
}

.perm-item-checkbox-wrap[b-l6tttknx37]  .mud-disabled svg {
    fill: var(--mud-palette-action-disabled) !important;
}

.perm-item-text[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1 1 auto;
}

.perm-item-title-row[b-l6tttknx37] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.perm-item-name[b-l6tttknx37] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.35;
}

.perm-inherit-icon[b-l6tttknx37] {
    font-size: 0.8rem !important;
    color: var(--mud-palette-text-disabled);
}

.perm-item-desc[b-l6tttknx37] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    line-height: 1.4;
    word-break: break-word;
}

/* ================= EMPTY & LOADING ================= */
.perm-empty-state[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    gap: 12px;
}

.perm-loading-state[b-l6tttknx37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    gap: 16px;
}

/* ================= FIXED FOOTER ================= */
.permissions-footer[b-l6tttknx37] {
    background-color: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
}

.permissions-footer-stats[b-l6tttknx37] {
    font-size: 0.825rem;
    color: var(--mud-palette-text-secondary);
}

.permissions-footer-value[b-l6tttknx37] {
    color: var(--mud-palette-text-primary);
    font-weight: 700;
}

.permissions-footer[b-l6tttknx37]  .perm-done-btn,
.perm-done-btn[b-l6tttknx37] {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: var(--mud-default-borderradius) !important;
    padding: 6px 22px !important;
    font-size: 0.85rem !important;
}

.permissions-footer[b-l6tttknx37]  .perm-done-btn:hover,
.perm-done-btn:hover[b-l6tttknx37] {
    background-color: var(--mud-palette-primary-darken, var(--mud-palette-primary)) !important;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 600px) {
    .permissions-drawer[b-l6tttknx37],
    [b-l6tttknx37] .permissions-drawer {
        width: 100vw !important;
    }
}
/* /Pages/Participants/ViewParticipant.razor.rz.scp.css */
.participant-detail[b-bj2elfudge] {
    --ink: #091832;
    --text: #17253e;
    --muted: #71829d;
    --line: #dce4ef;
    --paper: #fff;
    color: var(--text);
    font-family: Inter, "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
    font-size: 12px;
}
.participant-detail[b-bj2elfudge]  .main-card { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 10px 26px rgba(32,54,88,.045); overflow: hidden; }
.headline-row[b-bj2elfudge] { display: flex; align-items: center; gap: 8px; }
.participant-detail[b-bj2elfudge]  .mud-button-root { font-size: 11px; min-height: 33px; text-transform: none; border-radius: 4px; padding: 5px 13px; letter-spacing: 0; }
.participant-detail[b-bj2elfudge]  .mud-button-outlined { border-color: #0f1c35; color: var(--ink); }
.participant-detail[b-bj2elfudge]  .mud-button-filled-primary { background: #0c1830; color: #fff; }
.participant-detail[b-bj2elfudge]  .mud-button-icon-start > .mud-icon-root { font-size: 15px; }
.content[b-bj2elfudge] { min-height: 380px; padding: 19px 17px 23px; }
.detail-section[b-bj2elfudge] { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.section-title[b-bj2elfudge] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.section-heading[b-bj2elfudge] { margin-bottom: 14px; }
.section-heading h2[b-bj2elfudge] { font-size: 12px; line-height: 1.4; color: #11223c; margin: 0; font-weight: 750; }
.description[b-bj2elfudge] { font-size: 11px; color: #8392a9; margin: 4px 0 0; line-height: 1.5; }
.profile-strip[b-bj2elfudge] { display: flex; align-items: center; justify-content: space-between; gap: 13px; flex-wrap: wrap; padding: 15px 16px; border: 1px solid #e3eaf3; background: #fafbfd; border-radius: 6px; margin-bottom: 19px; }
.profile-identity[b-bj2elfudge] { display: flex; gap: 12px; align-items: center; min-width: 230px; }
.avatar[b-bj2elfudge] { width: 39px; height: 39px; display: grid; place-items: center; background: #e8edf6; color: #263d5b; border: 1px solid #d8e0ed; font-weight: 700; font-size: 17px; border-radius: 6px; flex: none; }
.profile-name[b-bj2elfudge] { font-weight: 750; color: #13233d; font-size: 14px; margin-bottom: 5px; }
.profile-name .badge[b-bj2elfudge] { vertical-align: 2px; margin-left: 7px; }
.profile-subline[b-bj2elfudge] { font-size: 11px; color: #8491a7; }
.metrics[b-bj2elfudge] { display: flex; flex-wrap: wrap; }
.metric[b-bj2elfudge] { padding: 3px 21px; border-right: 1px solid #dce5ef; min-width: 110px; }
.metric:last-child[b-bj2elfudge] { border-right: 0; padding-right: 4px; }
.metric-label[b-bj2elfudge] { font-size: 10px; color: #8190a4; margin-bottom: 6px; }
.metric-value[b-bj2elfudge] { font-size: 15px; font-weight: 750; color: #14233d; line-height: 1.05; }
.metric-note[b-bj2elfudge] { font-size: 10px; color: #8795ab; margin-top: 4px; }
.field-grid[b-bj2elfudge] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 9px; }
.detail-field[b-bj2elfudge] { min-width: 0; }
.detail-label[b-bj2elfudge] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.detail-value[b-bj2elfudge] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.privacy-note[b-bj2elfudge] { font-size: 10px; color: #8a98ad; line-height: 1.6; margin-top: 9px; }
.badge[b-bj2elfudge] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid #d7e0eb; background: #f6f8fb; color: #55708e; font-size: 10px; font-weight: 630; border-radius: 4px; white-space: nowrap; }
.badge.green[b-bj2elfudge] { color: #188469; background: #edf8f3; border-color: #d8eee4; }
.badge.red[b-bj2elfudge] { color: #b94752; background: #fff1f2; border-color: #f4dde1; }
.badge.amber[b-bj2elfudge] { color: #946722; background: #fff8ed; border-color: #f3e6d2; }
.badge.slate[b-bj2elfudge] { color: #687b97; background: #f3f5f8; border-color: #e4e8f0; }
.status-dot[b-bj2elfudge] { height: 6px; width: 6px; border-radius: 50%; background: currentColor; }
.plain-row[b-bj2elfudge] { display: flex; justify-content: space-between; align-items: center; padding: 12px 1px; border-bottom: 1px solid #e8edf4; gap: 10px; }
.plain-row:last-child[b-bj2elfudge] { border: 0; }
.plain-row-title[b-bj2elfudge] { font-size: 11px; font-weight: 660; color: #172943; margin-bottom: 4px; }
.plain-row-sub[b-bj2elfudge] { font-size: 10px; color: #8797ab; }
.link-btn[b-bj2elfudge] { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; color: #385a88; font: inherit; font-size: 11px; font-weight: 550; padding: 4px; cursor: pointer; white-space: nowrap; }
.link-btn:hover[b-bj2elfudge] { text-decoration: underline; }
.link-btn[b-bj2elfudge]  .mud-icon-root { font-size: 14px; }
.table-tools[b-bj2elfudge] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.filterbar[b-bj2elfudge] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.filter-chip[b-bj2elfudge] { border: 1px solid #e2e7f0; color: #71829b; background: #fff; padding: 6px 10px; border-radius: 4px; font: inherit; font-size: 11px; cursor: pointer; }
.filter-chip.active[b-bj2elfudge] { border-color: #192844; color: #182944; background: #f5f7fb; font-weight: 650; }
.searchbar[b-bj2elfudge] { border: 1px solid #d8e2ee; height: 30px; border-radius: 4px; padding: 0 9px; min-width: 170px; font: inherit; font-size: 11px; color: var(--text); background: var(--paper); }
.table-wrap[b-bj2elfudge] { overflow-x: auto; border: 1px solid #e6ebf2; border-radius: 5px; }
.flat-table[b-bj2elfudge] { border-collapse: collapse; width: 100%; font-size: 11px; text-align: left; min-width: 870px; }
.flat-table th[b-bj2elfudge] { color: #7a8ba4; background: #f8fafc; font-weight: 650; border-bottom: 1px solid #e5eaf2; padding: 10px 12px; white-space: nowrap; }
.flat-table td[b-bj2elfudge] { padding: 13px 12px; border-bottom: 1px solid #e7ecf3; color: #1c2d49; vertical-align: middle; }
.flat-table tr:last-child td[b-bj2elfudge] { border-bottom: 0; }
.flat-table .clickable[b-bj2elfudge] { cursor: pointer; }
.flat-table .clickable:hover[b-bj2elfudge] { background: #f9fbfe; }
.flat-table strong[b-bj2elfudge] { font-weight: 680; }
.subtitle[b-bj2elfudge] { font-size: 10px; color: #8291a6; margin-top: 4px; overflow-wrap: anywhere; }
.empty-state[b-bj2elfudge] { padding: 32px 16px !important; text-align: center; color: #8a9bb0 !important; font-size: 11px; }
.note-box[b-bj2elfudge] { padding: 11px 13px; border: 1px solid #e2e9f3; background: #f9fbff; color: var(--muted); font-size: 11px; border-radius: 5px; line-height: 1.6; }
.table-note[b-bj2elfudge] { margin-top: 15px; }
.footer[b-bj2elfudge] { background: #f7f8fa; border-top: 1px solid var(--line); min-height: 60px; padding: 12px 20px 12px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.footer-actions[b-bj2elfudge] { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #7c8da4; }
.application-member[b-bj2elfudge] { border: 1px solid #e6ebf2; border-radius: 5px; padding: 13px; margin-top: 12px; }
.application-member-heading[b-bj2elfudge] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 13px; }
.application-member-heading h3[b-bj2elfudge] { font-size: 12px; color: var(--ink); font-weight: 650; margin: 0; }
.member-badges[b-bj2elfudge] { display: flex; flex-wrap: wrap; gap: 5px; }
.review-comment[b-bj2elfudge] { margin-top: 14px; }
.review-comment p[b-bj2elfudge] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.visually-hidden[b-bj2elfudge] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
button:focus-visible[b-bj2elfudge], a:focus-visible[b-bj2elfudge], input:focus-visible[b-bj2elfudge] { outline: 2px solid #426c9e; outline-offset: 3px; }
@media (max-width: 1040px) {
    .metrics[b-bj2elfudge] { width: 100%; }
    .metric:first-child[b-bj2elfudge] { padding-left: 0; }
}
@media (max-width: 650px) {
    .content[b-bj2elfudge] { padding: 15px 12px; }
    .profile-strip[b-bj2elfudge] { padding: 12px; }
    .profile-identity[b-bj2elfudge] { min-width: 0; }
    .metric[b-bj2elfudge] { min-width: 95px; padding: 6px 13px; }
    .metrics[b-bj2elfudge] { row-gap: 10px; }
    .table-tools[b-bj2elfudge] { align-items: flex-start; }
    .searchbar[b-bj2elfudge] { min-width: 140px; }
    .footer[b-bj2elfudge] { padding: 13px 12px; flex-wrap: wrap; }
    .footer-actions[b-bj2elfudge] { width: 100%; justify-content: flex-end; }
}
/* /Pages/SystemManagement/AuditTrails.razor.rz.scp.css */
/* TIME Cell */
.audit-cell-time[b-g00pjxtm01] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.audit-cell-time__primary[b-g00pjxtm01] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
}

.audit-cell-time__secondary[b-g00pjxtm01] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

/* OBJECT / RECORD Cell */
.audit-cell-object[b-g00pjxtm01] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.audit-cell-object__name[b-g00pjxtm01] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
}

.audit-cell-object__id[b-g00pjxtm01] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

/* ACTION Badges - Theme Adaptive */
.audit-badge[b-g00pjxtm01] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 6px;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

.audit-badge--create[b-g00pjxtm01] {
    color: var(--mud-palette-success);
    background-color: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 30%, transparent);
}

.audit-badge--update[b-g00pjxtm01] {
    color: var(--mud-palette-info);
    background-color: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 30%, transparent);
}

.audit-badge--delete[b-g00pjxtm01] {
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
}

.audit-badge--default[b-g00pjxtm01] {
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 12%, transparent);
    border: 1px solid var(--mud-palette-lines-default);
}

/* CHANGE SUMMARY Cell */
.audit-cell-summary[b-g00pjxtm01] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.4;
}

/* CHANGED BY Cell */
.audit-cell-user[b-g00pjxtm01] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.audit-cell-user__avatar[b-g00pjxtm01] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
}

.audit-cell-user__info[b-g00pjxtm01] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
}

.audit-cell-user__name[b-g00pjxtm01] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-cell-user__email[b-g00pjxtm01] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* EXPANDED CHILD ROW (Detail Panel) - Theme Adaptive */
.audit-detail-panel[b-g00pjxtm01] {
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid var(--mud-palette-info);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 4px 0 6px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
}

.audit-detail-panel--update[b-g00pjxtm01] {
    border-left-color: var(--mud-palette-info);
}

.audit-detail-panel--delete[b-g00pjxtm01] {
    border-left-color: var(--mud-palette-error);
}

.audit-detail-panel--create[b-g00pjxtm01] {
    border-left-color: var(--mud-palette-success);
}

.audit-detail-panel__header[b-g00pjxtm01] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.audit-detail-panel__icon[b-g00pjxtm01] {
    font-size: 1.125rem !important;
}

.audit-detail-panel__icon--update[b-g00pjxtm01] {
    color: var(--mud-palette-info);
}

.audit-detail-panel__icon--delete[b-g00pjxtm01] {
    color: var(--mud-palette-error);
}

.audit-detail-panel__icon--create[b-g00pjxtm01] {
    color: var(--mud-palette-success);
}

.audit-detail-panel__title[b-g00pjxtm01] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.audit-detail-panel__dot[b-g00pjxtm01] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-disabled);
    user-select: none;
    margin: 0 2px;
}

.audit-detail-panel__count[b-g00pjxtm01] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.audit-diff-table[b-g00pjxtm01] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.audit-diff-table tr[b-g00pjxtm01],
.audit-diff-table tr:hover[b-g00pjxtm01],
.audit-diff-table td[b-g00pjxtm01],
.audit-diff-table td:hover[b-g00pjxtm01] {
    background: transparent !important;
    background-color: transparent !important;
}

.audit-diff-table th[b-g00pjxtm01] {
    text-align: left;
    padding: 5px 10px;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.audit-diff-table td[b-g00pjxtm01] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    vertical-align: middle;
}

.audit-diff-table tr:last-child td[b-g00pjxtm01] {
    border-bottom: none;
}

.audit-diff-table__field[b-g00pjxtm01] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.audit-diff-value[b-g00pjxtm01] {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.audit-diff-value--before[b-g00pjxtm01] {
    display: inline-block;
    color: color-mix(in srgb, var(--mud-palette-error) 85%, var(--mud-palette-text-primary));
    background-color: color-mix(in srgb, var(--mud-palette-error) 8%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 22%, transparent);
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 1.4;
}

.audit-diff-value--after[b-g00pjxtm01] {
    display: inline-block;
    color: color-mix(in srgb, var(--mud-palette-success) 85%, var(--mud-palette-text-primary));
    background-color: color-mix(in srgb, var(--mud-palette-success) 8%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 22%, transparent);
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 1.4;
}

.audit-diff-badge--removed[b-g00pjxtm01] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 10%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 25%, transparent);
    border-radius: 4px;
    padding: 1px 8px;
    line-height: 1.4;
}

.audit-diff-badge__icon[b-g00pjxtm01] {
    font-size: 0.875rem !important;
}

.audit-diff-empty[b-g00pjxtm01] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-disabled);
    font-style: italic;
    padding-left: 2px;
}
/* /Pages/SystemManagement/EmailTemplates.razor.rz.scp.css */
/* ==========================================================================
   Email Templates Management - MudBlazor Theme Optimized Styles
   ========================================================================== */

.email-templates-page[b-est98msspr] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

.email-templates-content[b-est98msspr] {
    padding: 1.25rem 0 2rem 0;
    width: 100%;
}

@media (max-width: 768px) {
    .email-templates-content[b-est98msspr] {
        padding: 1rem 0 1.5rem 0;
    }
}

/* --------------------------------------------------------------------------
   Template Card
   -------------------------------------------------------------------------- */
.email-template-card[b-est98msspr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: var(--mud-default-borderradius, 8px);
    background-color: var(--mud-palette-surface);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.email-template-card:hover[b-est98msspr] {
    border-color: var(--mud-palette-lines-inputs);
    box-shadow: var(--mud-elevation-2);
}

/* Card Header */
.email-template-card[b-est98msspr]  .mud-card-header {
    display: flex;
    align-items: flex-start;
    padding: 1.25rem 1.25rem 1rem;
    gap: 0.75rem;
}

.email-template-card[b-est98msspr]  .mud-card-header-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 0;
}

.email-template-card__icon[b-est98msspr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: calc(var(--mud-default-borderradius, 8px) - 2px);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.08);
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}

.email-template-card[b-est98msspr]  .mud-card-header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1;
}

.email-template-card__title[b-est98msspr] {
    font-weight: 600;
    line-height: 1.35;
    color: var(--mud-palette-text-primary);
}

.email-template-card__description[b-est98msspr] {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.email-template-card[b-est98msspr]  .mud-card-header-actions {
    margin-top: 2px;
    margin-inline-start: auto;
}

.email-template-card__filename[b-est98msspr] {
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px;
    padding: 2px 6px;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

/* Card Content */
.email-template-card[b-est98msspr]  .mud-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 1.25rem 1.25rem;
}

/* --------------------------------------------------------------------------
   Email Preview Window Mockup
   -------------------------------------------------------------------------- */
.email-preview-container[b-est98msspr] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: var(--mud-default-borderradius, 8px);
    background-color: var(--mud-palette-background);
    overflow: hidden;
}

.email-preview-bar[b-est98msspr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.875rem;
    background-color: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-table-lines);
    user-select: none;
}

.email-preview-dots[b-est98msspr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.email-preview-dot[b-est98msspr] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--mud-palette-lines-inputs);
    opacity: 0.7;
}

.email-preview-badge[b-est98msspr] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.email-preview-viewport[b-est98msspr] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex: 1;
}

.email-preview-iframe[b-est98msspr] {
    width: 100%;
    height: 400px;
    background-color: #ffffff;
    display: block;
}

/* --------------------------------------------------------------------------
   Variables Footer Section
   -------------------------------------------------------------------------- */
.email-template-variables[b-est98msspr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.875rem;
    border-top: 1px solid var(--mud-palette-table-lines);
}

.email-template-variables__label[b-est98msspr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.email-template-variables__label[b-est98msspr]  .mud-icon-root {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
}

.email-template-variables__list[b-est98msspr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.variable-tag[b-est98msspr] {
    display: inline-flex;
    align-items: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 2px 7px;
    border-radius: 4px;
    background-color: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-table-lines);
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.variable-tag:hover[b-est98msspr] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.05);
}
/* /Pages/SystemManagement/SystemLogs.razor.rz.scp.css */
/* ==========================================================================
   Enterprise Observability Log Explorer Styling (Azure Monitor / Datadog / Grafana)
   ========================================================================== */

/* ==========================================================================
   DataGrid Cell Styling - Technical Monospace & Observability Badges
   ========================================================================== */

/* Timestamp Cell */
.log-cell-time[b-6tqvuy11bi] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.log-cell-time__time[b-6tqvuy11bi] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    letter-spacing: -0.01em;
}

.log-cell-time__date[b-6tqvuy11bi] {
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
}

/* Severity Badges (Azure Monitor / Datadog micro-badges) */
.log-badge[b-6tqvuy11bi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.log-badge--critical[b-6tqvuy11bi] {
    color: #ffffff;
    background-color: #b91c1c;
    border: 1px solid #991b1b;
    box-shadow: 0 0 6px rgba(185, 28, 28, 0.4);
}

.log-badge--error[b-6tqvuy11bi] {
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 32%, transparent);
}

.log-badge--warning[b-6tqvuy11bi] {
    color: var(--mud-palette-warning);
    background-color: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 32%, transparent);
}

.log-badge--info[b-6tqvuy11bi] {
    color: var(--mud-palette-info);
    background-color: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 30%, transparent);
}

.log-badge--debug[b-6tqvuy11bi] {
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 12%, transparent);
    border: 1px solid var(--mud-palette-lines-default);
}

.log-badge--trace[b-6tqvuy11bi] {
    color: var(--mud-palette-text-disabled);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 60%, transparent);
}

/* Log Message Cell */
.log-cell-message[b-6tqvuy11bi] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--mud-palette-text-primary);
}

.log-cell-message__text[b-6tqvuy11bi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.log-tag-exception[b-6tqvuy11bi] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    color: var(--mud-palette-error);
    background-color: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
    flex-shrink: 0;
}

/* IP Chip */
.log-chip-ip[b-6tqvuy11bi] {
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    border: 1px solid var(--mud-palette-lines-default);
    padding: 1px 6px;
    border-radius: 4px;
}

/* User Cell */
.log-cell-user[b-6tqvuy11bi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
}

/* ==========================================================================
   Deep Observability Log Inspector (ChildRowContent)
   ========================================================================== */

.log-inspector[b-6tqvuy11bi] {
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 16px 20px;
    margin: 6px 0 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-left: 4px solid var(--mud-palette-info);
}

.log-inspector--critical[b-6tqvuy11bi] {
    border-left-color: #b91c1c;
}

.log-inspector--error[b-6tqvuy11bi] {
    border-left-color: var(--mud-palette-error);
}

.log-inspector--warning[b-6tqvuy11bi] {
    border-left-color: var(--mud-palette-warning);
}

.log-inspector--info[b-6tqvuy11bi] {
    border-left-color: var(--mud-palette-info);
}

.log-inspector--debug[b-6tqvuy11bi] {
    border-left-color: var(--mud-palette-text-secondary);
}

/* Inspector Header Bar */
.log-inspector__header[b-6tqvuy11bi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.log-inspector__title-group[b-6tqvuy11bi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.log-inspector__id[b-6tqvuy11bi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    padding: 2px 7px;
    border-radius: 4px;
}

.log-inspector__timestamp[b-6tqvuy11bi] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.log-inspector__actions[b-6tqvuy11bi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Section Headings */
.log-section-heading[b-6tqvuy11bi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--mud-palette-text-primary);
    text-transform: uppercase;
    margin-bottom: 6px;
}

/* Code & Terminal Boxes */
.log-code-box[b-6tqvuy11bi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    padding: 12px 14px;
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 3%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
    word-break: break-all;
    white-space: pre-wrap;
}

/* Exception Console Box (Terminal Style) */
.log-exception-box[b-6tqvuy11bi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    line-height: 1.55;
    padding: 14px 16px;
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-error) 5%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 25%, transparent);
    border-left: 4px solid var(--mud-palette-error);
    color: var(--mud-palette-text-primary);
    overflow-x: auto;
    max-height: 380px;
    white-space: pre-wrap;
    word-break: break-all;
}

/* Structured Attributes / Dimensions Table (Datadog & Azure Monitor Facets) */
.log-attributes-table[b-6tqvuy11bi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    overflow: hidden;
}

.log-attributes-table th[b-6tqvuy11bi] {
    text-align: left;
    padding: 6px 12px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-secondary) 5%, var(--mud-palette-surface));
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.log-attributes-table td[b-6tqvuy11bi] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    vertical-align: middle;
}

.log-attributes-table tr:last-child td[b-6tqvuy11bi] {
    border-bottom: none;
}

.log-attr-key[b-6tqvuy11bi] {
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    padding: 2px 7px;
    border-radius: 4px;
}

.log-attr-val[b-6tqvuy11bi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-primary);
    word-break: break-all;
}

/* Telemetry Context Metadata Cards */
.log-meta-card[b-6tqvuy11bi] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 2%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.log-meta-card__label[b-6tqvuy11bi] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
}

.log-meta-card__value[b-6tqvuy11bi] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}
/* /Pages/TrainingCourses/Components/TrainingQuestionImportDialog.razor.rz.scp.css */
.question-import[b-pjbi0jf835] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 0 8px;
}

.question-import-template[b-pjbi0jf835] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-background-gray);
}

.question-import-template-icon[b-pjbi0jf835],
.question-import-file-icon[b-pjbi0jf835] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
}

.question-import-template-info[b-pjbi0jf835],
.question-import-file-info[b-pjbi0jf835] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.question-import-template-download[b-pjbi0jf835] {
    flex-shrink: 0;
    white-space: nowrap;
}

.question-import-upload[b-pjbi0jf835],
.question-import-results[b-pjbi0jf835] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.question-import-section-heading[b-pjbi0jf835] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.question-import-upload[b-pjbi0jf835]  .file-upload-dropzone {
    min-height: 144px;
    border-width: 1px;
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.question-import-format[b-pjbi0jf835],
.question-import-note[b-pjbi0jf835] {
    display: flex;
    align-items: center;
    vertical-align: center;
    gap: 8px;
    color: var(--mud-palette-text-secondary);
}

.question-import-format[b-pjbi0jf835]  .mud-icon-root,
.question-import-note[b-pjbi0jf835]  .mud-icon-root {
    flex-shrink: 0;
    margin-top: 2px;
}

.question-import-file[b-pjbi0jf835] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.question-import-file[b-pjbi0jf835]  .question-import-file-name {
    overflow-wrap: anywhere;
    font-weight: 500;
}

.question-import-file-meta[b-pjbi0jf835] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.question-import-errors[b-pjbi0jf835] {
    padding: 16px;
    border: 1px solid rgba(var(--mud-palette-error-rgb), 0.25);
    border-radius: 10px;
    background: rgba(var(--mud-palette-error-rgb), 0.04);
    color: var(--mud-palette-error);
}

.question-import-error-list[b-pjbi0jf835] {
    max-height: 180px;
    margin: 12px 0 0;
    padding-left: 24px;
    overflow-y: auto;
    overflow-wrap: anywhere;
    font-size: 0.8rem;
    line-height: 1.7;
    color: var(--mud-palette-text-primary);
}

.question-import-preview[b-pjbi0jf835] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.question-import-preview-title[b-pjbi0jf835] {
    overflow-wrap: anywhere;
}

.question-import-answer[b-pjbi0jf835] {
    white-space: nowrap;
    font-weight: 500;
}

.question-import-note[b-pjbi0jf835] {
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

@media (max-width: 600px) {
    .question-import[b-pjbi0jf835] {
        gap: 20px;
    }

    .question-import-template[b-pjbi0jf835] {
        flex-wrap: wrap;
    }

    .question-import-template-info[b-pjbi0jf835] {
        flex-basis: calc(100% - 52px);
    }

    .question-import-template-download[b-pjbi0jf835],
    .question-import-template-download[b-pjbi0jf835]  .mud-button-root {
        width: 100%;
    }

    .question-import-file[b-pjbi0jf835] {
        padding: 12px;
    }
}
/* /Pages/TrainingCourses/EditTrainingCourse.razor.rz.scp.css */
.training-sort-hint[b-e779l5ww4n] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--mud-palette-text-secondary);
}

.training-sortable-list[b-e779l5ww4n]  .training-sort-zone {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px;
    border-radius: 12px;
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

.training-sortable-list[b-e779l5ww4n]  .training-sort-zone--active {
    background: var(--mud-palette-background-gray);
    box-shadow: 0 0 0 1px var(--mud-palette-lines-default);
}

.training-content-item[b-e779l5ww4n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.training-content-item:hover[b-e779l5ww4n] {
    border-color: var(--mud-palette-lines-inputs);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.training-drag-handle[b-e779l5ww4n] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 40px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: grab;
    touch-action: none;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.training-drag-handle:hover:not(:disabled)[b-e779l5ww4n],
.training-drag-handle:focus-visible[b-e779l5ww4n] {
    border-color: var(--mud-palette-lines-default);
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
}

.training-drag-handle:focus-visible[b-e779l5ww4n] {
    outline: 2px solid var(--mud-palette-info);
    outline-offset: 2px;
}

.training-drag-handle:active:not(:disabled)[b-e779l5ww4n] {
    cursor: grabbing;
}

.training-drag-handle:disabled[b-e779l5ww4n] {
    opacity: 0.4;
    cursor: not-allowed;
}

.training-sortable-list[b-e779l5ww4n]  .training-sort-item--dragging .training-content-item {
    border-color: var(--mud-palette-info);
    background: var(--mud-palette-surface);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 0 0 1px var(--mud-palette-info);
}

.training-sortable-list[b-e779l5ww4n]  .training-sort-item--dragging .training-drag-handle {
    background: var(--mud-palette-info-hover);
    color: var(--mud-palette-info);
    cursor: grabbing;
}

.training-content-index[b-e779l5ww4n] {
    min-width: 20px;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.training-sort-announcement[b-e779l5ww4n] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.training-video-icon[b-e779l5ww4n] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 64px;
    height: 48px;
    border-radius: 8px;
    background: var(--mud-palette-primary-hover);
}

.training-content-info[b-e779l5ww4n] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.training-content-actions[b-e779l5ww4n] {
    display: flex;
    flex-shrink: 0;
}

.training-course-empty[b-e779l5ww4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 56px 16px;
    text-align: center;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
}

@media (max-width: 600px) {
    .training-content-item[b-e779l5ww4n] {
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px;
        align-items: flex-start;
    }

    .training-drag-handle[b-e779l5ww4n] {
        width: 36px;
        height: 44px;
    }

    .training-content-index[b-e779l5ww4n] {
        padding-top: 12px;
    }

    .training-video-icon[b-e779l5ww4n] {
        display: none;
    }

    .training-content-actions[b-e779l5ww4n] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (prefers-reduced-motion: reduce) {
    .training-sortable-list[b-e779l5ww4n]  .training-sort-zone,
    .training-content-item[b-e779l5ww4n],
    .training-drag-handle[b-e779l5ww4n] {
        transition: none;
    }
}
/* /Pages/TrainingCourses/ViewTrainingCourse.razor.rz.scp.css */
.training-content-list[b-e6xz99qokv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px;
}

.training-content-item[b-e6xz99qokv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.training-video-icon[b-e6xz99qokv] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 64px;
    height: 48px;
    border-radius: 8px;
    background: var(--mud-palette-primary-hover);
}

.training-content-info[b-e6xz99qokv] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.training-question-item[b-e6xz99qokv] {
    align-items: flex-start;
}

.training-content-index[b-e6xz99qokv] {
    min-width: 20px;
    padding-top: 4px;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.training-question-options[b-e6xz99qokv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.training-question-option[b-e6xz99qokv] {
    padding: 8px 12px;
    border-radius: 6px;
    background: var(--mud-palette-background-gray);
}

.training-question-explanation[b-e6xz99qokv] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
    white-space: pre-wrap;
}

.training-course-empty[b-e6xz99qokv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 56px 16px;
    text-align: center;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
}

@media (max-width: 600px) {
    .training-content-item[b-e6xz99qokv] {
        gap: 8px;
        padding: 12px;
    }

    .training-video-icon[b-e6xz99qokv] {
        display: none;
    }
}
/* /Pages/TrainingRecords/ViewTrainingRecord.razor.rz.scp.css */
.training-record-detail[b-q8vupn58gq] {
    --record-ink: #11223c;
    --record-muted: #71829d;
    --record-line: #dce4ef;
    --record-paper: #fff;
    color: var(--record-ink);
    font-family: Inter, "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
    font-size: 12px;
}

.training-record-detail[b-q8vupn58gq]  .record-card { border: 1px solid var(--record-line); border-radius: 12px; background: var(--record-paper); box-shadow: 0 10px 26px rgba(32, 54, 88, .045); overflow: hidden; }
.record-title-row[b-q8vupn58gq] { display: flex; align-items: center; gap: 9px; }
.record-actions[b-q8vupn58gq] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.training-record-detail[b-q8vupn58gq]  .mud-button-root { font-size: 11px; min-height: 33px; text-transform: none; border-radius: 4px; padding: 5px 12px; letter-spacing: 0; }
.training-record-detail[b-q8vupn58gq]  .mud-button-outlined { border-color: #26344c; color: var(--record-ink); }
.training-record-detail[b-q8vupn58gq]  .mud-button-filled-primary { background: #0c1830; color: #fff; }
.training-record-detail[b-q8vupn58gq]  .mud-button-icon-start > .mud-icon-root { font-size: 17px; }
.record-content[b-q8vupn58gq] { min-height: 380px; padding: 20px 18px 24px; }
.record-status-bar[b-q8vupn58gq] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 13px 14px; margin-bottom: 22px; border: 1px solid #e7edf5; border-radius: 6px; background: #f9fbfe; }
.status-segment[b-q8vupn58gq] { flex: 1; min-width: 140px; }
.status-segment + .status-segment[b-q8vupn58gq] { border-left: 1px solid #e5ebf3; padding-left: 18px; }
.status-label[b-q8vupn58gq] { display: block; color: #7e90a8; font-size: 11px; margin-bottom: 5px; }
.status-main[b-q8vupn58gq] { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-size: 12px; font-weight: 700; }
.status-main small[b-q8vupn58gq] { color: #6881a0; font-weight: 500; font-size: 10px; }
.record-progress[b-q8vupn58gq] { width: 100%; max-width: 200px; height: 5px; background: #e5eaf2; border-radius: 4px; margin-top: 8px; overflow: hidden; }
.record-progress > span[b-q8vupn58gq] { display: block; height: 100%; background: #1f856e; border-radius: inherit; }
.record-overview-grid[b-q8vupn58gq] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.section-heading-text[b-q8vupn58gq] { margin-bottom: 15px; }
.section-heading-text h2[b-q8vupn58gq], .record-content h3[b-q8vupn58gq], .record-drawer-shell h3[b-q8vupn58gq] { margin: 0; color: var(--record-ink); font-size: 12px; line-height: 1.4; font-weight: 700; }
.record-description[b-q8vupn58gq] { color: #7c8ca4; font-size: 11px; margin: 4px 0 0; line-height: 1.5; }
.record-section-heading[b-q8vupn58gq] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.record-section-heading > .record-actions[b-q8vupn58gq], .record-section-heading > .record-inline[b-q8vupn58gq] { margin-bottom: 14px; }
.record-field-grid[b-q8vupn58gq] { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 12px; }
.record-field[b-q8vupn58gq] { min-width: 0; }
.detail-label[b-q8vupn58gq] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.detail-value[b-q8vupn58gq] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.record-section[b-q8vupn58gq] { padding-bottom: 23px; margin-bottom: 21px; border-bottom: 1px solid #edf0f4; }
.timeline-section[b-q8vupn58gq] { margin-top: 26px; }
.record-timeline[b-q8vupn58gq] { display: flex; max-width: 820px; padding-top: 4px; }
.timeline-step[b-q8vupn58gq] { position: relative; flex: 1; border-top: 1px solid #ccd9e8; padding: 13px 12px 0 0; min-width: 0; }
.timeline-step[b-q8vupn58gq]::before { content: ""; width: 9px; height: 9px; position: absolute; top: -5px; left: 0; border-radius: 50%; background: #c2cede; border: 2px solid #fff; box-shadow: 0 0 0 1px #ccd9e8; }
.timeline-step.complete[b-q8vupn58gq]::before { background: #277f6f; box-shadow: 0 0 0 1px #bad5c7; }
.timeline-step strong[b-q8vupn58gq] { display: block; font-size: 11px; font-weight: 650; }
.timeline-step > span[b-q8vupn58gq] { display: block; margin-top: 5px; font-size: 11px; color: var(--record-muted); }
.record-badge[b-q8vupn58gq] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid #d7e0eb; background: #f6f8fb; color: #55708e; font-size: 10px; font-weight: 630; border-radius: 4px; white-space: nowrap; line-height: 1.4; }
.record-badge.green[b-q8vupn58gq] { color: #188469; background: #edf8f3; border-color: #d8eee4; }
.record-badge.red[b-q8vupn58gq] { color: #b94752; background: #fff1f2; border-color: #f4dde1; }
.record-badge.amber[b-q8vupn58gq] { color: #946722; background: #fff8ed; border-color: #f3e6d2; }
.record-badge.slate[b-q8vupn58gq] { color: #687b97; background: #f3f5f8; border-color: #e4e8f0; }
.status-dot[b-q8vupn58gq] { height: 6px; width: 6px; border-radius: 50%; background: currentColor; }
.record-table-scroll[b-q8vupn58gq] { overflow-x: auto; }
.record-table[b-q8vupn58gq] { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
.record-table th[b-q8vupn58gq] { background: #f8f9fc; color: #7a8ba4; border-bottom: 1px solid #e5eaf2; font-weight: 650; padding: 11px 12px; white-space: nowrap; }
.record-table td[b-q8vupn58gq] { border-bottom: 1px solid #e7ecf3; padding: 13px 12px; color: #1c2d49; white-space: nowrap; }
.record-table tr:last-child td[b-q8vupn58gq] { border-bottom: 0; }
.record-table .clickable[b-q8vupn58gq] { cursor: pointer; }
.record-table .clickable:hover[b-q8vupn58gq] { background: #f9fbfe; }
.record-link[b-q8vupn58gq] { display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent; color: #385a88; font: inherit; font-size: 11px; padding: 4px; cursor: pointer; white-space: nowrap; text-decoration: none; }
.record-link:hover[b-q8vupn58gq] { text-decoration: underline; }
.application-link[b-q8vupn58gq]  .mud-icon-root { font-size: 13px; }
.record-empty[b-q8vupn58gq] { padding: 32px 12px !important; text-align: center; color: var(--record-muted) !important; }
.record-note[b-q8vupn58gq] { margin-top: 18px; padding: 12px 13px; border: 1px solid #e2e9f3; border-radius: 5px; background: #f9fbff; color: #71829d; font-size: 11px; line-height: 1.7; }
.snapshot-warning[b-q8vupn58gq] { margin: 0 0 18px; }
.record-filters[b-q8vupn58gq], .record-inline[b-q8vupn58gq] { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.record-filters[b-q8vupn58gq] { margin-bottom: 15px; }
.record-filter[b-q8vupn58gq] { border: 1px solid #e2e7f0; color: #71829b; background: transparent; padding: 7px 11px; border-radius: 4px; font: inherit; font-size: 11px; cursor: pointer; }
.record-filter.active[b-q8vupn58gq] { color: #182944; border-color: #192844; background: #f5f7fb; font-weight: 650; }
.record-video[b-q8vupn58gq] { display: flex; align-items: center; gap: 13px; padding: 15px 2px; border-bottom: 1px solid #e7ecf2; }
.record-video:last-child[b-q8vupn58gq] { border-bottom: 0; }
.video-number[b-q8vupn58gq] { width: 25px; flex: none; text-align: center; color: #8091aa; font-size: 11px; }
.video-thumbnail[b-q8vupn58gq] { height: 41px; width: 60px; display: grid; place-items: center; border: 1px solid #e2e8f0; background: #f0f3f8; color: #657d9c; border-radius: 4px; flex: none; }
.video-description[b-q8vupn58gq] { min-width: 0; flex: 1; }
.video-description > strong[b-q8vupn58gq] { font-size: 12px; font-weight: 650; overflow-wrap: anywhere; }
.video-meta[b-q8vupn58gq] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 13px; margin-top: 6px; color: #8291a6; font-size: 11px; }
.video-pdf[b-q8vupn58gq] { padding: 3px 5px; background: #eff3f8; color: #647b9a; border-radius: 3px; overflow-wrap: anywhere; }
.application-snapshots[b-q8vupn58gq] { margin-top: 27px; }
.application-snapshot[b-q8vupn58gq] { padding: 16px 0; border-bottom: 1px solid #edf0f4; }
.application-snapshot h3[b-q8vupn58gq] { margin-bottom: 14px; }
.application-participant-details[b-q8vupn58gq] { margin-top: 22px; }
.record-account[b-q8vupn58gq] { display: flex; align-items: center; gap: 8px; }
.record-account-info[b-q8vupn58gq] { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.record-account-info strong[b-q8vupn58gq] { color: var(--record-ink); font-size: 12px; font-weight: 650; }
.record-account-info > span[b-q8vupn58gq] { color: var(--record-muted); font-size: 11px; }
.application-table[b-q8vupn58gq] { min-width: 920px; }
.record-json[b-q8vupn58gq] { border: 1px solid #dfe6f0; border-radius: 5px; background: #f8fafc; padding: 14px; font: 11px/1.7 Consolas, monospace; color: #35516d; overflow: auto; max-height: 360px; white-space: pre-wrap; overflow-wrap: anywhere; }
.record-footer[b-q8vupn58gq] { display: flex; align-items: center; justify-content: space-between; gap: 15px; background: #f7f8fa; border-top: 1px solid var(--record-line); min-height: 60px; padding: 14px 20px; }
.record-audit[b-q8vupn58gq] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #7186a6; font-size: 11px; }
.record-audit strong[b-q8vupn58gq] { color: var(--record-ink); font-weight: 600; }
.record-footer-actions[b-q8vupn58gq] { display: flex; align-items: center; gap: 12px; color: #7c8da4; font-size: 10px; }
.visually-hidden[b-q8vupn58gq] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
button:focus-visible[b-q8vupn58gq], a:focus-visible[b-q8vupn58gq] { outline: 2px solid #426c9e; outline-offset: 3px; }

.training-record-detail[b-q8vupn58gq]  .training-record-drawer { max-width: 100vw; color: var(--record-ink); background: var(--record-paper); }
.training-record-detail[b-q8vupn58gq]  .training-record-drawer .mud-drawer-content { overflow: hidden; height: 100%; }
.training-record-detail[b-q8vupn58gq]  .record-drawer-focus { height: 100%; }
.record-drawer-shell[b-q8vupn58gq] { height: 100%; display: flex; flex-direction: column; }
.record-drawer-heading[b-q8vupn58gq] { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; padding: 20px 22px 17px; border-bottom: 1px solid var(--record-line); }
.record-drawer-heading h2[b-q8vupn58gq] { margin: 0; font-size: 16px; font-weight: 700; color: var(--record-ink); }
.record-drawer-body[b-q8vupn58gq] { flex: 1; overflow-y: auto; padding: 21px 22px; min-height: 0; }
.record-drawer-footer[b-q8vupn58gq] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 22px; background: #f7f8fa; border-top: 1px solid var(--record-line); color: var(--record-muted); font-size: 10px; }
.record-drawer-footer .record-actions[b-q8vupn58gq] { flex-wrap: nowrap; flex-shrink: 0; }
.exam-summary[b-q8vupn58gq] { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 14px 22px; margin-bottom: 15px; }
.exam-summary strong[b-q8vupn58gq] { font-size: 12px; }
.exam-deadline[b-q8vupn58gq] { font-size: 10px; color: var(--record-muted); margin-bottom: 20px; }
.answers-heading[b-q8vupn58gq] { margin: 18px 0 14px; }
.exam-question[b-q8vupn58gq] { border: 1px solid #e2e9f2; border-radius: 6px; padding: 15px; margin-bottom: 12px; }
.exam-question.correct[b-q8vupn58gq] { border-left: 3px solid #2e9378; }
.exam-question.wrong[b-q8vupn58gq] { border-left: 3px solid #c45d62; }
.question-title-row[b-q8vupn58gq] { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; }
.question-title-row h3[b-q8vupn58gq] { flex: 1; }
.question-meta[b-q8vupn58gq] { margin-top: 5px; font-size: 10px; color: #7d8fa6; line-height: 1.6; }
.question-options[b-q8vupn58gq] { margin-top: 11px; }
.exam-option[b-q8vupn58gq] { display: flex; align-items: flex-start; gap: 9px; padding: 8px; margin-top: 5px; border: 1px solid transparent; border-radius: 4px; font-size: 11px; color: #4d607c; }
.option-letter[b-q8vupn58gq] { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #cbd6e5; font-size: 10px; flex: none; }
.option-text[b-q8vupn58gq] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.exam-option.picked[b-q8vupn58gq] { background: #f5f8fd; border-color: #e0e8f2; color: #1f385b; }
.exam-option.picked.is-correct[b-q8vupn58gq] { color: #18745f; background: #eef8f3; border-color: #d5eade; }
.exam-option.picked.is-wrong[b-q8vupn58gq] { background: #fff3f4; border-color: #f2dce1; color: #b84c54; }
.option-flag[b-q8vupn58gq] { font-size: 10px; white-space: nowrap; }
.correct-label[b-q8vupn58gq] { color: #18846a; }
.answer-flags[b-q8vupn58gq] { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 11px; color: #70839b; font-size: 10px; }
.explanation[b-q8vupn58gq] { margin-top: 10px; }
.full-json[b-q8vupn58gq] { max-height: none; margin: 0; }

@media (max-width: 1100px) {
    .record-heading[b-q8vupn58gq] { flex-direction: column; }
    .record-overview-grid[b-q8vupn58gq] { grid-template-columns: 1fr; gap: 23px; }
    .record-footer[b-q8vupn58gq] { flex-wrap: wrap; }
}

@media (max-width: 600px) {
    .record-heading[b-q8vupn58gq] { padding: 16px 14px; }
    .record-title-row h1[b-q8vupn58gq] { font-size: 18px; }
    .record-content[b-q8vupn58gq] { padding: 17px 12px; }
    .record-status-bar[b-q8vupn58gq] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 10px; }
    .status-segment[b-q8vupn58gq] { min-width: 0; }
    .status-segment + .status-segment[b-q8vupn58gq] { padding: 0; border: 0; }
    .record-section-heading[b-q8vupn58gq] { flex-wrap: wrap; gap: 0; }
    .record-section-heading > .record-link[b-q8vupn58gq] { margin: -8px 0 12px; }
    .record-table[b-q8vupn58gq] { min-width: 690px; }
    .application-table[b-q8vupn58gq] { min-width: 920px; }
    .record-field-grid[b-q8vupn58gq] { gap: 14px 10px; }
    .timeline-step[b-q8vupn58gq] { padding-right: 8px; }
    .timeline-step > span[b-q8vupn58gq] { font-size: 10px; }
    .record-video[b-q8vupn58gq] { gap: 8px; }
    .video-thumbnail[b-q8vupn58gq] { width: 42px; height: 34px; }
    .record-footer[b-q8vupn58gq] { padding: 14px 12px; }
    .record-footer-actions[b-q8vupn58gq] { width: 100%; justify-content: space-between; }
    .record-drawer-heading[b-q8vupn58gq], .record-drawer-body[b-q8vupn58gq] { padding: 16px; }
    .record-drawer-footer[b-q8vupn58gq] { padding: 12px; }
    .record-actions[b-q8vupn58gq]  .mud-button-root { min-height: 38px; }
    .record-filter[b-q8vupn58gq] { min-height: 38px; }
}

.record-table-tools[b-q8vupn58gq] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 15px; }
.record-table-tools .record-filters[b-q8vupn58gq] { margin-bottom: 0; }
.record-search[b-q8vupn58gq] { border: 1px solid #d8e2ee; height: 30px; border-radius: 4px; padding: 0 9px; min-width: 170px; font: inherit; font-size: 11px; color: var(--record-ink); background: var(--record-paper); }
/* /Pages/Vehicles/ViewVehicle.razor.rz.scp.css */
.vehicle-detail[b-94fmx0dlac] { --ink: #091832; --text: #17253e; --muted: #71829d; --line: #dce4ef; --paper: #fff; color: var(--text); font-family: Inter, "Segoe UI", Arial, "Microsoft YaHei", sans-serif; font-size: 12px; }
.vehicle-detail[b-94fmx0dlac]  .main-card { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 10px 26px rgba(32,54,88,.045); overflow: hidden; }
.headline-row[b-94fmx0dlac] { display: flex; align-items: center; gap: 8px; }
.vehicle-detail[b-94fmx0dlac]  .mud-button-root { font-size: 11px; min-height: 33px; text-transform: none; border-radius: 4px; padding: 5px 13px; letter-spacing: 0; }
.vehicle-detail[b-94fmx0dlac]  .mud-button-outlined { border-color: #0f1c35; color: var(--ink); }
.vehicle-detail[b-94fmx0dlac]  .mud-button-filled-primary { background: #0c1830; color: #fff; }
.vehicle-detail[b-94fmx0dlac]  .mud-button-icon-start > .mud-icon-root { font-size: 15px; }
.content[b-94fmx0dlac] { min-height: 380px; padding: 19px 17px 23px; }
.detail-section[b-94fmx0dlac] { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.section-heading[b-94fmx0dlac] { margin-bottom: 14px; }
.section-heading h2[b-94fmx0dlac] { font-size: 12px; line-height: 1.4; color: #11223c; margin: 0; font-weight: 750; }
.description[b-94fmx0dlac] { font-size: 11px; color: #8392a9; margin: 4px 0 0; line-height: 1.5; }
.profile-strip[b-94fmx0dlac] { display: flex; align-items: center; justify-content: space-between; gap: 13px; flex-wrap: wrap; padding: 15px 16px; border: 1px solid #e3eaf3; background: #fafbfd; border-radius: 6px; margin-bottom: 19px; }
.profile-identity[b-94fmx0dlac] { display: flex; gap: 12px; align-items: center; min-width: 230px; }
.profile-name[b-94fmx0dlac] { font-weight: 750; color: #13233d; font-size: 14px; margin-bottom: 5px; }
.profile-subline[b-94fmx0dlac] { font-size: 11px; color: #8491a7; }
.metrics[b-94fmx0dlac] { display: flex; flex-wrap: wrap; }
.metric[b-94fmx0dlac] { padding: 3px 21px; border-right: 1px solid #dce5ef; min-width: 110px; }
.metric:last-child[b-94fmx0dlac] { border-right: 0; padding-right: 4px; }
.metric-label[b-94fmx0dlac] { font-size: 10px; color: #8190a4; margin-bottom: 6px; }
.metric-value[b-94fmx0dlac] { font-size: 15px; font-weight: 750; color: #14233d; line-height: 1.05; }
.field-grid[b-94fmx0dlac] { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 9px; }
.detail-field[b-94fmx0dlac] { min-width: 0; }
.detail-label[b-94fmx0dlac] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.detail-value[b-94fmx0dlac] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.badge[b-94fmx0dlac] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid #d7e0eb; background: #f6f8fb; color: #55708e; font-size: 10px; font-weight: 630; border-radius: 4px; white-space: nowrap; }
.badge.green[b-94fmx0dlac] { color: #188469; background: #edf8f3; border-color: #d8eee4; }
.badge.amber[b-94fmx0dlac] { color: #946722; background: #fff8ed; border-color: #f3e6d2; }
.badge.slate[b-94fmx0dlac] { color: #687b97; background: #f3f5f8; border-color: #e4e8f0; }
.status-dot[b-94fmx0dlac] { height: 6px; width: 6px; border-radius: 50%; background: currentColor; }
.link-btn[b-94fmx0dlac] { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; color: #385a88; font: inherit; font-size: 11px; font-weight: 550; padding: 4px; cursor: pointer; white-space: nowrap; }
.link-btn:hover[b-94fmx0dlac] { text-decoration: underline; }
.table-tools[b-94fmx0dlac] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.filterbar[b-94fmx0dlac] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.filter-chip[b-94fmx0dlac] { border: 1px solid #e2e7f0; color: #71829b; background: #fff; padding: 6px 10px; border-radius: 4px; font: inherit; font-size: 11px; cursor: pointer; }
.filter-chip.active[b-94fmx0dlac] { border-color: #192844; color: #182944; background: #f5f7fb; font-weight: 650; }
.searchbar[b-94fmx0dlac] { border: 1px solid #d8e2ee; height: 30px; border-radius: 4px; padding: 0 9px; min-width: 170px; font: inherit; font-size: 11px; color: var(--text); background: var(--paper); }
.table-wrap[b-94fmx0dlac] { overflow-x: auto; border: 1px solid #e6ebf2; border-radius: 5px; }
.flat-table[b-94fmx0dlac] { border-collapse: collapse; width: 100%; font-size: 11px; text-align: left; min-width: 870px; }
.flat-table th[b-94fmx0dlac] { color: #7a8ba4; background: #f8fafc; font-weight: 650; border-bottom: 1px solid #e5eaf2; padding: 10px 12px; white-space: nowrap; }
.flat-table td[b-94fmx0dlac] { padding: 13px 12px; border-bottom: 1px solid #e7ecf3; color: #1c2d49; vertical-align: middle; }
.flat-table tr:last-child td[b-94fmx0dlac] { border-bottom: 0; }
.flat-table .clickable[b-94fmx0dlac] { cursor: pointer; }
.flat-table .clickable:hover[b-94fmx0dlac] { background: #f9fbfe; }
.flat-table strong[b-94fmx0dlac] { font-weight: 680; }
.subtitle[b-94fmx0dlac] { font-size: 10px; color: #8291a6; margin-top: 4px; overflow-wrap: anywhere; }
.empty-state[b-94fmx0dlac] { padding: 32px 16px !important; text-align: center; color: #8a9bb0 !important; font-size: 11px; }
.note-box[b-94fmx0dlac] { padding: 11px 13px; border: 1px solid #e2e9f3; background: #f9fbff; color: var(--muted); font-size: 11px; border-radius: 5px; line-height: 1.6; }
.table-note[b-94fmx0dlac] { margin-top: 15px; }
.footer[b-94fmx0dlac] { background: #f7f8fa; border-top: 1px solid var(--line); min-height: 60px; padding: 12px 20px 12px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.visually-hidden[b-94fmx0dlac] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
button:focus-visible[b-94fmx0dlac], a:focus-visible[b-94fmx0dlac], input:focus-visible[b-94fmx0dlac], [role="tabpanel"]:focus-visible[b-94fmx0dlac] { outline: 2px solid #426c9e; outline-offset: 3px; }
.record-account[b-94fmx0dlac] { margin-top: 6px; }
@media (max-width: 1040px) { .metrics[b-94fmx0dlac] { width: 100%; } .metric:first-child[b-94fmx0dlac] { padding-left: 0; } }
@media (max-width: 650px) {
    .content[b-94fmx0dlac] { padding: 15px 12px; }
    .profile-strip[b-94fmx0dlac] { padding: 12px; }
    .profile-identity[b-94fmx0dlac] { min-width: 0; }
    .metric[b-94fmx0dlac] { min-width: 95px; padding: 6px 13px; }
    .table-tools[b-94fmx0dlac] { align-items: flex-start; }
    .searchbar[b-94fmx0dlac] { min-width: 140px; }
    .footer[b-94fmx0dlac] { padding: 13px 12px; flex-wrap: wrap; }
}
/* /Pages/VisitApplications/Components/GateAccessVerificationDrawer.razor.rz.scp.css */
.gate-drawer-host[b-8p9vewapzp]  .gate-drawer {
    max-width: 100vw;
    background: var(--gate-paper, var(--mud-palette-surface));
}
.gate-drawer-host[b-8p9vewapzp]  .gate-focus {
    height: 100%;
}
.verification-shell[b-8p9vewapzp] {
    --gate-ink: var(--mud-palette-text-primary);
    --gate-muted: var(--mud-palette-text-secondary);
    --gate-line: var(--mud-palette-divider);
    --gate-soft: var(--mud-palette-background-gray);
    --gate-paper: var(--mud-palette-surface);
    --gate-font: var(--mud-typography-default-size, .857rem);
    --gate-small: var(--mud-typography-body2-size, .715rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--gate-ink);
    font-family: var(--mud-typography-default-family);
    font-size: var(--gate-font);
    line-height: 1.45;
}
h2[b-8p9vewapzp], h3[b-8p9vewapzp], p[b-8p9vewapzp] { margin: 0; }
h2[b-8p9vewapzp], h3[b-8p9vewapzp] { font-size: var(--gate-font); font-weight: 650; }
button[b-8p9vewapzp], input[b-8p9vewapzp] { font: inherit; color: inherit; }
button[b-8p9vewapzp] { cursor: pointer; }
button:disabled[b-8p9vewapzp] { cursor: not-allowed; opacity: .52; }
button:focus-visible[b-8p9vewapzp], input:focus-visible[b-8p9vewapzp] { outline: 2px solid var(--mud-palette-info); outline-offset: 2px; }
.verification-shell[b-8p9vewapzp]  .mud-icon-root { width: 16px; height: 16px; flex-shrink: 0; }
.secondary[b-8p9vewapzp] { color: var(--gate-muted); font-size: var(--gate-small); line-height: 1.5; }
.block[b-8p9vewapzp] { display: block; margin-top: 3px; }
.gate-button[b-8p9vewapzp] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 5px 11px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: var(--mud-default-borderradius); background: var(--gate-paper); color: var(--gate-ink); font-size: var(--gate-font); font-weight: 600; white-space: nowrap; }
.gate-button:hover:not(:disabled)[b-8p9vewapzp] { background: var(--gate-soft); }
.gate-button.primary[b-8p9vewapzp] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); }
.gate-button.primary:hover:not(:disabled)[b-8p9vewapzp] { filter: brightness(.94); }
.gate-button.tiny[b-8p9vewapzp] { min-height: 26px; padding: 3px 8px; font-size: var(--gate-small); }
.gate-button[b-8p9vewapzp]  .mud-icon-root { width: 14px; height: 14px; }
.badge[b-8p9vewapzp] { display: inline-flex; align-items: center; border-width: 1px; border-style: solid; border-radius: 4px; padding: 2px 6px; font-size: var(--gate-small); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.green[b-8p9vewapzp] { color: var(--mud-palette-success); background: color-mix(in srgb, var(--mud-palette-success) 9%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-success) 24%, var(--gate-line)); }
.amber[b-8p9vewapzp] { color: var(--mud-palette-warning-darken); background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-warning) 28%, var(--gate-line)); }
.red[b-8p9vewapzp] { color: var(--mud-palette-error); background: color-mix(in srgb, var(--mud-palette-error) 7%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-error) 23%, var(--gate-line)); }
.property[b-8p9vewapzp] { min-width: 0; }
.field-label[b-8p9vewapzp] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.field-value[b-8p9vewapzp] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.drawer-heading[b-8p9vewapzp] { padding: 19px 20px 16px; display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--gate-line); }
.drawer-heading h2[b-8p9vewapzp] { margin: 5px 0; font-size: var(--mud-typography-h6-size); font-weight: 700; }
.icon-button[b-8p9vewapzp] { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 4px; background: transparent; color: var(--gate-muted); flex-shrink: 0; }
.icon-button:hover[b-8p9vewapzp] { background: var(--gate-soft); }
.drawer-body[b-8p9vewapzp] { flex: 1; overflow-y: auto; padding: 18px 20px; }
.drawer-block[b-8p9vewapzp] { margin-bottom: 20px; }
.drawer-block h3[b-8p9vewapzp] { color: var(--gate-muted); font-size: var(--gate-small); font-weight: 650; margin-bottom: 11px; }
.drawer-fields[b-8p9vewapzp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; }
.training-line[b-8p9vewapzp] { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--gate-line); }
.training-line:first-of-type[b-8p9vewapzp] { padding-top: 0; }
.training-line strong[b-8p9vewapzp] { font-size: var(--gate-font); font-weight: 600; }
.review-hint[b-8p9vewapzp] { background: color-mix(in srgb, var(--mud-palette-info) 6%, var(--gate-paper)); border: 1px solid color-mix(in srgb, var(--mud-palette-info) 18%, var(--gate-line)); padding: 11px; border-radius: 5px; font-size: var(--gate-small); line-height: 1.65; }
.confirmation-check[b-8p9vewapzp] { display: flex; align-items: flex-start; gap: 9px; padding: 13px; margin-top: 12px; border: 1px solid var(--gate-line); border-radius: 6px; background: var(--gate-soft); cursor: pointer; }
.confirmation-check input[b-8p9vewapzp] { accent-color: var(--mud-palette-primary); width: 15px; height: 15px; margin-top: 2px; flex-shrink: 0; }
.confirmation-check strong[b-8p9vewapzp] { font-weight: 600; font-size: var(--gate-font); }
.drawer-error[b-8p9vewapzp] { color: var(--mud-palette-error); font-size: var(--gate-small); line-height: 1.6; margin: 10px 0; }
.drawer-error .gate-button[b-8p9vewapzp] { display: flex; margin-top: 8px; }
.drawer-footer[b-8p9vewapzp] { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--gate-line); background: var(--gate-soft); }
/* /Pages/VisitApplications/Components/VisitApplicationDynamicFields.razor.rz.scp.css */
.visit-dynamic-fields[b-xjtygm20hb] {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.visit-dynamic-grid[b-xjtygm20hb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px 24px;
}

.visit-dynamic-field[b-xjtygm20hb] {
    min-width: 0;
}

.visit-dynamic-field[b-xjtygm20hb]  .mud-input-control {
    width: 100%;
}

@media (min-width: 600px) {
    .visit-dynamic-grid[b-xjtygm20hb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .visit-dynamic-grid[b-xjtygm20hb] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Pages/VisitApplications/Components/VisitApplicationFormDialog.razor.rz.scp.css */
.visit-create-body[b-erlokjzgi3] {
    min-width: 0;
}

.visit-create-section[b-erlokjzgi3] {
    padding: 8px 0 24px;
}

.visit-create-heading[b-erlokjzgi3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.visit-create-dynamic[b-erlokjzgi3] {
    padding-top: 0px;
}

.visit-create-records[b-erlokjzgi3] {
    display: grid;
    grid-template-columns: minmax(0, 2.7fr) minmax(260px, 1fr);
    align-items: stretch;
    gap: 16px;
}

.visit-create-card[b-erlokjzgi3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
}

.visit-create-card-header[b-erlokjzgi3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px;
    background: var(--mud-palette-background-gray);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.visit-create-card-footer[b-erlokjzgi3] {
    margin-top: auto;
    padding: 10px 12px;
    border-top: 1px solid var(--mud-palette-divider);
}

.visit-create-people[b-erlokjzgi3]  table {
    min-width: 760px;
}

.visit-create-body[b-erlokjzgi3]  .visit-create-table td {
    padding: 4px 8px;
    vertical-align: top;
}

.visit-create-people[b-erlokjzgi3]  th:nth-child(2),
.visit-create-people[b-erlokjzgi3]  th:nth-child(3),
.visit-create-people[b-erlokjzgi3]  th:nth-child(4),
.visit-create-people[b-erlokjzgi3]  th:nth-child(5) {
    min-width: 125px;
}

.visit-create-body[b-erlokjzgi3]  .visit-create-attachment {
    max-width: 160px;
    margin-top: 10px;
}

.visit-create-body[b-erlokjzgi3]  .visit-create-attachment .mud-button-label {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visit-create-actions[b-erlokjzgi3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 12px;
}

@media (max-width: 1100px) {
    .visit-create-records[b-erlokjzgi3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/VisitApplications/EditVisitApplication.razor.rz.scp.css */
.visit-edit[b-mbkdif3x6i] {
    overflow: hidden;
}

.visit-edit-header[b-mbkdif3x6i],
.visit-edit-footer[b-mbkdif3x6i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.visit-edit-header[b-mbkdif3x6i]  .visit-edit-breadcrumbs {
    padding: 0 0 8px;
}

.visit-edit-heading[b-mbkdif3x6i],
.visit-edit-actions[b-mbkdif3x6i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.visit-edit-heading[b-mbkdif3x6i]  .mud-chip {
    margin: 0;
}

.visit-edit-meta[b-mbkdif3x6i] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    padding: 14px 24px;
    border-block: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

.visit-edit-meta strong[b-mbkdif3x6i] {
    margin-left: 8px;
    color: var(--mud-palette-text-primary);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.visit-edit-content[b-mbkdif3x6i] {
    padding: 24px;
}

.visit-edit-section[b-mbkdif3x6i] {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.visit-edit-section-heading[b-mbkdif3x6i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.visit-edit-hint[b-mbkdif3x6i],
.visit-edit-card-footer[b-mbkdif3x6i],
.visit-edit-protected-note[b-mbkdif3x6i],
.visit-edit-footer-info[b-mbkdif3x6i] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

.visit-edit-fields[b-mbkdif3x6i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
}

.visit-edit-content[b-mbkdif3x6i]  .visit-edit-notice {
    margin-bottom: 20px;
}

.visit-edit-records[b-mbkdif3x6i] {
    display: grid;
    grid-template-columns: minmax(0, 2.65fr) minmax(250px, 1fr);
    align-items: stretch;
    gap: 16px;
}

.visit-edit-card[b-mbkdif3x6i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    overflow: hidden;
}

.visit-edit-card-header[b-mbkdif3x6i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.visit-edit-card[b-mbkdif3x6i]  .visit-edit-table {
    flex: 1;
    overflow: auto;
}

.visit-edit-people[b-mbkdif3x6i]  table {
    min-width: 800px;
}

.visit-edit-people[b-mbkdif3x6i]  th:nth-child(2),
.visit-edit-people[b-mbkdif3x6i]  th:nth-child(3),
.visit-edit-people[b-mbkdif3x6i]  th:nth-child(4),
.visit-edit-people[b-mbkdif3x6i]  th:nth-child(5) {
    min-width: 125px;
}

.visit-edit-card[b-mbkdif3x6i]  th {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.visit-edit-card[b-mbkdif3x6i]  td {
    padding: 4px 8px;
    vertical-align: middle;
}

.visit-edit-card[b-mbkdif3x6i]  .visit-edit-new,
.visit-edit-card[b-mbkdif3x6i]  .visit-edit-locked {
    background: var(--mud-palette-background-gray);
}

.visit-edit-attachment[b-mbkdif3x6i] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.visit-edit-attachment[b-mbkdif3x6i]  .visit-edit-file-button {
    max-width: 145px;
}

.visit-edit-attachment[b-mbkdif3x6i]  .mud-button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visit-edit-card-footer[b-mbkdif3x6i] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
    margin-top: auto;
    border-top: 1px solid var(--mud-palette-divider);
}

.visit-edit-protected-note[b-mbkdif3x6i] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 20px;
}

.visit-edit-footer[b-mbkdif3x6i] {
    align-items: center;
}

.visit-edit-footer-info[b-mbkdif3x6i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.visit-edit-dirty[b-mbkdif3x6i] {
    color: var(--mud-palette-warning-darken);
    font-weight: 600;
}

.visit-edit-card[b-mbkdif3x6i]  .visit-edit-empty {
    padding: 24px 16px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.sr-only[b-mbkdif3x6i] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1180px) {
    .visit-edit-records[b-mbkdif3x6i] {
        grid-template-columns: minmax(0, 1fr);
    }

    .visit-edit-fields[b-mbkdif3x6i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .visit-edit-header[b-mbkdif3x6i],
    .visit-edit-footer[b-mbkdif3x6i],
    .visit-edit-section-heading[b-mbkdif3x6i] {
        flex-direction: column;
        align-items: stretch;
    }

    .visit-edit-content[b-mbkdif3x6i] {
        padding: 16px;
    }

    .visit-edit-meta[b-mbkdif3x6i] {
        padding: 12px 16px;
    }

    .visit-edit-actions[b-mbkdif3x6i] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .visit-edit-fields[b-mbkdif3x6i] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/VisitApplications/GateReception.razor.rz.scp.css */
.gate-reception[b-ghzg8lwsws] {
    --gate-ink: var(--mud-palette-text-primary);
    --gate-muted: var(--mud-palette-text-secondary);
    --gate-line: var(--mud-palette-divider);
    --gate-soft: var(--mud-palette-background-gray);
    --gate-paper: var(--mud-palette-surface);
    --gate-font: var(--mud-typography-default-size, .857rem);
    --gate-small: var(--mud-typography-body2-size, .715rem);
    color: var(--gate-ink);
    font-family: var(--mud-typography-default-family);
    font-size: var(--gate-font);
    line-height: 1.45;
}
h1[b-ghzg8lwsws], h2[b-ghzg8lwsws], h3[b-ghzg8lwsws], p[b-ghzg8lwsws] { margin: 0; }
h1[b-ghzg8lwsws] { font-size: var(--mud-typography-h6-size); font-weight: 700; line-height: 1.3; }
h2[b-ghzg8lwsws], h3[b-ghzg8lwsws] { font-size: var(--gate-font); font-weight: 650; }
button[b-ghzg8lwsws], input[b-ghzg8lwsws] { font: inherit; color: inherit; }
button[b-ghzg8lwsws] { cursor: pointer; }
button:disabled[b-ghzg8lwsws] { cursor: not-allowed; opacity: .52; }
button:focus-visible[b-ghzg8lwsws], input:focus-visible[b-ghzg8lwsws], summary:focus-visible[b-ghzg8lwsws], [tabindex]:focus-visible[b-ghzg8lwsws] { outline: 2px solid var(--mud-palette-info); outline-offset: 2px; }
.gate-reception[b-ghzg8lwsws]  .mud-icon-root { width: 16px; height: 16px; flex-shrink: 0; }
.secondary[b-ghzg8lwsws] { color: var(--gate-muted); font-size: var(--gate-small); line-height: 1.5; }
.block[b-ghzg8lwsws] { display: block; margin-top: 3px; }
.page-heading[b-ghzg8lwsws] { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.page-heading[b-ghzg8lwsws]  .gate-breadcrumbs { padding: 0 0 8px; }
.page-heading p[b-ghzg8lwsws] { margin-top: 4px; }
.head-tools[b-ghzg8lwsws] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.gate-button[b-ghzg8lwsws] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 5px 11px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: var(--mud-default-borderradius); background: var(--gate-paper); color: var(--gate-ink); font-size: var(--gate-font); font-weight: 600; white-space: nowrap; }
.gate-button:hover:not(:disabled)[b-ghzg8lwsws] { background: var(--gate-soft); }
.gate-button.primary[b-ghzg8lwsws] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); }
.gate-button.primary:hover:not(:disabled)[b-ghzg8lwsws] { filter: brightness(.94); }
.gate-button.tiny[b-ghzg8lwsws] { min-height: 26px; padding: 3px 8px; font-size: var(--gate-small); }
.gate-button[b-ghzg8lwsws]  .mud-icon-root { width: 14px; height: 14px; }
.stats[b-ghzg8lwsws] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 14px 1.5rem 16px; border-bottom: 1px solid var(--gate-line); }
.stat[b-ghzg8lwsws] { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 10px; border: 1px solid var(--gate-line); border-radius: 8px; background: var(--gate-paper); }
.stat-content[b-ghzg8lwsws] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.stat-count[b-ghzg8lwsws] { display: block; font-size: var(--mud-typography-h5-size); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.1; margin-bottom: 5px; }
.stat-icon[b-ghzg8lwsws] { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 8px; }
.stat-icon[b-ghzg8lwsws]  .mud-icon-root { width: 24px; height: 24px; }
.stat-chevron[b-ghzg8lwsws] { display: flex; flex-shrink: 0; color: var(--gate-muted); }
.stat-chevron[b-ghzg8lwsws]  .mud-icon-root { width: 20px; height: 20px; }
.green[b-ghzg8lwsws] { color: var(--mud-palette-success); background: color-mix(in srgb, var(--mud-palette-success) 9%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-success) 24%, var(--gate-line)); }
.amber[b-ghzg8lwsws] { color: var(--mud-palette-warning-darken); background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-warning) 28%, var(--gate-line)); }
.blue[b-ghzg8lwsws] { color: var(--mud-palette-info); background: color-mix(in srgb, var(--mud-palette-info) 8%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-info) 20%, var(--gate-line)); }
.red[b-ghzg8lwsws] { color: var(--mud-palette-error); background: color-mix(in srgb, var(--mud-palette-error) 7%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-error) 23%, var(--gate-line)); }
.neutral[b-ghzg8lwsws] { color: var(--gate-muted); background: var(--gate-soft); border-color: var(--gate-line); }
.workspace[b-ghzg8lwsws] { display: grid; grid-template-columns: 310px minmax(0, 1fr); min-height: 670px; }
.lookup[b-ghzg8lwsws] { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--gate-line); background: color-mix(in srgb, var(--gate-soft) 20%, var(--gate-paper)); }
.lookup-heading[b-ghzg8lwsws] { padding: 15px 16px 12px; border-bottom: 1px solid var(--gate-line); }
.section-title[b-ghzg8lwsws] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lookup-heading p[b-ghzg8lwsws] { margin-top: 4px; }
.lookup-box[b-ghzg8lwsws] { height: 36px; display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 0 10px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 5px; background: var(--gate-paper); color: var(--gate-muted); }
.lookup-box:focus-within[b-ghzg8lwsws] { border-color: var(--mud-palette-info); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-info) 12%, transparent); }
.lookup-box input[b-ghzg8lwsws] { width: 100%; min-width: 0; border: 0; outline: none; background: transparent; font-size: var(--gate-font); }
.lookup-box input[b-ghzg8lwsws]::placeholder { color: var(--mud-palette-text-disabled); }
.search-submit[b-ghzg8lwsws] { display: grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; border: 0; border-radius: 4px; background: transparent; color: var(--mud-palette-info); }
.search-submit:hover:not(:disabled)[b-ghzg8lwsws] { background: var(--gate-soft); }
.segments[b-ghzg8lwsws] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: 3px; margin-top: 10px; border-radius: 5px; background: var(--gate-soft); }
.segments button[b-ghzg8lwsws] { padding: 6px 3px; border: 0; border-radius: 4px; background: transparent; color: var(--gate-muted); font-size: var(--gate-small); font-weight: 600; }
.segments button.active[b-ghzg8lwsws] { color: var(--gate-ink); background: var(--gate-paper); box-shadow: var(--mud-elevation-1); }
.lookup-meta[b-ghzg8lwsws] { padding: 10px 16px 7px; display: flex; justify-content: space-between; gap: 6px; }
.appointments[b-ghzg8lwsws] { padding: 0 8px 12px; max-height: 670px; min-height: 120px; overflow-y: auto; flex: 1; }
.list-progress[b-ghzg8lwsws] { padding: 3px 8px 8px; }
.appointment[b-ghzg8lwsws] { display: block; width: 100%; text-align: left; padding: 12px 10px; margin: 2px 0; border: 1px solid transparent; border-radius: 7px; background: transparent; }
.appointment:hover:not(:disabled)[b-ghzg8lwsws] { background: var(--gate-soft); }
.appointment.active[b-ghzg8lwsws] { background: color-mix(in srgb, var(--mud-palette-info) 7%, var(--gate-paper)); border-color: color-mix(in srgb, var(--mud-palette-info) 22%, var(--gate-line)); }
.appointment.other-date[b-ghzg8lwsws] { border-left: 2px solid var(--mud-palette-warning); }
.appointment-line[b-ghzg8lwsws] { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.application-code[b-ghzg8lwsws] { color: var(--gate-muted); font-size: var(--gate-small); font-weight: 600; }
.appointment-name[b-ghzg8lwsws] { display: block; margin: 7px 0 4px; font-size: var(--gate-font); overflow-wrap: anywhere; }
.appointment > .secondary[b-ghzg8lwsws] { display: block; }
.appointment > .appointment-footer[b-ghzg8lwsws] { display: flex; align-items: center; justify-content: start; gap: 12px; min-height: 16px; margin-top: 10px; font-variant-numeric: tabular-nums; }
.appointment-footer > span[b-ghzg8lwsws] { display: inline-flex; align-items: center; gap: 4px; line-height: 1; white-space: nowrap; }
.appointment-footer[b-ghzg8lwsws]  .mud-icon-root { width: 12px; height: 12px; }
.appointment-schedule[b-ghzg8lwsws] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin-top: 9px; font-size: var(--gate-font); font-variant-numeric: tabular-nums; }
.appointment-schedule[b-ghzg8lwsws]  .mud-icon-root { width: 14px; height: 14px; color: var(--gate-muted); }
.appointment-date[b-ghzg8lwsws] { color: var(--gate-muted); white-space: nowrap; }
.appointment-time[b-ghzg8lwsws] { color: var(--gate-ink); font-size: var(--gate-font); font-weight: 700; overflow-wrap: anywhere; }
.other-date .appointment-date[b-ghzg8lwsws] { color: var(--mud-palette-warning-darken); }
.onsite-text[b-ghzg8lwsws] { color: var(--mud-palette-success); }
.detail[b-ghzg8lwsws] { min-width: 0; padding: 16px 18px 18px; }
.detail-heading[b-ghzg8lwsws] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.detail-title[b-ghzg8lwsws] { display: flex; align-items: center; flex-wrap: wrap; flex: 1; gap: 10px; min-width: 0; }
.detail-heading h2[b-ghzg8lwsws] { margin: 0; font-size: var(--mud-typography-h6-size); font-weight: 700; }
.detail-heading h2 span[b-ghzg8lwsws] { color: var(--mud-palette-info); }
.detail-actions[b-ghzg8lwsws] { display: flex; align-items: flex-start; gap: 8px; flex-shrink: 0; margin-left: auto; }
.tag-row[b-ghzg8lwsws] { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.badge[b-ghzg8lwsws] { display: inline-flex; align-items: center; border-width: 1px; border-style: solid; border-radius: 4px; padding: 2px 6px; font-size: var(--gate-small); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.completion-action[b-ghzg8lwsws] { display: flex; align-items: flex-end; flex-direction: column; gap: 6px; max-width: 220px; text-align: right; }
.property-grid[b-ghzg8lwsws] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 10px; margin: 12px 0; }
.appointment-overview[b-ghzg8lwsws], .host-overview[b-ghzg8lwsws] { min-width: 0; padding: 10px 12px; border: 1px solid var(--gate-line); border-radius: 7px; background: var(--gate-paper); }
.appointment-overview[b-ghzg8lwsws] { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr)); gap: 12px; align-items: center; }
.appointment-overview .property + .property[b-ghzg8lwsws] { padding-left: 12px; border-left: 1px solid var(--gate-line); }
.property[b-ghzg8lwsws] { min-width: 0; }
.field-label[b-ghzg8lwsws] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.field-value[b-ghzg8lwsws] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 24px; font-size: 12px; color: var(--gate-ink); overflow-wrap: anywhere; line-height: 1.5; }
.field-value[b-ghzg8lwsws]  .mud-icon-root, .host-phone[b-ghzg8lwsws]  .mud-icon-root { color: var(--mud-palette-info); }
.host-overview[b-ghzg8lwsws] { display: flex; align-items: center; gap: 12px; }
.host-overview[b-ghzg8lwsws]  .host-avatar { width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; color: var(--mud-palette-info); background: color-mix(in srgb, var(--mud-palette-info) 8%, var(--gate-paper)); }
.host-overview[b-ghzg8lwsws]  .host-avatar .mud-icon-root { width: 26px; height: 26px; }
.host-details[b-ghzg8lwsws] { flex: 1; min-width: 0; }
.host-contact[b-ghzg8lwsws] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; font-size: 12px; }
.host-contact strong[b-ghzg8lwsws] { font-weight: 700; overflow-wrap: anywhere; }
.host-email[b-ghzg8lwsws] { min-width: 0; overflow-wrap: anywhere; }
.host-phone[b-ghzg8lwsws] { display: inline-flex; align-items: center; gap: 6px; padding-left: 10px; border-left: 1px solid var(--gate-line); white-space: nowrap; }
.gate-notice[b-ghzg8lwsws] { margin-bottom: 14px; border-width: 1px; border-style: solid; border-radius: 5px; font-size: var(--gate-small); line-height: 1.6; }
.gate-summary-row[b-ghzg8lwsws] { display: flex; align-items: center; gap: 14px; padding: 9px 11px; cursor: pointer; list-style: none; }
.gate-summary-row[b-ghzg8lwsws]::-webkit-details-marker { display: none; }
.gate-summary-title[b-ghzg8lwsws] { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; font-size: var(--gate-font); }
.gate-summary-items[b-ghzg8lwsws] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; min-width: 0; }
.gate-summary-items > span[b-ghzg8lwsws] { color: var(--gate-muted); }
.gate-summary-items > span:first-child[b-ghzg8lwsws] { color: inherit; }
.gate-summary-items > span + span[b-ghzg8lwsws] { padding-left: 14px; border-left: 1px solid var(--gate-line); }
.summary-chevron[b-ghzg8lwsws] { display: flex; flex-shrink: 0; margin-left: auto; color: var(--gate-muted); }
.gate-notice[open] .summary-chevron[b-ghzg8lwsws] { transform: rotate(90deg); }
.gate-summary-explanation[b-ghzg8lwsws] { padding: 0 11px 9px; color: var(--gate-muted); }
.gate-panel[b-ghzg8lwsws] { border: 1px solid var(--gate-line); border-radius: 7px; margin-top: 12px; overflow: hidden; min-width: 0; }
.panel-heading[b-ghzg8lwsws] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 9px 12px; background: color-mix(in srgb, var(--gate-soft) 35%, var(--gate-paper)); border-bottom: 1px solid var(--gate-line); }
.panel-heading h3[b-ghzg8lwsws] { display: flex; align-items: center; gap: 6px; }
.panel-heading h3[b-ghzg8lwsws]  .mud-icon-root { color: var(--gate-muted); }
.panel-heading small[b-ghzg8lwsws] { font-size: var(--gate-small); color: var(--gate-muted); font-weight: 400; }
.table-scroll[b-ghzg8lwsws] { overflow-x: auto; padding: 0; }
table[b-ghzg8lwsws] { width: 100%; text-align: left; border-collapse: collapse; }
.roster[b-ghzg8lwsws] { min-width: 650px; }
.vehicle-table[b-ghzg8lwsws] { min-width: 395px; }
.vehicle-table-expanded[b-ghzg8lwsws] { min-width: 860px; }
.vehicle-field-cell[b-ghzg8lwsws] { max-width: 220px; overflow-wrap: anywhere; }
.hazardous-cargo[b-ghzg8lwsws] { gap: 4px; font-weight: 700; }
.hazardous-cargo[b-ghzg8lwsws]  .mud-icon-root { width: 14px; height: 14px; }
th[b-ghzg8lwsws] { padding: 10px 7px; border-bottom: 1px solid var(--gate-line); font-size: var(--gate-small); font-weight: 600; color: var(--gate-muted); white-space: nowrap; }
td[b-ghzg8lwsws] { padding: 10px 7px; border-bottom: 1px solid var(--gate-line); font-size: var(--gate-small); color: var(--gate-muted); vertical-align: middle; }
tbody tr:last-child td[b-ghzg8lwsws] { border-bottom: 0; }
tbody tr:hover[b-ghzg8lwsws] { background: color-mix(in srgb, var(--gate-soft) 30%, transparent); }
td strong[b-ghzg8lwsws] { color: var(--gate-ink); font-size: var(--gate-font); font-weight: 600; }
.table-identity[b-ghzg8lwsws] { display: flex; align-items: center; gap: 10px; }
.table-identity-icon[b-ghzg8lwsws] { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--gate-soft); color: var(--gate-ink); }
.table-identity-icon[b-ghzg8lwsws]  .mud-icon-root { width: 20px; height: 20px; }
.table-identity-text[b-ghzg8lwsws] { min-width: 0; overflow-wrap: anywhere; }
.time-value[b-ghzg8lwsws] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.action-cell[b-ghzg8lwsws] { text-align: right; width: 150px; }
.blocked-reason[b-ghzg8lwsws] { display: block; color: var(--mud-palette-warning-darken); margin-top: 5px; max-width: 165px; }
.recheck-button[b-ghzg8lwsws] { margin-top: 6px; }
.two-panels[b-ghzg8lwsws] { display: grid; grid-template-columns: 1fr; gap: 0; align-items: start; }
.history-list[b-ghzg8lwsws] { padding: 0 12px; }
.history-line[b-ghzg8lwsws] { display: grid; grid-template-columns: 73px minmax(0, 1fr); gap: 8px; padding: 11px 0; border-bottom: 1px solid var(--gate-line); font-size: var(--gate-small); }
.history-line:last-child[b-ghzg8lwsws] { border-bottom: 0; }
.history-line strong[b-ghzg8lwsws] { color: var(--gate-ink); font-weight: 600; }
.history-line time[b-ghzg8lwsws] { font-variant-numeric: tabular-nums; }
.table-empty[b-ghzg8lwsws] { padding: 23px 12px; text-align: center; font-size: var(--gate-small); }
.empty-state[b-ghzg8lwsws] { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; padding: 35px 16px; text-align: center; color: var(--gate-muted); }
.empty-state > strong[b-ghzg8lwsws] { color: var(--gate-ink); font-size: var(--gate-font); }
.empty-state[b-ghzg8lwsws]  .mud-icon-root { width: 28px; height: 28px; opacity: .65; }
.detail-empty[b-ghzg8lwsws] { min-height: 480px; }
.empty-state.error[b-ghzg8lwsws] { color: var(--mud-palette-error); }
.detail-progress[b-ghzg8lwsws] { display: flex; flex-direction: column; gap: 12px; padding: 12px; }
.gate-footer[b-ghzg8lwsws] { display: flex; justify-content: space-between; gap: 12px; padding: 11px 20px; border-top: 1px solid var(--gate-line); background: var(--gate-soft); }
.gate-footer strong[b-ghzg8lwsws] { font-weight: 600; color: var(--gate-ink); }
@media (min-width: 1500px) { .workspace[b-ghzg8lwsws] { grid-template-columns: 350px minmax(0, 1fr); } }
@media (max-width: 1150px) { .workspace[b-ghzg8lwsws] { grid-template-columns: 275px minmax(0, 1fr); } .property-grid[b-ghzg8lwsws] { grid-template-columns: 1fr; } .two-panels[b-ghzg8lwsws] { grid-template-columns: 1fr; gap: 0; } .completion-action[b-ghzg8lwsws] { align-items: flex-start; text-align: left; max-width: none; } }
@media (max-width: 750px) { .page-heading[b-ghzg8lwsws] { padding: 14px; align-items: flex-start; } .head-tools > .secondary[b-ghzg8lwsws] { display: none; } .stats[b-ghzg8lwsws] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 14px 14px; } .stat[b-ghzg8lwsws] { padding: 10px; } .workspace[b-ghzg8lwsws] { grid-template-columns: 1fr; } .lookup[b-ghzg8lwsws] { border-right: 0; border-bottom: 1px solid var(--gate-line); } .appointments[b-ghzg8lwsws] { display: flex; gap: 5px; overflow-x: auto; max-height: none; padding-bottom: 10px; } .appointment[b-ghzg8lwsws] { flex: 0 0 235px; } .detail[b-ghzg8lwsws] { padding: 14px; } .detail-empty[b-ghzg8lwsws] { min-height: 250px; } .gate-footer[b-ghzg8lwsws] { padding: 11px 14px; flex-wrap: wrap; } .property-grid[b-ghzg8lwsws] { column-gap: 14px; } .panel-heading[b-ghzg8lwsws] { align-items: flex-start; } .panel-heading > .secondary[b-ghzg8lwsws] { text-align: right; } }
@media (max-width: 600px) { .appointment-overview[b-ghzg8lwsws] { grid-template-columns: 1fr; gap: 8px; } .appointment-overview .property + .property[b-ghzg8lwsws] { padding: 8px 0 0; border-left: 0; border-top: 1px solid var(--gate-line); } .gate-summary-row[b-ghzg8lwsws] { flex-wrap: wrap; gap: 8px; } .gate-summary-title[b-ghzg8lwsws] { flex: 1; } .gate-summary-items[b-ghzg8lwsws] { order: 1; flex-basis: 100%; } }
/* /Pages/VisitApplications/ViewVisitApplication.razor.rz.scp.css */
.visit-overview[b-9cn9bshwga] {
    --overview-ink: var(--mud-palette-text-primary);
    --overview-muted: var(--mud-palette-text-secondary);
    --overview-line: var(--mud-palette-divider);
    --overview-soft: var(--mud-palette-background-gray);
    --overview-paper: var(--mud-palette-surface);
    color: var(--overview-ink);
    font-size: 12px;
    line-height: 1.5;
}

.overview-card[b-9cn9bshwga] { overflow: hidden; }
.overview-header[b-9cn9bshwga] { padding: 14px 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.overview-header[b-9cn9bshwga]  .overview-breadcrumbs { padding: 0 0 6px; font-size: 12px; }
.heading-line[b-9cn9bshwga], .actions[b-9cn9bshwga] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.actions[b-9cn9bshwga] { flex-shrink: 0; }
.visit-overview[b-9cn9bshwga]  .mud-button-root { font-size: 12px; min-height: 32px; padding: 4px 10px; }
.overview-footer[b-9cn9bshwga]  .mud-typography-caption { font-size: 10px; }
h1[b-9cn9bshwga] { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 700; }
.description[b-9cn9bshwga] { margin: 4px 0 0; color: var(--overview-muted); font-size: 10px; line-height: 1.6; }
.meta-strip[b-9cn9bshwga] { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 10px 16px; background: var(--overview-soft); border-block: 1px solid var(--overview-line); font-size: 10px; color: var(--overview-muted); }
.meta-strip > span[b-9cn9bshwga] { overflow-wrap: anywhere; }
.meta-strip strong[b-9cn9bshwga] { color: var(--overview-ink); font-weight: 600; font-size: 12px; margin-left: 6px; }
.source-label[b-9cn9bshwga] { margin-left: 6px; font-size: 10px; }
.process[b-9cn9bshwga] { list-style: none; padding: 14px 16px; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--overview-line); }
.process-step[b-9cn9bshwga] { display: flex; align-items: center; gap: 8px; position: relative; min-width: 0; padding-right: 12px; }
.process-step:not(:last-child)[b-9cn9bshwga]::after { content: ""; height: 1px; background: var(--overview-line); flex: 1; margin-left: 8px; min-width: 8px; }
.step-bubble[b-9cn9bshwga] { display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border: 1px solid var(--overview-line); border-radius: 50%; color: var(--overview-muted); background: var(--overview-paper); }
.done .step-bubble[b-9cn9bshwga] { color: #23765e; background: #eef9f3; border-color: #cfe8dc; }
.current .step-bubble[b-9cn9bshwga] { color: #426991; background: #edf3fa; border-color: #cddded; box-shadow: 0 0 0 4px rgb(87 120 158 / 7%); }
.rejected .step-bubble[b-9cn9bshwga] { color: #aa3b47; background: #fff1f1; border-color: #f0d2d5; }
.step-copy[b-9cn9bshwga] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.step-copy strong[b-9cn9bshwga] { font-size: 12px; font-weight: 650; }
.step-copy small[b-9cn9bshwga] { color: var(--overview-muted); font-size: 10px; line-height: 1.5; }
.pending .step-copy[b-9cn9bshwga] { color: var(--overview-muted); }
.overview-body[b-9cn9bshwga] { padding: 14px 16px 0; }
.overview-section[b-9cn9bshwga] { margin-bottom: 18px; }
.section-heading[b-9cn9bshwga] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.section-heading h2[b-9cn9bshwga] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 650; margin: 0; }
.section-heading h2[b-9cn9bshwga]  .mud-icon-root { color: var(--mud-palette-primary); }
.hint[b-9cn9bshwga] { color: var(--overview-muted); font-size: 10px; line-height: 1.5; }
.field-grid[b-9cn9bshwga] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 12px; }
.detail-field[b-9cn9bshwga] { min-width: 0; }
.field-label[b-9cn9bshwga] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.field-value[b-9cn9bshwga] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.field-value > .text-link[b-9cn9bshwga] { margin-left: auto; }
.stats[b-9cn9bshwga] { margin-top: 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 12px 0; background: var(--overview-soft); border: 1px solid var(--overview-line); border-radius: 7px; }
.stat[b-9cn9bshwga] { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 10px; min-width: 0; }
.stat:not(:last-child)[b-9cn9bshwga] { border-right: 1px solid var(--overview-line); }
.stat-icon[b-9cn9bshwga] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; flex-shrink: 0; background: rgb(94 125 165 / 10%); color: var(--mud-palette-primary); }
.stat-value[b-9cn9bshwga] { display: block; font-size: 18px; line-height: 1.3; font-weight: 700; }
.stat-label[b-9cn9bshwga] { font-size: 10px; color: var(--overview-ink); margin-top: 2px; }
.stat-detail[b-9cn9bshwga] { font-size: 10px; color: var(--overview-muted); margin-top: 2px; line-height: 1.5; }
.records-pair[b-9cn9bshwga] { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 12px; }
.panel[b-9cn9bshwga] { border: 1px solid var(--overview-line); border-radius: 7px; overflow: hidden; min-width: 0; background: var(--overview-paper); }
.panel-heading[b-9cn9bshwga] { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--overview-line); }
.panel-heading h3[b-9cn9bshwga] { display: flex; align-items: center; gap: 6px; font-size: 12px; margin: 0; font-weight: 650; }
.count[b-9cn9bshwga] { padding: 1px 6px; border-radius: 12px; background: var(--overview-soft); color: var(--overview-muted); font-size: 10px; }
.table-scroll[b-9cn9bshwga] { overflow-x: auto; max-width: 100%; }
.data-table[b-9cn9bshwga] { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; font-size: 12px; }
.data-table th[b-9cn9bshwga] { background: var(--overview-soft); color: var(--overview-muted); font-size: 10px; font-weight: 600; }
.data-table th[b-9cn9bshwga], .data-table td[b-9cn9bshwga] { padding: 8px 10px; border-bottom: 1px solid var(--overview-line); }
.data-table tbody tr:last-child td[b-9cn9bshwga] { border-bottom: 0; }
.data-table tbody tr:hover[b-9cn9bshwga] { background: var(--mud-palette-action-default-hover); }
.data-table .clickable-row[b-9cn9bshwga] { cursor: pointer; }
.data-table .clickable-row:focus-visible[b-9cn9bshwga] { outline-offset: -2px; }
.data-table strong[b-9cn9bshwga] { font-weight: 600; }
.sub-text[b-9cn9bshwga] { display: block; font-size: 10px; color: var(--overview-muted); margin-top: 3px; line-height: 1.5; }
.text-link[b-9cn9bshwga] { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 24px; padding: 2px; border: 0; background: none; color: var(--mud-palette-primary); cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; }
.text-link:hover[b-9cn9bshwga] { text-decoration: underline; }
.status-badge[b-9cn9bshwga] { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; padding: 3px 6px; border-radius: 4px; font-size: 10px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.status-dot[b-9cn9bshwga] { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.green[b-9cn9bshwga] { color: #216e56; background: #edf8f2; }
.amber[b-9cn9bshwga] { color: #865b17; background: #fff6e6; }
.red[b-9cn9bshwga] { color: #a33746; background: #fff0f1; }
.blue[b-9cn9bshwga] { color: #3d638d; background: #edf3fa; }
.slate[b-9cn9bshwga] { color: #536780; background: #eef2f7; }
.approval-row[b-9cn9bshwga] { display: flex; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--overview-line); align-items: flex-start; }
.approval-row:last-child[b-9cn9bshwga] { border: 0; }
.approval-icon[b-9cn9bshwga] { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; }
.approval-copy[b-9cn9bshwga] { min-width: 0; flex: 1; }
.approval-title[b-9cn9bshwga] { border: 0; background: none; padding: 0; min-height: 24px; color: var(--overview-ink); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; text-align: left; }
.approval-title:hover[b-9cn9bshwga] { color: var(--mud-palette-primary); text-decoration: underline; }
.approval-copy p[b-9cn9bshwga] { font-size: 10px; color: var(--overview-muted); line-height: 1.6; margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.approval-result[b-9cn9bshwga] { text-align: right; flex-shrink: 0; }
.approval-result time[b-9cn9bshwga] { display: block; color: var(--overview-muted); margin-top: 4px; font-size: 10px; }
.section-footnote[b-9cn9bshwga] { margin: 8px 0 0; color: var(--overview-muted); font-size: 10px; line-height: 1.7; }
.training-alert[b-9cn9bshwga] { display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 10px; background: #fffbf3; border: 1px solid #ecdfc6; border-radius: 6px; font-size: 12px; line-height: 1.6; color: #815d23; }
.video-progress[b-9cn9bshwga] { display: flex; align-items: center; gap: 8px; font-size: 10px; color: var(--overview-muted); }
progress[b-9cn9bshwga] { appearance: none; width: 72px; height: 5px; border: 0; border-radius: 5px; overflow: hidden; background: var(--overview-line); }
progress[b-9cn9bshwga]::-webkit-progress-bar { background: var(--overview-line); border-radius: 5px; }
progress[b-9cn9bshwga]::-webkit-progress-value { background: #3e9777; border-radius: 5px; }
progress[b-9cn9bshwga]::-moz-progress-bar { background: #3e9777; border-radius: 5px; }
.overview-footer[b-9cn9bshwga] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; padding: 10px 16px; border-top: 1px solid var(--overview-line); background: var(--overview-soft); }
.loading-state[b-9cn9bshwga] { padding: 16px; min-height: 72px; }
.empty-state[b-9cn9bshwga] { text-align: center; padding: 16px; color: var(--overview-muted); font-size: 12px; }
.visit-overview[b-9cn9bshwga]  .overview-drawer { max-width: 100vw; color: var(--overview-ink); background: var(--overview-paper); }
.visit-overview[b-9cn9bshwga]  .overview-drawer .mud-drawer-content { height: 100%; overflow: hidden; }
.visit-overview[b-9cn9bshwga]  .drawer-focus { height: 100%; }
.drawer-shell[b-9cn9bshwga] { display: flex; flex-direction: column; height: 100%; }
.drawer-heading[b-9cn9bshwga] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 14px 16px; border-bottom: 1px solid var(--overview-line); }
.drawer-heading h2[b-9cn9bshwga] { font-size: 14px; font-weight: 650; margin: 0; overflow-wrap: anywhere; }
.drawer-body[b-9cn9bshwga] { padding: 16px; overflow-y: auto; flex: 1; min-height: 0; }
.drawer-body h3[b-9cn9bshwga] { margin: 16px 0 10px; color: var(--overview-muted); font-size: 12px; font-weight: 650; }
.drawer-body h3:first-child[b-9cn9bshwga] { margin-top: 0; }
.drawer-grid[b-9cn9bshwga] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; margin-bottom: 16px; }
.info-box[b-9cn9bshwga] { padding: 10px; background: var(--overview-soft); border: 1px solid var(--overview-line); border-radius: 6px; color: var(--overview-muted); font-size: 12px; line-height: 1.8; margin: 12px 0 0; overflow-wrap: anywhere; }
.preserve-lines[b-9cn9bshwga] { white-space: pre-wrap; }
.detail-item[b-9cn9bshwga] { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; border: 1px solid var(--overview-line); border-radius: 6px; background: var(--overview-paper); color: var(--overview-ink); padding: 10px; margin-bottom: 8px; text-align: left; cursor: pointer; font: inherit; font-size: 12px; }
.detail-item:hover[b-9cn9bshwga] { border-color: var(--mud-palette-primary); }
.drawer-footer[b-9cn9bshwga] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 16px; background: var(--overview-soft); border-top: 1px solid var(--overview-line); }
.visually-hidden[b-9cn9bshwga] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
button:focus-visible[b-9cn9bshwga], [tabindex]:focus-visible[b-9cn9bshwga] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }

@media (max-width: 1400px) {
    .records-pair[b-9cn9bshwga] { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
    .overview-header[b-9cn9bshwga] { flex-direction: column; }
    .field-grid[b-9cn9bshwga] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stats[b-9cn9bshwga] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 0; }
    .stat[b-9cn9bshwga] { justify-content: flex-start; padding-left: 16px; }
    .stat:nth-child(2)[b-9cn9bshwga] { border-right: 0; }
    .process[b-9cn9bshwga] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 0; }
    .process-step:nth-child(2)[b-9cn9bshwga]::after { display: none; }
}

@media (max-width: 600px) {
    .overview-header[b-9cn9bshwga], .meta-strip[b-9cn9bshwga], .process[b-9cn9bshwga], .overview-footer[b-9cn9bshwga] { padding: 12px; }
    .overview-body[b-9cn9bshwga] { padding: 12px 12px 0; }
    h1[b-9cn9bshwga] { font-size: 18px; }
    .actions[b-9cn9bshwga] { flex-wrap: wrap; width: 100%; }
    .actions[b-9cn9bshwga]  .mud-button-root { min-height: 44px; }
    .section-heading[b-9cn9bshwga], .panel-heading[b-9cn9bshwga] { flex-wrap: wrap; }
    .section-heading h2[b-9cn9bshwga] { font-size: 12px; }
    .field-grid[b-9cn9bshwga] { gap: 10px 12px; }
    .stat[b-9cn9bshwga] { gap: 8px; padding-left: 10px; }
    .stat-icon[b-9cn9bshwga] { width: 30px; height: 30px; }
    .stat-value[b-9cn9bshwga] { font-size: 18px; }
    .approval-row[b-9cn9bshwga] { gap: 8px; padding: 10px; flex-wrap: wrap; }
    .approval-result[b-9cn9bshwga] { margin-left: 34px; text-align: left; }
    .text-link[b-9cn9bshwga], .approval-title[b-9cn9bshwga] { min-height: 44px; }
    .drawer-heading[b-9cn9bshwga], .drawer-body[b-9cn9bshwga] { padding: 12px; }
}

@media (max-width: 380px) {
    .field-grid[b-9cn9bshwga], .drawer-grid[b-9cn9bshwga] { grid-template-columns: 1fr; }
    .stat-icon[b-9cn9bshwga] { display: none; }
}
/* /Pages/VisitApprovalTasks/Components/VisitApprovalTaskReviewDrawer.razor.rz.scp.css */
.approval-review[b-0t0cuf3xez]  .approval-drawer { max-width: 100vw; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); }
.approval-review[b-0t0cuf3xez]  .approval-drawer .mud-drawer-content { height: 100%; overflow: hidden; }
.approval-review[b-0t0cuf3xez]  .approval-focus { height: 100%; }
.review-shell[b-0t0cuf3xez] { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.review-heading[b-0t0cuf3xez] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 14px 16px; border-bottom: 1px solid var(--mud-palette-divider); }
.review-heading > div[b-0t0cuf3xez] { min-width: 0; overflow-wrap: anywhere; }
.review-body[b-0t0cuf3xez] { padding: 16px; overflow-y: auto; flex: 1; min-height: 0; }
.review-section[b-0t0cuf3xez] { margin-bottom: 18px; }
.review-section h3[b-0t0cuf3xez] { margin: 0 0 10px; }
.review-fields[b-0t0cuf3xez] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.detail-field[b-0t0cuf3xez] { min-width: 0; }
.field-label[b-0t0cuf3xez] { display: block; color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 600; margin-bottom: 4px; line-height: 1.5; }
.field-value[b-0t0cuf3xez] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 26px; padding-bottom: 5px; border-bottom: 1px solid var(--mud-palette-divider); font-size: 12px; color: var(--mud-palette-text-primary); overflow-wrap: anywhere; line-height: 1.5; }
.panel[b-0t0cuf3xez] { border: 1px solid var(--mud-palette-divider); border-radius: 7px; overflow: hidden; min-width: 0; background: var(--mud-palette-surface); }
.panel-heading[b-0t0cuf3xez] { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--mud-palette-divider); }
.panel-heading h3[b-0t0cuf3xez] { display: flex; align-items: center; gap: 6px; margin: 0; }
.count[b-0t0cuf3xez] { padding: 1px 6px; border-radius: 12px; background: var(--mud-palette-background-gray); }
.table-scroll[b-0t0cuf3xez] { overflow-x: auto; max-width: 100%; }
.data-table[b-0t0cuf3xez] { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.data-table th[b-0t0cuf3xez] { background: var(--mud-palette-background-gray); }
.data-table th[b-0t0cuf3xez], .data-table td[b-0t0cuf3xez] { padding: 8px 10px; border-bottom: 1px solid var(--mud-palette-divider); }
.data-table tbody tr:last-child td[b-0t0cuf3xez] { border-bottom: 0; }
.data-table tbody tr:hover[b-0t0cuf3xez] { background: var(--mud-palette-action-default-hover); }
.review-footer[b-0t0cuf3xez] { flex-shrink: 0; padding: 10px 16px max(10px, env(safe-area-inset-bottom)); border-top: 1px solid var(--mud-palette-divider); background: var(--mud-palette-surface); }
.review-actions[b-0t0cuf3xez] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
[tabindex]:focus-visible[b-0t0cuf3xez] { outline: 2px solid var(--mud-palette-primary); outline-offset: 3px; }

@media (max-width: 600px) {
    .panel-heading[b-0t0cuf3xez] { flex-wrap: wrap; }
    .review-heading[b-0t0cuf3xez], .review-body[b-0t0cuf3xez] { padding: 12px; }
    .review-footer[b-0t0cuf3xez] { padding: 10px 12px max(10px, env(safe-area-inset-bottom)); }
    .review-actions[b-0t0cuf3xez]  .mud-button-root { min-height: 44px; }
}

@media (max-width: 380px) {
    .review-fields[b-0t0cuf3xez] { grid-template-columns: 1fr; }
}