@import '_content/DHCS.MESMD.LIB.AUTH/DHCS.MESMD.LIB.AUTH.d071aq8krt.bundle.scp.css';
@import '_content/DHCS.MESMD.Lib.UI/DHCS.MESMD.Lib.UI.iit5hh2kew.bundle.scp.css';

/* /Components/AccessRequests/CredentialValueRow.razor.rz.scp.css */
.cvr[b-2c7qkd18sl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.cvr-label[b-2c7qkd18sl] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary, #5a5a5a);
}

.cvr-row[b-2c7qkd18sl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.cvr-value[b-2c7qkd18sl] {
    flex: 1;
    min-width: 0;
    font-family: "Roboto Mono", ui-monospace, monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    word-break: break-all;
    padding: 0.5rem 0.75rem;
    background: var(--mud-palette-background-gray, #f5f5f5);
    border-radius: 4px;
}

.cvr-value--select-all[b-2c7qkd18sl] {
    user-select: all;
    -webkit-user-select: all;
}

.cvr-value--masked[b-2c7qkd18sl] {
    letter-spacing: 0.1em;
}

.cvr-copy:focus-visible[b-2c7qkd18sl] {
    outline: 2px solid var(--mud-palette-primary, #046b99);
    outline-offset: 2px;
}

.cvr-fallback-hint[b-2c7qkd18sl] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--mud-palette-error, #b00020);
}

.visually-hidden[b-2c7qkd18sl] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/AccessRequests/RevokeCredentialDialog.razor.rz.scp.css */
/* Destructive-action styling for the confirm button. The shared DHCS Button component always
   hardcodes its MudBlazor Color to Primary regardless of Type (verified in
   portal-ui-library/src/DHCS.MESMD.Lib.UI/Components/Button/Button.razor), so there is no
   built-in "danger" variant to request — this overrides the rendered filled-primary color
   using the DHCS theme's own error token. */
[b-r15d975kqx] .dhcs-button-danger.mud-button-filled-primary {
    background-color: var(--mud-palette-error, #CC0000);
    color: #fff;
}

[b-r15d975kqx] .dhcs-button-danger.mud-button-filled-primary:hover {
    background-color: var(--mud-palette-error-darken, #a30000);
}
/* /Components/AccessRequests/RotateCredentialDialog.razor.rz.scp.css */
/* Destructive-action styling for the confirm button. The shared DHCS Button component always
   hardcodes its MudBlazor Color to Primary regardless of Type (verified in
   portal-ui-library/src/DHCS.MESMD.Lib.UI/Components/Button/Button.razor), so there is no
   built-in "danger" variant to request — this overrides the rendered filled-primary color
   using the DHCS theme's own error token. */
[b-98oztgl7o8] .dhcs-button-danger.mud-button-filled-primary {
    background-color: var(--mud-palette-error, #CC0000);
    color: #fff;
}

[b-98oztgl7o8] .dhcs-button-danger.mud-button-filled-primary:hover {
    background-color: var(--mud-palette-error-darken, #a30000);
}
/* /Components/ApiCatalog/ApiCard.razor.rz.scp.css */
.api-card[b-ws04m2ghbi] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--dhcs-color-border-default);
    border-radius: var(--border-radius);
    box-shadow: 0 3px 6px 0 rgba(27, 27, 27, 0.27);
    transition: all 0.2s ease;
}

.api-card-link[b-ws04m2ghbi] {
    display: block;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}

.api-card-secondary-action[b-ws04m2ghbi] {
    margin-top: 12px;
}

.api-card-header[b-ws04m2ghbi] {
    margin-bottom: 12px;
}

.visibility-badge[b-ws04m2ghbi] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    text-transform: lowercase;
    border: 1.5px solid;
}

.visibility-badge.visibility-internal[b-ws04m2ghbi] {
    background-color: var(--dhcs-color-bg-white);
    color: var(--text-primary);
    border-color: var(--dhcs-color-status-warning);
}

.visibility-badge.visibility-external[b-ws04m2ghbi] {
    background-color: var(--dhcs-color-bg-white);
    color: var(--text-primary);
    border-color: var(--dhcs-color-secondary-dark);
}

.visibility-badge.visibility-tenant[b-ws04m2ghbi] {
    background-color: var(--dhcs-color-bg-white);
    color: var(--text-primary);
    border-color: var(--dhcs-color-status-success);
}

.api-card-title[b-ws04m2ghbi] {
    margin: 12px 0 8px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
}

.api-card-description[b-ws04m2ghbi] {
    margin: 8px 0 16px 0;
    color: var(--dhcs-color-text-dark);
    line-height: 1.5;
}

.api-card:hover[b-ws04m2ghbi] {
    border-color: var(--border-focus);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.api-card-link:focus[b-ws04m2ghbi],
.api-card-link:focus-visible[b-ws04m2ghbi] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}


.api-meta[b-ws04m2ghbi] {
    margin-top: auto;
    padding-top: 12px;
    font-size: 14px;
    color: var(--dhcs-color-text-dark);
}
/* /Components/ApiCatalog/ApiCatalogGrid.razor.rz.scp.css */
.api-catalog-grid[b-db1l1qizbb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}
/* /Components/ApiCatalog/ApiVersionSelector.razor.rz.scp.css */
.api-version-selector[b-xlgu0v4qbh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 1rem 0;
    -webkit-user-select: none;
    user-select: none;
}

/* Constrain the select width to match the TPA request access dropdown */
.api-version-selector[b-xlgu0v4qbh]  .dhcs-select {
    width: 460px;
}

.api-version-selector[b-xlgu0v4qbh]  .mud-input-control {
    margin-top: 0 !important;
}

/* Border styling to match api-catalog-search */
.api-version-selector[b-xlgu0v4qbh]  .mud-input-outlined-border {
    border: 1px solid var(--border-primary) !important;
    border-radius: var(--border-radius) !important;
}

/* Focus state */
.api-version-selector[b-xlgu0v4qbh]  .mud-input.mud-input-underline:after {
    border-bottom: none !important;
}

.api-version-selector[b-xlgu0v4qbh]  .dhcs-select:focus-within .mud-input-outlined-border {
    border-color: var(--border-focus) !important;
    box-shadow: 0 0 0 1px var(--border-focus) !important;
}

/* Input text styling */
.api-version-selector[b-xlgu0v4qbh]  .mud-input-slot,
.api-version-selector[b-xlgu0v4qbh]  input {
    font-size: 1rem !important;
    color: var(--text-primary) !important;
    padding: 14.5px 12px !important;
}

/* Placeholder text */
.api-version-selector[b-xlgu0v4qbh]  .mud-input-slot:empty::before,
.api-version-selector[b-xlgu0v4qbh]  input::placeholder {
    color: var(--text-placeholder) !important;
}

/* Hide the label when using placeholder mode */
.api-version-selector[b-xlgu0v4qbh]  label.mud-input-label {
    display: none !important;
}

/* Dropdown icon */
.api-version-selector[b-xlgu0v4qbh]  .mud-select-input .mud-icon-root {
    color: var(--text-primary) !important;
}

/* Deprecated badge styling */
.deprecated-badge[b-xlgu0v4qbh] {
    color: #b71c1c;
    font-size: 0.85em;
    margin-left: 4px;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yipw45mtzj] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-yipw45mtzj] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yipw45mtzj] {
    font-size: 1.1rem;
}

.bi[b-yipw45mtzj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yipw45mtzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yipw45mtzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yipw45mtzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yipw45mtzj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-yipw45mtzj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-yipw45mtzj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-yipw45mtzj]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-yipw45mtzj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-yipw45mtzj]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.navbar-auth[b-yipw45mtzj] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yipw45mtzj] {
        display: none;
    }

    .collapse[b-yipw45mtzj] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-yipw45mtzj] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/ApiCatalog.razor.rz.scp.css */
/* API Catalog Page Styles - matching Documentation and Detail pages */

.api-catalog-container[b-v7ldmeg7ox] {
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
}

/* Breadcrumb */
.api-catalog-breadcrumb[b-v7ldmeg7ox] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.api-catalog-breadcrumb a[b-v7ldmeg7ox] {
    color: #256585;
    text-decoration: underline;
}

.api-catalog-breadcrumb a:hover[b-v7ldmeg7ox] {
    color: #256585;
    text-decoration: underline;
}

.api-catalog-breadcrumb a:focus-visible[b-v7ldmeg7ox] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-v7ldmeg7ox] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-v7ldmeg7ox] {
    color: #3d4551;
}

.api-catalog-container h1[b-v7ldmeg7ox] {
    font-size: 2rem;
    margin: 0 0 1.5rem 0;
}

/* Filters Section */
.api-catalog-filters[b-v7ldmeg7ox] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-v7ldmeg7ox] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 420px;
}

.filter-group label[b-v7ldmeg7ox] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.filter-group[b-v7ldmeg7ox]  .dhcs-select {
    max-width: 460px;
}

.api-catalog-search[b-v7ldmeg7ox] {
    min-width: 420px;
    height: 44px;
    padding: 0 0.75rem 0 2.75rem;
    margin: 0;
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    background-image: url("/css/icons/search.svg");
    background-repeat: no-repeat;
    background-position: 0.75rem center;
    background-size: 20px 20px;
    box-sizing: border-box;
}

/* Focus ring for #search-input is global FocusRing (css/focus-ring.css, Story 8.1). */

/* Divider */
.page-divider[b-v7ldmeg7ox] {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 1.5rem 0;
}

/* Loading and Empty States */
.api-catalog-container > p[b-v7ldmeg7ox] {
    color: #666;
    font-size: 1rem;
    padding: 2rem 0;
}

/* Responsive */
@media (max-width: 768px) {
    .api-catalog-container[b-v7ldmeg7ox] {
        padding: 1rem var(--grid-margin);
    }

    .api-catalog-container h1[b-v7ldmeg7ox] {
        font-size: 1.5rem;
    }

    .api-catalog-filters[b-v7ldmeg7ox] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .api-catalog-search[b-v7ldmeg7ox],
    .filter-group[b-v7ldmeg7ox] {
        min-width: 100%;
    }
}
/* /Components/Pages/ApiDetail.razor.rz.scp.css */
/* API Detail Page Styles */

.api-detail-container[b-jeq7if9xec] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Loading State */
.api-detail-loading[b-jeq7if9xec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.api-detail-loading p[b-jeq7if9xec] {
    color: #666;
    font-size: 1rem;
}

/* Breadcrumb Navigation */
.api-detail-breadcrumb[b-jeq7if9xec] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.api-detail-breadcrumb a[b-jeq7if9xec] {
    color: #256585;
    text-decoration: underline;
}

.api-detail-breadcrumb a:hover[b-jeq7if9xec] {
    text-decoration: underline;
    color: #256585;
}

.api-detail-breadcrumb a:focus-visible[b-jeq7if9xec] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-jeq7if9xec] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-jeq7if9xec] {
    color: #3d4551;
}

/* Actions */
.api-detail-actions[b-jeq7if9xec] {
    margin-top: 1.5rem;
}

/* Header Section */
[b-jeq7if9xec] .api-detail-header {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

[b-jeq7if9xec] .api-detail-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.75rem 0;
}

[b-jeq7if9xec] .api-detail-host {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

[b-jeq7if9xec] .host-label {
    font-weight: 600;
    color: #666;
}

[b-jeq7if9xec] .host-value {
    background: #f5f5f5;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.875rem;
    color: #333;
}

[b-jeq7if9xec] .api-detail-description {
    color: #444;
    line-height: 1.6;
    margin-bottom: 1rem;
}

[b-jeq7if9xec] .api-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

[b-jeq7if9xec] .meta-item {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

[b-jeq7if9xec] .meta-label {
    font-weight: 600;
    color: #666;
    font-size: 0.875rem;
}

[b-jeq7if9xec] .meta-value {
    color: #333;
    font-size: 0.875rem;
}

/* Version Selector */
.api-detail-version-section[b-jeq7if9xec] {
    margin-bottom: 1rem;
    -webkit-user-select: none;
    user-select: none;
}

[b-jeq7if9xec] .api-version-selector {
    display: flex;
    align-items: center;
    gap: 1rem;
}

[b-jeq7if9xec] .version-label {
    font-weight: 600;
    color: #333;
}

[b-jeq7if9xec] .version-dropdown {
    min-width: 200px;
}

[b-jeq7if9xec] .deprecated-badge {
    color: #b71c1c;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

/* Deprecation Banner */
[b-jeq7if9xec] .deprecation-banner {
    margin-bottom: 1.5rem;
}

/* Swagger Section */
.api-detail-swagger-section[b-jeq7if9xec] {
    margin-top: 1.5rem;
}

[b-jeq7if9xec] .swagger-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .api-detail-container[b-jeq7if9xec] {
        padding: 1rem;
    }

    [b-jeq7if9xec] .api-detail-title {
        font-size: 1.5rem;
    }

    [b-jeq7if9xec] .api-detail-meta {
        flex-direction: column;
        gap: 0.75rem;
    }

    [b-jeq7if9xec] .api-version-selector {
        flex-direction: column;
        align-items: flex-start;
    }

    [b-jeq7if9xec] .version-dropdown {
        width: 100%;
    }
}
/* /Components/Pages/Documentation.razor.rz.scp.css */
/* Documentation Page Styles - matching API Catalog page */

.documentation-page[b-ndyuqiu1uw] {
  padding: 2rem var(--grid-margin);
  min-height: calc(100vh - 200px);
}

/* Breadcrumb */
.documentation-breadcrumb[b-ndyuqiu1uw] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.documentation-breadcrumb a[b-ndyuqiu1uw] {
    color: #256585;
    text-decoration: underline;
}

.documentation-breadcrumb a:hover[b-ndyuqiu1uw] {
    color: #256585;
    text-decoration: underline;
}

.documentation-breadcrumb a:focus-visible[b-ndyuqiu1uw] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-ndyuqiu1uw] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-ndyuqiu1uw] {
    color: #3d4551;
}

.documentation-page h1[b-ndyuqiu1uw] {
  font-size: 2rem;
  margin: 0 0 1.5rem 0;
}

.documentation-container[b-ndyuqiu1uw] {
  display: flex;
  gap: 0;
}

/* Sidebar */
.documentation-sidebar[b-ndyuqiu1uw] {
  width: 480px;
  flex-shrink: 0;
  border-right: none;
  padding-right: 1rem;
  overflow-y: auto;
}

/* Resize handle */
.sidebar-resize-handle[b-ndyuqiu1uw] {
  width: 12px;
  flex-shrink: 0;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  touch-action: none;
}

.sidebar-resize-handle[b-ndyuqiu1uw]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: #e0e0e0;
  transition: background 0.15s ease;
}

.sidebar-resize-handle:hover[b-ndyuqiu1uw]::before,
.documentation-container.is-resizing .sidebar-resize-handle[b-ndyuqiu1uw]::before {
  background: var(--secondary, #256585);
}

.sidebar-resize-handle:hover[b-ndyuqiu1uw],
.documentation-container.is-resizing .sidebar-resize-handle[b-ndyuqiu1uw] {
  background: rgba(0, 0, 0, 0.03);
}

.resize-handle-grip[b-ndyuqiu1uw] {
  display: none;
}

/* Prevent text selection & iframe interference while dragging */
.documentation-container.is-resizing[b-ndyuqiu1uw] {
  cursor: col-resize;
}

.documentation-container.is-resizing *[b-ndyuqiu1uw] {
  pointer-events: none;
}

.sidebar-title[b-ndyuqiu1uw] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 1rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e0e0e0;
}

.sidebar-loading[b-ndyuqiu1uw] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  color: #666;
}

.sidebar-empty[b-ndyuqiu1uw] {
  color: #666;
  font-size: 0.875rem;
  padding: 1rem 0;
}

.documentation-sidebar[b-ndyuqiu1uw]  .tree-view {
  padding: 0.5rem 0;
}

/* Main Content */
.documentation-content[b-ndyuqiu1uw] {
  flex: 1;
  min-width: 0;
  max-width: 1000px;
  padding-left: 1.5rem;
  overflow-x: hidden; /* Safari: prevent content bleeding into resize handle */
}

.content-loading[b-ndyuqiu1uw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  gap: 1rem;
}

.content-loading p[b-ndyuqiu1uw] {
  color: #666;
  font-size: 1rem;
}

.content-empty[b-ndyuqiu1uw] {
  padding: 2rem 0;
}

/* Outline styles live in wwwroot/css/documentation.css — the nav element
   is injected inside `.confluence-html-container` as raw HTML so it can
   share the block formatting context with the rest of the rendered content
   (that is what lets `float: right` wrap prose around it). Component-scoped
   styles here would not match because MarkupString-injected DOM does not
   carry Blazor's per-component `b-*` scope attribute. */

/* Responsive */
@media (max-width: 968px) {
  .documentation-page[b-ndyuqiu1uw] {
    padding: 1rem var(--grid-margin);
  }

  .documentation-page h1[b-ndyuqiu1uw] {
    font-size: 1.5rem;
  }

  .documentation-container[b-ndyuqiu1uw] {
    flex-direction: column;
  }

  .documentation-sidebar[b-ndyuqiu1uw] {
    width: 100% !important;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  .sidebar-resize-handle[b-ndyuqiu1uw] {
    display: none;
  }

  .documentation-content[b-ndyuqiu1uw] {
    max-width: 100%;
  }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Home page — persona-segmented discovery (Story 7.11); vertical rhythm (Story 8.4 / UX-DR20) */

.home-page[b-7ddj7kpff9] {
    /* Shared section rhythm — tightens hero→persona gap vs prior 2rem + 2.75rem stack */
    --home-section-gap: 1.75rem;
    padding: 0 0 3rem;
}

.home-content[b-7ddj7kpff9] {
    padding-left: var(--grid-margin, 1.5rem);
    padding-right: var(--grid-margin, 1.5rem);
    box-sizing: border-box;
}

.home-hero[b-7ddj7kpff9] {
    padding: 2.5rem 0 var(--home-section-gap);
    background: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%);
    border-bottom: 1px solid #dfe1e2;
}

.home-hero h1[b-7ddj7kpff9] {
    margin: 0 0 0.75rem;
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #1b1b1b);
}

.home-hero-subtitle[b-7ddj7kpff9] {
    margin: 0 0 1.5rem;
    max-width: 40rem;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #565c65;
}

/* Label above; input + Search button share one horizontal row.
   Field chrome matches BHT Design System Searchbar (Default / Active):
   https://www.figma.com/design/XL2dyWQog7W6QxnsN5eG6z?node-id=8519-16919 */
.home-search[b-7ddj7kpff9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 0.75rem;
    max-width: 40rem;
}

.home-search-label[b-7ddj7kpff9] {
    display: block;
    margin: 0 0 0.5rem;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1b1b1b;
}

.home-search-controls[b-7ddj7kpff9] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.75rem;
}

.home-search-field[b-7ddj7kpff9] {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}

/* BHT Leading icon: 48×48 hit area, 24×24 frame, 17.49px Figma search glyph */
.home-search-leading-icon[b-7ddj7kpff9] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.home-search-leading-icon-frame[b-7ddj7kpff9] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.home-search-leading-icon-frame img[b-7ddj7kpff9] {
    display: block;
    width: 17.49px;
    height: 17.49px;
}

/* TextField still requires Label for the component API — hide the duplicate visual label */
.home-search-field[b-7ddj7kpff9]  .textfield > .mud-typography {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-control-input-container {
    margin: 0;
}

/* BHT Searchbar Default: 48px, 1px border via Mud outlined-border only — no second border on wrapper */
.home-search-field[b-7ddj7kpff9]  .mud-input {
    background-color: transparent;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-outlined {
    box-sizing: border-box;
    min-height: 48px;
    height: 48px;
    border: none;
    border-radius: var(--border-radius, 4px);
    align-items: center;
    background-color: transparent;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-outlined-border {
    border: 1px solid var(--border-primary, #5F5E5E) !important;
    border-radius: var(--border-radius, 4px);
}

.home-search-field[b-7ddj7kpff9]  .mud-input-control,
.home-search-field[b-7ddj7kpff9]  .mud-input-control-input-container,
.home-search-field[b-7ddj7kpff9]  .mud-input-slot,
.home-search-field[b-7ddj7kpff9]  .mud-input-slot input {
    background-color: transparent;
}

/* Single focus ring: global focus-ring.css owns focus color on .mud-input-outlined-border. */

/* Trailing clear (Active) — same 48×48 target as Figma Trailing icons */
.home-search-field[b-7ddj7kpff9]  .mud-input-adornment-end {
    margin: 0;
    padding: 0;
    width: 48px;
    min-width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-adornment-end .mud-icon-button {
    width: 48px;
    height: 48px;
    padding: 12px;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-adornment-end .mud-icon-root,
.home-search-field[b-7ddj7kpff9]  .mud-input-adornment-end .mud-svg-icon {
    width: 24px !important;
    height: 24px !important;
}

/* Input text / placeholder — Body/Large 16/24 Source Sans 3; 48px leading + 8px content gap */
.home-search-field[b-7ddj7kpff9]  .mud-input-slot {
    min-height: 48px !important;
    height: 48px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 56px !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1b1b1b;
}

.home-search-field[b-7ddj7kpff9]  .mud-input-slot input::placeholder {
    color: #1b1b1b;
    opacity: 1;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.home-search-field[b-7ddj7kpff9]  fieldset.mud-input-outlined-border {
    border: none;
}

.home-search-controls[b-7ddj7kpff9]  .dhcs-button-wrapper {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0;
}

.home-search-controls[b-7ddj7kpff9]  .dhcs-button {
    min-height: 48px !important;
    height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home-search-browse[b-7ddj7kpff9] {
    display: block;
}

.home-section[b-7ddj7kpff9] {
    padding: var(--home-section-gap) 0 0;
}

.home-section h2[b-7ddj7kpff9] {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #1b1b1b);
}

.home-section-subtitle[b-7ddj7kpff9] {
    margin: 0 0 1.75rem;
    color: #565c65;
    line-height: 1.5;
}

/* Horizontal persona strip — one row of equal-height cards */
.home-persona-grid[b-7ddj7kpff9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.home-persona-grid[b-7ddj7kpff9]  > .mud-card,
.home-persona-grid[b-7ddj7kpff9]  > .mud-paper {
    height: 100%;
    box-sizing: border-box;
}

/* Top-align all cards (equal height must not vertically center shorter copy) */
.home-persona-grid[b-7ddj7kpff9]  .mud-card-content {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    padding-left: 1.25rem !important;
    padding-right: 2.75rem !important;
}

.home-persona-grid[b-7ddj7kpff9]  .mud-card-content > .d-flex {
    align-items: flex-start !important;
    width: 100%;
    gap: 0.75rem !important;
}

.home-persona-grid[b-7ddj7kpff9]  .mud-card-content > .d-flex > .d-flex {
    align-items: flex-start !important;
    gap: 0.75rem !important;
    min-width: 0;
}

/* Icon column: fixed width, top-aligned with title */
.home-persona-grid[b-7ddj7kpff9]  .mud-card-content .mud-icon-root.mud-success-text,
.home-persona-grid[b-7ddj7kpff9]  .mud-card-content .mud-icon-root.mud-primary-text,
.home-persona-grid[b-7ddj7kpff9]  .mud-card-content > .d-flex > .d-flex > .mud-icon-root {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.15rem;
}

.home-persona-grid[b-7ddj7kpff9]  .mud-card-content .d-flex.flex-column {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.35rem !important;
    align-items: stretch !important;
}

/* Shared title band so every subtitle starts on the same baseline */
.home-persona-grid[b-7ddj7kpff9]  .mud-typography-h6 {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    min-height: calc(1.3em * 2);
    color: var(--text-primary, #1b1b1b);
}

.home-persona-grid[b-7ddj7kpff9]  .mud-typography-body2 {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    color: #565c65 !important;
}

/* Chevron: same top offset on every card (not mid-content) */
.home-persona-grid[b-7ddj7kpff9]  .mud-card-content > svg.mud-icon-root {
    top: 1.35rem !important;
    right: 1rem !important;
    transform: none !important;
}

.home-get-started[b-7ddj7kpff9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
    align-items: start;
}

.home-gs-col[b-7ddj7kpff9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.home-gs-icon-wrap[b-7ddj7kpff9] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: #eef3f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.home-gs-col h3[b-7ddj7kpff9] {
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary, #1b1b1b);
}

.home-gs-icon[b-7ddj7kpff9] {
    color: #256585;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.home-gs-links[b-7ddj7kpff9] {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.home-gs-links li[b-7ddj7kpff9] {
    margin-bottom: 0.5rem;
}

.home-gs-links a[b-7ddj7kpff9],
.home-inline-link[b-7ddj7kpff9],
.home-promo-link[b-7ddj7kpff9] {
    color: #256585;
    text-decoration: underline;
    font-size: 0.95rem;
}

.home-gs-links a:hover[b-7ddj7kpff9],
.home-inline-link:hover[b-7ddj7kpff9],
.home-promo-link:hover[b-7ddj7kpff9] {
    color: #1a4a63;
}

.home-inline-link[b-7ddj7kpff9],
.home-promo-link-btn[b-7ddj7kpff9] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.home-inline-link:focus-visible[b-7ddj7kpff9],
.home-promo-link:focus-visible[b-7ddj7kpff9],
.home-promo-link-btn:focus-visible[b-7ddj7kpff9],
.home-gs-links a:focus-visible[b-7ddj7kpff9] {
    outline: 2px solid var(--border-focus, #2491ff);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Equal-height Documentation & Support cards */
.home-promo-grid[b-7ddj7kpff9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.home-promo-card[b-7ddj7kpff9] {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.home-promo-card p[b-7ddj7kpff9] {
    flex: 1 1 auto;
    margin: 0 0 1rem;
    color: #565c65;
    line-height: 1.5;
}

.home-promo-divider[b-7ddj7kpff9] {
    border: none;
    border-top: 1px solid #dfe1e2;
    margin: 0 0 0.75rem;
    width: 100%;
}

.home-promo-link[b-7ddj7kpff9] {
    font-weight: 600;
    margin-top: auto;
}

@media (max-width: 1000px) {
    .home-persona-grid[b-7ddj7kpff9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .home-get-started[b-7ddj7kpff9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.75rem 1.5rem;
    }

    .home-promo-grid[b-7ddj7kpff9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .home-hero h1[b-7ddj7kpff9] {
        font-size: 1.5rem;
    }

    .home-search-controls[b-7ddj7kpff9] {
        flex-wrap: wrap;
    }

    .home-search-controls[b-7ddj7kpff9]  .dhcs-button-wrapper {
        width: 100%;
    }

    .home-search-controls[b-7ddj7kpff9]  .dhcs-button {
        width: 100%;
    }

    .home-persona-grid[b-7ddj7kpff9] {
        grid-template-columns: 1fr;
    }

    .home-get-started[b-7ddj7kpff9] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
/* /Components/Pages/TpaApiAccessPage.razor.rz.scp.css */
/* TPA API Access page — matches Step 3 / Step 1 spacing, breadcrumb, grid, and action styles */

.tpa-step1-container[b-6tco8tv4ny] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
}

.tpa-step1-breadcrumb[b-6tco8tv4ny] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-step1-breadcrumb a[b-6tco8tv4ny] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:hover[b-6tco8tv4ny] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:focus-visible[b-6tco8tv4ny] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-6tco8tv4ny] {
    margin: 0 0.375rem;
    color: #565C65;
}

.breadcrumb-current[b-6tco8tv4ny] {
    color: #1a1a1a;
}

.tpa-step1-container h1[b-6tco8tv4ny] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1.25rem 0;
}

.tpa-step3-loading[b-6tco8tv4ny] {
    color: #565C65;
}

/* API card grid — same layout as TpaRegisterStep3 and ApiCatalogGrid */
.tpa-step3-grid[b-6tco8tv4ny] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 1.75rem;
}

.tpa-step1-actions[b-6tco8tv4ny] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* /Components/Pages/TpaRegisterEdit.razor.rz.scp.css */
/* TPA Registration Edit page — reuses Step 1 form panel styling (Story 7.7) */

.tpa-step1-container[b-g5vxe64gau] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — use full content column (matches Registration Status) */
}

.tpa-step1-breadcrumb[b-g5vxe64gau] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-step1-breadcrumb a[b-g5vxe64gau] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:hover[b-g5vxe64gau] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:focus-visible[b-g5vxe64gau] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.tpa-step1-container h1[b-g5vxe64gau] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.tpa-step1-subtitle[b-g5vxe64gau] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0 0 1.75rem 0;
}

.tpa-loading-text[b-g5vxe64gau] {
    color: #565C65;
    font-size: 0.9rem;
}

.tpa-edit-no-registration[b-g5vxe64gau] {
    margin-top: 1rem;
    font-size: 0.9rem;
}

.tpa-edit-no-registration a[b-g5vxe64gau] {
    color: #256585;
    font-weight: 600;
}

.tpa-form-panel[b-g5vxe64gau] {
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
    padding: var(--dhcs-spacing-lg, 1.5rem);
    margin-top: 1.25rem;
}

.tpa-step1-form[b-g5vxe64gau] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tpa-step1-form[b-g5vxe64gau]  .mud-input-slot {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.tpa-step1-form[b-g5vxe64gau]  .mud-input {
    height: 44px;
    min-height: 44px;
}

.tpa-step1-form[b-g5vxe64gau]  .mud-input,
.tpa-step1-form[b-g5vxe64gau]  .mud-input-slot,
.tpa-step1-form[b-g5vxe64gau]  .mud-input-label,
.tpa-step1-form[b-g5vxe64gau]  .mud-input-helper-text {
    font-family: inherit;
}

.tpa-field[b-g5vxe64gau] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.required-indicator[b-g5vxe64gau] {
    color: #c0392b;
    margin-left: 0.125rem;
}

.error-text[b-g5vxe64gau] {
    font-size: 0.8125rem;
    color: #c0392b;
    font-weight: 500;
    margin-top: 0.125rem;
}

[b-g5vxe64gau] .tpa-required-star {
    color: #c0392b;
}

.tpa-fieldset[b-g5vxe64gau] {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.tpa-fieldset-legend[b-g5vxe64gau] {
    font-weight: var(--mud-typography-body1-weight, 400);
    font-size: var(--mud-typography-body1-size, 1rem);
    color: var(--mud-palette-dark, rgba(66,66,66,1));
    line-height: var(--mud-typography-body1-lineheight, 1.5);
    margin-bottom: 0;
}

.tpa-fieldset-helper[b-g5vxe64gau] {
    font-size: 0.8125rem;
    color: #565C65;
    margin: 0 0 0.375rem 0;
}

.tpa-fieldset-invalid .tpa-fieldset-legend[b-g5vxe64gau] {
    color: #c0392b;
}

.tpa-redirect-uri-row[b-g5vxe64gau] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
    margin-bottom: 0.5rem;
}

.tpa-remove-uri-btn[b-g5vxe64gau] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: #c0392b;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.tpa-remove-uri-btn:hover[b-g5vxe64gau] {
    background: #fdf2f2;
}

.tpa-remove-uri-btn:focus-visible[b-g5vxe64gau] {
    outline: 2px solid var(--border-focus, #256585);
    outline-offset: 2px;
}

.tpa-add-uri-btn[b-g5vxe64gau] {
    background: none;
    border: none;
    color: #256585;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0;
    text-decoration: underline;
    text-align: left;
}

.tpa-add-uri-btn:hover[b-g5vxe64gau] {
    color: #1e5272;
}

.tpa-add-uri-btn:focus-visible[b-g5vxe64gau] {
    outline: 2px solid var(--border-focus, #256585);
    outline-offset: 2px;
    border-radius: 2px;
}

.tpa-step1-actions[b-g5vxe64gau] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .tpa-step1-container[b-g5vxe64gau] {
        padding: 1rem var(--grid-margin);
    }

    .tpa-step1-container h1[b-g5vxe64gau] {
        font-size: 1.5rem;
    }

    .tpa-redirect-uri-row[b-g5vxe64gau] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/TpaRegisterLanding.razor.rz.scp.css */
/* TPA Register Landing Page Styles — matches ApiCatalog / ApiDetail spacing conventions */

.tpa-register-container[b-jz6dysrghx] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — full content column (matches Registration Status / Edit) */
}

/* Breadcrumb */
.tpa-register-breadcrumb[b-jz6dysrghx] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-register-breadcrumb a[b-jz6dysrghx] {
    color: #256585;
    text-decoration: underline;
}

.tpa-register-breadcrumb a:hover[b-jz6dysrghx] {
    color: #256585;
    text-decoration: underline;
}

.tpa-register-breadcrumb a:focus-visible[b-jz6dysrghx] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-jz6dysrghx] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-jz6dysrghx] {
    color: #3d4551;
}

/* Heading */
.tpa-register-container h1[b-jz6dysrghx] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.75rem 0;
}

/* Subtitle */
.tpa-register-subtitle[b-jz6dysrghx] {
    color: #565C65;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

/* Alert wrapper */
.tpa-register-alert[b-jz6dysrghx] {
    margin-bottom: 2rem;
}

/* CTA */
.tpa-register-actions[b-jz6dysrghx] {
    margin-top: 0.5rem;
}

.tpa-register-edit-cta[b-jz6dysrghx] {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tpa-register-loading[b-jz6dysrghx] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .tpa-register-container[b-jz6dysrghx] {
        padding: 1rem var(--grid-margin);
    }

    .tpa-register-container h1[b-jz6dysrghx] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/TpaRegisterStatus.razor.rz.scp.css */
/* TPA Registration Status — Story 7.8; spacing matches TpaRegisterLanding / TpaRegisterEdit */

.tpa-status-container[b-9vrbkukelc] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — status tables (client IDs, expires) need the full content column */
}

.tpa-status-breadcrumb[b-9vrbkukelc] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-status-breadcrumb a[b-9vrbkukelc] {
    color: #256585;
    text-decoration: underline;
}

.tpa-status-breadcrumb a:hover[b-9vrbkukelc] {
    color: #256585;
    text-decoration: underline;
}

.tpa-status-breadcrumb a:focus-visible[b-9vrbkukelc] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-9vrbkukelc] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-9vrbkukelc] {
    color: #3d4551;
}

.tpa-status-container h1[b-9vrbkukelc] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.tpa-status-loading[b-9vrbkukelc] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0;
}

.tpa-status-alert[b-9vrbkukelc] {
    margin-bottom: 1.5rem;
}

.tpa-status-panel[b-9vrbkukelc] {
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
    padding: var(--dhcs-spacing-lg, 1.5rem);
    margin-bottom: 1.5rem;
}

.tpa-status-section-title[b-9vrbkukelc] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.tpa-status-summary-grid[b-9vrbkukelc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.tpa-status-field-wide[b-9vrbkukelc] {
    grid-column: 1 / -1;
}

.tpa-status-label[b-9vrbkukelc] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #565C65;
    margin-bottom: 0.25rem;
}

.tpa-status-value[b-9vrbkukelc] {
    display: block;
    color: var(--text-primary);
    font-size: 1rem;
}

.tpa-status-actions[b-9vrbkukelc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0.5rem;
}

.tpa-status-empty[b-9vrbkukelc] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5;
}

.tpa-status-empty a[b-9vrbkukelc] {
    color: #256585;
    font-weight: 600;
}

.tpa-status-table-wrapper[b-9vrbkukelc] {
    overflow-x: auto;
}

.tpa-status-table[b-9vrbkukelc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.tpa-status-table th[b-9vrbkukelc],
.tpa-status-table td[b-9vrbkukelc] {
    text-align: left;
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    vertical-align: top;
}

.tpa-status-table th[b-9vrbkukelc] {
    font-weight: 600;
    color: #565C65;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.tpa-status-mono[b-9vrbkukelc] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.8125rem;
    word-break: break-word;
}

/* UX-DR19 / Story 8.3 — center Action labels when min-width exceeds text (Lib.UI omits justify-content). */
.tpa-status-row-actions[b-9vrbkukelc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.tpa-status-row-actions[b-9vrbkukelc]  .dhcs-button-wrapper .mud-button-root,
.tpa-status-table .tpa-status-row-actions[b-9vrbkukelc]  .mud-button-root {
    justify-content: center;
    text-align: center;
    /* Shared floor so Rotate/Revoke stay equal width; fits "Revoke" at Lib.UI 16px/700. */
    min-width: 7.5rem;
}

.tpa-status-danger-zone[b-9vrbkukelc]  .dhcs-button-wrapper .mud-button-root,
.tpa-status-danger-zone[b-9vrbkukelc]  .mud-button-root {
    justify-content: center;
    text-align: center;
}

.tpa-status-credential-error[b-9vrbkukelc] {
    margin-top: 1rem;
}

.tpa-status-inline-hint[b-9vrbkukelc] {
    margin: 0;
    color: #565C65;
    font-size: 0.9rem;
    line-height: 1.5;
}

.tpa-status-danger-zone[b-9vrbkukelc] {
    border-color: var(--dhcs-color-error, #b50909);
}

.tpa-status-danger-title[b-9vrbkukelc] {
    color: var(--dhcs-color-error, #b50909);
}

.tpa-status-danger-copy[b-9vrbkukelc] {
    margin: 0 0 1rem 0;
    color: #565C65;
    font-size: 0.9rem;
    line-height: 1.5;
}

[b-9vrbkukelc] .tpa-status-danger-zone .dhcs-button-danger.mud-button-filled-primary {
    background-color: var(--dhcs-color-error, #b50909) !important;
    border-color: var(--dhcs-color-error, #b50909) !important;
}

[b-9vrbkukelc] .tpa-status-danger-zone .dhcs-button-danger.mud-button-filled-primary:hover {
    background-color: #8a0707 !important;
    border-color: #8a0707 !important;
}

@media (max-width: 768px) {
    .tpa-status-container[b-9vrbkukelc] {
        padding: 1rem var(--grid-margin);
    }

    .tpa-status-container h1[b-9vrbkukelc] {
        font-size: 1.5rem;
    }

    .tpa-status-summary-grid[b-9vrbkukelc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TpaRegisterStep1.razor.rz.scp.css */
/* TPA Registration Wizard Step 1 — matches ApiCatalog / ApiDetail spacing */

.tpa-step1-container[b-bxs2tsocch] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — full content column (matches Registration Status / Edit) */
}

/* Breadcrumb */
.tpa-step1-breadcrumb[b-bxs2tsocch] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-step1-breadcrumb a[b-bxs2tsocch] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:hover[b-bxs2tsocch] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:focus-visible[b-bxs2tsocch] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Step indicator */
.tpa-step-indicator[b-bxs2tsocch] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: #565C65;
}

.tpa-step.active[b-bxs2tsocch] {
    color: var(--text-primary, #1a1a1a);
    font-weight: 600;
}

/* Heading */
.tpa-step1-container h1[b-bxs2tsocch] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.tpa-step1-subtitle[b-bxs2tsocch] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0 0 1.75rem 0;
}

/* Outlined form panel — matches app-registry-form-panel in portal-shell-proxy */
.tpa-form-panel[b-bxs2tsocch] {
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
    padding: var(--dhcs-spacing-lg, 1.5rem);
    margin-top: 1.25rem;
}

/* Form */
.tpa-step1-form[b-bxs2tsocch] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Constrain MudBlazor TextField inputs to 44px */
.tpa-step1-form[b-bxs2tsocch]  .mud-input-slot {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.tpa-step1-form[b-bxs2tsocch]  .mud-input {
    height: 44px;
    min-height: 44px;
}

/* Align library component fonts with the portal's Public Sans typography */
.tpa-step1-form[b-bxs2tsocch]  .mud-input,
.tpa-step1-form[b-bxs2tsocch]  .mud-input-slot,
.tpa-step1-form[b-bxs2tsocch]  .mud-input-label,
.tpa-step1-form[b-bxs2tsocch]  .mud-input-helper-text {
    font-family: inherit;
}

/* Wrapper for each library form component row */
.tpa-field[b-bxs2tsocch] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.required-indicator[b-bxs2tsocch] {
    color: #c0392b;
    margin-left: 0.125rem;
}

.error-text[b-bxs2tsocch] {
    font-size: 0.8125rem;
    color: #c0392b;
    font-weight: 500;
    margin-top: 0.125rem;
}

/* Red asterisk on required field labels (MudBlazor renders * as plain text;
   tpaRegisterForm.styleRequiredStars() wraps it in this span at runtime) */
[b-bxs2tsocch] .tpa-required-star {
    color: #c0392b;
}

/* Fieldset reset (for radio group + redirect URIs sections) */
.tpa-fieldset[b-bxs2tsocch] {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.tpa-fieldset-legend[b-bxs2tsocch] {
    font-weight: var(--mud-typography-body1-weight, 400);
    font-size: var(--mud-typography-body1-size, 1rem);
    color: var(--mud-palette-dark, rgba(66,66,66,1));
    line-height: var(--mud-typography-body1-lineheight, 1.5);
    margin-bottom: 0;
}

.tpa-fieldset-helper[b-bxs2tsocch] {
    font-size: 0.8125rem;
    color: #565C65;
    margin: 0 0 0.375rem 0;
}

.tpa-fieldset-invalid .tpa-fieldset-legend[b-bxs2tsocch] {
    color: #c0392b;
}

/* Radio group */
.tpa-radio-group[b-bxs2tsocch] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.375rem;
    align-items: center;
}

/* Remove the always-visible disc background from radio buttons */
.tpa-radio-group[b-bxs2tsocch]  .mud-ripple {
    background-color: transparent !important;
}

.tpa-radio-group[b-bxs2tsocch]  .mud-icon-button:hover .mud-ripple,
.tpa-radio-group[b-bxs2tsocch]  .mud-icon-button:focus-visible .mud-ripple {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

/* Space the two radio options apart */
.tpa-radio-group[b-bxs2tsocch]  .mud-radio-group {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
}

/* Redirect URI rows */
.tpa-redirect-uri-row[b-bxs2tsocch] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
    margin-bottom: 0.5rem;
}

.tpa-remove-uri-btn[b-bxs2tsocch] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: #c0392b;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.tpa-remove-uri-btn:hover[b-bxs2tsocch] {
    background: #fdf2f2;
}

.tpa-remove-uri-btn:focus-visible[b-bxs2tsocch] {
    outline: 2px solid var(--border-focus, #256585);
    outline-offset: 2px;
}

.tpa-add-uri-btn[b-bxs2tsocch] {
    background: none;
    border: none;
    color: #256585;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0;
    text-decoration: underline;
    text-align: left;
}

.tpa-add-uri-btn:hover[b-bxs2tsocch] {
    color: #1e5272;
}

.tpa-add-uri-btn:focus-visible[b-bxs2tsocch] {
    outline: 2px solid var(--border-focus, #256585);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Actions */
.tpa-step1-actions[b-bxs2tsocch] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
    .tpa-step1-container[b-bxs2tsocch] {
        padding: 1rem var(--grid-margin);
    }

    .tpa-step1-container h1[b-bxs2tsocch] {
        font-size: 1.5rem;
    }

    .tpa-step-indicator[b-bxs2tsocch] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .tpa-radio-group[b-bxs2tsocch] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .tpa-redirect-uri-row[b-bxs2tsocch] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/TpaRegisterStep2.razor.rz.scp.css */
/* TPA Registration Wizard Step 2 — matches Step 1 spacing/typography (TpaRegisterStep1.razor.css) */

.tpa-step1-container[b-5yyldn4tmg] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — full content column (matches Registration Status / Edit) */
}

/* Breadcrumb */
.tpa-step1-breadcrumb[b-5yyldn4tmg] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-step1-breadcrumb a[b-5yyldn4tmg] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:hover[b-5yyldn4tmg] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:focus-visible[b-5yyldn4tmg] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Step indicator */
.tpa-step-indicator[b-5yyldn4tmg] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: #565C65;
}

.tpa-step.active[b-5yyldn4tmg] {
    color: var(--text-primary, #1a1a1a);
    font-weight: 600;
}

/* Heading */
.tpa-step1-container h1[b-5yyldn4tmg] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.tpa-step1-subtitle[b-5yyldn4tmg] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0 0 1.75rem 0;
}

/* Outlined form panel — matches app-registry-form-panel in portal-shell-proxy */
.tpa-form-panel[b-5yyldn4tmg] {
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
    padding: var(--dhcs-spacing-lg, 1.5rem);
    margin-top: 1.25rem;
}

/* Form */
.tpa-step1-form[b-5yyldn4tmg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Constrain MudBlazor TextField inputs to 44px */
.tpa-step1-form[b-5yyldn4tmg]  .mud-input-slot {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.tpa-step1-form[b-5yyldn4tmg]  .mud-input {
    height: 44px;
    min-height: 44px;
}

/* Align library component fonts with the portal's Public Sans typography */
.tpa-step1-form[b-5yyldn4tmg]  .mud-input,
.tpa-step1-form[b-5yyldn4tmg]  .mud-input-slot,
.tpa-step1-form[b-5yyldn4tmg]  .mud-input-label,
.tpa-step1-form[b-5yyldn4tmg]  .mud-input-helper-text {
    font-family: inherit;
}

/* Wrapper for each library form component row */
.tpa-field[b-5yyldn4tmg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.required-indicator[b-5yyldn4tmg] {
    color: #c0392b;
    margin-left: 0.125rem;
}

.error-text[b-5yyldn4tmg] {
    font-size: 0.8125rem;
    color: #c0392b;
    font-weight: 500;
    margin-top: 0.125rem;
}

/* Red asterisk on required field labels (MudBlazor renders * as plain text;
   tpaRegisterForm.styleRequiredStars() wraps it in this span at runtime) */
[b-5yyldn4tmg] .tpa-required-star {
    color: #c0392b;
}

.tpa-fieldset-helper[b-5yyldn4tmg] {
    font-size: 0.8125rem;
    color: #565C65;
    margin: 0 0 0.375rem 0;
}

/* Attestation checkbox — suppress MudBlazor's always-visible ripple disc background
   when unchecked/unfocused (matches the radio button fix in TpaRegisterStep1.razor.css) */
.tpa-attestation-checkbox[b-5yyldn4tmg]  .mud-ripple {
    background-color: transparent !important;
}

/* Restore a visible keyboard-focus indicator (WCAG 2.4.7) on the checkbox's clickable
   icon-button span — the actual <input> has opacity:0 so its own outline is invisible;
   :focus-within on the ancestor span draws the ring when the hidden input receives focus. */
.tpa-attestation-checkbox[b-5yyldn4tmg]  .mud-icon-button:focus-within {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 50%;
}

/* One-time credential reveal (Story 7.5) — mirrors CredentialModal's .cred-secret-block */
.tpa-secret-block[b-5yyldn4tmg] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.tpa-secret-hint[b-5yyldn4tmg] {
    margin: 0;
    font-size: 0.8125rem;
    color: #565C65;
}

/* Consequence alert wrapper — states outcome before the submit action (consequence-first pattern) */
.tpa-consequence-alert[b-5yyldn4tmg] {
    margin: 0.5rem 0;
}

/* Actions */
.tpa-step1-actions[b-5yyldn4tmg] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* /Components/Pages/TpaRegisterStep3.razor.rz.scp.css */
/* TPA Registration Wizard Step 3 — matches Step 1/2 spacing/typography (TpaRegisterStep1.razor.css) */

.tpa-step1-container[b-8asfg2u6mm] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    /* No max-width — full content column (matches Registration Status / Edit) */
}

/* Breadcrumb */
.tpa-step1-breadcrumb[b-8asfg2u6mm] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-step1-breadcrumb a[b-8asfg2u6mm] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:hover[b-8asfg2u6mm] {
    color: #256585;
    text-decoration: underline;
}

.tpa-step1-breadcrumb a:focus-visible[b-8asfg2u6mm] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Step indicator */
.tpa-step-indicator[b-8asfg2u6mm] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: #565C65;
}

.tpa-step.active[b-8asfg2u6mm] {
    color: var(--text-primary, #1a1a1a);
    font-weight: 600;
}

/* Heading */
.tpa-step1-container h1[b-8asfg2u6mm] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.tpa-step1-subtitle[b-8asfg2u6mm] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0 0 1.75rem 0;
}

.tpa-step3-loading[b-8asfg2u6mm] {
    color: #565C65;
}

/* API card grid — same layout as ApiCatalogGrid.razor.css's .api-catalog-grid, scoped locally
   since Blazor CSS isolation does not let this page reuse that component's scoped class. */
.tpa-step3-grid[b-8asfg2u6mm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 1.75rem;
}

/* Actions */
.tpa-step1-actions[b-8asfg2u6mm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* /Components/Pages/TpaRegistrationsList.razor.rz.scp.css */
/* TPA Registrations List — Story 7.20; matches TpaRegisterStatus.razor.css spacing/typography */

.tpa-status-container[b-wkmobo8xfy] {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
}

.tpa-status-breadcrumb[b-wkmobo8xfy] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-status-breadcrumb a[b-wkmobo8xfy] {
    color: #256585;
    text-decoration: underline;
}

.tpa-status-breadcrumb a:hover[b-wkmobo8xfy] {
    color: #256585;
    text-decoration: underline;
}

.tpa-status-breadcrumb a:focus-visible[b-wkmobo8xfy] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-separator[b-wkmobo8xfy] {
    margin: 0 0.5rem;
    color: #565C65;
}

.breadcrumb-current[b-wkmobo8xfy] {
    color: #3d4551;
}

.tpa-status-container h1[b-wkmobo8xfy] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.tpa-status-loading[b-wkmobo8xfy] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0;
}

.tpa-status-actions[b-wkmobo8xfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1rem;
}

.tpa-status-table-wrapper[b-wkmobo8xfy] {
    overflow-x: auto;
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
}

.tpa-status-table[b-wkmobo8xfy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.tpa-status-table th[b-wkmobo8xfy],
.tpa-status-table td[b-wkmobo8xfy] {
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    vertical-align: middle;
}

.tpa-status-table tbody tr:last-child th[b-wkmobo8xfy],
.tpa-status-table tbody tr:last-child td[b-wkmobo8xfy] {
    border-bottom: none;
}

.tpa-status-table th[b-wkmobo8xfy] {
    font-weight: 600;
    color: #565C65;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.tpa-status-table a[b-wkmobo8xfy] {
    color: #256585;
    font-weight: 600;
    text-decoration: underline;
}

.tpa-status-table a:focus-visible[b-wkmobo8xfy] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

@media (max-width: 768px) {
    .tpa-status-container[b-wkmobo8xfy] {
        padding: 1rem var(--grid-margin);
    }

    .tpa-status-container h1[b-wkmobo8xfy] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/TpaRequestAccess.razor.rz.scp.css */
/* TPA Request Access — Scope Selection (Story 7.6) — matches TpaRegisterLanding.razor.css spacing/typography */

.tpa-request-access-container[b-frndtqcetc] {
    padding: 2rem var(--grid-margin);
    min-height: calc(100vh - 200px);
    max-width: 720px;
}

.tpa-request-access-breadcrumb[b-frndtqcetc] {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.tpa-request-access-breadcrumb a[b-frndtqcetc] {
    color: #256585;
    text-decoration: underline;
}

.tpa-request-access-breadcrumb a:focus-visible[b-frndtqcetc] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: 2px;
}

.tpa-request-access-container h1[b-frndtqcetc] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.tpa-request-access-subtitle[b-frndtqcetc] {
    color: #565C65;
    font-size: 0.9rem;
    margin: 0 0 1.25rem 0;
}

.tpa-request-access-panel[b-frndtqcetc] {
    border: 1px solid var(--dhcs-color-border-default, #e5e2e1);
    border-radius: 8px;
    background: var(--dhcs-color-bg-white, #ffffff);
    padding: var(--dhcs-spacing-lg, 1.5rem);
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tpa-request-access-summary[b-frndtqcetc] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.25rem 1rem;
    margin: 0;
}

.tpa-request-access-summary dt[b-frndtqcetc] {
    font-weight: 600;
    color: #565C65;
}

.tpa-request-access-summary dd[b-frndtqcetc] {
    margin: 0;
}

.tpa-request-access-actions[b-frndtqcetc] {
    display: flex;
    gap: 12px;
    margin-top: 0.5rem;
}

.tpa-request-access-field[b-frndtqcetc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1rem;
}

.tpa-request-access-field label[b-frndtqcetc] {
    font-weight: 600;
    color: var(--text-primary);
}

.tpa-request-access-panel[b-frndtqcetc]  .dhcs-select {
    max-width: 460px;
}

.tpa-request-access-secret-block[b-frndtqcetc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.tpa-request-access-secret-hint[b-frndtqcetc] {
    margin: 0;
    font-size: 0.875rem;
    color: #565C65;
}
/* /Components/Shared/DevUserContextInspector.razor.rz.scp.css */
.dev-user-context-toggle[b-p71vlegygp] {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 800;
    padding: 6px 12px;
    font: 600 12px/1.2 "Roboto Mono", monospace;
    color: #fff;
    background: #b50909;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    opacity: 0.85;
}

.dev-user-context-toggle:hover[b-p71vlegygp],
.dev-user-context-toggle:focus-visible[b-p71vlegygp] {
    opacity: 1;
}

.dev-user-context-json[b-p71vlegygp] {
    margin: 0;
    padding: 16px;
    max-height: 60vh;
    overflow: auto;
    font: 12px/1.5 "Roboto Mono", monospace;
    white-space: pre;
    background: #f5f5f5;
    border: 1px solid var(--dhcs-color-border-input, #dfe1e2);
    border-radius: 4px;
    user-select: text;
}
/* /Components/Shared/ModalCloseButton.razor.rz.scp.css */
.modal-close-btn[b-y3t4u4mi49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--dhcs-color-text-muted, #565c65);
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.15s ease;
    margin: -8px -8px -8px 0;
}

.modal-close-btn:hover[b-y3t4u4mi49] {
    background-color: var(--dhcs-color-bg-neutral, #f0f0f0);
    color: var(--dhcs-color-text-primary, #1b1b1b);
}

.modal-close-btn:focus-visible[b-y3t4u4mi49] {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}
/* /Components/Shared/ModalShell.razor.rz.scp.css */
.modal-shell-overlay[b-evv9nnci63] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.modal-shell-overlay.open[b-evv9nnci63] {
    opacity: 1;
    pointer-events: auto;
}

.modal-shell[b-evv9nnci63] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: var(--modal-shell-width, 560px);
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    background: var(--dhcs-color-bg-white, #fff);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 901;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translate(-50%, -50%) scale(0.95);
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    outline: none;
    pointer-events: none;
}

.modal-shell.open[b-evv9nnci63] {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto;
}

.modal-header[b-evv9nnci63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    border-bottom: 1px solid var(--dhcs-color-border-input, #dfe1e2);
    flex-shrink: 0;
}

.modal-header h3[b-evv9nnci63] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
    color: var(--dhcs-color-text-primary, #1b1b1b);
}

.modal-content[b-evv9nnci63] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal-footer[b-evv9nnci63] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 24px 32px;
    border-top: 1px solid var(--dhcs-color-border-input, #dfe1e2);
    flex-shrink: 0;
}

/* 44px button touch target (WCAG 2.5.8) */
[b-evv9nnci63] .modal-footer .mud-button-root {
    min-height: 44px;
    height: 44px;
}

/* Override MudBlazor's default margins that can cause content to touch edges */
[b-evv9nnci63] .modal-content .mud-input-control,
[b-evv9nnci63] .modal-content .mud-input,
[b-evv9nnci63] .modal-content .mud-text-field,
[b-evv9nnci63] .modal-content .mud-input-control-input-container {
    margin: 0 !important;
}
/* /Components/Shared/PendingApprovalsAlert.razor.rz.scp.css */
/* Matches ux-pending-approvals-alert-mockup.html */
.pending-approvals-alert[b-9604pw3nqy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 1.75rem;
    padding: 16px 18px;
    background: #fceee0;
    border: 1px solid #f0b67d;
    border-left: 4px solid #a34f0a;
    border-radius: 4px;
}

[b-9604pw3nqy] .pending-approvals-icon {
    flex-shrink: 0;
    margin-top: 1px;
    color: #a34f0a;
}

.pending-approvals-body[b-9604pw3nqy] {
    flex: 1;
}

.pending-approvals-title[b-9604pw3nqy] {
    margin: 0 0 2px;
    font-size: 0.98rem;
    font-weight: 700;
    color: #a34f0a;
}

.pending-approvals-msg[b-9604pw3nqy] {
    margin: 0 0 10px;
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--text-primary, #1b1b1b);
}
/* /Components/Shared/SingleSelect.razor.rz.scp.css */
/* Shared combobox styles live in site.css to avoid Blazor CSS isolation scoping issues. */
/* /Components/Tpa/TpaRevokeRegistrationDialog.razor.rz.scp.css */
/* Destructive confirm styling shared with credential revoke/rotate dialogs (Story 7.15). */
[b-a9rck22y0m] .dhcs-button-danger.mud-button-filled-primary {
    background-color: var(--dhcs-color-error, #b50909) !important;
    border-color: var(--dhcs-color-error, #b50909) !important;
}

[b-a9rck22y0m] .dhcs-button-danger.mud-button-filled-primary:hover {
    background-color: #8a0707 !important;
    border-color: #8a0707 !important;
}