@import '_content/AlphaAppTools.Spa.Base/AlphaAppTools.Spa.Base.od77fkct1c.bundle.scp.css';
@import '_content/CronExpressionComponent/CronExpressionComponent.ld8yf1lwu8.bundle.scp.css';

/* /App.razor.rz.scp.css */
.messageAlert[b-9xfg6vfkox]  button:first-child {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.messageAlert[b-9xfg6vfkox]  button:last-child {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
/* /Components/Data/Base/Components/AreaMapComponent.razor.rz.scp.css */
.map-container[b-gutty3dehz] {
    position: relative;
}


.map-responsive[b-gutty3dehz] {
    height: 100%;
    min-height: 200px;
    margin-bottom: 1rem;
}

/* new css for popup*/

.map-popup.map-popup--wide[b-gutty3dehz] {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 12px;
    width: 470px;
    overflow: hidden;
    /*background: rgba(20, 20, 20, 0.92);*/
    background: #eeeeee;
    /*color: #fff;*/
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    z-index: 10;
    min-height: 0;

    display: flex;
    flex-direction: column;
}

.map-popup__header[b-gutty3dehz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.map-popup__title[b-gutty3dehz] {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map-popup__body[b-gutty3dehz] {
    padding: 10px 12px;
    overflow: auto;
    flex: 1;
    max-height: none;
    min-height: 0;
}

.map-popup__group[b-gutty3dehz] {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.map-popup__group-title[b-gutty3dehz] {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.9;
    /*margin-bottom: 6px;*/

    padding-top: 6px;
}

.map-popup__group-values[b-gutty3dehz] {
    display: grid;
    gap: 6px;
}

.map-popup__row[b-gutty3dehz] {
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
}

.map-popup__value[b-gutty3dehz] {
    font-size: 12px;
    line-height: 1.3;
    word-break: break-word;
}

.map-popup__empty[b-gutty3dehz] {
    font-size: 12px;
    opacity: 0.8;
}

.map-popup__footer[b-gutty3dehz] {
    display: flex;
    gap: 8px;
    padding: 10px 12px 12px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* Close button already exists, but make it nicer */
.map-popup-close[b-gutty3dehz] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    /*background: rgba(255, 255, 255, 0.10);*/
    /*color: #fff;*/
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.map-popup-close:hover[b-gutty3dehz] {
    background: rgba(255, 255, 255, 0.16);
}

.map-popup__group-row[b-gutty3dehz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    padding: 10px;
    margin-bottom: 10px;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);

    gap: 14px;
}

.map-popup__group-values[b-gutty3dehz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.map-popup__value-row[b-gutty3dehz] {
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);

    font-size: 12px;
    line-height: 1.3;
}

.map-popup__tabs[b-gutty3dehz] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 10px;

    overflow: visible;
}

.map-popup__tab[b-gutty3dehz] {
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    white-space: nowrap;

    /*background: rgba(255, 255, 255, 0.10);*/
    /*color: #fff;*/
    font-size: 12px;
}

.map-popup__tab.is-active[b-gutty3dehz] {
    background: rgba(255, 255, 255, 0.16);
}

.map-popup__tab[b-gutty3dehz] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: gray solid 1px;
}

.map-popup__accordion[b-gutty3dehz] {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}

.map-popup__accordion-group[b-gutty3dehz] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.45);
    overflow: hidden;
}

.map-popup__accordion-summary[b-gutty3dehz] {
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 10px;
    user-select: none;
}

.map-popup__accordion-summary[b-gutty3dehz]::-webkit-details-marker {
    margin-right: 6px;
}

.map-popup__accordion-group .map-popup__tabs[b-gutty3dehz] {
    padding: 4px 10px 10px 10px;
}
/* /Components/Data/Base/Components/FileUpload.razor.rz.scp.css */
.file-picker[b-4i1fdt7237]  .pre-paste-target {
    background-color: #0dcaf0;
    border-radius: .25rem;
}
/* /Components/Data/Base/Components/SelectPointMapComponent.razor.rz.scp.css */
.map-container[b-lr8wzcjzv7] {
    position: relative;
}

.map-popup[b-lr8wzcjzv7] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: white;
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    max-width: 250px;
    font-size: 0.9rem;
    z-index: 1000;
}

.map-responsive[b-lr8wzcjzv7] {
    height: 75%;
    min-height: 200px;
    max-height: 80vh;
}

.map-popup a[b-lr8wzcjzv7] {
    color: #0d6efd;
    text-decoration: none;
}

.map-popup-close[b-lr8wzcjzv7] {
    border: none;
    background: transparent;
    float: right;
    font-size: 1.1rem;
    cursor: pointer;
}

.gm-bundled-control button[b-lr8wzcjzv7],
.gm-bundled-control div[b-lr8wzcjzv7] {
    transform: scale(5); /* 1.0 = default, 1.6 = 60% bigger */
    transform-origin: center;
}

/* new css for popup*/

.map-popup.map-popup--wide[b-lr8wzcjzv7] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 360px;
    max-height: min(60vh, calc(100% - 24px), calc(100dvh - 24px));
    overflow: hidden;
    background: rgba(20, 20, 20, 0.92);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    z-index: 10;

    display: flex;
    flex-direction: column;
}

.map-popup__header[b-lr8wzcjzv7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    flex: 0 0 auto;
}

.map-popup__title[b-lr8wzcjzv7] {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map-popup__body[b-lr8wzcjzv7] {
    padding: 10px 12px;
    overflow: auto;
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
}

.map-popup__group[b-lr8wzcjzv7] {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.map-popup__group-title[b-lr8wzcjzv7] {
    font-size: 12px;
    font-weight: 700;
    opacity: 0.9;
    margin-bottom: 6px;
}

.map-popup__group-values[b-lr8wzcjzv7] {
    display: grid;
    gap: 6px;
}

.map-popup__row[b-lr8wzcjzv7] {
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
}

.map-popup__value[b-lr8wzcjzv7] {
    font-size: 12px;
    line-height: 1.3;
    word-break: break-word;
}

.map-popup__empty[b-lr8wzcjzv7] {
    font-size: 12px;
    opacity: 0.8;
}

.map-popup__footer[b-lr8wzcjzv7] {
    display: flex;
    gap: 8px;
    padding: 10px 12px 12px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);

    flex: 0 0 auto;
}

/* Close button already exists, but make it nicer */
.map-popup-close[b-lr8wzcjzv7] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.map-popup-close:hover[b-lr8wzcjzv7] {
    background: rgba(255, 255, 255, 0.16);
}

.radius-control[b-lr8wzcjzv7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.75rem 0;
}

.radius-control__label[b-lr8wzcjzv7] {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    color: var(--color-kazark-gray-1);
}

.radius-quick-buttons[b-lr8wzcjzv7] {
    display: flex;
    gap: 1.25rem;
    width: 100%;
}

.radius-quick-button[b-lr8wzcjzv7] {
    flex: 1 1 0;
    height: 44px;
    padding: 0 1.25rem;
    border-radius: 5px;
    border: 1px solid #3D4352;
    background: transparent;
    color: var(--color-kazark-light-1);
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
}

.radius-quick-button:hover[b-lr8wzcjzv7] {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--color-kazark-blue-2-new);
}

.radius-quick-button--selected[b-lr8wzcjzv7] {
    background: var(--color-kazark-blue-new);
    border-color: var(--color-kazark-blue-new);
    color: #fff;
}

.radius-quick-button--selected:hover[b-lr8wzcjzv7] {
    background: var(--color-kazark-blue-2-new);
    border-color: var(--color-kazark-blue-2-new);
}
/* /Components/Data/Entities/AlertDefinition/Alerts/GetList/AlertTable.razor.rz.scp.css */
.entity-table.alert[b-j3s94q5jmf]  td[data-caption="Actions"] {
    vertical-align: middle;
}

.apply-remove-buttons[b-j3s94q5jmf]  {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.apply-remove-buttons[b-j3s94q5jmf]  button {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    margin: 0;
}

.apply-remove-buttons[b-j3s94q5jmf]  button i{
    width: 0.75rem;
    height: 0.75rem;
    font-size: 0.75rem;
}
/* /Components/Data/Entities/DataIngestionDefinition/DataIngestions/FileDisplay.razor.rz.scp.css */
.file-card[b-kubkbgvvpe] {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #eeeeee;
    min-width: 0;
}

.file-card-icon[b-kubkbgvvpe] {
    font-size: 28px;
    margin-right: 12px;
    color: #6b7280;
}

.file-card-info[b-kubkbgvvpe] {
    overflow: hidden;
}

.file-card-link[b-kubkbgvvpe] {
    display: block;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-card-link:hover[b-kubkbgvvpe] {
    text-decoration: underline;
}

.file-card-subtitle[b-kubkbgvvpe] {
    font-size: 12px;
    color: #6b7280;
}
/* /Components/Data/Entities/DataIngestionDefinition/DataIngestions/GetAll/DataIngestionGetAll.razor.rz.scp.css */
.field-row[b-h2ntzmicty] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
}

.field-cell[b-h2ntzmicty] {
    min-width: 0;
}

.file-row[b-h2ntzmicty] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.file-row[b-h2ntzmicty]  .file-card {
    flex-grow: 1;
    min-width: 0;
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerificationProcessingLogs/GetChild/DataIntegrityVerificationProcessingLogGetChild.razor.rz.scp.css */
[b-xosv89s5m9] .form-control {
    height: inherit;
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerificationReports/GetAllCustomer/DataIntegrityVerificationReportGetAllCustomer.razor.rz.scp.css */
.data-integrity-verification-report[b-kam07lc1ao] {
    display: flex;
    gap: 1rem;
    padding-bottom: 2rem;
}

.general-info[b-kam07lc1ao] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 1;
}

.general-info-item[b-kam07lc1ao] {
    width: 100%;
}

.results-display-container[b-kam07lc1ao] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 10;
    align-items: center;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: hidden;
}

.all-docs-match[b-kam07lc1ao] {
    font-size: 1.5rem;
    font-weight: bold;
}

.results-display-header[b-kam07lc1ao] {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.results-display-header .recordset-name[b-kam07lc1ao] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.results-display-body[b-kam07lc1ao] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.results-display-pair[b-kam07lc1ao] {
    display: flex;
    gap: 1rem;
}

.load-more-container[b-kam07lc1ao] {
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerificationReports/GetTableCustomer/DataIntegrityVerificationReportTable.razor.rz.scp.css */
.success-cell[b-uom6ujyper] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 1.5rem;
}

.not-processed[b-uom6ujyper] {
    font-size: 0.75rem;
    font-style: italic;
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerifications/GetAllCustomer/DataIntegrityVerificationGetAllCustomer.razor.rz.scp.css */
.data-integrity-verification[b-i9pfr6icw0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.general-info[b-i9pfr6icw0] {
    display: flex;
    gap: 3rem;
    align-items: flex-end;
}

.general-info-name[b-i9pfr6icw0] {
    flex-grow: 8;
}

.general-info-order[b-i9pfr6icw0] {
    flex-grow: 1;
}

.general-info-alert[b-i9pfr6icw0] {
    flex-grow: 1;
}

/* Make Alert dropdown match the height and look of the other inputs */
.general-info-alert[b-i9pfr6icw0]  .form-select {
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 10px !important;
    color: white;
    height: 54px;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.general-info-alert[b-i9pfr6icw0]  .form-select:focus {
    box-shadow: none !important;
    border-color: var(--color-kazark-blue-2-new) !important;
    background-color: rgba(255, 255, 255, 0.20);
    color: white;
}

.general-info-alert[b-i9pfr6icw0]  .form-select:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--color-kazark-gray-1);
}

.request-container[b-i9pfr6icw0] {
    display: flex;
    gap: 2rem;
}

.request-container-left[b-i9pfr6icw0] {
    flex-grow: 1;
}

.request-container-right-only-button[b-i9pfr6icw0] {
    padding-top: 16px;
}

.request-container-right-second-recordset[b-i9pfr6icw0] {
    width: 50%
}

.rule-groups-container[b-i9pfr6icw0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.add-rule-group-container[b-i9pfr6icw0] {
    margin-top: 10px;
}

.add-rule-group-button[b-i9pfr6icw0] {
    background-color: var(--color-kazark-blue-new);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.add-rule-group-button:hover[b-i9pfr6icw0] {
    background-color: var(--color-kazark-blue-2-new);
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerifications/GetAllCustomer/SingleRecordsetRuleGroup.razor.rz.scp.css */
.rule-group[b-6jcv3p3phc] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 1rem;
    padding: 16px;
}

.rule-group-header[b-6jcv3p3phc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rule-group-header-left[b-6jcv3p3phc] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rule-group-header-right[b-6jcv3p3phc] {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Group connection select styling */
.rule-group-header-right[b-6jcv3p3phc]  .form-select {
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 10px !important;
    color: white;
    height: 38px;
    padding: 0.25rem 2.25rem 0.25rem 0.75rem;
    min-width: 150px;
}

.rule-group-header-right[b-6jcv3p3phc]  .form-select:focus {
    box-shadow: none !important;
    border-color: var(--color-kazark-blue-2-new) !important;
    background-color: rgba(255, 255, 255, 0.20);
    color: white;
}

.rules-container[b-6jcv3p3phc] {
    margin: 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.add-rule-button[b-6jcv3p3phc] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 10px;
    padding: 8px 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.add-rule-button:hover[b-6jcv3p3phc] {
    background-color: rgba(255, 255, 255, 0.20);
    border-color: var(--color-kazark-blue-2-new);
}

.remove-rule-group-button[b-6jcv3p3phc] {
    background-color: transparent;
    color: var(--color-kazark-gray-1);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.remove-rule-group-button:hover[b-6jcv3p3phc] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
}
/* /Components/Data/Entities/DataIntegrityDefinition/DataIntegrityVerifications/GetAllCustomer/SingleRecordsetRuleRow.razor.rz.scp.css */
.rule-row[b-gtk95i9873] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.rule-row[b-gtk95i9873]  .field {
    flex: 1 1 180px;
    min-width: 180px;
    margin-bottom: 0;
}

/* Make rule selects look like the rest of the app inputs */
.rule-row[b-gtk95i9873]  .form-select {
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 10px !important;
    color: white;
    height: 54px;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.rule-row[b-gtk95i9873]  .form-select:focus {
    box-shadow: none !important;
    border-color: var(--color-kazark-blue-2-new) !important;
    background-color: rgba(255, 255, 255, 0.20);
    color: white;
}

/* Make rule text inputs match the rest as well */
.rule-row[b-gtk95i9873]  .form-control {
    height: 54px;
}

.remove-rule-button-container[b-gtk95i9873] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    height: 54px;
    margin-bottom: 1rem;
}

.remove-rule-button[b-gtk95i9873] {
    background-color: transparent;
    color: var(--color-kazark-gray-1);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.remove-rule-button:hover[b-gtk95i9873] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
}

.value-container-header[b-gtk95i9873] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.value-container-body[b-gtk95i9873] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.switch-value-mode-button[b-gtk95i9873] {
    background-color: transparent;
    color: var(--color-kazark-blue-2-new);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    margin-bottom: 5px;
}

.switch-value-mode-button:hover[b-gtk95i9873] {
    background-color: rgba(255, 255, 255, 0.10);
    border-color: var(--color-kazark-blue-2-new);
}
/* /Components/Data/Entities/DocumentDefinition/DocumentDimensions/GetChild/DocumentDimensionGetChild.razor.rz.scp.css */
.map[b-anot3xf7ta] {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    transition: width 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    padding-right: 0.5rem;
    height: 70vh;
}
/* /Components/Data/Entities/DocumentDefinition/DocumentDimensions/GetChild/DocumentDimensionTable.razor.rz.scp.css */
.map[b-4mspw7who2] {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    transition: width 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    padding-right: 0.5rem;
    height: 70vh;
}
/* /Components/Data/Entities/DocumentDefinition/Documents/GetAll/DocumentGetAll.razor.rz.scp.css */
[b-vnq1pu7a54] img {
    max-width: 300px;
    max-height: 300px;
}

.document-image-container[b-vnq1pu7a54] {
    display: flex;
    gap: 1rem;
}
/* /Components/Data/Entities/DocumentDefinition/DocumentSavedSearches/Custom/DocumentSavedSearchCard.razor.rz.scp.css */
.document-card[b-eczb3tm2l1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
    min-height: 11.5rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;
    padding: 2.5rem;
    box-sizing: border-box;
    transition: background-color 0.15s ease;
}

.document-card:hover[b-eczb3tm2l1] {
    background-color: rgba(255, 255, 255, 0.08);
}

.document-card-header[b-eczb3tm2l1] {
    display: flex;
    justify-content: flex-start;
}

.card-body-content[b-eczb3tm2l1] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
}

.document-image[b-eczb3tm2l1] {
    height: 2.75rem;
    max-width: 100%;
    overflow: hidden;
    color: var(--color-kazark-blue-2-new);
}

.document-image img[b-eczb3tm2l1] {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.document-title[b-eczb3tm2l1] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #F9FCFF;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}
/* /Components/Data/Entities/DocumentSearch/DocumentCard.razor.rz.scp.css */
.document-card[b-seniqnt04w] {
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;
    padding: 1.5625rem;
    width: 25.3125rem;
}

.document-card-header[b-seniqnt04w] {
    display: flex;
    justify-content: center;
}

.document-card[b-seniqnt04w]  .card-body {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 5px;
}

.document-card[b-seniqnt04w]  .card-body a {
    text-decoration: none;
}

.card-body-content[b-seniqnt04w] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.625rem;
    padding: 0;
}

.card-body-alerts[b-seniqnt04w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.card-body-alerts[b-seniqnt04w]  .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    min-height: 2.125rem;
    padding: 0.3125rem 0.9375rem 0.3125rem 0.625rem;
    background-color: rgba(225, 6, 73, 0.1) !important;
    border: 2px solid #E10649;
    border-radius: 0.625rem;
    color: #E10649 !important;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
}

.card-body-alerts[b-seniqnt04w]  .alert-pill-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.document-title[b-seniqnt04w] {
    font-size: 1.375rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.875rem;
    letter-spacing: 0.1px;
}

.document-description[b-seniqnt04w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dimension-item[b-seniqnt04w] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    border-top: 1px solid var(--color-kazark-dark-3);
}

.dimension-item-title[b-seniqnt04w] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    color: var(--color-kazark-gray-1);
}

.dimension-item-value[b-seniqnt04w] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.go-to-edit[b-seniqnt04w] {
    display: flex;
    flex-direction: row-reverse;
    padding: 2px;
}

.document-type[b-seniqnt04w] {
    color: var(--color-kazark-blue-new);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 1px;
}
/* /Components/Data/Entities/DocumentSearch/DocumentCardDeck.razor.rz.scp.css */
.document-cards-deck[b-13mso3157m] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: flex-start;
}
/* /Components/Data/Entities/DocumentSearch/DocumentCardImage.razor.rz.scp.css */
.document-image[b-afft0d1lm5] {
    width: 355px;
    height: 220px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--color-kazark-light-1);
}

.document-image img[b-afft0d1lm5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.small[b-afft0d1lm5] {
    width: 176px;
    height: 109px;
}
/* /Components/Data/Entities/DocumentSearch/DocumentResultCard.razor.rz.scp.css */
.card-body-content[b-7c17edeftr] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.document-card[b-7c17edeftr] {
    display: flex;
    flex-grow: 1;
    gap: 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;
    margin: 0.5rem;
    padding: 1.5rem;
}

.document-card-header[b-7c17edeftr] {
    display: flex;
    flex-direction: column;
}

.document-card-header .edit-link[b-7c17edeftr] {
    display: flex;
    padding-top: 1rem;
    text-decoration: none;
}

.document-image[b-7c17edeftr] {
    width: 355px;
    height: 220px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--color-kazark-light-1);
}

.document-image img[b-7c17edeftr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.document-card[b-7c17edeftr]  .card-body {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 5px;
}

.document-card[b-7c17edeftr]  .card-body a {
    text-decoration: none;
}

.document-title[b-7c17edeftr] {
    font-size: 1.375rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.875rem;
    letter-spacing: 0.1px;
}

.document-description[b-7c17edeftr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dimension-item[b-7c17edeftr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.go-to-edit[b-7c17edeftr] {
    display: flex;
    flex-direction: row-reverse;
    padding: 2px;
}

.document-type[b-7c17edeftr] {
    color: var(--color-kazark-blue-new);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
}

.dimension-highlight-connecting[b-7c17edeftr] {
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 -6px;
}

.dimension-highlight-verifying[b-7c17edeftr] {
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 -6px;
}
/* /Components/Data/Entities/DocumentSearch/Parcels/ParcelPolygons.razor.rz.scp.css */
.parcels-page[b-8v89eyjf5w] {
    padding: 0 1rem 0 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* /Components/Data/Entities/DocumentSearch/Parcels/ParcelPolygonView.razor.rz.scp.css */
.filters[b-mhfynis8vm] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.filters[b-mhfynis8vm]  .form-group {
    flex-grow: 1;
}

.filters__action[b-mhfynis8vm] {
    margin-left: auto;
}

.filters__action[b-mhfynis8vm]  .form-group {
    flex-grow: 0;
    width: auto;
    margin-bottom: 0;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/DocumentAlerts.razor.rz.scp.css */
.document-alerts[b-7qp2y62jcx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.document-alerts[b-7qp2y62jcx]  .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    min-height: 2.125rem;
    padding: 0.3125rem 0.9375rem 0.3125rem 0.625rem;
    background-color: rgba(225, 6, 73, 0.1) !important;
    border: 2px solid #e10649;
    border-radius: 0.625rem;
    color: #e10649 !important;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
}

.document-alerts[b-7qp2y62jcx]  .alert-pill-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.snooze-alert-btn[b-7qp2y62jcx] {
    border: none;
    background: transparent;
    color: inherit;
    padding: 0;
    margin-left: 0.35rem;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/DocumentDetail.razor.rz.scp.css */
.document-detail-page[b-qywlyxvy2g] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.5625rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.document-detail-actions[b-qywlyxvy2g] {
    display: flex;
}

.document-detail-actions[b-qywlyxvy2g]  .create-workorder-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0.375rem 1.125rem;
    background-color: var(--color-kazark-blue-new);
    border: 1px solid var(--color-kazark-blue-new);
    border-radius: 5rem;
    color: #FFFFFF;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    letter-spacing: 0;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.document-detail-actions[b-qywlyxvy2g]  .create-workorder-button:hover {
    background-color: var(--color-kazark-blue-2-new);
    border-color: var(--color-kazark-blue-2-new);
    color: #FFFFFF;
}

.document-row[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.document-header[b-qywlyxvy2g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.625rem;
}

.document-title[b-qywlyxvy2g] {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.875rem;
    letter-spacing: 0.1px;
    color: #ffffff;
}

.edit-link[b-qywlyxvy2g] {
    color: #ffffff;
    text-decoration: none;
    flex-shrink: 0;
}

.document-dimensions[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;
    padding: 1.875rem;
}

.related-documents[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;
    padding: 1.25rem 1.875rem;
}

.related-documents-header[b-qywlyxvy2g] {
    color: var(--color-kazark-gray-1);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
}

.related-documents-list[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.related-document-link[b-qywlyxvy2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.625rem;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.04);
    text-decoration: none !important;
}

.related-document-link:hover[b-qywlyxvy2g] {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.09);
}

.related-document-link *[b-qywlyxvy2g] {
    text-decoration: none;
}

.related-document-title[b-qywlyxvy2g] {
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-document-recordset[b-qywlyxvy2g] {
    flex-shrink: 0;
    color: var(--color-kazark-gray-1);
    font-size: 0.8125rem;
}

.dimension-group[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    border-top: 1px solid var(--color-kazark-dark-3);
}

.dimension-group:first-child[b-qywlyxvy2g] {
    border-top: none;
    padding-top: 0;
}

.dimension-group-header[b-qywlyxvy2g] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    color: var(--color-kazark-gray-1);
}

.dimension-group-values[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.dimension-row[b-qywlyxvy2g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.dimension-info[b-qywlyxvy2g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.dimension-value[b-qywlyxvy2g] {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.dimension-actions[b-qywlyxvy2g] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

.icon-btn[b-qywlyxvy2g] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 0.25rem;
    color: var(--color-kazark-gray-1);
}

.icon-btn:hover[b-qywlyxvy2g] {
    color: #ffffff;
}

.icon-btn.primary[b-qywlyxvy2g] {
    color: var(--color-kazark-blue-2-new);
}

.document-image-container[b-qywlyxvy2g] {
    display: flex;
    justify-content: center;
}

.document-image[b-qywlyxvy2g] {
    height: 200px;
    object-fit: contain;
    object-position: center;
    margin: 10px 0;
    border-radius: 0.625rem;
}

.history-section[b-qywlyxvy2g] {
    margin: 1rem 0;
}

.history-chart-card[b-qywlyxvy2g] {
    position: relative;
    height: 320px;
    padding: 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(23, 43, 77, 0.08);
}

.history-expand-button[b-qywlyxvy2g] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 10;
}

.document-location-preview[b-qywlyxvy2g] {
    height: 200px;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/DocumentDetailOnly.razor.rz.scp.css */
.document-row[b-jx0azy7nio] {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.document-header[b-jx0azy7nio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.document-title[b-jx0azy7nio] {
    font-weight: 600;
    font-size: 1.5rem;
}

.edit-link[b-jx0azy7nio] {
    color: #6b7280;
}

.document-dimensions[b-jx0azy7nio] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dimension-row[b-jx0azy7nio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dimension-info[b-jx0azy7nio] {
    display: flex;
    gap: 0.5rem;
    /*flex-wrap: wrap;*/
    flex-direction: column;
}

.dimension-actions[b-jx0azy7nio] {
    display: flex;
    gap: 0.25rem;
}

.icon-btn[b-jx0azy7nio] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 0.25rem;
    color: #6b7280;
}

.icon-btn:hover[b-jx0azy7nio] {
    color: #111827;
}

.icon-btn.primary[b-jx0azy7nio] {
    color: #2563eb;
}

.document-image-container[b-jx0azy7nio] {
    display: flex;
    justify-content: center;
}

.document-image[b-jx0azy7nio] {
    height: 200px;
    object-fit: contain;
    object-position: center;
    margin: 10px 0;
} 
/* /Components/Data/Entities/DocumentSearch/SearchNew/DocumentServiceOrders.razor.rz.scp.css */
.document-service-orders[b-gov0d687a2] {
    margin: 0.75rem 0;
}

.document-service-orders-title[b-gov0d687a2] {
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.document-service-orders-empty[b-gov0d687a2] {
    color: #6b7280;
    font-size: 0.85rem;
}

.document-service-orders-table[b-gov0d687a2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.document-service-orders-table th[b-gov0d687a2],
.document-service-orders-table td[b-gov0d687a2] {
    text-align: left;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

.document-service-orders-table .document-service-order-actions-heading[b-gov0d687a2],
.document-service-orders-table .document-service-order-actions[b-gov0d687a2] {
    width: 2.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    text-align: right;
}

.document-service-order-cancel-button[b-gov0d687a2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.document-service-order-cancel-button:hover[b-gov0d687a2],
.document-service-order-cancel-button:focus-visible[b-gov0d687a2] {
    background: rgba(225, 6, 73, 0.15);
    color: #fb7185;
    outline: none;
}

.document-service-order-cancel-button svg[b-gov0d687a2] {
    width: 1.125rem;
    height: 1.125rem;
}

.document-service-order-row[b-gov0d687a2] {
    cursor: pointer;
}

.document-service-order-row:hover[b-gov0d687a2] {
    background: rgba(148, 163, 184, 0.12);
}

.document-service-order-status[b-gov0d687a2] {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.document-service-order-status-open[b-gov0d687a2] {
    background: rgba(34, 197, 94, 0.18);
    color: #15803d;
}

.document-service-order-status-closed[b-gov0d687a2] {
    background: rgba(0, 166, 61, 0.1);
    color: #00a63d;
}

.document-service-order-status-draft[b-gov0d687a2] {
    background: rgba(59, 130, 246, 0.18);
    color: #1d4ed8;
}

.document-service-order-status-canceled[b-gov0d687a2] {
    background: rgba(225, 6, 73, 0.15);
    color: #fb7185;
}

.document-service-order-cancel-overlay[b-gov0d687a2] {
    position: fixed;
    inset: 0;
    z-index: 2300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(3, 9, 22, 0.82);
}

.document-service-order-cancel-popup[b-gov0d687a2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: min(28rem, 100%);
    padding: 2rem;
    border: 1px solid #262d3f;
    border-radius: 1.25rem;
    background: #030916;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    color: #f9fcff;
    text-align: center;
}

.document-service-order-cancel-popup-icon[b-gov0d687a2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgba(225, 6, 73, 0.15);
    color: #fb7185;
}

.document-service-order-cancel-popup-icon svg[b-gov0d687a2] {
    width: 1.75rem;
    height: 1.75rem;
}

.document-service-order-cancel-popup-title[b-gov0d687a2] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 800;
}

.document-service-order-cancel-popup-text[b-gov0d687a2] {
    margin: 0;
    color: #b8c0d4;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
}

.document-service-order-cancel-popup-number[b-gov0d687a2] {
    color: #f9fcff;
    font-size: 0.9375rem;
    font-weight: 700;
}

.document-service-order-cancel-error[b-gov0d687a2] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #dc2626;
    border-radius: 0.625rem;
    background: rgba(127, 29, 29, 0.28);
    color: #fca5a5;
    font-size: 0.875rem;
    font-weight: 600;
}

.document-service-order-cancel-popup-actions[b-gov0d687a2] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding-top: 0.25rem;
}

.document-service-order-cancel-popup-button[b-gov0d687a2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
}

.document-service-order-cancel-popup-button-secondary[b-gov0d687a2] {
    border-color: #465068;
    background: transparent;
    color: #f9fcff;
}

.document-service-order-cancel-popup-button-secondary:hover[b-gov0d687a2] {
    background: #101c34;
}

.document-service-order-cancel-popup-button-danger[b-gov0d687a2] {
    border-color: #dc3545;
    background: #dc3545;
    color: #ffffff;
}

.document-service-order-cancel-popup-button-danger:hover[b-gov0d687a2] {
    border-color: #b42331;
    background: #b42331;
}

.document-service-order-cancel-popup-button:disabled[b-gov0d687a2] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 36rem) {
    .document-service-order-cancel-popup-actions[b-gov0d687a2] {
        flex-direction: column-reverse;
    }

    .document-service-order-cancel-popup-button[b-gov0d687a2] {
        width: 100%;
    }
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/FakePages.razor.rz.scp.css */

.group-buttons[b-tqtwz1blyh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dummy-link[b-tqtwz1blyh] {
    width: 100%;
    max-width: 30rem;

    border: 2px solid #ffffff;
    border-radius: 999px;

    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    line-height: 15px;

    padding: 13px 28px;
    text-align: center;

    cursor: pointer;
    user-select: none;

    transition: background-color 0.2s ease,
    color 0.2s ease,
    transform 0.1s ease;
}

.dummy-link:hover[b-tqtwz1blyh] {
    background-color: #ffffff;
    color: #030916;
}

.dummy-link:active[b-tqtwz1blyh] {
    transform: scale(0.98);
}

.dummy-link[b-tqtwz1blyh] {
    text-decoration: none; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.left-group[b-tqtwz1blyh] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1rem;
}

.group-title[b-tqtwz1blyh] {
    font-size: 14px;
    letter-spacing: 0.12em;
    font-weight: 700;
    color: #8A8FA3;
    text-transform: uppercase;
}

.divider[b-tqtwz1blyh] {
    height: 1px;
    background-color: #2E3445;
    opacity: 0.5;
    margin: 2.5rem 0;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/FilterDocumentsPage.razor.rz.scp.css */
.documents-search[b-vvq35ft1kw] {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
} 
/* /Components/Data/Entities/DocumentSearch/SearchNew/FilteredDocuments.razor.rz.scp.css */
.content-container[b-wz3z7sw5un] {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
    margin-top: 1rem;
    overflow: hidden;
    height: 100%;
}

.resizer[b-wz3z7sw5un] {
    width: 4px;
    cursor: col-resize;
    background-color: var(--color-kazark-dark-3);
    flex-shrink: 0;
    position: relative;
    transition: background-color 0.2s;
    margin: 0 0.5rem;
    border-radius: 1.25rem;
}

.resizer:hover[b-wz3z7sw5un] {
    background-color: var(--color-kazark-blue-new);
}

.resizer[b-wz3z7sw5un]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3px;
    right: -3px;
}

.map[b-wz3z7sw5un] {
    padding-top: 0.5rem;
    flex-shrink: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.5rem;
    height: 100%;
}

.map[b-wz3z7sw5un]  .map-container.map-responsive > div {
    border-radius: 1.25rem;
}

.content[b-wz3z7sw5un] {
    flex: 1;
    min-width: 300px;
    padding-left: 0.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.content-container.map-hidden .map[b-wz3z7sw5un] {
    display: none;
}

.content-container.map-hidden .resizer:last-of-type[b-wz3z7sw5un] {
    display: none;
}

.content-container.documents-list-hidden .map-column[b-wz3z7sw5un] {
    flex: 1 1 auto;
    min-width: 0;
}

.selected-item-container[b-wz3z7sw5un] {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 1.25rem;

    display: flex;
    flex-direction: column;
    min-height: 0;

    overflow: hidden;
}

.content-container.details-hidden .selected-item-container[b-wz3z7sw5un] {
    display: none;
}

.content-container.details-hidden .resizer:first-of-type[b-wz3z7sw5un] {
    display: none;
}

.close-button-container[b-wz3z7sw5un] {
    display: flex;
    justify-content: flex-end;
}


.selected-document-column[b-wz3z7sw5un] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.documents-column[b-wz3z7sw5un] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex: 1;
}

.map-column[b-wz3z7sw5un] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.column-top[b-wz3z7sw5un] {
    min-height: 54px;
    display: flex;
    align-items: center;
    color: white;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.1px;
    justify-content: space-between;
    padding-left: 20px;
}

.selected-document-heading[b-wz3z7sw5un] {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.selected-document-back[b-wz3z7sw5un] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 10px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.selected-document-back svg[b-wz3z7sw5un] {
    width: 24px;
    height: 24px;
}

.selected-document-back:hover[b-wz3z7sw5un] {
    background: rgba(255, 255, 255, 0.15);
    color: #4596FF;
    transform: translateX(-2px);
}

.selected-document-back:focus-visible[b-wz3z7sw5un] {
    outline: 2px solid #4596FF;
    outline-offset: 2px;
}

.location-control-buttons[b-wz3z7sw5un] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.location-control-buttons[b-wz3z7sw5un]  .form-group {
    margin: 0;
}

.document-skeleton[b-wz3z7sw5un] {
    padding: 1.5625rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.skeleton-line[b-wz3z7sw5un],
.skeleton-pill[b-wz3z7sw5un],
.skeleton-block[b-wz3z7sw5un] {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.04) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: skeleton-shimmer-b-wz3z7sw5un 1.4s ease-in-out infinite;
}

.skeleton-title[b-wz3z7sw5un] {
    height: 1.875rem;
    width: 60%;
}

.skeleton-row[b-wz3z7sw5un] {
    display: flex;
    gap: 0.625rem;
}

.skeleton-pill[b-wz3z7sw5un] {
    height: 2.125rem;
    width: 8.3125rem;
    border-radius: 0.625rem;
}

.skeleton-group[b-wz3z7sw5un] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--color-kazark-dark-3);
}

.skeleton-group-header[b-wz3z7sw5un] {
    height: 16px;
    width: 35%;
}

.skeleton-group-row[b-wz3z7sw5un] {
    height: 14px;
    width: 80%;
}

.skeleton-narrow[b-wz3z7sw5un] {
    width: 55%;
}

.skeleton-block[b-wz3z7sw5un] {
    width: 100%;
    border-radius: 12px;
}

.skeleton-chart[b-wz3z7sw5un] {
    height: 180px;
}

.skeleton-image[b-wz3z7sw5un] {
    height: 220px;
}

@keyframes skeleton-shimmer-b-wz3z7sw5un {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/FiltersView.razor.rz.scp.css */
.documents-search-header-top-row--one-line[b-kvtyaeh3ie] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 600px;
    flex-wrap: nowrap;
}

.documents-search-header-search[b-kvtyaeh3ie] {
    flex: 0 0 auto;
}

.documents-search-header-top-row--one-line[b-kvtyaeh3ie]  input {
    width: 600px; 
}

.documents-search-header-badges-inline[b-kvtyaeh3ie] {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    justify-content: flex-end;
    margin-top:1.125rem;
}

.documents-search-header-badges-inline[b-kvtyaeh3ie]  .badge,
.documents-search-header-selected-badges[b-kvtyaeh3ie]  .badge {
    color: var(--color-kazark-dark-1) !important;
}

.documents-search-header-badges-inline[b-kvtyaeh3ie]  .badge,
.documents-search-header-selected-badges[b-kvtyaeh3ie]  .badge {
    padding: 0.45rem 0.8rem !important;
    line-height: 1.2 !important;
    font-size: 1rem !important; 
    background-color: var(--color-kazark-blue-2-new) !important
}

.documents-search-header[b-kvtyaeh3ie] {
    display: flex;
    flex-direction: column;
    margin-top:0.5rem;
}

.documents-search-header[b-kvtyaeh3ie]  .form-group {
    margin-bottom: 0;
}

.documents-search-header-top-row[b-kvtyaeh3ie] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 10px;
    min-width: 300px;
}

.documents-search-header-top-row[b-kvtyaeh3ie]  input {
    width: 300px;
}

.documents-search-header-dimensions[b-kvtyaeh3ie] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 20px;
    max-height: 1000px;
    opacity: 1;
    transition: max-height 0.3s ease, opacity 0.2s ease, margin-bottom 0.3s ease;
}

.documents-search-header-date-range[b-kvtyaeh3ie] {
    min-width: 300px;
    display: flex;
    gap: 0.5rem;
}

.documents-search-header-date-range[b-kvtyaeh3ie]  .form-group {
    flex: 1;
}

.documents-search-header-dimensions--collapsed[b-kvtyaeh3ie] {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.documents-search-header-buttons[b-kvtyaeh3ie] {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
    margin-left: auto;
    margin-top: 1.125rem;
    align-items: center;
}

.documents-search-header-top-row--one-line[b-kvtyaeh3ie]  .documents-search-header-shortcuts-button {
    flex: 0 0 auto;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    height: 3.375rem;
    padding: 0.8125rem 1.875rem 0.8125rem 1.25rem;
    background-color: var(--color-kazark-blue-new);
    border: 1px solid var(--color-kazark-blue-new);
    border-radius: 5rem;
    color: #FFFFFF;
    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.documents-search-header-top-row--one-line[b-kvtyaeh3ie]  .documents-search-header-shortcuts-button:hover {
    background-color: var(--color-kazark-blue-2-new);
    border-color: var(--color-kazark-blue-2-new);
    color: #FFFFFF;
}

.documents-search-header-top-row--one-line[b-kvtyaeh3ie]  .documents-search-header-shortcuts-button-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    stroke: currentColor;
}

.documents-search-header-selected-badges[b-kvtyaeh3ie] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.documents-search-header-badges-row[b-kvtyaeh3ie],
.documents-search-header-toggle-row[b-kvtyaeh3ie] {
    margin-top: .5rem;
    display: flex;
    align-items: center;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/ListOfFiles.razor.rz.scp.css */
.pdf-card[b-5j2vc7iieo] {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    margin: 8px 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #eeeeee;
}

.pdf-icon[b-5j2vc7iieo] {
    font-size: 32px;
    margin-right: 12px;
}

.pdf-info[b-5j2vc7iieo] {
    overflow: hidden;
}

.pdf-link[b-5j2vc7iieo] {
    display: block;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdf-link:hover[b-5j2vc7iieo] {
    text-decoration: underline;
}

.pdf-subtitle[b-5j2vc7iieo] {
    font-size: 12px;
    color: #6b7280;
}
/* /Components/Data/Entities/DocumentSearch/SearchNew/ShortcutsModal.razor.rz.scp.css */
.shortcuts-modal-title h2[b-oxrqk7e7g6] {
    margin: 0;
    font-family: 'Figtree', sans-serif;
    font-weight: 800;
    font-size: 1.875rem;
    line-height: 2.8125rem;
    color: #F9FCFF;
    letter-spacing: 0.02em;
}

.shortcuts-modal-title p[b-oxrqk7e7g6] {
    margin: 0.3125rem 0 0;
    font-family: 'Figtree', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: var(--color-kazark-gray-1);
}

.shortcuts-modal-close[b-oxrqk7e7g6] {
    background: transparent;
    border: none;
    padding: 0.9375rem;
    color: var(--color-kazark-light-1);
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, color 0.2s;
}

.shortcuts-modal-close:hover[b-oxrqk7e7g6] {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}

.shortcuts-group[b-oxrqk7e7g6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.shortcuts-group:first-child[b-oxrqk7e7g6] {
    margin-top: 0;
}

.shortcuts-group-header[b-oxrqk7e7g6] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: 0.08em;
    color: #ffffff;
    text-transform: uppercase;
}

.document-cards-deck[b-oxrqk7e7g6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2.5rem;
    align-items: stretch;
}

.document-card-cell[b-oxrqk7e7g6] {
    display: flex;
}
/* /Components/Data/Entities/FakePages/FakePageView.razor.rz.scp.css */
.main-image[b-newnczfeuk] {
    max-width: calc(100vw - 250px);
    max-height: calc(100vh - 100px);
}
/* /Components/Data/Entities/ReportDefinition/ReportResults/GetAllCustomer/ReportResultGetAllCustomer.razor.rz.scp.css */
.report-result[b-e9cbp01uk8] {
    display: flex;
    gap: 1rem;
    padding-bottom: 2rem;
}

.general-info[b-e9cbp01uk8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 1;
}

.general-info-item[b-e9cbp01uk8] {
    width: 100%;
}

.results-display-container[b-e9cbp01uk8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 10;
    align-items: center;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: hidden;
}

.no-report-results[b-e9cbp01uk8] {
    font-size: 1.5rem;
    font-weight: bold;
}

.results-display-header[b-e9cbp01uk8] {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.results-display-header .recordset-name[b-e9cbp01uk8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.results-display-body[b-e9cbp01uk8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.results-display-pair[b-e9cbp01uk8] {
    display: flex;
    gap: 1rem;
}

.load-more-container[b-e9cbp01uk8] {
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
}

/* The spinner stands in for the 24px export icon, so the round button keeps its size while an export is running. */
.export-spinner[b-e9cbp01uk8] {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}
/* /Components/Data/Entities/ReportDefinition/ReportResults/GetTableCustomer/ReportResultTable.razor.rz.scp.css */
.success-cell[b-779mv7bdd4] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 1.5rem;
}

.not-processed[b-779mv7bdd4] {
    font-size: 0.75rem;
    font-style: italic;
}
/* /Components/Data/Entities/ReportDefinition/ReportTemplates/GetAllCustomer/ReportRuleGroupEditor.razor.rz.scp.css */
.rule-group-item[b-ki4crwf0jk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.group-connection[b-ki4crwf0jk] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1rem;
}

.group-connection-line[b-ki4crwf0jk] {
    flex: 1 1 auto;
    height: 1px;
    margin-bottom: 2.2rem;
    background-color: rgba(255, 255, 255, 0.25);
}

.group-connection-field[b-ki4crwf0jk] {
    flex: 0 0 225px;
}

.group-connection-field[b-ki4crwf0jk]  .form-select {
    min-width: 225px;
}

.rule-group[b-ki4crwf0jk] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 1rem;
    padding: 16px;
}

.rule-group-header[b-ki4crwf0jk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.rule-group-header-left[b-ki4crwf0jk] {
    flex: 1 1 360px;
}

.rule-group-title[b-ki4crwf0jk] {
    color: var(--color-kazark-gray-1);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rule-group-header-right[b-ki4crwf0jk] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.rules-container[b-ki4crwf0jk] {
    margin: 1rem 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.rule-actions[b-ki4crwf0jk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.add-rule-button[b-ki4crwf0jk] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 10px;
    padding: 8px 16px;
    font-weight: 600;
    cursor: pointer;
}

.add-rule-button:hover[b-ki4crwf0jk] {
    background-color: rgba(255, 255, 255, 0.20);
    border-color: var(--color-kazark-blue-2-new);
}

.add-rule-button:disabled[b-ki4crwf0jk] {
    opacity: 0.55;
    cursor: not-allowed;
}

.remove-rule-group-button[b-ki4crwf0jk] {
    background-color: transparent;
    color: var(--color-kazark-gray-1);
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.25rem;
}

.remove-rule-group-button:hover[b-ki4crwf0jk] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
}

@media (max-width: 900px) {
    .group-connection[b-ki4crwf0jk] {
        align-items: stretch;
        padding: 0;
    }

    .group-connection-line[b-ki4crwf0jk] {
        display: none;
    }

    .group-connection-field[b-ki4crwf0jk],
    .group-connection-field[b-ki4crwf0jk]  .form-select {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .rule-group-header[b-ki4crwf0jk] {
        flex-direction: column;
    }

    .rule-group-header-left[b-ki4crwf0jk],
    .rule-group-header-right[b-ki4crwf0jk] {
        width: 100%;
    }
}
/* /Components/Data/Entities/ReportDefinition/ReportTemplates/GetAllCustomer/ReportRuleRowEditor.razor.rz.scp.css */
.rule-item[b-lljxv9agju] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.rule-connection[b-lljxv9agju] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1rem;
}

.rule-connection-line[b-lljxv9agju] {
    flex: 1 1 auto;
    height: 1px;
    margin-bottom: 2.2rem;
    background-color: rgba(255, 255, 255, 0.25);
}

.rule-connection-field[b-lljxv9agju] {
    flex: 0 0 225px;
}

.rule-connection-field[b-lljxv9agju]  .form-select {
    min-width: 225px;
}

.rule-row[b-lljxv9agju] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 10rem minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 0.5rem 1rem;
}

.nested-rule-group[b-lljxv9agju] {
    margin-left: 2rem;
    padding-left: 1rem;
    border-left: 2px solid rgba(255, 255, 255, 0.16);
}

.remove-nested-group-button[b-lljxv9agju] {
    align-self: flex-start;
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    background-color: transparent;
    color: var(--color-kazark-blue-2-new);
    cursor: pointer;
    padding: 7px 12px;
    font-weight: 600;
}

.remove-nested-group-button:hover[b-lljxv9agju] {
    background-color: rgba(255, 255, 255, 0.10);
}

.nested-rule-group-error[b-lljxv9agju] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--color-kazark-gray-1);
}

.value-container-header[b-lljxv9agju] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.value-container-body[b-lljxv9agju] {
    display: flex;
    gap: 0.5rem;
}

.value-container-body > *[b-lljxv9agju] {
    flex: 1;
    min-width: 0;
}

.value-range-part[b-lljxv9agju] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.value-range-caption[b-lljxv9agju] {
    font-size: 0.7rem;
    color: var(--color-kazark-gray-1);
}

.value-container-header[b-lljxv9agju]  .value-hint-icon {
    margin-left: 0.35rem;
    color: var(--color-kazark-blue-2-new);
    cursor: help;
}

.value-mode-select[b-lljxv9agju] {
    width: 10rem;
    padding-bottom: 1rem;
}

.value-field[b-lljxv9agju]  .form-control {
    height: 38px;
    background-color: transparent;
    border-radius: var(--bs-border-radius) !important;
}

.value-field[b-lljxv9agju]  .form-control:focus {
    background-color: transparent;
}

.remove-rule-button-container[b-lljxv9agju] {
    align-self: end;
    padding-bottom: 1rem;
}

.remove-rule-button[b-lljxv9agju] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--color-kazark-dark-3);
    border-radius: 8px;
    background: transparent;
    color: var(--color-kazark-gray-1);
    cursor: pointer;
    font-size: 1.25rem;
}

.remove-rule-button:hover[b-lljxv9agju] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
}

@media (max-width: 1200px) {
    .rule-row[b-lljxv9agju] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .rule-connection[b-lljxv9agju] {
        align-items: stretch;
        padding: 0;
    }

    .rule-connection-line[b-lljxv9agju] {
        display: none;
    }

    .rule-connection-field[b-lljxv9agju],
    .rule-connection-field[b-lljxv9agju]  .form-select {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .rule-row[b-lljxv9agju] {
        grid-template-columns: 1fr;
    }

    .value-mode-select[b-lljxv9agju] {
        width: 100%;
        padding-bottom: 0;
    }

    .remove-rule-button-container[b-lljxv9agju] {
        padding-bottom: 0;
    }

    .nested-rule-group[b-lljxv9agju] {
        margin-left: 0.75rem;
    }
}
/* /Components/Data/Entities/ReportDefinition/ReportTemplates/GetAllCustomer/ReportTemplateAlertsEditor.razor.rz.scp.css */
.alerts-editor[b-ao87c088lv] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 1rem;
    padding: 1rem;
}

.section-heading h3[b-ao87c088lv] {
    margin: 0;
    font-size: 1rem;
}

.section-heading p[b-ao87c088lv] {
    margin: 0.25rem 0 0;
    color: var(--color-kazark-gray-1);
    font-size: 0.85rem;
}

.recordset-alerts[b-ao87c088lv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.recordset-alert-row[b-ao87c088lv] {
    display: grid;
    grid-template-columns: minmax(160px, 240px) 1fr;
    gap: 1rem;
    align-items: start;
    padding: 0.75rem;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.04);
}

.recordset-name[b-ao87c088lv] {
    min-height: 38px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.alert-selects[b-ao87c088lv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.alert-select[b-ao87c088lv] {
    display: flex;
    min-width: 260px;
    flex: 1 1 320px;
    gap: 0.35rem;
}

.alert-select[b-ao87c088lv]  .form-select {
    flex: 1;
}

.add-alert-button[b-ao87c088lv],
.remove-alert-button[b-ao87c088lv] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.add-alert-button[b-ao87c088lv] {
    border: 0;
    background-color: var(--color-kazark-blue-new);
    color: white;
}

.add-alert-button:hover[b-ao87c088lv] {
    background-color: var(--color-kazark-blue-2-new);
}

.remove-alert-button[b-ao87c088lv] {
    border: 1px solid var(--color-kazark-dark-3);
    background: transparent;
    color: var(--color-kazark-gray-1);
}

.remove-alert-button:hover[b-ao87c088lv] {
    background-color: rgba(255, 255, 255, 0.10);
    color: white;
}

.empty-state[b-ao87c088lv] {
    margin-top: 1rem;
    color: var(--color-kazark-gray-1);
}

@media (max-width: 700px) {
    .recordset-alert-row[b-ao87c088lv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Data/Entities/ReportDefinition/ReportTemplates/GetAllCustomer/ReportTemplateGetAllCustomer.razor.rz.scp.css */
.report-template[b-u5s16l3ke7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.general-info[b-u5s16l3ke7] {
    display: flex;
    gap: 3rem;
    align-items: flex-end;
}

.general-info-name[b-u5s16l3ke7] {
    flex: 8 1 420px;
}

.general-info-order[b-u5s16l3ke7] {
    flex: 1 1 140px;
}

.general-info-relation[b-u5s16l3ke7] {
    flex: 3 1 280px;
}

.general-info-relation[b-u5s16l3ke7]  .form-select {
    height: 54px;
}

.loading-scope[b-u5s16l3ke7] {
    position: relative;
}

.rule-groups-section[b-u5s16l3ke7],
.schedule-section[b-u5s16l3ke7],
.result-display-dimensions[b-u5s16l3ke7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-heading h3[b-u5s16l3ke7] {
    margin: 0;
    font-size: 1rem;
}

.section-heading p[b-u5s16l3ke7] {
    margin: 0.25rem 0 0;
    color: var(--color-kazark-gray-1);
    font-size: 0.85rem;
}

.rule-groups-container[b-u5s16l3ke7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.add-rule-group-container[b-u5s16l3ke7] {
    margin-top: 10px;
}

.add-rule-group-button[b-u5s16l3ke7] {
    background-color: var(--color-kazark-blue-new);
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    cursor: pointer;
}

.add-rule-group-button:hover[b-u5s16l3ke7] {
    background-color: var(--color-kazark-blue-2-new);
}

.add-rule-group-button:disabled[b-u5s16l3ke7] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .general-info[b-u5s16l3ke7] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .general-info-name[b-u5s16l3ke7],
    .general-info-order[b-u5s16l3ke7],
    .general-info-relation[b-u5s16l3ke7] {
        flex-basis: auto;
    }
}
/* /Components/Data/Entities/WorkOrderDefinition/WorkOrderNewConnections/GetChildCustomer/WorkOrderNewConnectionGetChildCustomer.razor.rz.scp.css */
/* Styles for this component are provided via ::deep in ServiceOrderModal.razor.css */
/* /Components/Icons/DocumentLocationIcon.razor.rz.scp.css */
.document-location-icon[b-sjbubmnqpe] {
    width: 1rem;
    height: 1rem;
}

/* /Layouts/MainLayout.razor.rz.scp.css */
[b-c8dxeggtz5] .layout-wrapper .header {
    height: 80px;
}

/* overflow: clip (not hidden) clips the header and the menu while the sidebar slides, without making the column a scroll container: a scroll container
   loses its content-based minimum width, and a wide page would then squeeze the shown sidebar below 260px. */
[b-c8dxeggtz5] .layout-wrapper .sidebar {
    max-width: 260px;
    overflow: clip;
}

/* SpaBase hides the sidebar with width: 0 and transitions flex-grow, width and max-width; width cannot interpolate between 0 and auto, so without a
   definite max-width on the hidden state the sidebar opens in a jump. A max-width of 0 gives the transition a pair it can interpolate (0 <-> 260px), so
   the sidebar slides both ways over SpaBase's 150ms. */
[b-c8dxeggtz5] .layout-wrapper.sidebar-hidden .sidebar {
    max-width: 0;
}

/* While the column slides it is narrower than the sidebar; the header and the menu keep the sidebar's full width so that the moving edge uncovers the
   centered logo in its final place instead of the logo re-centering in a growing header and entering from the page's left border. */
[b-c8dxeggtz5] .layout-wrapper .sidebar > .header,
[b-c8dxeggtz5] .layout-wrapper .sidebar > .content {
    min-width: 260px;
}

[b-c8dxeggtz5] .layout-wrapper .sidebar .header {
    font-size: 1.25em;
    font-weight: 700;
    justify-content: center;
    position: relative;
}

[b-c8dxeggtz5] .layout-wrapper .sidebar .header img {
    width: 124px;
    height: 44px;
}

[b-c8dxeggtz5] .layout-wrapper .sidebar .header .hide-sidebar {
    position: absolute;
    left: 1em;
    top: 0;
    bottom: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
}

[b-c8dxeggtz5] .layout-wrapper .main .header .show-sidebar {
    margin: 0 1em;
}

[b-c8dxeggtz5] .layout-wrapper.sidebar-hidden .show-sidebar-button {
    display: flex;
    align-items: center;
}

[b-c8dxeggtz5] .layout-wrapper .main .header .header-brand-logo {
    width: 124px;
    height: 44px;
}

[b-c8dxeggtz5] .layout-wrapper .main .content > .row {
    margin-left: 0;
    margin-right: 0;
}

[b-c8dxeggtz5] .b-bar-vertical-inline {
    width: 100%;
    max-width: 100%;
}
/* /Pages/Content/Dashboard.razor.rz.scp.css */
.dashboard-container[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: auto;
    flex-grow: 1;
}
.dashboard-content[b-oqewpjb9sr] {
    padding: 2rem 2rem 2.5rem;
    width: 100%;
    margin: 0 auto;
}

.hero-panel[b-oqewpjb9sr] {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0.5rem 0 0;
    box-shadow: none;
}

.dashboard-header h1[b-oqewpjb9sr] {
    margin: 0;
    font-size: clamp(1.9rem, 1.8vw + 1rem, 2.8rem);
    color: #F9FCFF;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.dashboard-header p[b-oqewpjb9sr] {
    margin-top: 0.65rem;
    margin-bottom: 0;
    color: #E1E7F7;
    font-size: 1.02rem;
    max-width: 760px;
}

.dashboard-tabs[b-oqewpjb9sr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.dashboard-tab[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid #262D3F;
    background: transparent;
    color: #7B839C;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.dashboard-tab:hover[b-oqewpjb9sr] {
    color: #E1E7F7;
    border-color: #3A4258;
}

.dashboard-tab:focus-visible[b-oqewpjb9sr] {
    outline: 2px solid rgba(69, 150, 255, 0.4);
    outline-offset: 2px;
}

.dashboard-tab.active[b-oqewpjb9sr] {
    background: rgba(69, 150, 255, 0.14);
    border-color: transparent;
    color: #4596FF;
}

.dashboard-tab.active:hover[b-oqewpjb9sr] {
    background: rgba(69, 150, 255, 0.2);
    color: #4596FF;
}

.tab-placeholder[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    margin-top: 2rem;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #7B839C;
    font-size: 1.05rem;
}

.summary-grid[b-oqewpjb9sr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
    margin-top: 1.75rem;
    margin-bottom: 2.2rem;
}

.all-summary-grid[b-oqewpjb9sr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2.5rem;
    margin-top: 1.75rem;
    margin-bottom: 2.2rem;
}

.custom-cards-grid[b-oqewpjb9sr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
}

.custom-card[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1.35rem 1.5rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #262D3F;
    box-shadow: 0 10px 28px rgba(3, 11, 25, 0.4);
}

.custom-card-title[b-oqewpjb9sr] {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #7B839C;
}

.custom-card-value[b-oqewpjb9sr] {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1;
    color: #F9FCFF;
}

.custom-card-value-empty[b-oqewpjb9sr] {
    color: #7B839C;
}

.custom-card-value-link[b-oqewpjb9sr] {
    text-decoration: none !important;
    cursor: pointer;
    transition: color 0.15s ease;
    width: fit-content;
}

.custom-card-value-link:hover[b-oqewpjb9sr] {
    color: #4596FF;
}

.details-section h2[b-oqewpjb9sr] {
    margin-top: 0.75rem;
    margin-bottom: 0.9rem;
    color: #F9FCFF;
    font-size: 1.375rem;
    line-height: 1.36;
    font-weight: 800;
    letter-spacing: 0.1px;
}

.details-toggle[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}

.details-toggle:hover[b-oqewpjb9sr] {
    color: #4596FF;
}

.details-toggle:focus-visible[b-oqewpjb9sr] {
    outline: 2px solid rgba(69, 150, 255, 0.4);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

.details-toggle-icon[b-oqewpjb9sr] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.details-toggle-icon.is-expanded[b-oqewpjb9sr] {
    transform: rotate(180deg);
}

.alert-table-wrap[b-oqewpjb9sr] {
    overflow: auto;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
}

.alert-table[b-oqewpjb9sr] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.alert-table th[b-oqewpjb9sr] {
    background: #171C28;
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: 0.1px;
    padding: 0.625rem 2.5rem;
    text-align: left;
    vertical-align: middle;
}

.alert-table th .th-content[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
}

.alert-table th .header-icon[b-oqewpjb9sr],
.alert-table th[b-oqewpjb9sr]  .header-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.alert-table th.status-active[b-oqewpjb9sr] {
    color: #E10649;
}

.alert-table th.status-resolved[b-oqewpjb9sr] {
    color: #00A63D;
}

.alert-table th.status-snoozed[b-oqewpjb9sr] {
    color: #4596FF;
}

.alert-table th.issue-active[b-oqewpjb9sr] {
    color: #E10649;
}

.alert-table th.issue-open[b-oqewpjb9sr] {
    color: #E8730C;
}

.alert-table th.issue-inprogress[b-oqewpjb9sr] {
    color: #4596FF;
}

.alert-table th.issue-resolved[b-oqewpjb9sr] {
    color: #00A63D;
}

.alert-table td[b-oqewpjb9sr] {
    border-bottom: 1px solid #262D3F;
    padding: 1.25rem 2.5rem;
    vertical-align: top;
    text-align: left;
}

.alert-table tr:last-child td[b-oqewpjb9sr] {
    border-bottom: none;
}

.alert-name[b-oqewpjb9sr] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: 0.1px;
    color: #F9FCFF;
    min-width: 180px;
    vertical-align: middle;
}

.alert-name-wrap[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.alert-name-icon[b-oqewpjb9sr] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
}

.mini-stat-list[b-oqewpjb9sr] {
    display: grid;
    gap: 0;
}

.mini-stat-row[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0 0.625rem;
    height: 4rem;
    width: 11rem;
    border-radius: 0.625rem;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.mini-stat-row:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.06);
}

.mini-stat-row:focus-visible[b-oqewpjb9sr] {
    outline: 2px solid rgba(255, 255, 255, 0.25);
    outline-offset: -2px;
}

.mini-label-wrap[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
}

.mini-label[b-oqewpjb9sr] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
    letter-spacing: 0.1px;
    color: #7B839C;
}

.mini-label.mini-label-total[b-oqewpjb9sr] {
    font-weight: 700;
}

.mini-count-number[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-width: 2.75rem;
    margin-left: auto;
    padding: 0 0.9375rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0.1px;
    color: #F9FCFF;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
}

.alert-table td:nth-child(2) .mini-count-number[b-oqewpjb9sr] {
    color: #E10649;
}

.alert-table td:nth-child(3) .mini-count-number[b-oqewpjb9sr] {
    color: #E8730C;
}

.alert-table td:nth-child(4) .mini-count-number[b-oqewpjb9sr] {
    color: #4596FF;
}

.alert-table td:nth-child(5) .mini-count-number[b-oqewpjb9sr] {
    color: #00A63D;
}

[b-oqewpjb9sr] .active-alerts-modal .modal-dialog {
    max-width: min(1500px, calc(100vw - 2rem));
    transition: max-width 0.2s ease;
}

[b-oqewpjb9sr] .issue-list-modal .modal-dialog {
    max-width: min(1800px, calc(100vw - 2rem));
}

[b-oqewpjb9sr] .issue-list-modal .modal-content {
    height: calc(100vh - 4rem);
    overflow: hidden;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    background: #030918;
    color: #F9FCFF;
}

[b-oqewpjb9sr] .issue-list-modal .modal-body {
    height: 100%;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.issue-list-modal-root[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    min-height: 0;
    padding: 2.5rem;
}

[b-oqewpjb9sr] .active-alerts-modal.has-document-detail .modal-dialog {
    max-width: min(1800px, calc(100vw - 2rem));
}

[b-oqewpjb9sr] .active-alerts-modal .modal-content {
    background: #030918;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    overflow: hidden;
    height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

[b-oqewpjb9sr] .active-alerts-modal .modal-body {
    padding: 0;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.alerts-modal-root[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 2.5rem;
    height: 100%;
    min-height: 0;
}

.alerts-modal-workspace[b-oqewpjb9sr] {
    position: relative;
    display: flex;
    gap: 1.5rem;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.alerts-modal-header[b-oqewpjb9sr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.alerts-modal-title-group[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
    flex: 1;
}

.alerts-modal-eyebrow[b-oqewpjb9sr] {
    color: #4596FF;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.alerts-modal-title-row[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.alerts-modal-title-icon[b-oqewpjb9sr],
.alerts-modal-title-row[b-oqewpjb9sr]  .alerts-modal-title-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
    color: #F9FCFF;
}

.alerts-modal-title[b-oqewpjb9sr] {
    margin: 0;
    color: #F9FCFF;
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 2.8125rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alerts-modal-close[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
}

.alerts-modal-close:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.12);
}

.alerts-modal-close svg[b-oqewpjb9sr] {
    width: 1.5rem;
    height: 1.5rem;
}

.alerts-modal-body[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    flex: 1;
    min-height: 0;
    min-width: 0;
}

.alerts-modal-toolbar[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding: 0;
}

.alerts-modal-count[b-oqewpjb9sr] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    height: 3.375rem;
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.alerts-modal-filter[b-oqewpjb9sr] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    padding: 0.625rem 0.9375rem 0.625rem 1.25rem;
    height: 3.375rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.625rem;
}

.alerts-modal-filter input[b-oqewpjb9sr] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.5px;
    min-width: 0;
}

.alerts-modal-filter input[b-oqewpjb9sr]::placeholder {
    color: #7B839C;
    font-style: italic;
    opacity: 1;
}

.alerts-modal-filter-icon[b-oqewpjb9sr] {
    width: 1.5rem;
    height: 1.5rem;
    color: #7B839C;
    flex-shrink: 0;
}

.alerts-modal-empty[b-oqewpjb9sr] {
    margin: 0;
    padding: 1.25rem;
    color: #7B839C;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.alerts-modal-table-wrap[b-oqewpjb9sr] {
    overflow: auto;
    flex: 1;
    min-height: 0;
}

.alerts-modal-table[b-oqewpjb9sr] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.alerts-modal-table th[b-oqewpjb9sr] {
    background: #030918;
    color: #7B839C;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    text-align: left;
    vertical-align: middle;
    padding: 0.625rem 2.5rem;
    border-bottom: 1px solid #171C28;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.alerts-modal-table tbody tr[b-oqewpjb9sr] {
    border-bottom: 1px solid #171C28;
}

.alerts-modal-table tbody tr:last-child[b-oqewpjb9sr] {
    border-bottom: none;
}

.alerts-modal-table td[b-oqewpjb9sr] {
    padding: 1.25rem 2.5rem;
    vertical-align: middle;
    text-align: left;
}

.alerts-modal-table tbody tr:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.03);
}

.alerts-modal-table tbody tr.is-selected[b-oqewpjb9sr] {
    background: rgba(69, 150, 255, 0.1);
    box-shadow: inset 3px 0 0 #4596FF;
}

.alerts-cell-document-title[b-oqewpjb9sr] {
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.alerts-cell-alert[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
}

.alerts-cell-alert-icon[b-oqewpjb9sr] {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1;
    color: #4596FF;
    flex-shrink: 0;
}

.alerts-cell-date[b-oqewpjb9sr] {
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.alerts-status-pill[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.3125rem 0.9375rem 0.3125rem 0.625rem;
    border-radius: 0.625rem;
    border: 2px solid currentColor;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
}

.alerts-status-pill-icon[b-oqewpjb9sr],
.alerts-status-pill[b-oqewpjb9sr]  .alerts-status-pill-icon {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

.alerts-status-pill.status-active[b-oqewpjb9sr] {
    color: #E10649;
    background: rgba(225, 6, 73, 0.10);
}

.alerts-status-pill.status-resolved[b-oqewpjb9sr] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.10);
}

.alerts-status-pill.status-snoozed[b-oqewpjb9sr] {
    color: #4596FF;
    background: rgba(69, 150, 255, 0.10);
}

.alerts-cell-actions[b-oqewpjb9sr] {
    display: flex;
    gap: 0.625rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.alerts-action-btn[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8125rem 1.875rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem;
    letter-spacing: 0;
    text-decoration: none !important;
    border: 2px solid #0E62D0;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.alerts-action-btn-outlined[b-oqewpjb9sr] {
    color: #0E62D0;
    background: transparent;
}

.alerts-action-btn-outlined:hover[b-oqewpjb9sr] {
    background: rgba(14, 98, 208, 0.1);
    color: #0E62D0;
}

.alerts-action-btn-filled[b-oqewpjb9sr] {
    color: #FFFFFF;
    background: #0E62D0;
}

.alerts-action-btn-filled:hover[b-oqewpjb9sr] {
    background: #0a4ea3;
    color: #FFFFFF;
    border-color: #0a4ea3;
}

.dashboard-document-detail[b-oqewpjb9sr] {
    display: flex;
    flex: 0 0 min(520px, 38vw);
    flex-direction: column;
    min-width: 0;
    max-width: 42%;
    min-height: 0;
    overflow: hidden;
    color: #F9FCFF;
    background: #0B1120;
    border: 1px solid #262D3F;
    border-radius: 1rem;
    animation: dashboard-document-detail-enter-b-oqewpjb9sr 0.2s ease-out;
}

@keyframes dashboard-document-detail-enter-b-oqewpjb9sr {
    from {
        opacity: 0;
        transform: translateX(1rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.dashboard-document-detail-header[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #111827;
    border-bottom: 1px solid #262D3F;
}

.dashboard-document-detail-header h3[b-oqewpjb9sr] {
    margin: 0.2rem 0 0;
    color: #F9FCFF;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.5rem;
}

.dashboard-document-detail-eyebrow[b-oqewpjb9sr] {
    display: block;
    color: #4596FF;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1px;
}

.dashboard-document-detail-actions[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.dashboard-document-detail-open[b-oqewpjb9sr] {
    color: #8FC0FF;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-document-detail-open:hover[b-oqewpjb9sr] {
    color: #FFFFFF;
    text-decoration: underline;
}

.dashboard-document-detail-close[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    color: #E1E7F7;
    background: rgba(255, 255, 255, 0.06);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.dashboard-document-detail-close:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.14);
}

.dashboard-document-detail-close svg[b-oqewpjb9sr] {
    width: 1.125rem;
    height: 1.125rem;
}

.dashboard-document-detail-body[b-oqewpjb9sr] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.dashboard-document-detail-state[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.875rem;
    min-height: 14rem;
    padding: 2rem;
    color: #AAB3CA;
    text-align: center;
}

.dashboard-document-detail-spinner[b-oqewpjb9sr] {
    width: 2rem;
    height: 2rem;
    border: 3px solid rgba(69, 150, 255, 0.25);
    border-top-color: #4596FF;
    border-radius: 50%;
    animation: dashboard-document-detail-spin-b-oqewpjb9sr 0.75s linear infinite;
}

@keyframes dashboard-document-detail-spin-b-oqewpjb9sr {
    to {
        transform: rotate(360deg);
    }
}

.dashboard-document-detail-error[b-oqewpjb9sr] {
    color: #FF9BAF;
}

.dashboard-document-detail-error button[b-oqewpjb9sr] {
    padding: 0.6rem 1rem;
    color: #FFFFFF;
    background: #0E62D0;
    border: none;
    border-radius: 999px;
    font-weight: 700;
    cursor: pointer;
}

.dashboard-document-detail-body[b-oqewpjb9sr]  .document-detail-page {
    color: #E1E7F7;
    background: transparent;
}

.dashboard-document-detail-body[b-oqewpjb9sr]  .document-row {
    padding: 0;
    border-bottom-color: #262D3F;
}

.dashboard-document-detail-body[b-oqewpjb9sr]  .document-title,
.dashboard-document-detail-body[b-oqewpjb9sr]  .dimension-group-header {
    color: #F9FCFF;
}

.dashboard-document-detail-body[b-oqewpjb9sr]  .dimension-group {
    padding: 0.875rem;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid #262D3F;
    border-radius: 0.75rem;
}

@media (max-width: 1100px) {
    .dashboard-document-detail[b-oqewpjb9sr] {
        position: absolute;
        inset: 0;
        z-index: 3;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .dashboard-content[b-oqewpjb9sr] {
        padding: 1.2rem 0.9rem 1.35rem;
    }

    .hero-panel[b-oqewpjb9sr] {
        padding: 1rem 0.85rem 1.1rem;
    }

    .summary-grid[b-oqewpjb9sr] {
        grid-template-columns: 1fr;
    }

    .alert-table[b-oqewpjb9sr] {
        min-width: 780px;
    }

    .alerts-modal-root[b-oqewpjb9sr] {
        padding: 1.5rem;
        gap: 1.5rem;
    }

    .issue-list-modal-root[b-oqewpjb9sr] {
        padding: 1.25rem;
    }

    .alerts-modal-toolbar[b-oqewpjb9sr] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .alerts-modal-table th[b-oqewpjb9sr],
    .alerts-modal-table td[b-oqewpjb9sr] {
        padding: 0.75rem 1rem;
    }

    .dashboard-document-detail-header[b-oqewpjb9sr] {
        align-items: flex-start;
        padding: 0.875rem 1rem;
    }

    .dashboard-document-detail-actions[b-oqewpjb9sr] {
        gap: 0.5rem;
    }

    .dashboard-document-detail-open[b-oqewpjb9sr] {
        max-width: 5rem;
        white-space: normal;
        text-align: right;
    }
}

/* ─── Service Orders tab ──────────────────────────────── */

.so-tab-content[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    margin-top: 1.75rem;
}

.so-summary-grid[b-oqewpjb9sr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
}

/* ─── Table Section ───────────────────────────────────── */

.so-table-section[b-oqewpjb9sr] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.so-table-toolbar[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.so-table-count[b-oqewpjb9sr] {
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.so-filter[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem 0.625rem 1.125rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.625rem;
    min-width: 260px;
    flex: 1;
    max-width: 640px;
}

.so-filter input[b-oqewpjb9sr] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    min-width: 0;
}

.so-filter input[b-oqewpjb9sr]::placeholder {
    color: #7B839C;
    opacity: 1;
}

.so-filter-icon[b-oqewpjb9sr] {
    width: 1.25rem;
    height: 1.25rem;
    color: #7B839C;
    flex-shrink: 0;
}

.so-table-wrap[b-oqewpjb9sr] {
    overflow: auto;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
}

.so-table[b-oqewpjb9sr] {
    width: 100%;
    border-collapse: collapse;
    min-width: 820px;
}

.so-table thead th[b-oqewpjb9sr] {
    background: #171C28;
    color: #7B839C;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: 0.1px;
    padding: 0.625rem 1.5rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid #262D3F;
}

.so-th-sort[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.so-th-sort:hover[b-oqewpjb9sr] {
    color: #E1E7F7;
}

.so-sort-icon[b-oqewpjb9sr] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.so-sort-icon.so-sort-desc[b-oqewpjb9sr] {
    transform: rotate(180deg);
}

.so-table tbody tr[b-oqewpjb9sr] {
    border-bottom: 1px solid #262D3F;
    transition: background-color 0.12s ease;
}

.so-table tbody tr:last-child[b-oqewpjb9sr] {
    border-bottom: none;
}

.so-table tbody tr:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.03);
}

.so-table td[b-oqewpjb9sr] {
    padding: 1.25rem 1.5rem;
    vertical-align: middle;
    text-align: left;
    color: #E1E7F7;
    font-size: 1rem;
}

.so-td-number[b-oqewpjb9sr] {
    color: #F9FCFF;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.so-td-alert[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 400;
}

.so-td-technician[b-oqewpjb9sr] {
    min-width: 10rem;
}

.so-alert-icon[b-oqewpjb9sr] {
    width: 2rem;
    height: 2rem;
    color: #7B839C;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    padding: 0.3125rem;
    box-sizing: border-box;
}

.so-status-badge[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.875rem 0.3125rem 0.625rem;
    border-radius: 0.5rem;
    border: 1.5px solid currentColor;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.so-badge-icon[b-oqewpjb9sr] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

.so-status-open[b-oqewpjb9sr] {
    color: #F97316;
    background: rgba(249, 115, 22, 0.10);
}

.so-status-closed[b-oqewpjb9sr] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.10);
}

.so-status-canceled[b-oqewpjb9sr] {
    color: #EF4444;
    background: rgba(239, 68, 68, 0.10);
}

.so-status-draft[b-oqewpjb9sr] {
    color: #4596FF;
    background: rgba(69, 150, 255, 0.10);
}

.so-td-date[b-oqewpjb9sr] {
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
}

.so-td-actions[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.so-action-btn[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid #262D3F;
    color: #7B839C;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.so-action-btn:hover[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.08);
    border-color: #4596FF;
    color: #4596FF;
}

.so-action-btn svg[b-oqewpjb9sr] {
    width: 1rem;
    height: 1rem;
}

.so-empty[b-oqewpjb9sr] {
    text-align: center;
    color: #7B839C;
    padding: 3rem 1.5rem;
    font-size: 1rem;
}

/* ─── Pagination ──────────────────────────────────────── */

.so-pagination[b-oqewpjb9sr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.so-page-btn[b-oqewpjb9sr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #262D3F;
    color: #E1E7F7;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.so-page-btn:hover:not(:disabled)[b-oqewpjb9sr] {
    background: rgba(255, 255, 255, 0.12);
}

.so-page-btn:disabled[b-oqewpjb9sr] {
    opacity: 0.35;
    cursor: default;
}

.so-page-btn svg[b-oqewpjb9sr] {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 768px) {
    .so-summary-grid[b-oqewpjb9sr] {
        grid-template-columns: 1fr;
    }

    .so-table-toolbar[b-oqewpjb9sr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .so-filter[b-oqewpjb9sr] {
        width: 100%;
        max-width: 100%;
    }
}
/* /Pages/Content/DashboardIssueTable.razor.rz.scp.css */
.issues-section[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 3.75rem;
    scroll-margin-top: 1.25rem;
}

.issues-section.is-modal[b-m19egi703l] {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 0;
    gap: 1.5rem;
}

.issues-section.is-modal .issues-results[b-m19egi703l] {
    flex: 1 1 auto;
    min-height: 0;
}

.issues-section.is-modal .issues-table-wrap[b-m19egi703l] {
    flex: 1 1 auto;
    min-height: 0;
}

.issues-controls[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.issues-results[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ─── Header ──────────────────────────────────────────── */

.issues-header[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25rem;
}

.issues-top[b-m19egi703l] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
}

.issues-title-wrap[b-m19egi703l] {
    display: flex;
    flex: 1 0 0;
    align-items: center;
    min-width: 0;
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
}

.issues-title[b-m19egi703l] {
    margin: 0;
    color: #F9FCFF;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.875rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.issues-icon[b-m19egi703l] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

.issues-icon-btn[b-m19egi703l],
.issues-filter-btn[b-m19egi703l] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem;
    padding: 0.625rem;
    border: none;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.05);
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
}

.issues-icon-btn:hover[b-m19egi703l],
.issues-filter-btn:hover[b-m19egi703l],
.issues-icon-btn.is-active[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.12);
}

.issues-filter-btn.has-filters[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.25);
}

.issues-icon-btn:focus-visible[b-m19egi703l],
.issues-filter-btn:focus-visible[b-m19egi703l] {
    outline: 2px solid rgba(69, 150, 255, 0.4);
    outline-offset: 2px;
}

.issues-filter-count[b-m19egi703l] {
    position: absolute;
    top: 0;
    right: -0.5625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    min-width: 1.5rem;
    padding: 0.125rem 0.5rem;
    border-radius: 100px;
    background: #4596FF;
    color: #030916;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
}

.issues-search[b-m19egi703l] {
    display: flex;
    align-items: center;
    flex: 0 1 26rem;
    min-width: 12rem;
    height: 3.375rem;
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.05);
}

.issues-search input[b-m19egi703l] {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    color: #F9FCFF;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.5px;
}

.issues-search input[b-m19egi703l]::placeholder {
    color: #7B839C;
    font-style: italic;
    opacity: 1;
}

/* ─── Filter panel ────────────────────────────────────── */

.issues-filter-anchor[b-m19egi703l] {
    flex-shrink: 0;
}

.issues-filter-backdrop[b-m19egi703l] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: clamp(1rem, 3.75vw, 4.625rem);
    background: rgba(0, 4, 12, 0.82);
}

.issues-filter-panel[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
    max-width: 114rem;
    min-height: 0;
    padding: 2.5rem;
    border: 1px solid #171C28;
    border-radius: 1.25rem;
    background: #030916;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.issues-filter-header[b-m19egi703l] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
}

.issues-filter-heading[b-m19egi703l] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    min-width: 0;
}

.issues-filter-eyebrow[b-m19egi703l] {
    color: #4596FF;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.issues-filter-title-row[b-m19egi703l] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #F9FCFF;
}

.issues-filter-title-row h2[b-m19egi703l] {
    margin: 0;
    color: inherit;
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 2.8125rem;
}

.issues-filter-close[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem;
    padding: 0.625rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.issues-filter-close:hover[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.12);
    color: #4596FF;
}

.issues-filter-close:focus-visible[b-m19egi703l] {
    outline: 2px solid #4596FF;
    outline-offset: 2px;
}

.issues-filter-close svg[b-m19egi703l] {
    width: 1.5rem;
    height: 1.5rem;
}

.issues-filter-content[b-m19egi703l] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.issues-filter-groups[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.issues-filter-group[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.issues-filter-group-title[b-m19egi703l] {
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.issues-filter-options[b-m19egi703l] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.issues-filter-option[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 1px solid #3D4352;
    border-radius: 0.3125rem;
    background: transparent;
    color: #7B839C;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.issues-filter-option:hover[b-m19egi703l] {
    border-color: #4596FF;
    color: #E1E7F7;
}

.issues-filter-option.is-selected[b-m19egi703l] {
    border-color: #3D4352;
    background: rgba(255, 255, 255, 0.1);
    color: #4596FF;
}

.issues-filter-option:focus-visible[b-m19egi703l] {
    outline: 2px solid #4596FF;
    outline-offset: 2px;
}

.issues-filter-actions[b-m19egi703l] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.625rem;
    margin-top: auto;
    padding-top: 2.5rem;
}

.issues-filter-reset[b-m19egi703l],
.issues-filter-apply[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.375rem;
    padding: 0.8125rem 1.875rem;
    border: 2px solid #0E62D0;
    border-radius: 100px;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.issues-filter-reset[b-m19egi703l] {
    background: transparent;
    color: #0E62D0;
}

.issues-filter-reset:hover[b-m19egi703l] {
    background: rgba(14, 98, 208, 0.12);
    border-color: #4596FF;
    color: #4596FF;
}

.issues-filter-apply[b-m19egi703l] {
    background: #0E62D0;
    color: #FFFFFF;
}

.issues-filter-apply:hover[b-m19egi703l] {
    border-color: #4596FF;
    background: #4596FF;
}

.issues-filter-reset:focus-visible[b-m19egi703l],
.issues-filter-apply:focus-visible[b-m19egi703l] {
    outline: 2px solid #F9FCFF;
    outline-offset: 2px;
}

/* ─── Chips ───────────────────────────────────────────── */

.issues-chips[b-m19egi703l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
    min-height: 3.375rem;
    width: 100%;
}

.issues-chip[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3125rem;
    height: 2.125rem;
    padding: 0.3125rem 0.4375rem 0.3125rem 0.9375rem;
    border: none;
    border-radius: 100px;
    background: #4596FF;
    color: #030916;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    cursor: pointer;
}

.issues-chip:focus-visible[b-m19egi703l] {
    outline: 2px solid #F9FCFF;
    outline-offset: 2px;
}

/* ─── Period tabs ─────────────────────────────────────── */

.issues-tabs[b-m19egi703l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
}

.issues-tab[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 1px solid #3D4352;
    border-radius: 0.3125rem;
    background: transparent;
    color: #7B839C;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.issues-tab:hover[b-m19egi703l] {
    color: #E1E7F7;
}

.issues-tab.is-active[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.1);
    color: #4596FF;
}

.issues-tab:focus-visible[b-m19egi703l] {
    outline: 2px solid rgba(69, 150, 255, 0.4);
    outline-offset: 2px;
}

/* ─── Table ───────────────────────────────────────────── */

.issues-table-wrap[b-m19egi703l] {
    overflow: auto;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    transition: opacity 0.15s ease;
}

.issues-table-wrap.is-loading[b-m19egi703l] {
    opacity: 0.6;
}

.issues-table[b-m19egi703l] {
    width: 100%;
    min-width: 1000px;
    border-collapse: collapse;
}

.issues-table th[b-m19egi703l] {
    height: 4rem;
    padding: 0.625rem 1.5625rem;
    border-bottom: 1px solid #262D3F;
    background: #171C28;
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.issues-th-sort[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.issues-th-sort:hover[b-m19egi703l] {
    color: #4596FF;
}

.issues-sort-icon[b-m19egi703l] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.issues-sort-icon.is-descending[b-m19egi703l] {
    transform: rotate(180deg);
}

.issues-table tbody tr:hover[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.03);
}

.issues-table td[b-m19egi703l] {
    height: 6.5rem;
    padding: 1.25rem 1.5625rem;
    border-bottom: 1px solid #262D3F;
    color: #F9FCFF;
    vertical-align: middle;
    text-align: left;
}

.issues-table tbody tr:last-child td[b-m19egi703l] {
    border-bottom: none;
}

.issues-cell-issue[b-m19egi703l],
.issues-cell-document[b-m19egi703l],
.issues-cell-date[b-m19egi703l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.issues-cell-issue[b-m19egi703l] {
    gap: 0.625rem;
}

.issues-cell-primary[b-m19egi703l] {
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.issues-cell-date[b-m19egi703l] {
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.issues-cell-secondary[b-m19egi703l] {
    color: #7B839C;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

/* Figma draws the 2px stroke inside the 10px / 15px padding, so the CSS padding is 2px smaller. */
.issues-pill[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    height: 2.125rem;
    padding: 0 0.8125rem 0 0.5rem;
    border: 2px solid currentColor;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.issues-pill-icon[b-m19egi703l],
.issues-pill[b-m19egi703l]  .issues-pill-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.issue-open[b-m19egi703l] {
    color: #E10649;
    background: rgba(225, 6, 73, 0.10);
}

.issue-inprogress[b-m19egi703l] {
    color: #E86F00;
    background: rgba(232, 111, 0, 0.10);
}

.issue-resolved[b-m19egi703l] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.10);
}

.issues-order-badge[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    height: 2.125rem;
    padding: 0.3125rem 0.9375rem 0.3125rem 0.625rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.issues-badge-icon[b-m19egi703l] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.order-none[b-m19egi703l],
.order-other[b-m19egi703l] {
    color: #7B839C;
    background: rgba(123, 131, 156, 0.10);
}

.order-draft[b-m19egi703l] {
    color: #4596FF;
    background: rgba(69, 150, 255, 0.10);
}

.order-open[b-m19egi703l] {
    color: #E86F00;
    background: rgba(232, 111, 0, 0.10);
}

.order-closed[b-m19egi703l] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.10);
}

.order-canceled[b-m19egi703l] {
    color: #EF4444;
    background: rgba(239, 68, 68, 0.10);
}

.issues-th-actions[b-m19egi703l] {
    width: 1%;
}

.issues-cell-actions[b-m19egi703l] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.issues-action-btn[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.375rem;
    height: 3.375rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.issues-action-btn:hover[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.12);
    color: #4596FF;
}

.issues-action-btn:focus-visible[b-m19egi703l] {
    outline: 2px solid rgba(69, 150, 255, 0.4);
    outline-offset: 2px;
}

.issues-action-btn svg[b-m19egi703l] {
    width: 1.5rem;
    height: 1.5rem;
}

.issues-state[b-m19egi703l] {
    padding: 3rem 1.25rem;
    color: #7B839C;
    font-size: 1rem;
    text-align: center;
}

.issues-state-error[b-m19egi703l] {
    color: #FF9BAF;
}

.issues-retry-btn[b-m19egi703l] {
    margin-left: 1rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 999px;
    background: #0E62D0;
    color: #FFFFFF;
    font-weight: 700;
    cursor: pointer;
}

/* ─── Pagination ──────────────────────────────────────── */

.issues-pagination[b-m19egi703l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.issues-page-info[b-m19egi703l] {
    color: #7B839C;
    font-size: 0.875rem;
    font-weight: 700;
}

.issues-page-btn[b-m19egi703l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #262D3F;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #E1E7F7;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.issues-page-btn:hover:not(:disabled)[b-m19egi703l] {
    background: rgba(255, 255, 255, 0.12);
}

.issues-page-btn:disabled[b-m19egi703l] {
    opacity: 0.35;
    cursor: default;
}

.issues-page-btn svg[b-m19egi703l] {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 768px) {
    .issues-top[b-m19egi703l] {
        flex-wrap: wrap;
    }

    .issues-search[b-m19egi703l] {
        order: 1;
        flex: 1 1 100%;
    }

    .issues-filter-backdrop[b-m19egi703l] {
        padding: 0.75rem;
    }

    .issues-filter-panel[b-m19egi703l] {
        gap: 1.5rem;
        padding: 1.25rem;
    }

    .issues-filter-title-row h2[b-m19egi703l] {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .issues-filter-groups[b-m19egi703l] {
        gap: 2rem;
    }

    .issues-filter-options[b-m19egi703l] {
        gap: 0.75rem;
    }

    .issues-filter-actions[b-m19egi703l] {
        padding-top: 1.5rem;
    }

    .issues-filter-reset[b-m19egi703l],
    .issues-filter-apply[b-m19egi703l] {
        flex: 1 1 0;
        padding-inline: 1rem;
    }

    .issues-table th[b-m19egi703l],
    .issues-table td[b-m19egi703l] {
        padding: 0 0.75rem;
    }
}
/* /Pages/Content/DashboardServiceOrderSummaryCard.razor.rz.scp.css */
.so-card[b-4aosfrk875] {
    border-radius: 1.25rem;
    padding: 2.5rem 1.25rem 1.25rem;
    box-shadow: 0 10px 28px rgba(3, 11, 25, 0.4);
    overflow: hidden;
}

.so-card h2[b-4aosfrk875] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: 0 0 1.25rem 1.25rem;
    font-size: 1.375rem;
    font-weight: 800;
    letter-spacing: 0.1px;
    line-height: 1.36;
}

.so-card-open[b-4aosfrk875] {
    background: rgba(249, 115, 22, 0.12);
}

.so-card-open h2[b-4aosfrk875] {
    color: #F97316;
}

.so-card-closed[b-4aosfrk875] {
    background: rgba(0, 166, 61, 0.12);
}

.so-card-closed h2[b-4aosfrk875] {
    color: #00A63D;
}

.so-card-draft[b-4aosfrk875] {
    background: rgba(69, 150, 255, 0.12);
}

.so-card-draft h2[b-4aosfrk875] {
    color: #4596FF;
}

.so-card-icon[b-4aosfrk875] {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.so-card-stats[b-4aosfrk875] {
    display: grid;
}

.so-stat-row[b-4aosfrk875] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem;
    border-radius: 0.75rem;
}

.so-stat-label[b-4aosfrk875] {
    display: inline-flex;
    align-items: center;
    gap: 1.25rem;
    color: #E1E7F7;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 700;
    letter-spacing: 0.1px;
}

.so-count-number[b-4aosfrk875] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0 0.9375rem;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1px;
    border-radius: 999px;
}

.so-card-open .so-count-number[b-4aosfrk875] {
    color: #F97316;
    background: rgba(249, 115, 22, 0.18);
}

.so-card-closed .so-count-number[b-4aosfrk875] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.18);
}

.so-card-draft .so-count-number[b-4aosfrk875] {
    color: #4596FF;
    background: rgba(69, 150, 255, 0.18);
}
/* /Pages/Content/DashboardSummaryCard.razor.rz.scp.css */
.summary-card[b-pqdnq1cbor] {
    border-radius: 1.25rem;
    border: none;
    padding: 2.5rem 1.25rem 1.25rem;
    box-shadow: 0 10px 28px rgba(3, 11, 25, 0.4);
    overflow: hidden;
}

.summary-card h2[b-pqdnq1cbor] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: 0 0 1.25rem 1.25rem;
    font-size: 1.375rem;
    line-height: 1.36;
    font-weight: 800;
    letter-spacing: 0.1px;
}

.summary-card h2 .status-icon[b-pqdnq1cbor],
.summary-card h2[b-pqdnq1cbor]  .status-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.summary-stats[b-pqdnq1cbor] {
    display: grid;
}

.stat-row[b-pqdnq1cbor] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
    padding: 1.25rem;
    border: none;
    border-radius: 0.75rem;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.stat-row:hover[b-pqdnq1cbor] {
    background: rgba(255, 255, 255, 0.06);
}

.stat-row:focus-visible[b-pqdnq1cbor] {
    outline: 2px solid rgba(255, 255, 255, 0.25);
    outline-offset: -2px;
}

.stat-label[b-pqdnq1cbor] {
    display: inline-flex;
    align-items: center;
    gap: 1.25rem;
    color: #E1E7F7;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 700;
    letter-spacing: 0.1px;
}

.count-number[b-pqdnq1cbor] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0 0.9375rem;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1px;
    color: #F9FCFF;
    border-radius: 999px;
}

.status-active[b-pqdnq1cbor],
.issue-active[b-pqdnq1cbor] {
    background: rgba(225, 6, 73, 0.10);
}

.status-active h2[b-pqdnq1cbor],
.issue-active h2[b-pqdnq1cbor] {
    color: #E10649;
}

.status-active .count-number[b-pqdnq1cbor],
.issue-active .count-number[b-pqdnq1cbor] {
    color: #E10649;
    background: rgba(225, 6, 73, 0.18);
}

.issue-open[b-pqdnq1cbor] {
    background: rgba(232, 115, 12, 0.10);
}

.issue-open h2[b-pqdnq1cbor] {
    color: #E8730C;
}

.issue-open .count-number[b-pqdnq1cbor] {
    color: #E8730C;
    background: rgba(232, 115, 12, 0.18);
}

.status-snoozed[b-pqdnq1cbor],
.issue-inprogress[b-pqdnq1cbor] {
    background: rgba(69, 150, 255, 0.10);
}

.status-snoozed h2[b-pqdnq1cbor],
.issue-inprogress h2[b-pqdnq1cbor] {
    color: #4596FF;
}

.status-snoozed .count-number[b-pqdnq1cbor],
.issue-inprogress .count-number[b-pqdnq1cbor] {
    color: #4596FF;
    background: rgba(69, 150, 255, 0.18);
}

.status-resolved[b-pqdnq1cbor],
.issue-resolved[b-pqdnq1cbor] {
    background: rgba(0, 166, 61, 0.10);
}

.status-resolved h2[b-pqdnq1cbor],
.issue-resolved h2[b-pqdnq1cbor] {
    color: #00A63D;
}

.status-resolved .count-number[b-pqdnq1cbor],
.issue-resolved .count-number[b-pqdnq1cbor] {
    color: #00A63D;
    background: rgba(0, 166, 61, 0.18);
}
/* /Pages/Content/DashboardTimeWindowIcon.razor.rz.scp.css */
.dashboard-time-icon[b-i3zhk6ml7o] {
    width: 1.5rem;
    height: 1.5rem;
    color: #E1E7F7;
    flex-shrink: 0;
}

.dashboard-time-icon-compact[b-i3zhk6ml7o] {
    width: 1rem;
    height: 1rem;
    opacity: 0.9;
}
/* /Pages/Content/ServiceOrderModal.razor.rz.scp.css */
/* ─── Order Modal ─────────────────────────────────────── */

/* Invisible wrapper — provides the HTML element Blazor needs to attach
   the CSS-isolation attribute so ::deep selectors below can reach
   Blazorise's rendered Bootstrap elements. */
.so-modal-host[b-n2w1o4op90] {
    display: contents;
}

/* Stop Bootstrap's outer .modal from scrolling — scrolling happens inside */
[b-n2w1o4op90] .so-order-modal {
    overflow: hidden;
}

/* Cap the dialog to viewport height so it never grows taller than the screen */
[b-n2w1o4op90] .so-order-modal .modal-dialog {
    max-width: min(1100px, calc(100vw - 2rem));
    height: calc(100vh - 4rem);
    max-height: calc(100vh - 4rem);
    margin: 2rem auto;
    /* Stretch modal-content to fill the full dialog height */
    align-items: stretch;
}

/* Fill the dialog; flex column so header/body/footer stack */
[b-n2w1o4op90] .so-order-modal .modal-content {
    background: #030916;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Blazorise modal-body fills the remaining content height */
[b-n2w1o4op90] .so-order-modal .modal-body {
    padding: 0;
    flex: 1;
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.so-modal-root[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Modal dark header */
.so-modal-header[b-n2w1o4op90] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.75rem 2rem 1.25rem;
    flex-shrink: 0;
}

.so-modal-header-left[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 0;
}

.so-modal-breadcrumb[b-n2w1o4op90] {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #4596FF;
    text-transform: uppercase;
}

.so-modal-title-row[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.so-modal-title-icon[b-n2w1o4op90] {
    width: 1.75rem;
    height: 1.75rem;
    color: #F9FCFF;
    flex-shrink: 0;
}

.so-modal-title[b-n2w1o4op90] {
    margin: 0;
    font-size: 1.875rem;
    font-weight: 800;
    color: #F9FCFF;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.so-modal-close[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #262D3F;
    color: #F9FCFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
    margin-top: 0.25rem;
}

.so-modal-close:hover[b-n2w1o4op90] {
    background: rgba(255, 255, 255, 0.12);
}

.so-modal-close svg[b-n2w1o4op90] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Modal scrollable white card body */
.so-modal-body[b-n2w1o4op90] {
    flex: 1;
    overflow-y: auto;
    padding: 0 2rem;
    min-height: 0;
}

.so-form-card[b-n2w1o4op90] {
    background: #FFFFFF;
    border-radius: 1.125rem;
    padding: 2rem 2.25rem;
    color: #0D1B3E;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 0.25rem;
}

.so-form-fields[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.so-form-fields:disabled[b-n2w1o4op90] {
    cursor: not-allowed;
}

[b-n2w1o4op90] .so-form-fields:disabled input,
[b-n2w1o4op90] .so-form-fields:disabled select,
[b-n2w1o4op90] .so-form-fields:disabled textarea,
[b-n2w1o4op90] .so-form-fields:disabled button {
    cursor: not-allowed;
}

/* Form card top row: NO. + Printable version */
.so-form-top-row[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.so-form-number[b-n2w1o4op90] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0E62D0;
    letter-spacing: 0.5px;
}

.so-print-link[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: none;
    color: #7B839C;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    transition: color 0.15s ease;
}

.so-print-link:hover[b-n2w1o4op90] {
    color: #0E62D0;
}

.so-print-link svg[b-n2w1o4op90] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

/* Form title */
.so-form-title-row[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.so-form-title-icon[b-n2w1o4op90] {
    width: 1.5rem;
    height: 1.5rem;
    color: #0D1B3E;
    flex-shrink: 0;
}

.so-form-title[b-n2w1o4op90] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #0D1B3E;
    line-height: 1.25;
}

/* Company row */
.so-company-row[b-n2w1o4op90] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 2rem;
    align-items: start;
}

.so-company-address p[b-n2w1o4op90] {
    margin: 0;
    font-size: 0.9375rem;
    color: #7B839C;
    line-height: 1.6;
}

.so-company-phone[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.so-phone-value[b-n2w1o4op90] {
    font-size: 1rem;
    font-weight: 700;
    color: #0D1B3E;
}

.so-created-date-value[b-n2w1o4op90] {
    font-size: 1rem;
    font-weight: 700;
    color: #0D1B3E;
}

.so-order-date-field[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 200px;
}

.so-field-label[b-n2w1o4op90] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #7B839C;
    letter-spacing: 0.1px;
}

/* Divider */
.so-form-divider[b-n2w1o4op90] {
    height: 1px;
    background: #E8EDF5;
    margin: 0 -0.25rem;
}

/* Form sections */
.so-form-section[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.so-section-title[b-n2w1o4op90] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 800;
    color: #0D1B3E;
    line-height: 1.3;
}

/* Input */
.so-input[b-n2w1o4op90] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1.5px solid #D8E0F0;
    border-radius: 0.625rem;
    background: #FFFFFF;
    color: #0D1B3E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.15s ease;
    box-sizing: border-box;
}

.so-input:focus[b-n2w1o4op90] {
    border-color: #0E62D0;
}

input[type="date"].so-input[b-n2w1o4op90] {
    color-scheme: light;
}

/* Field groups */
.so-field-group[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.so-field-row[b-n2w1o4op90] {
    display: grid;
    gap: 1rem;
}

.so-field-row-3[b-n2w1o4op90] {
    grid-template-columns: repeat(3, 1fr);
}

.so-field-row-address[b-n2w1o4op90] {
    grid-template-columns: 2fr 1.2fr 0.5fr 0.6fr;
}

/* Occupancy radio buttons */
.so-occupancy-row[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.so-radio-group[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.so-radio-label[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 1rem;
    font-weight: 500;
    color: #0D1B3E;
    cursor: pointer;
    user-select: none;
}

.so-radio-input[b-n2w1o4op90] {
    width: 1.375rem;
    height: 1.375rem;
    accent-color: #0E62D0;
    cursor: pointer;
    flex-shrink: 0;
}

/* Modal dark footer */
.so-modal-footer[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 2rem 1.75rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.so-send-error[b-n2w1o4op90] {
    margin: 0 2rem;
    padding: 0.75rem 1rem;
    border: 1px solid #DC2626;
    border-radius: 0.625rem;
    background: #FEF2F2;
    color: #991B1B;
    font-size: 0.9375rem;
    font-weight: 600;
}

.so-footer-btn[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
    border: 2px solid #0E62D0;
}

.so-footer-btn svg[b-n2w1o4op90] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

.so-footer-btn-outlined[b-n2w1o4op90] {
    background: transparent;
    color: #0E62D0;
}

.so-footer-btn-outlined:hover[b-n2w1o4op90] {
    background: rgba(14, 98, 208, 0.1);
}

.so-footer-btn-filled[b-n2w1o4op90] {
    background: #0E62D0;
    color: #FFFFFF;
}

.so-footer-btn-filled:hover[b-n2w1o4op90] {
    background: #0a4ea3;
    border-color: #0a4ea3;
}

.so-footer-btn-close[b-n2w1o4op90] {
    border-color: #16A34A;
    background: #16A34A;
    color: #FFFFFF;
}

.so-footer-btn-close:hover[b-n2w1o4op90] {
    border-color: #15803D;
    background: #15803D;
}

.so-footer-btn-cancel[b-n2w1o4op90] {
    border-color: #DC3545;
    background: #DC3545;
    color: #FFFFFF;
}

.so-footer-btn-cancel:hover[b-n2w1o4op90] {
    border-color: #B42331;
    background: #B42331;
}

.so-footer-btn:disabled[b-n2w1o4op90] {
    opacity: 0.45;
    cursor: not-allowed;
}

.so-footer-btn-filled:disabled:hover[b-n2w1o4op90] {
    background: #0E62D0;
    border-color: #0E62D0;
}

.so-footer-btn-outlined:disabled:hover[b-n2w1o4op90] {
    background: transparent;
}

.so-print-link:disabled[b-n2w1o4op90] {
    opacity: 0.5;
    cursor: not-allowed;
}

.so-print-link:disabled:hover[b-n2w1o4op90] {
    color: #7B839C;
}

.so-action-tooltip[b-n2w1o4op90] {
    display: inline-flex;
}

/* Let the tooltip wrapper receive hover events while its button is disabled. */
.so-action-tooltip > button:disabled[b-n2w1o4op90] {
    pointer-events: none;
}

/* ─── Service order status changes ────────────────────── */

.so-status-overlay[b-n2w1o4op90] {
    position: fixed;
    inset: 0;
    z-index: 2300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(3, 9, 22, 0.82);
}

.so-status-popup[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    width: min(34rem, 100%);
    max-height: calc(100vh - 3rem);
    padding: 2rem;
    overflow-y: auto;
    background: #030916;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.so-status-popup-icon[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
}

.so-status-popup-icon-success[b-n2w1o4op90] {
    background: rgba(22, 163, 74, 0.16);
    color: #4ADE80;
}

.so-status-popup-icon-danger[b-n2w1o4op90] {
    background: rgba(220, 53, 69, 0.16);
    color: #F87171;
}

.so-status-popup-icon svg[b-n2w1o4op90] {
    width: 1.75rem;
    height: 1.75rem;
}

.so-status-popup-title[b-n2w1o4op90] {
    margin: 0;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 800;
}

.so-status-popup-text[b-n2w1o4op90] {
    margin: 0;
    text-align: center;
    color: #B8C0D4;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
}

.so-status-note-field[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.so-status-note-field label[b-n2w1o4op90] {
    color: #F9FCFF;
    font-size: 0.875rem;
    font-weight: 700;
}

.so-status-note[b-n2w1o4op90] {
    width: 100%;
    min-height: 8rem;
    padding: 0.875rem 1rem;
    resize: vertical;
    border: 1px solid #303A52;
    border-radius: 0.75rem;
    outline: none;
    background: #0B1325;
    color: #F9FCFF;
    font: inherit;
    line-height: 1.5;
}

.so-status-note:focus[b-n2w1o4op90] {
    border-color: #4596FF;
    box-shadow: 0 0 0 3px rgba(69, 150, 255, 0.16);
}

.so-status-note-invalid[b-n2w1o4op90],
.so-status-note-invalid:focus[b-n2w1o4op90] {
    border-color: #DC2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.16);
}

.so-status-validation[b-n2w1o4op90] {
    color: #FCA5A5;
    font-size: 0.8125rem;
    font-weight: 600;
}

.so-status-error[b-n2w1o4op90] {
    padding: 0.75rem 1rem;
    border: 1px solid #DC2626;
    border-radius: 0.625rem;
    background: rgba(127, 29, 29, 0.28);
    color: #FCA5A5;
    font-size: 0.875rem;
    font-weight: 600;
}

.so-status-popup-actions[b-n2w1o4op90] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

/* ─── Service order link selection ────────────────────── */

.so-link-overlay[b-n2w1o4op90] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(3, 9, 22, 0.82);
}

.so-link-popup[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    width: min(36rem, 100%);
    max-height: min(44rem, calc(100vh - 3rem));
    padding: 2rem;
    overflow: hidden;
    background: #030916;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.so-link-popup-icon[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgba(14, 98, 208, 0.16);
    color: #4596FF;
}

.so-link-popup-icon svg[b-n2w1o4op90] {
    width: 1.75rem;
    height: 1.75rem;
}

.so-link-popup-title[b-n2w1o4op90] {
    margin: 0;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 800;
}

.so-link-popup-text[b-n2w1o4op90] {
    margin: 0;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #B8C0D4;
    line-height: 1.5;
}

.so-link-popup-text strong[b-n2w1o4op90] {
    color: #F9FCFF;
    font-weight: 700;
}

.so-link-empty-alerts[b-n2w1o4op90] {
    padding: 0.875rem 1rem;
    border: 1px solid #303A52;
    border-radius: 0.75rem;
    background: #0B1325;
    color: #B8C0D4;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
}

.so-link-options[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    padding-right: 0.25rem;
    overflow-y: auto;
}

.so-link-option[b-n2w1o4op90] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    width: 100%;
    padding: 1rem;
    border: 1px solid #303A52;
    border-radius: 0.75rem;
    background: #0B1325;
    color: #F9FCFF;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.so-link-option:hover[b-n2w1o4op90] {
    border-color: #4596FF;
    background: #101C34;
}

.so-link-option-selected[b-n2w1o4op90] {
    border-color: #4596FF;
    background: rgba(14, 98, 208, 0.2);
}

.so-link-option-radio[b-n2w1o4op90] {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.125rem;
    flex: 0 0 auto;
    border: 2px solid #7B839C;
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px #0B1325;
}

.so-link-option-selected .so-link-option-radio[b-n2w1o4op90] {
    border-color: #4596FF;
    background: #4596FF;
}

.so-link-option-content[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.so-link-option-type[b-n2w1o4op90] {
    color: #7FB3FF;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.so-link-option-name[b-n2w1o4op90] {
    font-size: 0.9375rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.so-link-option-description[b-n2w1o4op90] {
    color: #B8C0D4;
    font-size: 0.8125rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.so-link-actions[b-n2w1o4op90] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.so-link-actions .so-footer-btn[b-n2w1o4op90] {
    justify-content: center;
    min-width: 7rem;
}

.so-link-actions .so-footer-btn:disabled[b-n2w1o4op90] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ─── Email recipient selection ───────────────────────── */

.so-recipient-overlay[b-n2w1o4op90] {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(3, 9, 22, 0.82);
}

.so-recipient-popup[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    width: min(34rem, 100%);
    max-height: calc(100vh - 3rem);
    padding: 2rem;
    overflow-y: auto;
    background: #030916;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.so-recipient-popup .so-send-popup-icon[b-n2w1o4op90] {
    align-self: center;
}

.so-recipient-popup-text[b-n2w1o4op90] {
    margin: 0;
    color: #B8C0D4;
    font-size: 0.9375rem;
    line-height: 1.5;
    text-align: center;
}

.so-recipient-options[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.so-recipient-option[b-n2w1o4op90] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid #303A52;
    border-radius: 0.75rem;
    background: #0B1325;
    cursor: pointer;
}

.so-recipient-option:hover[b-n2w1o4op90] {
    border-color: #4596FF;
    background: #101C34;
}

.so-recipient-checkbox[b-n2w1o4op90] {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.1rem;
    accent-color: #0E62D0;
    cursor: pointer;
    flex: 0 0 auto;
}

.so-recipient-option span[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.so-recipient-option strong[b-n2w1o4op90] {
    color: #F9FCFF;
    font-size: 0.9375rem;
    overflow-wrap: anywhere;
}

.so-recipient-option small[b-n2w1o4op90] {
    color: #B8C0D4;
    font-size: 0.8rem;
}

.so-recipient-custom-option[b-n2w1o4op90] {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.25rem;
    cursor: pointer;
}

.so-recipient-custom-option *[b-n2w1o4op90] {
    cursor: pointer;
}

.so-recipient-custom-option:focus-within[b-n2w1o4op90] {
    border-color: #4596FF;
    background: #101C34;
}

.so-recipient-custom-heading[b-n2w1o4op90] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
}

.so-recipient-email-input[b-n2w1o4op90] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1.5px solid #303A52;
    border-radius: 0.625rem;
    outline: none;
    background: #0B1325;
    color: #F9FCFF;
    font-size: 0.9375rem;
    box-sizing: border-box;
}

.so-recipient-email-input:focus[b-n2w1o4op90] {
    border-color: #4596FF;
}

.so-recipient-custom-option .so-recipient-email-input:not(:disabled)[b-n2w1o4op90] {
    cursor: text;
}

.so-recipient-email-input:disabled[b-n2w1o4op90] {
    opacity: 0.5;
    pointer-events: none;
}

.so-recipient-email-input-invalid[b-n2w1o4op90] {
    border-color: #EF4444;
}

.so-recipient-validation[b-n2w1o4op90] {
    margin-left: 1.95rem;
    color: #FCA5A5;
    font-size: 0.8125rem;
    font-weight: 600;
}

.so-recipient-unavailable[b-n2w1o4op90] {
    padding: 0.75rem 1rem;
    border: 1px solid #303A52;
    border-radius: 0.75rem;
    color: #B8C0D4;
    font-size: 0.875rem;
    text-align: center;
}

.so-recipient-send-error[b-n2w1o4op90] {
    padding: 0.75rem 1rem;
    border: 1px solid #DC2626;
    border-radius: 0.625rem;
    background: rgba(127, 29, 29, 0.28);
    color: #FCA5A5;
    font-size: 0.875rem;
    font-weight: 600;
}

.so-recipient-actions[b-n2w1o4op90] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

/* ─── Send confirmation popup ─────────────────────────── */

.so-send-overlay[b-n2w1o4op90] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(3, 9, 22, 0.72);
}

.so-send-popup[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    width: min(26rem, 100%);
    padding: 2.25rem 2rem;
    background: #030916;
    border: 1px solid #262D3F;
    border-radius: 1.25rem;
    color: #F9FCFF;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.so-send-popup-icon[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgba(14, 98, 208, 0.16);
    color: #4596FF;
}

.so-send-popup-icon svg[b-n2w1o4op90] {
    width: 1.75rem;
    height: 1.75rem;
}

.so-send-popup-title[b-n2w1o4op90] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 800;
}

.so-send-popup-text[b-n2w1o4op90] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #B8C0D4;
    line-height: 1.5;
}

.so-send-popup-text strong[b-n2w1o4op90] {
    color: #F9FCFF;
    font-weight: 700;
}

.so-send-recipient-list[b-n2w1o4op90] {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #F9FCFF;
    list-style: none;
}

.so-send-recipient-list li[b-n2w1o4op90] {
    padding: 0.35rem 0;
    font-size: 0.9375rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.so-send-popup .so-footer-btn[b-n2w1o4op90] {
    margin-top: 0.5rem;
    justify-content: center;
    min-width: 8rem;
}

/* ─── Alert tag input ─────────────────────────────────── */

.so-field-row-2[b-n2w1o4op90] {
    grid-template-columns: 1fr 1fr;
}

.so-alerts-input-box[b-n2w1o4op90] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
    padding: 0.5rem 0.75rem;
    border: 1.5px solid #D8E0F0;
    border-radius: 0.625rem;
    background: #FFFFFF;
}

.so-alert-tags[b-n2w1o4op90] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.so-alert-tag[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.5rem 0.25rem 0.625rem;
    border: 1.5px solid #E10649;
    border-radius: 999px;
    color: #E10649;
    font-size: 0.875rem;
    font-weight: 600;
    background: rgba(225, 6, 73, 0.06);
    white-space: nowrap;
}

.so-alert-tag-icon[b-n2w1o4op90] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
}

.so-alert-tag-remove[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    background: transparent;
    border: none;
    color: #E10649;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.so-alert-tag-remove svg[b-n2w1o4op90] {
    width: 1rem;
    height: 1rem;
}

.so-alert-add-btn[b-n2w1o4op90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #0E62D0;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
}

.so-alert-add-btn:hover[b-n2w1o4op90] {
    background: #0a4ea3;
}

.so-alert-add-btn svg[b-n2w1o4op90] {
    width: 1rem;
    height: 1rem;
}

/* ─── Select ──────────────────────────────────────────── */

/* Force light styling on EntitySelectList inside the white form card */
[b-n2w1o4op90] .so-field-group select,
[b-n2w1o4op90] .so-field-group .form-select,
[b-n2w1o4op90] .so-field-group .form-control {
    background-color: #FFFFFF !important;
    color: #0D1B3E !important;
}

[b-n2w1o4op90] .so-field-group option {
    background-color: #FFFFFF;
    color: #0D1B3E;
}

/* Remove Bootstrap is-valid green border and checkmark icon from all selects in the form */
[b-n2w1o4op90] .so-field-group .form-select.is-valid,
[b-n2w1o4op90] .so-field-group .form-select:valid {
    border-color: #D8E0F0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B839C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
}

.so-select[b-n2w1o4op90] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B839C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.875rem center;
    background-size: 1.125rem;
    padding-right: 2.5rem;
    cursor: pointer;
}

/* ─── Service table (::deep so styles reach into child GetChildCustomer components) ── */

[b-n2w1o4op90] .so-service-table {
    border: 1.5px solid #D8E0F0;
    border-radius: 0.75rem;
    overflow: hidden;
}

[b-n2w1o4op90] .so-service-table-row,
[b-n2w1o4op90] .so-service-table-row-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

[b-n2w1o4op90] .so-service-table-row-1 {
    display: grid;
    grid-template-columns:  1fr;
}

[b-n2w1o4op90] .so-service-table-row-2 {
    display: grid;
    grid-template-columns:  1fr 1fr;
}

[b-n2w1o4op90] .so-service-table-row + .so-service-table-row,
[b-n2w1o4op90] .so-service-table-row-1 + .so-service-table-row-1,
[b-n2w1o4op90] .so-service-table-row-2 + .so-service-table-row-2,
[b-n2w1o4op90] .so-service-table-row-3 + .so-service-table-row-3 {
    border-top: 1.5px solid #D8E0F0;
}

[b-n2w1o4op90] .so-service-notes-row {
    border-top: 1.5px solid #D8E0F0;
}

[b-n2w1o4op90] .so-service-col {
    display: flex;
    flex-direction: column;
}

[b-n2w1o4op90] .so-service-col + .so-service-col {
    border-left: 1.5px solid #D8E0F0;
}

[b-n2w1o4op90] .so-service-cell-header {
    background: #0D1117;
    color: #F9FCFF;
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0.75rem 1rem;
    letter-spacing: 0.1px;
}

[b-n2w1o4op90] .so-service-cell-input {
    padding: 0.75rem 1rem;
    background: #FFFFFF;
    min-height: 4rem;
}

[b-n2w1o4op90] .so-service-notes-input {
    min-height: 8rem;
}

[b-n2w1o4op90] .so-service-input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #0D1B3E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
}

[b-n2w1o4op90] .so-service-textarea {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #0D1B3E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    resize: vertical;
    min-height: 7rem;
    font-family: inherit;
}

/* Strip Blazorise chrome from date pickers inside service table cells */
[b-n2w1o4op90] .so-service-date.form-control,
[b-n2w1o4op90] .so-service-date input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    color: #0D1B3E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    width: 100%;
}

/* Checkbox cells */
[b-n2w1o4op90] .so-service-checkbox-cell {
    display: flex;
    align-items: center;
}

[b-n2w1o4op90] .so-service-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #0E62D0;
    cursor: pointer;
}

/* ─── Signature section ───────────────────────────────── */

.so-signature-section[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 0.5rem;
}

.so-signature-statement[b-n2w1o4op90] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0D1B3E;
    line-height: 1.5;
}

.so-signature-row[b-n2w1o4op90] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.so-signature-box[b-n2w1o4op90] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.so-signature-pad[b-n2w1o4op90] {
    height: 7rem;
    border: 1.5px solid #D8E0F0;
    border-radius: 0.625rem;
    background: #FFFFFF;
}

/* ─── Responsive ──────────────────────────────────────── */

@media (max-width: 960px) {
    .so-company-row[b-n2w1o4op90] {
        grid-template-columns: 1fr;
    }

    .so-field-row-3[b-n2w1o4op90] {
        grid-template-columns: 1fr 1fr;
    }

    .so-field-row-address[b-n2w1o4op90] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .so-modal-header[b-n2w1o4op90] {
        padding: 1.25rem 1.25rem 1rem;
    }

    .so-modal-body[b-n2w1o4op90] {
        padding: 0 1.25rem;
    }

    .so-modal-footer[b-n2w1o4op90] {
        padding: 1rem 1.25rem 1.25rem;
        justify-content: center;
    }

    .so-form-card[b-n2w1o4op90] {
        padding: 1.5rem;
    }

    .so-field-row-3[b-n2w1o4op90],
    .so-field-row-2[b-n2w1o4op90],
    .so-field-row-address[b-n2w1o4op90] {
        grid-template-columns: 1fr;
    }

    .so-radio-group[b-n2w1o4op90] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    [b-n2w1o4op90] .so-service-table-row,
    [b-n2w1o4op90] .so-service-table-row-1,
    [b-n2w1o4op90] .so-service-table-row-2,
    [b-n2w1o4op90] .so-service-table-row-3 {        
        grid-template-columns: 1fr;
    }

    [b-n2w1o4op90] .so-service-col + .so-service-col {
        border-left: none;
        border-top: 1.5px solid #D8E0F0;
    }

    .so-signature-row[b-n2w1o4op90] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Content/ServiceOrders.razor.rz.scp.css */
.so-container[b-lmomgt6xlh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    flex-grow: 1;
}

.so-content[b-lmomgt6xlh] {
    padding: 2rem 2rem 2.5rem;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ─── Header ─────────────────────────────────────────── */

.so-header[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.so-header-text h1[b-lmomgt6xlh] {
    margin: 0;
    font-size: clamp(1.9rem, 1.8vw + 1rem, 2.8rem);
    color: #F9FCFF;
    font-weight: 750;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.so-header-text p[b-lmomgt6xlh] {
    margin: 0.5rem 0 0;
    color: #E1E7F7;
    font-size: 1rem;
}

.so-new-btn[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.8125rem 1.5rem;
    border-radius: 999px;
    background: #0E62D0;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    border: 2px solid #0E62D0;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.so-new-btn:hover[b-lmomgt6xlh] {
    background: transparent;
    color: #4596FF;
    border-color: #4596FF;
}

.so-new-btn-icon[b-lmomgt6xlh] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

/* ─── Summary Cards ───────────────────────────────────── */

.so-summary-grid[b-lmomgt6xlh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.so-card[b-lmomgt6xlh] {
    border-radius: 1rem;
    padding: 1.75rem 1.25rem 1.25rem;
    box-shadow: 0 10px 28px rgba(3, 11, 25, 0.4);
}

.so-card-open[b-lmomgt6xlh]   { background: rgba(249, 115, 22, 0.12); }
.so-card-closed[b-lmomgt6xlh] { background: rgba(0, 166, 61, 0.12); }
.so-card-draft[b-lmomgt6xlh]  { background: rgba(69, 150, 255, 0.12); }

.so-card h2[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin: 0 0 1.25rem 0.75rem;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0.1px;
    line-height: 1.36;
}

.so-card-open   h2[b-lmomgt6xlh] { color: #F97316; }
.so-card-closed h2[b-lmomgt6xlh] { color: #00A63D; }
.so-card-draft  h2[b-lmomgt6xlh] { color: #4596FF; }

.so-card-icon[b-lmomgt6xlh] {
    width: 1.375rem;
    height: 1.375rem;
    flex-shrink: 0;
}

.so-card-stats[b-lmomgt6xlh] {
    display: grid;
    gap: 0;
}

.so-stat-row[b-lmomgt6xlh] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.625rem;
}

.so-stat-label[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1px;
}

.so-row-icon[b-lmomgt6xlh] {
    width: 1.375rem;
    height: 1.375rem;
    color: #E1E7F7;
    flex-shrink: 0;
}

.so-count-number[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    min-width: 2.5rem;
    padding: 0 0.875rem;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    border-radius: 999px;
}

.so-card-open   .so-count-number[b-lmomgt6xlh] { color: #F97316; background: rgba(249, 115, 22, 0.18); }
.so-card-closed .so-count-number[b-lmomgt6xlh] { color: #00A63D; background: rgba(0, 166, 61, 0.18); }
.so-card-draft  .so-count-number[b-lmomgt6xlh] { color: #4596FF; background: rgba(69, 150, 255, 0.18); }

/* ─── Table Section ───────────────────────────────────── */

.so-table-section[b-lmomgt6xlh] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.so-table-toolbar[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.so-table-count[b-lmomgt6xlh] {
    color: #F9FCFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.so-filter[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem 0.625rem 1.125rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.625rem;
    min-width: 260px;
    flex: 1;
    max-width: 640px;
}

.so-filter input[b-lmomgt6xlh] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: #F9FCFF;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    min-width: 0;
}

.so-filter input[b-lmomgt6xlh]::placeholder {
    color: #7B839C;
    opacity: 1;
}

.so-filter-icon[b-lmomgt6xlh] {
    width: 1.25rem;
    height: 1.25rem;
    color: #7B839C;
    flex-shrink: 0;
}

.so-table-wrap[b-lmomgt6xlh] {
    overflow: auto;
    border: 1px solid #262D3F;
    border-radius: 1rem;
}

.so-table[b-lmomgt6xlh] {
    width: 100%;
    border-collapse: collapse;
    min-width: 820px;
}

.so-table thead th[b-lmomgt6xlh] {
    background: #171C28;
    color: #7B839C;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.1px;
    padding: 0.875rem 1.5rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid #262D3F;
}

.so-th-sort[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.so-th-sort:hover[b-lmomgt6xlh] { color: #E1E7F7; }

.so-sort-icon[b-lmomgt6xlh] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.so-sort-icon.so-sort-desc[b-lmomgt6xlh] { transform: rotate(180deg); }

.so-table tbody tr[b-lmomgt6xlh] {
    border-bottom: 1px solid #262D3F;
    transition: background-color 0.12s ease;
}

.so-table tbody tr:last-child[b-lmomgt6xlh] { border-bottom: none; }

.so-table tbody tr:hover[b-lmomgt6xlh] { background: rgba(255, 255, 255, 0.03); }

.so-table td[b-lmomgt6xlh] {
    padding: 1.125rem 1.5rem;
    vertical-align: middle;
    text-align: left;
    color: #E1E7F7;
    font-size: 1rem;
}

.so-td-number[b-lmomgt6xlh] {
    color: #F9FCFF;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

.so-td-alert[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 400;
}

.so-td-technician[b-lmomgt6xlh] {
    min-width: 10rem;
}

.so-alert-icon[b-lmomgt6xlh] {
    width: 2rem;
    height: 2rem;
    color: #7B839C;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    padding: 0.3125rem;
    box-sizing: border-box;
}

.so-status-badge[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.875rem 0.3125rem 0.625rem;
    border-radius: 0.5rem;
    border: 1.5px solid currentColor;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.so-badge-icon[b-lmomgt6xlh] {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

.so-status-open[b-lmomgt6xlh]   { color: #F97316; background: rgba(249, 115, 22, 0.10); }
.so-status-closed[b-lmomgt6xlh] { color: #00A63D; background: rgba(0, 166, 61, 0.10); }
.so-status-canceled[b-lmomgt6xlh] { color: #EF4444; background: rgba(239, 68, 68, 0.10); }
.so-status-draft[b-lmomgt6xlh]  { color: #4596FF; background: rgba(69, 150, 255, 0.10); }

.so-td-date[b-lmomgt6xlh] {
    color: #E1E7F7;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
}

.so-td-actions[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.so-action-btn[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid #262D3F;
    color: #7B839C;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.so-action-btn:hover[b-lmomgt6xlh] {
    background: rgba(255, 255, 255, 0.08);
    border-color: #4596FF;
    color: #4596FF;
}

.so-action-btn svg[b-lmomgt6xlh] {
    width: 1rem;
    height: 1rem;
}

.so-empty[b-lmomgt6xlh] {
    text-align: center;
    color: #7B839C;
    padding: 3rem 1.5rem;
    font-size: 1rem;
}

/* ─── Pagination ──────────────────────────────────────── */

.so-pagination[b-lmomgt6xlh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.so-page-btn[b-lmomgt6xlh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #262D3F;
    color: #E1E7F7;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.so-page-btn:hover:not(:disabled)[b-lmomgt6xlh] { background: rgba(255, 255, 255, 0.12); }

.so-page-btn:disabled[b-lmomgt6xlh] {
    opacity: 0.35;
    cursor: default;
}

.so-page-btn svg[b-lmomgt6xlh] {
    width: 1rem;
    height: 1rem;
}

/* ─── Responsive ──────────────────────────────────────── */

@media (max-width: 960px) {
    .so-summary-grid[b-lmomgt6xlh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .so-content[b-lmomgt6xlh] {
        padding: 1.2rem 0.9rem 1.5rem;
        gap: 1.5rem;
    }

    .so-table-toolbar[b-lmomgt6xlh] {
        flex-direction: column;
        align-items: flex-start;
    }

    .so-filter[b-lmomgt6xlh] {
        width: 100%;
        max-width: 100%;
    }
}
/* /Pages/Content/Shortcuts.razor.rz.scp.css */
.dashboard-container[b-t3308ny971] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: auto;
    flex-grow: 1;
}

.shortcuts-content[b-t3308ny971] {
    padding: 2rem 2.5rem 2.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.shortcuts-header h1[b-t3308ny971] {
    margin: 0;
    font-size: clamp(1.9rem, 1.8vw + 1rem, 2.8rem);
    color: #F9FCFF;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.shortcuts-header p[b-t3308ny971] {
    margin-top: 0.65rem;
    margin-bottom: 0;
    color: var(--color-kazark-gray-1);
    font-size: 1rem;
    max-width: 760px;
}

.shortcuts-group[b-t3308ny971] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 2rem;
}

.shortcuts-group-header[b-t3308ny971] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
}

.document-cards-deck[b-t3308ny971] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 2.5rem;
    align-items: stretch;
}

.document-card-cell[b-t3308ny971] {
    display: flex;
}

.system-navigation-buttons[b-t3308ny971] {
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 2.5rem;
    gap: 1.25rem;
}

.fake-pake-item[b-t3308ny971] {
    border-radius: 1.25rem;
    background-color: var(--color-kazark-dark-2);
    padding: 0.625rem 1.25rem;
}

.fake-pake-item a[b-t3308ny971] {
    text-decoration: none;
    color: var(--color-kazark-light-1);
    font-weight: 700;
}