@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/PSC.Blazor.Components.Chartjs/PSC.Blazor.Components.Chartjs.bundle.scp.css';

/* /Pages/AccessRight/BulkAccessRightEdit.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/AccessRight/BulkAccessRightList.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/ActionItem/ActionItemDetailsPanel.razor.rz.scp.css */
/* CSS Isolation */
[b-5jeo1os8kj] .ActionItemValueEditor {
    max-height: 300px !important;
    min-height: 200px;
}

@media (min-width: 600px) {
    [b-5jeo1os8kj] .monaco-editor-container {
        max-height: 300px !important;
        min-height: 200px;
    }
}
/* /Pages/ActionItem/ActionItemEdit.razor.rz.scp.css */
/* CSS Isolation - styles moved to ActionItemSchedulingPanel.razor.css */
/* /Pages/ActionItem/ActionItemSchedulingPanel.razor.rz.scp.css */
/* CSS Isolation */
[b-llvpjngyd6] .inline-label {
    position: static;
    transform: none;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}
/* /Pages/ActionItem/ActionItemTenantEdit.razor.rz.scp.css */
/* CSS Isolation - styles moved to ActionItemSchedulingPanel.razor.css */
/* /Pages/Addon/AddonEditAi.razor.rz.scp.css */
/* Provider logos in the Provider MudSelect dropdown.
   Same onerror toggle as the /admin/aimodels page — if the blob image 404s, the
   img is hidden and the first-letter fallback badge shows in its place. */

.provider-logo-wrap-sm[b-pw6c7x0f5e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.provider-logo-sm[b-pw6c7x0f5e] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 3px;
}

.provider-logo-fallback-sm[b-pw6c7x0f5e] {
    display: none; /* shown by the inline onerror handler if the image 404s */
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: var(--mud-palette-primary);
    color: white;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* /Pages/Addon/AddonEditServiceNow.razor.rz.scp.css */
body[b-qufowbhrck] {
}
/* /Pages/Addon/Components/ContactSyncAddonPanel.razor.rz.scp.css */
/* Contact Sync Addon Panel Styles */
/* /Pages/Addon/Components/ServiceDeskAddonPanel.razor.rz.scp.css */
/* Service Desk Addon Panel Styles */
/* /Pages/Addon/Dialog/AddonEditInvoicePeriodDialog.razor.rz.scp.css */
.mud-dialog-content[b-5ehez4bh61] {
    max-height: 400px;
    padding-bottom: 10px !important;
}

.mud-dialog-actions[b-5ehez4bh61] {
    position: sticky;
    bottom: 0px;
    padding: 20px 12px !important;
}

.container-lr[b-5ehez4bh61] {
    display: flex;
}

.box-lr[b-5ehez4bh61] {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1rem !important;
    align-items: center;
    line-height: 1;
}
/* /Pages/Addon/Edit/AddonEditB2BAPI.razor.rz.scp.css */
.Bullet[b-y6ifuy8jhj] {
    list-style-type: decimal;
    margin-left: 24px;
}
/* /Pages/Admin/AiModels.razor.rz.scp.css */
/* Provider logo styling for the expansion panel headers.
   The inline `onerror` handler on the <img> swaps display:none onto the image
   and display:inline-flex onto its sibling fallback span, so we get a clean
   "image OR icon" toggle without Blazor state or JS interop. */

.provider-logo-wrap[b-0slnq2uizg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.provider-logo[b-0slnq2uizg] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
}

.provider-logo-fallback[b-0slnq2uizg] {
    display: none; /* shown by the inline onerror handler if the image 404s */
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--mud-palette-primary);
    color: white;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* /Pages/Admin/AiModelSummary.razor.rz.scp.css */
/* Provider logo conventions — match /admin/aimodels so the same provider
   reads visually as the same provider across admin pages. */

.provider-logo-wrap[b-p0iplmvokz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.provider-logo[b-p0iplmvokz] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 4px;
}

.provider-logo-fallback[b-p0iplmvokz] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: var(--mud-palette-primary);
    color: white;
    font-weight: 700;
    font-size: 12px;
}
/* /Pages/Agreement/AgreementBillingMethodDialog.razor.rz.scp.css */
.mud-dialog-content[b-zp70q40bbb] {
    max-height: 400px;
    padding-bottom: 10px !important;
}

.mud-dialog-actions[b-zp70q40bbb] {
    position: sticky;
    bottom: 0px;
    padding: 20px 12px !important;
}

.container-lr[b-zp70q40bbb] {
    display: flex;
}

.box-lr[b-zp70q40bbb] {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1rem !important;
    align-items: center;
    line-height: 1;
}

.mud-grid-item[b-zp70q40bbb]{
    padding-top: 0 !important;
}

.primary-text[b-zp70q40bbb] {
    color: var(--mud-palette-text-primary) !important;
}

.secondary-text[b-zp70q40bbb] {
    color: var(--mud-palette-text-secondary) !important;
}

.disabled-text[b-zp70q40bbb] {
    color: var(--mud-palette-text-disabled) !important;
}
/* /Pages/Agreement/AgreementBulkUpdate.razor.rz.scp.css */
/* CSS Isolation — placeholder. Page styling driven by MudBlazor classes. */
/* /Pages/Agreement/AgreementInvoicePeriodDialog.razor.rz.scp.css */
.mud-dialog-content[b-r8cgyrar7i] {
    max-height: 400px;
    padding-bottom: 10px !important;
}

.mud-dialog-actions[b-r8cgyrar7i] {
    position: sticky;
    bottom: 0px;
    padding: 20px 12px !important;
}

.container-lr[b-r8cgyrar7i] {
    display: flex;
}

.box-lr[b-r8cgyrar7i] {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1rem !important;
    align-items: center;
    line-height: 1;
}
/* /Pages/Agreement/AgreementListItemEditDialog.razor.rz.scp.css */
.mud-dialog-actions[b-p7r3cy85e2] {
    position: sticky;
    bottom: 0px;
    padding: 20px 12px !important;
}

.container-lr[b-p7r3cy85e2] {
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
    padding-right: 0;
}

.box-lr[b-p7r3cy85e2] {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1rem !important;
    align-items: center;
    line-height: 1;
}

.custom-switch-container[b-p7r3cy85e2] {
    display: flex;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
}

.custom-switch[b-p7r3cy85e2] {
    margin: 0;
    padding: 0;
}
/* /Pages/Agreement/AgreementPriceSourceDialog.razor.rz.scp.css */
.mud-dialog-content[b-0hdv1209jq] {
    max-height: 400px;
    padding-bottom: 10px !important;
}

.mud-dialog-actions[b-0hdv1209jq] {
    position: sticky;
    bottom: 0px;
    padding: 20px 12px !important;
}
/* /Pages/Agreement/AgreementSubscriptionChartDialog.razor.rz.scp.css */
[b-pl1biolubc] .timeline-panels,
[b-pl1biolubc] .timeline-panels .mud-expand-panel-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* /Pages/Ai/ChatBot.razor.rz.scp.css */
.ecpbot-sidebar[b-tbpvheki6f] {
    background: transparent;
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.ecpbot-history[b-tbpvheki6f] {
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

/* Active-conversation highlight is applied via inline Style on the MudListItem
   in ChatBot.razor — CSS isolation doesn't reach MudListItem's rendered root
   because ChatBot.razor's markup has no plain HTML ancestor to anchor the
   scope attribute to. Inline style wins on specificity regardless. */

.ecpbot-transcript[b-tbpvheki6f] {
    background: transparent;
    min-height: 50vh;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

/* Header row above the transcript paper — right-aligns the active-provider
   badge so it doesn't overlap the first chat bubble (previously floated as
   position:absolute inside the scrolling paper, which overlapped messages). */
.ecpbot-active-provider-header[b-tbpvheki6f] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}

/* The badge itself — small logo + stacked provider name / model id. */
.ecpbot-active-provider[b-tbpvheki6f] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.03);
}

.ecpbot-active-provider-logo-wrap[b-tbpvheki6f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.ecpbot-active-provider-logo[b-tbpvheki6f] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
}

.ecpbot-active-provider-fallback[b-tbpvheki6f] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--mud-palette-primary);
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.ecpbot-active-provider-text[b-tbpvheki6f] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ecpbot-active-provider-name[b-tbpvheki6f] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.ecpbot-active-provider-model[b-tbpvheki6f] {
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 0.72rem !important;
    color: var(--mud-palette-text-secondary);
}

.ecpbot-input[b-tbpvheki6f] {
    background: transparent;
}

.ecpbot-empty[b-tbpvheki6f] {
    opacity: 0.7;
    font-style: italic;
}

.ecpbot-bubble-user[b-tbpvheki6f] {
    background: rgba(94, 53, 177, 0.12);
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    margin: 0.5rem 0;
    margin-left: 20%;
}

.ecpbot-bubble-assistant[b-tbpvheki6f] {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    margin: 0.5rem 0;
    margin-right: 20%;
}

.ecpbot-bubble-refusal[b-tbpvheki6f] {
    background: rgba(255, 152, 0, 0.10);
    border: 1px solid rgba(255, 152, 0, 0.35);
    border-radius: 10px;
    padding: 0.5rem 0.75rem 0.5rem 0.5rem;
    margin: 0.5rem 20% 0.5rem 0;
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.ecpbot-refusal-icon[b-tbpvheki6f] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.ecpbot-refusal-body[b-tbpvheki6f] {
    flex-grow: 1;
}

.ecpbot-tool-chips[b-tbpvheki6f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.35rem;
}

.ecpbot-history-row[b-tbpvheki6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    width: 100%;
}

.ecpbot-history-text[b-tbpvheki6f] {
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
}

.ecpbot-thinking[b-tbpvheki6f] {
    display: flex;
    align-items: center;
}

.ecpbot-meta[b-tbpvheki6f] {
    opacity: 0.6;
    display: block;
    margin-top: 0.25rem;
}

[b-tbpvheki6f] .ecpbot-bubble-assistant pre {
    overflow-x: auto;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

[b-tbpvheki6f] .ecpbot-bubble-assistant table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

[b-tbpvheki6f] .ecpbot-bubble-assistant th,
[b-tbpvheki6f] .ecpbot-bubble-assistant td {
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
}
/* /Pages/Alerting/ScheduledReports/BulkScheduledReportAssign.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Alerting/ScheduledReports/ReportFrequencySelector.razor.rz.scp.css */
/* ReportFrequencySelector component-specific styles */
/* CSS isolation file for scoped styling */
/* /Pages/Alerting/ScheduledReports/ScheduledReportBatchList.razor.rz.scp.css */
/* Scoped styles for ScheduledReportBatchList */
/* /Pages/Alerting/ScheduledReports/ScheduledReportEdit.razor.rz.scp.css */
/* ScheduledReportEdit component-specific styles */
/* CSS isolation file for scoped styling */
/* /Pages/Alerting/ScheduledReports/ScheduledReportList.razor.rz.scp.css */
/* ScheduledReportList component-specific styles */
/* CSS isolation file for scoped styling */
/* /Pages/Alerting/Wizard/AlertConfigurationAddWizard.razor.rz.scp.css */
.wizard-sidebar[b-zw9qpcw1jl] {
    width: 220px;
    border-right: 1px solid var(--mud-palette-lines-default);
}

.wizard-content[b-zw9qpcw1jl] {
    flex-grow: 1;
}

[b-zw9qpcw1jl] .wizard-footer {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background: var(--mud-palette-surface);
}

/* /Pages/Alerting/Wizard/AlertTypeSelectorCard.razor.rz.scp.css */
.alert-card[b-euxm473kpg] {
    border: 2px solid var(--mud-palette-lines-default);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.alert-card:hover[b-euxm473kpg] {
    border-color: var(--mud-palette-primary);
}

.alert-card--selected[b-euxm473kpg] {
    border-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
}

.alert-card__description[b-euxm473kpg] {
    color: var(--mud-palette-text-secondary);
}
/* /Pages/AutoProvisionedGroups/AutoProvisionedGroupCatalogPage.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/Azure/CustomerPermissionPage2.razor.rz.scp.css */
.PermissionStatusLoading[b-hcclpe7sfv] {
    font-size: 0.8rem;
    /*color: var(--mud-palette-info);*/
    text-align: center;
    display: inline-block;
}
/* /Pages/Billing/AgreementSync/AgreementChangeDetailsDialog.razor.rz.scp.css */
.ChangeDetails table[b-zyu0viibft] { border: 1px solid lightgrey }

/*.ChangeDetails .PartOne { width: 100px; }

.ChangeDetails .PartTwo {
    width: 500px;
    text-wrap: normal;
}*/

.ChangeDetails td[b-zyu0viibft],
.ChangeDetails th[b-zyu0viibft] { vertical-align: top; }

.ChangeDetails .Created[b-zyu0viibft] { color: green; }

.ChangeDetails .Updated[b-zyu0viibft] { color: blue; }

.ChangeDetails .Deleted[b-zyu0viibft] { color: purple; }

.ChangeDetails .Error[b-zyu0viibft] { color: red; }

.LineBreak[b-zyu0viibft] {
    flex-basis: 100%;
    height: 0;
}
/* /Pages/Billing/BillingReportAgreementSync.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Billing/BillingSubscriptionHistory.razor.rz.scp.css */
[b-ni08iactmg] .timeline-panels,
[b-ni08iactmg] .timeline-panels .mud-expand-panel-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* /Pages/Billing/DistributorBillingSyncReport.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Boarding/UserProfiles/BoardProfiles.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Boarding/UserProfiles/Edit/GroupAssignments.razor.rz.scp.css */
/* /Pages/Boarding/UserProfiles/Edit/LicenseAssignments.razor.rz.scp.css */
/* /Pages/Boarding/UserProfiles/Edit/RoleAssignments.razor.rz.scp.css */
/* /Pages/Catalogue/CatalogueAdministrationPage.razor.rz.scp.css */
.section-head[b-sek9jtqguc] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.bold[b-sek9jtqguc] {
    font-weight: 600;
}

/* Centres a block/flex child (e.g. MudCheckBox) inside a matrix cell/header —
   text-align alone won't centre the checkbox, which renders as a flex element. */
.hcenter[b-sek9jtqguc] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Pages/Catalogue/CatalogueBuyPage.razor.rz.scp.css */
.SplitPanels[b-ma61uz4moz] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.LeftPanel[b-ma61uz4moz] {
    flex: 0 0 420px;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    border-right: 1px solid var(--mud-palette-table-lines);
    padding-right: 8px;
}

.RightPanel[b-ma61uz4moz] {
    flex: 1 1 auto;
    min-width: 0;
}

.ProductList[b-ma61uz4moz] {
    display: flex;
    flex-direction: column;
}

.ProductRow[b-ma61uz4moz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ProductRow:hover[b-ma61uz4moz] {
    background-color: var(--mud-palette-action-default-hover);
}

.ProductRowActive[b-ma61uz4moz] {
    background-color: var(--mud-palette-primary-hover);
}

.ProductRowTitle[b-ma61uz4moz] {
    flex: 1 1 auto;
    font-size: 0.9rem;
    line-height: 1.3;
    word-break: break-word;
}

.ProductGroup[b-ma61uz4moz] {
    background: rgba(128, 128, 128, 0.06);
    border-radius: 4px;
}

.ProductGroupTitle[b-ma61uz4moz] {
    font-weight: 500;
}

.TileGrid[b-ma61uz4moz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 320px);
    gap: 17px;
    align-items: stretch;
}

/* Inline "why can't I buy" reason, stacked above the disabled Buy button in the tile action row. */
.BuyBlockWrap[b-ma61uz4moz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.BuyBlockReason[b-ma61uz4moz] {
    font-size: 0.68rem;
    line-height: 0.9rem;
    font-weight: 600;
    text-align: center;
    color: var(--mud-palette-error);
}
/* /Pages/Catalogue/CatalogueDistributorAddDialog.razor.rz.scp.css */
.AddSwatch[b-ng1zj2bnda] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid var(--mud-palette-lines-default);
    flex: 0 0 32px;
}

.AddPicker[b-ng1zj2bnda] {
    width: 160px;
    flex: 0 0 160px;
}
.AddPicker[b-ng1zj2bnda]  .mud-picker,
.AddPicker[b-ng1zj2bnda]  .mud-input-control,
.AddPicker[b-ng1zj2bnda]  .mud-input,
.AddPicker[b-ng1zj2bnda]  .mud-input-slot,
.AddPicker[b-ng1zj2bnda]  input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
/* /Pages/Catalogue/CatalogueDistributorDeleteDialog.razor.rz.scp.css */
.ReferenceList[b-amqqodfxhs] {
    margin: 0;
    padding-left: 20px;
}
.ReferenceList li[b-amqqodfxhs] {
    line-height: 1.6;
}
/* /Pages/Catalogue/CatalogueDistributorsPage.razor.rz.scp.css */
/* Brand-colour cell: swatch | picker | chip on one row. Use a plain
 * <div> as the flex container so CSS isolation actually applies — a
 * MudStack swallows the scoped [b-xxxx] attribute and silently no-ops. */
.ColourCell[b-fgjqwxs0mb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Small clickable colour swatch — previews the row's BrandColourHex. */
.DistributorColourSwatch[b-fgjqwxs0mb] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid var(--mud-palette-lines-default);
    flex: 0 0 28px;
}

/* Wrapping <div> for the MudColorPicker. Scoped isolation lands on this
 * div; ::deep reaches into the Mud internals to force the input/control
 * elements to fill the wrapper rather than auto-sizing to content. */
.DistributorColourPicker[b-fgjqwxs0mb] {
    width: 160px;
    flex: 0 0 160px;
}
.DistributorColourPicker[b-fgjqwxs0mb]  .mud-picker,
.DistributorColourPicker[b-fgjqwxs0mb]  .mud-input-control,
.DistributorColourPicker[b-fgjqwxs0mb]  .mud-input,
.DistributorColourPicker[b-fgjqwxs0mb]  .mud-input-slot,
.DistributorColourPicker[b-fgjqwxs0mb]  input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* Inline DisplayName edit — same constrained width as the colour picker
 * so the grid columns visually align. */
.DisplayNameField[b-fgjqwxs0mb] {
    width: 240px;
}
/* /Pages/Catalogue/CatalogueListingListPage.razor.rz.scp.css */
.PaperWrapper[b-apdj8eh7hy] {
    display: flex;
    width: max-content;
}

    .PaperWrapper[b-apdj8eh7hy]  .Selector .mud-input-control-input-container {
        min-width: 180px;
        max-width: 200px;
    }
/* /Pages/Catalogue/CatalogueOwnedBuyChoiceDialog.razor.rz.scp.css */
.ChoiceRow[b-7q2zcef94m] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ChoiceCard[b-7q2zcef94m] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 20px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.ChoiceCard:hover[b-7q2zcef94m],
.ChoiceCard:focus-visible[b-7q2zcef94m] {
    border-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
    outline: none;
}
/* /Pages/Catalogue/CatalogueSetupWizardPage.razor.rz.scp.css */
/* Top nav row: Back left, step counter centred, Next right. The two side
   regions share equal flex basis so the centre stays optically centred
   regardless of button widths. */
.catalogue-setup-wizard .wiz-nav-side[b-f23v9uw040] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
}

.catalogue-setup-wizard .wiz-nav-right[b-f23v9uw040] {
    justify-content: flex-end;
}

.catalogue-setup-wizard .wiz-nav-center[b-f23v9uw040] {
    flex: 0 0 auto;
    text-align: center;
}

.catalogue-setup-wizard .wz-step[b-f23v9uw040] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 6px;
    border-radius: 6px;
}

.catalogue-setup-wizard .wz-step .wz-n[b-f23v9uw040] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default);
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

.catalogue-setup-wizard .wz-step .wz-lbl[b-f23v9uw040] {
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary);
}

.catalogue-setup-wizard .wz-step.active[b-f23v9uw040] {
    background: var(--mud-palette-action-default-hover);
}

.catalogue-setup-wizard .wz-step.active .wz-n[b-f23v9uw040] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 600;
}

.catalogue-setup-wizard .wz-step.active .wz-lbl[b-f23v9uw040] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.catalogue-setup-wizard .wz-step.done .wz-n[b-f23v9uw040] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
    font-weight: 600;
}
/* /Pages/ContactSync/AutoContactSyncMap.razor.rz.scp.css */
[b-hvxz8ae3uu] .table-fixed {
    table-layout: auto;
}

[b-hvxz8ae3uu] .table-fixed th,
[b-hvxz8ae3uu] .table-fixed td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hvxz8ae3uu] .mud-table-container {
    overflow-x: auto;
}

/* Fix for inline editable customer ID field */
[b-hvxz8ae3uu] .mud-input-text {
    font-size: 0.875rem;
}
/* /Pages/ContactSync/Components/ContactSyncTrackingLegendDialog.razor.rz.scp.css */
.contactsync-tracking-legend-dialog__layout[b-sdmay035i7] {
    min-width: 920px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contactsync-tracking-legend-dialog__summary-grid[b-sdmay035i7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.contactsync-tracking-legend-dialog__section-grid[b-sdmay035i7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.contactsync-tracking-legend-dialog__summary-card[b-sdmay035i7],
.contactsync-tracking-legend-dialog__section-card[b-sdmay035i7] {
    height: 100%;
}

.contactsync-tracking-legend-dialog__item-grid[b-sdmay035i7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.contactsync-tracking-legend-dialog__item-card[b-sdmay035i7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contactsync-tracking-legend-dialog__visual[b-sdmay035i7] {
    display: grid;
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
}

.contactsync-tracking-legend-dialog__description[b-sdmay035i7] {
    min-width: 0;
}

@media (max-width: 1280px) {
    .contactsync-tracking-legend-dialog__summary-grid[b-sdmay035i7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .contactsync-tracking-legend-dialog__layout[b-sdmay035i7] {
        min-width: 0;
    }

    .contactsync-tracking-legend-dialog__summary-grid[b-sdmay035i7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .contactsync-tracking-legend-dialog__section-grid[b-sdmay035i7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .contactsync-tracking-legend-dialog__item-grid[b-sdmay035i7] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Dashboard/CustomerStatus/DashboardCustomerDisabledTenantNotes.razor.rz.scp.css */
 /* CSS Isolation */

.CardItem[b-nviflih9wf] {
    margin: 4px;
    max-width: 600px;
    min-width: 600px;
    max-height: 600px;
    overflow: auto;
}

.CardItem table td[b-nviflih9wf]{
    vertical-align: top
}
/* /Pages/Dashboard/CustomerStatus/DashboardCustomerStatus.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Dashboard/CustomerStatus/DatesPicker.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Dashboard/DashboardCustomerSecurity.razor.rz.scp.css */

.ChartGrid[b-8gccvffhav] {
    margin-top: 14px;
}

/* /Pages/Dashboard/DashboardTenantAzureBaseline.razor.rz.scp.css */
.baseline-scroll[b-oz8gvisggt] {
    overflow-x: auto;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
}

.baseline-table[b-oz8gvisggt] {
    border-collapse: collapse;
    font-size: 11px;
    width: max-content;
}

.baseline-table th[b-oz8gvisggt],
.baseline-table td[b-oz8gvisggt] {
    border: 1px solid #d1d5db;
    padding: 2px 4px;
    text-align: right;
    white-space: nowrap;
    min-width: 70px;
}

.baseline-table th[b-oz8gvisggt] {
    background: #f3f4f6;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: center;
}

.baseline-table th.sub-col[b-oz8gvisggt],
.baseline-table td.sub-col[b-oz8gvisggt] {
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 3;
    background: #ffffff;
    min-width: 260px;
    font-weight: 500;
}

.baseline-table th.sub-col[b-oz8gvisggt] {
    background: #f3f4f6;
    z-index: 4;
}

.baseline-table .sub-meta[b-oz8gvisggt] {
    color: #6b7280;
    font-size: 10px;
    font-weight: 400;
}

.baseline-table td .cell-main[b-oz8gvisggt] {
    font-weight: 700;
    line-height: 1.1;
}

.baseline-table td .cell-sub[b-oz8gvisggt] {
    color: #475569;
    font-size: 9px;
    line-height: 1.1;
}

.baseline-table td.pending[b-oz8gvisggt] {
    background: #f9fafb;
    color: #9ca3af;
}

.baseline-table td.busy[b-oz8gvisggt] {
    background: #dbeafe;
    color: #1e3a8a;
}

.baseline-table td.has[b-oz8gvisggt] {
    background: #d1fae5;
    color: #065f46;
}

.baseline-table td.cached[b-oz8gvisggt] {
    background: #e0e7ff;
    color: #3730a3;
    font-style: italic;
}

.baseline-table td.empty[b-oz8gvisggt] {
    background: #fef3c7;
    color: #92400e;
}

.baseline-table td.fail[b-oz8gvisggt] {
    background: #fee2e2;
    color: #991b1b;
    cursor: help;
}

.baseline-table td.total-col[b-oz8gvisggt],
.baseline-table th.total-col[b-oz8gvisggt] {
    background: #f9fafb;
    font-weight: 700;
    position: sticky;
    right: 0;
    min-width: 80px;
}

.baseline-table td.total-col.has[b-oz8gvisggt] {
    background: #d1fae5;
}

.baseline-table .year-divider[b-oz8gvisggt] {
    border-right: 2px solid #6b7280 !important;
}

.legend-swatch[b-oz8gvisggt] {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    border: 1px solid #d1d5db;
    margin: 0 4px 0 12px;
}

.legend-swatch.has[b-oz8gvisggt]    { background: #d1fae5; }
.legend-swatch.empty[b-oz8gvisggt]  { background: #fef3c7; }
.legend-swatch.busy[b-oz8gvisggt]   { background: #dbeafe; }
.legend-swatch.fail[b-oz8gvisggt]   { background: #fee2e2; }
.legend-swatch.cached[b-oz8gvisggt] { background: #e0e7ff; }
/* /Pages/Dashboard/DashboardTenantAzureCoverage.razor.rz.scp.css */
.coverage-scroll[b-h7zvk2jz18] {
    overflow-x: auto;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
}

.coverage-table[b-h7zvk2jz18] {
    border-collapse: collapse;
    font-size: 12px;
    width: max-content;
}

.coverage-table th[b-h7zvk2jz18],
.coverage-table td[b-h7zvk2jz18] {
    border: 1px solid #d1d5db;
    padding: 4px 6px;
    text-align: center;
    white-space: nowrap;
}

.coverage-table th[b-h7zvk2jz18] {
    background: #f3f4f6;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 2;
}

.coverage-table th.sub-col[b-h7zvk2jz18],
.coverage-table td.sub-col[b-h7zvk2jz18] {
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 3;
    background: #ffffff;
    min-width: 240px;
    font-weight: 500;
}

.coverage-table th.sub-col[b-h7zvk2jz18] {
    background: #f3f4f6;
    z-index: 4;
}

.coverage-table .sub-meta[b-h7zvk2jz18] {
    color: #6b7280;
    font-size: 10px;
    font-weight: 400;
}

.coverage-table td.has[b-h7zvk2jz18] {
    background: #d1fae5;
    color: #065f46;
    font-weight: 700;
}

.coverage-table td.empty[b-h7zvk2jz18] {
    background: #fef3c7;
    color: #92400e;
}

.coverage-table td.fail[b-h7zvk2jz18] {
    background: #fee2e2;
    color: #991b1b;
    font-weight: 700;
    cursor: help;
}

.coverage-table td.miss[b-h7zvk2jz18] {
    background: #f3f4f6;
    color: #9ca3af;
}

.coverage-table td.total-col[b-h7zvk2jz18],
.coverage-table th.total-col[b-h7zvk2jz18] {
    background: #f9fafb;
    font-weight: 700;
    position: sticky;
    right: 0;
}

.coverage-table td.total-col.has[b-h7zvk2jz18] {
    background: #d1fae5;
}

.coverage-table td.total-col.empty[b-h7zvk2jz18] {
    background: #fef3c7;
}

.coverage-table td.total-col.fail[b-h7zvk2jz18] {
    background: #fee2e2;
}

.coverage-table .year-divider[b-h7zvk2jz18] {
    border-right: 2px solid #6b7280 !important;
}

.legend-swatch[b-h7zvk2jz18] {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    border: 1px solid #d1d5db;
    margin: 0 4px 0 12px;
}

.legend-swatch.has[b-h7zvk2jz18]   { background: #d1fae5; }
.legend-swatch.empty[b-h7zvk2jz18] { background: #fef3c7; }
.legend-swatch.fail[b-h7zvk2jz18]  { background: #fee2e2; }
/* /Pages/Dashboard/DashboardTenantSecurity.razor.rz.scp.css */
.ChartGrid[b-h8r7nhz6r6] {
    margin-top: -14px;
}
/* /Pages/Dashboard/LicensingSummary/EmptyLayout.razor.rz.scp.css */
*[b-bmq0nns9cv] {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
@page {
    margin: 1.3cm;
}
/* /Pages/Dashboard/Mailbox/TenantMailboxGrid.razor.rz.scp.css */
body[b-efv47bcfqy] {
}
/* /Pages/Dashboard/TenantMfa/AcceptRiskDialog.razor.rz.scp.css */

.Title[b-xxr3z812wh] {
    font-weight: bolder;
    font-size: larger;
}

.ReasonTextBox[b-xxr3z812wh] {

}

.ButtonContainer button[b-xxr3z812wh] {
    /*min-width: 72px;*/
}
/* /Pages/Diagnostics/DeveloperTools.razor.rz.scp.css */
.ForceAlign[b-4oao7suipk] {
    margin-left: 12px !important;
}
/* /Pages/Diagnostics/EcpGridPageTemplate.razor.rz.scp.css */
.AcknowledgeContainer ul[b-btyrisbp3q] {
    list-style: disc !important;
    padding: revert;
}

.AcknowledgeContainer li[b-btyrisbp3q] {
    display: list-item !important;
    text-align: inherit !important;
    unicode-bidi: inherit !important;
}

.AcknowledgeContainer li > ul[b-btyrisbp3q] {
        padding-left: 20px;
    }

.AcknowledgeContainer button[b-btyrisbp3q] {
    text-transform: lowercase !important;
    max-height: 50px;
}
/* /Pages/Diagnostics/EcpTabbedGridTemplate/EcpTabbedGridTemplate.razor.rz.scp.css */
body[b-8v84gk1zqe] {
}
/* /Pages/Document/DocumentView.razor.rz.scp.css */
@media print {
    .e-richtexteditor[b-cdze3pub88], .e-rte-content[b-cdze3pub88], .e-rte-content .e-content[b-cdze3pub88] {
        height: auto !important;
        overflow: visible !important;
    }

    /* Hide scrollbars */
    .e-rte-content .e-content[b-cdze3pub88] {
        scrollbar-width: none; /* Firefox */
    }
    .e-rte-content .e-content[b-cdze3pub88]::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    /* Hide app bar*/
    .mud-appbar[b-cdze3pub88] {
        display: none !important;
    }
    .mud-toolbar[b-cdze3pub88] {
        display: none !important;
    }
}

/* Hidden in normal screen unless body has .print-only */
body.print-only *[b-cdze3pub88] {
    display: none !important;
}

body.print-only #content-container[b-cdze3pub88],
body.print-only #content-container *[b-cdze3pub88] {
    display: block !important;
}

body.print-only #content-container[b-cdze3pub88] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

    body.print-only #content-container img[b-cdze3pub88],
    body.print-only #content-container pre[b-cdze3pub88],
    body.print-only #content-container code[b-cdze3pub88] {
        display: block !important;
    }
/* /Pages/Gdap/GdapOnboardingTest/GdapOnboardingTest.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Gdap/Template/ApplyGdapTemplateDialog.razor.rz.scp.css */
/* /Pages/Gdap/Template/GdapRelationshipsPanel.razor.rz.scp.css */
/* /Pages/Gdap/Template/GdapRoleSelectDialog.razor.rz.scp.css */
/* No scoped styles — MudBlazor dialogs render in a portal outside the component tree */
/* /Pages/Gdap/Template/GdapTemplateEdit.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/Gdap/Template/GdapTemplateList.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/Integrations/Components/ContactSyncIntegrationPanel.razor.rz.scp.css */
/* Contact Sync Integration Panel Styles */
/* /Pages/Integrations/Components/ContactSyncLicenseSelectionDialog.razor.rz.scp.css */
/* Contact Sync License Selection Dialog Styles */
/* /Pages/Integrations/Components/ServiceDeskIntegrationPanel.razor.rz.scp.css */
/* Service Desk Integration Panel Styles */
/* /Pages/Location/CSV/LocationImporter.razor.rz.scp.css */
.Results[b-96j2ki9azj] {
    max-height: 150px;
    overflow-y: auto;
    padding: 5px;
}

.ResultItem[b-96j2ki9azj]  {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
/* /Pages/Location/LocationAdd.razor.rz.scp.css */
.TenantButtonContainer[b-lqyftnu0qp] {
    display: inline-block;
    margin: 5px;
}
/* /Pages/M365/DelegatedConsentTestPage.razor.rz.scp.css */
/* CSS Isolation */
.perm-detail[b-xqdqpcy9tz] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
}
/* /Pages/M365/OneDriveDelegationTestPage.razor.rz.scp.css */
/* CSS Isolation */
.perm-detail[b-0bpfqw1jgr] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
}

.onedrive-url[b-0bpfqw1jgr] {
    word-break: break-all;
}

.dev-steps[b-0bpfqw1jgr] {
    background: var(--mud-palette-background-grey);
    padding: 12px;
    border-radius: 4px;
    overflow-x: auto;
    font-size: 0.8rem;
    line-height: 1.4;
    white-space: pre;
    margin: 0;
}
/* /Pages/M365/TenantPermissionsPage.razor.rz.scp.css */
/* CSS Isolation */
.perm-detail[b-z33fuhmi3v] {
    color: var(--mud-palette-text-secondary);
}
/* /Pages/My/MyTaskList.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Newsletter/NewsletterList.razor.rz.scp.css */
/* Force card to flex column so thumbnail grows and content pins to bottom */
[b-ikyjqgp9dp] .newsletter-card {
    display: flex !important;
    flex-direction: column !important;
}

/* Thumbnail fills all available space above the card content */
.newsletter-thumbnail[b-ikyjqgp9dp] {
    flex: 1 1 auto;
    min-height: 180px;
    background-color: transparent;
}

/* "Add Newsletter" placeholder card — dashed border with centred content */
[b-ikyjqgp9dp] .newsletter-add-card {
    border: 2px dashed var(--mud-palette-primary);
    background-color: transparent !important;
}

.newsletter-add-content[b-ikyjqgp9dp] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.newsletter-add-content:hover[b-ikyjqgp9dp] {
    opacity: 1;
}

/* Override MudItem to 5 columns on large screens (20% each) */
@media (min-width: 1280px) {
    [b-ikyjqgp9dp] .mud-grid > .mud-grid-item-lg-2 {
        flex-basis: 20% !important;
        max-width: 20% !important;
    }
}
/* /Pages/Notifications/DescriptionDialog.razor.rz.scp.css */
/* CSS Isolation */

/* Component-specific styles here */
/* /Pages/Notifications/UserVerificationReport.razor.rz.scp.css */
/* UserVerificationReport Styles */
/* /Pages/Policy/AdHoc/AdHocApplyTemplateWizard.razor.rz.scp.css */
fieldset.UrlContainer[b-8intp4bsn5] {
    border: 1px solid lightgrey !important;
    margin: 4px !important;
    padding: 16px !important;
    border-radius: 5px;
}

.UrlContainer legend[b-8intp4bsn5] {
    padding-left: 4px;
    padding-right: 4px;
}
/* /Pages/Policy/AdHoc/AdHocSettingsCatalogPage.razor.rz.scp.css */
/* Non-rectifiable / manual intervention row styling */
[b-ya1janhy48] .manual-intervention-row {
    background-color: rgba(255, 152, 0, 0.18) !important;
}
/* /Pages/Policy/AdHoc/AdHocTemplateEditPage.razor.rz.scp.css */
/* MudDataGrid group header styling */
.template-settings-group-header[b-y216j6sd0r] {
    gap: 12px;
    min-height: 36px;
}

/* Muted row style for excluded/disabled settings */
[b-y216j6sd0r] .template-settings-item-row-muted {
    opacity: 0.55;
}

/* Pending root-removal rows should appear struck through until propagation approval */
[b-y216j6sd0r] .template-settings-item-row-stale {
    text-decoration: line-through;
}

/* Non-rectifiable / manual intervention row styling */
[b-y216j6sd0r] .manual-intervention-row {
    background-color: rgba(255, 152, 0, 0.18) !important;
}

/* Published toggle wrapper */
.publish-toggle-wrapper[b-y216j6sd0r] {
    display: inline-flex;
}
/* /Pages/Policy/AdHoc/AdHocTemplateGroupEditPage.razor.rz.scp.css */
/* MudDataGrid group header styling for effective settings */
.templategroup-section-header[b-8pm9pbt3nt] {
    gap: 12px;
    min-height: 36px;
}

/* Non-rectifiable / manual intervention row styling */
[b-8pm9pbt3nt] .manual-intervention-row {
    background-color: rgba(255, 152, 0, 0.18) !important;
}
/* /Pages/Policy/AdHoc/AdHocTenantAssignmentPage.razor.rz.scp.css */
/* Chart datapoint tooltips — larger, high-contrast text for readability.
   MudBlazor renders tooltips as <g class="svg-tooltip"> containing <rect> + <text>.
   The <text> has inline font-size="12px" and fill="white" — override with !important. */
[b-5rlizmjycn] .mud-chart .svg-tooltip text {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}

/* Tooltip background — slightly larger, rounded, subtle shadow */
[b-5rlizmjycn] .mud-chart .svg-tooltip rect {
    rx: 6 !important;
    ry: 6 !important;
}
/* /Pages/Policy/AdHoc/AdHocTenantCompliancePage.razor.rz.scp.css */
/* Compliance item row styling for MudDataGrid RowClassFunc */
[b-epvtcewtud] .compliance-item-row-muted {
    opacity: 0.6;
}

/* Non-rectifiable / manual intervention row styling */
[b-epvtcewtud] .manual-intervention-row {
    background-color: rgba(255, 152, 0, 0.18) !important;
}

/* Paused section — dims the entire compliance area */
.compliance-paused-section[b-epvtcewtud] {
    opacity: 0.4;
    pointer-events: none;
    user-select: none;
}

/* Group header row styling inside MudDataGrid */
.compliance-section-header[b-epvtcewtud] {
    gap: 12px;
    min-height: 36px;
}

/* When Enforce mode is active, impact text turns red */
[b-epvtcewtud] .enforce-mode-active .impact-text {
    color: var(--mud-palette-error) !important;
}

/* Chart datapoint tooltips — larger, high-contrast text for readability.
   MudBlazor renders tooltips as <g class="svg-tooltip"> containing <rect> + <text>.
   The <text> has inline font-size="12px" and fill="white" — override with !important. */
[b-epvtcewtud] .mud-chart .svg-tooltip text {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}

/* Tooltip background — slightly larger, rounded, subtle shadow */
[b-epvtcewtud] .mud-chart .svg-tooltip rect {
    rx: 6 !important;
    ry: 6 !important;
}
/* /Pages/Policy/AdHoc/AdHocTrackingReportPage.razor.rz.scp.css */
/* Scoped styles for AdHocTrackingReportPage */
/* /Pages/Policy/PayloadComparisonDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-o22ml5ge0o] {
    height: 100%;
}

[b-o22ml5ge0o] .monaco-editor-container {
    height: 100%;
}
/* /Pages/Policy/PolicyAddFromLibraryDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-rexh63a2hh] {
    height: 100%;
}

[b-rexh63a2hh] .monaco-editor-container {
    height: 100%;
}

/* /Pages/Policy/PolicyApplyTemplateToTenantDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-ct9z9jpi0p] {
    height: 100%;
}
/* /Pages/Policy/PolicyComparisonDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-0k382zrguq] {
    height: 100%;
}

[b-0k382zrguq] .monaco-editor-container {
    height: 100%;
}
/* /Pages/Policy/PolicyManageTemplateDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-its7onhuph] {
    height: 100%;
}

[b-its7onhuph] .monaco-editor-container {
    height: 100%;
}
/* /Pages/Policy/PolicyTemplateEditComponent.razor.rz.scp.css */
.split[b-vb6kzkghx1] {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
    border: solid;
    background: border-box;
    border-style: groove;
    border-width: thin;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 0px;
}

.right[b-vb6kzkghx1] {
    right: 0;
    background-color: white;
}
/* /Pages/Policy/PolicyTemplateEditPage.razor.rz.scp.css */
.split[b-9qh9vpn7oo] {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
    border: solid;
    background: border-box;
    border-style: groove;
    border-width: thin;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 0px;
}

.right[b-9qh9vpn7oo] {
    right: 0;
    background-color: white;
}
/* /Pages/Policy/PolicyViewerEditorDialog.razor.rz.scp.css */
.mud-dialog .outline-none[b-45ur9j2b8z] {
    height: 100%;
}

[b-45ur9j2b8z] .monaco-editor-container {
    height: 100%;
}
/* /Pages/Policy/TenantPolicyVariableEditComponent.razor.rz.scp.css */
 /* CSS Isolation */
[b-u8ig3sudvi] .mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 2px !important;
}
/* /Pages/Preview/Preview.razor.rz.scp.css */
/* CSS Isolation */

.Book[b-bqpfiwivvq] {
    font-size: larger;
    font-weight: bolder;
}

.Book1[b-bqpfiwivvq] {
    /* background: red;*/
}

.Book2[b-bqpfiwivvq] {
    /*background: orangered;*/
}

.Book3[b-bqpfiwivvq] {
    /*background: orange;*/
}

.Book4[b-bqpfiwivvq] {
    /*background: yellow;*/
}

.Book5[b-bqpfiwivvq] {
    /*background: yellowgreen;*/
}

.Book6[b-bqpfiwivvq] {
    /*background: green;*/
}

.Link[b-bqpfiwivvq],
a[b-bqpfiwivvq] {
    margin: 10px;
    padding: 5px;
    border: 1px solid grey;
    background: whitesmoke;
    cursor: pointer;
    box-shadow: 0 8px 10px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.Link:hover[b-bqpfiwivvq]{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


/* Remove default list styles (bullets and margins) */
.Vertical-Menu[b-bqpfiwivvq] {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    justify-content: center; /* Center the menu items horizontally */
    z-index: 1111;
}

.Horizontal-Menu[b-bqpfiwivvq] {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Use flexbox to display items in a row */
    justify-content: center; /* Center the menu items horizontally */
}

    /* Style each list item */
    .Horizontal-Menu li[b-bqpfiwivvq] {
        margin-right: 20px; /* Space between menu items */
    }

.Vertical-Menu li[b-bqpfiwivvq] {
    margin-bottom: 5px;
}

/* Remove margin from the last item */
.Horizontal-Menu li:last-child[b-bqpfiwivvq] {
    margin-right: 0;
}

/* Style links */
.Link[b-bqpfiwivvq],
.Vertical-Menu a[b-bqpfiwivvq],
.Horizontal-Menu a[b-bqpfiwivvq] {
    text-decoration: none; /* Remove underline from links */
    color: orange; /* Dark gray text color */
    font-weight: bold; /* Make text bold */
    padding: 10px 20px; /* Add some padding around the text */
    display: block; /* Make the link fill the entire list item */
    border-radius: 5px; /* Add rounded corners */
    transition: background-color 0.3s; /* Smooth background transition on hover */
}

    /* Add hover effect */
    .Link:hover[b-bqpfiwivvq],
    .Vertical-Menu a:hover[b-bqpfiwivvq],
    .Horizontal-Menu a:hover[b-bqpfiwivvq] {
        background-color: orange; /* Blue background on hover */
        color: #333; /* White text on hover */
    }

    /* Optional: Add a border or highlight to the active menu item */
    .Vertical-Menu a.active[b-bqpfiwivvq],
    .Horizontal-Menu a.active[b-bqpfiwivvq] {
        background-color: whitesmoke; /* Blue background for active link */
        color: orange; /* text for active link */
    }


/* Style for the floating link container */
.Floater[b-bqpfiwivvq] {
    position: fixed; /* Fixed position relative to the viewport */
    /*right: 20px;*/ /* 20px from the right edge of the screen */
    /*bottom: 20px;*/ /* 20px from the bottom edge of the screen */
    background-color: transparent; /* Background color of the link */
    padding: 10px 15px; /* Add some padding around the link */
    /* border-radius: 50px; /* Rounded corners for a pill shape */
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
    z-index: 10000; /* Make sure the floating link appears above other content */
    transition: background-color 0.3s ease; /* Smooth background color change */
}

.Floating-Trial[b-bqpfiwivvq] {
    right: 20px;
    top: 30px;
}

.Floating-Link[b-bqpfiwivvq] {
    right: 20px;
    bottom: 20px;
}

.Floating-Menu[b-bqpfiwivvq] {
    left: 20px;
    top: 250px;
    text-align: center;
}

/* Style for the link itself */
.Floating-Trial a[b-bqpfiwivvq],
.Floating-Link a[b-bqpfiwivvq] {
    color: orange; /* White text color */
    text-decoration: none; /* Remove underline */
    font-size: 16px; /* Set a reasonable font size */
    font-weight: bold; /* Make the link bold */
    display: block; /* Make the link fill the entire container */
    text-align: center; /* Center the text inside the link */
}

/* Hover effect */
.Floating-Trial:hover[b-bqpfiwivvq],
.Floating-Link:hover[b-bqpfiwivvq] {
    background-color: transparent; /* Darker blue on hover */
}
/* /Pages/Preview/SubscriptionMenuEdit.razor.rz.scp.css */
 /* CSS Isolation */

.GroupRow[b-uwss5vpq2y] {
    background: grey !important;
}

th .GroupRowButtons[b-uwss5vpq2y] {
    text-align: end !important;
}
/* /Pages/Room/RoomList.razor.rz.scp.css */
/* CSS isolation for the Rooms list page. Styling is handled by MudBlazor utility classes. */
/* /Pages/ScheduledTasks/ScheduledTaskList.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/ScheduledTasks/ScheduledTaskListRoot.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Search/DocumentSearch.razor.rz.scp.css */
/* EcpBot answer card — typography for the MudMarkdown-rendered content.
   ::deep is required because MudMarkdown emits its own (non-scoped) elements. */

.ecpbot-answer[b-k5qz6q133g]  h1,
.ecpbot-answer[b-k5qz6q133g]  h2,
.ecpbot-answer[b-k5qz6q133g]  h3,
.ecpbot-answer[b-k5qz6q133g]  h4 {
    margin-top: 1.1rem;
    margin-bottom: 0.4rem;
    font-weight: 600;
    line-height: 1.3;
}

.ecpbot-answer[b-k5qz6q133g]  h1 { font-size: 1.4rem; }
.ecpbot-answer[b-k5qz6q133g]  h2 { font-size: 1.25rem; }
.ecpbot-answer[b-k5qz6q133g]  h3 { font-size: 1.1rem; }
.ecpbot-answer[b-k5qz6q133g]  h4 { font-size: 1rem; }

.ecpbot-answer[b-k5qz6q133g]  p {
    margin: 0.5rem 0;
    line-height: 1.6;
}

.ecpbot-answer[b-k5qz6q133g]  ul,
.ecpbot-answer[b-k5qz6q133g]  ol {
    margin: 0.5rem 0;
    padding-left: 1.6rem;
}

.ecpbot-answer[b-k5qz6q133g]  li {
    margin: 0.25rem 0;
    line-height: 1.6;
}

.ecpbot-answer[b-k5qz6q133g]  li > p {
    margin: 0.15rem 0;
}

.ecpbot-answer[b-k5qz6q133g]  code {
    background-color: rgba(0, 0, 0, 0.06);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.9em;
}

.ecpbot-answer[b-k5qz6q133g]  pre {
    background-color: rgba(0, 0, 0, 0.06);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    overflow-x: auto;
    margin: 0.75rem 0;
}

.ecpbot-answer[b-k5qz6q133g]  pre code {
    background: transparent;
    padding: 0;
    font-size: 0.9rem;
}

.ecpbot-answer[b-k5qz6q133g]  blockquote {
    border-left: 3px solid var(--mud-palette-secondary);
    margin: 0.75rem 0;
    padding: 0.25rem 1rem;
    color: var(--mud-palette-text-secondary);
}

.ecpbot-answer[b-k5qz6q133g]  table {
    border-collapse: collapse;
    margin: 0.75rem 0;
    width: 100%;
}

.ecpbot-answer[b-k5qz6q133g]  th,
.ecpbot-answer[b-k5qz6q133g]  td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.4rem 0.7rem;
    text-align: left;
}

.ecpbot-answer[b-k5qz6q133g]  th {
    background-color: rgba(0, 0, 0, 0.04);
    font-weight: 600;
}

.ecpbot-answer[b-k5qz6q133g]  a {
    color: var(--mud-palette-secondary);
    text-decoration: none;
}

.ecpbot-answer[b-k5qz6q133g]  a:hover {
    text-decoration: underline;
}

.ecpbot-answer[b-k5qz6q133g]  hr {
    border: none;
    border-top: 1px solid var(--mud-palette-lines-default);
    margin: 1rem 0;
}

/* Tighten the very first/last element so the card padding does the work. */
.ecpbot-answer[b-k5qz6q133g]  > :first-child {
    margin-top: 0;
}

.ecpbot-answer[b-k5qz6q133g]  > :last-child {
    margin-bottom: 0;
}
/* /Pages/ServiceDesk/ServiceDeskTrackingReport.razor.rz.scp.css */
/* Ensure MudDataGrid child row content uses full width */
[b-v39ee7agli] .mud-table-child-content {
    width: 100%;
}
/* /Pages/Settings/FallbackHtmlPreviewDialog.razor.rz.scp.css */
/* Make the preview area large so the fallback HTML has room to show. */
.fallback-html-preview[b-lp5m52yl21] {
    min-height: 70vh;
    overflow: auto;
}
/* /Pages/Settings/PageTenantPermissions.razor.rz.scp.css */
 /* CSS Isolation */

/* The left panel is natural height (the reference). The middle and right
   panels stretch to match it via the grid's default align-items:stretch.
   Their MudPaper carries inline "position:relative; overflow:hidden" (inline
   so it survives CSS-isolation scoping on the component root). The content
   below sits in an absolutely-positioned overlay so a long list can never
   push the row taller than the left panel — it scrolls internally instead.
   This keeps all three panels exactly equal height. */
.panel-body[b-w0jweevoiz] {
    position: absolute;
    inset: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* The panel height (calc(100vh - 300px)) lives INLINE on each MudPaper's Style attribute, NOT
   here. MudBlazor renders its own root element, which CSS-isolation does NOT stamp with this
   component's scope attribute, so an isolated class like `.left-panel` never matches a MudPaper
   root — only inline Style (immune to scoping) reliably reaches it. A fixed height (not
   max-height) keeps the panel full-height even with only a few rows; the internal lists scroll,
   so it never clips. The middle/right panels carry the same inline height. */

/* Make the tab body fill the panel below the search so the list grows to the
   panel's full height (no bottom gap) and scrolls internally. The legend is a
   sibling after the tabs, so it stays pinned and visible. */
.left-panel[b-w0jweevoiz]  .mud-tabs {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.left-panel[b-w0jweevoiz]  .mud-tabs-panels {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.left-panel[b-w0jweevoiz]  .mud-tab-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.page-tree[b-w0jweevoiz] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100vh - 440px);
    overflow-y: auto;
}

.legend-dot[b-w0jweevoiz] {
    font-size: 0.9rem;
    line-height: 1;
    margin-right: -0.5rem;
}

.legend-gated[b-w0jweevoiz] {
    color: var(--mud-palette-error);
}

.legend-contains[b-w0jweevoiz] {
    color: #9c27b0;
}

/* Gated-pages quick list (Gated tab). Same scroll box as the tree so switching
   tabs keeps the left panel a stable height. */
.gated-list[b-w0jweevoiz] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100vh - 440px);
    overflow-y: auto;
}

.gated-item[b-w0jweevoiz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: var(--mud-default-borderradius);
    cursor: pointer;
    color: var(--mud-palette-text-primary);
}

.gated-item:hover[b-w0jweevoiz] {
    background-color: var(--mud-palette-action-default-hover);
}

.gated-item.selected[b-w0jweevoiz] {
    background-color: var(--mud-palette-primary-hover);
}

.gated-item-icon[b-w0jweevoiz] {
    flex: 0 0 auto;
}

.gated-item-text[b-w0jweevoiz] {
    flex: 1 1 auto;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gated-item-count[b-w0jweevoiz] {
    flex: 0 0 auto;
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Permission rows (required + available) */
.perm-list[b-w0jweevoiz] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    /* This list is a direct flex child of the column-flex .panel-body. Because it has
       overflow:hidden, its automatic flex min-size is 0 (per the flex spec), so when the
       panel content is taller than the panel the flex algorithm would otherwise squeeze it
       to zero height and clip the row entirely. Pin it so it always keeps its content height
       (the available-perms list scrolls inside .perm-scroll, so this never starves that). */
    flex: 0 0 auto;
}

.perm-row[b-w0jweevoiz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.25rem 0.25rem 0.75rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.perm-row:last-child[b-w0jweevoiz] {
    border-bottom: none;
}

.perm-row:hover[b-w0jweevoiz] {
    background-color: var(--mud-palette-action-default-hover);
}

.perm-row-icon[b-w0jweevoiz] {
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary);
}

.perm-value[b-w0jweevoiz] {
    flex: 1 1 auto;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.85rem;
}

/* Available-permissions area fills the remaining panel height and scrolls. */
.perm-scroll[b-w0jweevoiz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* Fallback HTML editor fills the remaining panel height.
   A plain textarea (not MudTextField) is used here deliberately: it is a
   scoped element we fully control, so it fills reliably without depending on
   MudBlazor's internal input DOM via ::deep (which would not bind reliably). */
.fallback-html[b-w0jweevoiz] {
    flex: 20 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Chrome above the fallback body (heading, hint, component dropdown) — fixed height
   at the top so nothing between the dropdown and the example can grow/push it down. */
.fallback-chrome[b-w0jweevoiz] {
    flex: 0 0 auto;
}

/* Live example of the selected fallback component. Fills the space directly under
   the dropdown (the component renders at the top of this box), scrolls if tall. */
.fallback-preview[b-w0jweevoiz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    padding: 12px;
}

/* The example component (PermissionUpgradeFallback) uses a top margin meant for the
   real full-page fallback; pull it tight under the dropdown in this preview context. */
.fallback-preview[b-w0jweevoiz]  .mud-container {
    margin-top: 0 !important;
}

.fallback-textarea[b-w0jweevoiz] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    resize: none;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    padding: 12px;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.4;
    background: transparent;
    color: var(--mud-palette-text-primary);
}

.fallback-textarea:focus[b-w0jweevoiz] {
    outline: none;
    border-color: var(--mud-palette-primary);
    border-width: 2px;
    padding: 11px;
}
/* /Pages/Subscription/SubscriptionTenantEdit/ScheduledItems.razor.rz.scp.css */
.TopHeaderRow th[b-6sz66cnk2s] {
    border-bottom: 0 !important;
    font-weight: bold;
}
/* /Pages/Subscription/SubscriptionTenantEdit/SubscriptionTenantEdit.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/SupportUser/BulkSupportUserCreate.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/TaskType/TaskTypeList.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/Templates/TemplateComponentBlank.razor.rz.scp.css */
/* CSS Isolation */
/* 
    DEV note: MudBlazor does NOT play well with css-isolation 
    Use div or span wrappers
*/
/* /Pages/Templates/TemplatePageBlank.razor.rz.scp.css */
 /* CSS Isolation */
/* 
    DEV note: MudBlazor does NOT play well with css-isolation 
    Use div or span wrappers
*/
/* /Pages/Tenant/Add/CustomerAcknowledgementDialog.razor.rz.scp.css */
.MarkDownContainer[b-375h3s3ghh] {
    border: grey solid 2px;
    border-radius: 15px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.HtmlContainer[b-375h3s3ghh] {
    border: grey solid 2px;
    border-radius: 15px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.HR[b-375h3s3ghh] {
    min-width: 90vw;
}
/* /Pages/Tenant/Bulk/BulkUnmanagedTenantOnboard.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/Tenant/Components/OnboardingDiagnosticsDialog.razor.rz.scp.css */
.onboarding-diagnostics-detail[b-iw6lyllwei] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.75rem;
    background: var(--mud-palette-background-grey);
    padding: 6px 8px;
    border-radius: 4px;
    margin: 4px 0 0 0;
}
/* /Pages/Tenant/NamedLocations/NamedLocations.razor.rz.scp.css */
:host[b-y67hqg9uzw] {
  /* CSS Isolation: placeholder to satisfy linter; styles TBD */
}
/* /Pages/Tenant/NamedLocations/NamedLocationsEditDialog.razor.rz.scp.css */
.MarkDownContainer[b-b1wptj3zu7] {
    border: grey solid 2px;
    border-radius: 15px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.HtmlContainer[b-b1wptj3zu7] {
    border: grey solid 2px;
    border-radius: 15px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.HR[b-b1wptj3zu7] {
    min-width: 90vw;
}

.Progress[b-b1wptj3zu7] {
    display: flex;
    align-items: center; 
    justify-content: center;
    height: 70vh;
}
/* /Pages/Tenant/TenantSubscribeBillingOnlyV2.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/TestHarness/AdaptiveCards/AdaptiveCardsTestHarness.razor.rz.scp.css */
/* Adaptive Cards Test Harness Styles */

.preview-container[b-e8qm1g1l75] {
    min-height: 200px;
    padding: 16px;
    border-radius: 8px;
    background-color: #f8f9fa;
    position: relative;
}

.preview-teams[b-e8qm1g1l75] {
    background-color: #f3f2f1;
    border: 1px solid #e1dfdd;
}

.preview-outlook[b-e8qm1g1l75] {
    background-color: #faf9f8;
    border: 1px solid #edebe9;
}

.preview-copilot[b-e8qm1g1l75] {
    background-color: #f5f4f7;
    border: 1px solid #e5e3e8;
}

.preview-default[b-e8qm1g1l75] {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.card-preview-content[b-e8qm1g1l75] {
    min-height: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.editor-container[b-e8qm1g1l75] {
    width: 100%;
    height: 100%;
}

/* Custom scrollbar for code editors */
.editor-container [b-e8qm1g1l75]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.editor-container [b-e8qm1g1l75]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.editor-container [b-e8qm1g1l75]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.editor-container [b-e8qm1g1l75]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Adaptive Card Preview Styling */
#adaptive-card-preview .ac-container[b-e8qm1g1l75] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

/* Teams-specific styling */
.preview-teams #adaptive-card-preview[b-e8qm1g1l75] {
    color: #252423;
}

.preview-teams #adaptive-card-preview .ac-container[b-e8qm1g1l75] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 16px;
}

/* Outlook-specific styling */
.preview-outlook #adaptive-card-preview[b-e8qm1g1l75] {
    color: #323130;
}

.preview-outlook #adaptive-card-preview .ac-container[b-e8qm1g1l75] {
    background: white;
    border: 1px solid #edebe9;
    border-radius: 4px;
    padding: 16px;
}

/* CoPilot-specific styling */
.preview-copilot #adaptive-card-preview[b-e8qm1g1l75] {
    color: #201f1e;
}

.preview-copilot #adaptive-card-preview .ac-container[b-e8qm1g1l75] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 6px;
    padding: 12px;
}

/* Error state styling */
.card-preview-error[b-e8qm1g1l75] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
}

/* Loading state */
.card-preview-loading[b-e8qm1g1l75] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

/* Header row alignment */
.header-actions[b-e8qm1g1l75] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .preview-container[b-e8qm1g1l75] {
        margin-top: 16px;
    }
}

@media (max-width: 768px) {
    .editor-container[b-e8qm1g1l75] {
        height: 300px;
    }
    
    .preview-container[b-e8qm1g1l75] {
        margin-top: 16px;
        padding: 12px;
    }
}

/* Code block styling for JSON display */
.mud-code[b-e8qm1g1l75] {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 12px;
    line-height: 1.4;
}

/* Expansion panel customization */
.mud-expand-panel .mud-expand-panel-header[b-e8qm1g1l75] {
    padding: 12px 16px;
}

.mud-expand-panel .mud-expand-panel-content[b-e8qm1g1l75] {
    padding: 0 16px 16px 16px;
}
/* /Pages/TestHarness/ContactSync/ContactSyncTestHarness.razor.rz.scp.css */
body[b-qd9i1aobw2] {
}
/* /Pages/TestHarness/EcpPickerTests/EcpPickerTests.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/User/Security/UserIdentityVerification.razor.rz.scp.css */

.Verify button[b-ot2m3fcx11] {
    min-width: 240px;
}
/* /Pages/User/Security/UserSecurityDialog.razor.rz.scp.css */
@keyframes fadeOut-b-6d7cfrz0sv {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

[b-6d7cfrz0sv] .fade-alert {
    animation: fadeOut-b-6d7cfrz0sv 0.5s ease-in-out 2.5s forwards;
}

[b-6d7cfrz0sv] .user-security-dialog-content {
    height: 600px;
}
/* /Pages/User/UserLicenseAssignedList.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/User/UserVerificationDetailsDialog.razor.rz.scp.css */
/* CSS Isolation */

/* Component-specific styles here */
/* /Pages/UserActionItem/ActionItemEventConfiguration.razor.rz.scp.css */
/* CSS Isolation */
/* /Pages/UserCalendarPermissions/UserCalendarPermissionsEdit.razor.rz.scp.css */
.strikethrough[b-c3lhe3olg2] {
    text-decoration-line: line-through;
    text-decoration-color: #ff0258cc;
}
/* /Pages/UserMail/Edit/ExchangeSettings.razor.rz.scp.css */
 /* CSS Isolation */
/* /Pages/UserMail/Edit/SearchForwardingAddressDialog.razor.rz.scp.css */
.EmailList[b-cvbmrzh56w] {
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: solid lightgrey 1px;
    margin-bottom: 4px;
    height: 75vh;
}

.EmailItem[b-cvbmrzh56w] {
    border: solid lightgrey 1px;
    cursor: pointer;
    margin: 4px;
    padding: 8px;
    -moz-box-shadow: 1px 2px 1px lightgrey;
    -webkit-box-shadow: 1px 2px 1px lightgrey;
    box-shadow: 1px 2px 1px lightgrey;
}
.EmailItem:hover[b-cvbmrzh56w] {
    background: rgb(235, 231, 231)!important;
}

.Selected[b-cvbmrzh56w] {
    background: rgb(199, 244, 199) !important;
}
/* /Pages/UserMail/UserMailTrust.razor.rz.scp.css */
.GridWidthMax[b-zocj0gxs12] {
    width: 1200px;
    max-width: 1200px;
}
/* /Pages/Version/VersionList.razor.rz.scp.css */
.access-chip[b-o6dnt4x07k] {
    min-width: 80px;
}

[b-o6dnt4x07k] .delete-menu-item {
    color: var(--mud-palette-error);
}
/* /Pages/Workflow/OffBoard.razor.rz.scp.css */
 /* CSS Isolation */

.CheckCol[b-9vsz8mjiwh] {
    padding: 5px;
}
/*.mud-input-control-input-container p {
    width: 150px;
}*/

.CheckCol2  .mud-input-control-boolean-input  label > p[b-9vsz8mjiwh] {
    width: 176px !important;
}
/* /Shared/AdHocFrameworkMedallions.razor.rz.scp.css */
.adhoc-framework-medallion[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(241, 245, 249, 0.98) 100%);
    --medallion-border: rgba(71, 85, 105, 0.28);
    --medallion-text: #1e293b;
    --medallion-seal-background: #334155;
    --medallion-seal-text: #ffffff;
    align-items: center;
    background: var(--medallion-background);
    border: 1px solid var(--medallion-border);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 1px 2px rgba(15, 23, 42, 0.1);
    color: var(--medallion-text);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.4rem;
    letter-spacing: 0.01em;
    line-height: 1;
    max-width: 100%;
    min-height: 1.9rem;
    padding: 0.18rem 0.65rem 0.18rem 0.22rem;
}

.adhoc-framework-medallion__seal[b-09sm5056rp] {
    align-items: center;
    background: var(--medallion-seal-background);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    color: var(--medallion-seal-text);
    display: inline-flex;
    font-size: 0.63rem;
    font-weight: 800;
    height: 1.35rem;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0 0.2rem;
    text-transform: uppercase;
}

.adhoc-framework-medallion__label[b-09sm5056rp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adhoc-framework-medallion--cis[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #eef5ff 0%, #dcecff 100%);
    --medallion-border: rgba(18, 82, 163, 0.35);
    --medallion-text: #0f3f7f;
    --medallion-seal-background: #1252a3;
}

.adhoc-framework-medallion--cisa[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #eff7ff 0%, #dbeafe 100%);
    --medallion-border: rgba(0, 94, 162, 0.35);
    --medallion-text: #0b4f86;
    --medallion-seal-background: #005ea2;
}

.adhoc-framework-medallion--essential-eight[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f7fbef 0%, #e7f4d7 100%);
    --medallion-border: rgba(74, 124, 24, 0.32);
    --medallion-text: #35591a;
    --medallion-seal-background: #6a8b1f;
}

.adhoc-framework-medallion--lighthouse[b-09sm5056rp],
.adhoc-framework-medallion--ms-baseline[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #eef6ff 0%, #dcecff 100%);
    --medallion-border: rgba(0, 120, 212, 0.32);
    --medallion-text: #005ea6;
    --medallion-seal-background: #0078d4;
}

.adhoc-framework-medallion--nist[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f4f4fb 0%, #e5e7f5 100%);
    --medallion-border: rgba(67, 56, 202, 0.28);
    --medallion-text: #3730a3;
    --medallion-seal-background: #4f46e5;
}

.adhoc-framework-medallion--iso27001[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #eef5ff 0%, #dbeafe 100%);
    --medallion-border: rgba(37, 99, 235, 0.3);
    --medallion-text: #1d4ed8;
    --medallion-seal-background: #2563eb;
}

.adhoc-framework-medallion--soc2[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    --medallion-border: rgba(51, 65, 85, 0.32);
    --medallion-text: #1f2937;
    --medallion-seal-background: #334155;
}

.adhoc-framework-medallion--best-practice[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f4fbf2 0%, #dcfce7 100%);
    --medallion-border: rgba(22, 101, 52, 0.25);
    --medallion-text: #166534;
    --medallion-seal-background: #15803d;
}

.adhoc-framework-medallion--smb-bronze[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f9efe9 0%, #edd4c5 100%);
    --medallion-border: rgba(146, 64, 14, 0.26);
    --medallion-text: #9a3412;
    --medallion-seal-background: #b45309;
}

.adhoc-framework-medallion--smb-silver[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f8fafc 0%, #e5e7eb 100%);
    --medallion-border: rgba(100, 116, 139, 0.28);
    --medallion-text: #475569;
    --medallion-seal-background: #64748b;
}

.adhoc-framework-medallion--smb-gold[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #fff8db 0%, #fde68a 100%);
    --medallion-border: rgba(180, 83, 9, 0.28);
    --medallion-text: #92400e;
    --medallion-seal-background: #ca8a04;
}

.adhoc-framework-medallion--smb-diamond[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #eef8ff 0%, #dbeafe 100%);
    --medallion-border: rgba(14, 116, 144, 0.28);
    --medallion-text: #155e75;
    --medallion-seal-background: #0891b2;
}

.adhoc-framework-medallion--default[b-09sm5056rp] {
    --medallion-background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
    --medallion-border: rgba(71, 85, 105, 0.25);
    --medallion-text: #334155;
    --medallion-seal-background: #475569;
}
/* /Shared/Azure/AzurePermissionsUrlGenerator.razor.rz.scp.css */
fieldset.UrlContainer[b-fawsqc0myc] {
    border: 1px solid lightgrey !important;
    margin: 4px !important;
    padding: 16px !important;
    border-radius: 5px;
}

.UrlContainer legend[b-fawsqc0myc] {
    padding-left: 4px;
    padding-right: 4px;
}
/* /Shared/DeveloperTools/DevLoadTimes.razor.rz.scp.css */
.DevLoadTimes[b-kpnfdv67e7] {
    position: fixed !important;
    bottom: 0;
    right: 0;
    background: whitesmoke;
    color: black;
}
/* /Shared/DialogIconPicker.razor.rz.scp.css */
/* Icon Picker Dialog - CSS Isolation */

/* Tile wrapper for click handling */
[b-2h2z3w14fd] .icon-tile-wrapper {
    cursor: pointer;
}

[b-2h2z3w14fd] .icon-tile-wrapper:hover .mud-paper {
    background-color: var(--mud-palette-action-default-hover);
}

/* Selected tile styling */
[b-2h2z3w14fd] .icon-item.selected {
    background-color: var(--mud-palette-primary-lighten);
    border: 2px solid var(--mud-palette-primary);
}

/* Scrollable panel content */
[b-2h2z3w14fd] .icon-panel-content {
    max-height: calc(80vh - 250px);
    overflow-y: auto;
    padding: 8px;
}

/* Icon item base styling */
[b-2h2z3w14fd] .icon-item {
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-2h2z3w14fd] .icon-item:hover {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Shared/Dialogs/UpdateTenantPermissionsDialog.razor.rz.scp.css */
fieldset.UrlContainer[b-qqixijigcf] {
    border: 1px solid lightgrey !important;
    margin: 4px !important;
    padding: 16px !important;
    border-radius: 5px;
}

.UrlContainer legend[b-qqixijigcf] {
    padding-left: 4px;
    padding-right: 4px;
}
/* /Shared/EcpCatalogue/EcpCatalogueListingPicker.razor.rz.scp.css */
.SplitPanels[b-4lpytb45h5] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.LeftPanel[b-4lpytb45h5] {
    flex: 0 0 420px;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    border-right: 1px solid var(--mud-palette-table-lines);
    padding-right: 8px;
}

.RightPanel[b-4lpytb45h5] {
    flex: 1 1 auto;
    min-width: 0;
}

.ProductList[b-4lpytb45h5] {
    display: flex;
    flex-direction: column;
}

.ProductRow[b-4lpytb45h5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ProductRow:hover[b-4lpytb45h5] {
    background-color: var(--mud-palette-action-default-hover);
}

.ProductRowActive[b-4lpytb45h5] {
    background-color: var(--mud-palette-primary-hover);
}

.ProductRowTitle[b-4lpytb45h5] {
    flex: 1 1 auto;
    font-size: 0.9rem;
    line-height: 1.3;
    word-break: break-word;
}

.SearchBar[b-4lpytb45h5] {
    gap: 4px;
}

.SearchField[b-4lpytb45h5] {
    flex: 1 1 auto;
}

[b-4lpytb45h5] .AddAllButton {
    flex: 0 0 auto;
}

[b-4lpytb45h5] .AddAllTooltip {
    max-width: 280px;
    padding: 4px 2px;
    text-align: left;
}

[b-4lpytb45h5] .AddAllTooltipHeader {
    display: flex;
    align-items: center;
}

[b-4lpytb45h5] .AddAllTooltipFooter {
    color: var(--mud-palette-text-secondary);
}
/* /Shared/EcpCatalogue/EcpDistributorChip.razor.rz.scp.css */
.DistributorChip[b-uewkhyqfs9] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    border: 1.5px solid transparent;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    user-select: none;
}
/* /Shared/EcpCatalogue/EcpListingGrid.razor.rz.scp.css */
.EcpListingGrid[b-zttr75h65i] {
    width: 100%;
}

.ListingGridImageCell[b-zttr75h65i] {
    width: 56px;
}

.ListingGridImage[b-zttr75h65i] {
    width: 40px;
    height: 40px;
}

.ListingGridImage[b-zttr75h65i]  img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.ListingGridTitle[b-zttr75h65i] {
    font-weight: 600;
    line-height: 1.15rem;
}

.ListingGridSub[b-zttr75h65i] {
    font-size: 0.75rem;
    line-height: 1rem;
}

.ListingGridSub-Muted[b-zttr75h65i] {
    opacity: 0.7;
}

.ListingGridPrice[b-zttr75h65i] {
    font-weight: 600;
    white-space: nowrap;
}

.ListingGridRrpSaving[b-zttr75h65i] {
    text-decoration: line-through;
    opacity: 0.7;
}

.ListingGridActionCell[b-zttr75h65i] {
    width: 1%;
    white-space: nowrap;
}

.ListingGridActions[b-zttr75h65i] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Action buttons in the grid are natural-width — the host fragment uses
   FullWidth for the tile footer, which would otherwise blow the cell out. */
.ListingGridActions[b-zttr75h65i]  .mud-button-root {
    width: auto;
    min-width: 0;
}

.ListingGridRow-Selected[b-zttr75h65i] {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Shared/EcpCatalogue/EcpListingGroupCard.razor.rz.scp.css */
.ProductGroup[b-9f4tlsal9o] {
    background: rgba(128, 128, 128, 0.06);
    border-radius: 4px;
    transition: background-color 120ms ease;
}

.ProductGroup:hover[b-9f4tlsal9o] {
    background: rgba(128, 128, 128, 0.12);
}

.ProductGroupTitle[b-9f4tlsal9o] {
    font-weight: 500;
}

.TileGrid[b-9f4tlsal9o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 320px);
    gap: 17px;
    align-items: stretch;
}
/* /Shared/EcpCatalogue/EcpListingTile.razor.rz.scp.css */
/* Tile — V11 layout. Header banner (image + title), body (categories,
   depends-on, spacer pushing foot down), foot row (segment chips left,
   price right), action panel at the bottom. Tile width fixed at 320px;
   height stretches to its grid cell so all tiles in a row match the
   tallest. Consumers (CatalogueBuyPage, EcpCatalogueListingPicker) wrap
   tiles in a CSS-grid container with `align-items: stretch`. */

.Tile[b-972i47sz1h] {
    position: relative;
    width: 320px;
    height: 100%;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 2px 6px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition:
        box-shadow 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
}

.Tile:hover[b-972i47sz1h] {
    border-color: var(--mud-palette-primary);
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.Tile.Tile-Selected[b-972i47sz1h] {
    border-color: var(--mud-palette-success);
}

.Tile.Tile-Selected:hover[b-972i47sz1h] {
    border-color: var(--mud-palette-success);
}

/* ─── Hero layout (Test mode) ─────────────────────────────────────────── */
/* Title bar keeps the dark banner (inherited from .TileHeader) and shows just
   the title. The central body becomes a row: image left, details right. */
.Tile-Hero .TileBody[b-972i47sz1h] {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
}

.TileHeroImageInline[b-972i47sz1h] {
    flex: 0 0 auto;
}

/* Wraps the body content (chips, depends-on, price) so it stacks as a column
   and, in hero mode, occupies the space to the right of the inline image. */
.TileBodyMain[b-972i47sz1h] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    gap: 8px;
}

/* ─── Header banner ───────────────────────────────────────────────── */
.TileHeader[b-972i47sz1h] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02));
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex: 0 0 auto;
}

.TileImageCol[b-972i47sz1h] {
    flex: 0 0 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.TileImage[b-972i47sz1h] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TileImageIcons[b-972i47sz1h] {
    display: flex;
    gap: 4px;
    justify-content: center;
    min-height: 1.4rem;
}

.TileHeaderText[b-972i47sz1h] {
    flex: 1 1 auto;
    min-width: 0;
}

.TileTitle[b-972i47sz1h] {
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.05rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    cursor: default;
}

.TileVariant[b-972i47sz1h] {
    margin-top: 3px;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TilePublisher[b-972i47sz1h] {
    margin-top: 2px;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ─── Body ────────────────────────────────────────────────────────── */
.TileBody[b-972i47sz1h] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.TileCats[b-972i47sz1h] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.TileCat[b-972i47sz1h] {
    font-size: 0.6rem;
    padding: 1px 6px;
    border-radius: 8px;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.TileDependsOn[b-972i47sz1h] {
    padding: 6px 8px;
    background: var(--mud-palette-action-default-hover);
    border-left: 2px solid var(--mud-palette-info-darken);
    border-radius: 4px;
    font-size: 0.7rem;
    line-height: 1.05rem;
    color: var(--mud-palette-text-secondary);
}

.TileDependsOn-Blocked[b-972i47sz1h] {
    background: var(--mud-palette-error-hover);
    border-left-color: var(--mud-palette-error-darken);
    color: var(--mud-palette-error-darken);
}

.TileDependsOnLabel[b-972i47sz1h] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.6rem;
    margin-bottom: 4px;
}

.TileDependsOnList[b-972i47sz1h] {
    margin: 0;
    padding-left: 16px;
    list-style-type: disc;
}

.TileDependsOnList li[b-972i47sz1h] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.TileDependsOnMore[b-972i47sz1h] {
    list-style: none;
    margin-left: -12px;
    font-style: italic;
    opacity: 0.85;
}

.TileSpacer[b-972i47sz1h] {
    flex: 1 1 auto;
    min-height: 4px;
}

.TileFoot[b-972i47sz1h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
}

.TileFootChips[b-972i47sz1h] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-content: flex-end;
}

.TilePrice[b-972i47sz1h] {
    flex: 0 0 auto;
    text-align: right;
    line-height: 1;
}

.TilePriceLabel[b-972i47sz1h] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 0.15rem;
}

.TilePriceMain[b-972i47sz1h] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.25rem;
    font-variant-numeric: tabular-nums;
}

/* Small "ex GST" qualifier sitting beside the headline price. */
.TilePriceGst[b-972i47sz1h] {
    font-size: 0.58rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* Secondary "inc GST" amount under the headline. */
.TilePriceInc[b-972i47sz1h] {
    margin-top: 0.05rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 0.95rem;
    font-variant-numeric: tabular-nums;
}

.TilePriceUnit[b-972i47sz1h] {
    margin-top: 0.15rem;
    font-size: 0.58rem;
    line-height: 0.72rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0.01em;
}

.TilePriceRrp[b-972i47sz1h] {
    margin-top: 0.1rem;
    font-size: 0.68rem;
    line-height: 0.85rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* Strike-through only when RRP is shown as a saving (tenant price < RRP). The
   admin RRP reference is shown plain — it's informational, not a "was" price. */
.TilePriceRrp-Saving[b-972i47sz1h] {
    text-decoration: line-through;
}

.TilePriceMarkup[b-972i47sz1h] {
    margin-top: 0.1rem;
    font-size: 0.66rem;
    line-height: 0.82rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
    font-variant-numeric: tabular-nums;
}

/* ─── Action panel ────────────────────────────────────────────────── */
.TileActionRow[b-972i47sz1h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(0, 0, 0, 0.05);
    border-top: 1px solid var(--mud-palette-lines-default);
}

/* ─── Image-column icons (pencil sits under the image) ─────────────── */
.TilePencil[b-972i47sz1h] {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-surface);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.92;
    transition: opacity 120ms ease, background 120ms ease;
}

.TilePencil:hover[b-972i47sz1h] {
    opacity: 1;
    background: var(--mud-palette-action-default-hover);
}

[b-972i47sz1h] .TileOwned {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[b-972i47sz1h] .TileChipIcon {
    width: 0.78rem !important;
    height: 0.78rem !important;
    font-size: 0.78rem !important;
}
/* /Shared/EcpChip.razor.rz.scp.css */
/* EcpChip — filled pill matching MudChip Variant="Filled" Size="Size.Small".
   Backgrounds use the MudBlazor palette per Color; text uses each palette's
   pre-computed contrast text variable so the chip stays legible across light
   and dark themes. TextColour* classes are optional overrides applied last. */

.EcpChip[b-fkw8x6ge6o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    height: 24px;
    border-radius: 16px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
    white-space: nowrap;
    user-select: none;
}

.EcpChip.Dense[b-fkw8x6ge6o] {
    height: auto;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.62rem;
    font-weight: 600;
    gap: 3px;
}

.CanClick[b-fkw8x6ge6o] {
    cursor: pointer;
}

/* Leading-icon sizing — icon proportional to chip font so it scales with Dense. */
[b-fkw8x6ge6o] .EcpChipIcon {
    width: 0.85rem !important;
    height: 0.85rem !important;
    font-size: 0.85rem !important;
}

.Dense[b-fkw8x6ge6o]  .EcpChipIcon {
    width: 0.78rem !important;
    height: 0.78rem !important;
    font-size: 0.78rem !important;
}

/* --- Subtle variant: lighter tint + darker text. Pairs with ColourXxx ---- */

.Subtle.ColourPrimary[b-fkw8x6ge6o]   { background: var(--mud-palette-primary-hover);   color: var(--mud-palette-primary-darken); }
.Subtle.ColourSecondary[b-fkw8x6ge6o] { background: var(--mud-palette-secondary-hover); color: var(--mud-palette-secondary-darken); }
.Subtle.ColourInfo[b-fkw8x6ge6o]      { background: var(--mud-palette-info-hover);      color: var(--mud-palette-info-darken); }
.Subtle.ColourSuccess[b-fkw8x6ge6o]   { background: var(--mud-palette-success-hover);   color: var(--mud-palette-success-darken); }
.Subtle.ColourWarning[b-fkw8x6ge6o]   { background: var(--mud-palette-warning-hover);   color: var(--mud-palette-warning-darken); }
.Subtle.ColourError[b-fkw8x6ge6o]     { background: var(--mud-palette-error-hover);     color: var(--mud-palette-error-darken); }
.Subtle.ColourDark[b-fkw8x6ge6o]      { background: var(--mud-palette-dark-hover);      color: var(--mud-palette-dark); }
.Subtle.ColourDefault[b-fkw8x6ge6o]   { background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-primary); }

/* --- Outlined variant: transparent fill, coloured border + matching text - */

.Outlined[b-fkw8x6ge6o] {
    background: transparent !important;
    border: 1px solid;
    box-sizing: border-box;
}

.Outlined.ColourPrimary[b-fkw8x6ge6o]   { border-color: var(--mud-palette-primary);   color: var(--mud-palette-primary); }
.Outlined.ColourSecondary[b-fkw8x6ge6o] { border-color: var(--mud-palette-secondary); color: var(--mud-palette-secondary); }
.Outlined.ColourInfo[b-fkw8x6ge6o]      { border-color: var(--mud-palette-info);      color: var(--mud-palette-info); }
.Outlined.ColourSuccess[b-fkw8x6ge6o]   { border-color: var(--mud-palette-success);   color: var(--mud-palette-success); }
.Outlined.ColourWarning[b-fkw8x6ge6o]   { border-color: var(--mud-palette-warning);   color: var(--mud-palette-warning); }
.Outlined.ColourError[b-fkw8x6ge6o]     { border-color: var(--mud-palette-error);     color: var(--mud-palette-error); }
.Outlined.ColourDark[b-fkw8x6ge6o]      { border-color: var(--mud-palette-dark);      color: var(--mud-palette-dark); }
.Outlined.ColourDefault[b-fkw8x6ge6o]   { border-color: var(--mud-palette-lines-default); color: var(--mud-palette-text-primary); }

.TextAlignLeft[b-fkw8x6ge6o]   { text-align: left; }
.TextAlignRight[b-fkw8x6ge6o]  { text-align: right; }
.TextAlignCentre[b-fkw8x6ge6o] { text-align: center; }

/* --- Backgrounds (paired with palette contrast text) -------------------- */

.ColourPrimary[b-fkw8x6ge6o] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.ColourSecondary[b-fkw8x6ge6o] {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
}

.ColourInfo[b-fkw8x6ge6o] {
    background: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
}

.ColourSuccess[b-fkw8x6ge6o] {
    background: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.ColourWarning[b-fkw8x6ge6o] {
    background: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
}

.ColourError[b-fkw8x6ge6o] {
    background: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
}

.ColourDark[b-fkw8x6ge6o] {
    background: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text);
}

.ColourDefault[b-fkw8x6ge6o] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
}

.ColourTransparent[b-fkw8x6ge6o] {
    background: transparent;
    color: var(--mud-palette-text-primary);
}

/* --- Optional text-colour overrides (win over .Colour* paired text) ----- */

.TextColourPrimary[b-fkw8x6ge6o]   { color: var(--mud-palette-primary)   !important; }
.TextColourSecondary[b-fkw8x6ge6o] { color: var(--mud-palette-secondary) !important; }
.TextColourInfo[b-fkw8x6ge6o]      { color: var(--mud-palette-info)      !important; }
.TextColourSuccess[b-fkw8x6ge6o]   { color: var(--mud-palette-success)   !important; }
.TextColourWarning[b-fkw8x6ge6o]   { color: var(--mud-palette-warning)   !important; }
.TextColourError[b-fkw8x6ge6o]     { color: var(--mud-palette-error)     !important; }
.TextColourDark[b-fkw8x6ge6o]      { color: var(--mud-palette-dark)      !important; }
.TextColourTransparent[b-fkw8x6ge6o] { color: transparent !important; }
/* /Shared/EcpSwitch.razor.rz.scp.css */
.container-lr[b-y03dezjpf6] {
    display: flex;
}

.box-lr[b-y03dezjpf6] {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1rem !important;
    align-items: center;
    line-height: 1;
}

.mud-grid-item[b-y03dezjpf6] {
    padding-top: 0 !important;
}

.primary-text[b-y03dezjpf6] {
    color: var(--mud-palette-text-primary) !important;
}

.description-text[b-y03dezjpf6] {
    color: var(--mud-palette-text-secondary) !important;
}

.impact-text[b-y03dezjpf6] {
    color: var(--mud-palette-text-disabled) !important;
}

.switch-inline-label-row[b-y03dezjpf6] {
    gap: 0.75rem;
}

.switch-inline-label[b-y03dezjpf6] {
    min-width: 5.5rem;
}

.switch-inline-label-active[b-y03dezjpf6] {
    font-weight: 600;
}

.title-above[b-y03dezjpf6] {
    margin-bottom: -8px;
}

.title-above-row[b-y03dezjpf6] {
    gap: 0.5rem;
}

.title-above-label[b-y03dezjpf6] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.15rem;
    padding-left: 12px;
}
/* /Shared/Layout/EcpBotDrawer.razor.rz.scp.css */
/* EcpBot drawer — right-anchored panel surfaced from the top-bar button.
   Layout matches the EcpDocumentsDrawer pattern (header + scrollable body +
   fixed footer-style input). */

.ecpbot-drawer[b-olercbom8w] {
    background-color: var(--mud-palette-surface);
}

.ecpbot-drawer-body[b-olercbom8w] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    height: 100%;
}

.ecpbot-drawer-transcript[b-olercbom8w] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ecpbot-drawer-input[b-olercbom8w] {
    flex-shrink: 0;
    padding: 8px 12px 12px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: var(--mud-palette-background);
}

.ecpbot-drawer-empty[b-olercbom8w] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    padding: 16px;
    text-align: center;
}

.ecpbot-drawer-bubble-user[b-olercbom8w] {
    align-self: flex-end;
    background: var(--mud-palette-primary);
    color: white;
    padding: 8px 12px;
    border-radius: 12px 12px 2px 12px;
    max-width: 90%;
}

.ecpbot-drawer-bubble-user .mud-typography[b-olercbom8w] {
    color: white;
}

.ecpbot-drawer-bubble-assistant[b-olercbom8w] {
    align-self: flex-start;
    background: rgba(0, 0, 0, 0.04);
    padding: 8px 12px;
    border-radius: 12px 12px 12px 2px;
    max-width: 95%;
}

.ecpbot-drawer-thinking[b-olercbom8w] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: var(--mud-palette-text-secondary);
}

/* Header logo + title block */
.ecpbot-drawer-logo-wrap[b-olercbom8w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.ecpbot-drawer-logo[b-olercbom8w] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
}

.ecpbot-drawer-logo-fallback[b-olercbom8w] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: var(--mud-palette-primary);
    color: white;
    font-weight: 700;
    font-size: 14px;
}

.ecpbot-drawer-title[b-olercbom8w] {
    line-height: 1.1;
}

.ecpbot-drawer-subtitle[b-olercbom8w] {
    color: var(--mud-palette-text-secondary);
    line-height: 1.1;
}

/* Context-aware "Currently viewing" hint above the input */
.ecpbot-drawer-context[b-olercbom8w] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: rgba(33, 150, 243, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/Notifications/EcpDrawerNotifications.razor.rz.scp.css */
.Row[b-vdcdxhroqn] {
}

.Header[b-vdcdxhroqn] {
    width: 100%;
    display: table;
    padding: 8px;
}

.Header-Row[b-vdcdxhroqn] {
    display: table-row;
}

.Header-Left[b-vdcdxhroqn] {
    display: table-cell;
    width: 25px;
}

.Header-Left > div[b-vdcdxhroqn] {
    margin-left: 8px;
    margin-right: 20px;
}

.Header-Middle[b-vdcdxhroqn] {
    display: table-cell;
    margin-right: auto;
    text-align: left;
    vertical-align: top;
}

.Header-Right[b-vdcdxhroqn] {
    display: table-cell;
    width: 25px;
    height: 25px;
    margin-left: auto;
    vertical-align: top;
    padding-left: 2px;
}

.Content[b-vdcdxhroqn] {
    padding-left: 32px;
}

.Font[b-vdcdxhroqn] {
    font-size: 18px;
}
/* /Shared/Onboarding/OnboardingWizard.razor.rz.scp.css */
/* CSS Isolation */
/* /Shared/ServiceDesk/ServiceDeskReadOnlyBody.razor.rz.scp.css */
/* State strip — horizontal chips */
.sd-state-strip[b-43ytdqamlb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 14px;
}

.sd-state-chip[b-43ytdqamlb] {
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    padding: 6px 12px;
}

.sd-status-dot[b-43ytdqamlb] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

/* Two-column body — reuse panel grid */
.sd-body[b-43ytdqamlb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sd-col[b-43ytdqamlb] {
    padding: 14px 18px;
}

.sd-col-left[b-43ytdqamlb] {
    border-right: 1px solid var(--mud-palette-lines-default);
}

.sd-meta-label[b-43ytdqamlb] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 3px;
}

.sd-meta-value[b-43ytdqamlb] {
    font-size: 13.5px;
}

.sd-ro-group + .sd-ro-group[b-43ytdqamlb] {
    margin-top: 14px;
}

/* Configured note — structured key/value */
.sd-cnote[b-43ytdqamlb] {
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    padding: 10px 12px;
}

.sd-cnote-dl[b-43ytdqamlb] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3px 10px;
}

[b-43ytdqamlb] .sd-cnote-dl dt {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

[b-43ytdqamlb] .sd-cnote-dl dd {
    font-size: 12.5px;
    margin: 0;
}

/* Activity log */
.sd-activity-log[b-43ytdqamlb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 240px;
    overflow-y: auto;
}

.sd-log-item[b-43ytdqamlb] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.sd-log-icon[b-43ytdqamlb] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.sd-log-icon-ok[b-43ytdqamlb] {
    background: var(--mud-palette-success-lighten);
    color: var(--mud-palette-success);
}

.sd-log-icon-fail[b-43ytdqamlb] {
    background: var(--mud-palette-error-lighten);
    color: var(--mud-palette-error);
}

.sd-log-icon-pending[b-43ytdqamlb] {
    background: var(--mud-palette-warning-lighten);
    color: var(--mud-palette-warning);
}

.sd-log-main[b-43ytdqamlb] {
    flex: 1;
}

.sd-log-title[b-43ytdqamlb] {
    font-size: 12.5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sd-log-time[b-43ytdqamlb] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
    margin-left: auto;
    white-space: nowrap;
}

.sd-log-detail[b-43ytdqamlb] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

@media (max-width: 820px) {
    .sd-body[b-43ytdqamlb] {
        grid-template-columns: 1fr;
    }

    .sd-col-left[b-43ytdqamlb] {
        border-right: none;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }
}
/* /Shared/ServiceDesk/ServiceDeskTicketPanel.razor.rz.scp.css */
/* Panel styling: full accent border, tinted header, two-column read-only body */

.sd-panel[b-ov6plylrsd] {
    border: 1px solid var(--mud-palette-warning-lighten);
    border-radius: 8px;
    overflow: hidden;
    background: var(--mud-palette-surface);
}

.sd-header[b-ov6plylrsd] {
    background: color-mix(in srgb, var(--mud-palette-warning-lighten) 12%, var(--mud-palette-surface));
    min-height: 48px;
    padding: 8px 14px;
}

.sd-header-divider[b-ov6plylrsd] {
    border-top: 1px solid var(--mud-palette-lines-default);
}

.sd-body[b-ov6plylrsd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sd-col[b-ov6plylrsd] {
    padding: 14px 18px;
}

.sd-col-left[b-ov6plylrsd] {
    border-right: 1px solid var(--mud-palette-lines-default);
}

.sd-meta-grid[b-ov6plylrsd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
}

.sd-meta-full[b-ov6plylrsd] {
    grid-column: 1 / -1;
}

.sd-meta-label[b-ov6plylrsd] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 1px;
}

.sd-meta-value[b-ov6plylrsd] {
    font-size: 13.5px;
}

/* Unlinked state: left-only accent border */
.sd-panel-unlinked[b-ov6plylrsd] {
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 3px solid var(--mud-palette-warning-lighten);
    border-radius: 8px;
    overflow: hidden;
    background: var(--mud-palette-surface);
    min-height: 52px;
    padding: 8px 14px;
}

@media (max-width: 820px) {
    .sd-body[b-ov6plylrsd] {
        grid-template-columns: 1fr;
    }

    .sd-col-left[b-ov6plylrsd] {
        border-right: none;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }
}
/* /Shared/Tasks/MyTasksDashboard.razor.rz.scp.css */
[b-2w8zt7qgdq] .mud-expansion-panel-content {
    padding: 0;
}

[b-2w8zt7qgdq] .actions-header .column-header {
    justify-content: center;
    text-align: center;
}

[b-2w8zt7qgdq] .ActionsHeader .column-header {
    justify-content: center;
    text-align: center;
}
/* /Shared/Tasks/MyTasksTile.razor.rz.scp.css */
[b-4s5gc1m0gx] .mud-table-cell {
    padding: 4px 8px;
}
/* /Shared/TextInputDialog.razor.rz.scp.css */
/* CSS Isolation */