@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.ggbo2a6x37.bundle.scp.css';
@import '_content/Volo.Abp.Account.Pro.Public.Blazor.Shared/Volo.Abp.Account.Pro.Public.Blazor.Shared.bt59d6l1jm.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Components/DatProPermissionsMenuComponent.razor.rz.scp.css */
.datpro-permissions-modal-body[b-vxsw416r88] {
    max-height: min(70vh, 760px);
    overflow: auto;
}

.datpro-permissions-summary[b-vxsw416r88] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.datpro-permissions-summary div[b-vxsw416r88] {
    border: 1px solid var(--bs-border-color, rgba(128, 128, 128, 0.25));
    border-radius: 6px;
    padding: 0.75rem;
    background: var(--bs-tertiary-bg, rgba(128, 128, 128, 0.08));
}

.datpro-permissions-summary span[b-vxsw416r88] {
    display: block;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.78rem;
}

.datpro-permissions-summary strong[b-vxsw416r88] {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.1rem;
}

.datpro-permissions-section + .datpro-permissions-section[b-vxsw416r88] {
    margin-top: 1.25rem;
}

.datpro-permissions-section h6[b-vxsw416r88] {
    margin-bottom: 0.5rem;
}

.datpro-permissions-table-wrap[b-vxsw416r88] {
    overflow-x: auto;
}

.datpro-permissions-table[b-vxsw416r88] {
    margin-bottom: 0;
}

.datpro-permissions-table th[b-vxsw416r88],
.datpro-permissions-table td[b-vxsw416r88] {
    white-space: nowrap;
}

.datpro-permissions-icon-col[b-vxsw416r88] {
    width: 1%;
}

.datpro-permissions-icon-cell[b-vxsw416r88] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 1.5rem;
}

.datpro-permissions-empty[b-vxsw416r88] {
    color: var(--bs-secondary-color, #6c757d);
    padding: 0.75rem 0;
}
/* /Components/DatPro/DatePickerField.razor.rz.scp.css */
.drawer-backdrop[b-k257t8g8pc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.drawer[b-k257t8g8pc] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    padding: 16px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 1000;
}

.drawer-header[b-k257t8g8pc] {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 12px;
}

.drawer-footer[b-k257t8g8pc] {
    margin-top: 16px;
    text-align: right;
}
/* /Components/DatPro/FilterBar.razor.rz.scp.css */
/* FilterBar polish */
.filter-bar .field[b-b45df92slr],
.filter-bar .b-field[b-b45df92slr] {
    margin-bottom: .25rem;
}


/* Prevent column collapse */
.cdrp-host[b-b45df92slr] {
    min-width: 280px;
}


@media (max-width: 576px) {
    .filter-bar .btn[b-b45df92slr] {
        padding: .25rem .5rem; /* smaller quick buttons on mobile */
    }
}
/* /Components/Menu/FlexDynamicSettingsMenu.razor.rz.scp.css */
.flex-dynamic-settings-menu[b-sfuyrhhptr] {
    --flex-tree-toggle-size: 16px;
    --flex-tree-icon-slot-size: 20px;
    --flex-tree-icon-visual-size: 18px;
    --flex-tree-column-gap: 4px;
    --flex-tree-row-height: 29px;
    --flex-tree-row-x: 0.125rem;
    --flex-tree-row-y: 0.125rem;
    width: 100%;
    min-width: 0;
    margin-left: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-list,
.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-list-flat {
    list-style: none;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-list,
.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-list-flat {
    border-inline-start: 0;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  li,
.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-node {
    list-style: none;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-row {
    display: grid !important;
    grid-template-columns: var(--flex-tree-toggle-size) var(--flex-tree-icon-slot-size) minmax(0, 1fr) auto;
    column-gap: var(--flex-tree-column-gap);
    align-items: center !important;
    width: 100% !important;
    min-width: 0;
    min-height: var(--flex-tree-row-height);
    margin: 0 !important;
    padding-block: var(--flex-tree-row-y) !important;
    padding-inline-start: calc(var(--flex-tree-offset, 0rem) + var(--flex-tree-row-x)) !important;
    padding-inline-end: var(--flex-tree-row-x) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    background: transparent;
    box-sizing: border-box;
    line-height: 1.2;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .tw-toggle {
    grid-column: 1;
    display: inline-grid;
    place-items: center;
    inline-size: var(--flex-tree-toggle-size);
    block-size: var(--flex-tree-toggle-size);
    min-inline-size: var(--flex-tree-toggle-size);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lpx-navbar-icon-color, #7a8794);
    line-height: 1;
    justify-self: center;
    align-self: center;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .tw-toggle i {
    display: block;
    inline-size: var(--flex-tree-toggle-size);
    block-size: var(--flex-tree-toggle-size);
    font-size: 0.6875rem;
    line-height: 1;
    text-align: center;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-icon-slot {
    grid-column: 2;
    display: inline-grid;
    place-items: center;
    inline-size: var(--flex-tree-icon-slot-size) !important;
    block-size: var(--flex-tree-icon-slot-size);
    min-inline-size: var(--flex-tree-icon-slot-size);
    margin: 0 !important;
    overflow: hidden;
    justify-self: center;
    align-self: center;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-icon-slot > .icon {
    display: inline-grid;
    place-items: center;
    inline-size: var(--flex-tree-icon-visual-size) !important;
    block-size: var(--flex-tree-icon-visual-size);
    min-inline-size: var(--flex-tree-icon-visual-size);
    margin: 0 !important;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0.875rem;
    text-align: center;
    vertical-align: middle;
    --ico-size: var(--flex-tree-icon-visual-size);
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .menu-label {
    grid-column: 3;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    align-self: center;
    line-height: 1.2;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-loading {
    grid-column: 4;
    justify-self: end;
    min-width: 0.75rem;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-search-progress {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.5rem;
    padding-block: 0.125rem 0.25rem;
    padding-inline-start: calc(var(--flex-tree-toggle-size) + var(--flex-tree-icon-slot-size) + (2 * var(--flex-tree-column-gap)) + var(--flex-tree-row-x));
    padding-inline-end: var(--flex-tree-row-x);
    color: var(--lpx-navbar-text-color, #6c757d);
    font-size: 0.8125rem;
    line-height: 1.2;
    opacity: 0.78;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-search-spinner {
    display: inline-flex;
    align-items: center;
    min-width: 0.75rem;
    zoom: 0.35;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-row:hover {
    background-color: var(--lpx-menu-item-hover-bg, rgba(0, 0, 0, 0.06));
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-row:focus-visible,
.flex-dynamic-settings-menu[b-sfuyrhhptr]  .tw-toggle:focus-visible,
.flex-dynamic-settings-menu[b-sfuyrhhptr]  .menu-label:focus-visible {
    outline: 2px solid var(--tw-row-focus-ring, #2684ff33);
    outline-offset: 1px;
}

.flex-dynamic-settings-menu[b-sfuyrhhptr]  .flex-dynamic-tree-row.is-selected {
    background-color: var(--lpx-menu-item-active-bg, rgba(38, 132, 255, 0.10));
}
/* /Components/Menu/FlexSideMenuMainMenuOverride.razor.rz.scp.css */

/* FlexSideMenuMainMenuOverride.razor.css — scoped to this component */

/* MOVED TO FLEX-OVERRIDE */
/* root * /
#flex-mainmenu-root.flex-menu {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

/* filter row spacing * /
#flex-mainmenu-root .lpx-menu-filter[data-flex-filter="custom"] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
}

/* lists * /
.flex-menu-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

    /* indentation per level * /
    .flex-menu-list.level-0 {
        padding-left: .25rem;
    }

    .flex-menu-list.level-1 {
        padding-left: 1.25rem;
    }

    .flex-menu-list.level-2 {
        padding-left: 2.0rem;
    }

    .flex-menu-list.level-3 {
        padding-left: 2.75rem;
    }

/* row * /
.flex-menu-row {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

/* hover/active * /
.flex-menu-item .flex-menu-row:hover {
    background: rgba(0,0,0,.06);
}

.flex-menu-item.is-active > .flex-menu-row,
.flex-menu-item .menu-link.active {
    background: rgba(0,0,0,.08);
    font-weight: 600;
}

/* icons + caret * /
.flex-menu-row .icon {
    font-size: 1rem;
    opacity: .85;
}

/* FBL 20251230 * /
.flex-menu-item .lpx-icon {
    width: 20px;
}


.flex-menu-row .caret {
    font-size: .75rem;
    opacity: .85;
}

/* leaf link * /
.flex-menu-row.leaf-row .menu-link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

/* group header clickable * /
.group-header {
    cursor: pointer;
}

/* clear button in filter * /
.menu-filter-clear {
    cursor: pointer;
    opacity: .7;
}

    .menu-filter-clear:hover {
        opacity: 1;
    }


*/


/* FlexSideMenuMainManuOverride.razor.css */
/* /Pages/DatPro/Banks/BankAdmin.razor.rz.scp.css */
.datpro-bank-admin[b-vvo5bh9h2j] {
    display: grid;
    gap: 1.25rem;
}

.datpro-bank-admin__header[b-vvo5bh9h2j],
.datpro-bank-admin__panel[b-vvo5bh9h2j] {
    background: #fff;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 35, 55, 0.04);
}

.datpro-bank-admin__header[b-vvo5bh9h2j] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.5rem;
}

.datpro-bank-admin__header h1[b-vvo5bh9h2j] {
    color: #173a56;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.datpro-bank-admin__eyebrow[b-vvo5bh9h2j] {
    color: #5b7285;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.datpro-bank-admin__badges[b-vvo5bh9h2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.datpro-bank-admin__badges span[b-vvo5bh9h2j] {
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 999px;
    color: #173a56;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
}

.datpro-bank-admin__actions[b-vvo5bh9h2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.datpro-bank-admin__panel[b-vvo5bh9h2j] {
    padding: 1.5rem;
}

.datpro-bank-admin__panel h2[b-vvo5bh9h2j] {
    color: #173a56;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.datpro-bank-admin__panel p[b-vvo5bh9h2j] {
    color: #344f64;
    margin: 0 0 1rem;
}

.datpro-bank-admin__state[b-vvo5bh9h2j] {
    border: 1px dashed #dbe4ed;
    border-radius: 8px;
    color: #344f64;
    padding: 1rem;
    text-align: center;
}

.datpro-bank-admin__denied[b-vvo5bh9h2j] {
    background: #fff1f3;
    border-color: #f2b6bf;
    color: #a11225;
}

.datpro-bank-admin__settings-grid[b-vvo5bh9h2j] {
    display: grid;
    gap: 1rem;
}

.datpro-bank-admin__setting-sections[b-vvo5bh9h2j] {
    display: grid;
    gap: 1.25rem;
}

.datpro-bank-admin__setting-section[b-vvo5bh9h2j] {
    border: 1px solid #e1e9f0;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.datpro-bank-admin__setting-section-header h3[b-vvo5bh9h2j] {
    color: #173a56;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.datpro-bank-admin__setting-section-header p[b-vvo5bh9h2j] {
    color: #5b7285;
    font-size: 0.9rem;
    margin: 0;
}

.datpro-bank-admin__setting-row[b-vvo5bh9h2j] {
    align-items: start;
    border: 1px solid #e1e9f0;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 0.45fr) minmax(0, 1fr);
    padding: 1rem;
}

.datpro-bank-admin__setting-label[b-vvo5bh9h2j] {
    align-items: flex-start;
    display: flex;
    gap: 0.2rem;
    justify-content: space-between;
    min-width: 0;
}

.datpro-bank-admin__setting-label span[b-vvo5bh9h2j] {
    color: #173a56;
    font-weight: 700;
}

.datpro-bank-admin__setting-label small[b-vvo5bh9h2j] {
    color: #6d8294;
    display: block;
    font-size: 0.75rem;
}

.datpro-bank-admin__history-button[b-vvo5bh9h2j] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.35rem;
    white-space: nowrap;
}

.datpro-bank-admin__history-button--compact[b-vvo5bh9h2j] {
    justify-content: center;
}

.datpro-bank-admin__setting-input[b-vvo5bh9h2j] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.datpro-bank-admin__row-notice[b-vvo5bh9h2j] {
    border-radius: 8px;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
}

.datpro-bank-admin__row-notice-info[b-vvo5bh9h2j] {
    background: #eef6ff;
    border: 1px solid #cfe5ff;
    color: #275579;
}

.datpro-bank-admin__row-notice-success[b-vvo5bh9h2j] {
    background: #eefaf2;
    border: 1px solid #ccefd8;
    color: #1c6a3d;
}

.datpro-bank-admin__row-notice-warning[b-vvo5bh9h2j] {
    background: #fff7e8;
    border: 1px solid #f5ddb0;
    color: #855f16;
}

.datpro-bank-admin__row-notice-error[b-vvo5bh9h2j] {
    background: #fff1f3;
    border: 1px solid #f2b6bf;
    color: #a11225;
}

.datpro-bank-admin__number-format-groups[b-vvo5bh9h2j] {
    display: grid;
    gap: 1rem;
}

.datpro-bank-admin__number-format-card[b-vvo5bh9h2j] {
    border: 1px solid #e1e9f0;
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    padding: 1rem;
}

.datpro-bank-admin__number-format-card h4[b-vvo5bh9h2j] {
    color: #173a56;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.datpro-bank-admin__number-format-table[b-vvo5bh9h2j] {
    display: grid;
    gap: 0;
    overflow-x: auto;
}

.datpro-bank-admin__number-format-row[b-vvo5bh9h2j] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(6.5rem, 0.6fr) minmax(10rem, 0.9fr) minmax(4rem, 0.3fr) repeat(5, minmax(7.5rem, 1fr));
    min-width: 70rem;
    padding: 0.5rem 0.75rem;
}

.datpro-bank-admin__number-format-row:nth-child(odd):not(.datpro-bank-admin__number-format-row--header)[b-vvo5bh9h2j] {
    background: #f5f8fb;
}

.datpro-bank-admin__number-format-row:nth-child(even):not(.datpro-bank-admin__number-format-row--header)[b-vvo5bh9h2j] {
    background: #edf3f8;
}

.datpro-bank-admin__number-format-row--header[b-vvo5bh9h2j] {
    color: #5b7285;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.datpro-bank-admin__number-format-row--header[b-vvo5bh9h2j],
.datpro-bank-admin__number-format-row:first-child + .datpro-bank-admin__number-format-row[b-vvo5bh9h2j] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.datpro-bank-admin__number-format-label[b-vvo5bh9h2j] {
    align-items: center;
    color: #173a56;
    display: flex;
    font-weight: 700;
}

.datpro-bank-admin__number-format-preview[b-vvo5bh9h2j],
.datpro-bank-admin__number-format-code[b-vvo5bh9h2j] {
    align-items: center;
    color: #455d70;
    display: flex;
    font-weight: 700;
    min-height: 2.75rem;
}

.datpro-bank-admin__number-format-code[b-vvo5bh9h2j] {
    color: #6d8294;
    font-size: 0.85rem;
}

.datpro-bank-admin__number-format-cell[b-vvo5bh9h2j] {
    min-width: 0;
}

.datpro-bank-admin__number-format-input[b-vvo5bh9h2j] {
    display: grid;
    gap: 0.35rem;
}

.datpro-bank-admin__number-format-missing[b-vvo5bh9h2j] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    color: #8aa0b2;
    display: flex;
    min-height: 2.75rem;
    justify-content: center;
}

.datpro-bank-admin__section-header[b-vvo5bh9h2j] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.datpro-bank-admin__location-grid[b-vvo5bh9h2j] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.datpro-bank-admin__location-card[b-vvo5bh9h2j] {
    border: 1px solid #dbe4ed;
    border-left: 4px solid #5f7488;
    border-radius: 8px;
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.datpro-bank-admin__location-card--enabled[b-vvo5bh9h2j] {
    border-left-color: #20b46b;
}

.datpro-bank-admin__location-card--disabled[b-vvo5bh9h2j] {
    border-left-color: #d93f3f;
}

.datpro-bank-admin__location-main[b-vvo5bh9h2j] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.datpro-bank-admin__location-main strong[b-vvo5bh9h2j],
.datpro-bank-admin__location-main small[b-vvo5bh9h2j] {
    display: block;
}

.datpro-bank-admin__location-main strong[b-vvo5bh9h2j] {
    color: #173a56;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.datpro-bank-admin__location-main small[b-vvo5bh9h2j],
.datpro-bank-admin__location-label[b-vvo5bh9h2j] {
    color: #5b7285;
    font-size: 0.75rem;
}

.datpro-bank-admin__location-label[b-vvo5bh9h2j] {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

.datpro-bank-admin__location-icon[b-vvo5bh9h2j] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.datpro-bank-admin__location-icon:empty[b-vvo5bh9h2j]::before {
    color: #8aa0b2;
    content: "-";
    font-weight: 700;
}

.datpro-bank-admin__location-icon img[b-vvo5bh9h2j] {
    display: block;
    height: 1.4rem;
    object-fit: contain;
    width: 1.4rem;
}

.datpro-bank-admin__location-meta[b-vvo5bh9h2j] {
    color: #344f64;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem;
    gap: 0.5rem;
}

.datpro-bank-admin__location-status[b-vvo5bh9h2j] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.datpro-bank-admin__location-status i[b-vvo5bh9h2j] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem;
}

.datpro-bank-admin__location-status--enabled i[b-vvo5bh9h2j] {
    background: #e8f8ef;
    color: #168553;
}

.datpro-bank-admin__location-status--disabled i[b-vvo5bh9h2j] {
    background: #fff0f0;
    color: #b42323;
}

.datpro-bank-admin__location-card .btn[b-vvo5bh9h2j] {
    justify-self: end;
}

@media (max-width: 575.98px) {
    .datpro-bank-admin__header[b-vvo5bh9h2j],
    .datpro-bank-admin__section-header[b-vvo5bh9h2j] {
        display: grid;
    }

    .datpro-bank-admin__actions[b-vvo5bh9h2j],
    .datpro-bank-admin__actions .btn[b-vvo5bh9h2j],
    .datpro-bank-admin__section-header .btn[b-vvo5bh9h2j] {
        justify-content: center;
        width: 100%;
    }

    .datpro-bank-admin__setting-row[b-vvo5bh9h2j] {
        grid-template-columns: 1fr;
    }

    .datpro-bank-admin__setting-label[b-vvo5bh9h2j] {
        align-items: stretch;
        display: grid;
    }

    .datpro-bank-admin__history-button[b-vvo5bh9h2j],
    .datpro-bank-admin__location-card .btn[b-vvo5bh9h2j] {
        justify-content: center;
        width: 100%;
    }
}
/* /Pages/DatPro/Banks/BankIndexDataGrid5_BanksOnly.razor.rz.scp.css */
.bank-data-area[b-bbf599iia6] {
    position: relative;
}

.bank-data-area.is-busy .bank-data-content[b-bbf599iia6] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.bank-data-blocker[b-bbf599iia6] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}

.bank-search-toolbar[b-bbf599iia6] {
    align-items: flex-start;
    gap: 0.75rem;
}

.bank-admin-create-column[b-bbf599iia6] {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
}

.bank-admin-create-button[b-bbf599iia6] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    min-height: 44px;
}

.bank-card__actions--bank-admin[b-bbf599iia6] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 44px;
}

@media (max-width: 767.98px) {
    .bank-search-toolbar[b-bbf599iia6] {
        display: grid;
    }

    .bank-search-toolbar > .col-6[b-bbf599iia6],
    .bank-search-toolbar > [class*="col-"][b-bbf599iia6] {
        max-width: 100%;
        width: 100%;
    }

    .bank-admin-create-column[b-bbf599iia6] {
        justify-content: stretch;
    }

    .bank-admin-create-button[b-bbf599iia6] {
        justify-content: center;
        width: 100%;
    }
}
/* /Pages/DatPro/Bookings/Bookings.razor.rz.scp.css */
.bookings-page-card[b-vl9fyokfui] {
    border-radius: 8px;
}

.bookings-header[b-vl9fyokfui] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.bookings-title[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    gap: 10px;
    margin: 0;
}

.bookings-subtitle[b-vl9fyokfui] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
    margin-top: 4px;
}

.bookings-busy[b-vl9fyokfui] {
    align-items: center;
    display: inline-flex;
    min-height: 36px;
}

.bookings-filter-panel[b-vl9fyokfui] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    margin-bottom: 18px;
    padding: 14px;
}

.bookings-preset-group[b-vl9fyokfui] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.bookings-filter-grid[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bookings-filter-grid .dropdown-container[b-vl9fyokfui] {
    flex: 1 1 180px;
    min-width: 0;
}

.bookings-filter-grid[b-vl9fyokfui]  .icon-dropdown .dropdown-toggle::after {
    margin-left: auto;
}

.bookings-toggle[b-vl9fyokfui] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    margin: 0;
    min-height: 42px;
    white-space: nowrap;
}

.bookings-toggle input[b-vl9fyokfui] {
    height: 16px;
    width: 16px;
}

.bookings-data-area[b-vl9fyokfui] {
    position: relative;
}

.bookings-data-area.is-busy .bookings-data-content[b-vl9fyokfui] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.bookings-data-blocker[b-vl9fyokfui] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}

.bookings-empty[b-vl9fyokfui] {
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    color: var(--bs-secondary-color);
    padding: 24px;
    text-align: center;
}

.bookings-card-list[b-vl9fyokfui] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 440px));
    justify-content: start;
}

.bookings-card[b-vl9fyokfui] {
    --bookings-status-accent: #1f9d55;
    --bookings-status-background: #e9f8ef;
    --bookings-status-border: #b9e7c9;
    --bookings-status-text: #0f6c39;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    font-size: 0.875rem;
    min-width: 0;
    overflow: hidden;
    padding: 14px 16px 14px 20px;
    position: relative;
}

.bookings-card[b-vl9fyokfui]::before {
    background: var(--bookings-status-accent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.bookings-card--active[b-vl9fyokfui] {
    --bookings-status-accent: #1f9d55;
    --bookings-status-background: #e9f8ef;
    --bookings-status-border: #b9e7c9;
    --bookings-status-text: #0f6c39;
}

.bookings-card--cancelled[b-vl9fyokfui] {
    --bookings-status-accent: #d97706;
    --bookings-status-background: #fff7e6;
    --bookings-status-border: #f3d08b;
    --bookings-status-text: #8a4b00;
}

.bookings-card--deleted[b-vl9fyokfui] {
    --bookings-status-accent: #dc2626;
    --bookings-status-background: #fff1f2;
    --bookings-status-border: #fecdd3;
    --bookings-status-text: #991b1b;
}

.bookings-card__main[b-vl9fyokfui] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.bookings-card__time[b-vl9fyokfui] {
    min-width: 0;
}

.bookings-card__date[b-vl9fyokfui] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.85em;
    margin-bottom: 2px;
}

.bookings-card__date-label[b-vl9fyokfui] {
    display: block;
    font-size: 1.15em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.bookings-card__time-range[b-vl9fyokfui] {
    color: var(--bs-body-color);
    display: block;
    font-size: 0.95em;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 5px;
}

.bookings-card__user[b-vl9fyokfui] {
    margin-top: 12px;
    min-width: 0;
}

.bookings-card__user strong[b-vl9fyokfui] {
    display: block;
    font-size: 0.95em;
    overflow-wrap: anywhere;
}

.bookings-card__user span[b-vl9fyokfui] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.85em;
    margin-top: 1px;
}

.bookings-status-pill[b-vl9fyokfui] {
    background: var(--bookings-status-background);
    border: 1px solid var(--bookings-status-border);
    border-radius: 999px;
    color: var(--bookings-status-text);
    flex: 0 0 auto;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1;
    padding: 6px 9px;
    white-space: nowrap;
}

.bookings-status-pill--active[b-vl9fyokfui] {
    --bookings-status-background: #e9f8ef;
    --bookings-status-border: #b9e7c9;
    --bookings-status-text: #0f6c39;
}

.bookings-status-pill--cancelled[b-vl9fyokfui] {
    --bookings-status-background: #fff7e6;
    --bookings-status-border: #f3d08b;
    --bookings-status-text: #8a4b00;
}

.bookings-status-pill--deleted[b-vl9fyokfui] {
    --bookings-status-background: #fff1f2;
    --bookings-status-border: #fecdd3;
    --bookings-status-text: #991b1b;
}

.bookings-card__meta[b-vl9fyokfui] {
    display: grid;
    gap: 10px 12px;
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
}

.bookings-card__meta-item[b-vl9fyokfui] {
    align-items: flex-start;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.bookings-card__meta-item--wide[b-vl9fyokfui] {
    grid-column: 1 / -1;
}

.bookings-card__meta-icon[b-vl9fyokfui] {
    align-items: center;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    color: var(--bs-secondary-color);
    display: inline-flex;
    flex: 0 0 30px;
    font-size: 0.9rem;
    height: 30px;
    justify-content: center;
    margin-top: 1px;
    width: 30px;
}

.bookings-card__meta-item > div > span[b-vl9fyokfui] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.78em;
    text-transform: uppercase;
}

.bookings-card__meta-item strong[b-vl9fyokfui] {
    display: block;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
}

.bookings-pager[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    margin-top: 16px;
}

.bookings-pager--desktop[b-vl9fyokfui] {
    justify-content: space-between;
    width: 100%;
}

.bookings-pager-desktop-controls[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.bookings-pager--compact[b-vl9fyokfui],
.bookings-pager--mobile[b-vl9fyokfui] {
    display: none;
}

.bookings-pager-link[b-vl9fyokfui],
.bookings-pager-page[b-vl9fyokfui] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #18364f;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 400;
    justify-content: center;
    line-height: 1.5;
    min-height: 32px;
    min-width: 32px;
    padding: 0 8px;
}

.bookings-pager-link[b-vl9fyokfui] {
    min-width: 54px;
}

.bookings-pager-link:not(:disabled):hover[b-vl9fyokfui],
.bookings-pager-page:not(:disabled):hover[b-vl9fyokfui] {
    background: rgba(59, 91, 219, 0.08);
}

.bookings-pager-link:disabled[b-vl9fyokfui] {
    color: #cbd5e1;
    cursor: default;
}

.bookings-pager-page.is-active[b-vl9fyokfui] {
    background: #f72d8a;
    color: #ffffff;
    cursor: default;
    font-weight: 400;
}

.bookings-pager-compact-controls[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
}

.bookings-pager-icon[b-vl9fyokfui] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #18364f;
    display: inline-flex;
    font-family: inherit;
    font-size: 1rem;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.bookings-pager-icon:disabled[b-vl9fyokfui] {
    color: #cbd5e1;
    cursor: default;
}

.bookings-pager-icon:not(:disabled):hover[b-vl9fyokfui] {
    background: rgba(59, 91, 219, 0.08);
}

.bookings-pager-page-input[b-vl9fyokfui] {
    background-color: #eef3f8;
    border: 1px solid #dce5ef;
    border-radius: 7px;
    color: #18364f;
    font-family: inherit;
    font-size: 0.875em;
    height: 32px;
    min-width: 64px;
    padding: 0 10px;
    text-align: center;
}

.bookings-pager__stats[b-vl9fyokfui] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
    text-align: right;
}

.bookings-pager__controls[b-vl9fyokfui] {
    align-items: center;
    display: flex;
    gap: 8px;
}

@media (max-width: 1199.98px) {
    .bookings-pager--desktop[b-vl9fyokfui] {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .bookings-pager--compact[b-vl9fyokfui] {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
    }

    .bookings-pager--compact .bookings-pager__stats[b-vl9fyokfui] {
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .bookings-pager--mobile[b-vl9fyokfui] {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .bookings-pager__stats[b-vl9fyokfui] {
        text-align: left;
    }

    .bookings-pager__controls[b-vl9fyokfui] {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .bookings-header[b-vl9fyokfui] {
        display: block;
        text-align: center;
    }

    .bookings-title[b-vl9fyokfui] {
        justify-content: center;
    }

    .bookings-preset-group[b-vl9fyokfui] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }

    .bookings-card-list[b-vl9fyokfui] {
        grid-template-columns: 1fr;
    }

    .bookings-card__meta[b-vl9fyokfui] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .bookings-filter-grid[b-vl9fyokfui] {
        align-items: stretch;
    }

    .bookings-filter-grid .dropdown-container[b-vl9fyokfui],
    .bookings-toggle[b-vl9fyokfui] {
        flex-basis: 100%;
    }
}
/* /Pages/DatPro/DateRangePicker.razor.rz.scp.css */
/* /Pages/DatPro/Errormessages/ErrorMessagesMainCards.razor.rz.scp.css */
.errormessages-page-card[b-19ubs4rvvu] {
    border-radius: 8px;
}

.errormessages-header[b-19ubs4rvvu] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.errormessages-title[b-19ubs4rvvu] {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    gap: 10px;
    margin: 0;
}

.errormessages-subtitle[b-19ubs4rvvu] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
    margin-top: 4px;
}

.errormessages-filter-panel[b-19ubs4rvvu] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    margin-bottom: 18px;
    padding: 14px;
}

.errormessages-preset-group[b-19ubs4rvvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.errormessages-filter-grid[b-19ubs4rvvu] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.errormessages-filter-grid .dropdown-container[b-19ubs4rvvu] {
    min-width: 0;
}

.errormessages-filter-grid[b-19ubs4rvvu]  .icon-dropdown .dropdown-toggle::after {
    margin-left: auto;
}

.errormessages-empty[b-19ubs4rvvu] {
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    color: var(--bs-secondary-color);
    padding: 24px;
    text-align: center;
}

.errormessage-card-grid[b-19ubs4rvvu] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 320px));
    justify-content: start;
    padding: 0.5rem 0;
}

.errormessage-card[b-19ubs4rvvu] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ec-header[b-19ubs4rvvu] {
    align-items: center;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
    display: flex;
    justify-content: space-between;
    padding: 8px 14px;
}

.ec-date[b-19ubs4rvvu] {
    color: var(--bs-body-color);
    font-size: 0.8rem;
    font-weight: 500;
}

.ec-time[b-19ubs4rvvu] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
}

.ec-body[b-19ubs4rvvu] {
    flex: 1;
    padding: 10px 14px 12px;
}

.ec-row[b-19ubs4rvvu] {
    margin-bottom: 6px;
}

.ec-label[b-19ubs4rvvu] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.7rem;
    margin-bottom: 1px;
}

.ec-value[b-19ubs4rvvu] {
    color: var(--bs-body-color);
    display: block;
    font-size: 0.825rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.ec-modal-meta[b-19ubs4rvvu] {
    color: var(--bs-secondary-color);
    display: flex;
    font-size: 0.825rem;
    gap: 12px;
    margin-bottom: 16px;
}

@media (max-width: 767.98px) {
    .errormessages-filter-grid[b-19ubs4rvvu] {
        grid-template-columns: 1fr;
    }

    .errormessage-card-grid[b-19ubs4rvvu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DatPro/LastEditedInfo.razor.rz.scp.css */
.last-edited-info[b-30geykr76f] {
    display: inline-grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    column-gap: 0.4rem;
    row-gap: 0.2rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    vertical-align: middle;
}

.last-edited-icon[b-30geykr76f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    min-width: 24px;
}

.last-edited-icon[b-30geykr76f]  img,
.last-edited-icon[b-30geykr76f]  svg {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    max-width: none;
}

.last-edited-badges[b-30geykr76f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.2rem 0.35rem;
    min-width: 0;
    max-width: min(100%, calc(var(--last-edited-user-max, 8rem) + 0.35rem + 6.8rem));
    overflow: visible;
}

.last-edited-user-state[b-30geykr76f] {
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    max-width: var(--last-edited-user-max, 8rem);
    overflow: hidden;
}

.last-edited-user-state.is-guid[b-30geykr76f] {
    width: var(--last-edited-user-max, 8rem);
}

.last-edited-info[b-30geykr76f]  .last-edited-badge {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    min-height: 1.25rem;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.6rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0.25em 0.55em;
    vertical-align: middle;
}

.last-edited-info[b-30geykr76f]  .last-edited-badge-text {
    display: block;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.last-edited-info[b-30geykr76f]  .last-edited-date {
    justify-content: center;
    flex: 0 0 auto;
    min-width: 6.8rem;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    text-align: center;
}

.last-edited-info[b-30geykr76f]  .last-edited-user {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

.last-edited-user-state.is-guid[b-30geykr76f]  .last-edited-user {
    width: 100%;
}

.lpx-theme-dark .last-edited-icon[b-30geykr76f]  img,
.lpx-theme-dark .last-edited-icon[b-30geykr76f]  svg {
    filter: invert(1) brightness(1.45) saturate(0.7);
    opacity: 0.9;
}

.lpx-theme-dark .last-edited-info[b-30geykr76f]  .last-edited-badge {
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: none;
}

.lpx-theme-dark .last-edited-info[b-30geykr76f]  .last-edited-user {
    color: #e8f5ff !important;
    background-color: #07324a !important;
    border-color: rgba(125, 211, 252, 0.24);
}

.lpx-theme-dark .last-edited-user-state.is-missing[b-30geykr76f]  .last-edited-user {
    color: #dce6f1 !important;
    background-color: #263142 !important;
    border-color: rgba(220, 230, 241, 0.18);
}

.lpx-theme-dark .last-edited-user-state.is-guid[b-30geykr76f]  .last-edited-user {
    color: #ffffff !important;
    background-color: #6852d8 !important;
    border-color: rgba(214, 204, 255, 0.28);
}

.lpx-theme-dark .last-edited-info[b-30geykr76f]  .last-edited-date {
    color: #e8eef7 !important;
    background-color: #1f2937 !important;
    border-color: rgba(232, 238, 247, 0.14);
}
/* /Pages/DatPro/Laundrystatus/Live.razor.rz.scp.css */
.laundry-widget-controls[b-n19kohydlr] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0;
}

.laundry-widget-control[b-n19kohydlr] {
    min-width: 11rem;
    max-width: 16rem;
}

.laundry-widget-label[b-n19kohydlr] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.laundry-widget-kid[b-n19kohydlr] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.laundry-widget-frame[b-n19kohydlr] {
    background: transparent;
    border: 0;
    display: block;
    min-height: 42rem;
    width: 100%;
}

.laundry-widget-empty[b-n19kohydlr] {
    align-items: center;
    border: 1px dashed #dfe7ef;
    border-radius: 6px;
    color: #64748b;
    display: flex;
    justify-content: center;
    min-height: 12rem;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 768px) {
    .laundry-widget-control[b-n19kohydlr] {
        max-width: none;
        width: 100%;
    }

    .laundry-widget-frame[b-n19kohydlr] {
        min-height: 48rem;
    }
}
/* /Pages/DatPro/Locations/LocationAdmin.razor.rz.scp.css */
.datpro-location-admin[b-4t56nv92eo] {
    display: grid;
    gap: 1.25rem;
}

.datpro-location-admin__header[b-4t56nv92eo],
.datpro-location-admin__panel[b-4t56nv92eo] {
    background: #fff;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 35, 55, 0.04);
}

.datpro-location-admin__header[b-4t56nv92eo] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.5rem;
}

.datpro-location-admin__header h1[b-4t56nv92eo] {
    color: #173a56;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.datpro-location-admin__eyebrow[b-4t56nv92eo] {
    color: #5b7285;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.datpro-location-admin__badges[b-4t56nv92eo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.datpro-location-admin__badges span[b-4t56nv92eo] {
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 999px;
    color: #173a56;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
}

.datpro-location-admin__actions[b-4t56nv92eo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.datpro-location-admin__panel[b-4t56nv92eo] {
    padding: 1.5rem;
}

.datpro-location-admin__panel h2[b-4t56nv92eo] {
    color: #173a56;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.datpro-location-admin__panel p[b-4t56nv92eo] {
    color: #344f64;
    margin: 0 0 1rem;
}

.datpro-location-admin__panel dl[b-4t56nv92eo] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.datpro-location-admin__panel dl div[b-4t56nv92eo] {
    border-top: 1px solid #e7edf3;
    padding-top: 0.75rem;
}

.datpro-location-admin__panel dt[b-4t56nv92eo] {
    color: #5b7285;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.datpro-location-admin__panel dd[b-4t56nv92eo] {
    color: #173a56;
    margin: 0.2rem 0 0;
}

.datpro-location-admin__state[b-4t56nv92eo] {
    color: #344f64;
    text-align: center;
}

.datpro-location-admin__denied[b-4t56nv92eo] {
    background: #fff1f3;
    border-color: #f2b6bf;
    color: #a11225;
}

.datpro-location-admin__settings-grid[b-4t56nv92eo] {
    display: grid;
    gap: 1rem;
}

.datpro-location-admin__setting-row[b-4t56nv92eo] {
    align-items: start;
    border: 1px solid #e1e9f0;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 0.45fr) minmax(0, 1fr);
    padding: 1rem;
}

.datpro-location-admin__setting-label[b-4t56nv92eo] {
    align-items: flex-start;
    display: flex;
    gap: 0.2rem;
    justify-content: space-between;
    min-width: 0;
}

.datpro-location-admin__setting-label span[b-4t56nv92eo] {
    color: #173a56;
    font-weight: 700;
}

.datpro-location-admin__setting-label small[b-4t56nv92eo] {
    color: #6d8294;
    display: block;
    font-size: 0.75rem;
}

.datpro-location-admin__history-button[b-4t56nv92eo] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.35rem;
    white-space: nowrap;
}

.datpro-location-admin__setting-input[b-4t56nv92eo] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.datpro-location-admin__setting-input-row[b-4t56nv92eo] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.datpro-location-admin__setting-input-row--with-preview[b-4t56nv92eo] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.datpro-location-admin__toggle[b-4t56nv92eo] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    color: #173a56;
    cursor: pointer;
    display: inline-flex;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    width: 100%;
}

.datpro-location-admin__toggle input[b-4t56nv92eo] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.datpro-location-admin__toggle-track[b-4t56nv92eo] {
    align-items: center;
    background: #dbe4ed;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.35rem;
    padding: 0.15rem;
    transition: background-color 0.15s ease;
    width: 2.35rem;
}

.datpro-location-admin__toggle-thumb[b-4t56nv92eo] {
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(15, 35, 55, 0.18);
    display: block;
    height: 1.05rem;
    transform: translateX(0);
    transition: transform 0.15s ease;
    width: 1.05rem;
}

.datpro-location-admin__toggle input:checked + .datpro-location-admin__toggle-track[b-4t56nv92eo] {
    background: #35b779;
}

.datpro-location-admin__toggle input:checked + .datpro-location-admin__toggle-track .datpro-location-admin__toggle-thumb[b-4t56nv92eo] {
    transform: translateX(1rem);
}

.datpro-location-admin__toggle input:focus-visible + .datpro-location-admin__toggle-track[b-4t56nv92eo] {
    outline: 2px solid #365dff;
    outline-offset: 2px;
}

.datpro-location-admin__toggle-text[b-4t56nv92eo] {
    font-weight: 700;
}

.datpro-location-admin__icon-preview[b-4t56nv92eo] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.datpro-location-admin__row-notice[b-4t56nv92eo] {
    border-radius: 8px;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
}

.datpro-location-admin__row-notice-info[b-4t56nv92eo] {
    background: #eef6ff;
    border: 1px solid #cfe5ff;
    color: #275579;
}

.datpro-location-admin__row-notice-success[b-4t56nv92eo] {
    background: #eefaf2;
    border: 1px solid #ccefd8;
    color: #1c6a3d;
}

.datpro-location-admin__row-notice-warning[b-4t56nv92eo] {
    background: #fff7e8;
    border: 1px solid #f5ddb0;
    color: #855f16;
}

.datpro-location-admin__row-notice-error[b-4t56nv92eo] {
    background: #fff1f3;
    border: 1px solid #f2b6bf;
    color: #a11225;
}

.datpro-location-admin__icon-preview:empty[b-4t56nv92eo]::before {
    color: #8aa0b2;
    content: "-";
    font-weight: 700;
}

.datpro-location-admin__icon-preview img[b-4t56nv92eo] {
    display: block;
    height: 1.5rem;
    object-fit: contain;
    width: 1.5rem;
}

.datpro-location-admin__readonly[b-4t56nv92eo] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    color: #173a56;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
}

.datpro-location-admin__readonly span[b-4t56nv92eo] {
    color: #5b7285;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .datpro-location-admin__header[b-4t56nv92eo] {
        display: grid;
    }

    .datpro-location-admin__actions[b-4t56nv92eo],
    .datpro-location-admin__actions .btn[b-4t56nv92eo] {
        justify-content: center;
        width: 100%;
    }

    .datpro-location-admin__setting-row[b-4t56nv92eo],
    .datpro-location-admin__setting-input-row[b-4t56nv92eo],
    .datpro-location-admin__setting-input-row--with-preview[b-4t56nv92eo] {
        grid-template-columns: 1fr;
    }

    .datpro-location-admin__setting-label[b-4t56nv92eo] {
        align-items: stretch;
        display: grid;
    }

    .datpro-location-admin__history-button[b-4t56nv92eo] {
        justify-content: center;
        width: 100%;
    }

    .datpro-location-admin__readonly[b-4t56nv92eo] {
        align-items: flex-start;
        display: grid;
    }
}
/* /Pages/DatPro/Locations/LocationIndexDataGrid.razor.rz.scp.css */
.location-data-area[b-xgkycrjvjy] {
    position: relative;
}

.location-data-area.is-busy .location-data-content[b-xgkycrjvjy] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.location-data-blocker[b-xgkycrjvjy] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}

.location-create-column[b-xgkycrjvjy] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.location-create-button[b-xgkycrjvjy] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    white-space: nowrap;
}

.location-mobile-card__actions[b-xgkycrjvjy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.location-mobile-card__actions .btn[b-xgkycrjvjy] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

@media (max-width: 575.98px) {
    .location-create-column[b-xgkycrjvjy] {
        justify-content: stretch;
        margin-top: 0.75rem;
        width: 100%;
    }

    .location-create-button[b-xgkycrjvjy] {
        justify-content: center;
        width: 100%;
    }
}
/* /Pages/DatPro/Offline/OfflineMain.razor.rz.scp.css */
.offline-filter-row[b-9z3l6xaxz8] {
    margin-top: 1rem;
    row-gap: 0.75rem;
}

.offline-filter-control[b-9z3l6xaxz8] {
    width: 100%;
}
/* /Pages/DatPro/Settings/SettingsGroupView.razor.rz.scp.css */

/* Subtle container with theme-friendly colors */
.history-container[b-evgnl0iuno] {
    /* Layout */
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    /* Visual */
    background-color: rgba(0, 0, 0, 0.04); /* light wash for light themes */
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    /* Blend in gracefully */
    backdrop-filter: blur(0.5px);
}

/* Improve contrast in dark mode automatically using prefers-color-scheme */
@media (prefers-color-scheme: dark) {
    .history-container[b-evgnl0iuno] {
        background-color: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.12);
    }
}

.history-header[b-evgnl0iuno] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.history-title[b-evgnl0iuno] {
    font-weight: 600;
    font-size: 0.95rem;
    opacity: 0.9;
}

/* If you render a <ul> list inside SettingHistory */
.history-list[b-evgnl0iuno] {
    list-style: none;
    margin: 0;
    padding: 4px 4px 4px 4px;
}

.history-item[b-evgnl0iuno] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.25rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}

    .history-item:last-child[b-evgnl0iuno] {
        border-bottom: none;
    }

.history-value[b-evgnl0iuno] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 0.125rem 0.375rem;
}
.history-key[b-evgnl0iuno] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    background: rgba(0, 0, 0, 0.01);
    border-radius: 4px;
    padding: 0.125rem 0.375rem;
}


/* Align ONLY icons used inside dropdown items */
.dropdown-icon[b-evgnl0iuno] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Align the icon + text inside the clickable area */
.dropdown-entry[b-evgnl0iuno] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (prefers-color-scheme: dark) {
    .history-value[b-evgnl0iuno] {
        background: rgba(255, 255, 255, 0.08);
    }

    .settings-group-state[b-evgnl0iuno] {
        color: #d6e3f6;
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.12);
        border-left-color: #8daae5;
    }

    .settings-group-state-warning[b-evgnl0iuno] {
        color: #ffe7a3;
        background: rgba(118, 79, 0, 0.22);
        border-color: rgba(255, 200, 87, 0.35);
        border-left-color: #fbbf24;
    }
}

.history-date[b-evgnl0iuno] {
    color: #6b7280; /* gray-500 */
    font-size: 0.85rem;
}

.history-container .btn[b-evgnl0iuno] {
    /* Tighten buttons inside the history block */
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}


.history-btn:disabled[b-evgnl0iuno] {
    background-color: #e0e0e0; /* light gray */
    color: #666;
    cursor: not-allowed;
}

@keyframes historyFade-b-evgnl0iuno {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }

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

.history-container[b-evgnl0iuno] {
    animation: historyFade-b-evgnl0iuno 140ms ease-out both;
}

/* Keep long group identifiers from stretching the settings header wider than the viewport. */
.settings-group-card[b-evgnl0iuno],
.settings-group-header[b-evgnl0iuno] {
    max-width: 100%;
    min-width: 0;
}

[b-evgnl0iuno] .settings-group-header-table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

[b-evgnl0iuno] .settings-group-header-table td,
[b-evgnl0iuno] .settings-group-header-table th {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-evgnl0iuno] .settings-group-icon-cell {
    width: 6rem;
}

[b-evgnl0iuno] .settings-group-title-cell {
    width: auto;
    max-width: 100%;
    min-width: 0;
}

.settings-group-title[b-evgnl0iuno],
.settings-group-identifier[b-evgnl0iuno],
.settings-group-unit-name[b-evgnl0iuno] {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.settings-group-state[b-evgnl0iuno] {
    margin: 0.5rem 0;
    padding: 0.85rem 1rem;
    color: #36516f;
    background: #f6f9fc;
    border: 1px solid #d8e4f1;
    border-left: 4px solid #6c7bd9;
    border-radius: 6px;
    font-size: 0.95rem;
}

.settings-group-state-warning[b-evgnl0iuno] {
    color: #713f12;
    background: #fffbeb;
    border-color: #fde68a;
    border-left-color: #f59e0b;
}

[b-evgnl0iuno] .settings-table tbody tr.dark-row-group > * {
    --settings-row-bg: rgba(var(--bs-body-color-rgb, 16, 42, 67), 0.045);
    --bs-table-bg: var(--settings-row-bg);
    background-color: var(--settings-row-bg) !important;
}

[b-evgnl0iuno] .settings-table tbody tr.light-row-group > * {
    --settings-row-bg: rgba(var(--bs-body-color-rgb, 16, 42, 67), 0.015);
    --bs-table-bg: var(--settings-row-bg);
    background-color: var(--settings-row-bg) !important;
}

[b-evgnl0iuno] .settings-table tbody tr.dark-row-group:hover > * {
    --settings-row-bg: rgba(111, 153, 246, 0.12);
    --bs-table-bg: var(--settings-row-bg);
    background-color: var(--settings-row-bg) !important;
}

[b-evgnl0iuno] .settings-table tbody tr.light-row-group:hover > * {
    --settings-row-bg: rgba(111, 153, 246, 0.08);
    --bs-table-bg: var(--settings-row-bg);
    background-color: var(--settings-row-bg) !important;
}

.setting-desktop-only[b-evgnl0iuno] {
    max-width: 100%;
    padding-bottom: 0.25rem;
}

[b-evgnl0iuno] .settings-table {
    --w-input-max: clamp(22rem, 42vw, 30rem);
    table-layout: fixed;
    width: 100%;
}

[b-evgnl0iuno] .settings-table td,
[b-evgnl0iuno] .settings-table th,
[b-evgnl0iuno] table.settings-table > :not(caption) > * > * {
    padding: 0.65rem 0.5rem !important;
    padding-inline: 0.5rem !important;
    vertical-align: middle;
}

[b-evgnl0iuno] .settings-table col.col-actions,
[b-evgnl0iuno] .settings-table .col-actions {
    width: 4rem;
    white-space: nowrap;
}

[b-evgnl0iuno] .settings-table col.col-icon,
[b-evgnl0iuno] .settings-table .col-icon {
    width: 2.75rem;
    text-align: center;
}

[b-evgnl0iuno] .settings-table col.col-key,
[b-evgnl0iuno] .settings-table .col-key {
    width: 11rem;
}

[b-evgnl0iuno] .settings-table .col-key label {
    display: block;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-evgnl0iuno] .settings-table col.col-input,
[b-evgnl0iuno] .settings-table .col-input {
    min-width: 0;
    width: auto;
}

[b-evgnl0iuno] .settings-table .col-input input,
[b-evgnl0iuno] .settings-table .col-input select,
[b-evgnl0iuno] .settings-table .col-input textarea,
[b-evgnl0iuno] .settings-table .col-input .b-numeric,
[b-evgnl0iuno] .settings-table .col-input .form-control,
[b-evgnl0iuno] .settings-table .col-input .form-select {
    width: 100%;
    max-width: var(--w-input-max, 30rem);
}

[b-evgnl0iuno] .settings-table .col-input .b-numeric > input {
    width: 100%;
    max-width: none;
}

[b-evgnl0iuno] .settings-table col.col-edited,
[b-evgnl0iuno] .settings-table .col-edited {
    width: 11.5rem;
    max-width: 11.5rem;
    overflow: hidden;
}

[b-evgnl0iuno] .settings-expanded-cell {
    padding-top: 0 !important;
}

.settings-expanded-content[b-evgnl0iuno] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}

.settings-row-notice[b-evgnl0iuno] {
    margin-top: 0.45rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.85rem;
    line-height: 1.35;
}

.settings-row-notice-success[b-evgnl0iuno] {
    color: #14532d;
    background: #ecfdf3;
    border-color: #bbf7d0;
}

.settings-row-notice-warning[b-evgnl0iuno] {
    color: #713f12;
    background: #fffbeb;
    border-color: #fde68a;
}

.settings-row-notice-error[b-evgnl0iuno] {
    color: #7f1d1d;
    background: #fef2f2;
    border-color: #fecaca;
}

.settings-row-notice-info[b-evgnl0iuno] {
    color: #1e3a8a;
    background: #eff6ff;
    border-color: #bfdbfe;
}

/* Scoped to this component only */
[b-evgnl0iuno] .table.my-no-row-borders > :not(caption) > * > * {
    border-bottom-style: none !important;
}

[b-evgnl0iuno] .table.my-no-row-borders thead tr > * {
    border-bottom-style: none !important;
}

@media (max-width: 1199.98px) {
    [b-evgnl0iuno] .settings-group-icon-cell {
        width: 4rem !important;
    }

    .setting-desktop-only[b-evgnl0iuno] {
        display: none !important;
    }

    .settings-expanded-content[b-evgnl0iuno] {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .setting-mobile-only[b-evgnl0iuno] {
        display: none !important;
    }
}
/* /Pages/DatPro/Settings/SettingsHelpPanel.razor.rz.scp.css */
.settings-help-panel[b-h6s3e9ho3x] {
    padding: 1rem 1.125rem;
    margin: 0.35rem 0 0.85rem;
    background-color: #f1f8f6;
    border: 1px solid #c8ded8;
    border-left: 5px solid #2f8f7b;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.settings-help-panel .history-header[b-h6s3e9ho3x],
.settings-help-panel[b-h6s3e9ho3x]  .history-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: #1f5f52;
    font-weight: 600;
}

.settings-help-section[b-h6s3e9ho3x] {
    margin-bottom: 0.875rem;
}

.settings-help-section + .settings-help-section[b-h6s3e9ho3x] {
    padding-top: 0.875rem;
    border-top: 1px solid rgba(47, 143, 123, 0.18);
}

.settings-help-section-title[b-h6s3e9ho3x] {
    margin-bottom: 0.375rem;
    color: #396f63;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.settings-help-text[b-h6s3e9ho3x] {
    margin: 0;
    padding: 0.75rem;
    color: #1e3f38;
    background: rgba(255, 255, 255, 0.58);
    border: 1px solid rgba(47, 143, 123, 0.14);
    border-radius: 6px;
    font-family: inherit;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.settings-help-badges[b-h6s3e9ho3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.settings-help-fallback[b-h6s3e9ho3x] {
    margin-top: 0.6rem;
    padding: 0.55rem 0.7rem;
    color: #713f12;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 6px;
    font-size: 0.85rem;
    line-height: 1.35;
}

.settings-help-panel[b-h6s3e9ho3x]  .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}

@media (prefers-color-scheme: dark) {
    .settings-help-panel[b-h6s3e9ho3x] {
        background-color: rgba(47, 143, 123, 0.13);
        border-color: rgba(132, 204, 188, 0.28);
        border-left-color: #84ccbc;
        box-shadow: none;
    }

    .settings-help-panel .history-header[b-h6s3e9ho3x],
    .settings-help-panel[b-h6s3e9ho3x]  .history-header {
        color: #d9fff7;
    }

    .settings-help-section + .settings-help-section[b-h6s3e9ho3x] {
        border-top-color: rgba(132, 204, 188, 0.2);
    }

    .settings-help-section-title[b-h6s3e9ho3x] {
        color: #afe9dc;
    }

    .settings-help-text[b-h6s3e9ho3x] {
        color: #ecfffb;
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.12);
    }

    .settings-help-fallback[b-h6s3e9ho3x] {
        color: #ffe7a3;
        background: rgba(118, 79, 0, 0.22);
        border-color: rgba(255, 200, 87, 0.35);
        border-left-color: #fbbf24;
    }
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x] {
    background-color: rgba(18, 45, 39, 0.96);
    border-color: rgba(132, 204, 188, 0.32);
    border-left-color: #42c9aa;
    box-shadow: none;
}

.lpx-theme-dark .settings-help-panel .history-header[b-h6s3e9ho3x],
.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .history-header {
    color: #d9fff7;
}

.lpx-theme-dark .settings-help-section + .settings-help-section[b-h6s3e9ho3x] {
    border-top-color: rgba(132, 204, 188, 0.24);
}

.lpx-theme-dark .settings-help-section-title[b-h6s3e9ho3x] {
    color: #afe9dc;
}

.lpx-theme-dark .settings-help-text[b-h6s3e9ho3x] {
    color: #ecfffb;
    background: rgba(8, 22, 20, 0.72);
    border-color: rgba(132, 204, 188, 0.18);
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .badge {
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: none;
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .bg-dark,
.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .text-bg-dark {
    color: #d9f7ff !important;
    background-color: #08324a !important;
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .bg-primary,
.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .text-bg-primary {
    color: #ffffff !important;
    background-color: #315ee8 !important;
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .bg-secondary,
.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .text-bg-secondary {
    color: #ffffff !important;
    background-color: #6750d8 !important;
}

.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .bg-warning,
.lpx-theme-dark .settings-help-panel[b-h6s3e9ho3x]  .text-bg-warning {
    color: #201300 !important;
    background-color: #f8c15c !important;
}

.lpx-theme-dark .settings-help-fallback[b-h6s3e9ho3x] {
    color: #ffe7a3;
    background: rgba(118, 79, 0, 0.24);
    border-color: rgba(255, 200, 87, 0.38);
    border-left-color: #fbbf24;
}
/* /Pages/DatPro/Settings/SettingsHistoryPanel.razor.rz.scp.css */
.settings-history-panel[b-x3dhzbhlzy] {
    padding: 1rem 1.125rem;
    margin: 0.35rem 0 0.85rem;
    background: #eef4fb;
    border: 1px solid #c8d8eb;
    border-left: 5px solid #3d70d8;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.settings-history-panel .history-header[b-x3dhzbhlzy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: #183b66;
    font-weight: 600;
}

.settings-history-panel .history-setting-key[b-x3dhzbhlzy] {
    min-width: 0;
    max-width: 18rem;
    padding: 0.125rem 0.5rem;
    overflow: hidden;
    color: #264c7b;
    background: rgba(61, 112, 216, 0.08);
    border-radius: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-history-panel .history-state[b-x3dhzbhlzy] {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    color: #36516f;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(61, 112, 216, 0.12);
    border-radius: 6px;
}

.settings-history-panel .history-state-warning[b-x3dhzbhlzy] {
    justify-content: flex-start;
    color: #6d4e00;
    background: #fff7dc;
    border-color: #edd184;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-table {
    --history-edited-width: 8.5rem;
    --history-age-width: 6.25rem;
    --history-by-width: 7rem;
    --history-value-width: 10rem;
    --history-action-width: 5.75rem;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-edited-column,
.settings-history-panel[b-x3dhzbhlzy]  .history-edited-cell {
    width: var(--history-edited-width);
}

.settings-history-panel[b-x3dhzbhlzy]  .history-age-column,
.settings-history-panel[b-x3dhzbhlzy]  .history-age-cell {
    width: var(--history-age-width);
}

.settings-history-panel[b-x3dhzbhlzy]  .history-by-column,
.settings-history-panel[b-x3dhzbhlzy]  .history-by-cell {
    width: var(--history-by-width);
}

.settings-history-panel[b-x3dhzbhlzy]  .history-value-column,
.settings-history-panel[b-x3dhzbhlzy]  .history-value-cell {
    width: var(--history-value-width);
}

.settings-history-panel[b-x3dhzbhlzy]  .history-action-column,
.settings-history-panel[b-x3dhzbhlzy]  .history-action-cell {
    width: var(--history-action-width);
    text-align: right;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-table td,
.settings-history-panel[b-x3dhzbhlzy]  .history-table th {
    vertical-align: middle;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-table tbody tr {
    border-top: 1px solid rgba(61, 112, 216, 0.14);
}

.settings-history-panel .history-date[b-x3dhzbhlzy] {
    color: #53657a;
    font-size: 0.85rem;
    white-space: nowrap;
}

.settings-history-panel .history-value[b-x3dhzbhlzy] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    background: rgba(61, 112, 216, 0.08);
    border-radius: 4px;
    padding: 0.125rem 0.375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-history-panel .history-value-invalid[b-x3dhzbhlzy] {
    color: #6d4e00;
    background: #fff0c2;
    box-shadow: inset 0 0 0 1px rgba(187, 121, 0, 0.22);
}

.settings-history-panel .history-invalid-value-label[b-x3dhzbhlzy] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-left: 0.35rem;
    padding: 0.125rem 0.375rem;
    overflow: hidden;
    color: #6d4e00;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25;
    background: #ffe29a;
    border-radius: 4px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.settings-history-panel .history-editedby[b-x3dhzbhlzy] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-history-panel[b-x3dhzbhlzy]  .card {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(61, 112, 216, 0.18);
    box-shadow: none;
}

.settings-history-panel[b-x3dhzbhlzy]  .card + .card {
    margin-top: 0.75rem;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-mobile-card {
    border-radius: 6px;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-mobile-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7rem;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.9rem;
}

.history-mobile-main[b-x3dhzbhlzy] {
    display: grid;
    grid-template-columns: minmax(9rem, 14rem) minmax(6rem, 1fr);
    gap: 0.75rem 1rem;
    align-items: center;
    min-width: 0;
}

.history-mobile-meta[b-x3dhzbhlzy] {
    display: grid;
    gap: 0.125rem;
    min-width: 0;
}

.history-mobile-value[b-x3dhzbhlzy] {
    min-width: 0;
}

.history-mobile-use[b-x3dhzbhlzy] {
    justify-self: end;
}

.settings-history-panel[b-x3dhzbhlzy]  .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-use-button {
    min-width: 4.75rem;
    white-space: nowrap;
}

.settings-history-panel[b-x3dhzbhlzy]  .history-use-button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

@media (prefers-color-scheme: dark) {
    .settings-history-panel[b-x3dhzbhlzy] {
        background: rgba(61, 112, 216, 0.13);
        border-color: rgba(141, 170, 229, 0.28);
        border-left-color: #8daae5;
        box-shadow: none;
    }

    .settings-history-panel .history-header[b-x3dhzbhlzy] {
        color: #d9e6ff;
    }

    .settings-history-panel .history-date[b-x3dhzbhlzy] {
        color: #bdc8d8;
    }

    .settings-history-panel .history-setting-key[b-x3dhzbhlzy],
    .settings-history-panel .history-value[b-x3dhzbhlzy] {
        background: rgba(255, 255, 255, 0.08);
    }

    .settings-history-panel .history-value-invalid[b-x3dhzbhlzy],
    .settings-history-panel .history-invalid-value-label[b-x3dhzbhlzy] {
        color: #ffe7a3;
        background: rgba(166, 105, 0, 0.28);
        box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.28);
    }

    .settings-history-panel .history-state[b-x3dhzbhlzy] {
        color: #d6e3f6;
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.12);
    }

    .settings-history-panel .history-state-warning[b-x3dhzbhlzy] {
        color: #ffe7a3;
        background: rgba(118, 79, 0, 0.22);
        border-color: rgba(255, 200, 87, 0.35);
    }

    .settings-history-panel[b-x3dhzbhlzy]  .card {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.12);
    }
}

.lpx-theme-dark .settings-history-panel[b-x3dhzbhlzy] {
    background: rgba(25, 36, 56, 0.96);
    border-color: rgba(141, 170, 229, 0.32);
    border-left-color: #6f99f6;
    box-shadow: none;
}

.lpx-theme-dark .settings-history-panel .history-header[b-x3dhzbhlzy] {
    color: #d9e6ff;
}

.lpx-theme-dark .settings-history-panel .history-setting-key[b-x3dhzbhlzy] {
    color: #dbe8ff;
    background: rgba(111, 153, 246, 0.16);
}

.lpx-theme-dark .settings-history-panel .history-state[b-x3dhzbhlzy] {
    color: #d6e3f6;
    background: rgba(12, 18, 30, 0.72);
    border-color: rgba(141, 170, 229, 0.18);
}

.lpx-theme-dark .settings-history-panel .history-state-warning[b-x3dhzbhlzy] {
    color: #ffe7a3;
    background: rgba(118, 79, 0, 0.24);
    border-color: rgba(255, 200, 87, 0.38);
}

.lpx-theme-dark .settings-history-panel[b-x3dhzbhlzy]  .history-table tbody tr {
    border-top-color: rgba(141, 170, 229, 0.18);
}

.lpx-theme-dark .settings-history-panel .history-date[b-x3dhzbhlzy] {
    color: #bdc8d8;
}

.lpx-theme-dark .settings-history-panel .history-value[b-x3dhzbhlzy] {
    color: #e5efff;
    background: rgba(111, 153, 246, 0.16);
}

.lpx-theme-dark .settings-history-panel .history-value-invalid[b-x3dhzbhlzy],
.lpx-theme-dark .settings-history-panel .history-invalid-value-label[b-x3dhzbhlzy] {
    color: #ffe7a3;
    background: rgba(166, 105, 0, 0.28);
    box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.28);
}

.lpx-theme-dark .settings-history-panel .history-editedby[b-x3dhzbhlzy] {
    color: #d6e3f6;
}

.lpx-theme-dark .settings-history-panel[b-x3dhzbhlzy]  .card {
    color: #d6e3f6;
    background: rgba(12, 18, 30, 0.72);
    border-color: rgba(141, 170, 229, 0.16);
}

@media (max-width: 1023.98px) {
    .history-mobile-main[b-x3dhzbhlzy] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .settings-history-panel[b-x3dhzbhlzy]  .history-mobile-body {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .history-mobile-use[b-x3dhzbhlzy] {
        justify-self: start;
    }
}
/* /Pages/DatPro/Settings/SettingsOpenHours.razor.rz.scp.css */
.open-hours-list[b-wjnlz6wf9o] {
    max-width: 34rem;
    margin-top: 0.75rem;
}

.open-hours-group[b-wjnlz6wf9o] {
    margin-top: 0.95rem;
    padding-bottom: 0.25rem;
    color: #244f6a;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(36, 79, 106, 0.18);
}

.open-hours-group:first-child[b-wjnlz6wf9o] {
    margin-top: 0;
}

.open-hours-row[b-wjnlz6wf9o] {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 1px solid rgba(36, 79, 106, 0.08);
}

.open-hours-label[b-wjnlz6wf9o] {
    color: #17384d;
}

.open-hours-value[b-wjnlz6wf9o] {
    color: #17384d;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
    .open-hours-group[b-wjnlz6wf9o],
    .open-hours-label[b-wjnlz6wf9o],
    .open-hours-value[b-wjnlz6wf9o] {
        color: #d7e6f2;
    }

    .open-hours-group[b-wjnlz6wf9o] {
        border-bottom-color: rgba(215, 230, 242, 0.2);
    }

    .open-hours-row[b-wjnlz6wf9o] {
        border-bottom-color: rgba(215, 230, 242, 0.12);
    }
}

@media (max-width: 520px) {
    .open-hours-row[b-wjnlz6wf9o] {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }

    .open-hours-value[b-wjnlz6wf9o] {
        white-space: normal;
    }
}
/* /Pages/DatPro/Settings/SettingsRowActions.razor.rz.scp.css */
[b-7gagixpcpw] .settings-row-actions-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.25rem;
    padding: 0 !important;
}

[b-7gagixpcpw] .settings-row-actions-toggle::after {
    margin-left: 0.25rem;
}
/* /Pages/DatPro/Settings/SettingsSelectedValueIndicator.razor.rz.scp.css */
.setting-selected-value-indicator[b-ukm29ipr6t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 1px solid rgba(13, 110, 253, 0.2);
    border-radius: 6px;
    background: rgba(13, 110, 253, 0.06);
}

.setting-selected-value-summary[b-ukm29ipr6t] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.setting-selected-value-current[b-ukm29ipr6t],
.setting-selected-value-source[b-ukm29ipr6t] {
    color: #6b7280;
    font-size: 0.85rem;
}

.setting-selected-value-actions[b-ukm29ipr6t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.setting-selected-value-error[b-ukm29ipr6t] {
    flex-basis: 100%;
    color: #b42318;
    font-size: 0.85rem;
}
/* /Pages/DatPro/SimpleTest/SettlementIndex2.razor.rz.scp.css */
/* ::deep : This tells Blazor to apply the style even to child components that don’t carry the scoped attribute.*/
/*          From copilot:   */
/*          In Blazor, when you use a .razor.css file, the styles are scoped to that component. Blazor does this by appending a unique attribute to your component’s HTML elements (e.g., _blazor-xyz123) and only applies styles that match that scope. */
/*          However, Blazorise components like <Icon> don’t always inherit that scope attribute, meaning your isolated CSS won’t apply to them unless you explicitly target them with ::deep or use global styles. */
/* If :deep isn't used the class is not applied. So use ::deep or move to a global css-file. */
.settlement-download-button[b-atc8uh2kb8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.settlement-download-button:hover[b-atc8uh2kb8] {
    transform: scale(1.18);
}

.settlement-download-button:focus-visible[b-atc8uh2kb8] {
    outline: 2px solid rgba(var(--bs-primary-rgb), 0.65);
    outline-offset: 3px;
}

[b-atc8uh2kb8] .settlementdownloadfiles {
    pointer-events: none;
}

.settlement-lines[b-atc8uh2kb8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: flex-end;
    grid-auto-rows: 1fr;
}

.settlement-period-title[b-atc8uh2kb8] {
    margin: 0.25rem 0 0.75rem;
    color: var(--bs-body-color);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.25;
}

.lpx-theme-dark .settlement-period-title[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-period-title[b-atc8uh2kb8] {
    color: #e6edf6;
}

.settlement-item[b-atc8uh2kb8] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.settlement-cell[b-atc8uh2kb8] {
    min-width: 80px;
    padding: 0 8px;
    word-break: break-word;
}

.settlement-cell-right[b-atc8uh2kb8] {
    min-width: 80px;
    padding: 0 8px;
    text-align: right;
    word-break: break-word;
}

.settlement-cell-positive_True[b-atc8uh2kb8] {
    color: var(--bs-success-text-emphasis, #0f5132);
}

.settlement-cell-positive_False[b-atc8uh2kb8] {
    color: var(--bs-danger-text-emphasis, #842029);
}

.flip-card[b-atc8uh2kb8] {
    display: flex;
    flex-direction: column;
    width: 280px;
    height: 200px;
    margin: 1rem;
    perspective: 1000px;
    border-radius: 8px;
    transition: filter 0.18s ease, transform 0.18s ease;
}

.flip-card:hover[b-atc8uh2kb8],
.flip-card:focus-within[b-atc8uh2kb8] {
    filter: drop-shadow(0 0.65rem 1.15rem rgba(15, 23, 42, 0.16));
    transform: translateY(-2px);
}

.flip-card-inner[b-atc8uh2kb8] {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s linear;
    transform-style: preserve-3d;
}

.flip-card-inner.flipped[b-atc8uh2kb8] {
    transform: rotateY(180deg);
}

.flip-card-front[b-atc8uh2kb8],
.flip-card-back[b-atc8uh2kb8] {
    position: absolute;
    width: 100%;
    height: 100%;
    direction: ltr;
    backface-visibility: hidden;
}

.flip-card-front[b-atc8uh2kb8] {
    z-index: 2;
}

.flip-card-back[b-atc8uh2kb8] {
    z-index: 1;
    transform: rotateY(180deg);
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-card {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-card .card-header {
    color: #14301b;
    font-weight: 700;
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-face {
    min-height: 120px;
    color: var(--bs-body-color);
}

.settlement-period-flip-button[b-atc8uh2kb8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 88px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.settlement-period-flip-button .card-title[b-atc8uh2kb8],
.settlement-period-flip-button .card-subtitle[b-atc8uh2kb8],
.settlement-period-flip-button .card-text[b-atc8uh2kb8] {
    display: block;
}

.settlement-period-flip-button:focus-visible[b-atc8uh2kb8] {
    outline: 3px solid rgba(var(--bs-primary-rgb), 0.55);
    outline-offset: 3px;
    border-radius: 6px;
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-face-front {
    background: #eef4f8;
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-face-back {
    color: #f8fafc;
    background: #17212b;
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-footer {
    color: var(--bs-body-color);
    border-top: 1px solid var(--bs-border-color);
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-footer-front {
    background: #eef4f8;
}

.settlement-index[b-atc8uh2kb8]  .settlement-period-footer-back {
    color: #ffe8b5;
    background: #17212b;
    border-color: rgba(var(--bs-warning-rgb), 0.42);
}

.settlement-period-footer-left[b-atc8uh2kb8] {
    text-align: left;
}

.settlement-period-footer-right[b-atc8uh2kb8] {
    text-align: end;
}

.settlement-period-empty[b-atc8uh2kb8] {
    width: 100%;
    padding: 0.85rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    text-align: center;
}

.settlement-period-empty-error[b-atc8uh2kb8] {
    color: var(--bs-danger-text-emphasis, #842029);
    background: rgba(var(--bs-danger-rgb), 0.08);
    border-color: rgba(var(--bs-danger-rgb), 0.35);
}

.flip-card-back-txt[b-atc8uh2kb8],
.flip-card-front-txt[b-atc8uh2kb8] {
    color: inherit;
    background: transparent;
}

.settlement-index[b-atc8uh2kb8]  .card .card-body {
    padding: 1rem;
}

.lpx-theme-dark .settlement-cell-positive_True[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-cell-positive_True[b-atc8uh2kb8] {
    color: #95e7b5;
}

.lpx-theme-dark .settlement-cell-positive_False[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-cell-positive_False[b-atc8uh2kb8] {
    color: #ffb4bf;
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-back,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-back,
.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer,
.lpx-theme-dark .settlement-period-empty[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-period-empty[b-atc8uh2kb8] {
    border-color: var(--lpx-border-color, #23262a);
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-card,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-card {
    background: var(--lpx-card-bg, #1b1b1b);
}

.lpx-theme-dark .flip-card:hover[b-atc8uh2kb8],
.lpx-theme-dark .flip-card:focus-within[b-atc8uh2kb8],
.lpx-theme-semi-dark .flip-card:hover[b-atc8uh2kb8],
.lpx-theme-semi-dark .flip-card:focus-within[b-atc8uh2kb8] {
    filter: drop-shadow(0 0.65rem 1.15rem rgba(0, 0, 0, 0.34));
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-card .card-header,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-card .card-header {
    color: #14301b;
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-front,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-front,
.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer-front,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer-front {
    background: #202831;
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-back,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face-back {
    color: #f8fafc;
    background: #101820;
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face .card-title,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face .card-title {
    color: #f8fafc;
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face .card-subtitle,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-face .card-subtitle {
    color: #d8e1ec;
}

.lpx-theme-dark .settlement-period-empty[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-period-empty[b-atc8uh2kb8] {
    background: var(--lpx-card-bg, #1b1b1b);
}

.lpx-theme-dark .settlement-period-empty[b-atc8uh2kb8],
.lpx-theme-semi-dark .settlement-period-empty[b-atc8uh2kb8] {
    color: rgba(222, 230, 242, 0.72);
}

.lpx-theme-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer-back,
.lpx-theme-semi-dark .settlement-index[b-atc8uh2kb8]  .settlement-period-footer-back {
    color: #ffdca8;
    background: #101820;
    border-color: rgba(var(--bs-warning-rgb), 0.45);
}
/* /Pages/DatPro/SimpleTest/SimpleTestMain2.razor.rz.scp.css */
.settlement-page[b-pjtvge4gmf] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.settlement-page-card[b-pjtvge4gmf] {
    min-width: 0;
    padding: 1rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
}

.settlement-page-title[b-pjtvge4gmf] {
    margin: 0 0 1rem;
    color: var(--bs-body-color);
    font-size: 1.35rem;
    line-height: 1.25;
}

.lpx-theme-dark .settlement-page-title[b-pjtvge4gmf],
.lpx-theme-semi-dark .settlement-page-title[b-pjtvge4gmf] {
    color: #e6edf6;
}

.settlement-loading[b-pjtvge4gmf] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
}

.settlement-empty-state[b-pjtvge4gmf] {
    padding: 0.85rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    text-align: center;
}

.lpx-theme-dark .settlement-empty-state[b-pjtvge4gmf],
.lpx-theme-semi-dark .settlement-empty-state[b-pjtvge4gmf] {
    color: rgba(222, 230, 242, 0.72);
    background: var(--lpx-card-bg, #1b1b1b);
    border-color: var(--lpx-border-color, #23262a);
}
/* /Pages/DatPro/SimpleTest/SimpleTestSub2.razor.rz.scp.css */
.settlement-status-panel[b-0wftxduya6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settlement-status-summary[b-0wftxduya6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
}

.settlement-status-summary h2[b-0wftxduya6] {
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.25;
    color: var(--bs-body-color);
}

.settlement-status-eyebrow[b-0wftxduya6],
.settlement-location-eyebrow[b-0wftxduya6] {
    color: var(--bs-secondary-color);
    font-size: 0.78rem;
    line-height: 1.2;
}

.settlement-status-count[b-0wftxduya6] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 5.5rem;
}

.settlement-status-count span[b-0wftxduya6] {
    color: var(--bs-body-color);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.1;
}

.settlement-status-count small[b-0wftxduya6] {
    color: var(--bs-secondary-color);
    font-size: 0.72rem;
    line-height: 1.2;
    text-align: right;
}

.settlement-location-grid[b-0wftxduya6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.85rem;
}

.settlement-location-card[b-0wftxduya6] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    padding: 0.9rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-top: 4px solid var(--bs-warning);
    border-radius: 8px;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.settlement-location-card.is-ready[b-0wftxduya6] {
    border-top-color: var(--bs-success);
}

.settlement-location-card-header[b-0wftxduya6] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
}

.settlement-location-card-header > div[b-0wftxduya6] {
    flex: 1 1 9rem;
    min-width: 0;
}

.settlement-location-card-header h3[b-0wftxduya6] {
    margin: 0.1rem 0 0;
    overflow: hidden;
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settlement-status-badge[b-0wftxduya6] {
    flex: 1 1 100%;
    align-self: flex-start;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 0.28rem 0.5rem;
    overflow: hidden;
    color: var(--bs-body-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.is-ready .settlement-status-badge[b-0wftxduya6] {
    color: var(--bs-success-text-emphasis, #0f5132);
    background: rgba(var(--bs-success-rgb), 0.12);
    border-color: rgba(var(--bs-success-rgb), 0.35);
}

.is-blocked .settlement-status-badge[b-0wftxduya6] {
    color: var(--bs-warning-text-emphasis, #664d03);
    background: rgba(var(--bs-warning-rgb), 0.16);
    border-color: rgba(var(--bs-warning-rgb), 0.45);
}

.settlement-unit-grid[b-0wftxduya6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5.8rem, 1fr));
    gap: 0.5rem;
}

.settlement-unit-tile[b-0wftxduya6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: 4.4rem;
    padding: 0.55rem;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    transition: background-color 0.16s ease, border-color 0.16s ease;
}

.settlement-unit-tile:hover[b-0wftxduya6],
.settlement-unit-tile:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-primary-rgb), 0.08);
    border-color: rgba(var(--bs-primary-rgb), 0.32);
}

.settlement-unit-id[b-0wftxduya6] {
    color: var(--bs-body-color);
    font-weight: 700;
    line-height: 1.15;
}

.settlement-unit-name[b-0wftxduya6] {
    display: block;
    overflow: hidden;
    color: var(--bs-secondary-color);
    font-size: 0.76rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settlement-unit-tile.unitstyle-0[b-0wftxduya6] {
    background: rgba(var(--bs-info-rgb), 0.12);
    border-color: rgba(var(--bs-info-rgb), 0.35);
}

.settlement-unit-tile.unitstyle-0:hover[b-0wftxduya6],
.settlement-unit-tile.unitstyle-0:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-info-rgb), 0.18);
    border-color: rgba(var(--bs-info-rgb), 0.52);
}

.settlement-unit-tile.unitstyle-1[b-0wftxduya6] {
    background: rgba(var(--bs-success-rgb), 0.13);
    border-color: rgba(var(--bs-success-rgb), 0.38);
}

.settlement-unit-tile.unitstyle-1:hover[b-0wftxduya6],
.settlement-unit-tile.unitstyle-1:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-success-rgb), 0.2);
    border-color: rgba(var(--bs-success-rgb), 0.56);
}

.settlement-unit-tile.unitstyle-2[b-0wftxduya6] {
    background: rgba(var(--bs-danger-rgb), 0.12);
    border-color: rgba(var(--bs-danger-rgb), 0.35);
}

.settlement-unit-tile.unitstyle-2:hover[b-0wftxduya6],
.settlement-unit-tile.unitstyle-2:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-danger-rgb), 0.19);
    border-color: rgba(var(--bs-danger-rgb), 0.52);
}

.settlement-unit-tile.unitstyle-1 .settlement-unit-id[b-0wftxduya6] {
    color: var(--bs-success-text-emphasis, #0f5132);
}

.settlement-unit-tile.unitstyle-2 .settlement-unit-id[b-0wftxduya6] {
    color: var(--bs-danger-text-emphasis, #842029);
}

.settlement-empty-state[b-0wftxduya6] {
    padding: 0.85rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    text-align: center;
}

.settlement-empty-state-error[b-0wftxduya6] {
    color: var(--bs-danger-text-emphasis, #842029);
    background: rgba(var(--bs-danger-rgb), 0.08);
    border-color: rgba(var(--bs-danger-rgb), 0.35);
}

.lpx-theme-dark .settlement-location-card[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-location-card[b-0wftxduya6] {
    box-shadow: none;
}

.lpx-theme-dark .settlement-status-summary[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-status-summary[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-tile[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile[b-0wftxduya6],
.lpx-theme-dark .settlement-empty-state[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-empty-state[b-0wftxduya6] {
    background: var(--lpx-card-bg, #1b1b1b);
    border-color: var(--lpx-border-color, #23262a);
}

.lpx-theme-dark .settlement-status-eyebrow[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-status-eyebrow[b-0wftxduya6],
.lpx-theme-dark .settlement-location-eyebrow[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-location-eyebrow[b-0wftxduya6],
.lpx-theme-dark .settlement-status-count small[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-status-count small[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-name[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-name[b-0wftxduya6],
.lpx-theme-dark .settlement-empty-state[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-empty-state[b-0wftxduya6] {
    color: rgba(222, 230, 242, 0.72);
}

.lpx-theme-dark .is-ready .settlement-status-badge[b-0wftxduya6],
.lpx-theme-semi-dark .is-ready .settlement-status-badge[b-0wftxduya6] {
    color: #95e7b5;
    background: rgba(var(--bs-success-rgb), 0.16);
    border-color: rgba(var(--bs-success-rgb), 0.42);
}

.lpx-theme-dark .is-blocked .settlement-status-badge[b-0wftxduya6],
.lpx-theme-semi-dark .is-blocked .settlement-status-badge[b-0wftxduya6] {
    color: #ffdca8;
    background: rgba(var(--bs-warning-rgb), 0.16);
    border-color: rgba(var(--bs-warning-rgb), 0.45);
}

.lpx-theme-dark .settlement-unit-tile.unitstyle-1 .settlement-unit-id[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-1 .settlement-unit-id[b-0wftxduya6] {
    color: #95e7b5;
}

.lpx-theme-dark .settlement-unit-tile.unitstyle-2 .settlement-unit-id[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-2 .settlement-unit-id[b-0wftxduya6] {
    color: #ffb4bf;
}

.lpx-theme-dark .settlement-unit-tile:hover[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-tile:focus-within[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile:hover[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-primary-rgb), 0.14);
    border-color: rgba(var(--bs-primary-rgb), 0.42);
}

.lpx-theme-dark .settlement-unit-tile.unitstyle-0:hover[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-tile.unitstyle-0:focus-within[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-0:hover[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-0:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-info-rgb), 0.2);
    border-color: rgba(var(--bs-info-rgb), 0.52);
}

.lpx-theme-dark .settlement-unit-tile.unitstyle-1:hover[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-tile.unitstyle-1:focus-within[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-1:hover[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-1:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-success-rgb), 0.22);
    border-color: rgba(var(--bs-success-rgb), 0.56);
}

.lpx-theme-dark .settlement-unit-tile.unitstyle-2:hover[b-0wftxduya6],
.lpx-theme-dark .settlement-unit-tile.unitstyle-2:focus-within[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-2:hover[b-0wftxduya6],
.lpx-theme-semi-dark .settlement-unit-tile.unitstyle-2:focus-within[b-0wftxduya6] {
    background: rgba(var(--bs-danger-rgb), 0.2);
    border-color: rgba(var(--bs-danger-rgb), 0.52);
}

@media (max-width: 575.98px) {
    .settlement-status-summary[b-0wftxduya6],
    .settlement-location-card-header[b-0wftxduya6] {
        align-items: stretch;
        flex-direction: column;
    }

    .settlement-status-count[b-0wftxduya6] {
        align-items: flex-start;
    }

    .settlement-status-count small[b-0wftxduya6],
    .settlement-status-badge[b-0wftxduya6] {
        text-align: left;
    }
}
/* /Pages/DatPro/StdInput.razor.rz.scp.css */
body[b-xi8vxn9v97] {
}

.b-numeric-handler-wrap[b-xi8vxn9v97] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
}

.b-numeric-handler[b-xi8vxn9v97] {
    padding: 2px 6px !important;
    font-size: 0.8rem;
    border-radius: 4px;
}

.b-numeric-handler-wrap.b-numeric-handler-up[b-xi8vxn9v97] {
    padding: 2px 6px !important;
}

.b-numeric-handler-wrap.b-numeric-handler-down[b-xi8vxn9v97] {
    padding: 2px 6px !important;
}

.b-table.btn[b-xi8vxn9v97] {
    padding: 2px 6px !important;
}
/* /Pages/DatPro/StdInputSimple.razor.rz.scp.css */
.minute-of-day-editor[b-y6ip3xmgg1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.minute-of-day-inherit-toggle[b-y6ip3xmgg1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: auto;
    margin: 0;
    line-height: 1;
    cursor: pointer;
}

.minute-of-day-inherit-input[b-y6ip3xmgg1] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.minute-of-day-inherit-track[b-y6ip3xmgg1] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 2.15rem;
    height: 1.15rem;
    padding: 0.12rem;
    border-radius: 999px;
    background: #e9eef3;
    box-shadow: inset 0 0 0 1px rgba(16, 42, 67, 0.08);
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.minute-of-day-inherit-thumb[b-y6ip3xmgg1] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
    background: #aab4bd;
    transition: transform 120ms ease, background-color 120ms ease;
}

.minute-of-day-inherit-input:checked + .minute-of-day-inherit-track[b-y6ip3xmgg1] {
    background: #385cff;
    box-shadow: inset 0 0 0 1px rgba(56, 92, 255, 0.18);
}

.minute-of-day-inherit-input:checked + .minute-of-day-inherit-track .minute-of-day-inherit-thumb[b-y6ip3xmgg1] {
    background: #ffffff;
    transform: translateX(1rem);
}

.minute-of-day-inherit-input:focus-visible + .minute-of-day-inherit-track[b-y6ip3xmgg1] {
    outline: 2px solid rgba(56, 92, 255, 0.35);
    outline-offset: 2px;
}

.minute-of-day-inherit-label[b-y6ip3xmgg1] {
    white-space: nowrap;
    font-size: 0.85rem;
}

.minute-of-day-time[b-y6ip3xmgg1] {
    display: inline-flex;
    flex: 0 0 auto;
}

.minute-of-day-time-input[b-y6ip3xmgg1] {
    width: 7rem !important;
    max-width: 7rem !important;
    height: 2.25rem;
    padding: 0.375rem 0.65rem;
    border: 1px solid #dde5ec;
    border-radius: 0.45rem;
    background-color: #eef3f7;
    color: #002b45;
    font-size: 0.95rem;
    line-height: 1.2;
}

.minute-of-day-time-input:focus[b-y6ip3xmgg1] {
    border-color: #31b96e;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(49, 185, 110, 0.2);
}

.lpx-theme-dark .minute-of-day-inherit-label[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-label[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-label[b-y6ip3xmgg1] {
    color: #d6e3f6;
}

.lpx-theme-dark .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-track[b-y6ip3xmgg1] {
    background: rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 0 0 1px rgba(141, 170, 229, 0.22);
}

.lpx-theme-dark .minute-of-day-inherit-thumb[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-thumb[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-thumb[b-y6ip3xmgg1] {
    background: #9aa8ba;
}

.lpx-theme-dark .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track[b-y6ip3xmgg1] {
    background: #4f73f6;
    box-shadow: inset 0 0 0 1px rgba(111, 153, 246, 0.35);
}

.lpx-theme-dark .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track .minute-of-day-inherit-thumb[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track .minute-of-day-inherit-thumb[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-input:checked + .minute-of-day-inherit-track .minute-of-day-inherit-thumb[b-y6ip3xmgg1] {
    background: #ffffff;
}

.lpx-theme-dark .minute-of-day-inherit-input:focus-visible + .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-inherit-input:focus-visible + .minute-of-day-inherit-track[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-inherit-input:focus-visible + .minute-of-day-inherit-track[b-y6ip3xmgg1] {
    outline-color: rgba(111, 153, 246, 0.55);
}

.lpx-theme-dark .minute-of-day-time-input[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-time-input[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-time-input[b-y6ip3xmgg1] {
    color: #e5efff;
    background-color: rgba(12, 18, 30, 0.72);
    border-color: rgba(141, 170, 229, 0.22);
}

.lpx-theme-dark .minute-of-day-time-input:focus[b-y6ip3xmgg1],
.lpx-theme-semi-dark .minute-of-day-time-input:focus[b-y6ip3xmgg1],
.lpx-theme-dim .minute-of-day-time-input:focus[b-y6ip3xmgg1] {
    border-color: #6f99f6;
    box-shadow: 0 0 0 1px rgba(111, 153, 246, 0.35);
}

.settings-invalid-enum[b-y6ip3xmgg1],
.settings-invalid-value[b-y6ip3xmgg1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.35rem;
    color: #6d4e00;
    font-size: 0.78rem;
    line-height: 1.25;
}

.settings-invalid-enum-value[b-y6ip3xmgg1],
.settings-invalid-value-raw[b-y6ip3xmgg1] {
    display: inline-block;
    max-width: min(18rem, 100%);
    padding: 0.125rem 0.375rem;
    overflow: hidden;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-weight: 700;
    background: #fff0c2;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(187, 121, 0, 0.22);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
    .settings-invalid-enum[b-y6ip3xmgg1],
    .settings-invalid-value[b-y6ip3xmgg1] {
        color: #ffe7a3;
    }

    .settings-invalid-enum-value[b-y6ip3xmgg1],
    .settings-invalid-value-raw[b-y6ip3xmgg1] {
        background: rgba(166, 105, 0, 0.28);
        box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.28);
    }
}

.lpx-theme-dark .settings-invalid-enum[b-y6ip3xmgg1],
.lpx-theme-dark .settings-invalid-value[b-y6ip3xmgg1] {
    color: #ffe7a3;
}

.lpx-theme-dark .settings-invalid-enum-value[b-y6ip3xmgg1],
.lpx-theme-dark .settings-invalid-value-raw[b-y6ip3xmgg1] {
    background: rgba(166, 105, 0, 0.28);
    box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.28);
}
/* /Pages/DatPro/TagBags/Manage.razor.rz.scp.css */
.tagbag-manage-page[b-5pj5k36tnz] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.75rem 2rem 3rem;
    width: 100%;
}

.tagbag-manage-header[b-5pj5k36tnz],
.tagbag-manage-panel[b-5pj5k36tnz] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.tagbag-manage-header[b-5pj5k36tnz] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.35rem 1.5rem;
}

.tagbag-manage-heading[b-5pj5k36tnz] {
    min-width: 0;
}

.tagbag-manage-heading h2[b-5pj5k36tnz] {
    align-items: center;
    color: var(--bs-body-color, #1f2933);
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 0.55rem;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.tagbag-manage-pills[b-5pj5k36tnz],
.tagbag-manage-actions[b-5pj5k36tnz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.tagbag-manage-pills[b-5pj5k36tnz] {
    margin-top: 0.55rem;
}

.tagbag-manage-actions[b-5pj5k36tnz] {
    justify-content: flex-end;
}

.tagbag-manage-pill[b-5pj5k36tnz] {
    align-items: center;
    background: var(--bs-tertiary-bg, #f6f8fa);
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-radius: 999px;
    color: var(--bs-secondary-color, #667085);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    min-height: 1.75rem;
    padding: 0 0.7rem;
    white-space: nowrap;
}

.tagbag-manage-pill--active[b-5pj5k36tnz] {
    background: rgba(25, 135, 84, 0.12);
    border-color: rgba(25, 135, 84, 0.28);
    color: #137a4a;
}

.tagbag-manage-command[b-5pj5k36tnz] {
    align-items: center;
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-radius: 7px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 700;
    gap: 0.45rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0 0.9rem;
    white-space: nowrap;
}

.tagbag-manage-command:disabled[b-5pj5k36tnz] {
    cursor: not-allowed;
    opacity: 0.62;
}

.tagbag-manage-command-secondary[b-5pj5k36tnz] {
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #1f2933);
}

.tagbag-manage-command-primary[b-5pj5k36tnz] {
    background: #4361ee;
    border-color: #4361ee;
    color: #fff;
}

.tagbag-manage-command-warning[b-5pj5k36tnz] {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.45);
    color: #92400e;
}

.tagbag-manage-command-danger[b-5pj5k36tnz] {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.35);
    color: #b42318;
}

.tagbag-manage-panel[b-5pj5k36tnz] {
    padding: 1.25rem;
}

.tagbag-manage-panel-title[b-5pj5k36tnz] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.tagbag-manage-panel-title h3[b-5pj5k36tnz] {
    color: var(--bs-body-color, #1f2933);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
}

.tagbag-manage-panel-title span[b-5pj5k36tnz] {
    color: var(--bs-secondary-color, #667085);
    font-size: 0.88rem;
}

.tagbag-manage-add-grid[b-5pj5k36tnz] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(22rem, 1.1fr);
}

.tagbag-manage-coding-grid[b-5pj5k36tnz] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 0.45fr) minmax(22rem, 1fr) auto;
    margin-bottom: 1rem;
}

.tagbag-manage-field[b-5pj5k36tnz] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.tagbag-manage-field label[b-5pj5k36tnz],
.tagbag-manage-label[b-5pj5k36tnz] {
    color: var(--bs-secondary-color, #667085);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tagbag-manage-inline[b-5pj5k36tnz] {
    align-items: stretch;
    display: flex;
    gap: 0.6rem;
    min-width: 0;
}

.tagbag-manage-input[b-5pj5k36tnz],
.tagbag-manage-textarea[b-5pj5k36tnz] {
    background: var(--bs-tertiary-bg, #f6f8fa);
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--bs-body-color, #1f2933);
    min-width: 0;
    padding: 0 0.85rem;
    width: 100%;
}

.tagbag-manage-input[b-5pj5k36tnz] {
    min-height: 2.75rem;
}

.tagbag-manage-readonly-value[b-5pj5k36tnz] {
    min-height: 2.75rem;
}

.tagbag-manage-bank-dropdown[b-5pj5k36tnz],
.tagbag-manage-image-dropdown[b-5pj5k36tnz] {
    width: 100%;
}

.tagbag-manage-bank-dropdown[b-5pj5k36tnz]  .dropdown-toggle,
.tagbag-manage-image-dropdown[b-5pj5k36tnz]  .dropdown-toggle {
    min-height: 2.75rem;
}

.tagbag-manage-bank-dropdown[b-5pj5k36tnz]  .dropdown-toggle::after,
.tagbag-manage-image-dropdown[b-5pj5k36tnz]  .dropdown-toggle::after {
    margin-left: auto;
}

.tagbag-manage-bank-dropdown[b-5pj5k36tnz]  .dropdown-menu,
.tagbag-manage-image-dropdown[b-5pj5k36tnz]  .dropdown-menu {
    width: 100%;
}

.tagbag-manage-readonly-value[b-5pj5k36tnz] {
    align-items: center;
    background: var(--bs-tertiary-bg, #f6f8fa);
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--bs-body-color, #1f2933);
    display: flex;
    font-weight: 700;
    padding: 0 0.85rem;
}

.tagbag-manage-coding-command[b-5pj5k36tnz] {
    min-height: 2.75rem;
}

.tagbag-manage-textarea[b-5pj5k36tnz] {
    min-height: 7rem;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    resize: vertical;
}

.tagbag-manage-wide-command[b-5pj5k36tnz] {
    margin-top: 0.15rem;
}

.tagbag-manage-results[b-5pj5k36tnz] {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.tagbag-manage-result[b-5pj5k36tnz] {
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-radius: 7px;
    padding: 0.75rem 0.85rem;
}

.tagbag-manage-result strong[b-5pj5k36tnz],
.tagbag-manage-result span[b-5pj5k36tnz] {
    display: block;
}

.tagbag-manage-result span[b-5pj5k36tnz] {
    color: var(--bs-secondary-color, #667085);
    font-size: 0.88rem;
    margin-top: 0.15rem;
}

.tagbag-manage-result-success[b-5pj5k36tnz] {
    background: rgba(25, 135, 84, 0.08);
    border-color: rgba(25, 135, 84, 0.22);
}

.tagbag-manage-result-warning[b-5pj5k36tnz] {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.32);
}

.tagbag-manage-tag-list[b-5pj5k36tnz] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
}

.tagbag-manage-tag-card[b-5pj5k36tnz] {
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-left: 5px solid var(--tagbag-tag-accent, #64748b);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
}

.tagbag-manage-tag-main[b-5pj5k36tnz] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.tagbag-manage-tag-main strong[b-5pj5k36tnz] {
    display: block;
    font-size: 1.1rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.tagbag-manage-tag-icon[b-5pj5k36tnz] {
    align-items: center;
    background: var(--bs-tertiary-bg, #f6f8fa);
    border: 1px solid var(--bs-border-color, #d8dee4);
    border-radius: 8px;
    color: var(--tagbag-tag-accent, #64748b);
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.tagbag-manage-tag-image[b-5pj5k36tnz] {
    display: block;
    height: 1.65rem;
    object-fit: contain;
    width: 1.65rem;
}

.tagbag-manage-tag-meta[b-5pj5k36tnz] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

.tagbag-manage-tag-meta span[b-5pj5k36tnz],
.tagbag-manage-tag-meta strong[b-5pj5k36tnz] {
    display: block;
}

.tagbag-manage-tag-meta span[b-5pj5k36tnz] {
    color: var(--bs-secondary-color, #667085);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.tagbag-manage-tag-meta strong[b-5pj5k36tnz] {
    overflow-wrap: anywhere;
}

.tagbag-manage-tag-meta small[b-5pj5k36tnz] {
    color: var(--bs-secondary-color, #667085);
    display: block;
    font-size: 0.78rem;
    margin-top: 0.1rem;
}

.tagbag-manage-remove[b-5pj5k36tnz] {
    align-items: center;
    align-self: flex-start;
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(220, 53, 69, 0.35);
    border-radius: 7px;
    color: #b42318;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    gap: 0.45rem;
    min-height: 2.35rem;
    padding: 0 0.8rem;
}

.tagbag-manage-empty[b-5pj5k36tnz],
.tagbag-manage-alert[b-5pj5k36tnz] {
    border: 1px dashed var(--bs-border-color, #d8dee4);
    border-radius: 8px;
    color: var(--bs-secondary-color, #667085);
    padding: 1.25rem;
    text-align: center;
}

.tagbag-manage-alert-danger[b-5pj5k36tnz] {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.25);
    color: #b42318;
}

@media (max-width: 1199.98px) {
    .tagbag-manage-add-grid[b-5pj5k36tnz],
    .tagbag-manage-coding-grid[b-5pj5k36tnz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tagbag-manage-page[b-5pj5k36tnz] {
        padding: 1rem 0.75rem 6rem;
    }

    .tagbag-manage-header[b-5pj5k36tnz],
    .tagbag-manage-panel[b-5pj5k36tnz] {
        padding: 1rem;
    }

    .tagbag-manage-heading h2[b-5pj5k36tnz] {
        font-size: 1.35rem;
    }

    .tagbag-manage-actions[b-5pj5k36tnz],
    .tagbag-manage-command[b-5pj5k36tnz],
    .tagbag-manage-inline[b-5pj5k36tnz] {
        width: 100%;
    }

    .tagbag-manage-inline[b-5pj5k36tnz] {
        flex-direction: column;
    }

    .tagbag-manage-tag-list[b-5pj5k36tnz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DatPro/TagBags/TagBags.razor.rz.scp.css */
.tagbags-page-card[b-uunl3ah6oe] {
    border-radius: 8px;
}

.tagbags-header[b-uunl3ah6oe] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.tagbags-title[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    gap: 10px;
    margin: 0;
}

.tagbags-subtitle[b-uunl3ah6oe] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
    margin-top: 4px;
}

.tagbags-header-actions[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.tagbags-header-actions .btn[b-uunl3ah6oe] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.tagbags-summary-row[b-uunl3ah6oe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.tagbags-summary-pill[b-uunl3ah6oe] {
    align-items: center;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    color: #294966;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 700;
    min-height: 32px;
    padding: 6px 12px;
}

.tagbags-summary-pill--bank[b-uunl3ah6oe] {
    background: #eef6ff;
    border-color: #cfe4fb;
}

.tagbags-toggle[b-uunl3ah6oe] {
    cursor: pointer;
    gap: 8px;
    margin: 0;
}

.tagbags-toggle input[b-uunl3ah6oe] {
    height: 16px;
    width: 16px;
}

.tagbags-toggle--off[b-uunl3ah6oe] {
    background: #f8fafc;
    color: #52687d;
}

.tagbags-search-row[b-uunl3ah6oe] {
    margin-bottom: 16px;
    max-width: 720px;
}

.tagbags-search-row .fields[b-uunl3ah6oe],
.tagbags-search-row .field[b-uunl3ah6oe],
.tagbags-search-row .control[b-uunl3ah6oe],
.tagbags-search-row .addons[b-uunl3ah6oe] {
    width: 100%;
}

.tagbags-search-button[b-uunl3ah6oe] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-width: 118px;
}

.tagbags-data-area[b-uunl3ah6oe] {
    position: relative;
}

.tagbags-data-area.is-busy .tagbags-data-content[b-uunl3ah6oe] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.tagbags-data-blocker[b-uunl3ah6oe] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}

.tagbags-empty[b-uunl3ah6oe] {
    border: 1px dashed var(--bs-border-color);
    border-radius: 8px;
    color: var(--bs-secondary-color);
    padding: 24px;
    text-align: center;
}

.tagbags-card-list[b-uunl3ah6oe] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 320px));
    justify-content: start;
}

.tagbags-card[b-uunl3ah6oe] {
    --tagbags-image-accent: #64748b;
    --tagbags-status-background: #eef6ff;
    --tagbags-status-border: #cfe4fb;
    --tagbags-status-text: #294966;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    font-size: 0.875rem;
    min-width: 0;
    overflow: hidden;
    padding: 14px 16px 14px 20px;
    position: relative;
}

.tagbags-card[b-uunl3ah6oe]::before {
    background: var(--tagbags-image-accent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.tagbags-card--unlocked[b-uunl3ah6oe] {
    --tagbags-status-background: #f8fafc;
    --tagbags-status-border: #dbe3ea;
    --tagbags-status-text: #52687d;
}

.tagbags-card--locked[b-uunl3ah6oe] {
    --tagbags-status-background: #e9f8ef;
    --tagbags-status-border: #b9e7c9;
    --tagbags-status-text: #0f6c39;
}

.tagbags-card--draft[b-uunl3ah6oe] {
    --tagbags-image-accent: #4f46e5;
    --tagbags-status-background: #eef2ff;
    --tagbags-status-border: #c7d2fe;
    --tagbags-status-text: #3730a3;
}

.tagbags-card__main[b-uunl3ah6oe] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.tagbags-card__label[b-uunl3ah6oe] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.78em;
    text-transform: uppercase;
}

.tagbags-card__bag-id[b-uunl3ah6oe] {
    display: block;
    font-size: 1.2em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.tagbags-status-pill[b-uunl3ah6oe] {
    background: var(--tagbags-status-background);
    border: 1px solid var(--tagbags-status-border);
    border-radius: 999px;
    color: var(--tagbags-status-text);
    flex: 0 0 auto;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1;
    padding: 6px 9px;
    white-space: nowrap;
}

.tagbags-card__meta[b-uunl3ah6oe] {
    display: grid;
    gap: 10px 12px;
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
}

.tagbags-card__meta-item[b-uunl3ah6oe] {
    align-items: flex-start;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.tagbags-card__meta-item:last-child[b-uunl3ah6oe] {
    grid-column: 1 / -1;
}

.tagbags-card__meta-icon[b-uunl3ah6oe] {
    align-items: center;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    color: var(--bs-secondary-color);
    display: inline-flex;
    flex: 0 0 30px;
    font-size: 0.9rem;
    height: 30px;
    justify-content: center;
    margin-top: 1px;
    width: 30px;
}

.tagbags-card__meta-icon--image[b-uunl3ah6oe] {
    color: var(--tagbags-image-accent);
}

.tagbags-card__meta-item > div > span[b-uunl3ah6oe] {
    color: var(--bs-secondary-color);
    display: block;
    font-size: 0.78em;
    text-transform: uppercase;
}

.tagbags-card__meta-item strong[b-uunl3ah6oe] {
    display: block;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tagbags-card__notice[b-uunl3ah6oe] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #52687d;
    font-size: 0.85em;
    margin-top: 12px;
    margin-bottom: 4px;
    padding: 10px;
}

.tagbags-card__actions[b-uunl3ah6oe] {
    display: flex;
    justify-content: flex-end;
}

.tagbags-card__manage[b-uunl3ah6oe] {
    align-items: center;
    background: #4361ee;
    border: 1px solid #4361ee;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.9em;
    font-weight: 700;
    gap: 0.45rem;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0 0.85rem;
    text-decoration: none;
}

.tagbags-card__manage:hover[b-uunl3ah6oe] {
    background: #3152c9;
    border-color: #3152c9;
    color: #fff;
}

.tagbags-card__manage--disabled[b-uunl3ah6oe],
.tagbags-card__manage--disabled:hover[b-uunl3ah6oe] {
    background: #dbe3f5;
    border-color: #b9c5e7;
    color: #263958;
    cursor: not-allowed;
}

.tagbags-pager[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    margin-top: 16px;
}

.tagbags-pager--desktop[b-uunl3ah6oe] {
    justify-content: space-between;
    width: 100%;
}

.tagbags-pager-desktop-controls[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.tagbags-pager--compact[b-uunl3ah6oe],
.tagbags-pager--mobile[b-uunl3ah6oe] {
    display: none;
}

.tagbags-pager-link[b-uunl3ah6oe],
.tagbags-pager-page[b-uunl3ah6oe] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #18364f;
    display: inline-flex;
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 400;
    justify-content: center;
    line-height: 1.5;
    min-height: 32px;
    min-width: 32px;
    padding: 0 8px;
}

.tagbags-pager-link[b-uunl3ah6oe] {
    min-width: 54px;
}

.tagbags-pager-link:not(:disabled):hover[b-uunl3ah6oe],
.tagbags-pager-page:not(:disabled):hover[b-uunl3ah6oe] {
    background: rgba(59, 91, 219, 0.08);
}

.tagbags-pager-link:disabled[b-uunl3ah6oe] {
    color: #cbd5e1;
    cursor: default;
}

.tagbags-pager-page.is-active[b-uunl3ah6oe] {
    background: #f72d8a;
    color: #ffffff;
    cursor: default;
    font-weight: 400;
}

.tagbags-pager-compact-controls[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
}

.tagbags-pager-icon[b-uunl3ah6oe] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #18364f;
    display: inline-flex;
    font-family: inherit;
    font-size: 1rem;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.tagbags-pager-icon:disabled[b-uunl3ah6oe] {
    color: #cbd5e1;
    cursor: default;
}

.tagbags-pager-icon:not(:disabled):hover[b-uunl3ah6oe] {
    background: rgba(59, 91, 219, 0.08);
}

.tagbags-pager-page-input[b-uunl3ah6oe] {
    background-color: #eef3f8;
    border: 1px solid #dce5ef;
    border-radius: 7px;
    color: #18364f;
    font-family: inherit;
    font-size: 0.875em;
    height: 32px;
    min-width: 64px;
    padding: 0 10px;
    text-align: center;
}

.tagbags-pager__stats[b-uunl3ah6oe] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
    text-align: right;
}

.tagbags-pager__controls[b-uunl3ah6oe] {
    align-items: center;
    display: flex;
    gap: 8px;
}

@media (max-width: 1199.98px) {
    .tagbags-pager--desktop[b-uunl3ah6oe] {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .tagbags-pager--compact[b-uunl3ah6oe] {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
    }

    .tagbags-pager--compact .tagbags-pager__stats[b-uunl3ah6oe] {
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .tagbags-header[b-uunl3ah6oe] {
        display: block;
        text-align: center;
    }

    .tagbags-title[b-uunl3ah6oe] {
        justify-content: center;
    }

    .tagbags-header-actions[b-uunl3ah6oe] {
        justify-content: center;
        margin-top: 12px;
    }

    .tagbags-search-row[b-uunl3ah6oe] {
        max-width: none;
    }

    .tagbags-card-list[b-uunl3ah6oe] {
        grid-template-columns: 1fr;
    }

    .tagbags-card__meta[b-uunl3ah6oe] {
        grid-template-columns: 1fr;
    }

    .tagbags-tag-result[b-uunl3ah6oe] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575.98px) {
    .tagbags-pager--mobile[b-uunl3ah6oe] {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .tagbags-pager__stats[b-uunl3ah6oe] {
        text-align: left;
    }

    .tagbags-pager__controls[b-uunl3ah6oe] {
        justify-content: center;
    }

    .tagbags-search-row .addons[b-uunl3ah6oe] {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
    }

    .tagbags-search-row .addon-body[b-uunl3ah6oe] {
        flex: 1 1 100%;
    }

    .tagbags-search-row .addon-end[b-uunl3ah6oe] {
        flex: 1 1 50%;
    }

    .tagbags-search-button[b-uunl3ah6oe],
    .tagbags-search-row .datagrid-search-clear-button[b-uunl3ah6oe] {
        justify-content: center;
        width: 100%;
    }

    .tagbags-tag-result[b-uunl3ah6oe] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DatPro/Transactions/TransactionIndexDataGrid.razor.rz.scp.css */
table thead tr th:nth-child(3)[b-5cosrfnnj1],
table tbody tr td:nth-child(3)[b-5cosrfnnj1] {
    text-align: end;
    color: blue;
}

.transaction-filter-row[b-5cosrfnnj1] {
    row-gap: 0.5rem;
}

.transaction-filter-column[b-5cosrfnnj1] {
    min-width: 0;
}

.transaction-filter-column .dropdown-container[b-5cosrfnnj1],
.transaction-filter-column .icon-dropdown[b-5cosrfnnj1],
.transaction-filter-column .dropdown-toggle[b-5cosrfnnj1] {
    max-width: 100%;
}

.transaction-grid-busy-column[b-5cosrfnnj1] {
    display: flex;
    justify-content: center;
}

.transaction-grid-busy-indicator[b-5cosrfnnj1] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: var(--datagrid-search-control-height, 45px);
    padding: 0 0.5rem;
    width: 100%;
}

.transaction-grid-data-area[b-5cosrfnnj1] {
    position: relative;
}

.transaction-grid-data-area.is-busy .transaction-grid-data-content[b-5cosrfnnj1] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.transaction-grid-data-blocker[b-5cosrfnnj1] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}
/* /Pages/DatPro/Users/UserIndexDataGrid2.razor.rz.scp.css */
.user-data-area[b-0r62seroxn] {
    position: relative;
}

.user-data-area.is-busy .user-data-content[b-0r62seroxn] {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
}

.user-data-blocker[b-0r62seroxn] {
    cursor: wait;
    inset: 0;
    position: absolute;
    z-index: 1050;
}
/* /Pages/DatPro/WashDoc/WashDocMain.razor.rz.scp.css */
/* isolated css */
/* ── Card grid ──────────────────────────────────────────────────────────── */

.measurement-card-grid[b-savwvpusem] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 0.5rem 0;
    justify-content:center;
}

/* ── Individual card ────────────────────────────────────────────────────── */

.measurement-card[b-savwvpusem] {
    display: flex;
    flex-direction: column;
    flex: 1 1 260px;
    min-width: 260px;
    max-width: 260px;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .measurement-card:hover[b-savwvpusem] {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.12);
    }

/* ── Card header: date left, time right ─────────────────────────────────── */

.mc-header[b-savwvpusem] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.mc-date[b-savwvpusem] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--bs-body-color);
}

.mc-time[b-savwvpusem] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

/* ── Card body ───────────────────────────────────────────────────────────── */

.mc-body[b-savwvpusem] {
    flex: 1;
    padding: 10px 14px 6px;
}

.mc-row[b-savwvpusem] {
    margin-bottom: 6px;
}

.mc-label[b-savwvpusem] {
    display: block;
    font-size: 0.7rem;
    color: var(--bs-secondary-color);
    margin-bottom: 1px;
}

.mc-value[b-savwvpusem] {
    display: block;
    font-size: 0.825rem;
    font-weight: 500;
    color: var(--bs-body-color);
}

/* ── Card action buttons ─────────────────────────────────────────────────── */

.mc-actions[b-savwvpusem] {
    display: flex;
    gap: 6px;
    padding: 8px 14px 12px;
}

    .mc-actions .btn[b-savwvpusem] {
        flex: 1;
        font-size: 0.75rem;
    }

/* ── Modal meta line ─────────────────────────────────────────────────────── */

.mc-modal-meta[b-savwvpusem] {
    display: flex;
    gap: 12px;
    font-size: 0.825rem;
    color: var(--bs-secondary-color);
    margin-bottom: 16px;
}

/* ── Chart grid inside modal ─────────────────────────────────────────────── */

.mc-chart-grid[b-savwvpusem] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 540px) {
    .mc-chart-grid[b-savwvpusem] {
        grid-template-columns: 1fr;
    }
}

/* ── Chart block: explicit height is REQUIRED for Chart.js ──────────────── */

.mc-chart-block[b-savwvpusem] {
    position: relative;
    height: 300px;
}

.mc-chart-label[b-savwvpusem] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    margin-bottom: 4px;
}

.mc-chart-block canvas[b-savwvpusem] {
    position: absolute;
    top: 20px; /* leave room for the label */
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: calc(100% - 20px) !important;
}
/* /Pages/DatPro/WashDoc/WashDocMain2.razor.rz.scp.css */
.mc-summary-grid[b-ig5vlph296] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.mc-summary-card[b-ig5vlph296] {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 6px;
    padding: 10px 14px 12px;
    font-size: 12px;
}

.mc-summary-header[b-ig5vlph296] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.mc-summary-dot[b-ig5vlph296] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mc-summary-title[b-ig5vlph296] {
    font-weight: 500;
    color: var(--bs-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc-summary-unit[b-ig5vlph296] {
    margin-left: auto;
    font-size: 10px;
    color: var(--bs-secondary-color);
}

.mc-summary-body[b-ig5vlph296] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 3px 0;
    align-items: baseline;
}

.mc-summary-label[b-ig5vlph296] {
    font-size: 10px;
    color: var(--bs-secondary-color);
    text-align: left;
}

.mc-summary-value[b-ig5vlph296] {
    font-size: 12px;
    font-weight: 500;
    color: var(--bs-body-color);
    text-align: right;
    padding-right: 8px;
}

.mc-summary-time[b-ig5vlph296] {
    font-size: 10px;
    color: var(--bs-secondary-color);
    text-align: right;
    white-space: nowrap;
}

.mc-event-grid[b-ig5vlph296] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.mc-event-card[b-ig5vlph296] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    overflow: hidden;
    font-size: 12px;
}

.mc-event-title[b-ig5vlph296] {
    font-weight: 500;
    font-size: 11px;
    padding: 6px 12px 5px;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc-event-body[b-ig5vlph296] {
    padding: 8px 12px 10px;
}

.mc-event-row[b-ig5vlph296] {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 2px 6px;
    align-items: baseline;
    margin-bottom: 2px;
}

.mc-event-rowlabel[b-ig5vlph296] {
    font-size: 10px;
    color: var(--bs-secondary-color);
}

.mc-event-rowvalue[b-ig5vlph296] {
    font-size: 12px;
    font-weight: 500;
    color: var(--bs-body-color);
    text-align: right;
}

.mc-event-duration[b-ig5vlph296] {
    color: var(--bs-primary);
}

.mc-event-muted[b-ig5vlph296] {
    color: var(--bs-secondary-color);
}

.mc-event-divider[b-ig5vlph296] {
    border-top: 1px solid var(--bs-border-color);
    margin: 5px 0;
}
/* /Pages/DevicePager.razor.rz.scp.css */
.device-pager[b-xxcvwizzo1] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.device-pager-summary[b-xxcvwizzo1] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    min-width: 0;
}

.device-pager-actions[b-xxcvwizzo1] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
    margin-left: auto;
}

.device-pager-controls[b-xxcvwizzo1] {
    align-items: center;
    display: flex;
    gap: .35rem;
}

.device-page-size[b-xxcvwizzo1] {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
    line-height: 1;
    white-space: nowrap;
}

.device-page-size-select.form-select[b-xxcvwizzo1] {
    background-color: var(--bs-body-bg, #fff);
    border-color: var(--bs-border-color, #dee2e6);
    color: var(--bs-body-color, #212529);
    -webkit-text-fill-color: var(--bs-body-color, #212529);
    height: 2.5rem;
    min-width: 4.75rem;
    opacity: 1;
    padding: .375rem 1.75rem .375rem .625rem;
    text-shadow: none;
    width: 4.75rem;
}

.device-page-size-select option[b-xxcvwizzo1] {
    background-color: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    -webkit-text-fill-color: var(--bs-body-color, #212529);
}

@media (max-width: 575.98px) {
    .device-pager[b-xxcvwizzo1] {
        align-items: flex-start;
        gap: .5rem;
    }

    .device-pager-summary[b-xxcvwizzo1],
    .device-pager-actions[b-xxcvwizzo1] {
        width: 100%;
    }

    .device-pager-actions[b-xxcvwizzo1] {
        justify-content: space-between;
        margin-left: 0;
    }
}
/* /Pages/Devices.razor.rz.scp.css */
/* Styles for the Devices page with responsive operational layouts. */

.active-device-card[b-5219o0k61x] {
    border: 2px solid var(--b-theme-primary);
}

.device-card-header[b-5219o0k61x] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.device-heading[b-5219o0k61x] {
    min-width: 0;
}

.device-title[b-5219o0k61x] {
    margin-bottom: 0.35rem;
}

.device-title-row[b-5219o0k61x] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.device-direct-access-link[b-5219o0k61x] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 0.9rem;
    opacity: 0.75;
    text-decoration: none;
}

.device-direct-access-link:hover[b-5219o0k61x],
.device-direct-access-link:focus[b-5219o0k61x] {
    color: var(--b-theme-primary);
    opacity: 1;
    text-decoration: none;
}

.device-card-links[b-5219o0k61x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    min-width: max-content;
}

.device-status-row[b-5219o0k61x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.device-status-chip[b-5219o0k61x] {
    align-items: center;
    border: 1px solid rgba(128, 128, 128, 0.32);
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.35rem;
    line-height: 1.2;
    padding: 0.25rem 0.55rem;
    white-space: nowrap;
}

.device-status-connected[b-5219o0k61x] {
    color: var(--b-theme-primary);
}

.device-card-grid[b-5219o0k61x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 32rem);
}

.device-overview-section[b-5219o0k61x] {
    min-width: 0;
}

.device-summary-list[b-5219o0k61x] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

.device-summary-list div[b-5219o0k61x] {
    min-width: 0;
}

.device-summary-list dt[b-5219o0k61x] {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
    opacity: 0.72;
    text-transform: uppercase;
}

.device-summary-list dd[b-5219o0k61x] {
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.device-debug-row[b-5219o0k61x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.85rem;
}

.device-details-panel[b-5219o0k61x] {
    border: 1px solid rgba(128, 128, 128, 0.24);
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 0.8rem 0.9rem;
}

.device-details-panel summary[b-5219o0k61x] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 0.55rem 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    list-style: none;
}

.device-details-panel summary[b-5219o0k61x]::-webkit-details-marker {
    display: none;
}

.device-details-panel summary[b-5219o0k61x]::before {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 0.45rem;
    opacity: 0.75;
    transform: rotate(-45deg);
    transition: transform 120ms ease-in-out;
    width: 0.45rem;
}

.device-details-panel[open] summary[b-5219o0k61x] {
    margin-bottom: 0.8rem;
}

.device-details-panel[open] summary[b-5219o0k61x]::before {
    transform: rotate(45deg);
}

.device-details-summary[b-5219o0k61x] {
    color: #8ea0b5;
    font-size: 0.8125rem;
    font-weight: 600;
    justify-self: end;
    overflow-wrap: anywhere;
    text-align: right;
}

.device-actions-panel[b-5219o0k61x] {
    align-content: start;
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.device-action-section[b-5219o0k61x] {
    border: 1px solid rgba(128, 128, 128, 0.24);
    border-radius: 0.5rem;
    padding: 0.85rem;
}

.device-action-section-feature[b-5219o0k61x] {
    border-color: rgba(36, 122, 68, 0.45);
}

.device-action-section-header[b-5219o0k61x] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.device-action-section-header h3[b-5219o0k61x] {
    font-size: 0.95rem;
    line-height: 1.2;
    margin: 0;
}

.device-action-section-header p[b-5219o0k61x] {
    color: #8ea0b5;
    font-size: 0.8125rem;
    line-height: 1.35;
    margin: 0.2rem 0 0;
}

.device-action-buttons[b-5219o0k61x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.device-action-buttons[b-5219o0k61x]  button {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    justify-content: center;
    min-height: 2.5rem;
    white-space: nowrap;
}

.device-action-notes[b-5219o0k61x] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.65rem;
}

.device-action-notes p[b-5219o0k61x] {
    align-items: flex-start;
    color: #8ea0b5;
    display: flex;
    font-size: 0.8125rem;
    gap: 0.4rem;
    line-height: 1.35;
    margin: 0;
}

.device-action-notes i[b-5219o0k61x] {
    margin-top: 0.12rem;
}

.remote-ui-status[b-5219o0k61x] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.8125rem;
    font-weight: 700;
    gap: 0.35rem;
    line-height: 1.2;
    white-space: nowrap;
}

.remote-ui-status-dot[b-5219o0k61x] {
    background: currentColor;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 0.5rem;
    width: 0.5rem;
}

.remote-ui-status-available[b-5219o0k61x] {
    color: #27a35b;
}

.remote-ui-status-unavailable[b-5219o0k61x] {
    color: #c08934;
}

.debug-modal-header[b-5219o0k61x] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.debug-modal-header-content[b-5219o0k61x] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
}

.debug-modal-body[b-5219o0k61x] {
    max-height: min(72vh, 48rem);
    overflow-y: auto;
}

@media (max-width: 1199.98px) {
    .device-card-grid[b-5219o0k61x] {
        grid-template-columns: 1fr;
    }

    .device-actions-panel[b-5219o0k61x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .device-action-section-feature[b-5219o0k61x] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .device-card-header[b-5219o0k61x],
    .device-action-section-header[b-5219o0k61x] {
        flex-direction: column;
    }

    .device-card-links[b-5219o0k61x] {
        justify-content: flex-start;
        min-width: 0;
    }

    .device-actions-panel[b-5219o0k61x] {
        grid-template-columns: 1fr;
    }

    .device-action-buttons[b-5219o0k61x] {
        flex-direction: column;
    }

    .device-action-buttons[b-5219o0k61x]  button {
        width: 100%;
    }

    .device-details-panel summary[b-5219o0k61x] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .device-details-summary[b-5219o0k61x] {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.dashboard-page[b-z6due6jbf7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
}

.dashboard-hero[b-z6due6jbf7],
.dashboard-section[b-z6due6jbf7],
.dashboard-panel[b-z6due6jbf7] {
    background: #fff;
    border: 1px solid #dfe8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(20, 54, 86, 0.05);
}

.dashboard-hero[b-z6due6jbf7] {
    padding: 1.5rem;
}

.dashboard-hero h1[b-z6due6jbf7],
.dashboard-section h2[b-z6due6jbf7],
.dashboard-panel h1[b-z6due6jbf7] {
    margin: 0;
    color: #173b56;
    font-weight: 800;
    letter-spacing: 0;
}

.dashboard-hero p[b-z6due6jbf7],
.dashboard-panel p[b-z6due6jbf7] {
    margin: 0.35rem 0 0;
    color: #51697b;
}

.dashboard-eyebrow[b-z6due6jbf7],
.dashboard-section-kicker[b-z6due6jbf7] {
    margin: 0 0 0.25rem;
    color: #6a7f91;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-section[b-z6due6jbf7] {
    padding: 1.25rem;
}

.dashboard-section-heading[b-z6due6jbf7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-tile-grid[b-z6due6jbf7] {
    display: grid;
    gap: 0.85rem;
}

.dashboard-action-grid[b-z6due6jbf7] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.dashboard-bank-grid[b-z6due6jbf7] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dashboard-tile[b-z6due6jbf7] {
    display: flex;
    width: 100%;
    min-height: 96px;
    padding: 1rem;
    border: 1px solid #dce6ef;
    border-radius: 8px;
    background: #fff;
    color: #173b56;
    text-align: left;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.dashboard-tile:hover[b-z6due6jbf7],
.dashboard-tile:focus-visible[b-z6due6jbf7] {
    border-color: #365cff;
    box-shadow: 0 14px 30px rgba(20, 54, 86, 0.09);
    transform: translateY(-1px);
}

.dashboard-tile:focus-visible[b-z6due6jbf7] {
    outline: 3px solid rgba(54, 92, 255, 0.35);
    outline-offset: 3px;
}

.dashboard-action-tile[b-z6due6jbf7] {
    align-items: center;
    gap: 0.85rem;
}

.dashboard-bank-tile[b-z6due6jbf7] {
    flex-direction: column;
    justify-content: space-between;
    gap: 0.45rem;
}

.dashboard-tile strong[b-z6due6jbf7] {
    display: block;
    font-weight: 800;
}

.dashboard-tile small[b-z6due6jbf7] {
    color: #6a7f91;
    font-weight: 700;
}

.dashboard-icon[b-z6due6jbf7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid #dfe8f0;
    border-radius: 8px;
    background: #f6f9fc;
}

.dashboard-icon img[b-z6due6jbf7] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.dashboard-bank-id[b-z6due6jbf7] {
    display: inline-flex;
    align-self: flex-start;
    padding: 0.2rem 0.55rem;
    border: 1px solid #cfe0ef;
    border-radius: 999px;
    background: #f7fbff;
    color: #173b56;
    font-size: 0.78rem;
    font-weight: 800;
}

.dashboard-link-list[b-z6due6jbf7] {
    display: grid;
    gap: 0.6rem;
}

.dashboard-link-row[b-z6due6jbf7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid #dce6ef;
    border-radius: 8px;
    background: #fff;
    color: #173b56;
    text-align: left;
}

.dashboard-link-row span[b-z6due6jbf7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-link-row small[b-z6due6jbf7] {
    color: #365cff;
    font-weight: 800;
}

.dashboard-message[b-z6due6jbf7],
.dashboard-empty-panel[b-z6due6jbf7] {
    padding: 1rem;
    border: 1px dashed #d6e2ec;
    border-radius: 8px;
    color: #51697b;
    text-align: center;
}

.dashboard-message-warning[b-z6due6jbf7] {
    border-color: #f7c873;
    background: #fff9ea;
    color: #815c13;
}

@media (max-width: 680px) {
    .dashboard-page[b-z6due6jbf7] {
        padding: 0.75rem;
    }

    .dashboard-hero[b-z6due6jbf7],
    .dashboard-section[b-z6due6jbf7] {
        padding: 1rem;
    }

    .dashboard-action-grid[b-z6due6jbf7],
    .dashboard-bank-grid[b-z6due6jbf7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/UserAttribute.razor.rz.scp.css */
.pad4rb[b-xo40tojbed] {
    padding-right: 4px;
    padding-bottom: 4px;
}

.tag-container[b-xo40tojbed] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px; /* spacing between tags */
    align-items: center;
}

.tag-wrapper[b-xo40tojbed] {
    display: inline-flex;
    align-items: start;
}

.state-1[b-xo40tojbed] {
    border-color: pink;
    border-style: solid;
    border-width: thin;
}

.stateunknown[b-xo40tojbed] {
    border-color: transparent;
    border-style: solid;
    border-width: thin;
}
.state0[b-xo40tojbed] {
    border-color: lightsteelblue;
    border-style: solid;
    border-width: thin;
}

.state1[b-xo40tojbed] {
    border-color: lightgreen;
    border-style: solid;
    border-width: thin;
}

.state2[b-xo40tojbed] {
    border-color: lightseagreen;
    border-style: solid;
    border-width: thin;
}
/* /Pages/UserLocationAccess.razor.rz.scp.css */
.pad4rb[b-62cux9affu] {
    padding-right: 4px;
    padding-bottom: 4px;
}

.location-container[b-62cux9affu] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px; /* spacing between tags */
    align-items: center;
}

.location-wrapper[b-62cux9affu] {
    display: inline-flex;
    align-items: start;
}
/* /Pages/UserTags.razor.rz.scp.css */
.pad4rb[b-jtinz1fywv] {
    padding-right: 4px;
    padding-bottom: 4px;
}

.tag-container[b-jtinz1fywv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px; /* spacing between tags */
    align-items: center;
}

.tag-wrapper[b-jtinz1fywv] {
    display: inline-flex;
    align-items: start;
}

.mytooltip-inner[b-jtinz1fywv] {
    background-color: #000;
    color: #fff;
    font-size: 0.85rem;
    padding: 6px 10px;
    border-radius: 14px;
}

    .pulse[b-jtinz1fywv]::after {
        content: attr(data-pulse);
        display: block;
        animation: pulse-b-jtinz1fywv 1.5s infinite;
        color: #ffcc00;
        font-weight: bold;
        margin-top: 4px;
    }

@keyframes pulse-b-jtinz1fywv {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}