@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Containers/Administrator/BjerkeAdminPage/AdminWidgetsPage.razor.rz.scp.css */
/* ============================================================
   AdminWidgetsPage – Scoped Styles (Blazor CSS isolation)
   The widget grid container class is applied on a div directly
   in this page's template, so no ::deep is needed. The rule is
   duplicated in WidgetsComponent.razor.css (each page owns its
   own copy rather than sharing a wrapper component).
   ============================================================ */

.ps-dashboard-widget-grid-container[b-l2zl6boqh3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(469px, 469px));
    gap: 24px 24px;
}
/* /Containers/Bank/FinanceTeam.razor.rz.scp.css */
/* ============================================================
   FinanceTeam – Scoped Styles (Blazor CSS isolation)
   Targets Syncfusion SfCard descendants via ::deep, anchored
   to the .tile_layout.card-control-section host class.
   ============================================================ */

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-error {
    height: 100px;
    width: 100%;
}

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-error .e-error-content {
    color: var(--ps-color-data-red-600-primary);
    line-height: 100px;
    text-align: center;
}

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-card .e-card-image {
    margin: 20px;
    max-height: 180px;
    width: 80%;
}

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 20px;
    font-family: Helvetica, 'Segoe UI';
    font-weight: bold;
}

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 5px;
}

.tile_layout.card-control-section[b-3hdar3ae2w]  .e-card .e-card-content {
    padding-top: 0px;
    height: 110px;
}
/* /Containers/Bank/TeamSpecific/EfakturaSupport.razor.rz.scp.css */
/* ============================================================
   EfakturaSupport – Scoped Styles (Blazor CSS isolation)
   ============================================================ */

.row-gap-small[b-l7dufafbux] {
    row-gap: 2px;
}
/* /Containers/Client/EHF/EhfSearch.razor.rz.scp.css */
/* ============================================================
   EhfSearch – Scoped Styles (Blazor CSS isolation)
   The close button is a child component; pierce with ::deep
   anchored to the surrounding .ps-bg-secondary-color container.
   ============================================================ */

.ps-bg-secondary-color[b-zg00mmt8mi]  .ehf-clear-selected-client,
.ps-bg-secondary-color[b-zg00mmt8mi]  .ehf-clear-selected-client .line {
    stroke: var(--ps-default-close-button) !important;
}
/* /Containers/Common/WaitableContainer.razor.rz.scp.css */
/* ============================================================
   WaitableContainer – Scoped Styles (Blazor CSS isolation)
   Hosts the four SalesDashboard widget-size classes since this
   component's wrapper div is where the @ExpectedWidgetSizeClass
   parameter lands (see WaitableContainer.razor). The widget-base
   SCSS mixin is expanded inline.
   ============================================================ */

.ps-dashboard-widget-small[b-ap1ffq5jkz] {
    /* widget-base(360px, 469px) */
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    overflow: auto;
    width: 469px;
    min-width: 469px;
    max-width: 469px;
    border: 1px solid var(--ps-border-component);
    border-radius: var(--radius-medium);
    margin: 0 !important;
}

.ps-dashboard-widget-small-wide[b-ap1ffq5jkz] {
    /* widget-base(360px, 962px) */
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    overflow: auto;
    width: 962px;
    min-width: 962px;
    max-width: 962px;
    border: 1px solid var(--ps-border-component);
    border-radius: var(--radius-medium);
    margin: 0 !important;
    display: grid;
    grid-column: span 2;
}

.ps-dashboard-widget-small-extra-wide[b-ap1ffq5jkz] {
    /* widget-base(360px, 1455px) */
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    overflow: auto;
    width: 1455px;
    min-width: 1455px;
    max-width: 1455px;
    border: 1px solid var(--ps-border-component);
    border-radius: var(--radius-medium);
    margin: 0 !important;
    display: grid;
    grid-column: span 3;
}

.ps-dashboard-widget-big[b-ap1ffq5jkz] {
    /* widget-base(744px, 962px) */
    height: 744px;
    min-height: 744px;
    max-height: 744px;
    overflow: auto;
    width: 962px;
    min-width: 962px;
    max-width: 962px;
    border: 1px solid var(--ps-border-component);
    border-radius: var(--radius-medium);
    margin: 0 !important;
    display: grid;
    grid-column: span 2;
    grid-row: span 2;
}
/* /Containers/DevOps/AzureResources/AzureResourceViewer.razor.rz.scp.css */
/* ============================================================
   AzureResourceViewer – Scoped Styles (Blazor CSS isolation)
   ============================================================ */

.azure-resources-container[b-agoc4yf9zj] {
    padding: 20px;
}

.page-header[b-agoc4yf9zj] {
    margin-bottom: 30px;
}

.page-header h2[b-agoc4yf9zj] {
    margin-bottom: 10px;
}

.subscription-info[b-agoc4yf9zj] {
    display: flex;
    gap: 20px;
    padding: 10px;
    background-color: var(--color-neutral-50);
    border-radius: 4px;
    margin-top: 10px;
}

.portal-link[b-agoc4yf9zj] {
    color: var(--ps-color-data-blue-700);
    text-decoration: none;
    font-weight: 500;
}

.portal-link:hover[b-agoc4yf9zj] {
    text-decoration: underline;
}

.loading-container[b-agoc4yf9zj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
}

.spinner[b-agoc4yf9zj] {
    border: 4px solid var(--color-neutral-100);
    border-top: 4px solid var(--ps-color-data-blue-700);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-b-agoc4yf9zj 1s linear infinite;
}

@keyframes spin-b-agoc4yf9zj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.filters-section[b-agoc4yf9zj] {
    background-color: var(--color-neutral-50);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.filter-row[b-agoc4yf9zj] {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.filter-item[b-agoc4yf9zj] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
}

.filter-item label[b-agoc4yf9zj] {
    margin-bottom: 5px;
    font-weight: 500;
}

.filter-item.checkbox-item[b-agoc4yf9zj] {
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
}

.filter-item.checkbox-item label[b-agoc4yf9zj] {
    margin-bottom: 0;
    margin-left: 5px;
}

.summary[b-agoc4yf9zj] {
    margin-top: 15px;
    font-size: 14px;
    color: var(--text-secondary);
}

.delete-summary[b-agoc4yf9zj] {
    margin-top: 10px;
    font-size: 13px;
    color: var(--text-secondary);
}

.resource-groups[b-agoc4yf9zj] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resource-group[b-agoc4yf9zj] {
    border: 1px solid var(--border-read-only);
    border-radius: 8px;
    overflow: hidden;
}

.resource-group-header[b-agoc4yf9zj] {
    background-color: var(--color-neutral-200);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resource-group-header h3[b-agoc4yf9zj] {
    margin: 0;
    font-size: 18px;
}

.resource-count[b-agoc4yf9zj] {
    font-weight: normal;
    font-size: 14px;
    color: var(--text-secondary);
}

.resource-group-meta[b-agoc4yf9zj] {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 14px;
}

.location[b-agoc4yf9zj] {
    color: var(--text-secondary);
}

.state[b-agoc4yf9zj] {
    padding: 2px 8px;
    background-color: var(--ps-color-data-green-100);
    color: var(--ps-color-data-green-800);
    border-radius: 4px;
    font-size: 12px;
}

.resources-table[b-agoc4yf9zj] {
    width: 100%;
    border-collapse: collapse;
}

.resources-table thead[b-agoc4yf9zj] {
    background-color: var(--color-neutral-50);
}

.resources-table th[b-agoc4yf9zj] {
    padding: 12px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid var(--border-read-only);
}

.resources-table td[b-agoc4yf9zj] {
    padding: 12px;
    border-bottom: 1px solid var(--border-read-only);
}

.resources-table tbody tr:hover[b-agoc4yf9zj] {
    background-color: var(--color-neutral-50);
}

.resource-icon[b-agoc4yf9zj] {
    font-size: 18px;
    margin-right: 8px;
}

.resource-type[b-agoc4yf9zj] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
}

.resource-name[b-agoc4yf9zj] {
    font-weight: 500;
}

.empty-message[b-agoc4yf9zj] {
    padding: 20px;
    text-align: center;
    color: var(--text-secondary);
    font-style: italic;
}

.empty-state[b-agoc4yf9zj] {
    text-align: center;
    padding: 40px;
    color: var(--text-secondary);
}

.btn[b-agoc4yf9zj] {
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.btn-primary[b-agoc4yf9zj] {
    background-color: var(--ps-color-data-blue-700);
    color: var(--color-neutral-00);
}

.btn-primary:hover[b-agoc4yf9zj] {
    background-color: var(--ps-color-data-blue-800);
}

.btn-sm[b-agoc4yf9zj] {
    padding: 4px 12px;
    font-size: 12px;
}

.btn-outline-primary[b-agoc4yf9zj] {
    background-color: transparent;
    border: 1px solid var(--ps-color-data-blue-700);
    color: var(--ps-color-data-blue-700);
}

.btn-outline-primary:hover[b-agoc4yf9zj] {
    background-color: var(--ps-color-data-blue-700);
    color: var(--color-neutral-00);
}

.btn:disabled[b-agoc4yf9zj] {
    cursor: not-allowed;
    opacity: 0.65;
}

.form-control[b-agoc4yf9zj] {
    padding: 8px 12px;
    border: 1px solid var(--border-normal);
    border-radius: 4px;
    font-size: 14px;
}

.form-control:focus[b-agoc4yf9zj] {
    outline: none;
    border-color: var(--ps-color-data-blue-700);
    box-shadow: 0 0 0 0.2rem rgba(0, 120, 212, 0.25);
}

.alert[b-agoc4yf9zj] {
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.alert-danger[b-agoc4yf9zj] {
    background-color: var(--danger-background);
    border: 1px solid var(--ps-color-data-red-200);
    color: var(--ps-color-data-red-800);
}

.alert-success[b-agoc4yf9zj] {
    background-color: var(--success-background);
    border: 1px solid var(--success-border);
    color: var(--success-text);
}

.warning-text[b-agoc4yf9zj] {
    color: var(--danger-text);
    font-weight: 600;
}

.modal-actions[b-agoc4yf9zj] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}
/* /Containers/DevOps/SecureSettingsEditor/SecureSettingsEditor.razor.rz.scp.css */
/* ============================================================
   SecureSettingsEditor – Scoped Styles (Blazor CSS isolation)
   ============================================================ */

.ps-settings-table[b-1npzjrfa6n] {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid var(--border-read-only);
    border-radius: 4px;
}

.ps-modal-overlay[b-1npzjrfa6n] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.ps-modal-dialog[b-1npzjrfa6n] {
    background-color: var(--secondary-background);
    border-radius: 8px;
    padding: 24px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.ps-modal-large[b-1npzjrfa6n] {
    max-width: 900px;
}

.ps-modal-header[b-1npzjrfa6n] {
    margin-bottom: 16px;
    border-bottom: 1px solid var(--border-read-only);
    padding-bottom: 8px;
}

.ps-modal-header h3[b-1npzjrfa6n] {
    margin: 0;
    font-size: 1.25rem;
}

.ps-modal-body[b-1npzjrfa6n] {
    margin-bottom: 16px;
}

.ps-modal-footer[b-1npzjrfa6n] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    border-top: 1px solid var(--border-read-only);
    padding-top: 16px;
}

.ps-snapshot-preview[b-1npzjrfa6n] {
    max-height: 400px;
    overflow-y: auto;
}

.alert[b-1npzjrfa6n] {
    padding: 12px 20px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning[b-1npzjrfa6n] {
    color: var(--ps-color-data-orange-800);
    background-color: var(--ps-color-data-yellow-50);
    border-color: var(--ps-color-data-yellow-400-primary);
}

.ps-button-primary[b-1npzjrfa6n] {
    background-color: var(--ps-color-data-blue-600-primary);
    color: var(--color-neutral-00);
    border: 1px solid var(--ps-color-data-blue-600-primary);
}

.ps-button-primary:hover:not(:disabled)[b-1npzjrfa6n] {
    background-color: var(--ps-color-data-blue-700);
    border-color: var(--ps-color-data-blue-800);
}

.ps-button-primary:disabled[b-1npzjrfa6n] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Containers/DevOps/SecureSettingsFileManager/SecureSettingsFileManager.razor.rz.scp.css */
/* ============================================================
   SecureSettingsFileManager – Scoped Styles (Blazor CSS isolation)
   The InputFile element is rendered by a framework component;
   pierce with ::deep where needed.
   ============================================================ */

.ps-file-operation-card[b-esvgp17n5h] {
    flex: 1;
    min-width: 300px;
    padding: 24px;
    background-color: var(--secondary-background);
    border: 2px solid var(--border-read-only);
    border-radius: 8px;
    text-align: center;
    transition: border-color 0.2s;
}

.ps-file-operation-card:hover[b-esvgp17n5h] {
    border-color: var(--ps-color-data-blue-600-primary);
}

.ps-card-icon[b-esvgp17n5h] {
    font-size: 48px;
    margin-bottom: 16px;
}

.ps-file-operation-card h3[b-esvgp17n5h] {
    margin: 0 0 12px 0;
    font-size: 1.25rem;
    color: var(--title-or-label);
}

.ps-file-operation-card p[b-esvgp17n5h] {
    margin: 0 0 16px 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    min-height: 40px;
}

.ps-info-panel[b-esvgp17n5h] {
    padding: 16px;
}

.ps-button-accent[b-esvgp17n5h] {
    background-color: var(--ps-color-data-green-500);
    color: var(--color-neutral-00);
    border: 1px solid var(--ps-color-data-green-500);
}

.ps-button-accent:hover:not(:disabled)[b-esvgp17n5h] {
    background-color: var(--ps-color-data-green-700);
    border-color: var(--ps-color-data-green-800);
}

.ps-button-accent:disabled[b-esvgp17n5h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ps-width-full[b-esvgp17n5h] {
    width: 100%;
}

/* InputFile renders its own <input>; pierce to apply the class. */
.ps-width-full[b-esvgp17n5h]  .ps-file-input {
    display: none;
}

.ps-file-input-label[b-esvgp17n5h] {
    display: block;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.ps-file-input-label.disabled[b-esvgp17n5h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ps-upload-button[b-esvgp17n5h] {
    display: block;
    cursor: pointer;
}

.ps-button-primary[b-esvgp17n5h] {
    background-color: var(--ps-color-data-blue-600-primary);
    color: var(--color-neutral-00);
    border: 1px solid var(--ps-color-data-blue-600-primary);
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.ps-button-primary:hover:not(:disabled)[b-esvgp17n5h] {
    background-color: var(--ps-color-data-blue-700);
    border-color: var(--ps-color-data-blue-800);
}

.ps-button-primary:disabled[b-esvgp17n5h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ps-upload-button button[b-esvgp17n5h] {
    cursor: pointer;
}

.ps-upload-button input[type="file"]:disabled + button[b-esvgp17n5h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.alert[b-esvgp17n5h] {
    padding: 12px 20px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning[b-esvgp17n5h] {
    color: var(--ps-color-data-orange-800);
    background-color: var(--ps-color-data-yellow-50);
    border-color: var(--ps-color-data-yellow-400-primary);
}
/* /Containers/MainMenu/MainMenu.razor.rz.scp.css */
[b-31jzizwjbh] button.favorite-star {
    background: none;
    height: auto;
}

[b-31jzizwjbh] .favorite-star {
    font-size: 16px;
    line-height: 1;
    user-select: none;
    border-radius: 2px;
    padding: 0;
}

[b-31jzizwjbh] .favorite-star:active {
    outline: 2px solid var(--button-focus);
    outline-offset: 2px;
}

[b-31jzizwjbh] .favorite-star-active {
    color: var(--favorite-star-active);
}

[b-31jzizwjbh] .favorite-star-inactive {
    color: var(--favorite-star-inactive);
}

[b-31jzizwjbh] .favorite-star:focus-visible {
    outline: 2px solid var(--button-focus);
    outline-offset: 2px;
}
/* /Containers/Mobile/MobileUserFeedback/MobileUserFeedback.razor.rz.scp.css */
/* ============================================================
   MobileUserFeedback – Scoped Styles (Blazor CSS isolation)
   Rows in the SfGrid and ModalDialog's inner <dialog> are
   rendered outside this component's b- attribute scope, so
   ::deep is used with the nearest template anchor.
   ============================================================ */

/* Grid row highlight applied via RowDataBound (SfGrid renders the <tr>). */
.ps-grid-wrapper[b-mzzc0cwao7]  tr.old-feedback {
    background-color: var(--ps-color-data-red-50);
}

/* Tag chips and tag container live directly in this template. */
.productboard-tag-chip[b-mzzc0cwao7] {
    display: inline-flex;
    align-items: center;
    padding: 0.5em 1em;
    margin: 2px;
    background-color: var(--color-neutral-100);
    border-radius: 16px;
}

.productboard-tag-chip button[b-mzzc0cwao7] {
    margin-left: 0.5em;
    background: none;
    border: none;
    cursor: pointer;
}

.productboard-tag-chip[b-mzzc0cwao7]  .e-icons {
    margin-left: 0.5em;
    cursor: pointer;
}

.productboard-tag-input[b-mzzc0cwao7] {
    max-width: 200px;
}

.productboard-tag-container[b-mzzc0cwao7] {
    display: flex;
    flex-wrap: wrap;
}

.productboard-input-tag-container[b-mzzc0cwao7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1em 0;
    column-gap: 16px;
}

.productboard-modal-dialog-button-container[b-mzzc0cwao7] {
    margin-top: 1em;
}

/* DialogClass passes through to ModalDialog's inner <dialog> element. */
.ps-content-vertical-16[b-mzzc0cwao7]  .productboard-modal-dialog {
    width: 550px;
}
/* /Containers/Quality/FlowReferences.razor.rz.scp.css */
/* ============================================================
   FlowReferences – Scoped Styles (Blazor CSS isolation)
   The SfGrid renders <td> elements outside this component's
   b- attribute, so ::deep is required.
   ============================================================ */

.flow-references-grid[b-8foczra95g]  td.flow-external-col {
    background-color: var(--color-neutral-100);
}
/* /Containers/Quality/QualityTeam.razor.rz.scp.css */
/* ============================================================
   QualityTeam – Scoped Styles (Blazor CSS isolation)
   Targets Syncfusion SfCard descendants via ::deep, anchored
   to the .tile_layout.card-control-section host class.
   ============================================================ */

.tile_layout.card-control-section[b-71bsva84q7]  .e-error {
    height: 100px;
    width: 100%;
}

.tile_layout.card-control-section[b-71bsva84q7]  .e-error .e-error-content {
    color: var(--ps-color-data-red-600-primary);
    line-height: 100px;
    text-align: center;
}

.tile_layout.card-control-section[b-71bsva84q7]  .e-card .e-card-image {
    margin: 20px;
    max-height: 180px;
    width: 80%;
}

.tile_layout.card-control-section[b-71bsva84q7]  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 20px;
    font-family: Helvetica, 'Segoe UI';
    font-weight: bold;
}

.tile_layout.card-control-section[b-71bsva84q7]  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 5px;
}

.tile_layout.card-control-section[b-71bsva84q7]  .e-card .e-card-content {
    padding-top: 0px;
    height: 110px;
}
/* /Containers/SalesDashboard/DeckBuilder/SalesDashboardReportGenerator.razor.rz.scp.css */
/* ============================================================
   SalesDashboardReportGenerator – Scoped Styles (Blazor CSS isolation)
   Migrated from wwwroot/sass/PageSpecificStyling/SalesDashboardStyles/_ReportGenerator.scss
   ============================================================ */

.ps-reportgenerator-partner-filter-box[b-4q4tox67cs] {
    width: 500px;
}

.ps-reportgenerator-partner-list-box[b-4q4tox67cs] {
    display: flex;
    width: 420px;
    height: 472px;
    padding: 8px 0 8px 8px;
    flex-direction: column;
    overflow: auto;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    border-top: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
    border-bottom: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
}

.ps-reportgenerator-partner-list-partner[b-4q4tox67cs] {
    height: 24px;
    width: 390px;
}

.ps-reportgenerator-partner-list-partner-checkbox-title[b-4q4tox67cs] {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ps-reportgenerator-image-container[b-4q4tox67cs] {
    width: max-content;
    height: max-content;
    overflow: visible;
}

.ps-reportgenerator-partner-list-partner-checkbox[b-4q4tox67cs] {
    width: 420px;
}

.ps-reportgenerator-partner-count-footer[b-4q4tox67cs] {
    margin-top: auto;
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}
/* /Containers/SalesDashboard/WidgetSystem/Configurator/WidgetLayoutConfigurator.razor.rz.scp.css */
/* ============================================================
   WidgetLayoutConfigurator – Scoped Styles (Blazor CSS isolation)
   Migrated from wwwroot/sass/PageSpecificStyling/SalesDashboardStyles/_WidgetConfigurator.scss.
   Mixins (Containers.height-restricted, Containers.width-restricted)
   are inlined; the page-local --radius (16px) is replaced with
   the theme's --radius-medium token.
   ============================================================ */

.ps-widgetconf-list-box[b-ubylrc2i71] {
    display: flex;
    width: 305px;
    height: 472px;
    padding: 24px;
    flex-direction: column;
    overflow: auto;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
    background: var(--ps-salesdashboard-widget-configurator-widgets-list-background);
}

.ps-widgetconf-whitespace[b-ubylrc2i71] {
    /* height-restricted(224px) */
    height: 224px;
    min-height: 224px;
    max-height: 224px;
    overflow: auto;
    /* width-restricted(333px) */
    width: 333px;
    min-width: 333px;
    max-width: 333px;
    margin: 0 !important;
    border-color: var(--ps-salesdashboard-widget-configurator-mini-widget-border);
    border-radius: var(--radius-medium);
}

.ps-widgetconf-whitespace > *[b-ubylrc2i71] {
    display: none;
}

.ps-dashboard-widget-small-mini[b-ubylrc2i71] {
    /* height-restricted(224px) */
    height: 224px;
    min-height: 224px;
    max-height: 224px;
    overflow: auto;
    /* width-restricted(333px) */
    width: 333px;
    min-width: 333px;
    max-width: 333px;
    background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
    border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
    display: grid;
    margin: 0 !important;
    border-radius: var(--radius-medium);
}

.ps-dashboard-widget-grid-container-mini[b-ubylrc2i71] {
    width: 1057px;
    height: calc(75vh);
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(333px, 333px));
    grid-template-rows: repeat(auto-fill, minmax(224px, 224px));
    gap: 24px 24px;
    padding-right: 5px; /* Moves the scroll bar a bit away from the grid objects */
}

.ps-dashboard-widget-mini-content[b-ubylrc2i71] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ps-dashboard-widget-mini-no-content[b-ubylrc2i71] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--primary-background);
    color: var(--disabled-text);
}
/* /Containers/SalesDashboard/WidgetSystem/WidgetsComponent.razor.rz.scp.css */
/* ============================================================
   WidgetsComponent – Scoped Styles (Blazor CSS isolation)
   The widget grid container class is applied on a div directly
   in this component's template, so no ::deep is needed. The
   rule is duplicated in AdminWidgetsPage.razor.css (each page
   owns its own copy rather than sharing a wrapper component).
   ============================================================ */

.ps-dashboard-widget-grid-container[b-d5ju6yhstl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(469px, 469px));
    gap: 24px 24px;
}
/* /Containers/SupportAgent/Components/ClarificationPrompt.razor.rz.scp.css */
/* ============================================================
   ClarificationPrompt – Scoped Styles (Blazor CSS isolation)
   Uses PowerSupport theme-aware CSS variables for consistency.
   DiscussionViewer's overrides for the inline variant pierce in
   via ::deep from DiscussionViewer.razor.css.
   ============================================================ */

.clarification-prompt[b-9eic9qzg10] {
    background: var(--warning-background);
    border: 1px solid var(--warning-border);
    border-left: 4px solid var(--warning-border);
    border-radius: var(--radius-small);
    padding: 1.5rem;
    margin: 1rem 0;
}

.clarification-header[b-9eic9qzg10] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    color: var(--warning-border);
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.clarification-header i[b-9eic9qzg10] {
    font-size: 1.25rem;
}

.clarification-questions[b-9eic9qzg10] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.question-block[b-9eic9qzg10] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.question-label[b-9eic9qzg10] {
    font-weight: 600;
    color: var(--text);
    font-size: 0.9375rem;
    margin: 0;
}

.optional-tag[b-9eic9qzg10] {
    font-weight: 400;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    font-style: italic;
    margin-left: 0.5rem;
}

.question-rationale[b-9eic9qzg10] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    padding: 0.5rem;
    background: var(--info-blue-background);
    border-radius: var(--radius-xsmall);
}

.question-rationale i[b-9eic9qzg10] {
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.suggested-answers[b-9eic9qzg10] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.suggested-answer[b-9eic9qzg10] {
    font-size: 0.8125rem;
    transition: all 0.2s ease;
}

.suggested-answer:hover[b-9eic9qzg10] {
    transform: translateY(-1px);
}

.clarification-input[b-9eic9qzg10] {
    font-family: inherit;
    font-size: 0.9375rem;
    background: var(--input-background-normal);
    color: var(--input-text-normal);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xsmall);
    padding: 0.5rem;
    resize: vertical;
}

.clarification-input:focus[b-9eic9qzg10] {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--border-focus) 25%, transparent);
}

.clarification-actions[b-9eic9qzg10] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--warning-border);
}

.clarification-actions .btn[b-9eic9qzg10] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Containers/SupportAgent/Components/DiscussionViewer.razor.rz.scp.css */
/* ============================================================
   DiscussionViewer – Scoped Styles (Blazor CSS isolation)
   Uses PowerSupport theme-aware CSS variables for consistency
   ============================================================ */

.discussion-viewer[b-7g7hhnp73u] {
    background: var(--primary-background);
    border-radius: var(--radius-small);
    padding: 1.25rem;
    margin: 1rem 0;
}

.discussion-header[b-7g7hhnp73u] {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-read-only);
    margin-bottom: 1.5rem;
}

.discussion-indicator[b-7g7hhnp73u] {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--text);
}

.discussion-timeline[b-7g7hhnp73u] {
    max-height: 600px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

/* Custom scrollbar */
.discussion-timeline[b-7g7hhnp73u]::-webkit-scrollbar {
    width: 8px;
}

.discussion-timeline[b-7g7hhnp73u]::-webkit-scrollbar-track {
    background: var(--color-neutral-100);
    border-radius: var(--radius-xsmall);
}

.discussion-timeline[b-7g7hhnp73u]::-webkit-scrollbar-thumb {
    background: var(--color-neutral-400);
    border-radius: var(--radius-xsmall);
}

.discussion-timeline[b-7g7hhnp73u]::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-500);
}

/* Turn group styling */
.discussion-turn-group[b-7g7hhnp73u] {
    background: var(--secondary-background);
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: var(--radius-small);
    box-shadow: var(--shadow);
    animation: slideIn-b-7g7hhnp73u 0.3s ease-out;
}

.discussion-turn-group:last-child[b-7g7hhnp73u] {
    margin-bottom: 0;
}

@keyframes slideIn-b-7g7hhnp73u {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.turn-header[b-7g7hhnp73u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.875rem;
    border-bottom: 1px solid var(--border-read-only);
}

.turn-number-badge[b-7g7hhnp73u] {
    background: var(--ps-color-data-blue-600-primary);
    color: var(--color-neutral-00);
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
}

.agent-badge[b-7g7hhnp73u] {
    background: var(--color-neutral-500);
    color: var(--color-neutral-00);
    padding: 0.3125rem 0.75rem;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.agent-badge.badge-code[b-7g7hhnp73u] {
    background: var(--ps-color-data-green-600-primary);
}

.agent-badge.badge-workitem[b-7g7hhnp73u] {
    background: var(--ps-color-data-red-600-primary);
}

.agent-badge.badge-system[b-7g7hhnp73u] {
    background: var(--color-neutral-500);
}

.agent-badge.badge-user[b-7g7hhnp73u] {
    background: var(--ps-color-data-purple-600-primary);
}

.agent-badge.badge-assistant[b-7g7hhnp73u] {
    background: var(--ps-color-data-blue-600-primary);
}

.turn-timestamp[b-7g7hhnp73u] {
    color: var(--placeholder-text);
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    margin-left: auto;
    font-weight: 500;
}

/* Turn events container */
.turn-events[b-7g7hhnp73u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.turn-event[b-7g7hhnp73u] {
    padding-left: 1.125rem;
    border-left: 3px solid var(--border-read-only);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.turn-event.thinking[b-7g7hhnp73u] {
    border-left-color: var(--ps-color-data-yellow-400-primary);
    color: var(--info-text);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.turn-event.user-prompt[b-7g7hhnp73u] {
    border-left-color: var(--ps-color-data-purple-600-primary);
    background: var(--input-background-read-only);
    border-radius: var(--radius-small);
    padding: 1rem;
    margin-bottom: 1rem;
}

.prompt-header[b-7g7hhnp73u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ps-color-data-purple-600-primary);
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
}

.prompt-header i[b-7g7hhnp73u] {
    font-size: 1.125rem;
}

.prompt-questions[b-7g7hhnp73u] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.prompt-question-item[b-7g7hhnp73u] {
    padding-left: 0.5rem;
}

.question-text[b-7g7hhnp73u] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: var(--text);
    line-height: 1.6;
}

.question-text i[b-7g7hhnp73u] {
    color: var(--ps-color-data-purple-600-primary);
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.question-text strong[b-7g7hhnp73u] {
    flex: 1;
}

.question-rationale[b-7g7hhnp73u] {
    margin-left: 1.25rem;
    margin-top: 0.375rem;
    color: var(--placeholder-text);
    font-size: 0.875rem;
    line-height: 1.5;
}

.awaiting-response[b-7g7hhnp73u] {
    margin-top: 0.875rem;
    padding: 0.625rem;
    background: var(--ps-color-data-yellow-100-primary);
    border-left: 3px solid var(--ps-color-data-yellow-400-primary);
    border-radius: var(--radius-xsmall);
    color: var(--info-text);
    font-size: 0.875rem;
}

/* Inline clarification prompt within discussion timeline */
.inline-clarification-prompt[b-7g7hhnp73u] {
    margin-top: 0.875rem;
    animation: fadeIn-b-7g7hhnp73u 0.3s ease-in;
}

@keyframes fadeIn-b-7g7hhnp73u {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Override ClarificationPrompt styles when shown inline in discussion */
.inline-clarification-prompt[b-7g7hhnp73u]  .clarification-prompt {
    margin: 0;
    background: var(--ps-color-data-purple-050);
    border-left: none;
}

.inline-clarification-prompt[b-7g7hhnp73u]  .clarification-header {
    color: var(--ps-color-data-purple-600-primary);
}

.turn-event.response[b-7g7hhnp73u] {
    overflow-wrap: break-word;
    border-left-color: var(--border-read-only);
}

.turn-event.evaluation[b-7g7hhnp73u] {
    border-left-color: var(--success-border);
    padding-left: 0;
    border-left: none;
}

.turn-event.error[b-7g7hhnp73u] {
    border-left-color: var(--danger-border);
}

.agent-response[b-7g7hhnp73u] {
    padding: 1rem;
    background: var(--input-background-read-only);
    border-radius: var(--radius-small);
    border: 1px solid var(--border-read-only);
    line-height: 1.7;
    color: var(--text);
    margin-bottom: 0;
}

.agent-response p[b-7g7hhnp73u] {
    margin-bottom: 0.75rem;
}

.agent-response p:last-child[b-7g7hhnp73u] {
    margin-bottom: 0;
}

.agent-response strong[b-7g7hhnp73u] {
    color: var(--ps-color-data-blue-600-primary);
    font-weight: 600;
}

.agent-response ul[b-7g7hhnp73u], .agent-response ol[b-7g7hhnp73u] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
}

.agent-response li[b-7g7hhnp73u] {
    margin-bottom: 0.375rem;
}

.agent-response pre[b-7g7hhnp73u] {
    background: var(--color-neutral-800);
    color: var(--color-neutral-50);
    padding: 1rem;
    border-radius: var(--radius-xsmall);
    overflow-x: auto;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.agent-response code[b-7g7hhnp73u] {
    background: var(--color-neutral-100);
    padding: 0.2rem 0.4rem;
    border-radius: var(--radius-xsmall);
    font-size: 0.875em;
    color: var(--ps-color-data-red-600-primary);
}

.agent-response pre code[b-7g7hhnp73u] {
    background: transparent;
    padding: 0;
    color: var(--color-neutral-50);
}

.alert[b-7g7hhnp73u] {
    border-radius: var(--radius-small);
    padding: 0.875rem 1rem;
    margin: 0;
    border: 1px solid transparent;
}

.alert i[b-7g7hhnp73u] {
    margin-right: 0.5rem;
}

.alert-info[b-7g7hhnp73u] {
    background-color: var(--info-blue-background);
    border-color: var(--info-blue-border);
    color: var(--info-blue-text);
}

.alert-success[b-7g7hhnp73u] {
    background-color: var(--success-background);
    border-color: var(--success-border);
    color: var(--success-text);
}

.alert-danger[b-7g7hhnp73u] {
    background-color: var(--danger-background);
    border-color: var(--danger-border);
    color: var(--danger-text);
}


/* /Containers/SupportAgent/Components/MarkdownRenderer.razor.rz.scp.css */
/* ============================================================
   MarkdownRenderer – Scoped Styles (Blazor CSS isolation)
   The component renders sanitized HTML via MarkupString, so its
   descendants (h1, p, code, table, ...) carry no b- attribute.
   Every selector below the host class therefore needs ::deep.
   ============================================================ */

.markdown-content[b-mj44nf5rwb] {
    line-height: 1.6;
    color: var(--text);
    font-size: 0.9375rem;
}

.markdown-content[b-mj44nf5rwb]  h1,
.markdown-content[b-mj44nf5rwb]  h2,
.markdown-content[b-mj44nf5rwb]  h3,
.markdown-content[b-mj44nf5rwb]  h4,
.markdown-content[b-mj44nf5rwb]  h5,
.markdown-content[b-mj44nf5rwb]  h6 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--text);
}

.markdown-content[b-mj44nf5rwb]  h1:first-child,
.markdown-content[b-mj44nf5rwb]  h2:first-child,
.markdown-content[b-mj44nf5rwb]  h3:first-child,
.markdown-content[b-mj44nf5rwb]  h4:first-child {
    margin-top: 0;
}

.markdown-content[b-mj44nf5rwb]  h1 {
    font-size: 1.5rem;
    border-bottom: 2px solid var(--border-normal);
    padding-bottom: 0.5rem;
}

.markdown-content[b-mj44nf5rwb]  h2 {
    font-size: 1.25rem;
    border-bottom: 1px solid var(--border-read-only);
    padding-bottom: 0.375rem;
}

.markdown-content[b-mj44nf5rwb]  h3 {
    font-size: 1.125rem;
}

.markdown-content[b-mj44nf5rwb]  h4 {
    font-size: 1rem;
}

.markdown-content[b-mj44nf5rwb]  h5 {
    font-size: 0.9375rem;
}

.markdown-content[b-mj44nf5rwb]  h6 {
    font-size: 0.875rem;
}

.markdown-content[b-mj44nf5rwb]  p {
    margin-bottom: 1rem;
}

.markdown-content[b-mj44nf5rwb]  p:last-child {
    margin-bottom: 0;
}

/* Inline code */
.markdown-content[b-mj44nf5rwb]  code {
    background: var(--ps-color-neutral-100);
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-xsmall);
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875em;
    color: var(--ps-color-data-red-600-primary);
    border: 1px solid var(--border-read-only);
}

/* Code blocks */
.markdown-content[b-mj44nf5rwb]  pre {
    background: var(--ps-color-neutral-100);
    border: 1px solid var(--border-read-only);
    border-radius: var(--radius-small);
    padding: 1rem;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.markdown-content[b-mj44nf5rwb]  pre code {
    background: transparent;
    padding: 0;
    color: var(--text);
    font-size: 0.875rem;
    border: none;
}

/* Lists */
.markdown-content[b-mj44nf5rwb]  ul,
.markdown-content[b-mj44nf5rwb]  ol {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.markdown-content[b-mj44nf5rwb]  li {
    margin-bottom: 0.375rem;
}

.markdown-content[b-mj44nf5rwb]  ul > li {
    list-style-type: disc;
}

.markdown-content[b-mj44nf5rwb]  ol > li {
    list-style-type: decimal;
}

.markdown-content[b-mj44nf5rwb]  ul ul,
.markdown-content[b-mj44nf5rwb]  ol ol,
.markdown-content[b-mj44nf5rwb]  ul ol,
.markdown-content[b-mj44nf5rwb]  ol ul {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

/* Blockquotes */
.markdown-content[b-mj44nf5rwb]  blockquote {
    border-left: 4px solid var(--info-blue-border);
    background: var(--info-blue-background);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
}

.markdown-content[b-mj44nf5rwb]  blockquote p {
    margin-bottom: 0.5rem;
}

.markdown-content[b-mj44nf5rwb]  blockquote p:last-child {
    margin-bottom: 0;
}

/* Tables */
.markdown-content[b-mj44nf5rwb]  table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    overflow-x: auto;
    display: block;
}

.markdown-content[b-mj44nf5rwb]  thead {
    display: table-header-group;
}

.markdown-content[b-mj44nf5rwb]  tbody {
    display: table-row-group;
}

.markdown-content[b-mj44nf5rwb]  th,
.markdown-content[b-mj44nf5rwb]  td {
    border: 1px solid var(--border-normal);
    padding: 0.5rem 0.75rem;
    text-align: left;
}

.markdown-content[b-mj44nf5rwb]  th {
    background: var(--ps-color-neutral-100);
    font-weight: 600;
}

.markdown-content[b-mj44nf5rwb]  tr:nth-child(even) {
    background: var(--secondary-background);
}

/* Links */
.markdown-content[b-mj44nf5rwb]  a {
    color: var(--ps-color-data-blue-600-primary);
    text-decoration: none;
}

.markdown-content[b-mj44nf5rwb]  a:hover {
    text-decoration: underline;
}

/* Text formatting */
.markdown-content[b-mj44nf5rwb]  strong {
    font-weight: 600;
    color: var(--text);
}

.markdown-content[b-mj44nf5rwb]  em {
    font-style: italic;
}

.markdown-content[b-mj44nf5rwb]  del {
    text-decoration: line-through;
    color: var(--text-secondary);
}

/* Horizontal rule */
.markdown-content[b-mj44nf5rwb]  hr {
    border: none;
    border-top: 1px solid var(--border-read-only);
    margin: 1.5rem 0;
}

/* Task lists (checkboxes) */
.markdown-content[b-mj44nf5rwb]  input[type="checkbox"] {
    margin-right: 0.5rem;
}

.markdown-content[b-mj44nf5rwb]  li input[type="checkbox"] {
    margin-left: -1.5rem;
}

/* Emoji */
.markdown-content[b-mj44nf5rwb]  .emoji {
    height: 1.2em;
    width: 1.2em;
    display: inline-block;
    vertical-align: text-bottom;
}
/* /Containers/SupportAgent/Components/PluginConfigDialog.razor.rz.scp.css */
/* ============================================================
   PluginConfigDialog – Scoped Styles (Blazor CSS isolation)
   PluginSettingsForm renders inside .plugin-config-content but
   owns its own scoped CSS file; no piercing needed from here.
   ============================================================ */

/* Plugin Configuration Dialog Overlay */
.plugin-config-dialog-overlay[b-sw9cikkvxq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.plugin-config-dialog-overlay.visible[b-sw9cikkvxq] {
    display: flex;
}

/* Plugin Configuration Dialog */
.plugin-config-dialog[b-sw9cikkvxq] {
    background: var(--secondary-background);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    width: 90%;
    max-width: 900px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

/* Dialog Header */
.plugin-config-header[b-sw9cikkvxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-read-only);
}

.plugin-config-header h3[b-sw9cikkvxq] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--title-or-label);
}

.close-button[b-sw9cikkvxq] {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: var(--text);
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.close-button:hover[b-sw9cikkvxq] {
    background-color: var(--color-neutral-100);
}

/* Dialog Body */
.plugin-config-body[b-sw9cikkvxq] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.no-plugins-message[b-sw9cikkvxq] {
    padding: 40px;
    text-align: center;
    color: var(--text);
}

/* Plugin Tabs */
.plugin-tabs[b-sw9cikkvxq] {
    border-right: 1px solid var(--border-read-only);
    overflow-y: auto;
    padding: 12px;
}

.plugin-tab[b-sw9cikkvxq] {
    width: 100%;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.plugin-tab:hover[b-sw9cikkvxq] {
    background-color: var(--color-neutral-100);
}

.plugin-tab.active[b-sw9cikkvxq] {
    background-color: var(--info-blue-background);
    border-color: var(--ps-color-data-blue-600-primary);
}

.plugin-tab-content[b-sw9cikkvxq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 0; /* Allow flex child to shrink below content size */
}

.plugin-tab-header[b-sw9cikkvxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0; /* Allow flex child to shrink below content size */
}

.plugin-name[b-sw9cikkvxq] {
    font-weight: 600;
    color: var(--title-or-label);
    font-size: 14px;
    line-height: 1.3;
    flex: 1;
    min-width: 0; /* Allow text to truncate */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plugin-status[b-sw9cikkvxq] {
    font-size: 16px;
    flex-shrink: 0; /* Prevent status icon from shrinking */
}

.plugin-status.status-connected[b-sw9cikkvxq] {
    color: var(--ps-color-data-green-500);
}

.plugin-status.status-error[b-sw9cikkvxq] {
    color: var(--ps-color-data-red-600-primary);
}

.plugin-status.status-notconfigured[b-sw9cikkvxq] {
    color: var(--color-neutral-400);
}

.plugin-status.status-disabled[b-sw9cikkvxq] {
    color: var(--placeholder-text);
}

/* Plugin Content */
.plugin-config-content[b-sw9cikkvxq] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
}
/* /Containers/SupportAgent/Components/PluginSettingsForm.razor.rz.scp.css */
/* ============================================================
   PluginSettingsForm – Scoped Styles (Blazor CSS isolation)
   All selectors target elements rendered directly by this
   component's template, so no ::deep is required.
   ============================================================ */

.plugin-settings-form[b-znk0ollkpz] {
    max-width: 600px;
}

.plugin-header h4[b-znk0ollkpz] {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--title-or-label);
}

.plugin-header .plugin-description[b-znk0ollkpz] {
    margin: 0 0 24px 0;
    color: var(--text);
    font-size: 14px;
}

/* Messages */
.error-message[b-znk0ollkpz],
.success-message[b-znk0ollkpz] {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.error-message[b-znk0ollkpz] {
    background-color: var(--danger-background);
    color: var(--ps-color-data-red-700);
    border: 1px solid var(--ps-color-data-red-500);
}

.success-message[b-znk0ollkpz] {
    background-color: var(--success-background);
    color: var(--ps-color-data-green-700);
    border: 1px solid var(--ps-color-data-green-400);
}

.error-icon[b-znk0ollkpz],
.success-icon[b-znk0ollkpz] {
    font-size: 18px;
}

/* Settings List */
.settings-list[b-znk0ollkpz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.setting-item[b-znk0ollkpz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setting-label[b-znk0ollkpz] {
    font-weight: 600;
    color: var(--title-or-label);
    font-size: 14px;
}

.setting-label .required[b-znk0ollkpz] {
    color: var(--ps-color-data-red-600-primary);
    margin-left: 4px;
}

.setting-help[b-znk0ollkpz] {
    margin: 0;
    font-size: 13px;
    color: var(--text);
    line-height: 1.5;
}

.setting-input[b-znk0ollkpz],
.setting-textarea[b-znk0ollkpz] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border-read-only);
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s;
}

.setting-input:focus[b-znk0ollkpz],
.setting-textarea:focus[b-znk0ollkpz] {
    outline: none;
    border-color: var(--ps-color-data-blue-600-primary);
}

.setting-textarea[b-znk0ollkpz] {
    min-height: 100px;
    resize: vertical;
}

/* Password Input */
.password-input-wrapper[b-znk0ollkpz] {
    position: relative;
    display: flex;
}

.password-input[b-znk0ollkpz] {
    padding-right: 40px;
}

.toggle-password[b-znk0ollkpz] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.toggle-password:hover[b-znk0ollkpz] {
    background-color: var(--color-neutral-100);
}

/* Toggle Switch */
.toggle-switch[b-znk0ollkpz] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}

.toggle-switch input[b-znk0ollkpz] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-znk0ollkpz] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-neutral-300);
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-znk0ollkpz]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--color-neutral-00);
    transition: 0.3s;
    border-radius: 50%;
}

input:checked + .toggle-slider[b-znk0ollkpz] {
    background-color: var(--ps-color-data-blue-600-primary);
}

input:checked + .toggle-slider[b-znk0ollkpz]:before {
    transform: translateX(24px);
}

/* Documentation Link */
.setting-doc-link[b-znk0ollkpz] {
    font-size: 13px;
    color: var(--ps-color-data-blue-600-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.setting-doc-link:hover[b-znk0ollkpz] {
    text-decoration: underline;
}

/* Form Actions */
.form-actions[b-znk0ollkpz] {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Align items vertically */
    gap: 12px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid var(--border-read-only);
}

.btn-cancel[b-znk0ollkpz],
.btn-save[b-znk0ollkpz] {
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    display: inline-flex; /* Use flexbox for better text alignment */
    align-items: center;
    justify-content: center;
    line-height: 1.5; /* Ensure consistent line height */
    min-height: 40px; /* Consistent button height */
}

.btn-cancel[b-znk0ollkpz] {
    background-color: transparent;
    color: var(--text);
    border: 1px solid var(--border-read-only);
}

.btn-cancel:hover:not(:disabled)[b-znk0ollkpz] {
    background-color: var(--color-neutral-100);
}

.btn-save[b-znk0ollkpz] {
    background-color: var(--ps-color-data-blue-600-primary);
    color: var(--color-neutral-00);
}

.btn-save:hover:not(:disabled)[b-znk0ollkpz] {
    background-color: var(--ps-color-data-blue-700);
}

.btn-cancel:disabled[b-znk0ollkpz],
.btn-save:disabled[b-znk0ollkpz] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Containers/SupportAgent/SupportChatAgent.razor.rz.scp.css */
/* ============================================================
   SupportChatAgent – Scoped Styles (Blazor CSS isolation)
   Uses PowerSupport theme-aware CSS variables for consistency.
   ::deep is used where MarkdownRenderer's MarkupString output
   sits inside .user-message and would otherwise miss the b- attr.
   ============================================================ */

.support-chat-container[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 200px);
    max-width: 1200px;
    margin: 0 auto;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-small);
    background: var(--secondary-background);
}

.chat-header[b-n08lh067bc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--border-read-only);
    background: var(--primary-background);
}

.chat-header h3[b-n08lh067bc] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text);
}

.chat-messages[b-n08lh067bc] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.message[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    max-width: 70%;
    padding: 0.75rem;
    border-radius: var(--radius-small);
    animation: slide-in-b-n08lh067bc 0.3s ease-out;
}

@keyframes slide-in-b-n08lh067bc {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.user-message[b-n08lh067bc] {
    align-self: flex-end;
    background: var(--ps-color-data-purple-600-primary);
    color: var(--color-neutral-00) !important;
}

/* MarkdownRenderer outputs MarkupString — descendants miss this component's
   b- attribute, so pierce with ::deep to reach them. */
.user-message[b-n08lh067bc]  * {
    color: var(--color-neutral-00) !important;
}

.user-message[b-n08lh067bc]  .markdown-content {
    color: var(--color-neutral-00) !important;
}

.user-message[b-n08lh067bc]  .markdown-content * {
    color: var(--color-neutral-00) !important;
}

.user-message[b-n08lh067bc]  .markdown-content code {
    background: color-mix(in srgb, var(--color-neutral-00) 20%, transparent);
    color: var(--color-neutral-00) !important;
    border-color: color-mix(in srgb, var(--color-neutral-00) 30%, transparent);
}

.user-message[b-n08lh067bc]  .markdown-content a {
    color: var(--color-neutral-00) !important;
    text-decoration: underline;
}

.assistant-message[b-n08lh067bc] {
    align-self: flex-start;
    background: var(--primary-background);
    color: var(--text);
}

.message-header[b-n08lh067bc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.message-time[b-n08lh067bc] {
    opacity: 0.7;
    font-size: 0.75rem;
}

.user-message .message-time[b-n08lh067bc] {
    opacity: 0.85;
    color: var(--color-neutral-00) !important;
}

.discussion-toggle[b-n08lh067bc] {
    margin-left: auto;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    text-decoration: none;
}

.discussion-toggle:hover[b-n08lh067bc] {
    text-decoration: underline;
}

.discussion-toggle-inline[b-n08lh067bc] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    text-decoration: none;
    color: var(--ps-color-data-blue-600-primary);
    border: 1px solid var(--ps-color-data-blue-600-primary);
    border-radius: var(--radius-xsmall);
    transition: all 0.2s ease;
}

.discussion-toggle-inline:hover[b-n08lh067bc] {
    background: var(--ps-color-data-blue-600-primary);
    color: var(--color-neutral-00);
    text-decoration: none;
}

.discussion-toggle-inline i[b-n08lh067bc] {
    margin-right: 0.375rem;
}

.discussion-collapsed-summary[b-n08lh067bc] {
    padding: 1rem;
    background: var(--info-blue-background);
    border-left: 4px solid var(--info-blue-border);
    border-radius: var(--radius-small);
    font-size: 0.875rem;
    color: var(--text);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.discussion-collapsed-summary:hover[b-n08lh067bc] {
    background: var(--ps-color-data-blue-100);
}

.discussion-collapsed-summary .summary-content[b-n08lh067bc] {
    flex: 1;
    display: flex;
    align-items: center;
}

.discussion-collapsed-summary i[b-n08lh067bc] {
    margin-right: 0.75rem;
    color: var(--info-blue-border);
    font-size: 1rem;
}

.discussion-expanded-container[b-n08lh067bc] {
    background: var(--info-blue-background);
    border: 1px solid var(--info-blue-border);
    border-left: 4px solid var(--info-blue-border);
    border-radius: var(--radius-small);
    padding: 1rem;
    margin-bottom: 1rem;
}

.discussion-expanded-header[b-n08lh067bc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.875rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--info-blue-border);
}

.discussion-header-info[b-n08lh067bc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--info-blue-border);
    font-size: 0.9375rem;
}

.discussion-header-info i[b-n08lh067bc] {
    font-size: 1.125rem;
}

.discussion-toggle-button[b-n08lh067bc] {
    font-size: 0.8125rem;
}

.discussion-summary[b-n08lh067bc] {
    background: var(--success-background);
    border: 1px solid var(--success-border);
    border-left: 4px solid var(--success-border);
    border-radius: var(--radius-small);
    padding: 1.25rem;
    margin-top: 1rem;
}

.summary-header[b-n08lh067bc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--success-border);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.875rem;
}

.summary-header[b-n08lh067bc]::before {
    content: "📋";
    font-size: 1.25rem;
}

.summary-content[b-n08lh067bc] {
    color: var(--success-text);
    line-height: 1.7;
    overflow-wrap: break-word;
}

.summary-content p[b-n08lh067bc] {
    margin-bottom: 0.75rem;
}

.summary-content p:last-child[b-n08lh067bc] {
    margin-bottom: 0;
}

.typing-indicator[b-n08lh067bc] {
    display: flex;
    gap: 4px;
}

.typing-indicator span[b-n08lh067bc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-neutral-500);
    animation: typing-b-n08lh067bc 1.4s infinite;
}

.typing-indicator span:nth-child(2)[b-n08lh067bc] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-n08lh067bc] {
    animation-delay: 0.4s;
}

@keyframes typing-b-n08lh067bc {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(-10px);
    }
}

.chat-input[b-n08lh067bc] {
    border-top: 1px solid var(--border-read-only);
    padding: 1rem;
    background: var(--primary-background);
}

.chat-input textarea[b-n08lh067bc] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xsmall);
    resize: vertical;
    font-family: inherit;
    background: var(--input-background-normal);
    color: var(--input-text-normal);
}

.chat-input textarea:focus[b-n08lh067bc] {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--border-focus) 25%, transparent);
}

.input-actions[b-n08lh067bc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
}

.input-actions-left[b-n08lh067bc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.input-actions label[b-n08lh067bc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.875rem;
}

/* Attachment Preview Styles */
.attachment-preview[b-n08lh067bc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--info-blue-background);
    border: 1px solid var(--info-blue-border);
    border-radius: var(--radius-small);
    margin-bottom: 0.5rem;
}

.preview-item[b-n08lh067bc] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem;
    background: var(--primary-background);
    border: 1px solid var(--border-read-only);
    border-radius: var(--radius-small);
    max-width: 150px;
}

.preview-item img[b-n08lh067bc] {
    max-width: 120px;
    max-height: 120px;
    border-radius: var(--radius-xsmall);
    object-fit: contain;
}

.preview-info[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    width: 100%;
}

.preview-name[b-n08lh067bc] {
    font-size: 0.75rem;
    color: var(--text);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-size[b-n08lh067bc] {
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.btn-remove[b-n08lh067bc] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 20px;
    height: 20px;
    padding: 0;
    background: var(--danger);
    color: var(--color-neutral-00);
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    line-height: 1;
    transition: background-color 0.2s ease;
}

.btn-remove:hover[b-n08lh067bc] {
    background: var(--danger-hover);
}

.chat-header-actions[b-n08lh067bc] {
    display: flex;
    gap: 0.5rem;
}

/* Message Attachments Styles */
.message-attachments[b-n08lh067bc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.attachment-image[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 300px;
}

.attachment-image img[b-n08lh067bc] {
    max-width: 100%;
    max-height: 400px;
    border-radius: var(--radius-small);
    border: 1px solid var(--border-read-only);
    cursor: pointer;
    object-fit: contain;
}

.attachment-image img:hover[b-n08lh067bc] {
    opacity: 0.9;
}

.attachment-info[b-n08lh067bc] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.attachment-name[b-n08lh067bc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-size[b-n08lh067bc] {
    flex-shrink: 0;
}

/* Feature Disabled Styles */
.feature-disabled-container[b-n08lh067bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 200px);
    max-width: 1200px;
    margin: 0 auto;
}

.feature-disabled-message[b-n08lh067bc] {
    text-align: center;
    padding: 3rem;
    max-width: 500px;
}

.feature-disabled-message h3[b-n08lh067bc] {
    margin: 1rem 0;
    color: var(--text);
}

.feature-disabled-message p[b-n08lh067bc] {
    color: var(--text-secondary);
    margin: 0;
}

/* Process Selector Styles */
.process-selector[b-n08lh067bc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.process-dropdown[b-n08lh067bc] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xsmall);
    background: var(--input-background-normal);
    color: var(--input-text-normal);
    font-size: 0.9rem;
}

.process-dropdown.placeholder-selected[b-n08lh067bc] {
    color: var(--placeholder-text);
    font-style: italic;
}

.process-dropdown option[b-n08lh067bc] {
    color: var(--input-text-normal);
    font-style: normal;
}

.process-dropdown option:disabled[b-n08lh067bc] {
    color: var(--placeholder-text);
    font-style: italic;
}

/* Match textarea placeholder styling */
.chat-input textarea[b-n08lh067bc]::placeholder {
    color: var(--placeholder-text);
    font-style: italic;
    opacity: 1;
}

.process-dropdown:focus[b-n08lh067bc] {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--border-focus) 25%, transparent);
}

.process-dropdown optgroup[b-n08lh067bc] {
    font-weight: 600;
    color: var(--text);
}

.process-clear[b-n08lh067bc] {
    padding: 0.25rem;
    color: var(--text-secondary);
}

.process-clear:hover[b-n08lh067bc] {
    color: var(--danger);
}

/* Process Form Styles */
.process-form-container[b-n08lh067bc] {
    background: var(--secondary-background);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-small);
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.process-info[b-n08lh067bc] {
    margin-bottom: 0.5rem;
}

.process-name[b-n08lh067bc] {
    font-weight: 600;
    color: var(--text);
    font-size: 1rem;
}

.process-description[b-n08lh067bc] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

/* Process Input Form Styles */
.process-input-form[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.process-input-field[b-n08lh067bc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.process-input-field label[b-n08lh067bc] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text);
}

.process-input-field .required-indicator[b-n08lh067bc] {
    color: var(--danger);
    margin-left: 0.25rem;
}

.process-input-field input[b-n08lh067bc],
.process-input-field textarea[b-n08lh067bc],
.process-input-field select[b-n08lh067bc] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xsmall);
    background: var(--input-background-normal);
    color: var(--input-text-normal);
    font-size: 0.9rem;
}

.process-input-field input:focus[b-n08lh067bc],
.process-input-field textarea:focus[b-n08lh067bc],
.process-input-field select:focus[b-n08lh067bc] {
    outline: none;
    border-color: var(--border-focus);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--border-focus) 25%, transparent);
}

.process-input-field textarea[b-n08lh067bc] {
    resize: vertical;
    min-height: 80px;
}

.process-input-field .field-description[b-n08lh067bc] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.3;
}

.process-input-field.has-error input[b-n08lh067bc],
.process-input-field.has-error textarea[b-n08lh067bc],
.process-input-field.has-error select[b-n08lh067bc] {
    border-color: var(--danger);
}

.process-input-field .validation-error[b-n08lh067bc] {
    font-size: 0.8rem;
    color: var(--danger);
}