@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.bundle.scp.css';

/* /Modules/aRDC/Features/SimpleLoadOrder/Components/SimpleLoadOrderLinesGrid.razor.rz.scp.css */
.simple-load-order-grid-shell[b-3jajlx9ceu] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.simple-load-order-toolbar[b-3jajlx9ceu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.simple-load-order-grid-search[b-3jajlx9ceu] {
    display: grid;
    grid-template-columns: auto minmax(180px, 280px);
    gap: 6px;
    align-items: center;
    margin-left: auto;
}

.simple-load-order-grid-search .oi[b-3jajlx9ceu] {
    color: #45638d;
    font-size: 12px;
}

.simple-load-order-grid-search .form-control[b-3jajlx9ceu] {
    height: 32px;
    min-height: 32px;
}

.simple-load-order-grid-toolbar[b-3jajlx9ceu] {
    min-width: 0;
}

[b-3jajlx9ceu](.simple-load-order-row-error > td) {
    background: #fff4f4;
}

[b-3jajlx9ceu](.simple-load-order-row-warning > td) {
    background: #fff9ec;
}

[b-3jajlx9ceu](.simple-load-order-row-info > td) {
    background: #f3f8ff;
}

@media (max-width: 760px) {
    .simple-load-order-grid-search[b-3jajlx9ceu] {
        grid-template-columns: auto minmax(0, 1fr);
        margin-left: 0;
        width: 100%;
    }
}
/* /Modules/aRDC/Features/SimpleLoadOrder/Components/SimpleLoadOrderPasteDialog.razor.rz.scp.css */
.simple-load-order-paste-summary[b-ytqrhwa9fx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.simple-load-order-paste-summary span[b-ytqrhwa9fx] {
    min-width: 96px;
    padding: 6px 9px;
    border: 1px solid var(--jump-dialog-border);
    border-radius: 6px;
    background: var(--jump-dialog-control-bg);
    color: var(--jump-dialog-ink);
    font-size: 12px;
    font-weight: 700;
}

.simple-load-order-paste-issues[b-ytqrhwa9fx] {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
}

.simple-load-order-paste-issue[b-ytqrhwa9fx] {
    display: flex;
    gap: 6px;
    align-items: baseline;
    padding: 7px 9px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.3;
}

.simple-load-order-paste-issue.warning[b-ytqrhwa9fx] {
    border: 1px solid #f2d48c;
    background: #fff8e8;
    color: #6d4c00;
}

.simple-load-order-paste-issue.error[b-ytqrhwa9fx] {
    border: 1px solid #f0a4a4;
    background: #fff1f1;
    color: #8a1f1f;
}

.simple-load-order-paste-issue.info[b-ytqrhwa9fx] {
    border: 1px solid #b9d5f2;
    background: #f0f7ff;
    color: #174d80;
}
/* /Modules/aTab/Features/Operator/Components/OperatorColorField.razor.rz.scp.css */
.operator-color-field[b-2wgfgrkm2j] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
}

.operator-color-field-picker[b-2wgfgrkm2j] {
    width: 42px;
    height: 32px;
    padding: 2px;
    border: 1px solid #c7d7ea;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
}

.operator-color-field-input[b-2wgfgrkm2j] {
    min-width: 0;
    font-family: Consolas, "Courier New", monospace;
    text-transform: uppercase;
}
/* /Modules/aTab/Features/Operator/Components/OperatorConfigurationImportDialog.razor.rz.scp.css */
/* Relatório de validação da importação de configurações de operador. */

.operator-import-hint[b-4vvv6b2m8b] {
    margin: 0 0 8px;
    color: #6b7a90;
    font-size: 12px;
}

.operator-import-target[b-4vvv6b2m8b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.operator-import-choice[b-4vvv6b2m8b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
}

.operator-import-code[b-4vvv6b2m8b] {
    max-width: 160px;
    height: 30px;
}

.operator-import-user[b-4vvv6b2m8b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6ecf5;
}

.operator-import-user-label[b-4vvv6b2m8b] {
    font-size: 12px;
    color: #b4560a;
}

.operator-import-table[b-4vvv6b2m8b] {
    margin: 0;
    font-size: 12px;
}

.operator-import-table th[b-4vvv6b2m8b] {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    color: #6b7a90;
}

.operator-import-apply-column[b-4vvv6b2m8b] {
    width: 70px;
    text-align: center;
}

.operator-import-usedby[b-4vvv6b2m8b] {
    color: #6b7a90;
    font-size: 11px;
}

.operator-import-row-missing td[b-4vvv6b2m8b] {
    background-color: #fff6e5;
}

.operator-import-row-different td[b-4vvv6b2m8b] {
    background-color: #ffeaea;
}

.operator-import-warnings[b-4vvv6b2m8b] {
    margin: 0;
    padding-left: 18px;
    font-size: 12px;
}
/* /Modules/aTab/Features/Operator/Components/OperatorPlanningConfigurationDetails.razor.rz.scp.css */
.operator-configuration-details[b-lzy9bfrx3i]  .jump-form-card-label {
    width: 100%;
    text-align: center;
}

.operator-configuration-details[b-lzy9bfrx3i]  .operator-planning-diversos-check {
    margin-top: 18px;
}
/* /Modules/aTab/Features/Operator/Components/OperatorPlanningV3ConfigurationDetails.razor.rz.scp.css */
.operator-configuration-details[b-s7g8z6jya9]  .jump-form-card-label {
    width: 100%;
    text-align: center;
}
/* /Modules/aTab/Features/Operator/Components/OperatorTimelineConfigurationDetails.razor.rz.scp.css */
.operator-configuration-details[b-4wdxoiylwx]  .jump-form-card-label {
    width: 100%;
    text-align: center;
}

.operator-timeline-options-grid[b-4wdxoiylwx] {
    display: grid;
    grid-template-columns: 96px 128px 164px 112px 72px 104px 128px 92px 84px;
    column-gap: 18px;
    row-gap: 12px;
    align-items: center;
    overflow-x: auto;
}

.operator-timeline-options-grid[b-4wdxoiylwx]  .jump-form-status-check {
    justify-self: start;
    margin-left: 0 !important;
    white-space: nowrap;
}

.operator-timeline-owner-options[b-4wdxoiylwx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    column-gap: 24px;
    row-gap: 12px;
    align-items: center;
}

.operator-timeline-owner-options[b-4wdxoiylwx]  .jump-form-status-check {
    justify-self: start;
    margin-left: 0 !important;
    white-space: nowrap;
}

.operator-timeline-presentation-options[b-4wdxoiylwx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    column-gap: 28px;
    row-gap: 12px;
    align-items: center;
    padding-top: 21px;
    padding-left: 16px;
}

.operator-timeline-presentation-options[b-4wdxoiylwx]  .jump-form-status-check {
    justify-self: start;
    margin-left: 0 !important;
    white-space: nowrap;
}
/* /Modules/aTrans/Features/PlanningV2/Components/OperationOrdersToPlan.razor.rz.scp.css */
.parent-section[b-k918omrfw8] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    min-height: 0;
    margin: 5px;
}

.top-section[b-k918omrfw8] {
    flex-shrink: 0;
}

.list-section[b-k918omrfw8] {
    flex-grow: 1;
    min-height: 0;
    overflow-y: auto;
}

.bottom-section[b-k918omrfw8] {
    flex-shrink: 0;
}

[b-k918omrfw8] .dxbl-list-box {
    height: auto;
    max-height: 100%;
}

.scroll-adapt[b-k918omrfw8] {
    height: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}
/* /Modules/aTrans/Features/PlanningV2/Components/PlanningBoard.razor.rz.scp.css */
.planning-board-parent-section[b-g3bfl9zsi0] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    min-height: 0;
}

.planning-board-body-section[b-g3bfl9zsi0] {
    flex-grow: 1;
    min-height: 0;
}
/* /Modules/Common/Features/DefaultList/Components/DefaultListConfigurationImportDialog.razor.rz.scp.css */
/* Import dialog for default-list configurations, on top of the shared jump-dialog shell.
   Colors follow the dialog variables from wwwroot/css/components/dialogs.css. */

.defaultlist-import-hint[b-1annpz9lhc] {
    margin: 0 0 8px;
    color: var(--jump-dialog-muted, #557097);
    font-size: 12px;
    text-align: center;
}

/* --- File picker ------------------------------------------------------- */

.defaultlist-import-upload[b-1annpz9lhc] {
    display: grid;
    justify-items: center;
    gap: 4px;
    margin: 0;
    padding: 26px 16px;
    border: 1.5px dashed var(--jump-dialog-control-border, #cfdded);
    border-radius: 10px;
    background: var(--jump-dialog-control-bg, #fbfdff);
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

.defaultlist-import-upload:hover[b-1annpz9lhc] {
    border-color: #8ab8ef;
    background: #eef6ff;
}

.defaultlist-import-upload-icon[b-1annpz9lhc] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef6ff;
    color: var(--jump-dialog-accent, #0057b8);
    font-size: 18px;
}

.defaultlist-import-upload-title[b-1annpz9lhc] {
    color: var(--jump-dialog-title, #003d8f);
    font-size: 13px;
    font-weight: 850;
}

.defaultlist-import-upload-hint[b-1annpz9lhc] {
    color: var(--jump-dialog-muted, #557097);
    font-size: 12px;
    text-align: center;
}

.defaultlist-import-upload[b-1annpz9lhc]  input[type="file"] {
    margin-top: 8px;
    font-size: 12px;
}

/* --- Target option cards ------------------------------------------------ */

.defaultlist-import-options[b-1annpz9lhc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.defaultlist-import-option[b-1annpz9lhc] {
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 12px 14px;
    border: 1.5px solid var(--jump-dialog-border, #dbe7f6);
    border-radius: 10px;
    background: var(--jump-dialog-control-bg, #fbfdff);
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.defaultlist-import-option:hover:not(:disabled)[b-1annpz9lhc] {
    border-color: #8ab8ef;
}

.defaultlist-import-option.is-selected[b-1annpz9lhc] {
    border-color: var(--jump-dialog-accent, #0057b8);
    background: #eef6ff;
    box-shadow: 0 0 0 3px rgba(0, 87, 184, .10);
}

.defaultlist-import-option:disabled[b-1annpz9lhc] {
    opacity: .55;
    cursor: not-allowed;
}

.defaultlist-import-option-icon[b-1annpz9lhc] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--jump-dialog-accent, #0057b8);
}

.defaultlist-import-option.is-selected .defaultlist-import-option-icon[b-1annpz9lhc] {
    background: var(--jump-dialog-accent, #0057b8);
    color: #fff;
}

.defaultlist-import-option-title[b-1annpz9lhc] {
    color: var(--jump-dialog-title, #003d8f);
    font-size: 12.5px;
    font-weight: 850;
}

.defaultlist-import-option-hint[b-1annpz9lhc] {
    color: var(--jump-dialog-muted, #557097);
    font-size: 11.5px;
    line-height: 1.3;
}

.defaultlist-import-new-fields[b-1annpz9lhc] {
    display: grid;
    grid-template-columns: minmax(140px, 220px) 1fr;
    gap: 8px;
    margin-top: 8px;
}

/* --- Object / record rows ----------------------------------------------- */

.defaultlist-import-list[b-1annpz9lhc] {
    display: grid;
    gap: 6px;
}

.defaultlist-import-row[b-1annpz9lhc] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--jump-dialog-border, #dbe7f6);
    border-radius: 8px;
    background: var(--jump-dialog-control-bg, #fbfdff);
}

.defaultlist-import-row.is-missing[b-1annpz9lhc] {
    border-color: #f4d8a4;
    background: #fffaf1;
}

.defaultlist-import-row.is-different[b-1annpz9lhc] {
    border-color: #f1b3b6;
    background: #fff6f5;
}

.defaultlist-import-row-check input[b-1annpz9lhc] {
    width: 15px;
    height: 15px;
    accent-color: var(--jump-dialog-accent, #0057b8);
}

.defaultlist-import-row-main[b-1annpz9lhc] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.defaultlist-import-row-main-no-check[b-1annpz9lhc] {
    grid-column: 1 / span 2;
}

.defaultlist-import-row-name[b-1annpz9lhc] {
    color: var(--jump-dialog-ink, #06245d);
    font-size: 12.5px;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.defaultlist-import-row-detail[b-1annpz9lhc] {
    color: var(--jump-dialog-muted, #557097);
    font-size: 11.5px;
    line-height: 1.3;
}

.defaultlist-import-row-usedby[b-1annpz9lhc] {
    display: block;
    font-size: 11px;
    opacity: .85;
}

.defaultlist-import-badge[b-1annpz9lhc] {
    padding: 2px 8px;
    border: 1px solid var(--jump-dialog-border, #dbe7f6);
    border-radius: 999px;
    background: var(--jump-dialog-surface, #fff);
    color: var(--jump-dialog-muted, #557097);
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.defaultlist-import-status[b-1annpz9lhc] {
    min-width: 86px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    text-align: center;
    white-space: nowrap;
}

.defaultlist-import-status.status-ok[b-1annpz9lhc] {
    background: #eafaf3;
    color: #08875d;
}

.defaultlist-import-status.status-missing[b-1annpz9lhc] {
    background: #fff5e8;
    color: #b25e00;
}

.defaultlist-import-status.status-different[b-1annpz9lhc] {
    background: #fff0ee;
    color: #b42318;
}

/* --- Header pill / warnings ---------------------------------------------- */

.defaultlist-import-pill-missing[b-1annpz9lhc] {
    background: #fff5e8;
    color: #b25e00;
}

.defaultlist-import-warnings[b-1annpz9lhc] {
    display: grid;
    gap: 6px;
}

.defaultlist-import-warning[b-1annpz9lhc] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #f4d8a4;
    border-radius: 8px;
    background: #fffaf1;
    color: #7a5216;
    font-size: 12px;
    line-height: 1.35;
}

.defaultlist-import-warning > .oi[b-1annpz9lhc] {
    margin-top: 2px;
    color: #b25e00;
    font-size: 12px;
}

@media (max-width: 760px) {
    .defaultlist-import-options[b-1annpz9lhc],
    .defaultlist-import-new-fields[b-1annpz9lhc] {
        grid-template-columns: 1fr;
    }

    .defaultlist-import-row[b-1annpz9lhc] {
        grid-template-columns: auto 1fr;
        row-gap: 6px;
    }

    .defaultlist-import-badge[b-1annpz9lhc],
    .defaultlist-import-status[b-1annpz9lhc] {
        justify-self: start;
        grid-column: 2;
    }
}
/* /Modules/Common/Features/DefaultList/Components/DefaultListMenuOptionsGrid.razor.rz.scp.css */
/* Cells of the default-list menu actions grid. Grid-wide styling stays in GridComponentBase and
   wwwroot/css/components/devexpress-grid.css; only the target cell styling lives here. */

.menu-option-target[b-t1ngw2pc17] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
    width: 100%;
}

.menu-option-target-text[b-t1ngw2pc17] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-option-columns[b-t1ngw2pc17] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-option-target-picker[b-t1ngw2pc17] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #bfd1e8;
    border-radius: 5px;
    background: #ffffff;
    color: #0057b8;
    font-size: 11px;
    line-height: 1;
}

.menu-option-target-picker:hover[b-t1ngw2pc17] {
    border-color: #8ab8ef;
    background: #eef6ff;
}

.menu-option-target-picker:focus-visible[b-t1ngw2pc17] {
    outline: 2px solid rgba(0, 87, 184, .32);
    outline-offset: 1px;
}

.menu-option-target-warning[b-t1ngw2pc17] {
    flex: 0 0 auto;
    color: #b25e00;
    font-size: 11px;
}

/* Attention colour, matching the SQL tag hint of the "Listas Por Defeito" page. */
.menu-option-grid-hint[b-t1ngw2pc17] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    color: #d60000;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.menu-option-grid-hint .oi[b-t1ngw2pc17] {
    flex: 0 0 auto;
    font-size: 11px;
}
/* /Modules/Common/Features/ExecutionButtons/Components/ExecutionButtonParameterDialog.razor.rz.scp.css */
.execution-button-parameter-dialog-frame[b-od6oebemmt] {
    height: 100%;
    max-height: none;
    border-radius: 8px;
}

.execution-button-parameter-dialog-body[b-od6oebemmt] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
}

.execution-button-parameter-section[b-od6oebemmt] {
    margin: 0;
}

.execution-button-parameter-grid[b-od6oebemmt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.execution-button-parameter-field[b-od6oebemmt] {
    min-width: 0;
}

.execution-button-parameter-field .form-label[b-od6oebemmt] {
    display: block;
    margin-bottom: 5px;
    color: #334c69;
    font-size: 12px;
    font-weight: 750;
}

.execution-button-parameter-field textarea.form-control[b-od6oebemmt] {
    resize: vertical;
}

.execution-button-parameter-field.has-error .form-control[b-od6oebemmt] {
    border-color: #dc3545;
    box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.08);
}

.execution-button-parameter-check[b-od6oebemmt] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.execution-button-parameter-check .form-check-input[b-od6oebemmt] {
    float: none;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

.execution-button-parameter-alert[b-od6oebemmt] {
    margin: 0 0 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 650;
}

.execution-button-parameter-field-error[b-od6oebemmt] {
    margin-top: 4px;
    color: #b42318;
    font-size: 11px;
    font-weight: 650;
}

@media (max-width: 640px) {
    .execution-button-parameter-grid[b-od6oebemmt] {
        grid-template-columns: 1fr;
    }

    .jump-form-config-dialog-footer[b-od6oebemmt] {
        width: 100%;
    }

    .jump-form-config-dialog-footer .jump-form-config-dialog-button[b-od6oebemmt] {
        flex: 1 1 120px;
    }
}
/* /Modules/SmartDashboards/Components/SmartDashboardWidgetRenderer.razor.rz.scp.css */
.smart-dashboard-widget[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 220px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(16, 42, 84, 0.05);
}

.smart-dashboard-widget-header[b-q5s98uyaoz] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.smart-dashboard-widget-header strong[b-q5s98uyaoz] {
    display: block;
    color: #003d8f;
    font-size: clamp(0.78rem, 5.5cqmin, 1.2rem);
    font-weight: 800;
}

.smart-dashboard-widget-header span[b-q5s98uyaoz] {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: clamp(0.66rem, 4cqmin, 0.95rem);
}

.smart-dashboard-empty[b-q5s98uyaoz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #64748b;
}

.smart-dashboard-kpi[b-q5s98uyaoz] {
    display: grid;
    gap: 6px;
    flex: 1;
    align-content: center;
    justify-items: center;
    text-align: center;
    min-height: 0;
    overflow: hidden;
}

/* KPI widgets: center the whole card content (title + value + caption). */
.smart-dashboard-widget--Kpi .smart-dashboard-widget-header[b-q5s98uyaoz] {
    justify-content: center;
    text-align: center;
}

.smart-dashboard-kpi-value[b-q5s98uyaoz] {
    /* Scale with the box but respect BOTH width and height so long numbers fit on one line. */
    font-size: clamp(0.9rem, min(11cqw, 24cqh), 2.8rem);
    /* Segunda declaracao, deliberada: acrescenta o comprimento do texto ao calculo, para um valor
       longo encolher em vez de ser cortado. O factor 0.62em por caractere e a largura media de um
       digito neste peso; 94cqw deixa margem para o padding do cartao. Se um browser antigo nao
       souber dividir por uma variavel dentro de calc(), esta linha e ignorada e vale a de cima. */
    font-size: clamp(0.75rem, min(11cqw, 24cqh, calc(94cqw / (var(--indicator-chars, 8) * 0.62))), 2.8rem);
    line-height: 1.05;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smart-dashboard-kpi-caption[b-q5s98uyaoz] {
    color: #64748b;
    font-size: clamp(0.62rem, min(5cqw, 8cqh), 1rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smart-dashboard-gauge[b-q5s98uyaoz],
.smart-dashboard-progress[b-q5s98uyaoz] {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 14px;
    flex: 1;
    min-height: 160px;
}

.smart-dashboard-gauge-ring[b-q5s98uyaoz] {
    display: grid;
    place-items: center;
    width: clamp(90px, 60cqmin, 260px);
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(#0f766e var(--gauge-value), #e2e8f0 0);
}

.smart-dashboard-gauge-ring > div[b-q5s98uyaoz] {
    display: grid;
    place-items: center;
    width: 62%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e2e8f0;
}

.smart-dashboard-gauge-ring strong[b-q5s98uyaoz],
.smart-dashboard-progress strong[b-q5s98uyaoz] {
    color: #0f172a;
    /* Estava fixo em 1.55rem, o que cortava valores longos tal como acontecia no KPI. Passa a
       escalar com a caixa e com o comprimento do texto, pela mesma formula. No manometro o
       espaco util e o interior do anel, dai o coeficiente mais baixo. */
    font-size: 1.55rem;
    font-size: clamp(0.7rem, min(7cqw, 14cqh, calc(52cqw / (var(--indicator-chars, 8) * 0.62))), 1.55rem);
    line-height: 1;
    white-space: nowrap;
}

.smart-dashboard-gauge-ring span[b-q5s98uyaoz],
.smart-dashboard-progress span[b-q5s98uyaoz] {
    color: #64748b;
    font-size: 0.76rem;
    text-align: center;
}

.smart-dashboard-progress[b-q5s98uyaoz] {
    justify-items: stretch;
}

.smart-dashboard-progress > div:first-child[b-q5s98uyaoz] {
    display: grid;
    gap: 4px;
    justify-items: start;
}

.smart-dashboard-progress-track[b-q5s98uyaoz] {
    height: 16px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.smart-dashboard-progress-value[b-q5s98uyaoz] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, #2563eb);
}

/* ---- Objective widgets (TargetCard / TargetGauge) ---------------------------------------------- */

.smart-dashboard-target-card[b-q5s98uyaoz] {
    display: grid;
    gap: 4px;
    flex: 1;
    align-content: center;
    justify-items: center;
    text-align: center;
    min-height: 0;
    overflow: hidden;
}

/* Column flex box so the band can take every pixel the readout leaves over, instead of a fixed share. */
.smart-dashboard-target-gauge[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 1;
    text-align: center;
    min-height: 0;
    overflow: hidden;
}

.smart-dashboard-target-gauge-readout[b-q5s98uyaoz] {
    display: grid;
    gap: 2px;
    justify-items: center;
    flex: none;
    min-width: 0;
    max-width: 100%;
}

/* Objective cards centre the whole card content (title + value + deviation), like the KPI widget. */
.smart-dashboard-widget--TargetCard .smart-dashboard-widget-header[b-q5s98uyaoz],
.smart-dashboard-widget--TargetGauge .smart-dashboard-widget-header[b-q5s98uyaoz] {
    justify-content: center;
    text-align: center;
}

.smart-dashboard-target-main[b-q5s98uyaoz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
}

.smart-dashboard-target-value[b-q5s98uyaoz] {
    font-size: clamp(0.9rem, min(11cqw, 22cqh), 2.6rem);
    line-height: 1.05;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smart-dashboard-target-arrow[b-q5s98uyaoz] {
    font-size: clamp(0.6rem, min(6cqw, 12cqh), 1.4rem);
    line-height: 1;
}

.smart-dashboard-target-delta[b-q5s98uyaoz] {
    font-size: clamp(0.62rem, min(5cqw, 8cqh), 1rem);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smart-dashboard-target-arrow.is-good[b-q5s98uyaoz],
.smart-dashboard-target-delta.is-good[b-q5s98uyaoz] {
    color: #16a34a;
}

.smart-dashboard-target-arrow.is-bad[b-q5s98uyaoz],
.smart-dashboard-target-delta.is-bad[b-q5s98uyaoz] {
    color: #dc2626;
}

.smart-dashboard-target-arrow.is-flat[b-q5s98uyaoz],
.smart-dashboard-target-delta.is-flat[b-q5s98uyaoz] {
    color: #64748b;
}

/* The band takes the height the readout leaves over (flex), and its width is derived from the height by
   the viewBox ratio - never the other way round, so the HTML scale labels keep landing on their SVG
   coordinates. max-height caps the height so the derived width still fits the card
   (64cqw = 94cqw / (220/150); 218px = 320px / (220/150)). */
.smart-dashboard-target-gauge-plot[b-q5s98uyaoz] {
    position: relative;
    flex: 1 1 0;
    min-height: 0;
    max-height: min(64cqw, 218px);
    aspect-ratio: 220 / 150;
    width: auto;
}

.smart-dashboard-target-gauge-svg[b-q5s98uyaoz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.smart-dashboard-target-gauge-tick[b-q5s98uyaoz] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #64748b;
    font-size: clamp(0.5rem, 3.4cqmin, 0.72rem);
    line-height: 1;
    white-space: nowrap;
}

/* In the gauge the value shares the card with the band, so it scales smaller than in the plain card. */
.smart-dashboard-target-gauge .smart-dashboard-target-value[b-q5s98uyaoz] {
    font-size: clamp(0.72rem, min(8cqw, 11cqh), 1.7rem);
}

.smart-dashboard-target-gauge .smart-dashboard-target-arrow[b-q5s98uyaoz] {
    font-size: clamp(0.55rem, min(4.5cqw, 6cqh), 1rem);
}

/* Wide but short cards read better side by side: the band uses the full height on the left and the
   readout sits on the right, instead of both fighting for a short column. */
@container (min-width: 330px) and (max-height: 260px) {
    .smart-dashboard-target-gauge[b-q5s98uyaoz] {
        flex-direction: row;
        gap: 12px;
    }

    .smart-dashboard-target-gauge-plot[b-q5s98uyaoz] {
        flex: 0 1 auto;
        height: 100%;
        /* 31cqw of height => ~45cqw of derived width, leaving half the card for the readout. */
        max-height: min(31cqw, 218px);
    }

    .smart-dashboard-target-gauge-readout[b-q5s98uyaoz] {
        flex: 1 1 auto;
    }

    /* The readout has about half the card width here, so the value scales off the width. */
    .smart-dashboard-target-gauge .smart-dashboard-target-value[b-q5s98uyaoz] {
        font-size: clamp(0.72rem, min(5.2cqw, 11cqh), 1.7rem);
    }

    .smart-dashboard-target-gauge .smart-dashboard-target-delta[b-q5s98uyaoz],
    .smart-dashboard-target-gauge .smart-dashboard-kpi-caption[b-q5s98uyaoz] {
        font-size: clamp(0.6rem, min(3.4cqw, 8cqh), 0.95rem);
    }
}

/* Very short cards: drop the objective caption so the band and the value keep their room. */
@container (max-height: 190px) {
    .smart-dashboard-target-gauge .smart-dashboard-kpi-caption[b-q5s98uyaoz] {
        display: none;
    }
}

.smart-dashboard-target-gauge-track[b-q5s98uyaoz] {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 11;
    stroke-linecap: round;
}

.smart-dashboard-target-gauge-value[b-q5s98uyaoz] {
    fill: none;
    stroke: #0f766e;
    stroke-width: 11;
    stroke-linecap: round;
}

.smart-dashboard-target-gauge-marker[b-q5s98uyaoz] {
    stroke: #0f172a;
    stroke-width: 3;
}

.smart-dashboard-target-gauge-needle[b-q5s98uyaoz] {
    stroke: #0f766e;
    stroke-width: 3;
    stroke-linecap: round;
}

.smart-dashboard-target-gauge-hub[b-q5s98uyaoz] {
    fill: #ffffff;
    stroke: #94a3b8;
    stroke-width: 2;
}

/* ---- Trend line (sparkline) -------------------------------------------------------------------- */

.smart-dashboard-trend[b-q5s98uyaoz] {
    width: 100%;
    height: clamp(16px, 14cqh, 46px);
    flex: none;
}

.smart-dashboard-trend-line[b-q5s98uyaoz] {
    fill: none;
    stroke: #0057b8;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* ---- Traffic light ----------------------------------------------------------------------------- */

.smart-dashboard-status[b-q5s98uyaoz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 4px 12px;
    align-content: center;
    align-items: center;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.smart-dashboard-status .smart-dashboard-trend[b-q5s98uyaoz] {
    grid-column: 1 / -1;
}

.smart-dashboard-status-lamp[b-q5s98uyaoz] {
    width: clamp(18px, 12cqmin, 46px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #94a3b8;
}

.smart-dashboard-status-body[b-q5s98uyaoz] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.smart-dashboard-status-value[b-q5s98uyaoz] {
    font-size: clamp(0.9rem, min(9cqw, 18cqh), 2.2rem);
    font-weight: 800;
    line-height: 1.05;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smart-dashboard-status.is-good .smart-dashboard-status-lamp[b-q5s98uyaoz] {
    background: #16a34a;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.16);
}

.smart-dashboard-status.is-warning .smart-dashboard-status-lamp[b-q5s98uyaoz] {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.18);
}

.smart-dashboard-status.is-bad .smart-dashboard-status-lamp[b-q5s98uyaoz] {
    background: #dc2626;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.16);
}

/* ---- Message widget ---------------------------------------------------------------------------- */

.smart-dashboard-messages[b-q5s98uyaoz] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 8px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.smart-dashboard-message-text[b-q5s98uyaoz] {
    display: grid;
    align-content: center;
    /* "safe" keeps the first line reachable when the phrase is taller than the card (ignored by
       browsers that do not support it, which then behave as plain "center"). */
    align-content: safe center;
    margin: 0;
    padding: 0 4px;
    /* A long phrase in a short card scrolls instead of losing its last line. */
    overflow-y: auto;
    color: #0f172a;
    /* --message-scale comes from the phrase length (set by the component): short phrases grow, long ones
       stay readable. The card's smaller side is the safe multiplier for any card shape. */
    font-size: clamp(0.8rem, calc(var(--message-scale, 8) * 1cqmin), 3.2rem);
    font-weight: 650;
    line-height: 1.35;
    text-align: center;
    white-space: pre-wrap;
}

.smart-dashboard-message-dots[b-q5s98uyaoz] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.smart-dashboard-message-dot[b-q5s98uyaoz] {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
    background: #eef2f7;
}

.smart-dashboard-message-dot.is-active[b-q5s98uyaoz] {
    border-color: #0057b8;
    background: #0057b8;
}

/* ---- Funnel ------------------------------------------------------------------------------------ */

.smart-dashboard-funnel[b-q5s98uyaoz] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.smart-dashboard-funnel-svg[b-q5s98uyaoz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.smart-dashboard-funnel-band[b-q5s98uyaoz] {
    cursor: pointer;
}

.smart-dashboard-funnel-band:hover[b-q5s98uyaoz] {
    filter: brightness(1.06);
}

/* The labels sit on top of the bands (never clipped by the taper) and are centred on each slice. */
.smart-dashboard-funnel-label[b-q5s98uyaoz] {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 6px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: clamp(0.58rem, 3.2cqmin, 0.85rem);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.45);
}

.smart-dashboard-funnel-label > span[b-q5s98uyaoz] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Narrow band: the label spills over the card, so it switches to dark ink on a light pill. */
.smart-dashboard-funnel-label.is-narrow[b-q5s98uyaoz] {
    color: #334155;
    text-shadow: none;
}

.smart-dashboard-funnel-label.is-narrow > span[b-q5s98uyaoz] {
    display: inline-block;
    max-width: 100%;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
}

.smart-dashboard-bar-list[b-q5s98uyaoz],
.smart-dashboard-legend[b-q5s98uyaoz] {
    display: grid;
    gap: 10px;
}

.smart-dashboard-bar-row[b-q5s98uyaoz],
.smart-dashboard-legend-row[b-q5s98uyaoz] {
    display: grid;
    align-items: center;
    gap: 10px;
}

.smart-dashboard-bar-row[b-q5s98uyaoz] {
    grid-template-columns: minmax(90px, 1fr) minmax(120px, 2fr) auto;
}

.smart-dashboard-bar-label[b-q5s98uyaoz],
.smart-dashboard-legend-label[b-q5s98uyaoz] {
    color: #334155;
    font-size: clamp(0.62rem, min(4.5cqw, 7cqh), 0.95rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Legend / bar value numbers scale with the widget too. */
.smart-dashboard-legend-row strong[b-q5s98uyaoz],
.smart-dashboard-bar-row strong[b-q5s98uyaoz] {
    font-size: clamp(0.62rem, min(4.5cqw, 7cqh), 0.95rem);
    white-space: nowrap;
}

.smart-dashboard-bar-track[b-q5s98uyaoz] {
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.smart-dashboard-bar-value[b-q5s98uyaoz] {
    height: 100%;
    border-radius: 999px;
}

.smart-dashboard-column-chart[b-q5s98uyaoz] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(54px, 1fr);
    align-items: end;
    gap: 10px;
    flex: 1;
    min-height: 180px;
    padding: 12px 8px 4px;
    overflow-x: auto;
    background: linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
    border: 1px solid #e8eff8;
    border-radius: 8px;
}

.smart-dashboard-column-item[b-q5s98uyaoz] {
    display: grid;
    grid-template-rows: auto minmax(110px, 1fr) auto;
    gap: 6px;
    align-items: end;
    height: 100%;
    min-width: 54px;
}

.smart-dashboard-column-item strong[b-q5s98uyaoz] {
    color: #334155;
    font-size: 0.72rem;
    text-align: center;
}

.smart-dashboard-column-track[b-q5s98uyaoz] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 110px;
    overflow: hidden;
    border-radius: 10px 10px 4px 4px;
    background: #e2e8f0;
}

.smart-dashboard-column-value[b-q5s98uyaoz] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 2px;
    border-radius: 10px 10px 4px 4px;
}

.smart-dashboard-column-item span[b-q5s98uyaoz] {
    color: #64748b;
    font-size: 0.72rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-dashboard-treemap[b-q5s98uyaoz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-content: stretch;
    flex: 1;
    min-height: 180px;
}

.smart-dashboard-treemap-tile[b-q5s98uyaoz] {
    display: grid;
    align-content: end;
    gap: 4px;
    flex: var(--tile-size) 1 120px;
    min-height: 86px;
    padding: 10px;
    border-radius: 12px;
    color: #fff;
    overflow: hidden;
}

.smart-dashboard-treemap-tile strong[b-q5s98uyaoz],
.smart-dashboard-treemap-tile span[b-q5s98uyaoz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-dashboard-treemap-tile strong[b-q5s98uyaoz] {
    font-size: 0.82rem;
}

.smart-dashboard-treemap-tile span[b-q5s98uyaoz] {
    font-size: 0.76rem;
    opacity: 0.88;
}

.smart-dashboard-pie-layout[b-q5s98uyaoz] {
    display: grid;
    grid-template-columns: clamp(80px, 42cqw, 210px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    flex: 1;
    min-height: 0;
}

.smart-dashboard-pie-ring[b-q5s98uyaoz] {
    width: 100%;
    max-width: 210px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
}

.smart-dashboard-pie-ring[b-q5s98uyaoz]::after {
    content: "";
    width: 52%;
    height: 52%;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e2e8f0;
}

.smart-dashboard-pie-hole[b-q5s98uyaoz] {
    position: absolute;
    z-index: 1;
    font-size: clamp(0.8rem, min(7cqw, 14cqh), 1.7rem);
    font-weight: 700;
    color: #0f172a;
}

.smart-dashboard-legend-row[b-q5s98uyaoz] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.smart-dashboard-clickable-point[b-q5s98uyaoz] {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.smart-dashboard-clickable-point:hover[b-q5s98uyaoz] {
    filter: brightness(0.97);
}

.smart-dashboard-legend-dot[b-q5s98uyaoz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.smart-dashboard-svg-shell[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-height: 0;
}

.smart-dashboard-chart-svg[b-q5s98uyaoz] {
    width: 100%;
    flex: 1;
    min-height: 120px;
    background: #f8fbfe;
    border: 1px solid #e8eff8;
    border-radius: 8px;
}

.smart-dashboard-line[b-q5s98uyaoz] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.smart-dashboard-area-fill[b-q5s98uyaoz] {
    fill: rgba(37, 99, 235, 0.14);
}

.smart-dashboard-scatter-point[b-q5s98uyaoz] {
    fill: #0f766e;
}

.smart-dashboard-axis-labels[b-q5s98uyaoz] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
}

.smart-dashboard-axis-labels span[b-q5s98uyaoz] {
    color: #64748b;
    font-size: 0.75rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-dashboard-table-shell[b-q5s98uyaoz] {
    /* Fill the widget card (which is a flex column) instead of a fixed height, so the table uses the
       available space and only scrolls when the rows actually exceed the card. */
    flex: 1;
    min-height: 0;
    overflow: auto;
    border: 1px solid #e4edf8;
    border-radius: 8px;
    background: #fff;
}

@media (max-width: 900px) {
    .smart-dashboard-pie-layout[b-q5s98uyaoz] {
        grid-template-columns: 1fr;
    }

    .smart-dashboard-bar-row[b-q5s98uyaoz] {
        grid-template-columns: 1fr;
    }

    .smart-dashboard-axis-labels[b-q5s98uyaoz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Line / area temporal chart with X/Y axes and hover points */
.smart-dashboard-line-chart[b-q5s98uyaoz] {
    flex: 1;
    min-height: 180px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    column-gap: 6px;
    row-gap: 4px;
    padding: 6px 6px 0;
    box-sizing: border-box;
}

.smart-dashboard-line-yaxis[b-q5s98uyaoz] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-right: 4px;
    color: #64748b;
    font-size: 0.66rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.smart-dashboard-line-plot[b-q5s98uyaoz] {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    min-width: 0;
    min-height: 0;
    background: #f8fbfe;
    border: 1px solid #e8eff8;
    border-radius: 8px;
}

.smart-dashboard-line-svg[b-q5s98uyaoz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.smart-dashboard-line-grid[b-q5s98uyaoz] {
    stroke: #e6edf6;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.smart-dashboard-line-fill[b-q5s98uyaoz] {
    fill: rgba(37, 99, 235, 0.12);
    stroke: none;
}

.smart-dashboard-line-stroke[b-q5s98uyaoz] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.smart-dashboard-line-dots[b-q5s98uyaoz] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.smart-dashboard-line-dot[b-q5s98uyaoz] {
    position: absolute;
    width: 9px;
    height: 9px;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    border: 2px solid #2563eb;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
}

.smart-dashboard-line-dot:hover[b-q5s98uyaoz] {
    background: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

.smart-dashboard-line-xaxis[b-q5s98uyaoz] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    color: #64748b;
    font-size: 0.66rem;
}

.smart-dashboard-line-xaxis span[b-q5s98uyaoz] {
    max-width: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Multi-series charts (grouped/stacked bars + legend) */
.smart-dashboard-line-wrap[b-q5s98uyaoz] {
    flex: 1;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.smart-dashboard-line-wrap .smart-dashboard-line-chart[b-q5s98uyaoz] {
    flex: 1;
    min-height: 0;
}

.smart-dashboard-multi-chart[b-q5s98uyaoz] {
    flex: 1;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.smart-dashboard-multi-legend[b-q5s98uyaoz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 2px 4px;
}

.smart-dashboard-multi-legend-item[b-q5s98uyaoz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #334155;
    font-size: clamp(0.6rem, min(4cqw, 6.5cqh), 0.9rem);
    font-weight: 700;
}

.smart-dashboard-multi-legend-dot[b-q5s98uyaoz] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.smart-dashboard-multi-bars[b-q5s98uyaoz] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 4px 4px 0;
}

.smart-dashboard-multi-category[b-q5s98uyaoz] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.smart-dashboard-multi-cluster[b-q5s98uyaoz] {
    flex: 1;
    min-height: 0;
    display: flex;
    gap: 3px;
}

.smart-dashboard-multi-bars.is-grouped .smart-dashboard-multi-cluster[b-q5s98uyaoz] {
    align-items: flex-end;
}

.smart-dashboard-multi-bars.is-stacked .smart-dashboard-multi-cluster[b-q5s98uyaoz] {
    flex-direction: column-reverse;
    justify-content: flex-start;
    gap: 0;
}

.smart-dashboard-multi-bar[b-q5s98uyaoz] {
    flex: 1 1 0;
    min-width: 2px;
    border-radius: 4px 4px 0 0;
    transition: opacity 0.15s ease;
}

.smart-dashboard-multi-bar:hover[b-q5s98uyaoz] {
    opacity: 0.82;
}

.smart-dashboard-multi-bars.is-stacked .smart-dashboard-multi-bar[b-q5s98uyaoz] {
    flex: 0 0 auto;
    width: 70%;
    margin: 0 auto;
    border-radius: 0;
}

.smart-dashboard-multi-cat-label[b-q5s98uyaoz] {
    margin-top: 4px;
    color: #64748b;
    font-size: 0.66rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Pivot table */
.smart-dashboard-pivot-shell[b-q5s98uyaoz] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.smart-dashboard-pivot[b-q5s98uyaoz] {
    border-collapse: collapse;
    width: 100%;
    /* Fill the card height so short tables don't leave empty space and taller cards spread the rows;
       when there are more rows than fit, the shell scrolls. */
    height: 100%;
    /* Compact by default so as much data as possible is visible; still scales gently with the box. */
    font-size: clamp(0.54rem, min(2.6cqw, 4.6cqh), 0.9rem);
    line-height: 1.2;
}

.smart-dashboard-pivot td[b-q5s98uyaoz],
.smart-dashboard-pivot th[b-q5s98uyaoz] {
    vertical-align: middle;
}

.smart-dashboard-pivot th[b-q5s98uyaoz],
.smart-dashboard-pivot td[b-q5s98uyaoz] {
    border: 1px solid #e6edf6;
    /* Tight padding for density; grows only slightly on very large widgets. */
    padding: clamp(1px, 0.45cqh, 6px) clamp(3px, 0.7cqw, 9px);
    white-space: nowrap;
}

.smart-dashboard-pivot thead th[b-q5s98uyaoz] {
    position: sticky;
    top: 0;
    background: #eef4fc;
    color: #0b2f69;
    font-weight: 800;
    text-align: center;
    z-index: 1;
}

.smart-dashboard-pivot-rowhead[b-q5s98uyaoz] {
    text-align: left;
    background: #f6f9fd;
}

.smart-dashboard-pivot-colhead.is-total[b-q5s98uyaoz],
.smart-dashboard-pivot-valhead.is-total[b-q5s98uyaoz] {
    background: #e2ecfa;
}

.smart-dashboard-pivot-rowcell[b-q5s98uyaoz] {
    text-align: left;
    color: #334155;
}

.smart-dashboard-pivot-cell[b-q5s98uyaoz] {
    text-align: right;
    color: #0f172a;
    cursor: pointer;
    font-variant-numeric: tabular-nums;
}

.smart-dashboard-pivot-cell:hover[b-q5s98uyaoz] {
    background: #eef6ff;
}

.smart-dashboard-pivot-row.is-subtotal td[b-q5s98uyaoz] {
    background: #f4f8fd;
    font-weight: 700;
}

.smart-dashboard-pivot-row.is-grand td[b-q5s98uyaoz] {
    background: #dfe9f8;
    font-weight: 850;
}

.smart-dashboard-pivot-rowcell.is-label[b-q5s98uyaoz] {
    text-align: right;
    font-style: italic;
    color: #42546b;
}

.smart-dashboard-pivot-cell.is-total[b-q5s98uyaoz] {
    background: #f0f5fc;
    font-weight: 750;
}

/* Collapsible group rows are left-aligned so the toggle + indentation read as a tree. */
.smart-dashboard-pivot-row.is-group td[b-q5s98uyaoz] {
    background: #eef4fc;
    font-weight: 700;
}

.smart-dashboard-pivot-row.is-group .smart-dashboard-pivot-rowcell.is-label[b-q5s98uyaoz] {
    text-align: left;
    font-style: normal;
    color: #1f2f45;
}

.smart-dashboard-pivot-toggle[b-q5s98uyaoz] {
    border: none;
    background: transparent;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border-radius: 6px;
    transition: background 0.12s ease;
}

.smart-dashboard-pivot-toggle:hover[b-q5s98uyaoz] {
    background: rgba(37, 99, 235, 0.12);
}

/* Chevron drawn from two borders: points down when expanded, rotates to point right when collapsed. */
.smart-dashboard-pivot-chevron[b-q5s98uyaoz] {
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-right: 2px solid #2f5d94;
    border-bottom: 2px solid #2f5d94;
    border-radius: 1px;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.smart-dashboard-pivot-toggle.is-collapsed .smart-dashboard-pivot-chevron[b-q5s98uyaoz] {
    margin-top: 0;
    transform: rotate(-45deg);
}

.smart-dashboard-pivot-colhead.is-sub[b-q5s98uyaoz] {
    font-weight: 600;
    background: #f4f8fd;
}

.smart-dashboard-pivot-colhead.is-collapsed[b-q5s98uyaoz] {
    background: #e4edfa;
}

/* ---- Map widget ----------------------------------------------------------- */
.smart-dashboard-map[b-q5s98uyaoz] {
    flex: 1;
    min-height: 0;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

/* Leaflet needs an explicit height on its container; fill the widget card. */
.smart-dashboard-map[b-q5s98uyaoz]  .leaflet-container {
    height: 100%;
    width: 100%;
    background: #eef2f7;
}

/* ---- Interactive pivot chooser (viewer) ----------------------------------- */
.smart-pivot-interactive[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

.smart-pivot-chooser-bar[b-q5s98uyaoz] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4px;
}

.smart-pivot-chooser-toggle[b-q5s98uyaoz] {
    border: 1px solid #cfe0f4;
    background: #f8fbff;
    color: #0057b8;
    border-radius: 7px;
    padding: 2px 10px;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

/* Field chooser popup - mirrors the builder exactly (fixed 300px left list, drag handle, card zones). */
.smart-pivot-modal-backdrop[b-q5s98uyaoz] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.48);
}

.smart-pivot-chooser[b-q5s98uyaoz] {
    width: min(940px, 94vw / var(--jump-zoom, 1));
    max-height: calc(88vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 30px 70px rgba(15, 42, 84, 0.28);
    overflow: hidden;
}

.smart-pivot-modal-header[b-q5s98uyaoz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #eef2f8;
    background: #fff;
}

.smart-pivot-modal-header h3[b-q5s98uyaoz] {
    margin: 0;
    color: #003d8f;
    font-size: 1rem;
    font-weight: 850;
}

.smart-pivot-modal-header span[b-q5s98uyaoz] {
    color: #64748b;
    font-size: 0.82rem;
}

.smart-pivot-close[b-q5s98uyaoz] {
    border: 1px solid #cfe0f4;
    background: #f8fbff;
    color: #0057b8;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.smart-pivot-close:hover[b-q5s98uyaoz] {
    background: #eef6ff;
    border-color: #9fc0ea;
}

.smart-pivot-chooser-body[b-q5s98uyaoz] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    padding: 16px 20px 20px;
    overflow: auto;
    background: #f7fafd;
}

.smart-pivot-zones[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.smart-pivot-area[b-q5s98uyaoz] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6edf6;
    border-radius: 12px;
    background: #ffffff;
    padding: 12px 14px;
}

.smart-pivot-area.is-available[b-q5s98uyaoz] {
    min-height: 0;
    max-height: calc(62vh / var(--jump-zoom, 1));
}

.smart-pivot-area > strong[b-q5s98uyaoz] {
    display: block;
    color: #6b7c93;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Available list: single clean column, scrollable */
.smart-pivot-area.is-available .smart-pivot-fieldlist[b-q5s98uyaoz] {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
    overflow: auto;
    min-height: 0;
}

.smart-pivot-fieldlist[b-q5s98uyaoz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-content: flex-start;
    min-height: 40px;
    flex: 1;
}

/* Drop zones look like drop zones (dashed) */
.smart-pivot-zones .smart-pivot-area .smart-pivot-fieldlist[b-q5s98uyaoz] {
    border: 1px dashed #d3e0f0;
    border-radius: 10px;
    padding: 8px;
    background: #fbfdff;
    align-items: flex-start;
    align-content: flex-start;
}

.smart-pivot-panel-chip[b-q5s98uyaoz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 9px;
    border: 1px solid #dbe7f6;
    border-radius: 9px;
    background: #ffffff;
    color: #0b2f69;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: grab;
    max-width: 100%;
    box-shadow: 0 1px 2px rgba(15, 42, 84, 0.06);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.smart-pivot-panel-chip:hover[b-q5s98uyaoz] {
    border-color: #9fc0ea;
    box-shadow: 0 2px 6px rgba(15, 42, 84, 0.12);
}

.smart-pivot-panel-chip:active[b-q5s98uyaoz] {
    cursor: grabbing;
}

/* Available chips fill the row and show a drag affordance */
.smart-pivot-area.is-available .smart-pivot-panel-chip[b-q5s98uyaoz] {
    width: 100%;
    justify-content: space-between;
    box-shadow: none;
}

.smart-pivot-area.is-available .smart-pivot-panel-chip[b-q5s98uyaoz]::before {
    content: "\2807";
    color: #c2cddd;
    font-size: 0.95rem;
    line-height: 1;
    margin-right: 2px;
}

.smart-pivot-panel-chip.is-value[b-q5s98uyaoz] {
    background: #f2f8ff;
    border-color: #cfe0f4;
}

.smart-pivot-chip-name[b-q5s98uyaoz] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
}

/* L / C / V quick buttons: hidden until the row is hovered */
.smart-pivot-chip-actions[b-q5s98uyaoz] {
    display: inline-flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 120ms ease;
}

.smart-pivot-panel-chip:hover .smart-pivot-chip-actions[b-q5s98uyaoz] {
    opacity: 1;
}

.smart-pivot-chip-actions button[b-q5s98uyaoz] {
    width: 22px;
    height: 22px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #f4f8fd;
    color: #0057b8;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
    line-height: 1;
}

.smart-pivot-chip-actions button:hover[b-q5s98uyaoz] {
    background: #0057b8;
    color: #ffffff;
    border-color: #0057b8;
}

.smart-pivot-panel-chip .is-remove[b-q5s98uyaoz] {
    border: none;
    background: transparent;
    color: #b0413f;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    opacity: 0.65;
}

.smart-pivot-panel-chip .is-remove:hover[b-q5s98uyaoz] {
    opacity: 1;
}

.smart-pivot-chip-agg[b-q5s98uyaoz] {
    border: 1px solid #d7e3f3;
    border-radius: 6px;
    font-size: 0.7rem;
    color: #0b2f69;
    background: #fff;
    max-width: 110px;
    padding: 2px 4px;
}

.smart-pivot-hint[b-q5s98uyaoz] {
    color: #9aa9bd;
    font-size: 0.74rem;
    font-style: italic;
    padding: 6px 2px;
}

/* Optional borderless widget (toggled per widget in the editor). */
.smart-dashboard-widget--no-border[b-q5s98uyaoz] {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* Pivot truncation note (shown when the cross-tab is capped to keep the browser responsive). */
.smart-dashboard-pivot-note[b-q5s98uyaoz] {
    padding: 4px 8px;
    margin-bottom: 6px;
    border-radius: 6px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    font-size: .7rem;
}
/* /Pages/aTab/BarraLateral/UserFieldsComponent.razor.rz.scp.css */
.user-fields-grid[b-mc7bmig3d2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
    align-items: start;
}

.user-fields-empty[b-mc7bmig3d2] {
    color: #5c7296;
    font-size: 13px;
    line-height: 1.35;
}
/* /Pages/Components/LicenseNoticeBanner.razor.rz.scp.css */
.license-notice-banner[b-bq9mczk827] {
    position: fixed;
    top: 10px;
    left: 50%;
    /* Above the Agent Worker's global alert (2000): if both show up, this one wins. */
    z-index: 2100;
    display: grid;
    /* Third column for the close button. Without a button it collapses to zero, because it is auto. */
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 28px));
    border: 1px solid #dc2626;
    border-radius: 8px;
    background: #fef2f2;
    box-shadow: 0 14px 30px rgba(127, 29, 29, .18);
    color: #7f1d1d;
    padding: 9px 10px;
    transform: translateX(-50%);
}

/* Grace period running, and the last week before expiring: amber. Work is not stopped, but
   there is a deadline — red here would spend the alarm the block needs to have. */
.license-notice-banner-grace[b-bq9mczk827] {
    border-color: #d97706;
    background: #fffbeb;
    box-shadow: 0 14px 30px rgba(120, 53, 15, .16);
    color: #78350f;
}

.license-notice-banner-grace .license-notice-banner-icon[b-bq9mczk827] {
    background: #fde68a;
    color: #b45309;
}

.license-notice-banner-grace .license-notice-banner-content strong[b-bq9mczk827] {
    color: #78350f;
}

.license-notice-banner-grace .license-notice-banner-content span[b-bq9mczk827] {
    color: #92400e;
}

/* Advance warning still far from expiry: informative. A banner appearing 30 days before has to be
   ignorable at no cost, otherwise it stops being read and the last week's warning is lost with it. */
.license-notice-banner-info[b-bq9mczk827] {
    border-color: #0284c7;
    background: #f0f9ff;
    box-shadow: 0 14px 30px rgba(12, 74, 110, .14);
    color: #0c4a6e;
}

.license-notice-banner-info .license-notice-banner-icon[b-bq9mczk827] {
    background: #bae6fd;
    color: #0369a1;
}

.license-notice-banner-info .license-notice-banner-content strong[b-bq9mczk827] {
    color: #0c4a6e;
}

.license-notice-banner-info .license-notice-banner-content span[b-bq9mczk827] {
    color: #075985;
}

.license-notice-banner-icon[b-bq9mczk827] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: #fecaca;
    color: #b91c1c;
}

.license-notice-banner-content[b-bq9mczk827] {
    display: grid;
    min-width: 0;
}

.license-notice-banner-content strong[b-bq9mczk827] {
    color: #7f1d1d;
    font-size: 13px;
    font-weight: 900;
}

/* No ellipsis: the message is the only explanation the user has and cannot be cut off. */
.license-notice-banner-content span[b-bq9mczk827] {
    color: #991b1b;
    font-size: 12px;
    font-weight: 650;
}

/*
    Every kind shows this button: closing moves the warning to the alerts menu on the tab bar. The colour
    inherits from the banner, so it follows the severity without needing a rule per variant.
*/
.license-notice-banner-close[b-bq9mczk827] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    font-weight: 700;
    height: 26px;
    justify-content: center;
    line-height: 1;
    opacity: .65;
    padding: 0;
    width: 26px;
}

.license-notice-banner-close:hover[b-bq9mczk827],
.license-notice-banner-close:focus-visible[b-bq9mczk827] {
    background: rgba(0, 0, 0, .07);
    opacity: 1;
}
/* /Pages/Login.razor.rz.scp.css */
.atrans-login-redirect[b-n8j6pzxvmq] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    color: #fff;
    background: rgba(10, 26, 58, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 18px;
    backdrop-filter: blur(14px);
}

.atrans-login-shell[b-n8j6pzxvmq] {
    position: fixed;
    inset: 0;
    /* Declared even though `inset: 0` would size it: the global auth-card sheet sets
       `width: min(760px, 100%)` on this class for the pages that have no stylesheet of
       their own, and a scoped rule only outranks it where it declares the same property.
       Without this the shell is clamped to 760px, pinned left, and the card lands in the
       middle of the wallpaper instead of against the right edge. */
    width: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 40px clamp(28px, 4vw / var(--jump-zoom, 1), 80px);
    background: #eaf0ff;
    isolation: isolate;
}

.atrans-login-wallpaper[b-n8j6pzxvmq] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    z-index: -1;
}

.atrans-login-card[b-n8j6pzxvmq] {
    width: 400px;
    max-width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-block: auto;
    padding: 32px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(21, 49, 103, 0.2);
}

.atrans-login-version[b-n8j6pzxvmq] {
    float: right;
    padding: 4px 8px;
    color: #365aa2;
    background: #edf2fc;
    border: 1px solid #dce5f5;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    overflow-wrap: anywhere;
    max-width: 70%;
}

.atrans-login-kicker[b-n8j6pzxvmq] {
    color: #365aa2;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.atrans-login-card-head h2[b-n8j6pzxvmq] {
    margin: 10px 0 8px;
    color: var(--atrans-ink);
    font-family: 'Sora', 'Inter', 'Segoe UI', sans-serif;
    font-size: 1.95rem;
    font-weight: 700;
    line-height: 1.02;
}

.atrans-login-card-head p[b-n8j6pzxvmq] {
    margin: 0;
    color: var(--atrans-muted);
    font-size: 0.94rem;
    line-height: 1.6;
}

.atrans-login-alert[b-n8j6pzxvmq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    color: #7a2230;
    background: rgba(214, 65, 87, 0.08);
    border: 1px solid rgba(214, 65, 87, 0.18);
    border-radius: 14px;
    font-size: 0.88rem;
    font-weight: 600;
}

.atrans-login-form[b-n8j6pzxvmq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 22px;
}

.atrans-login-field[b-n8j6pzxvmq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.atrans-login-field span[b-n8j6pzxvmq] {
    color: var(--atrans-ink);
    font-size: 0.8rem;
    font-weight: 700;
}

.atrans-login-field input[b-n8j6pzxvmq] {
    width: 100%;
    box-sizing: border-box;
    min-height: 50px;
    padding: 0 16px;
    color: var(--atrans-ink);
    background: #fff;
    border: 1px solid rgba(204, 216, 233, 0.95);
    border-radius: 16px;
    outline: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.atrans-login-field input:focus[b-n8j6pzxvmq] {
    border-color: rgba(10, 67, 232, 0.55);
    box-shadow: 0 0 0 4px rgba(10, 67, 232, 0.08);
}

.atrans-login-submit[b-n8j6pzxvmq] {
    width: 100%;
    min-height: 50px;
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--atrans-primary) 0%, var(--atrans-deep) 100%);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 34px rgba(10, 67, 232, 0.22);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
}

.atrans-login-submit:hover:not(:disabled)[b-n8j6pzxvmq] {
    transform: translateY(-1px);
}

.atrans-login-submit:disabled[b-n8j6pzxvmq] {
    /* "wait" showed the Windows blue ring spinning/flashing over the button during the
       submit; the "Signing in..." spinner already communicates the progress. */
    cursor: default;
    opacity: 0.72;
}

.atrans-login-links[b-n8j6pzxvmq] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.atrans-login-links-split[b-n8j6pzxvmq] {
    justify-content: space-between;
    gap: 12px;
}

.atrans-login-link[b-n8j6pzxvmq] {
    padding: 0;
    color: var(--atrans-primary);
    background: transparent;
    border: 0;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.atrans-login-link:hover[b-n8j6pzxvmq] {
    color: var(--atrans-deep);
    text-decoration: underline;
}

.atrans-recovery-section[b-n8j6pzxvmq] {
    margin: 0;
}

.atrans-recovery-copy[b-n8j6pzxvmq] {
    margin: 0;
    color: var(--atrans-muted);
    font-size: 0.92rem;
    line-height: 1.6;
}

.atrans-recovery-form[b-n8j6pzxvmq] {
    margin-top: 18px;
}

@media (max-width: 900px) {
    .atrans-login-shell[b-n8j6pzxvmq] {
        padding: max(240px, 56vw / var(--jump-zoom, 1)) 20px 32px;
        justify-content: center;
        align-items: flex-start;
    }

    .atrans-login-wallpaper[b-n8j6pzxvmq] {
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: contain;
    }

    .atrans-login-card[b-n8j6pzxvmq] {
        margin-block: 0;
    }
}

@media (max-width: 560px) {
    .atrans-login-card[b-n8j6pzxvmq] {
        padding: 26px 22px;
    }

    .atrans-login-card-head h2[b-n8j6pzxvmq] {
        font-size: 1.6rem;
    }
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.password-reset-card[b-5ziem3fypx] {
    width: min(520px, 100%);
    padding: clamp(28px, 4vw / var(--jump-zoom, 1), 40px);
    color: var(--atrans-ink);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(10, 26, 58, 0.24);
    backdrop-filter: blur(18px);
}

.password-reset-heading[b-5ziem3fypx] {
    text-align: center;
}

.password-reset-icon[b-5ziem3fypx] {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--atrans-primary);
    background: rgba(10, 67, 232, 0.08);
    border-radius: 999px;
    font-size: 1.35rem;
}

.password-reset-kicker[b-5ziem3fypx] {
    display: block;
    color: var(--atrans-accent);
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.password-reset-heading h1[b-5ziem3fypx] {
    margin: 10px 0 8px;
    font-family: 'Sora', 'Inter', 'Segoe UI', sans-serif;
    font-size: 1.9rem;
}

.password-reset-heading p[b-5ziem3fypx] {
    margin: 0;
    color: var(--atrans-muted);
    line-height: 1.6;
}

.password-reset-form[b-5ziem3fypx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
}

.password-reset-form label[b-5ziem3fypx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 700;
}

.password-reset-form input[b-5ziem3fypx] {
    min-height: 50px;
    padding: 0 16px;
    color: var(--atrans-ink);
    background: #fff;
    border: 1px solid rgba(204, 216, 233, 0.95);
    border-radius: 16px;
    outline: 0;
}

.password-reset-form input:focus[b-5ziem3fypx] {
    border-color: rgba(10, 67, 232, 0.55);
    box-shadow: 0 0 0 4px rgba(10, 67, 232, 0.08);
}

.password-reset-error[b-5ziem3fypx],
.password-reset-success[b-5ziem3fypx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 0.88rem;
    font-weight: 600;
}

.password-reset-error[b-5ziem3fypx] {
    color: #7a2230;
    background: rgba(214, 65, 87, 0.08);
    border: 1px solid rgba(214, 65, 87, 0.18);
}

.password-reset-success[b-5ziem3fypx] {
    color: #145c42;
    background: rgba(31, 157, 104, 0.09);
    border: 1px solid rgba(31, 157, 104, 0.2);
}

.password-reset-submit[b-5ziem3fypx] {
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--atrans-primary) 0%, var(--atrans-deep) 100%);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 34px rgba(10, 67, 232, 0.22);
    font-weight: 700;
    cursor: pointer;
}

.password-reset-submit:disabled[b-5ziem3fypx] {
    cursor: wait;
    opacity: 0.72;
}

@media (max-width: 560px) {
    .password-reset-card[b-5ziem3fypx] {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .password-reset-heading h1[b-5ziem3fypx] {
        font-size: 1.6rem;
    }
}
/* /Pages/Subscrever.razor.rz.scp.css */
.atrans-subscribe-shell[b-dvf2og68ya] {
    width: min(760px, 100%);
    display: block;
}

.atrans-subscribe-card[b-dvf2og68ya] {
    align-self: center;
    padding: 30px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(10, 26, 58, 0.22);
    backdrop-filter: blur(14px);
}

.atrans-login-card-head h2[b-dvf2og68ya] {
    margin: 10px 0 8px;
    color: var(--atrans-ink);
    font-family: 'Sora', 'Inter', 'Segoe UI', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.05;
}

.atrans-login-card-head p[b-dvf2og68ya] {
    margin: 0;
    color: var(--atrans-muted);
    font-size: 0.94rem;
    line-height: 1.6;
}

.atrans-login-kicker[b-dvf2og68ya] {
    display: inline-flex;
    color: var(--atrans-accent);
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.atrans-login-alert[b-dvf2og68ya] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    color: #7a2230;
    background: rgba(214, 65, 87, 0.08);
    border: 1px solid rgba(214, 65, 87, 0.18);
    border-radius: 14px;
    font-size: 0.88rem;
    font-weight: 600;
}

.atrans-subscribe-form[b-dvf2og68ya] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 22px;
}

.atrans-login-field[b-dvf2og68ya] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.atrans-login-field span[b-dvf2og68ya] {
    color: var(--atrans-ink);
    font-size: 0.8rem;
    font-weight: 700;
}

.atrans-login-field input[b-dvf2og68ya],
.atrans-login-field select[b-dvf2og68ya] {
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0 14px;
    color: var(--atrans-ink);
    background: #fff;
    border: 1px solid rgba(204, 216, 233, 0.95);
    border-radius: 14px;
    outline: 0;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.atrans-login-field input:focus[b-dvf2og68ya],
.atrans-login-field select:focus[b-dvf2og68ya] {
    border-color: rgba(10, 67, 232, 0.55);
    box-shadow: 0 0 0 4px rgba(10, 67, 232, 0.08);
}

.atrans-subscribe-radio[b-dvf2og68ya] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 48px;
}

.atrans-subscribe-radio label[b-dvf2og68ya] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 600;
    cursor: pointer;
}

.atrans-captcha[b-dvf2og68ya] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.atrans-captcha-image[b-dvf2og68ya] {
    height: 56px;
    border: 1px solid rgba(132, 151, 176, 0.4);
    border-radius: 12px;
    background: #f8fbff;
    user-select: none;
    -webkit-user-drag: none;
}

.atrans-captcha-refresh[b-dvf2og68ya] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--atrans-primary);
    background: rgba(10, 67, 232, 0.07);
    border: 1px solid rgba(10, 67, 232, 0.18);
    border-radius: 12px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.16s ease;
}

.atrans-captcha-refresh:hover[b-dvf2og68ya] {
    background: rgba(10, 67, 232, 0.14);
}

.atrans-captcha-input[b-dvf2og68ya] {
    flex: 1 1 180px;
    min-width: 160px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 700;
}

.atrans-login-submit[b-dvf2og68ya] {
    width: 100%;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--atrans-primary) 0%, var(--atrans-deep) 100%);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 34px rgba(10, 67, 232, 0.22);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.16s ease, opacity 0.16s ease;
}

.atrans-login-submit:hover:not(:disabled)[b-dvf2og68ya] {
    transform: translateY(-1px);
}

.atrans-login-submit:disabled[b-dvf2og68ya] {
    cursor: wait;
    opacity: 0.72;
}

.atrans-login-links[b-dvf2og68ya] {
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.atrans-login-link[b-dvf2og68ya] {
    padding: 0;
    color: var(--atrans-primary);
    background: transparent;
    border: 0;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.atrans-login-link:hover[b-dvf2og68ya] {
    text-decoration: underline;
}

.atrans-subscribe-success[b-dvf2og68ya] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 16px;
    color: #1c5d3a;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 16px;
}

.atrans-subscribe-success .bi[b-dvf2og68ya] {
    font-size: 1.3rem;
}

.atrans-subscribe-success strong[b-dvf2og68ya] {
    display: block;
    margin-bottom: 4px;
}

.atrans-subscribe-success p[b-dvf2og68ya] {
    margin: 0;
    color: var(--atrans-muted);
    font-size: 0.9rem;
}

@media (max-width: 620px) {
    .atrans-subscribe-card[b-dvf2og68ya] {
        padding: 22px 18px;
    }
}
/* /Products/aComercial/Custos/Purchases/Components/PurchaseGroupDocumentsPanel.razor.rz.scp.css */
.purchase-group-panel[b-6w3oj0e31v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Filters bar: same light strip used by the jump-dialog sections, so the panel
   reads as filter bar / list / footer instead of loose controls. */
.purchase-group-panel-filters[b-6w3oj0e31v] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #dfe9f5;
    border-radius: 8px;
    background: #f7fbff;
}

.purchase-group-panel-field[b-6w3oj0e31v] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
}

.purchase-group-panel-field-action[b-6w3oj0e31v] {
    min-width: 0;
    justify-content: flex-end;
    margin-left: auto;
}

.purchase-group-panel-label[b-6w3oj0e31v] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6c757d;
    margin: 0;
}

.purchase-group-panel-message[b-6w3oj0e31v] {
    padding: 28px 12px;
    text-align: center;
    color: #6c757d;
    border: 1px dashed #cfdded;
    border-radius: 8px;
    background: #fbfdff;
}

/* Footer mirrors the page header action row: summary on the left of the button. */
.purchase-group-panel-actions[b-6w3oj0e31v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid #dfe9f5;
}

.purchase-group-panel-summary[b-6w3oj0e31v] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #52657f;
}

/* Pílula dos botões do cabeçalho (Gravar/Duplicar/Cancelar). O estilo original vive no CSS
   scoped de MenuItemAction e não chega aqui, por isso é replicado: texto sem ícone, branco,
   texto azul, cantos de 8px. Manter em sincronia com MenuItemAction.razor.css. */
.purchase-group-panel-button[b-6w3oj0e31v] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #d5e2f2;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .06);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.purchase-group-panel-button:hover:not(:disabled)[b-6w3oj0e31v] {
    border-color: #b9d2f4;
    background: #f7fbff;
    box-shadow: 0 10px 22px rgba(16, 42, 84, .09);
    transform: translateY(-1px);
}

.purchase-group-panel-button:focus-visible[b-6w3oj0e31v] {
    outline: 2px solid rgba(0, 87, 184, .24);
    outline-offset: 2px;
}

.purchase-group-panel-button:disabled[b-6w3oj0e31v] {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
}
/* /Products/aComercial/Custos/Purchases/Components/PurchaseLineDetailsDialog.razor.rz.scp.css */
.purchase-line-details-table[b-0eb3mx3vqx] {
    display: grid;
    gap: 6px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
}

.purchase-line-details-header[b-0eb3mx3vqx],
.purchase-line-details-row[b-0eb3mx3vqx] {
    display: grid;
    grid-template-columns: 150px minmax(220px, 1fr) 82px 105px 82px 110px 110px 32px;
    gap: 6px;
    min-width: 900px;
    align-items: center;
}

.purchase-line-details-header[b-0eb3mx3vqx] {
    color: #53657e;
    font-size: .75rem;
    font-weight: 700;
    text-align: center;
}

.purchase-line-details-row .form-control[b-0eb3mx3vqx] {
    min-height: 34px;
}

.purchase-line-detail-add[b-0eb3mx3vqx],
.purchase-line-detail-remove[b-0eb3mx3vqx] {
    border: 0;
    background: transparent;
    color: #075ca8;
}

.purchase-line-detail-add[b-0eb3mx3vqx] {
    margin-top: 10px;
    font-weight: 700;
}

.purchase-line-detail-remove[b-0eb3mx3vqx] {
    color: #c9362b;
}
/* /Products/aComercial/Custos/Purchases/Components/PurchaseLineSerialNumbersDialog.razor.rz.scp.css */
.purchase-serial-numbers-alert[b-gfd9r7hffz] {
    margin-bottom: 8px;
}

.purchase-serial-numbers-summary[b-gfd9r7hffz] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 16px;
    margin-bottom: 12px;
}

.purchase-serial-numbers-list[b-gfd9r7hffz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 330px;
    overflow-y: auto;
}

.purchase-serial-number-row[b-gfd9r7hffz] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 32px;
    gap: 6px;
    align-items: center;
}

/* Tyre item: an extra column for the tyre's state, per serial number. */
.purchase-serial-number-row-tire[b-gfd9r7hffz] {
    grid-template-columns: 28px minmax(0, 1.4fr) minmax(0, 1fr) 32px;
}

.purchase-serial-numbers-header[b-gfd9r7hffz] {
    color: #52657f;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.purchase-serial-number-index[b-gfd9r7hffz] {
    color: #52657f;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
}

.purchase-serial-number-remove[b-gfd9r7hffz],
.purchase-serial-number-add[b-gfd9r7hffz] {
    border: 1px solid #cbd8e8;
    border-radius: 4px;
    background: #fff;
    color: #0b57a4;
    min-height: 32px;
}

.purchase-serial-number-remove[b-gfd9r7hffz] {
    color: #b42318;
}

.purchase-serial-number-add[b-gfd9r7hffz] {
    margin-top: 10px;
    padding: 4px 10px;
}
/* /Products/aComercial/Custos/Purchases/Pages/Purchases.razor.rz.scp.css */
.purchase-document-surface[b-olyp6rodjn] {
    min-width: 0;
}

/* "Digitalização" button in the header (aligned with New/Save/Cancel):
   text on the left and arrow on the right; down when hidden, up when visible. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-digitalization-action::after {
    content: "▾";
    margin-left: 8px;
    font-size: 12px;
    line-height: 1;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-digitalization-action-open::after {
    content: "▴";
}

/* ---------------------------------------------------------------------------
   Compact summary bar (always visible); header and data cards
   collapse when there is a record open. It follows the LoadOrder pattern.
--------------------------------------------------------------------------- */
.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-region {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
    cursor: default;
    user-select: none;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar-rows {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 6px;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar-fields.secondary {
    padding-top: 6px;
    border-top: 0.5px solid #eef2f7;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar-fields.secondary .purchase-summary-item strong {
    font-size: 12px;
    font-weight: 500;
    color: #49658d;
}

/* Total and Lines highlighted in bold. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item.strong strong,
.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-bar-fields.secondary .purchase-summary-item.strong strong {
    font-weight: 700;
    color: #06245d;
}

/* Clickable fields on the bar: they expand and focus the respective control. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-seg {
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 6px;
    margin: -2px -6px;
    transition: background .12s ease;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-seg:hover {
    background: #eef4fd;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item.wide {
    flex: 1 1 200px;
    max-width: 340px;
}

/* It keeps the financial totals grouped against the right edge of the summary. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-financial-first {
    margin-left: auto;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item span {
    font-size: 10px;
    color: #6b7a90;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item strong {
    font-size: 13px;
    font-weight: 600;
    color: #06245d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-toggle {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #B5D4F4;
    border-radius: 8px;
    background: #ffffff;
    color: #185FA5;
    cursor: pointer;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-summary-toggle:hover {
    background: #E6F1FB;
}

/* ---------------------------------------------------------------------------
   Header overview cards (Entity, Supplier Doc. and Dates).
--------------------------------------------------------------------------- */
.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-grid {
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-card {
    height: 100%;
    padding: 10px 12px;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-card .jump-form-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: #557097;
    font-size: 11px;
    font-weight: 750;
    text-transform: none;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: #eef4ff;
    color: #1749d8;
    font-size: 11px;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-field {
    margin: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-editor {
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-editor .form-control,
.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-editor input {
    min-height: 30px;
    font-size: 12px;
    font-weight: 800;
    color: #06245d;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-overview-description {
    margin-top: 4px;
    overflow: hidden;
    color: #31547f;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------
   "Main information" section in label/value rows.
--------------------------------------------------------------------------- */
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #003d8f;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
    text-align: left;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-information-title::before {
    content: "#";
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 24px;
    border-radius: 7px;
    background: #eef6ff;
    color: #0057b8;
    font-size: 12px;
    font-weight: 850;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-information-group {
    height: 100%;
    padding: 4px 10px;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row {
    display: grid;
    grid-template-columns: minmax(112px, 150px) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 4px 10px;
    border-bottom: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .jump-form-card-label {
    margin: 0;
    justify-self: start;
    color: #557097;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
    text-align: left;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .form-control,
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .dxbl-text-edit,
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .dx-texteditor,
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .dxbs-textbox,
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row input,
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row select {
    min-height: 28px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
}

/* The select (Entity Type) always shows the frame, the same as the ControlF4s',
   so the text does not look misaligned. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-information-row select.purchase-entity-type-select {
    min-height: 30px;
    padding-left: .75rem;
    border: 1px solid #cfdded;
    border-radius: 7px;
    background: #fff;
}

    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-row select.purchase-entity-type-select:focus {
        border-color: #8ab8ef;
        box-shadow: 0 0 0 3px rgba(0, 87, 184, .10);
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-row .form-control:focus,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-row input:focus,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-row select:focus {
        border-color: #8eb9f0;
        background: #fff;
        box-shadow: 0 0 0 2px rgba(23, 73, 216, .1);
    }

/* Lookup/value take up half the row each: the F4 stretches to the middle
   and the descriptions stay vertically aligned between rows. */
.purchase-document-surface[b-olyp6rodjn]  .purchase-inline-lookup,
.purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-inline-lookup .ctlf4-Size-label {
    width: 100%;
}

    /* The visible text (selects, readonly values and descriptions) aligns left
       and starts at the same x as the text inside the ControlF4s (1px border + .75rem padding). */
    .purchase-document-surface[b-olyp6rodjn]  .purchase-inline-lookup > span,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value > span,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value > strong {
        min-width: 0;
        overflow: hidden;
        justify-self: stretch;
        padding-left: calc(.75rem + 1px);
        color: #06245d;
        font-size: 12px;
        font-weight: 800;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value > span {
        color: #31547f;
        font-weight: 700;
    }

.purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value-single {
    grid-template-columns: minmax(0, 1fr);
}

/* ---------------------------------------------------------------------------
   Resumo financeiro.
--------------------------------------------------------------------------- */
.purchase-document-surface[b-olyp6rodjn]  .purchase-financial-section {
    display: flex;
    flex-direction: column;
}

.purchase-document-surface[b-olyp6rodjn]  .purchase-financial-card {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}

    .purchase-document-surface[b-olyp6rodjn]  .purchase-financial-card > .jump-form-card-title {
        display: none;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-financial-card .jump-form-summary-row {
        min-height: 38px;
        align-items: center;
        padding: 6px 4px;
        border-bottom: 0;
    }

.purchase-document-surface[b-olyp6rodjn]  .purchase-financial-global-discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 38px;
    padding: 6px 4px;
    border-bottom: 0;
    font-size: 0.85rem;
    color: #475467;
}

    .purchase-document-surface[b-olyp6rodjn]  .purchase-financial-global-discount input {
        max-width: 110px;
        height: 30px;
        padding: 2px 8px;
    }

.purchase-document-surface[b-olyp6rodjn]  .purchase-financial-total {
    margin-top: 2px;
    padding: 9px 10px !important;
    border-bottom: 0;
    border-radius: 7px;
    background: #eef4ff;
}

    .purchase-document-surface[b-olyp6rodjn]  .purchase-financial-total span,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-financial-total strong {
        color: #1749d8;
        font-size: 15px;
        font-weight: 900;
    }

.purchase-document-surface[b-olyp6rodjn]  .purchase-tabs-section {
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .purchase-document-surface[b-olyp6rodjn]  .purchase-main-grid {
        grid-template-columns: 1fr !important;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-layout {
        grid-template-columns: 1fr !important;
    }

        .purchase-document-surface[b-olyp6rodjn]  .purchase-main-grid > *,
        .purchase-document-surface[b-olyp6rodjn]  .purchase-overview-grid > *,
        .purchase-document-surface[b-olyp6rodjn]  .purchase-information-layout > * {
            grid-column: auto !important;
            grid-row: auto !important;
        }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-summary-item.wide {
        max-width: none;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-summary-financial-first {
        margin-left: 0;
    }
}

@media (max-width: 540px) {
    .purchase-document-surface[b-olyp6rodjn]  .purchase-overview-grid {
        grid-template-columns: 1fr !important;
    }

    .purchase-document-surface[b-olyp6rodjn]  .purchase-information-row,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-inline-lookup,
    .purchase-document-surface[b-olyp6rodjn]  .purchase-readonly-value {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Products/aDyTrans/Geral/AdyTrans/Components/TableLoads.razor.rz.scp.css */
.adytrans-loads-panel[b-262pht4bc6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.adytrans-loads-toolbar[b-262pht4bc6] {
    align-items: center;
    background: linear-gradient(180deg, #fbfcfd 0%, #f3f6f8 100%);
    border: 1px solid #d9e1e7;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 10px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.adytrans-loads-toolbar-actions[b-262pht4bc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.adytrans-loads-toolbar-status[b-262pht4bc6] {
    color: #415160;
    font-size: 13px;
    font-weight: 600;
}

.adytrans-loads-grid-shell[b-262pht4bc6] {
    background: #fff;
    border: 1px solid #d9e1e7;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(31, 42, 29, 0.08);
    max-height: calc(100vh / var(--jump-zoom, 1) - 285px);
    min-height: 470px;
    overflow: auto;
    padding: 6px;
    scroll-behavior: smooth;
}

.adytrans-loads-grid-inner[b-262pht4bc6] {
    min-width: 1820px;
}

.adytrans-loads-grid[b-262pht4bc6] {
    min-width: 1800px;
}

.adytrans-loads-top-scroll[b-262pht4bc6] {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fa 100%);
    border: 1px solid #d9e1e7;
    border-radius: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    position: sticky;
    top: 58px;
    z-index: 2;
    scroll-behavior: smooth;
}

.adytrans-loads-top-scroll-width[b-262pht4bc6] {
    height: 1px;
    min-width: 1820px;
}

.adytrans-loads-select-caption[b-262pht4bc6] {
    color: #4e5d6c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.adytrans-loads-top-scroll[b-262pht4bc6]::-webkit-scrollbar,
.adytrans-loads-grid-shell[b-262pht4bc6]::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

.adytrans-loads-top-scroll[b-262pht4bc6]::-webkit-scrollbar-thumb,
.adytrans-loads-grid-shell[b-262pht4bc6]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #9eb2bf 0%, #7e95a4 100%);
    border: 2px solid #eef3f6;
    border-radius: 999px;
}

.adytrans-loads-top-scroll[b-262pht4bc6]::-webkit-scrollbar-track,
.adytrans-loads-grid-shell[b-262pht4bc6]::-webkit-scrollbar-track {
    background: #eef3f6;
    border-radius: 999px;
}
/* /Products/aDyTrans/Geral/AdyTrans/Pages/AdyTrans.razor.rz.scp.css */
.grid-size[b-4fp8p2n7aq] {
    max-height: none;
    max-width: none;
}

#preview[b-4fp8p2n7aq] {
    height: 50px;
    width: 50%;
}

.circle-palette .e-container[b-4fp8p2n7aq] {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.circle-palette .e-container .e-custom-palette.e-palette-group[b-4fp8p2n7aq] {
    height: 182px;
}

.circle-palette .e-container .e-palette .e-tile[b-4fp8p2n7aq] {
    border: 0;
    color: #fff;
    height: 36px;
    font-size: 18px;
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    margin: 2px 5px;
    font-family: "e-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}

.circle-palette .e-container .e-palette .e-tile.e-selected[b-4fp8p2n7aq]::before {
    content: '\e933';
}

.circle-palette .e-container .e-palette .e-tile.e-selected[b-4fp8p2n7aq] {
    outline: none;
}

.subtitle[b-4fp8p2n7aq] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mytexttitle[b-4fp8p2n7aq] {
    flex-grow: 0;
    font-weight: bold;
    font-size: 15px;
}

.divider[b-4fp8p2n7aq] {
    flex-grow: 1;
    height: 1px;
    background-color: #9f9f9f;
    margin-left: 15px;
}

.adytrans-summary-strip[b-4fp8p2n7aq] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 10px;
}

.adytrans-summary-card[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #f8faf7 0%, #eef4ea 100%);
    border: 1px solid #dfe8d7;
    border-radius: 12px;
    padding: 10px 12px;
}

.adytrans-optimization-history[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    display: grid;
    gap: 8px;
    grid-column: span 2;
    grid-template-columns: minmax(0, 1fr) 120px;
    padding: 10px 12px;
}

.adytrans-optimization-history span[b-4fp8p2n7aq],
.adytrans-optimization-history small[b-4fp8p2n7aq] {
    color: #42627f;
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.adytrans-optimization-history strong[b-4fp8p2n7aq] {
    color: #002b66;
    display: block;
    font-size: 20px;
    line-height: 1.15;
    margin: 4px 0;
}

.adytrans-optimization-history small[b-4fp8p2n7aq] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.adytrans-summary-card span[b-4fp8p2n7aq] {
    color: #596654;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.adytrans-summary-card strong[b-4fp8p2n7aq] {
    color: #1f2a1d;
    display: block;
    font-size: 20px;
    line-height: 1.15;
    margin-top: 4px;
}

.adytrans-summary-card-warning[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border-color: #fed7aa;
}

.adytrans-summary-card-warning strong[b-4fp8p2n7aq] {
    color: #9a3412;
}

.adytrans-summary-card-info[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #bfdbfe;
}

.adytrans-summary-card-info strong[b-4fp8p2n7aq] {
    color: #075985;
}

.adytrans-summary-card-success[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border-color: #86efac;
}

.adytrans-summary-card-success strong[b-4fp8p2n7aq] {
    color: #047857;
}

.adytrans-decision-strip[b-4fp8p2n7aq] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 10px;
}

.adytrans-decision-strip > div[b-4fp8p2n7aq] {
    background: #fff;
    border: 1px solid #d6e5f4;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(16, 42, 84, 0.05);
    padding: 10px 12px;
}

.adytrans-decision-strip strong[b-4fp8p2n7aq] {
    color: #002b66;
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}

.adytrans-decision-strip span[b-4fp8p2n7aq] {
    color: #415160;
    display: block;
    font-size: 12px;
    line-height: 1.35;
}

.adytrans-result-warning[b-4fp8p2n7aq] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    color: #9a3412;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.adytrans-result-warning strong[b-4fp8p2n7aq] {
    font-size: 13px;
}

.adytrans-result-warning span[b-4fp8p2n7aq] {
    font-size: 12px;
    word-break: break-word;
}

.adytrans-vehicle-route-board[b-4fp8p2n7aq] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    margin-bottom: 10px;
}

.adytrans-vehicle-route-card[b-4fp8p2n7aq] {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid #d6e5f4;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(16, 42, 84, 0.07);
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 12px;
}

.adytrans-vehicle-route-card-locked[b-4fp8p2n7aq] {
    background: linear-gradient(180deg, #f7fffb 0%, #effcf5 100%);
    border-color: #9ae6b4;
    box-shadow: 0 12px 28px rgba(4, 120, 87, .09);
}

.adytrans-vehicle-route-card-header[b-4fp8p2n7aq] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.adytrans-vehicle-route-card-header span[b-4fp8p2n7aq],
.adytrans-vehicle-route-metrics span[b-4fp8p2n7aq],
.adytrans-vehicle-load-caption span[b-4fp8p2n7aq] {
    color: #5a6f8a;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.adytrans-vehicle-route-card-header strong[b-4fp8p2n7aq] {
    color: #002b66;
    display: block;
    font-size: 18px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adytrans-route-group-badge[b-4fp8p2n7aq] {
    align-items: center;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: 12px;
    color: #047857;
    display: inline-flex;
    gap: 8px;
    max-width: 210px;
    padding: 7px 10px;
}

.adytrans-route-group-badge > span[b-4fp8p2n7aq] {
    align-items: center;
    background: #059669;
    border-radius: 9px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.adytrans-route-group-badge strong[b-4fp8p2n7aq] {
    color: #065f46;
    font-size: 12px;
    line-height: 1.05;
}

.adytrans-route-group-badge small[b-4fp8p2n7aq] {
    color: #047857;
    display: block;
    font-size: 11px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adytrans-map-action-button[b-4fp8p2n7aq] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b7d6f0;
    border-radius: 10px;
    box-shadow: 0 6px 14px rgba(16, 42, 84, .08);
    color: #00569d;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    letter-spacing: .01em;
    line-height: 1;
    min-height: 32px;
    padding: 7px 10px;
    text-transform: none;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
    white-space: nowrap;
}

.adytrans-map-action-button:not(:disabled):hover[b-4fp8p2n7aq] {
    background: #edf7ff;
    border-color: #6fb1e7;
    box-shadow: 0 9px 18px rgba(16, 42, 84, .12);
    transform: translateY(-1px);
}

.adytrans-map-action-button:active[b-4fp8p2n7aq] {
    transform: translateY(0);
}

.adytrans-map-action-button-secondary[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #ffffff 0%, #eef7ff 100%);
    border: 1px solid #b8d7f0;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .08);
    color: #004f8f;
}

.adytrans-map-action-button-secondary:not(:disabled):hover[b-4fp8p2n7aq] {
    box-shadow: 0 12px 24px rgba(16, 42, 84, .13);
}

.adytrans-map-action-icon[b-4fp8p2n7aq] {
    align-items: center;
    background: #dff1ff;
    border-radius: 8px;
    color: #0060a8;
    display: inline-flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.adytrans-map-action-button-secondary .adytrans-map-action-icon[b-4fp8p2n7aq] {
    background: #dff1ff;
    color: #0060a8;
}

.adytrans-vehicle-route-metrics[b-4fp8p2n7aq] {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.adytrans-vehicle-route-metrics > div[b-4fp8p2n7aq] {
    background: #eef6ff;
    border: 1px solid #d5e8f8;
    border-radius: 11px;
    padding: 7px 8px;
}

.adytrans-vehicle-route-metrics strong[b-4fp8p2n7aq] {
    color: #0d3f73;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
}

@media (max-width: 1100px) {
    .adytrans-decision-strip[b-4fp8p2n7aq] {
        grid-template-columns: 1fr;
    }
}

.adytrans-vehicle-load-bar[b-4fp8p2n7aq] {
    background: #e7eef6;
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.adytrans-vehicle-load-bar > div[b-4fp8p2n7aq] {
    background: linear-gradient(90deg, #16a34a 0%, #eab308 70%, #dc2626 100%);
    border-radius: inherit;
    height: 100%;
    transition: width .2s ease;
}

.adytrans-vehicle-load-caption[b-4fp8p2n7aq] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.adytrans-vehicle-load-caption strong[b-4fp8p2n7aq] {
    color: #002b66;
}

.adytrans-route-timeline[b-4fp8p2n7aq] {
    border-top: 1px solid #dce8f5;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 8px;
}

.adytrans-route-stop-preview[b-4fp8p2n7aq] {
    align-items: center;
    background: #fff;
    border: 1px solid #d9e7f5;
    border-radius: 12px;
    color: inherit;
    display: grid;
    gap: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 7px 8px;
    text-align: left;
}

.adytrans-route-stop-preview:hover[b-4fp8p2n7aq] {
    border-color: #93c5fd;
    box-shadow: 0 8px 18px rgba(20, 78, 135, .10);
}

.adytrans-route-stop-preview > span[b-4fp8p2n7aq] {
    align-items: center;
    background: #005aa8;
    border-radius: 9px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.adytrans-route-stop-preview strong[b-4fp8p2n7aq] {
    color: #18334f;
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adytrans-route-stop-preview small[b-4fp8p2n7aq] {
    color: #64748b;
    display: block;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adytrans-route-more[b-4fp8p2n7aq] {
    background: #eef6ff;
    border: 1px solid #cfe4f8;
    border-radius: 10px;
    color: #42627f;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 8px;
    text-align: center;
}

.adytrans-route-more:hover[b-4fp8p2n7aq] {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #003b7a;
}

.adytrans-grid-panel[b-4fp8p2n7aq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.adytrans-grid-toolbar[b-4fp8p2n7aq] {
    align-items: center;
    background: linear-gradient(180deg, #fbfcfd 0%, #f3f6f8 100%);
    border: 1px solid #d9e1e7;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 14px;
    position: sticky;
    top: 0;
    z-index: 2;
}

.adytrans-grid-toolbar-actions[b-4fp8p2n7aq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.adytrans-grid-toolbar-status[b-4fp8p2n7aq] {
    color: #415160;
    font-size: 13px;
    font-weight: 600;
}

.adytrans-created-groups-note[b-4fp8p2n7aq] {
    align-items: center;
    background: linear-gradient(135deg, #ecfdf5 0%, #f7fffb 100%);
    border: 1px solid #86efac;
    border-radius: 12px;
    color: #065f46;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.adytrans-created-groups-note strong[b-4fp8p2n7aq] {
    color: #047857;
}

[b-4fp8p2n7aq] .adytrans-result-group-open,
[b-4fp8p2n7aq] .adytrans-result-group-created {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    min-height: 26px;
    padding: 5px 10px;
    white-space: nowrap;
}

[b-4fp8p2n7aq] .adytrans-result-group-open {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

[b-4fp8p2n7aq] .adytrans-result-group-created {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #047857;
}

.adytrans-grid-shell[b-4fp8p2n7aq] {
    background: #fff;
    border: 1px solid #d9e1e7;
    border-radius: 14px;
    max-height: calc(62vh / var(--jump-zoom, 1));
    overflow: auto;
    padding: 6px;
}

.adytrans-grid-inner[b-4fp8p2n7aq] {
    min-width: 1450px;
}

.adytrans-vehicles-grid[b-4fp8p2n7aq] {
    min-width: 1430px;
}

.adytrans-grid-select-caption[b-4fp8p2n7aq] {
    color: #4e5d6c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.adytrans-actions-stack[b-4fp8p2n7aq] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.adytrans-page[b-4fp8p2n7aq] {
    min-height: calc(100vh / var(--jump-zoom, 1) - 56px);
}

.adytrans-shell-grid[b-4fp8p2n7aq] {
    gap: 6px;
}

.adytrans-top-grid[b-4fp8p2n7aq] {
    margin-bottom: 4px;
}

.adytrans-main-section[b-4fp8p2n7aq] {
    padding: 0;
}

.adytrans-main-card[b-4fp8p2n7aq] {
    min-height: 100%;
    padding: 6px 8px;
}

[b-4fp8p2n7aq] .adytrans-planning-section .jump-form-section-title {
    margin-bottom: 4px;
}

[b-4fp8p2n7aq] .adytrans-workbench-card .jump-form-card-header {
    margin-bottom: 6px;
}

[b-4fp8p2n7aq] .adytrans-workbench-card .jump-form-card-title {
    margin-bottom: 0;
}

.adytrans-workbench-grid[b-4fp8p2n7aq] {
    align-items: end;
}

.adytrans-form-control[b-4fp8p2n7aq],
[b-4fp8p2n7aq] .adytrans-main-code-field .form-control,
[b-4fp8p2n7aq] .adytrans-workbench-card .form-control {
    min-height: 38px;
}

.adytrans-main-code-field[b-4fp8p2n7aq],
[b-4fp8p2n7aq] .adytrans-main-code-field,
.adytrans-main-code-field[b-4fp8p2n7aq]  .control-f4-root,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-combobox,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-editor,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-input,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-f4-button,
[b-4fp8p2n7aq] .adytrans-main-code-field .control-f4-root,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-combobox,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-editor,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-input,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-f4-button,
[b-4fp8p2n7aq] .adytrans-main-code-field .form-control,
[b-4fp8p2n7aq] .adytrans-main-code-field .dxbl-text-edit,
[b-4fp8p2n7aq] .adytrans-main-code-field .dxbl-text-edit-input,
.adytrans-form-control[b-4fp8p2n7aq] {
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box;
}

.adytrans-main-code-field[b-4fp8p2n7aq]  .control-f4-root,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-combobox,
[b-4fp8p2n7aq] .adytrans-main-code-field .control-f4-root,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-combobox {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}

.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-editor,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-editor {
    align-items: center !important;
    border-radius: 7px !important;
}

.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-label,
.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-label-error,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-label,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-label-error {
    display: none !important;
    width: 0 !important;
}

.adytrans-main-code-field[b-4fp8p2n7aq]  .ctlf4-native-input,
[b-4fp8p2n7aq] .adytrans-main-code-field .ctlf4-native-input {
    line-height: 38px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq] {
    min-width: 100%;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq],
[b-4fp8p2n7aq] .adytrans-logistic-center-field,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .control-f4-root,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-combobox,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-editor,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-input,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-f4-button,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .control-f4-root,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-combobox,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-editor,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-input,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-f4-button {
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq]  .control-f4-root,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-combobox,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .control-f4-root,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-combobox {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-editor,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-editor {
    align-items: center !important;
    border-radius: 7px !important;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-label,
.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-label-error,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-label,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-label-error {
    display: none !important;
    width: 0 !important;
}

.adytrans-logistic-center-field[b-4fp8p2n7aq]  .ctlf4-native-input,
[b-4fp8p2n7aq] .adytrans-logistic-center-field .ctlf4-native-input {
    line-height: 38px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.adytrans-inline-summary[b-4fp8p2n7aq] {
    align-items: stretch;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: 100%;
}

.adytrans-inline-summary > div[b-4fp8p2n7aq] {
    background: linear-gradient(180deg, #f7fbff 0%, #edf4fb 100%);
    border: 1px solid #d7e5f4;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 38px;
    padding: 5px 8px;
}

.adytrans-inline-summary span[b-4fp8p2n7aq] {
    color: #5a6f8a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
}

.adytrans-inline-summary strong[b-4fp8p2n7aq] {
    color: #002b66;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 3px;
}

.adytrans-tolls-option[b-4fp8p2n7aq] {
    min-height: 38px;
}

.adytrans-tolls-card[b-4fp8p2n7aq] {
    align-items: center;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
    border: 1px solid #cfdced;
    border-radius: 14px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 38px;
    padding: 4px 9px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.adytrans-tolls-card:hover[b-4fp8p2n7aq] {
    border-color: #8ab7e3;
    box-shadow: 0 10px 20px rgba(0, 90, 168, .10);
    transform: translateY(-1px);
}

.adytrans-tolls-card-active[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #edf8ef 0%, #e2f6e8 100%);
    border-color: #91d7a7;
}

.adytrans-tolls-switch[b-4fp8p2n7aq] {
    align-items: center;
    background: #7b8fa5;
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 900;
    height: 26px;
    justify-content: center;
    letter-spacing: .04em;
}

.adytrans-tolls-card-active .adytrans-tolls-switch[b-4fp8p2n7aq] {
    background: #159447;
}

.adytrans-tolls-card strong[b-4fp8p2n7aq] {
    color: #002b66;
    display: block;
    font-size: 12px;
    line-height: 1.1;
}

.adytrans-tolls-card small[b-4fp8p2n7aq] {
    color: #58708a;
    display: block;
    font-size: 10px;
    line-height: 1.05;
    margin-top: 1px;
}

.adytrans-readiness[b-4fp8p2n7aq] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    margin-top: 8px;
    padding: 7px 10px;
}

.adytrans-readiness strong[b-4fp8p2n7aq] {
    font-size: 12px;
    white-space: nowrap;
}

.adytrans-readiness span[b-4fp8p2n7aq] {
    font-size: 12px;
}

.adytrans-readiness-ready[b-4fp8p2n7aq] {
    background: #edf8ef;
    border: 1px solid #bfe4c5;
    color: #1d6b31;
}

.adytrans-readiness-warning[b-4fp8p2n7aq] {
    background: #fff8e9;
    border: 1px solid #f0d69a;
    color: #73520b;
}

.adytrans-empty-state[b-4fp8p2n7aq] {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
    border: 1px dashed #b9cee4;
    border-radius: 12px;
    color: #4b6178;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 92px;
    justify-content: center;
    padding: 18px;
    text-align: center;
}

.adytrans-empty-state strong[b-4fp8p2n7aq] {
    color: #003b7a;
    font-size: 14px;
}

.adytrans-empty-state span[b-4fp8p2n7aq] {
    font-size: 13px;
}

.adytrans-summary-card-block[b-4fp8p2n7aq] {
    min-height: 100%;
    padding: 8px 10px;
}

.adytrans-summary-card-block .jump-form-summary-row[b-4fp8p2n7aq] {
    padding: 6px 0;
}

.adytrans-main-action[b-4fp8p2n7aq] {
    align-items: stretch;
    display: flex;
    height: 100%;
}

.adytrans-optimize-button[b-4fp8p2n7aq] {
    align-items: center;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .38), transparent 34%),
        linear-gradient(135deg, #0077d9 0%, #004f9e 48%, #00386f 100%);
    border: 0;
    border-radius: 18px;
    box-shadow: 0 16px 30px rgba(0, 80, 150, .26), inset 0 1px 0 rgba(255, 255, 255, .28);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    min-width: 144px;
    min-height: 92px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    width: 100%;
}

.adytrans-optimize-button[b-4fp8p2n7aq]::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .24), transparent);
    content: "";
    height: 160%;
    left: -70%;
    position: absolute;
    top: -30%;
    transform: rotate(18deg);
    transition: left .35s ease;
    width: 46%;
}

.adytrans-optimize-button-icon[b-4fp8p2n7aq] {
    align-items: center;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    display: flex;
    font-size: 17px;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    line-height: 1;
    width: 30px;
}

.adytrans-optimize-button-text[b-4fp8p2n7aq] {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.1;
}

.adytrans-optimize-button-subtext[b-4fp8p2n7aq] {
    color: rgba(255, 255, 255, .78);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
}

.adytrans-optimize-button:not(:disabled):hover[b-4fp8p2n7aq] {
    box-shadow: 0 20px 38px rgba(0, 80, 150, .34), inset 0 1px 0 rgba(255, 255, 255, .34);
    filter: saturate(1.06);
    transform: translateY(-2px);
}

.adytrans-optimize-button:not(:disabled):hover[b-4fp8p2n7aq]::after {
    left: 120%;
}

.adytrans-optimize-button:disabled[b-4fp8p2n7aq] {
    background: linear-gradient(135deg, #d8e2ec 0%, #b7c7d7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
    color: #f7fbff;
    cursor: not-allowed;
    opacity: .88;
}

.adytrans-optimize-button:disabled .adytrans-optimize-button-subtext[b-4fp8p2n7aq] {
    color: rgba(255, 255, 255, .7);
}

.adytrans-tabs-host[b-4fp8p2n7aq] {
    margin-top: 6px;
}

.adytrans-tabs-host .jump-form-tabs-section[b-4fp8p2n7aq] {
    margin-bottom: 0;
}

.adytrans-tabs-section[b-4fp8p2n7aq] {
    border-color: #cfdced;
    box-shadow: 0 10px 24px rgba(16, 42, 84, 0.05);
}

.adytrans-tabs-section .jump-form-tabs-strip[b-4fp8p2n7aq] {
    background: linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
    padding: 4px 8px 0;
}

.adytrans-tabs-section .jump-form-tabs-body[b-4fp8p2n7aq] {
    padding: 6px 8px 8px;
}

[b-4fp8p2n7aq] .adytrans-loads-card .jump-form-card-body {
    padding-bottom: 6px;
}

[b-4fp8p2n7aq] .adytrans-page .jump-form-shell-grid,
[b-4fp8p2n7aq] .adytrans-page .jump-form-sections-grid {
    gap: 6px !important;
}

[b-4fp8p2n7aq] .adytrans-page .jump-form-page-header,
[b-4fp8p2n7aq] .adytrans-page .entity-header,
[b-4fp8p2n7aq] .adytrans-page .entity-header-wrapper {
    margin-bottom: 4px;
}

[b-4fp8p2n7aq] .adytrans-page .jump-form-section {
    margin-bottom: 6px;
}

[b-4fp8p2n7aq] .adytrans-page .jump-form-card {
    box-shadow: 0 8px 18px rgba(16, 42, 84, 0.04);
}

.jump-form-tab-body[b-4fp8p2n7aq] {
    display: block;
}

.adytrans-parameters-grid[b-4fp8p2n7aq] {
    align-items: stretch;
}

.adytrans-grid-panel .adytrans-grid-toolbar[b-4fp8p2n7aq],
.adytrans-loads-panel .adytrans-loads-toolbar[b-4fp8p2n7aq] {
    padding: 8px 10px;
}

.adytrans-grid-shell[b-4fp8p2n7aq],
.adytrans-loads-grid-shell[b-4fp8p2n7aq] {
    padding: 6px;
}

.adytrans-loads-panel[b-4fp8p2n7aq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.adytrans-loads-toolbar[b-4fp8p2n7aq] {
    align-items: center;
    background: linear-gradient(180deg, #fbfcfd 0%, #f3f7fb 100%);
    border: 1px solid #d7e2ee;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 8px 10px;
}

.adytrans-loads-toolbar-actions[b-4fp8p2n7aq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.adytrans-loads-toolbar-status[b-4fp8p2n7aq] {
    color: #29445f;
    font-size: 13px;
    font-weight: 700;
}

.adytrans-loads-grid-shell[b-4fp8p2n7aq] {
    background: #fff;
    border: 1px solid #d7e2ee;
    border-radius: 14px;
    max-height: calc(100vh / var(--jump-zoom, 1) - 330px);
    min-height: 340px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable both-edges;
    scroll-behavior: smooth;
}

.adytrans-loads-grid-inner[b-4fp8p2n7aq] {
    width: max-content;
}

.adytrans-loads-select-caption[b-4fp8p2n7aq] {
    color: #4e5d6c;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-table,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-table {
    width: max-content;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-header-row,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-header-row {
    background: #f3f7fb;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-header-cell,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-header-cell {
    color: #003b7a;
    font-weight: 800;
    white-space: nowrap;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-cell,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-cell {
    white-space: nowrap;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-table tbody tr > td:first-child,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-table tbody tr > td:first-child {
    background: #f3fbff !important;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-selected-row,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-selected-row,
[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-focused-row,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-focused-row,
[b-4fp8p2n7aq] .adytrans-loads-grid tr[aria-selected="true"],
[b-4fp8p2n7aq] .adytrans-result-grid tr[aria-selected="true"] {
    background: linear-gradient(90deg, #dff4ff 0%, #eef9ff 100%) !important;
    color: #003b7a !important;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-selected-row .dxbl-grid-cell,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-selected-row .dxbl-grid-cell,
[b-4fp8p2n7aq] .adytrans-loads-grid tr[aria-selected="true"] .dxbl-grid-cell,
[b-4fp8p2n7aq] .adytrans-result-grid tr[aria-selected="true"] .dxbl-grid-cell {
    background: transparent !important;
    border-bottom-color: #9bd8ff !important;
    color: #003b7a !important;
}

[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-selected-row .dxbl-grid-selection-cell,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-selected-row .dxbl-grid-selection-cell,
[b-4fp8p2n7aq] .adytrans-loads-grid .dxbl-grid-selected-row .dxbl-grid-fixed-cell,
[b-4fp8p2n7aq] .adytrans-result-grid .dxbl-grid-selected-row .dxbl-grid-fixed-cell,
[b-4fp8p2n7aq] .adytrans-loads-grid tr[aria-selected="true"] > td:first-child,
[b-4fp8p2n7aq] .adytrans-result-grid tr[aria-selected="true"] > td:first-child,
[b-4fp8p2n7aq] .adytrans-loads-grid tr[aria-selected="true"] .dxbl-grid-cell:first-child,
[b-4fp8p2n7aq] .adytrans-result-grid tr[aria-selected="true"] .dxbl-grid-cell:first-child {
    background: #c7ecff !important;
    color: #003b7a !important;
}

@media (max-width: 1200px) {
    .adytrans-main-action[b-4fp8p2n7aq] {
        align-items: stretch;
    }
}
/* /Products/aRDC/Parque/PedidoParque/Components/ParkRequestPasteDialog.razor.rz.scp.css */
.park-request-paste-summary[b-49wmn9clsb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.park-request-paste-summary span[b-49wmn9clsb] {
    min-width: 96px;
    padding: 6px 9px;
    border: 1px solid var(--jump-dialog-border);
    border-radius: 6px;
    background: var(--jump-dialog-control-bg);
    color: var(--jump-dialog-ink);
    font-size: 12px;
    font-weight: 700;
}

.park-request-paste-issue[b-49wmn9clsb] {
    display: flex;
    gap: 6px;
    align-items: baseline;
    padding: 7px 9px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.3;
}

.park-request-paste-issue.warning[b-49wmn9clsb] {
    border: 1px solid #f2d48c;
    background: #fff8e8;
    color: #6d4c00;
}

.park-request-paste-issue.error[b-49wmn9clsb] {
    border: 1px solid #f0a4a4;
    background: #fff1f1;
    color: #8a1f1f;
}
/* /Products/aRDC/Trafego/OrdemCargaSimples/Pages/OrdemCargaSimples.razor.rz.scp.css */
.simple-load-order-layout[b-uj8k96xpme] {
    align-items: start;
}

.simple-load-order-page[b-uj8k96xpme]  .jump-form-card {
    min-height: 112px;
}

.simple-load-order-page[b-uj8k96xpme]  .jump-form-card-foot {
    margin-top: 6px;
    color: #557097;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple-load-order-issues[b-uj8k96xpme] {
    display: grid;
    gap: 6px;
    margin-top: 10px;
}

.simple-load-order-issue[b-uj8k96xpme] {
    display: grid;
    grid-template-columns: 54px minmax(120px, 180px) 1fr;
    gap: 8px;
    align-items: center;
    border-left: 3px solid #7f8a99;
    background: #f7f9fb;
    padding: 7px 10px;
    font-size: 0.86rem;
}

.simple-load-order-issue.error[b-uj8k96xpme] {
    border-left-color: #cf3434;
    background: #fff4f4;
}

.simple-load-order-issue.warning[b-uj8k96xpme] {
    border-left-color: #d79b00;
    background: #fff9ec;
}

@media (max-width: 760px) {
    .simple-load-order-issue[b-uj8k96xpme] {
        grid-template-columns: 1fr;
    }

    .simple-load-order-page[b-uj8k96xpme]  .jump-form-card-foot {
        white-space: normal;
    }
}

.simple-load-order-created[b-uj8k96xpme] {
    display: grid;
    gap: 4px;
    margin-top: 10px;
}

.simple-load-order-created-title[b-uj8k96xpme] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 750;
    color: #0f5132;
}

.simple-load-order-created-title span[b-uj8k96xpme] {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #d1e7dd;
    font-size: 0.8rem;
}

.simple-load-order-created-item[b-uj8k96xpme] {
    display: grid;
    grid-template-columns: minmax(90px, 120px) 1fr;
    gap: 8px;
    align-items: center;
    border-left: 3px solid #198754;
    background: #f2faf6;
    padding: 7px 10px;
    font-size: 0.86rem;
}
/* /Products/aRDC/Trafego/PlaneamentoDesembarque/Pages/PlaneamentoDesembarque.razor.rz.scp.css */
.disembark-planning-entity-fields[b-rtpe8d1evh] {
    grid-template-columns: minmax(96px, 120px) minmax(0, 1fr);
}

.disembark-planning-footer[b-rtpe8d1evh] {
    display: flex;
    justify-content: flex-end;
    min-height: 42px;
    padding-top: 12px;
    border-top: 1px solid #dbe7f6;
}

.disembark-planning-actions[b-rtpe8d1evh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.disembark-planning-action-button[b-rtpe8d1evh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 104px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #c6d6ea;
    border-radius: 6px;
    background: #fff;
    color: #12345d;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.disembark-planning-action-button.primary[b-rtpe8d1evh] {
    border-color: #9fc5f4;
    background: #eef6ff;
    color: #0057b8;
}

.disembark-planning-action-button:hover:not(:disabled)[b-rtpe8d1evh] {
    border-color: #0057b8;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .08);
}

.disembark-planning-action-button:disabled[b-rtpe8d1evh] {
    cursor: not-allowed;
    opacity: .55;
}

.disembark-planning-action-button img[b-rtpe8d1evh] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.disembark-planning-progress[b-rtpe8d1evh] {
    position: relative;
    width: 100%;
    height: 18px;
    overflow: hidden;
    border: 1px solid #b9c8db;
    border-radius: 3px;
    background: #fff;
}

.disembark-planning-progress span[b-rtpe8d1evh] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    min-width: 80px;
    background: #2f83c7;
    animation: disembark-planning-progress-b-rtpe8d1evh 1.1s ease-in-out infinite alternate;
}

@keyframes disembark-planning-progress-b-rtpe8d1evh {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(140%);
    }
}

@media (max-width: 640px) {
    .disembark-planning-footer[b-rtpe8d1evh],
    .disembark-planning-actions[b-rtpe8d1evh] {
        justify-content: stretch;
    }

    .disembark-planning-actions[b-rtpe8d1evh] {
        width: 100%;
    }

    .disembark-planning-action-button[b-rtpe8d1evh] {
        flex: 1 1 140px;
    }
}
/* /Products/aRDC/Trafego/ViaturaArtigo/Pages/ViaturaArtigo.razor.rz.scp.css */
.vehicle-article-page-scope[b-vxf957webc] {
    container-type: inline-size;
    min-width: 0;
}

.vehicle-article-content-layout[b-vxf957webc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: calc(100vh / var(--jump-zoom, 1) - 12rem);
}

.vehicle-article-edi-footer[b-vxf957webc] {
    margin-top: auto;
}

.vehicle-article-general-columns[b-vxf957webc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
}

.vehicle-article-general-column[b-vxf957webc] {
    display: grid;
    gap: 8px;
    align-content: start;
    min-width: 0;
}

.vehicle-article-general-vertical-fields[b-vxf957webc] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.vehicle-article-general-date-sections[b-vxf957webc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
}

.vehicle-article-location-pair[b-vxf957webc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.vehicle-article-registration-fields[b-vxf957webc] {
    display: grid;
    grid-template-columns: minmax(0, 15ch) minmax(0, 10rem);
    gap: 8px;
    align-items: end;
    justify-content: start;
    width: 100%;
    min-width: 0;
}

.vehicle-article-registration-fields > .jump-form-card-field[b-vxf957webc] {
    width: 100%;
    min-width: 0;
}

.vehicle-article-registration-fields[b-vxf957webc]  .form-control {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.vehicle-article-client-fields[b-vxf957webc] {
    grid-template-columns: minmax(112px, 125px) minmax(0, 1fr);
}

.vehicle-article-identification-grid[b-vxf957webc] {
    display: grid;
    grid-template-columns: minmax(80px, .85fr) minmax(125px, 1.45fr) minmax(120px, 1.45fr) minmax(180px, 2.35fr);
    gap: 8px;
    min-width: 0;
}

.vehicle-article-identification-grid > *[b-vxf957webc] {
    min-width: 0;
}

.vehicle-article-identification-client[b-vxf957webc] {
    grid-column: 1 / span 2;
}

.vehicle-article-identification-registration[b-vxf957webc] {
    grid-column: 3 / span 2;
}

.vehicle-article-identification-grid[b-vxf957webc]  .jump-form-card,
.vehicle-article-identification-grid[b-vxf957webc]  .jump-form-card-field,
.vehicle-article-identification-grid[b-vxf957webc]  .ctlf4-Size-label,
.vehicle-article-identification-grid[b-vxf957webc]  .control-f4-root {
    min-width: 0;
}

.vehicle-article-edi-fields[b-vxf957webc] {
    display: grid;
    grid-template-columns: minmax(130px, 1.5fr) minmax(76px, .8fr) minmax(110px, 1fr) minmax(116px, 1.25fr) minmax(130px, 1.5fr);
    gap: 8px 16px;
    align-items: center;
    min-width: 0;
}

.vehicle-article-edi-fields[b-vxf957webc]  .jump-form-card-field,
.vehicle-article-edi-fields[b-vxf957webc]  .form-control,
.vehicle-article-edi-fields[b-vxf957webc]  .dxbl-combobox {
    min-width: 0;
    max-width: 100%;
}

.vehicle-article-edi-fields[b-vxf957webc]  .form-control,
.vehicle-article-edi-fields[b-vxf957webc]  .dxbl-combobox {
    width: 100%;
}

.vehicle-article-edi-fields[b-vxf957webc]  .jump-form-field-row {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 6px;
}

[b-vxf957webc] .vehicle-article-section-title-left {
    text-align: left;
}

[b-vxf957webc] .vehicle-article-chassis-new-checkbox {
    margin-top: 8px;
}

.vehicle-article-general-columns[b-vxf957webc]  .vehicle-article-general-section {
    min-width: 0;
}

.vehicle-article-general-columns[b-vxf957webc]  .vehicle-article-general-section .jump-form-card-grid-entity,
.vehicle-article-general-columns[b-vxf957webc]  .vehicle-article-general-section .ctlf4-Size-label,
.vehicle-article-general-columns[b-vxf957webc]  .vehicle-article-general-section .ctlf4,
.vehicle-article-general-columns[b-vxf957webc]  .vehicle-article-general-section .form-control {
    width: 100%;
    max-width: 100%;
}

.vehicle-article-general-section[b-vxf957webc]  .jump-form-card-grid-entity {
    grid-template-columns: minmax(85px, 100px) minmax(0, 1fr);
}

.vehicle-article-date-section[b-vxf957webc]  .jump-form-field-row {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 6px;
}

.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date {
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date::-webkit-datetime-edit,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date::-webkit-datetime-edit-text,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date::-webkit-datetime-edit-month-field,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date::-webkit-datetime-edit-day-field,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date::-webkit-datetime-edit-year-field {
    color: transparent;
    -webkit-text-fill-color: transparent;
    visibility: hidden;
}

.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus::-webkit-datetime-edit,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus::-webkit-datetime-edit-text,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus::-webkit-datetime-edit-month-field,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus::-webkit-datetime-edit-day-field,
.vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-empty-date:focus::-webkit-datetime-edit-year-field {
    color: inherit;
    -webkit-text-fill-color: inherit;
    visibility: visible;
}

@container (max-width: 1200px) {
    .vehicle-article-page-scope[b-vxf957webc]  .jump-form-sections-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .vehicle-article-page-scope[b-vxf957webc]  .vehicle-article-summary-section {
        display: none;
    }

    .vehicle-article-page-scope[b-vxf957webc]  .jump-form-sections-grid > * {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .vehicle-article-identification-grid[b-vxf957webc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vehicle-article-identification-client[b-vxf957webc],
    .vehicle-article-identification-registration[b-vxf957webc] {
        grid-column: auto;
    }

    .vehicle-article-general-columns[b-vxf957webc],
    .vehicle-article-general-date-sections[b-vxf957webc],
    .vehicle-article-location-pair[b-vxf957webc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vehicle-article-edi-fields[b-vxf957webc] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px;
    }

    .vehicle-article-registration-fields[b-vxf957webc] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 8.5rem);
    }

    .vehicle-article-page-scope[b-vxf957webc]  .jump-form-tabs-strip {
        scrollbar-width: thin;
    }

    .vehicle-article-page-scope[b-vxf957webc]  .jump-form-tabs-strip::-webkit-scrollbar {
        height: 6px;
    }
}

@container (max-width: 650px) {
    .vehicle-article-edi-fields[b-vxf957webc] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@container (max-width: 480px) {
    .vehicle-article-edi-fields[b-vxf957webc],
    .vehicle-article-registration-fields[b-vxf957webc] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

.vehicle-article-customs-stack[b-vxf957webc] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.vehicle-article-customs-column[b-vxf957webc] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.vehicle-article-clearance-grid[b-vxf957webc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: end;
    justify-content: stretch;
    width: 100%;
}

.vehicle-article-clearance-grid[b-vxf957webc]  .jump-form-card-field {
    width: 100%;
}

.vehicle-article-guide-row[b-vxf957webc] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 8px;
    align-items: end;
}

.vehicle-article-delivery-action[b-vxf957webc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vehicle-article-delivery-action > span[b-vxf957webc] {
    color: var(--jump-form-label-color, #486493);
}

.vehicle-article-guide-row[b-vxf957webc]  .dxbl-btn,
.vehicle-article-customs-column[b-vxf957webc]  .ctlf4-Size-label,
.vehicle-article-customs-column[b-vxf957webc]  .ctlf4-label {
    width: 100%;
    max-width: 100%;
}

.vehicle-article-customs-column[b-vxf957webc]  .vehicle-article-wide-field {
    width: min(100%, 620px);
}

.vehicle-article-customs-column[b-vxf957webc]  .ctlf4-label {
    width: 0;
}

.vehicle-article-customs-column[b-vxf957webc]  .form-control,
.vehicle-article-customs-column textarea[b-vxf957webc] {
    width: 100%;
}

@media (max-width: 1400px) {
    .vehicle-article-clearance-grid[b-vxf957webc],
    .vehicle-article-guide-row[b-vxf957webc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .vehicle-article-clearance-grid[b-vxf957webc],
    .vehicle-article-guide-row[b-vxf957webc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vehicle-article-delivery-action[b-vxf957webc] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Products/aReport/DashBoards/SmartDashboardBuilder/Pages/SmartDashboardBuilder.razor.rz.scp.css */
.smart-builder-page[b-ju73f0si4e] {
    min-height: calc(100vh / var(--jump-zoom, 1) - 24px);
    /* Top and sides match the standard .app-page base margin, so the header aligns with Viagem.razor. */
    padding: 4px 12px 12px;
    background: #f4f8fc;
    color: #102033;
}

.smart-builder-toolbar[b-ju73f0si4e],
.smart-builder-card[b-ju73f0si4e] {
    background: #fff;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(16, 42, 84, 0.05);
}

.smart-builder-toolbar[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.smart-builder-toolbar h2[b-ju73f0si4e],
.smart-builder-card h3[b-ju73f0si4e] {
    margin: 0;
}

.smart-builder-toolbar h2[b-ju73f0si4e] {
    font-size: 1.2rem;
    font-weight: 800;
}

.smart-builder-toolbar span[b-ju73f0si4e],
.smart-builder-card-header span[b-ju73f0si4e],
.smart-builder-field small[b-ju73f0si4e],
.smart-builder-empty-note[b-ju73f0si4e],
.smart-builder-empty-state span[b-ju73f0si4e],
.smart-builder-feedback[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.82rem;
}

.smart-builder-toolbar-actions[b-ju73f0si4e],
.smart-builder-actions[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Sticky footer action bar inside the widget editor panel. */
.smart-builder-widget-editor-panel > .smart-builder-actions[b-ju73f0si4e] {
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e4edf7;
}

.smart-builder-toolbar-actions.compact[b-ju73f0si4e] {
    gap: 6px;
}

.smart-builder-shell[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 10px;
    transition: grid-template-columns 180ms ease;
}

.smart-builder-shell.is-sidebar-collapsed[b-ju73f0si4e] {
    grid-template-columns: 44px minmax(0, 1fr);
}

/* Keep the preview canvas in a stacking context below the sidebar so dragged/selected
   widgets (z-index:30 plus elevation shadows) never paint over the sidebar. */
.smart-builder-main[b-ju73f0si4e] {
    position: relative;
    z-index: 0;
    min-width: 0;
    /* Pack rows at the top; without this the grid stretches its rows to match the (taller,
       sticky) sidebar, which shifted the tabs bar up/down when switching tabs. */
    align-content: start;
}

/* Collapse / expand controls */
.smart-builder-sidebar-toolbar[b-ju73f0si4e] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.smart-builder-sidebar-collapse[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    background: #f8fbfe;
    color: #42546b;
    font-size: 0.78rem;
    font-weight: 700;
}

.smart-builder-sidebar-collapse:hover[b-ju73f0si4e] {
    background: #eef6ff;
    border-color: #9fc0ea;
    color: #0057b8;
}

.smart-builder-sidebar-expand[b-ju73f0si4e] {
    display: none;
}

.smart-builder-sidebar.is-collapsed .smart-builder-card[b-ju73f0si4e] {
    display: none;
}

.smart-builder-sidebar.is-collapsed .smart-builder-sidebar-expand[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    padding: 10px 0;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    box-shadow: 0 12px 30px rgba(16, 42, 84, 0.05);
    cursor: pointer;
}

.smart-builder-sidebar.is-collapsed .smart-builder-sidebar-expand:hover[b-ju73f0si4e] {
    background: #eef6ff;
    border-color: #9fc0ea;
}

.smart-builder-sidebar[b-ju73f0si4e],
.smart-builder-main[b-ju73f0si4e],
.smart-builder-summary-strip[b-ju73f0si4e],
.smart-builder-content-grid[b-ju73f0si4e],
.smart-builder-widget-list[b-ju73f0si4e],
.smart-builder-schema-grid[b-ju73f0si4e],
.smart-builder-parameter-list[b-ju73f0si4e] {
    display: grid;
    gap: 10px;
}

.smart-builder-content-grid[b-ju73f0si4e] {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 10px;
}

.smart-builder-card[b-ju73f0si4e] {
    padding: 10px;
}

/* Sidebar wizard: the recommended sequence of steps, each one still clickable. */
.smart-builder-wizard[b-ju73f0si4e] {
    display: grid;
    gap: 4px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e7eef8;
    list-style: none;
    counter-reset: none;
}

.smart-builder-wizard-step > button[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    text-align: left;
}

.smart-builder-wizard-badge[b-ju73f0si4e] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid #d7e3f3;
    border-radius: 50%;
    background: #f8fbfe;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.smart-builder-wizard-text[b-ju73f0si4e] {
    display: grid;
    min-width: 0;
}

.smart-builder-wizard-text strong[b-ju73f0si4e] {
    color: #42546b;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
}

/* The hint only matters for the step being worked on; elsewhere it would be noise. */
.smart-builder-wizard-text span[b-ju73f0si4e] {
    display: none;
    color: #7c8ba1;
    font-size: 0.68rem;
    line-height: 1.25;
}

.smart-builder-wizard-step.is-current > button[b-ju73f0si4e] {
    border-color: #9fc0ea;
    background: #eef6ff;
}

.smart-builder-wizard-step.is-current .smart-builder-wizard-badge[b-ju73f0si4e] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.smart-builder-wizard-step.is-current .smart-builder-wizard-text strong[b-ju73f0si4e] {
    color: #0057b8;
}

.smart-builder-wizard-step.is-current .smart-builder-wizard-text span[b-ju73f0si4e] {
    display: block;
}

.smart-builder-wizard-step.is-done .smart-builder-wizard-badge[b-ju73f0si4e] {
    border-color: #9ad3b8;
    background: #eafaf3;
    color: #08875d;
}

.smart-builder-wizard-step.is-pending.is-optional .smart-builder-wizard-text strong[b-ju73f0si4e] {
    color: #8698af;
}

.smart-builder-wizard-nav[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7eef8;
}

.smart-builder-wizard-progress[b-ju73f0si4e] {
    color: #7c8ba1;
    font-size: 0.72rem;
    font-weight: 700;
}

.smart-builder-card-header[b-ju73f0si4e],
.smart-builder-subsection-header[b-ju73f0si4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.smart-builder-card-header[b-ju73f0si4e] {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7eef8;
}

.smart-builder-card h3[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.92rem;
    font-weight: 850;
}

.smart-builder-field[b-ju73f0si4e],
.smart-builder-parameter-card[b-ju73f0si4e] {
    display: grid;
    gap: 4px;
}

.smart-builder-form-grid[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.smart-builder-field label[b-ju73f0si4e] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 700;
    color: #334155;
}

.smart-builder-field .dxbl-text-edit[b-ju73f0si4e],
.smart-builder-field .dxbl-memo[b-ju73f0si4e],
.smart-builder-field .dxbl-combobox[b-ju73f0si4e],
.smart-builder-field .dxbl-spin-edit[b-ju73f0si4e],
.smart-builder-parameter-card .dxbl-text-edit[b-ju73f0si4e],
.smart-builder-parameter-card .dxbl-memo[b-ju73f0si4e],
.smart-builder-parameter-card .dxbl-combobox[b-ju73f0si4e],
.smart-builder-parameter-card .dxbl-spin-edit[b-ju73f0si4e] {
    width: 100%;
}

.smart-builder-filter-suggestions[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border: 1px dashed #cfe0f4;
    border-radius: 10px;
    background: #f8fbff;
}

.smart-builder-filter-suggestions span[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 750;
}

.smart-builder-filter-suggestions button[b-ju73f0si4e] {
    border: 1px solid #cfe0f4;
    border-radius: 999px;
    background: #fff;
    color: #003d8f;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 4px 9px;
}

.smart-builder-filter-suggestions button:hover[b-ju73f0si4e] {
    border-color: #93bcea;
    background: #eef6ff;
}

.smart-builder-filter-card[b-ju73f0si4e] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f6faff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.smart-builder-filter-card:hover[b-ju73f0si4e] {
    border-color: #b9d2f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.smart-builder-filter-card-header[b-ju73f0si4e],
.smart-builder-filter-meta[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.smart-builder-filter-card-header[b-ju73f0si4e] {
    padding-bottom: 8px;
    border-bottom: 1px solid #eef3fa;
}

.smart-builder-filter-title[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.smart-builder-filter-card-header strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Coloured type glyph + badge so the filter kind is legible at a glance. */
.smart-builder-filter-icon[b-ju73f0si4e] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #fff;
    background: #64748b;
}

.smart-builder-filter-icon--text[b-ju73f0si4e] { background: #64748b; }
.smart-builder-filter-icon--number[b-ju73f0si4e] { background: #2563eb; }
.smart-builder-filter-icon--date[b-ju73f0si4e] { background: #0891b2; }
.smart-builder-filter-icon--bool[b-ju73f0si4e] { background: #16a34a; }
.smart-builder-filter-icon--id[b-ju73f0si4e] { background: #7c3aed; }

.smart-builder-filter-type-badge[b-ju73f0si4e] {
    align-self: flex-start;
    padding: 1px 8px;
    border-radius: 999px;
    background: #eef4fb;
    color: #45566d;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}

/* Visible / Obrigatorio rendered as toggle pills that highlight when on. */
.smart-builder-toggle-pill[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid #dbe7f6;
    border-radius: 999px;
    background: #fff;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.smart-builder-toggle-pill.is-on[b-ju73f0si4e] {
    border-color: #9cc2ee;
    background: #eaf3ff;
    color: #003d8f;
}

/* Collapsible filter card header. */
.smart-builder-filter-card-header[b-ju73f0si4e] {
    cursor: pointer;
    user-select: none;
}

.smart-builder-filter-card.is-collapsed[b-ju73f0si4e] {
    gap: 0;
}

.smart-builder-filter-card.is-collapsed .smart-builder-filter-card-header[b-ju73f0si4e] {
    padding-bottom: 0;
    border-bottom: none;
}

.smart-builder-filter-summary[b-ju73f0si4e] {
    font-size: 0.72rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-builder-filter-collapse-chevron[b-ju73f0si4e] {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin: 0 4px -2px 0;
    border-right: 2px solid #7089a5;
    border-bottom: 2px solid #7089a5;
    border-radius: 1px;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.smart-builder-filter-collapse-chevron.is-collapsed[b-ju73f0si4e] {
    margin-bottom: 0;
    transform: rotate(-45deg);
}

.smart-builder-filter-card-header button[b-ju73f0si4e] {
    position: relative;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #f0c2c2;
    border-radius: 8px;
    background: #fff;
    color: #991b1b;
    font-size: 0;
}

.smart-builder-filter-grid[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
    gap: 8px;
}

.smart-builder-filter-meta[b-ju73f0si4e] {
    flex-wrap: wrap;
    justify-content: space-between;
    color: #475569;
    font-size: 0.76rem;
}

.smart-builder-filter-meta label[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.smart-builder-filter-meta small[b-ju73f0si4e] {
    flex-basis: 100%;
    color: #64748b;
}

.smart-builder-check[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #334155;
    font-size: 0.82rem;
}

.smart-builder-check.compact[b-ju73f0si4e] {
    min-height: 28px;
}

.smart-builder-subsection[b-ju73f0si4e] {
    display: grid;
    gap: 8px;
    padding-top: 6px;
}

.smart-builder-collapsible[b-ju73f0si4e] {
    border: 1px solid #e4edf8;
    border-radius: 10px;
    background: #fbfdff;
}

.smart-builder-collapsible summary[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    color: #003d8f;
    cursor: pointer;
    font-weight: 800;
    list-style: none;
}

.smart-builder-collapsible summary[b-ju73f0si4e]::-webkit-details-marker {
    display: none;
}

.smart-builder-collapsible summary[b-ju73f0si4e]::after {
    content: '+';
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #eef6ff;
    color: #2f669f;
    font-size: 0.82rem;
}

.smart-builder-collapsible[open] summary[b-ju73f0si4e]::after {
    content: '-';
}

.smart-builder-collapsible summary small[b-ju73f0si4e] {
    margin-left: auto;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 500;
}

.smart-builder-empty-note[b-ju73f0si4e],
.smart-builder-empty-state[b-ju73f0si4e],
.smart-builder-feedback[b-ju73f0si4e],
.smart-builder-parameter-card[b-ju73f0si4e],
.smart-builder-field-chip[b-ju73f0si4e],
.smart-builder-widget-row[b-ju73f0si4e] {
    border: 1px solid #e4edf8;
    border-radius: 8px;
    background: #f9fbfe;
}

.smart-builder-empty-note[b-ju73f0si4e],
.smart-builder-empty-state[b-ju73f0si4e],
.smart-builder-feedback[b-ju73f0si4e],
.smart-builder-parameter-card[b-ju73f0si4e],
.smart-builder-field-chip[b-ju73f0si4e] {
    padding: 10px;
}

.smart-builder-schema-grid.compact[b-ju73f0si4e] {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 0 10px 10px;
}

.smart-builder-schema-grid.compact .smart-builder-field-chip[b-ju73f0si4e] {
    width: 100%;
    padding: 8px 10px;
    text-align: left;
    cursor: pointer;
}

.smart-builder-schema-grid.compact .smart-builder-field-chip:hover[b-ju73f0si4e] {
    border-color: #9ec5f2;
    background: #f4f9ff;
}

.smart-builder-field-chip[b-ju73f0si4e] {
    color: inherit;
}

button.smart-builder-field-chip[b-ju73f0si4e] {
    appearance: none;
}

.smart-builder-feedback.is-success[b-ju73f0si4e] {
    border-color: #bde6c8;
    background: #f2fbf4;
    color: #166534;
}

.smart-builder-feedback.is-error[b-ju73f0si4e] {
    border-color: #f0c2c2;
    background: #fff6f6;
    color: #991b1b;
}

.smart-builder-field-chip strong[b-ju73f0si4e] {
    display: block;
    color: #0f172a;
    font-size: 0.82rem;
}

.smart-builder-field-chip span[b-ju73f0si4e],
.smart-builder-field-chip small[b-ju73f0si4e] {
    display: block;
    font-size: 0.75rem;
}

.smart-builder-widget-row[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    text-align: left;
}

.smart-builder-widget-row.is-selected[b-ju73f0si4e],
.smart-dashboard-preview-cell.is-selected[b-ju73f0si4e] {
    outline: 2px solid #9fc0ea;
    outline-offset: 0;
    background: #f3f8ff;
}

.smart-builder-widget-row-actions[b-ju73f0si4e] {
    display: grid;
    justify-items: end;
    gap: 4px;
    color: #64748b;
    font-size: 0.76rem;
}

.smart-builder-selected-widget-card[b-ju73f0si4e] {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
}

.smart-builder-selected-widget-card strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.9rem;
}

.smart-builder-selected-widget-card span[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.78rem;
}

.smart-builder-template-grid[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.smart-builder-template-button[b-ju73f0si4e] {
    display: grid;
    gap: 2px;
    min-height: 58px;
    padding: 10px;
    border: 1px solid #d7e3f3;
    border-radius: 10px;
    background: linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
    color: #102033;
    text-align: left;
}

.smart-builder-template-button:hover:not(:disabled)[b-ju73f0si4e] {
    border-color: #8db8ec;
    box-shadow: 0 10px 22px rgba(0, 87, 184, 0.08);
}

.smart-builder-template-button:disabled[b-ju73f0si4e] {
    opacity: 0.55;
}

/* One phrase per row in the message widget editor: order, text and remove. */
.smart-builder-message-row[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.smart-builder-message-order[b-ju73f0si4e] {
    display: grid;
    place-items: center;
    min-height: 26px;
    border-radius: 6px;
    background: #eef6ff;
    color: #0057b8;
    font-size: 0.72rem;
    font-weight: 800;
}

/* The model card matching the widget's current type. */
.smart-builder-template-button.is-active[b-ju73f0si4e] {
    border-color: #0057b8;
    background: #eef6ff;
    box-shadow: inset 0 0 0 1px #9fc0ea;
}

.smart-builder-template-button strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.82rem;
}

.smart-builder-template-button span[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.74rem;
}

.smart-builder-widget-preview-panel[b-ju73f0si4e] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: #f8fbfe;
}

.smart-builder-widget-preview-frame[b-ju73f0si4e] {
    min-height: 180px;
    max-height: 260px;
    overflow: hidden;
    border: 1px solid #dbe7f6;
    border-radius: 10px;
    background: #fff;
}

.smart-dashboard-preview-grid[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 96px;
    gap: 14px;
    align-items: stretch;
}

.smart-dashboard-preview-cell[b-ju73f0si4e] {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.smart-dashboard-preview-cell[b-ju73f0si4e]  .smart-dashboard-widget {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.smart-dashboard-preview-cell[b-ju73f0si4e]  .smart-dashboard-kpi,
.smart-dashboard-preview-cell[b-ju73f0si4e]  .smart-dashboard-gauge,
.smart-dashboard-preview-cell[b-ju73f0si4e]  .smart-dashboard-progress {
    min-height: 0;
}

.smart-dashboard-preview-cell:hover[b-ju73f0si4e] {
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.smart-dashboard-preview-cell.is-drop-target[b-ju73f0si4e] {
    outline: 2px solid #2f80ed;
    outline-offset: 3px;
    box-shadow: 0 18px 42px rgba(47, 128, 237, 0.20);
    transform: scale(0.992);
}

.smart-dashboard-preview-grid.is-widget-dragging[b-ju73f0si4e] {
    cursor: grabbing;
}

.smart-dashboard-preview-grid.is-widget-dragging .smart-dashboard-preview-cell:not(.is-pointer-editing)[b-ju73f0si4e] {
    transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 160ms ease, opacity 160ms ease;
}

.smart-dashboard-preview-cell.is-pointer-editing[b-ju73f0si4e] {
    z-index: 30;
    opacity: 0.98;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.20);
    transition: none;
    transform-origin: center;
    will-change: transform, width, height;
    pointer-events: none;
}

.smart-builder-widget-drag-handle[b-ju73f0si4e] {
    position: absolute;
    top: 8px;
    right: 42px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #d7e4f4;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    color: #2f669f;
    cursor: grab;
    font-size: 0;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.smart-builder-widget-drag-handle[b-ju73f0si4e]::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 8.5 5.5h2.4v4.6H6.5V7.7L3 11.2l3.5 3.5v-2.4h4.4v4.6H8.5L12 20.4l3.5-3.5h-2.4v-4.6h4.4v2.4l3.5-3.5-3.5-3.5v2.4h-4.4V5.5h2.4L12 2z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 8.5 5.5h2.4v4.6H6.5V7.7L3 11.2l3.5 3.5v-2.4h4.4v4.6H8.5L12 20.4l3.5-3.5h-2.4v-4.6h4.4v2.4l3.5-3.5-3.5-3.5v2.4h-4.4V5.5h2.4L12 2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.smart-builder-widget-drag-handle:active[b-ju73f0si4e] {
    cursor: grabbing;
}

.smart-dashboard-preview-cell:hover .smart-builder-widget-drag-handle[b-ju73f0si4e],
.smart-dashboard-preview-cell.is-selected .smart-builder-widget-drag-handle[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-widget-remove-button[b-ju73f0si4e] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #f0c2c2;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.94);
    color: #991b1b;
    font-size: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.smart-builder-widget-remove-button[b-ju73f0si4e]::before,
.smart-builder-widget-remove-button[b-ju73f0si4e]::after,
.smart-builder-icon-remove[b-ju73f0si4e]::before,
.smart-builder-icon-remove[b-ju73f0si4e]::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.smart-builder-widget-remove-button[b-ju73f0si4e]::before,
.smart-builder-icon-remove[b-ju73f0si4e]::before {
    transform: rotate(45deg);
}

.smart-builder-widget-remove-button[b-ju73f0si4e]::after,
.smart-builder-icon-remove[b-ju73f0si4e]::after {
    transform: rotate(-45deg);
}

.smart-dashboard-preview-cell:hover .smart-builder-widget-remove-button[b-ju73f0si4e],
.smart-dashboard-preview-cell.is-selected .smart-builder-widget-remove-button[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-widget-canvas-actions[b-ju73f0si4e] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.smart-dashboard-preview-cell:hover .smart-builder-widget-canvas-actions[b-ju73f0si4e],
.smart-dashboard-preview-cell.is-selected .smart-builder-widget-canvas-actions[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-widget-canvas-actions button[b-ju73f0si4e] {
    min-width: 28px;
    height: 26px;
    border: 1px solid #c8d8ec;
    border-radius: 7px;
    background: #fff;
    color: #003d8f;
    font-size: 0.72rem;
    font-weight: 800;
}

.smart-builder-widget-resize-handle[b-ju73f0si4e] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 16px;
    height: 16px;
    cursor: nwse-resize;
    border-right: 3px solid #8db8ec;
    border-bottom: 3px solid #8db8ec;
    border-radius: 0 0 6px 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.smart-dashboard-preview-cell:hover .smart-builder-widget-resize-handle[b-ju73f0si4e],
.smart-dashboard-preview-cell.is-selected .smart-builder-widget-resize-handle[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-modal-backdrop[b-ju73f0si4e] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.48);
}

.smart-builder-widget-modal[b-ju73f0si4e] {
    position: relative;
    z-index: 10001;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1420px, calc(100vw / var(--jump-zoom, 1) - 48px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: hidden;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #f4f8fc;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.32);
}

.smart-builder-import-modal[b-ju73f0si4e] {
    position: relative;
    z-index: 10001;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 48px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: hidden;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.32);
}

.smart-builder-import-body[b-ju73f0si4e] {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.smart-builder-modal-header[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #dbe7f6;
    background: #fff;
}

.smart-builder-modal-header h3[b-ju73f0si4e] {
    margin: 0;
    color: #003d8f;
    font-size: 1rem;
    font-weight: 850;
}

.smart-builder-modal-header span[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.82rem;
}

.smart-builder-widget-modal-body[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 12px;
    min-height: 0;
    padding: 12px;
}

.smart-builder-widget-live-preview[b-ju73f0si4e],
.smart-builder-widget-editor-panel[b-ju73f0si4e] {
    min-height: 0;
    overflow: auto;
    border: 1px solid #dbe7f6;
    border-radius: 14px;
    background: #fff;
}

.smart-builder-widget-live-preview[b-ju73f0si4e] {
    padding: 12px;
}

.smart-builder-widget-editor-panel[b-ju73f0si4e] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    align-content: stretch;
    gap: 10px;
    padding: 12px;
    overflow: hidden;
}

/* In-panel tab strip (segmented control) to split the long form into sections. */
.smart-builder-editor-tabs[b-ju73f0si4e] {
    display: flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: #eef4fb;
}

.smart-builder-editor-tab[b-ju73f0si4e] {
    flex: 1;
    padding: 7px 6px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: #45566d;
    font-size: 0.8rem;
    font-weight: 750;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.smart-builder-editor-tab:hover[b-ju73f0si4e] {
    color: #003d8f;
}

.smart-builder-editor-tab.is-active[b-ju73f0si4e] {
    background: #fff;
    color: #003d8f;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

/* The scrollable body between the tab strip and the sticky action bar. */
.smart-builder-editor-scroll[b-ju73f0si4e] {
    min-height: 0;
    overflow-y: auto;
    display: grid;
    align-content: start;
    gap: 12px;
    padding-right: 4px;
}

/* Each logical block within a section: a soft card so related fields read as a unit. */
.smart-builder-editor-group[b-ju73f0si4e] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e4edf7;
    border-radius: 12px;
    background: #fbfdff;
}

.smart-builder-modal-presets[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.smart-builder-indicator-strip[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: #f8fbfe;
}

.smart-builder-indicator-strip button[b-ju73f0si4e] {
    padding: 6px 9px;
    border: 1px solid #d7e3f3;
    border-radius: 999px;
    background: #fff;
    color: #003d8f;
    font-size: 0.75rem;
    font-weight: 750;
}

.smart-builder-indicator-strip button:hover[b-ju73f0si4e] {
    border-color: #8db8ec;
    background: #eef6ff;
}

.smart-builder-widget-studio[b-ju73f0si4e],
.smart-builder-field-suggestions[b-ju73f0si4e] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
}

.smart-builder-widget-studio strong[b-ju73f0si4e],
.smart-builder-field-suggestions strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.88rem;
}

.smart-builder-widget-studio span[b-ju73f0si4e],
.smart-builder-field-suggestions span[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.76rem;
}

.smart-builder-widget-pipeline[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.smart-builder-widget-pipeline span[b-ju73f0si4e] {
    padding: 7px 8px;
    border: 1px solid #e4edf8;
    border-radius: 8px;
    background: #fff;
}

.smart-builder-field-suggestion-list[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.smart-builder-field-suggestion-list button[b-ju73f0si4e] {
    display: grid;
    gap: 1px;
    min-width: 112px;
    padding: 7px 9px;
    border: 1px solid #d7e3f3;
    border-radius: 9px;
    background: #fff;
    text-align: left;
}

.smart-builder-field-suggestion-list button:hover[b-ju73f0si4e] {
    border-color: #8db8ec;
    background: #f3f8ff;
}

.smart-builder-table-shell[b-ju73f0si4e] {
    max-height: 320px;
    overflow: auto;
    border: 1px solid #e4edf8;
    border-radius: 8px;
    background: #fff;
}

.smart-builder-empty-state strong[b-ju73f0si4e],
.smart-builder-empty-note[b-ju73f0si4e] {
    font-size: 0.82rem;
}

.smart-builder-sidebar[b-ju73f0si4e] {
    align-content: start;
    position: sticky;
    top: 10px;
    align-self: start;
    /* Above the preview canvas (main is z-index:0, dragging widgets are z-index:30). */
    z-index: 50;
}

.smart-builder-main > .smart-builder-card:first-child[b-ju73f0si4e] {
    min-height: 280px;
}

.smart-builder-tabs[b-ju73f0si4e] {
    min-width: 0;
}

.smart-builder-tab-body[b-ju73f0si4e] {
    display: grid;
    gap: 10px;
    padding-top: 4px;
}

.smart-builder-card-header.compact[b-ju73f0si4e] {
    margin-bottom: 4px;
    padding-bottom: 0;
    border-bottom: 0;
}

.smart-builder-summary-strip[b-ju73f0si4e] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.smart-builder-summary-pill[b-ju73f0si4e] {
    padding: 10px 12px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16, 42, 84, 0.05);
}

.smart-builder-summary-pill span[b-ju73f0si4e] {
    display: block;
    color: #64748b;
    font-size: 0.74rem;
}

.smart-builder-summary-pill strong[b-ju73f0si4e] {
    display: block;
    margin-top: 4px;
    color: #003d8f;
    font-size: 0.92rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-builder-global-filter-bar[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16, 42, 84, 0.05);
}

.smart-builder-global-filter-bar strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.82rem;
}

.smart-builder-global-filter-bar button[b-ju73f0si4e] {
    border: 1px solid #c8d8ec;
    border-radius: 999px;
    background: #f8fbfe;
    color: #003d8f;
    font-size: 0.76rem;
    font-weight: 750;
}

.smart-builder-global-filter-bar button.is-clear[b-ju73f0si4e] {
    color: #991b1b;
}

.smart-builder-interaction-card[b-ju73f0si4e] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    background: #f8fbfe;
}

.smart-builder-interaction-card > strong[b-ju73f0si4e] {
    color: #003d8f;
    font-size: 0.86rem;
}

@media (max-width: 1380px) {
    .smart-builder-shell[b-ju73f0si4e],
    .smart-builder-content-grid[b-ju73f0si4e],
    .smart-builder-form-grid[b-ju73f0si4e],
    .smart-builder-summary-strip[b-ju73f0si4e] {
        grid-template-columns: 1fr;
    }

    .smart-builder-sidebar[b-ju73f0si4e] {
        position: static;
    }

    .smart-builder-widget-modal-body[b-ju73f0si4e] {
        grid-template-columns: 1fr;
    }
}

/* Catalog location: summary row + picker popup */
.smart-builder-location-row[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    background: #f8fbfe;
}

/* As duas localizacoes, uma por linha, a ocupar o espaco que sobra: sem isto os botoes ao lado
   partiam para duas linhas assim que o nome do menu crescia. */
.smart-builder-location-values[b-ju73f0si4e] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.smart-builder-location-row .smart-builder-toolbar-actions[b-ju73f0si4e] {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
}

.smart-builder-location-tag[b-ju73f0si4e] {
    display: inline-block;
    min-width: 62px;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.smart-builder-location-value[b-ju73f0si4e] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    color: #0057b8;
    font-size: 0.85rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-builder-location-value.is-empty[b-ju73f0si4e] {
    color: #94a3b8;
    font-weight: 600;
}

.smart-builder-location-modal[b-ju73f0si4e] {
    position: relative;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    width: min(560px, calc(100vw / var(--jump-zoom, 1) - 48px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: hidden;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.32);
}

.smart-builder-location-search[b-ju73f0si4e] {
    padding: 12px 14px;
    border-bottom: 1px solid #e7eef8;
}

.smart-builder-location-search input[b-ju73f0si4e] {
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    font-size: 0.85rem;
}

.smart-builder-location-tree[b-ju73f0si4e] {
    min-height: 0;
    overflow: auto;
    padding: 8px;
}

.smart-builder-location-product[b-ju73f0si4e] {
    padding: 8px 8px 4px;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.smart-builder-location-item[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    margin-bottom: 2px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #1f2d3f;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: left;
}

.smart-builder-location-item:hover[b-ju73f0si4e] {
    background: #f1f6fd;
}

.smart-builder-location-item.is-selected[b-ju73f0si4e] {
    border-color: #9fc0ea;
    background: #eef6ff;
    color: #0057b8;
    font-weight: 800;
}

.smart-builder-location-item .oi-check[b-ju73f0si4e] {
    color: #0057b8;
    font-size: 0.8rem;
}

/* Catalog location picker: table + checkbox tree (Listas style) */
.smart-builder-loc-toolbar[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #d7e4f3;
    background: #f8fbff;
}

.smart-builder-loc-search[b-ju73f0si4e] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    font-size: 0.82rem;
}

.smart-builder-loc-action[b-ju73f0si4e] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #b8cbe3;
    border-radius: 6px;
    background: #fff;
    color: #00316d;
    font-size: 0.78rem;
    font-weight: 700;
}

.smart-builder-loc-action:hover:not(:disabled)[b-ju73f0si4e] {
    background: #eef6ff;
    border-color: #9fc0ea;
}

.smart-builder-loc-action:disabled[b-ju73f0si4e] {
    cursor: not-allowed;
    opacity: 0.55;
}

.smart-builder-loc-table[b-ju73f0si4e] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

/* Barra dos separadores: mantem-se com a altura do conteudo, nunca encolhe. */
.smart-builder-loc-tabs[b-ju73f0si4e] {
    flex: 0 0 auto;
}

.smart-builder-loc-toolbar[b-ju73f0si4e] {
    flex: 0 0 auto;
}

.smart-builder-loc-action.is-active[b-ju73f0si4e] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.smart-builder-loc-action.is-active:hover:not(:disabled)[b-ju73f0si4e] {
    background: #00468f;
    border-color: #00468f;
}

.smart-builder-loc-row[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 110px;
    align-items: center;
    min-height: 36px;
    border-bottom: 1px solid #e4edf7;
    color: #002b63;
    font-size: 0.82rem;
}

.smart-builder-loc-header[b-ju73f0si4e] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f2f7fd;
    color: #00316d;
    font-weight: 800;
}

.smart-builder-loc-group[b-ju73f0si4e] {
    background: #fbfdff;
    font-weight: 800;
}

.smart-builder-loc-row:hover:not(.smart-builder-loc-header)[b-ju73f0si4e] {
    background: #f5f9ff;
}

.smart-builder-loc-cell[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    height: 100%;
    padding: 5px 10px;
    border-right: 1px solid #e4edf7;
}

.smart-builder-loc-cell:last-child[b-ju73f0si4e] {
    border-right: 0;
}

.smart-builder-loc-label[b-ju73f0si4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-builder-loc-detail[b-ju73f0si4e] {
    color: #506680;
    font-size: 0.72rem;
    font-weight: 700;
}

.smart-builder-loc-icon[b-ju73f0si4e] {
    flex: 0 0 16px;
    color: #0057b8;
    font-size: 0.78rem;
    text-align: center;
}

.smart-builder-loc-indent[b-ju73f0si4e] {
    flex: 0 0 18px;
}

.smart-builder-loc-expander[b-ju73f0si4e] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid #bfd1e8;
    border-radius: 5px;
    background: #fff;
    color: #00316d;
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 18px;
}

.smart-builder-loc-check[b-ju73f0si4e] {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    border: 1px solid #9eb8d7;
    border-radius: 4px;
    background: #fff;
}

.smart-builder-loc-check.is-selected[b-ju73f0si4e] {
    border-color: #0057b8;
    background: #0057b8;
}

.smart-builder-loc-check.is-selected[b-ju73f0si4e]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.smart-builder-loc-empty[b-ju73f0si4e] {
    padding: 16px;
    color: #506680;
    font-size: 0.82rem;
}

/* Tab strip (builder) */
.smart-builder-tabs-bar[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 2px 0;
}

.smart-builder-tab-chip[b-ju73f0si4e] {
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    background: #f8fbfe;
    color: #42546b;
    font-size: 0.82rem;
    font-weight: 700;
}

.smart-builder-tab-chip.is-active[b-ju73f0si4e] {
    background: #eef6ff;
    border-color: #9fc0ea;
    color: #0057b8;
}

.smart-builder-tab-add[b-ju73f0si4e] {
    width: 32px;
    height: 32px;
    border: 1px dashed #b8cbe3;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    font-size: 1rem;
    font-weight: 800;
}

.smart-builder-tab-rename[b-ju73f0si4e] {
    min-height: 30px;
    max-width: 180px;
    margin-left: auto;
    padding: 0 8px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    font-size: 0.8rem;
}

/* Groups management bar + group boxes (builder) */
.smart-builder-groups-bar[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 2px 0;
}

.smart-builder-groups-label[b-ju73f0si4e] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.smart-builder-group-chip[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px 2px 8px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    background: #f8fbfe;
}

.smart-builder-group-chip input[b-ju73f0si4e] {
    width: 110px;
    min-height: 26px;
    border: 0;
    background: transparent;
    color: #0b2f69;
    font-size: 0.8rem;
    font-weight: 700;
}

.smart-builder-group-chip button[b-ju73f0si4e] {
    width: 22px;
    height: 22px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #fff;
    color: #0057b8;
    font-size: 0.78rem;
    font-weight: 800;
}

.smart-builder-group-chip button.is-remove[b-ju73f0si4e] {
    color: #991b1b;
    border-color: #f0c2c2;
}

.smart-builder-group-chip span[b-ju73f0si4e] {
    min-width: 16px;
    text-align: center;
    color: #42546b;
    font-size: 0.74rem;
    font-weight: 800;
}

.smart-builder-groups-canvas[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
    align-items: start;
}

.smart-builder-group-box[b-ju73f0si4e] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #dbe7f6;
    border-radius: 10px;
    background: #fbfdff;
}

.smart-builder-group-box-header[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.smart-builder-group-box-header strong[b-ju73f0si4e] {
    color: #0b2f69;
    font-size: 0.85rem;
    font-weight: 800;
}

.smart-builder-group-box-header button[b-ju73f0si4e] {
    width: 24px;
    height: 24px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #fff;
    color: #0057b8;
    font-weight: 800;
}

.smart-dashboard-preview-grid.is-group-grid[b-ju73f0si4e] {
    min-height: 96px;
}


/* Layout tree editor - clean DevExpress-style cards (controls appear on hover) */
.smart-builder-layout-editor[b-ju73f0si4e] {
    padding-top: 4px;
}

.smart-builder-node[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

/* Group / tab-page container box */
.smart-builder-node-group[b-ju73f0si4e] {
    border: 1px solid #e3ebf6;
    border-radius: 10px;
    background: #fcfdff;
}

.smart-builder-node-group.is-root[b-ju73f0si4e] {
    border: none;
    background: transparent;
    border-radius: 0;
}

.smart-builder-node-group.is-tabpage[b-ju73f0si4e] {
    border: none;
    background: transparent;
}

/* Header strip: holds the title (groups) and the hover action cluster */
.smart-builder-node-head[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 26px;
    padding: 2px 6px;
}

.smart-builder-node-head.is-actions-only[b-ju73f0si4e] {
    justify-content: flex-end;
    min-height: 20px;
    padding: 0 4px;
}

.smart-builder-node-title[b-ju73f0si4e] {
    flex: 1;
    min-width: 60px;
    max-width: 260px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 0 6px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #0b2f69;
    background: transparent;
}

.smart-builder-node-title:hover[b-ju73f0si4e] {
    border-color: #e3ebf6;
    background: #ffffff;
}

.smart-builder-node-title:focus[b-ju73f0si4e] {
    outline: none;
    border-color: #9fc0ea;
    background: #ffffff;
}

/* Action cluster - hidden until the header is hovered */
.smart-builder-node-actions[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0;
    transition: opacity 120ms ease;
    pointer-events: none;
}

.smart-builder-node-head:hover .smart-builder-node-actions[b-ju73f0si4e],
.smart-builder-node-item:hover .smart-builder-node-actions[b-ju73f0si4e] {
    opacity: 1;
    pointer-events: auto;
}

.smart-builder-node-actions button[b-ju73f0si4e] {
    height: 22px;
    padding: 0 8px;
    border: 1px solid #d7e3f3;
    border-radius: 6px;
    background: #ffffff;
    color: #0057b8;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

.smart-builder-node-actions button:hover[b-ju73f0si4e] {
    background: #eef5ff;
}

.smart-builder-node-actions button.is-remove[b-ju73f0si4e] {
    color: #991b1b;
    border-color: #f0c2c2;
    font-size: 0.9rem;
    padding: 0 7px;
}

.smart-builder-node-actions button.is-remove:hover[b-ju73f0si4e] {
    background: #fdeaea;
}

/* Children area (flex, resizable by dragging the dividers) */
/* Each container lays out its children in a 12-column grid = 100% of the available width.
   Dense packing lets later widgets backfill empty column gaps. */
.smart-builder-node-children[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: row dense;
    gap: 8px;
    padding: 6px;
    align-items: start;
    min-width: 0;
    min-height: 0;
}

.smart-builder-node-children > .smart-builder-empty-note[b-ju73f0si4e] {
    grid-column: 1 / -1;
}

.smart-builder-layout-editor.is-dragging-active .smart-builder-node-children[b-ju73f0si4e] {
    outline: 1px dashed #9fc0ea;
    outline-offset: -3px;
    border-radius: 8px;
    background: rgba(159, 192, 234, 0.06);
    min-height: 40px;
}

.smart-builder-node-pane[b-ju73f0si4e] {
    position: relative;
    display: flex;
    min-width: 0;
    /* grid-column span is set inline per node (its width in columns). */
}

.smart-builder-node-pane > *:not(.smart-builder-node-resize-grip)[b-ju73f0si4e] {
    flex: 1;
    min-width: 0;
    width: 100%;
}

/* Widget card - fills its grid cell width; height is the default (or the resized px). */
.smart-builder-node-item[b-ju73f0si4e] {
    position: relative;
    border: 1px solid #e3ebf6;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 47, 105, 0.05);
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    cursor: move;
}

/* Pivot widgets (unless resized) fit their content height instead of a fixed height, so there is
   no empty space below a short table; tall tables scroll within a sensible cap. */
.smart-builder-node-item.is-autoheight[b-ju73f0si4e] {
    height: auto;
    max-height: 560px;
}

/* Drag-to-move handle (only this starts a move, so the rest of the card is free to resize) */
.smart-builder-node-move[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
    margin-right: auto;
    color: #9aa9bd;
    font-size: 0.8rem;
    line-height: 1;
    cursor: grab;
    opacity: 0;
    transition: opacity 120ms ease;
}

.smart-builder-node-move:active[b-ju73f0si4e] {
    cursor: grabbing;
}

.smart-builder-node-item:hover .smart-builder-node-move[b-ju73f0si4e] {
    opacity: 1;
}

/* Resize grip (bottom-right corner) */
.smart-builder-node-resize-grip[b-ju73f0si4e] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
    z-index: 4;
    opacity: 0;
    transition: opacity 120ms ease;
    background:
        linear-gradient(135deg,
            transparent 0 45%,
            #9fc0ea 45% 55%,
            transparent 55% 68%,
            #9fc0ea 68% 78%,
            transparent 78%);
}

.smart-builder-node-pane:hover > .smart-builder-node-resize-grip[b-ju73f0si4e] {
    opacity: 0.85;
}

.smart-builder-node-resize-grip:hover[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-node-item.is-selected[b-ju73f0si4e] {
    outline: 2px solid #9fc0ea;
    outline-offset: -1px;
}

.smart-builder-node-item.is-dragging[b-ju73f0si4e] {
    opacity: 0.5;
}

/* Widget cards no longer show a title bar (the widget renderer already shows its own
   title); the head is a thin strip that only reveals Edit/remove on hover. */
.smart-builder-node-item-head[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-height: 8px;
    padding: 3px 5px 0;
}

.smart-builder-node-widget[b-ju73f0si4e] {
    padding: 4px 8px 8px;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    /* Makes the widget a sizing context so the content (fonts, rings) scales with the card. */
    container-type: size;
}

/* The rendered widget must fill the card (not enforce its standalone 220px min-height), so its
   content stays centered and doesn't overflow when the card is resized shorter. */
.smart-builder-node-widget[b-ju73f0si4e]  .smart-dashboard-widget {
    min-height: 0;
    height: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* Resizer dividers */
.smart-builder-node-resizer[b-ju73f0si4e] {
    flex: 0 0 6px;
    align-self: stretch;
    border-radius: 4px;
    background: transparent;
    position: relative;
}

.smart-builder-node-resizer:hover[b-ju73f0si4e] {
    background: #e6eefb;
}

.smart-builder-node-resizer.is-row[b-ju73f0si4e] {
    cursor: col-resize;
}

.smart-builder-node-resizer.is-col[b-ju73f0si4e] {
    cursor: row-resize;
    width: 100%;
}

.smart-builder-node-resizer[b-ju73f0si4e]::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: #c4d6ef;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 120ms ease;
}

.smart-builder-node-resizer:hover[b-ju73f0si4e]::after {
    opacity: 1;
}

.smart-builder-node-resizer.is-row[b-ju73f0si4e]::after {
    width: 2px;
    height: 42%;
}

.smart-builder-node-resizer.is-col[b-ju73f0si4e]::after {
    height: 2px;
    width: 42%;
}

.smart-builder-layout-editor.is-resizing[b-ju73f0si4e] {
    cursor: grabbing;
    user-select: none;
}

/* Tabs */
.smart-builder-node-tabs[b-ju73f0si4e] {
    border: 1px solid #e3ebf6;
    border-radius: 10px;
    background: #fcfdff;
}

.smart-builder-node-tabs.is-root[b-ju73f0si4e] {
    border: none;
    background: transparent;
}

.smart-builder-node-tabstrip[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px 8px;
}

.smart-builder-tab-chip[b-ju73f0si4e] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.smart-builder-tab-x[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #9aa9bd;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transition: opacity 120ms ease;
}

.smart-builder-tab-chip:hover .smart-builder-tab-x[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-tab-x:hover[b-ju73f0si4e] {
    background: #fdeaea;
    color: #991b1b;
}

.smart-builder-tab-rename[b-ju73f0si4e] {
    min-height: 30px;
    max-width: 160px;
    border: 1px solid #9fc0ea;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0b2f69;
}

.smart-builder-tab-add[b-ju73f0si4e] {
    width: 28px;
    height: 28px;
    border: 1px dashed #cfe0f4;
    border-radius: 8px;
    background: #ffffff;
    color: #0057b8;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.smart-builder-tab-add:hover[b-ju73f0si4e] {
    background: #eef5ff;
    border-style: solid;
}

.smart-builder-tab-drop[b-ju73f0si4e] {
    width: 22px;
    height: 22px;
    margin-left: auto;
    opacity: 0.5;
}

.smart-builder-tab-drop:hover[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-node-tabbody[b-ju73f0si4e] {
    padding: 6px;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

/* "A ver detalhe / Ver geral" bar inside the widget editor preview */
.smart-builder-preview-filterbar[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    padding: 6px 10px;
    border: 1px solid #cfe0f4;
    border-radius: 8px;
    background: #eef6ff;
    color: #0b2f69;
    font-size: 0.78rem;
    font-weight: 700;
}

.smart-builder-preview-filterbar button[b-ju73f0si4e] {
    border: 1px solid #0057b8;
    border-radius: 6px;
    background: #0057b8;
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 3px 10px;
    cursor: pointer;
    white-space: nowrap;
}

.smart-builder-preview-filterbar button:hover[b-ju73f0si4e] {
    background: #0069db;
}

/* Pivot field chooser (drag-and-drop) - clean, professional layout */
.smart-builder-pivot-chooser[b-ju73f0si4e] {
    width: min(940px, 94vw / var(--jump-zoom, 1));
    max-height: calc(88vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 30px 70px rgba(15, 42, 84, 0.28);
    overflow: hidden;
}

.smart-builder-pivot-chooser .smart-builder-modal-header[b-ju73f0si4e] {
    padding: 16px 20px;
    border-bottom: 1px solid #eef2f8;
}

.smart-builder-pivot-chooser-body[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    padding: 16px 20px 20px;
    overflow: auto;
    background: #f7fafd;
}

.smart-builder-pivot-zones[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.smart-builder-pivot-area[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6edf6;
    border-radius: 12px;
    background: #ffffff;
    padding: 12px 14px;
}

.smart-builder-pivot-area.is-available[b-ju73f0si4e] {
    background: #ffffff;
    min-height: 0;
    max-height: calc(62vh / var(--jump-zoom, 1));
}

.smart-builder-pivot-area > strong[b-ju73f0si4e] {
    display: block;
    color: #6b7c93;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Available list: single clean column, scrollable */
.smart-builder-pivot-area.is-available .smart-builder-pivot-fieldlist[b-ju73f0si4e] {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
    overflow: auto;
    min-height: 0;
}

.smart-builder-pivot-fieldlist[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-content: flex-start;
    min-height: 40px;
    flex: 1;
}

/* Drop zones look like drop zones (dashed) until they contain fields */
.smart-builder-pivot-zones .smart-builder-pivot-area .smart-builder-pivot-fieldlist[b-ju73f0si4e] {
    border: 1px dashed #d3e0f0;
    border-radius: 10px;
    padding: 8px;
    background: #fbfdff;
    align-items: flex-start;
    align-content: flex-start;
}

.smart-builder-pivot-chip[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 9px;
    border: 1px solid #dbe7f6;
    border-radius: 9px;
    background: #ffffff;
    color: #0b2f69;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: grab;
    max-width: 100%;
    box-shadow: 0 1px 2px rgba(15, 42, 84, 0.06);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.smart-builder-pivot-chip:hover[b-ju73f0si4e] {
    border-color: #9fc0ea;
    box-shadow: 0 2px 6px rgba(15, 42, 84, 0.12);
}

.smart-builder-pivot-chip:active[b-ju73f0si4e] {
    cursor: grabbing;
}

/* Available chips fill the row and show a drag affordance */
.smart-builder-pivot-area.is-available .smart-builder-pivot-chip[b-ju73f0si4e] {
    width: 100%;
    justify-content: space-between;
    box-shadow: none;
}

.smart-builder-pivot-area.is-available .smart-builder-pivot-chip[b-ju73f0si4e]::before {
    content: "\2807";
    color: #c2cddd;
    font-size: 0.95rem;
    line-height: 1;
    margin-right: 2px;
}

.smart-builder-pivot-chip.is-value[b-ju73f0si4e] {
    background: #f2f8ff;
    border-color: #cfe0f4;
}

.smart-builder-pivot-chip-name[b-ju73f0si4e] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
}

/* L / C / V quick buttons: hidden until the row is hovered */
.smart-builder-pivot-chip-actions[b-ju73f0si4e] {
    display: inline-flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 120ms ease;
}

.smart-builder-pivot-chip:hover .smart-builder-pivot-chip-actions[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-pivot-chip-actions button[b-ju73f0si4e] {
    width: 22px;
    height: 22px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #f4f8fd;
    color: #0057b8;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
    line-height: 1;
}

.smart-builder-pivot-chip-actions button:hover[b-ju73f0si4e] {
    background: #0057b8;
    color: #ffffff;
    border-color: #0057b8;
}

.smart-builder-pivot-chip .is-remove[b-ju73f0si4e] {
    border: none;
    background: transparent;
    color: #b0413f;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    opacity: 0.65;
}

.smart-builder-pivot-chip .is-remove:hover[b-ju73f0si4e] {
    opacity: 1;
}

.smart-builder-pivot-chip-agg[b-ju73f0si4e] {
    border: 1px solid #d7e3f3;
    border-radius: 6px;
    font-size: 0.7rem;
    color: #0b2f69;
    background: #fff;
    max-width: 110px;
    padding: 2px 4px;
}

.smart-builder-pivot-hint[b-ju73f0si4e] {
    color: #9aa9bd;
    font-size: 0.74rem;
    font-style: italic;
    padding: 6px 2px;
}

/* Drop position indicator when reordering widgets by drag (grid reading order = left/right edge) */
.smart-builder-node-pane.is-drop-before[b-ju73f0si4e] {
    box-shadow: inset 3px 0 0 #0057b8;
}

.smart-builder-node-pane.is-drop-after[b-ju73f0si4e] {
    box-shadow: inset -3px 0 0 #0057b8;
}

/* ---- Free-placement gridstack editor -------------------------------------- */
.smart-builder-grid-shell[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.smart-builder-grid-tabstrip[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.smart-builder-grid-tabstrip .smart-builder-tab-add[b-ju73f0si4e] {
    width: auto;
    height: 32px;
    padding: 0 12px;
    white-space: nowrap;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.smart-builder-grid-addwidget[b-ju73f0si4e] {
    margin-left: auto;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
    border-radius: 7px;
    padding: 4px 12px;
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
}

.smart-builder-grid-addwidget:hover[b-ju73f0si4e] {
    background: #1d4ed8;
}

.smart-builder-grid.grid-stack[b-ju73f0si4e] {
    width: 100%;
    min-height: 240px;
    background:
        linear-gradient(90deg, rgba(37, 99, 235, .05) 1px, transparent 1px) 0 0 / calc(100% / 12) 100%,
        rgba(148, 163, 184, .06);
    border: 1px dashed rgba(148, 163, 184, .5);
    border-radius: 12px;
}

.smart-builder-grid .grid-stack-item-content[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

.smart-grid-card.is-selected[b-ju73f0si4e] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .35);
}

.smart-grid-card-head[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-bottom: 1px solid rgba(148, 163, 184, .25);
    background: #f8fafc;
}

.smart-grid-drag[b-ju73f0si4e] {
    cursor: move;
    color: #64748b;
    font-size: .85rem;
    line-height: 1;
    user-select: none;
}

.smart-grid-card-title[b-ju73f0si4e] {
    font-size: .78rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.smart-grid-card-actions[b-ju73f0si4e] {
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0;
    transition: opacity .12s ease;
}

.smart-grid-card:hover .smart-grid-card-actions[b-ju73f0si4e] {
    opacity: 1;
}

.smart-grid-card-actions button[b-ju73f0si4e] {
    border: 1px solid rgba(148, 163, 184, .5);
    background: #fff;
    color: #334155;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: .72rem;
    cursor: pointer;
}

.smart-grid-card-actions button:hover[b-ju73f0si4e] {
    background: #f1f5f9;
}

.smart-grid-card-actions button.is-remove[b-ju73f0si4e] {
    color: #dc2626;
    border-color: rgba(220, 38, 38, .4);
    font-weight: 700;
}

.smart-grid-card-body[b-ju73f0si4e] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 4px 6px 6px;
    /* Sizing context so the widget's container-query fonts/rings scale with the resized box. */
    container-type: size;
}

/* The rendered widget fills the card instead of enforcing its standalone 220px min-height, so it
   shrinks/grows with the gridstack box on resize. */
.smart-grid-card-body[b-ju73f0si4e]  .smart-dashboard-widget {
    min-height: 0;
    height: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* Borderless widget card (per-widget "show border" toggle). */
.smart-builder-grid .grid-stack-item-content.smart-grid-card.is-borderless[b-ju73f0si4e] {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* ---- Busy overlay for slow actions ---------------------------------------- */
.smart-builder-busy-overlay[b-ju73f0si4e] {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, .28);
}

.smart-builder-busy-card[b-ju73f0si4e] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 600;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .28);
}

.smart-builder-busy-spinner[b-ju73f0si4e] {
    width: 20px;
    height: 20px;
    border: 3px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: smart-builder-busy-spin-b-ju73f0si4e .7s linear infinite;
}

@keyframes smart-builder-busy-spin-b-ju73f0si4e {
    to { transform: rotate(360deg); }
}

/* ---- KPI value format block ----------------------------------------------- */
.smart-builder-format-field[b-ju73f0si4e] {
    grid-column: 1 / -1;
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #e7eef8;
    border-radius: 10px;
    background: #f8fbff;
}

.smart-builder-format-presets[b-ju73f0si4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.smart-builder-format-presets button[b-ju73f0si4e] {
    min-width: 46px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #d7e3f3;
    border-radius: 8px;
    background: #fff;
    color: #0f3566;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.smart-builder-format-presets button:hover[b-ju73f0si4e] {
    border-color: #9fc0ea;
    background: #eef6ff;
}

.smart-builder-format-presets button.is-active[b-ju73f0si4e] {
    border-color: #0b66d8;
    background: #0b66d8;
    color: #fff;
}

.smart-builder-format-inputs[b-ju73f0si4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 10px;
    align-items: end;
}

.smart-builder-format-preview[b-ju73f0si4e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px dashed #cfe0f4;
}

.smart-builder-format-preview span[b-ju73f0si4e] {
    font-size: 0.68rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.smart-builder-format-preview strong[b-ju73f0si4e] {
    font-size: 0.95rem;
    color: #0f172a;
}

@media (max-width: 640px) {
    .smart-builder-format-inputs[b-ju73f0si4e] {
        grid-template-columns: 1fr;
    }
}

/* ---- Widget editor form: left-aligned, top-aligned rows (cleaner) --------- */
.smart-builder-form-grid[b-ju73f0si4e] {
    align-items: start;
}

.smart-builder-field[b-ju73f0si4e] {
    text-align: left;
}

.smart-builder-field > label[b-ju73f0si4e] {
    text-align: left;
    display: block;
}

/* Keep DevExpress editors a consistent height so paired fields line up. */
.smart-builder-field .dxbl-text-edit[b-ju73f0si4e],
.smart-builder-field .dxbl-spin-edit[b-ju73f0si4e],
.smart-builder-field .dxbl-combobox[b-ju73f0si4e] {
    min-height: 38px;
}
/* /Products/aReport/DashBoards/SmartDashboardViewer/Pages/SmartDashboardViewer.razor.rz.scp.css */
.smart-viewer-page[b-z5esgnfv9w] {
    min-height: calc(100vh / var(--jump-zoom, 1) - 24px);
    padding: 8px 10px;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 34%),
        linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);
}

.smart-viewer-toolbar[b-z5esgnfv9w],
.smart-viewer-filter-panel[b-z5esgnfv9w],
.smart-viewer-click-filter-bar[b-z5esgnfv9w],
.smart-viewer-canvas[b-z5esgnfv9w],
.smart-viewer-empty[b-z5esgnfv9w] {
    border: 1px solid rgba(176, 197, 222, 0.72);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 28px rgba(15, 42, 82, 0.06);
}

.smart-viewer-toolbar[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    margin-bottom: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.98) 54%, rgba(232, 243, 255, 0.98) 100%);
}

.smart-viewer-title-block[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
}

.smart-viewer-eyebrow[b-z5esgnfv9w] {
    width: max-content;
    padding: 2px 9px;
    border: 1px solid #cfe0f4;
    border-radius: 999px;
    background: #edf6ff;
    color: #0057b8;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.smart-viewer-toolbar h2[b-z5esgnfv9w] {
    margin: 0;
    color: #162033;
    font-size: 1.16rem;
    font-weight: 880;
    letter-spacing: -0.03em;
}

.smart-viewer-title-block > span:not(.smart-viewer-eyebrow)[b-z5esgnfv9w],
.smart-viewer-empty span[b-z5esgnfv9w],
.smart-viewer-filter-field > span[b-z5esgnfv9w] {
    color: #60718a;
    font-size: 0.8rem;
}

.smart-viewer-toolbar-actions[b-z5esgnfv9w],
.smart-viewer-filter-actions[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.smart-viewer-action[b-z5esgnfv9w],
.smart-viewer-filter-action[b-z5esgnfv9w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    border: 1px solid #cfe0f4;
    border-radius: 10px;
    background: #fff;
    color: #004cb2;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 780;
    line-height: 1;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

.smart-viewer-action:hover[b-z5esgnfv9w],
.smart-viewer-filter-action:hover[b-z5esgnfv9w] {
    border-color: #8fb7e8;
    background: #f8fbff;
    box-shadow: 0 10px 24px rgba(21, 91, 189, 0.12);
    transform: translateY(-1px);
}

.smart-viewer-action.primary[b-z5esgnfv9w] {
    border-color: #0b66d8;
    background: linear-gradient(135deg, #0b66d8 0%, #004cb2 100%);
    color: #fff;
}

.smart-viewer-action.primary:hover[b-z5esgnfv9w] {
    border-color: #004cb2;
    background: linear-gradient(135deg, #005bd0 0%, #003f97 100%);
}

.smart-viewer-action.secondary[b-z5esgnfv9w] {
    color: #0f3566;
}

.smart-viewer-filter-action.danger[b-z5esgnfv9w] {
    border-color: #ffd0d0;
    color: #b4232a;
}

.smart-viewer-filter-panel[b-z5esgnfv9w] {
    display: grid;
    gap: 9px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 251, 255, 0.96) 100%);
}

.smart-viewer-filter-panel-header[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.smart-viewer-filter-title[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.smart-viewer-filter-title > div[b-z5esgnfv9w] {
    display: grid;
    gap: 1px;
}

.smart-viewer-filter-icon[b-z5esgnfv9w] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border: 1px solid #cfe0f4;
    border-radius: 10px;
    background: linear-gradient(135deg, #eaf4ff 0%, #f8fbff 100%);
    color: #0057b8;
    font-size: 0.78rem;
}

.smart-viewer-filter-panel-header strong[b-z5esgnfv9w],
.smart-viewer-click-filter-bar strong[b-z5esgnfv9w] {
    color: #003d8f;
    font-size: 0.9rem;
    font-weight: 880;
}

.smart-viewer-filter-panel-header span[b-z5esgnfv9w] {
    color: #667992;
    font-size: 0.76rem;
}

.smart-viewer-filter-grid[b-z5esgnfv9w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
}

.smart-viewer-filter-field[b-z5esgnfv9w] {
    position: relative;
    display: grid;
    gap: 6px;
    min-width: 0;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e2ebf6;
    border-radius: 12px;
    background: #fff;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

/* Um filtro de intervalo leva duas caixas de data mais o separador. O input type=date do
   Chromium tem largura minima propria (nao encolhe abaixo do "dd/mm/aaaa" com o icone do
   calendario), pelo que os dois nao cabem numa celula de 220px e o conteudo transbordava.
   Ocupar duas colunas resolve; na grelha de coluna unica dos ecras estreitos o span e
   automaticamente limitado a uma. */
.smart-viewer-filter-field.is-range[b-z5esgnfv9w] {
    grid-column: span 2;
}

/* As duas caixas repartem o espaco em partes iguais em vez de a segunda ser esmagada. */
.smart-viewer-filter-field.is-range .smart-viewer-filter-input-shell input[b-z5esgnfv9w] {
    flex: 1 1 0;
    min-width: 0;
}

.smart-viewer-filter-field:hover[b-z5esgnfv9w] {
    border-color: #c3d8f2;
}

/* Accent bar on the left when the filter is applied. */
.smart-viewer-filter-field.has-value[b-z5esgnfv9w] {
    border-color: #7fb0ec;
    background: #f6fbff;
    box-shadow: inset 3px 0 0 0 #0b66d8;
}

.smart-viewer-filter-field-head[b-z5esgnfv9w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.smart-viewer-filter-field-name[b-z5esgnfv9w] {
    text-align: left;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-viewer-filter-field-cond[b-z5esgnfv9w] {
    flex: 0 0 auto;
    padding: 1px 7px;
    border-radius: 999px;
    background: #eef4fb;
    color: #4f6b8f;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
}

.smart-viewer-filter-field.has-value .smart-viewer-filter-field-cond[b-z5esgnfv9w] {
    background: #dcebfb;
    color: #0b57c2;
}

/* Active-filter count pill in the panel header. */
.smart-viewer-filter-count[b-z5esgnfv9w] {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}

.smart-viewer-filter-count.is-active[b-z5esgnfv9w] {
    background: #0b66d8;
    color: #fff;
}

/* Toolbar "Filtros" toggle: active count badge + pressed state when the panel is open. */
.smart-viewer-action-badge[b-z5esgnfv9w] {
    display: inline-grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 2px;
    border-radius: 999px;
    background: #0b66d8;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
}

.smart-viewer-action.is-active[b-z5esgnfv9w] {
    border-color: #8fb7e8;
    background: #eaf3ff;
    color: #003d8f;
}

/* Footer of the (now header-less) filter panel: summary on the left, clear on the right. */
.smart-viewer-filter-footer[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eef3fa;
    color: #667992;
    font-size: 0.78rem;
}

/* Modern input group: bordered shell with a leading type icon and a borderless field inside. */
.smart-viewer-filter-input-shell[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 8px 0 10px;
    border: 1px solid #d3e0f0;
    border-radius: 10px;
    background: #fff;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

/* Separador das duas caixas de um filtro "entre". Nao encolhe, para que os dois campos
   de data fiquem com a mesma largura em vez de o segundo ser esmagado. */
.smart-viewer-filter-range-sep[b-z5esgnfv9w] {
    flex: 0 0 auto;
    font-size: 12px;
    color: #6b7f96;
    user-select: none;
}

.smart-viewer-filter-input-shell:focus-within[b-z5esgnfv9w] {
    border-color: #4b91e2;
    box-shadow: 0 0 0 3px rgba(75, 145, 226, 0.16);
}

.smart-viewer-filter-field.has-value .smart-viewer-filter-input-shell[b-z5esgnfv9w] {
    border-color: #7fb0ec;
}

.smart-viewer-filter-input-icon[b-z5esgnfv9w] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: #94a6bd;
}

.smart-viewer-filter-field.has-value .smart-viewer-filter-input-icon[b-z5esgnfv9w] {
    color: #0b66d8;
}

.smart-viewer-filter-input-shell input[b-z5esgnfv9w],
.smart-viewer-filter-input-shell select[b-z5esgnfv9w] {
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    border: none;
    background: transparent;
    color: #102033;
    padding: 0;
    font-size: 0.86rem;
    outline: none;
}

.smart-viewer-filter-clear[b-z5esgnfv9w] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #94a6bd;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 160ms ease, color 160ms ease;
}

.smart-viewer-filter-clear:hover[b-z5esgnfv9w] {
    background: #fdecec;
    color: #b4232a;
}

.smart-viewer-click-filter-bar[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    margin-bottom: 12px;
    position: sticky;
    top: 6px;
    z-index: 20;
}

.smart-viewer-click-filter-bar button[b-z5esgnfv9w] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    border: 1px solid #cfe0f4;
    border-radius: 999px;
    background: #f8fbff;
    color: #003d8f;
    padding: 0 11px;
    font-size: 0.8rem;
    font-weight: 760;
}

.smart-viewer-click-filter-bar button b[b-z5esgnfv9w] {
    color: #102033;
}

.smart-viewer-click-filter-bar button i[b-z5esgnfv9w] {
    color: #60718a;
    font-style: normal;
    font-weight: 900;
}

.smart-viewer-click-filter-bar button.is-clear[b-z5esgnfv9w] {
    border-color: #ffd0d0;
    color: #b4232a;
}

.smart-viewer-canvas[b-z5esgnfv9w] {
    padding: 12px;
}

.smart-viewer-grid[b-z5esgnfv9w] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 96px;
    gap: 14px;
    align-items: stretch;
}

.smart-viewer-grid-cell[b-z5esgnfv9w] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 10px;
    /* Contexto de dimensionamento para as fontes do widget, que escalam em cqw/cqh. Sem isto
       essas unidades caem para o viewport, o min() devolve um valor enorme e o clamp() fixa a
       fonte no maximo — um KPI de 3 colunas cortava numeros como "15 826 875 EUR" a meio.
       E seguro porque a grelha tem grid-auto-rows: 96px, logo a celula tem altura definida;
       container-type: size num elemento de altura automatica colapsaria o conteudo.
       As outras duas vias de render (.smart-viewer-layout-item e .smart-viewer-grid-card) ja o
       declaravam, e foi por isso que o problema so aparecia nos paineis sem layout gravado. */
    container-type: size;
}

.smart-viewer-grid-cell[b-z5esgnfv9w]  .smart-dashboard-widget {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.smart-viewer-grid-cell[b-z5esgnfv9w]  .smart-dashboard-kpi,
.smart-viewer-grid-cell[b-z5esgnfv9w]  .smart-dashboard-gauge,
.smart-viewer-grid-cell[b-z5esgnfv9w]  .smart-dashboard-progress {
    min-height: 0;
}

.smart-viewer-empty[b-z5esgnfv9w] {
    display: grid;
    gap: 8px;
    padding: 18px;
}

.smart-viewer-modal-backdrop[b-z5esgnfv9w] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.45);
}

/* Dialogo dos criterios. Mais estreito do que o de drill-down porque e texto corrido: uma
   linha demasiado larga deixa de se ler. */
.smart-viewer-criteria-modal[b-z5esgnfv9w] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 48px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: hidden;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.32);
}

/* pre-wrap preserva os paragrafos e as linhas do texto gravado, sem obrigar a HTML. */
.smart-viewer-criteria-body[b-z5esgnfv9w] {
    overflow: auto;
    padding: 4px 8px 8px;
    font-size: 13px;
    line-height: 1.6;
    color: #33495f;
    white-space: pre-wrap;
}

.smart-viewer-drilldown-modal[b-z5esgnfv9w] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1200px, calc(100vw / var(--jump-zoom, 1) - 48px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: hidden;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(15, 23, 42, 0.32);
}

.smart-viewer-modal-header[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.smart-viewer-modal-header h3[b-z5esgnfv9w] {
    margin: 0;
    color: #003d8f;
    font-size: 1rem;
    font-weight: 850;
}

.smart-viewer-modal-header span[b-z5esgnfv9w] {
    color: #64748b;
    font-size: 0.82rem;
}

@media (max-width: 1180px) {
    .smart-viewer-toolbar[b-z5esgnfv9w],
    .smart-viewer-filter-panel-header[b-z5esgnfv9w] {
        flex-direction: column;
        align-items: stretch;
    }

    .smart-viewer-toolbar-actions[b-z5esgnfv9w],
    .smart-viewer-filter-actions[b-z5esgnfv9w] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .smart-viewer-page[b-z5esgnfv9w] {
        padding: 8px;
    }

    .smart-viewer-toolbar[b-z5esgnfv9w],
    .smart-viewer-filter-panel[b-z5esgnfv9w],
    .smart-viewer-canvas[b-z5esgnfv9w] {
        border-radius: 14px;
    }

    .smart-viewer-filter-grid[b-z5esgnfv9w] {
        grid-template-columns: 1fr;
    }
}

/* Tabs and group sections */
.smart-viewer-tabs[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9e1ee;
}

.smart-viewer-tab[b-z5esgnfv9w] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: #49526b;
    font-size: 0.85rem;
    font-weight: 650;
}

.smart-viewer-tab:hover[b-z5esgnfv9w] {
    background: #f5f9ff;
    color: #0b2f69;
}

.smart-viewer-tab.is-active[b-z5esgnfv9w] {
    background: #fff;
    border-color: #d9e1ee;
    color: #0057b8;
    font-weight: 800;
    margin-bottom: -1px;
}

.smart-viewer-group[b-z5esgnfv9w] {
    margin-bottom: 14px;
    padding: 10px;
    border: 1px solid #dbe7f6;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
}

.smart-viewer-group-title[b-z5esgnfv9w] {
    margin-bottom: 8px;
    color: #0b2f69;
    font-size: 0.85rem;
    font-weight: 800;
}

/* Group containers laid out in a 12-column grid so groups can sit side by side */
.smart-viewer-groups[b-z5esgnfv9w] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.smart-viewer-groups > .smart-viewer-group[b-z5esgnfv9w] {
    margin-bottom: 0;
    min-width: 0;
}

.smart-viewer-group.is-plain[b-z5esgnfv9w] {
    padding: 0;
    border: 0;
    background: transparent;
}

/* Recursive layout tree (read-only): nested flex panes sized by weight */
.smart-viewer-layout-root[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

/* Each container lays out its children in a 12-column grid = 100% of the available width (matches the builder). */
.smart-viewer-flex[b-z5esgnfv9w] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: row dense;
    gap: 10px;
    width: 100%;
    min-width: 0;
    align-items: start;
}

.smart-viewer-flex-pane[b-z5esgnfv9w] {
    display: flex;
    min-width: 0;
    /* grid-column span set inline per node. */
}

.smart-viewer-flex-pane > *[b-z5esgnfv9w] {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.smart-viewer-layout-group[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 10px;
    border: 1px solid #dbe7f6;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
}

/* Widget card fills its grid cell width; height is the default (or the resized px). */
.smart-viewer-layout-item[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    overflow: hidden;
    min-width: 0;
    container-type: size;
}

/* Pivot widgets (unless resized) fit their content height, so no empty space below a short table. */
.smart-viewer-layout-item.is-autoheight[b-z5esgnfv9w] {
    height: auto;
    max-height: 560px;
}

.smart-viewer-layout-item > *[b-z5esgnfv9w] {
    flex: 1;
    min-width: 0;
}

/* The rendered widget fills the card (no standalone 220px min-height, no inner border). */
.smart-viewer-layout-item[b-z5esgnfv9w]  .smart-dashboard-widget {
    min-height: 0;
    height: 100%;
}

.smart-viewer-layout-tabcontainer[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.smart-viewer-layout-tabbody[b-z5esgnfv9w] {
    min-width: 0;
    padding-top: 10px;
}

/* Loading state (shown while the dashboard is being fetched, instead of the "not found" message) */
.smart-viewer-loading[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 16px;
    color: #42546b;
    font-weight: 700;
}

.smart-viewer-spinner[b-z5esgnfv9w] {
    width: 34px;
    height: 34px;
    border: 3px solid #d7e3f3;
    border-top-color: #0057b8;
    border-radius: 50%;
    animation: smart-viewer-spin-b-z5esgnfv9w 0.8s linear infinite;
}

@keyframes smart-viewer-spin-b-z5esgnfv9w {
    to { transform: rotate(360deg); }
}

/* ---- Free-placement gridstack viewer -------------------------------------- */
.smart-viewer-grid-shell[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.smart-viewer-grid.grid-stack[b-z5esgnfv9w] {
    width: 100%;
    min-height: 200px;
}

.smart-viewer-grid .grid-stack-item-content[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}

.smart-viewer-grid-card[b-z5esgnfv9w] {
    padding: 8px 10px;
    overflow: hidden;
    /* Sizing context so the widget's container-query fonts/rings scale with the box. */
    container-type: size;
}

.smart-viewer-grid-card[b-z5esgnfv9w]  .smart-dashboard-widget {
    min-height: 0;
    height: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* ---- Export menu ---------------------------------------------------------- */
.smart-viewer-export[b-z5esgnfv9w] {
    position: relative;
    display: inline-flex;
}

.smart-viewer-export-menu[b-z5esgnfv9w] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    padding: 6px;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 12px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .22);
}

.smart-viewer-export-menu button[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    color: #1e293b;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}

.smart-viewer-export-menu button .oi[b-z5esgnfv9w] {
    color: #0b66d8;
    font-size: .9rem;
    width: 18px;
    text-align: center;
    flex: 0 0 auto;
}

.smart-viewer-export-menu button:hover[b-z5esgnfv9w] {
    background: #eef4ff;
    color: #0b3d91;
}

.smart-viewer-capture[b-z5esgnfv9w] {
    width: 100%;
}

/* Borderless widget card (per-widget "show border" toggle). */
.smart-viewer-grid .grid-stack-item-content.smart-viewer-grid-card.is-borderless[b-z5esgnfv9w],
.smart-viewer-grid-cell.is-borderless[b-z5esgnfv9w] {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* ---- Email schedule dialog (modern) --------------------------------------- */
.smart-schedule-backdrop[b-z5esgnfv9w] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, .5);
    backdrop-filter: blur(2px);
}

.smart-schedule-modal[b-z5esgnfv9w] {
    width: min(560px, 96vw / var(--jump-zoom, 1));
    max-height: calc(90vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 30px 80px rgba(15, 42, 84, .35);
    overflow: hidden;
    text-align: left;
}

.smart-schedule-head[b-z5esgnfv9w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    background: linear-gradient(135deg, #0b66d8 0%, #0a4fa8 100%);
    color: #fff;
}

.smart-schedule-head-text[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.smart-schedule-eyebrow[b-z5esgnfv9w] {
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .85;
}

.smart-schedule-head h3[b-z5esgnfv9w] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 800;
}

.smart-schedule-head p[b-z5esgnfv9w] {
    margin: 2px 0 0;
    font-size: .8rem;
    opacity: .9;
}

.smart-schedule-close[b-z5esgnfv9w] {
    border: none;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
}

.smart-schedule-close:hover[b-z5esgnfv9w] {
    background: rgba(255, 255, 255, .28);
}

.smart-schedule-body[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px 22px;
    overflow: auto;
}

.smart-schedule-section[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.smart-schedule-section-title[b-z5esgnfv9w] {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.smart-schedule-field-label[b-z5esgnfv9w] {
    font-size: .78rem;
    font-weight: 700;
    color: #475569;
}

.smart-schedule-row[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.smart-schedule-field[b-z5esgnfv9w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Segmented control (frequency) */
.smart-schedule-segment[b-z5esgnfv9w] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 4px;
    padding: 4px;
    background: #f1f5f9;
    border-radius: 12px;
}

.smart-schedule-segment button[b-z5esgnfv9w] {
    border: none;
    background: transparent;
    color: #334155;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.smart-schedule-segment button:hover[b-z5esgnfv9w] {
    background: #e2e8f0;
}

.smart-schedule-segment button.is-active[b-z5esgnfv9w] {
    background: #fff;
    color: #0b66d8;
    box-shadow: 0 1px 3px rgba(15, 42, 84, .18);
}

/* Weekday pills */
.smart-schedule-days[b-z5esgnfv9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.smart-schedule-day[b-z5esgnfv9w] {
    min-width: 46px;
    border: 1px solid #cfe0f4;
    background: #fff;
    color: #0f3566;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.smart-schedule-day:hover[b-z5esgnfv9w] {
    border-color: #8fb7e8;
    background: #f4f9ff;
}

.smart-schedule-day.is-active[b-z5esgnfv9w] {
    border-color: #0b66d8;
    background: #0b66d8;
    color: #fff;
    box-shadow: 0 6px 14px rgba(11, 102, 216, .25);
}

.smart-schedule-input[b-z5esgnfv9w] {
    min-height: 40px;
    border: 1px solid #cfdeef;
    border-radius: 10px;
    padding: 0 12px;
    font-size: .9rem;
    color: #0f172a;
    background: #fff;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
    max-width: 180px;
}

.smart-schedule-input:focus[b-z5esgnfv9w] {
    border-color: #4b91e2;
    box-shadow: 0 0 0 3px rgba(75, 145, 226, .18);
}

.smart-schedule-textarea[b-z5esgnfv9w] {
    border: 1px solid #cfdeef;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: .88rem;
    color: #0f172a;
    resize: vertical;
    min-height: 72px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.smart-schedule-textarea:focus[b-z5esgnfv9w] {
    border-color: #4b91e2;
    box-shadow: 0 0 0 3px rgba(75, 145, 226, .18);
}

.smart-schedule-toggle[b-z5esgnfv9w] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #1e293b;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
}

.smart-schedule-toggle input[b-z5esgnfv9w] {
    width: 17px;
    height: 17px;
    accent-color: #0b66d8;
    cursor: pointer;
}

.smart-schedule-footer[b-z5esgnfv9w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 22px;
    border-top: 1px solid #eef2f8;
    background: #f8fbff;
}

.smart-schedule-footer-spacer[b-z5esgnfv9w] {
    flex: 1;
}

.smart-schedule-btn[b-z5esgnfv9w] {
    min-height: 38px;
    border: 1px solid #cfe0f4;
    background: #fff;
    color: #0f3566;
    padding: 0 16px;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
}

.smart-schedule-btn:hover[b-z5esgnfv9w] {
    background: #f4f9ff;
    border-color: #8fb7e8;
}

.smart-schedule-btn.is-primary[b-z5esgnfv9w] {
    border-color: #0b66d8;
    background: linear-gradient(135deg, #0b66d8 0%, #004cb2 100%);
    color: #fff;
}

.smart-schedule-btn.is-primary:hover[b-z5esgnfv9w] {
    background: linear-gradient(135deg, #005bd0 0%, #003f97 100%);
}

.smart-schedule-btn.is-danger[b-z5esgnfv9w] {
    border-color: #f2c2c2;
    color: #b4232a;
    background: #fff;
}

.smart-schedule-btn.is-danger:hover[b-z5esgnfv9w] {
    background: #fff5f5;
    border-color: #e79a9a;
}

.smart-schedule-btn:disabled[b-z5esgnfv9w] {
    opacity: .6;
    cursor: default;
}

/* ---- Render mode (headless PDF snapshot): show only the panels ------------ */
.smart-viewer-page.is-render[b-z5esgnfv9w] {
    padding: 0;
    background: #fff;
    min-height: 0;
}

.smart-viewer-page.is-render .smart-viewer-toolbar[b-z5esgnfv9w],
.smart-viewer-page.is-render .smart-viewer-filter-panel[b-z5esgnfv9w],
.smart-viewer-page.is-render .smart-viewer-click-filter-bar[b-z5esgnfv9w] {
    display: none !important;
}

.smart-viewer-page.is-render .smart-viewer-canvas[b-z5esgnfv9w] {
    border: none;
    box-shadow: none;
    background: #fff;
}
/* /Products/aReport/Notificacoes/Agendamento/Pages/Agendamento.razor.rz.scp.css */
.schedule-repeat-grid[b-upib27mk61],
.schedule-selection-grid[b-upib27mk61] {
    display: grid;
    gap: 8px;
    align-items: end;
}

.schedule-repeat-grid[b-upib27mk61] {
    grid-template-columns: minmax(120px, 180px) minmax(90px, 120px);
}

[b-upib27mk61] .schedule-daily-card {
    max-width: 360px;
}

.schedule-selection-grid[b-upib27mk61] {
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    margin-top: 8px;
}

.schedule-selection-grid:first-child[b-upib27mk61] {
    margin-top: 0;
}

.schedule-unit-field[b-upib27mk61] {
    text-align: center;
}

@media (max-width: 768px) {
    .schedule-repeat-grid[b-upib27mk61],
    .schedule-selection-grid[b-upib27mk61] {
        grid-template-columns: 1fr;
    }
}
/* /Products/aReport/Notificacoes/NotificationConfiguration/Pages/NotificationConfiguration.razor.rz.scp.css */
.notification-check-grid[b-h76y95c0b4] {
    display: grid;
    gap: 8px;
}

.notification-tag-row[b-h76y95c0b4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.notification-tag-stack[b-h76y95c0b4] {
    display: grid;
    gap: 10px;
}

.notification-tag-groups[b-h76y95c0b4] {
    display: grid;
    gap: 10px;
}

.notification-tag-tabs-shell[b-h76y95c0b4] {
    display: grid;
    gap: 8px;
}

.notification-tag-tabs[b-h76y95c0b4] {
    border-bottom: 1px solid #dfe8f4;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 7px;
}

.notification-tag-tab[b-h76y95c0b4] {
    align-items: center;
    background: #fff;
    border: 1px solid #d3dae6;
    border-radius: 999px;
    color: #35445c;
    display: inline-flex;
    font-size: 0.82rem;
    gap: 6px;
    min-height: 30px;
    padding: 5px 9px;
}

.notification-tag-tab-active[b-h76y95c0b4] {
    background: #f6f9fd;
    border-color: #84a8d6;
    color: #0b4d93;
    font-weight: 700;
}

.notification-tag-tab-dot[b-h76y95c0b4] {
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.notification-tag-tab-count[b-h76y95c0b4] {
    align-items: center;
    background: #eef3f9;
    border-radius: 999px;
    color: #536278;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    justify-content: center;
    min-width: 20px;
    padding: 1px 6px;
}

.notification-tag-group[b-h76y95c0b4] {
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    display: grid;
    gap: 7px;
    padding: 9px;
}

.notification-tag-group-title[b-h76y95c0b4] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.notification-tag-panel[b-h76y95c0b4] {
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    padding: 9px;
}

.notification-config-hint[b-h76y95c0b4] {
    color: #66758c;
    font-size: 0.82rem;
}

.notification-schedule-row[b-h76y95c0b4],
.notification-sql-actions[b-h76y95c0b4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.notification-schedule-row .form-control[b-h76y95c0b4] {
    flex: 1 1 220px;
    min-width: 0;
}

.notification-message-tag-target[b-h76y95c0b4] {
    flex: 0 0 180px;
}

.notification-tag[b-h76y95c0b4] {
    border: 1px solid #d3dae6;
    border-radius: 6px;
    background: #fff;
    color: #24344d;
    font-size: 0.85rem;
    padding: 5px 8px;
}

.notification-tag:hover[b-h76y95c0b4] {
    filter: brightness(0.98);
}

.notification-tag-system[b-h76y95c0b4] {
    background: #eef6ff;
    border-color: #b9d8ff;
}

.notification-tag-tab-dot.notification-tag-system[b-h76y95c0b4] {
    background: #1976c9;
}

.notification-tag-system .notification-tag[b-h76y95c0b4],
.notification-tag-system .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #9bc7ff;
    color: #07569b;
}

.notification-tag-date[b-h76y95c0b4] {
    background: #f0f8f3;
    border-color: #b9dfc6;
}

.notification-tag-tab-dot.notification-tag-date[b-h76y95c0b4] {
    background: #2f8b4f;
}

.notification-tag-date .notification-tag[b-h76y95c0b4],
.notification-tag-date .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #9bd2ad;
    color: #1f6b3b;
}

.notification-tag-id[b-h76y95c0b4] {
    background: #f5f1ff;
    border-color: #d3c5ff;
}

.notification-tag-tab-dot.notification-tag-id[b-h76y95c0b4] {
    background: #7153bd;
}

.notification-tag-id .notification-tag[b-h76y95c0b4],
.notification-tag-id .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #bba8f0;
    color: #513894;
}

.notification-tag-code[b-h76y95c0b4] {
    background: #fff7e8;
    border-color: #f0d3a0;
}

.notification-tag-tab-dot.notification-tag-code[b-h76y95c0b4] {
    background: #b7791f;
}

.notification-tag-code .notification-tag[b-h76y95c0b4],
.notification-tag-code .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #e4bc75;
    color: #835414;
}

.notification-tag-status[b-h76y95c0b4] {
    background: #edf8fb;
    border-color: #afdbe6;
}

.notification-tag-tab-dot.notification-tag-status[b-h76y95c0b4] {
    background: #2a8192;
}

.notification-tag-status .notification-tag[b-h76y95c0b4],
.notification-tag-status .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #8bcbd9;
    color: #226474;
}

.notification-tag-value[b-h76y95c0b4] {
    background: #fff1f1;
    border-color: #f0b8b8;
}

.notification-tag-tab-dot.notification-tag-value[b-h76y95c0b4] {
    background: #b74444;
}

.notification-tag-value .notification-tag[b-h76y95c0b4],
.notification-tag-value .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #e29a9a;
    color: #8b2d2d;
}

.notification-tag-entity[b-h76y95c0b4] {
    background: #f2f7ef;
    border-color: #c7dda9;
}

.notification-tag-tab-dot.notification-tag-entity[b-h76y95c0b4] {
    background: #66852e;
}

.notification-tag-entity .notification-tag[b-h76y95c0b4],
.notification-tag-entity .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #adc986;
    color: #4f691f;
}

.notification-tag-transport[b-h76y95c0b4] {
    background: #eef6f8;
    border-color: #b5d6dd;
}

.notification-tag-tab-dot.notification-tag-transport[b-h76y95c0b4] {
    background: #327984;
}

.notification-tag-transport .notification-tag[b-h76y95c0b4],
.notification-tag-transport .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #91c3cc;
    color: #285f67;
}

.notification-tag-integration[b-h76y95c0b4] {
    background: #f8f3ef;
    border-color: #dec6b4;
}

.notification-tag-tab-dot.notification-tag-integration[b-h76y95c0b4] {
    background: #916042;
}

.notification-tag-integration .notification-tag[b-h76y95c0b4],
.notification-tag-integration .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #cba98f;
    color: #734b2f;
}

.notification-tag-other[b-h76y95c0b4] {
    background: #f5f7fb;
    border-color: #d6deea;
}

.notification-tag-tab-dot.notification-tag-other[b-h76y95c0b4] {
    background: #69778c;
}

.notification-tag-other .notification-tag[b-h76y95c0b4],
.notification-tag-other .notification-tag-group-title[b-h76y95c0b4] {
    border-color: #c5cfdd;
    color: #45546b;
}

.notification-target-panel[b-h76y95c0b4],
.notification-side-panel[b-h76y95c0b4] {
    display: grid;
    gap: 8px;
}

.notification-target-panel h3[b-h76y95c0b4],
.notification-side-panel h3[b-h76y95c0b4] {
    color: #1f2f46;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

.notification-target-row[b-h76y95c0b4] {
    align-items: center;
    border: 1px solid #e3e8f0;
    border-radius: 6px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto 1fr auto;
    min-height: 38px;
    padding: 6px 8px;
}

.notification-target-copy[b-h76y95c0b4] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.notification-target-copy strong[b-h76y95c0b4],
.notification-target-copy span[b-h76y95c0b4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-target-copy strong[b-h76y95c0b4] {
    color: #1f2f46;
    font-size: 0.9rem;
    font-weight: 600;
}

.notification-target-copy span[b-h76y95c0b4] {
    color: #66758c;
    font-size: 0.8rem;
}

.notification-remove-button[b-h76y95c0b4] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #7a8699;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.notification-empty[b-h76y95c0b4] {
    color: #66758c;
    font-size: 0.85rem;
    padding: 8px 0;
}

.notification-side-panel-row[b-h76y95c0b4] {
    align-items: center;
    border-bottom: 1px solid #e3e8f0;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
}
/* /Products/aReport/Relatorios/ReportViewer/Components/ReportViewerChartPanel.razor.rz.scp.css */
.report-viewer-empty-state[b-pu9ogqj79v] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    gap: 10px;
    padding: 18px;
    color: #66758d;
    font-weight: 700;
}

.report-viewer-chart-grid[b-pu9ogqj79v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-content: start;
    gap: 14px;
    width: 100%;
    height: 100%;
    padding: 14px;
    overflow: auto;
    background: #f8fafc;
}

.report-viewer-chart-panel[b-pu9ogqj79v] {
    min-height: 280px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9e1ee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(10, 67, 232, 0.07);
}

.report-viewer-chart-panel > header[b-pu9ogqj79v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid #edf2f7;
}

.report-viewer-chart-panel > header strong[b-pu9ogqj79v],
.report-viewer-chart-panel > header span[b-pu9ogqj79v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-chart-panel > header strong[b-pu9ogqj79v] {
    color: #0a1a3a;
    font-size: 0.9rem;
    font-weight: 800;
}

.report-viewer-chart-panel > header span[b-pu9ogqj79v] {
    color: #66758d;
    font-size: 0.78rem;
    font-weight: 700;
}

.report-viewer-bars[b-pu9ogqj79v] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.report-viewer-bar-row[b-pu9ogqj79v] {
    display: grid;
    grid-template-columns: minmax(90px, 1.1fr) minmax(110px, 2fr) minmax(64px, auto);
    align-items: center;
    gap: 10px;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
}

.report-viewer-bar-row > span[b-pu9ogqj79v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-bar-track[b-pu9ogqj79v] {
    height: 10px;
    overflow: hidden;
    background: #e7edf5;
    border-radius: 999px;
}

.report-viewer-bar-value[b-pu9ogqj79v] {
    height: 100%;
    min-width: 2px;
}

.report-viewer-line-chart[b-pu9ogqj79v] {
    display: grid;
    grid-template-rows: minmax(180px, 1fr) auto;
    gap: 8px;
    padding: 14px;
}

.report-viewer-line-chart svg[b-pu9ogqj79v] {
    width: 100%;
    height: 100%;
}

.report-viewer-line-chart polyline[b-pu9ogqj79v] {
    fill: none;
    stroke: var(--atrans-primary, #0a43e8);
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.report-viewer-axis-labels[b-pu9ogqj79v] {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    color: #66758d;
    font-size: 0.74rem;
    font-weight: 700;
}

.report-viewer-axis-labels span[b-pu9ogqj79v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-pie-layout[b-pu9ogqj79v] {
    display: grid;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 16px;
}

.report-viewer-pie[b-pu9ogqj79v] {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    border-radius: 50%;
}

.report-viewer-pie span[b-pu9ogqj79v] {
    display: grid;
    place-items: center;
    width: 48%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.report-viewer-pie-legend[b-pu9ogqj79v] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.report-viewer-pie-legend div[b-pu9ogqj79v] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
}

.report-viewer-pie-legend span[b-pu9ogqj79v] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.report-viewer-pie-legend p[b-pu9ogqj79v] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .report-viewer-chart-grid[b-pu9ogqj79v] {
        grid-template-columns: 1fr;
    }
}
/* /Products/aReport/Relatorios/ReportViewer/Components/ReportViewerParameterField.razor.rz.scp.css */
.report-viewer-filter-field[b-muiotq8mbx] {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-bottom: 1px solid #edf2f7;
    background: #fff;
}

.report-viewer-filter-field:last-child[b-muiotq8mbx] {
    border-bottom: 0;
}

.report-viewer-filter-field label[b-muiotq8mbx] {
    margin: 0;
    color: #40516b;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
}

.report-viewer-filter-field .form-control[b-muiotq8mbx] {
    height: 36px;
    border-color: #d9e1ee;
    border-radius: 8px;
    color: #0a1a3a;
    font-size: 0.84rem;
    font-weight: 600;
    box-shadow: none;
}

.report-viewer-filter-field .form-control:focus[b-muiotq8mbx] {
    border-color: rgba(10, 67, 232, 0.42);
    box-shadow: 0 0 0 3px rgba(10, 67, 232, 0.08);
}

.report-viewer-filter-hint[b-muiotq8mbx] {
    color: #b45309;
    font-size: 0.74rem;
    font-weight: 700;
}

.report-viewer-date-filter[b-muiotq8mbx] {
    display: grid;
    gap: 10px;
}

.report-viewer-lookup[b-muiotq8mbx] {
    min-width: 0;
}

.report-viewer-lookup-row[b-muiotq8mbx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 8px;
    align-items: center;
}

.report-viewer-lookup-row:has(> .report-viewer-lookup:only-child)[b-muiotq8mbx] {
    grid-template-columns: minmax(0, 1fr);
}

.report-viewer-lookup-description[b-muiotq8mbx] {
    background: #f4f7fb;
    color: #6f7890;
}
/* /Products/aReport/Relatorios/ReportViewer/Pages/ReportViewer.razor.rz.scp.css */
.report-viewer-page[b-crde3ys6jw] {
    --rv-primary: var(--atrans-primary, #0a43e8);
    --rv-accent: var(--atrans-accent, #19c8ff);
    --rv-ink: var(--atrans-ink, #0a1a3a);
    --rv-muted: var(--atrans-muted, #49526b);
    --rv-border: var(--atrans-border, #d9e1ee);
    --rv-panel: #ffffff;
    --rv-soft: #f5f7fa;
    --rv-soft-blue: #edf4ff;
    --rv-shadow: var(--atrans-shadow, 0 10px 30px rgba(10, 67, 232, 0.08));

    display: grid;
    grid-template-columns: minmax(282px, 340px) minmax(0, 1fr);
    gap: 8px;
    box-sizing: border-box;
    height: calc(100dvh / var(--jump-zoom, 1) - 52px);
    max-height: calc(100dvh / var(--jump-zoom, 1) - 52px);
    padding: 6px 8px 12px;
    overflow: hidden;
    background: var(--rv-soft);
    color: var(--rv-ink);
}

/* Focus mode: when previewing, it shrinks the report list and the filters to give
   room to the preview. The "Show panels" button expands them again. */
.report-viewer-page--focus[b-crde3ys6jw] {
    grid-template-columns: minmax(0, 1fr);
}

.report-viewer-page--focus .report-viewer-sidebar[b-crde3ys6jw],
.report-viewer-page--focus .report-viewer-header-filters[b-crde3ys6jw] {
    display: none;
}

.report-viewer-toggle-panels[b-crde3ys6jw] {
    white-space: nowrap;
}

.report-viewer-sidebar[b-crde3ys6jw],
.report-viewer-workspace-header[b-crde3ys6jw],
.report-viewer-output[b-crde3ys6jw] {
    background: var(--rv-panel);
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    box-shadow: var(--rv-shadow);
}

.report-viewer-sidebar[b-crde3ys6jw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.report-viewer-sidebar-header[b-crde3ys6jw],
.report-viewer-header-top[b-crde3ys6jw],
.report-viewer-filter-toolbar[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.report-viewer-sidebar-header[b-crde3ys6jw] {
    border-bottom: 1px solid var(--rv-border);
}

.report-viewer-sidebar-header[b-crde3ys6jw] {
    padding: 14px;
}

.report-viewer-sidebar-title[b-crde3ys6jw],
.report-viewer-selected-report[b-crde3ys6jw],
.report-viewer-filter-toolbar > div[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.report-viewer-sidebar-title strong[b-crde3ys6jw],
.report-viewer-selected-report h1[b-crde3ys6jw] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-sidebar-title strong[b-crde3ys6jw] {
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0;
}

.report-viewer-sidebar-title small[b-crde3ys6jw] {
    display: block;
    margin-top: 1px;
    color: var(--rv-muted);
    font-size: 0.74rem;
    font-weight: 600;
}

.report-viewer-title-icon[b-crde3ys6jw],
.report-viewer-selected-icon[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--rv-primary);
    background: var(--rv-soft-blue);
    border: 1px solid rgba(10, 67, 232, 0.14);
}

.report-viewer-title-icon[b-crde3ys6jw] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.report-viewer-icon-button[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    background: #fff;
    color: var(--rv-primary);
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.report-viewer-icon-button:hover:not(:disabled)[b-crde3ys6jw] {
    background: var(--rv-primary);
    border-color: var(--rv-primary);
    color: #fff;
}

.report-viewer-icon-button:disabled[b-crde3ys6jw] {
    color: #9aa7bb;
    cursor: not-allowed;
}

.report-viewer-search-wrapper[b-crde3ys6jw] {
    position: relative;
    margin: 12px 14px;
}

.report-viewer-search-wrapper .oi[b-crde3ys6jw] {
    position: absolute;
    top: 50%;
    left: 12px;
    z-index: 1;
    color: #8a97aa;
    font-size: 0.78rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.report-viewer-search[b-crde3ys6jw] {
    width: 100%;
    height: 36px;
    padding-left: 34px;
    border-color: var(--rv-border);
    border-radius: 8px;
    color: var(--rv-ink);
    font-size: 0.82rem;
    box-shadow: none;
}

.report-viewer-search:focus[b-crde3ys6jw] {
    border-color: rgba(10, 67, 232, 0.42);
    box-shadow: 0 0 0 3px rgba(10, 67, 232, 0.08);
}

.report-viewer-report-list[b-crde3ys6jw] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0 10px 12px;
}

.report-viewer-report-list[b-crde3ys6jw]::-webkit-scrollbar {
    width: 8px;
}

.report-viewer-report-list[b-crde3ys6jw]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.report-viewer-group[b-crde3ys6jw] {
    margin-top: 10px;
}

.report-viewer-group h2[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 12px 6px 5px;
    color: #6d7890;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.report-viewer-group h2 span[b-crde3ys6jw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-group h2 small[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    color: #45607f;
    background: #eef3f8;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
}

.report-viewer-report-item[b-crde3ys6jw] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 31px;
    margin: 2px 0;
    padding: 4px 7px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #293a55;
    text-align: left;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.report-viewer-report-icon[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #405977;
    background: #f2f5f9;
    border-radius: 8px;
    font-size: 0.66rem;
}

.report-viewer-report-item span:last-child[b-crde3ys6jw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem;
    font-weight: 700;
}

.report-viewer-report-item:hover[b-crde3ys6jw] {
    background: #f4f8ff;
    border-color: #d7e5ff;
    color: var(--rv-primary);
}

.report-viewer-report-item:hover .report-viewer-report-icon[b-crde3ys6jw] {
    color: var(--rv-primary);
    background: #e8f1ff;
}

.report-viewer-report-item.selected[b-crde3ys6jw] {
    background: var(--rv-soft-blue);
    border-color: rgba(10, 67, 232, 0.22);
    color: var(--rv-primary);
    box-shadow: inset 3px 0 0 var(--rv-primary);
}

.report-viewer-report-item.selected .report-viewer-report-icon[b-crde3ys6jw] {
    color: #fff;
    background: var(--rv-primary);
}

.report-viewer-workspace[b-crde3ys6jw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.report-viewer-workspace-header[b-crde3ys6jw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 14px;
    overflow: hidden;
}

.report-viewer-header-top[b-crde3ys6jw] {
    min-width: 0;
}

.report-viewer-selected-icon[b-crde3ys6jw] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 0.96rem;
}

.report-viewer-selected-report[b-crde3ys6jw] {
    flex: 1 1 auto;
}

.report-viewer-selected-report > div[b-crde3ys6jw] {
    min-width: 0;
}

.report-viewer-selected-report h1[b-crde3ys6jw] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.2;
}

.report-viewer-selected-report p[b-crde3ys6jw] {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--rv-muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-viewer-actions[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.report-viewer-actions .btn[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    width: auto;
    min-width: max-content;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    overflow: visible;
    white-space: nowrap;
}

.report-viewer-actions .btn-primary[b-crde3ys6jw] {
    background: var(--rv-primary);
    border-color: var(--rv-primary);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(10, 67, 232, 0.16);
}

.report-viewer-actions .btn-primary .oi[b-crde3ys6jw] {
    color: #fff !important;
}

.report-viewer-actions .btn-outline-secondary[b-crde3ys6jw] {
    color: #344660;
    background: #fff;
    border-color: var(--rv-border);
}

.report-viewer-actions .report-viewer-cancel-button[b-crde3ys6jw] {
    color: #b42318;
    background: #fff7f7;
    border-color: #fecaca;
}

.report-viewer-actions .report-viewer-cancel-button:hover:not(:disabled)[b-crde3ys6jw] {
    color: #fff;
    background: #d92d20;
    border-color: #d92d20;
}

.report-viewer-actions .report-viewer-cancel-button:disabled[b-crde3ys6jw] {
    color: #b77973;
    background: #fff7f7;
    border-color: #ffd8d4;
}

.report-viewer-content[b-crde3ys6jw] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.report-viewer-filters[b-crde3ys6jw] {
    min-width: 0;
}

.report-viewer-header-filters[b-crde3ys6jw] {
    display: grid;
    grid-template-columns: minmax(104px, auto) minmax(0, 1fr);
    align-items: end;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid #edf2f7;
}

.report-viewer-filter-toolbar[b-crde3ys6jw] {
    align-self: center;
}

.report-viewer-filter-toolbar > div[b-crde3ys6jw] {
    color: var(--rv-ink);
    font-size: 0.82rem;
    font-weight: 800;
}

.report-viewer-filter-toolbar > div .oi[b-crde3ys6jw] {
    color: var(--rv-primary);
    font-size: 0.8rem;
}

.report-viewer-filter-toolbar > span[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--rv-soft-blue);
    color: var(--rv-primary);
    font-size: 0.7rem;
    font-weight: 800;
}

.report-viewer-filter-grid[b-crde3ys6jw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 240px));
    justify-content: start;
    align-items: end;
    gap: 10px;
    min-width: 0;
}

.report-viewer-header-filters > .report-viewer-empty-state[b-crde3ys6jw] {
    justify-content: flex-start;
    min-height: 32px;
    padding: 0;
    font-size: 0.78rem;
    font-weight: 700;
}

.report-viewer-filters[b-crde3ys6jw]  .report-viewer-filter-field {
    min-width: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    background: transparent;
}

.report-viewer-filters[b-crde3ys6jw]  .report-viewer-filter-field label {
    font-size: 0.72rem;
}

.report-viewer-filters[b-crde3ys6jw]  .report-viewer-filter-field .form-control {
    height: 32px;
    font-size: 0.78rem;
}

.report-viewer-output[b-crde3ys6jw] {
    position: relative;
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.report-viewer-preview[b-crde3ys6jw] {
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    background: #fff;
}

.report-viewer-start-state[b-crde3ys6jw],
.report-viewer-empty-state[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #66758d;
}

.report-viewer-start-state[b-crde3ys6jw] {
    flex: 1;
    flex-direction: column;
    min-height: 360px;
    background: #fff;
    border: 1px solid var(--rv-border);
    border-radius: 8px;
    box-shadow: var(--rv-shadow);
}

.report-viewer-start-state .oi[b-crde3ys6jw],
.report-viewer-output-state .oi[b-crde3ys6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--rv-primary);
    background: var(--rv-soft-blue);
    border-radius: 8px;
    font-size: 1rem;
}

.report-viewer-start-state strong[b-crde3ys6jw],
.report-viewer-output-state strong[b-crde3ys6jw] {
    color: #40516b;
    font-size: 0.9rem;
    font-weight: 800;
}

.report-viewer-empty-state[b-crde3ys6jw] {
    min-height: 120px;
    padding: 18px;
}

.report-viewer-output-state[b-crde3ys6jw] {
    flex: 1;
    flex-direction: column;
    min-height: 100%;
}

@media (max-width: 1180px) {
    .report-viewer-filter-grid[b-crde3ys6jw] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
}

@media (max-width: 980px) {
    .report-viewer-page[b-crde3ys6jw] {
        grid-template-columns: 1fr;
    }

    .report-viewer-page[b-crde3ys6jw] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .report-viewer-sidebar[b-crde3ys6jw] {
        max-height: 380px;
    }

    .report-viewer-header-top[b-crde3ys6jw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .report-viewer-header-filters[b-crde3ys6jw] {
        grid-template-columns: 1fr;
    }

    .report-viewer-filter-grid[b-crde3ys6jw] {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .report-viewer-actions[b-crde3ys6jw] {
        justify-content: flex-start;
    }

    .report-viewer-output[b-crde3ys6jw] {
        min-height: 520px;
    }

    .report-viewer-preview[b-crde3ys6jw] {
        min-height: 0;
    }
}

.report-viewer-chart-dashboard[b-crde3ys6jw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    align-content: start;
}

.report-viewer-chart-tile[b-crde3ys6jw] {
    display: flex;
    flex-direction: column;
    min-height: 340px;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 10px;
    overflow: hidden;
}

.report-viewer-chart-tile > header + *[b-crde3ys6jw] {
    flex: 1 1 auto;
    min-height: 0;
}

.report-viewer-chart-tile[b-crde3ys6jw]  .report-viewer-chart-grid {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
}

.report-viewer-chart-tile[b-crde3ys6jw]  .report-viewer-chart-panel {
    min-height: 0;
}

.report-viewer-chart-tile.selected[b-crde3ys6jw] {
    border-color: rgba(10, 67, 232, 0.42);
    box-shadow: 0 0 0 3px rgba(10, 67, 232, 0.08);
}

.report-viewer-chart-tile > header[b-crde3ys6jw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #edf2f7;
    background: #f8fafc;
}

.report-viewer-chart-tile > header strong[b-crde3ys6jw] {
    color: #0a1a3a;
    font-size: 0.82rem;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .report-viewer-chart-dashboard[b-crde3ys6jw] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Sits next to the report title, so it must not be squeezed by a long name. */
.report-viewer-criteria-button[b-crde3ys6jw] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
}

/* The criteria text is authored with line breaks; without this they would collapse. */
.report-viewer-criteria-text[b-crde3ys6jw] {
    white-space: pre-line;
    text-align: left;
    color: #33415c;
    font-size: 0.78rem;
    line-height: 1.5;
}
/* /Products/aRoute/Rotas/Corridor/Components/CorridorMapPanel.razor.rz.scp.css */
.corridor-map-panel[b-w48qp4fan8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.corridor-map-panel-toolbar[b-w48qp4fan8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.corridor-map-panel-hint[b-w48qp4fan8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
}

.corridor-map-panel-actions[b-w48qp4fan8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.corridor-map-panel-button[b-w48qp4fan8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid rgba(191, 219, 254, 0.96);
    border-radius: 999px;
    background: #ffffff;
    color: #0f4c81;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.corridor-map-panel-button:hover[b-w48qp4fan8] {
    background: #eff6ff;
}

.corridor-map-panel-button--danger[b-w48qp4fan8] {
    border-color: rgba(248, 113, 113, 0.6);
    color: #b91c1c;
}

.corridor-map-panel-button--danger:hover[b-w48qp4fan8] {
    background: #fef2f2;
}
/* /Products/aTrans/RegistosViagem/DriverCalendar/Components/Calendar.razor.rz.scp.css */
[b-shjrva9xqy] .dxbl-calendar-footer {
    display: none !important;
}

.vacation[b-shjrva9xqy] {
    background: #8bf28b;
}

.halfDayVacation[b-shjrva9xqy] {
    background: radial-gradient(circle, rgba(210,255,210,1) 0%, rgba(144,238,144,1) 100%);
}

.absence[b-shjrva9xqy] {
    background: #ff0000;
}

.halfDayAbsence[b-shjrva9xqy] {
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 100%);
}

.weekendWork[b-shjrva9xqy] {
    background: #5F9EA0;
}

.workingDays[b-shjrva9xqy] {
    background: #00B0FF;
}

.off[b-shjrva9xqy] {
    background: #ff9900;
}

.halfDayOff[b-shjrva9xqy] {
    background: radial-gradient( circle, #ff9933 0%, #ffcc88 45%, #ffe6cc 100% );
}

.sick[b-shjrva9xqy] {
    background: #ff7f7f;
}

.halfDaySickLeave[b-shjrva9xqy] {
    background: radial-gradient(circle, #FFEBEB 10%, #FFA0A0 100%);
}

.training[b-shjrva9xqy] {
    background: #ffd200;
}

.halfDayTraining[b-shjrva9xqy] {
    background: radial-gradient(circle, #fff4ad 0%, #ffd700 100%);
}

.holiday[b-shjrva9xqy] {
    background: #cfcfcf;
}

.day-cell[b-shjrva9xqy] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 6px;
    padding: 4px;
    text-align: center;
}

.calendar-box[b-shjrva9xqy] {
    position: relative;
    margin-bottom: 0.3rem;
}

.month-popup[b-shjrva9xqy] {
    position: absolute;
    top: 0rem;
    left: 8rem;
    z-index: 5000;
    height: 21rem;
    overflow: scroll;
    width: 11rem;
}

.popup[b-shjrva9xqy] {
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    min-width: 150px;
}

    .popup button[b-shjrva9xqy] {
        margin: 4px;
    }

.popup-overlay[b-shjrva9xqy] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 4000;
}


[b-shjrva9xqy] dxbl-calendar-table-container.dxbl-calendar-content {
    height: 15rem;
}

svg.dxbl-image[b-shjrva9xqy] {
    display: none;
}

.calendar-grid[b-shjrva9xqy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

.year-nav[b-shjrva9xqy] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .year-nav button[b-shjrva9xqy] {
        padding: 6px 12px;
        font-size: 16px;
        cursor: pointer;
    }

.year-label[b-shjrva9xqy] {
    font-size: 20px;
    font-weight: bold;
}
.legend-item[b-shjrva9xqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.legend-color[b-shjrva9xqy] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    flex-shrink: 0;
    border: 1px solid #999;
}
.popup button:hover[b-shjrva9xqy] {
    background: #f5f5f5;
}
.popup-option[b-shjrva9xqy] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    justify-content: flex-start;
}

    .popup-option:hover[b-shjrva9xqy] {
        background: #f3f3f3;
        border-radius: 6px;
    }

/* colour square */

.legend-color[b-shjrva9xqy] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,0.2);
}


/* /Products/aTrans/RegistosViagem/DriverCalendar/Pages/DriverCalendar.razor.rz.scp.css */
.driver-calendar-legend[b-lnwp33d8x7] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    align-items: center;
}

.driver-calendar-legend-item[b-lnwp33d8x7] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.driver-calendar-legend-dot[b-lnwp33d8x7] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.driver-calendar-legend-card[b-lnwp33d8x7] {
    margin-top: 10px;
}

.driver-calendar-lookup .ctlf4-label[b-lnwp33d8x7] {
    width: 0;
}

.vacation[b-lnwp33d8x7] {
    background: #8bf28b;
}

.absence[b-lnwp33d8x7] {
    background: #ff0000;
}

.weekendWork[b-lnwp33d8x7] {
    background: #5f9ea0;
}

.workingDays[b-lnwp33d8x7] {
    background: #00b0ff;
}

.off[b-lnwp33d8x7] {
    background: #ff9900;
}

.sick[b-lnwp33d8x7] {
    background: #ff7f7f;
}

.training[b-lnwp33d8x7] {
    background: #ffd200;
}

.holiday[b-lnwp33d8x7] {
    background: #cfcfcf;
}
/* /Products/aTrans/RegistosViagem/TravelDossier/Components/TravelDossierPendingRecordsPanel.razor.rz.scp.css */
/* Selection and import actions above the pending records grid. */
.travel-dossier-pending-actions[b-8pp1pgn0ns] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
/* /Products/aTrans/RegistosViagem/TravelLog/Pages/RegistoViagem.razor.rz.scp.css */
.travel-log-surface[b-3l0740zisx] {
    min-width: 0;
}

/* ---------------------------------------------------------------------------
   Compact summary bar (always visible); the data cards collapse
   when there is a record open. It follows the LoadOrder/Purchases pattern.
--------------------------------------------------------------------------- */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-region {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
    cursor: default;
    user-select: none;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-rows {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 6px;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    min-width: 0;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary {
    padding-top: 6px;
    border-top: 0.5px solid #eef2f7;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item strong {
    font-size: 12px;
    font-weight: 500;
    color: #49658d;
}

/* Kms A Pagar destacado a negrito. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item.strong strong,
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.strong strong {
    font-weight: 700;
    color: #06245d;
}

/* ---------------------------------------------------------------------------
   Km metrics: each value with its own colour (sober, desaturated tones) so
   they can be told apart at a glance without competing with the rest of the form.
--------------------------------------------------------------------------- */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric strong {
    align-self: flex-start;
    padding: 1px 7px;
    border-radius: 999px;
    border: 0.5px solid transparent;
    font-size: 12px;
    font-weight: 600;
}

/* Start/End Km: entered by the user — the theme's blue. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric-km strong {
    color: #185FA5;
    background: #E6F1FB;
    border-color: #CFE3F6;
}

/* Kms Totais: resultado principal — verde-azulado. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric-total strong {
    color: #0F6E56;
    background: #E1F5EE;
    border-color: #C6E8DC;
}

/* Empty Km: a leg without a load — discreet amber, it draws attention. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric-empty strong {
    color: #854F0B;
    background: #FAEEDA;
    border-color: #F0DFBE;
}

/* Price per KM: the trip's cost per km to pay — discreet coral. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric-price strong {
    color: #993C1D;
    background: #FAECE7;
    border-color: #F2DBD1;
}

/* Km To Pay: the value to invoice — the most prominent on the row. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-bar-fields.secondary .travel-log-summary-item.metric-pay strong,
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item.strong.metric-pay strong {
    color: #534AB7;
    background: #EEEDFE;
    border-color: #DAD7F8;
    font-weight: 700;
}

/* Clickable fields on the bar: they expand and focus the respective control. */
.travel-log-surface[b-3l0740zisx]  .travel-log-summary-seg {
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 6px;
    margin: -2px -6px;
    transition: background .12s ease;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-seg:hover {
    background: #eef4fd;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item.wide {
    flex: 1 1 200px;
    max-width: 340px;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item span {
    font-size: 10px;
    color: #6b7a90;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-item strong {
    font-size: 13px;
    font-weight: 600;
    color: #06245d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-toggle {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #B5D4F4;
    border-radius: 8px;
    background: #ffffff;
    color: #185FA5;
    cursor: pointer;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-summary-toggle:hover {
    background: #E6F1FB;
}

@media (max-width: 900px) {
    .travel-log-surface[b-3l0740zisx]  .travel-log-summary-item.wide {
        max-width: none;
    }
}

/* Fuel's km column: the tooltip shows the sheet's km range, in the header (with an icon)
   and also in each cell. */
.travel-log-surface[b-3l0740zisx]  .travel-log-km-range {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: help;
}

.travel-log-surface[b-3l0740zisx]  .travel-log-km-range-icon {
    font-size: 9px;
    color: #6b7a90;
}

/* ---------------------------------------------------------------------------
   Barcode popup (the service sheet's number).
--------------------------------------------------------------------------- */
.travel-log-barcode-panel[b-3l0740zisx] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 12px;
}

.travel-log-barcode-print-area[b-3l0740zisx] {
    display: flex;
    justify-content: center;
}

.travel-log-barcode-label[b-3l0740zisx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 20px;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
}

    .travel-log-barcode-label img[b-3l0740zisx] {
        max-width: 100%;
    }

    .travel-log-barcode-label strong[b-3l0740zisx] {
        color: #06245d;
        font-size: 13px;
        font-weight: 800;
    }

    .travel-log-barcode-label span[b-3l0740zisx] {
        color: #49658d;
        font-size: 12px;
        font-weight: 700;
    }
/* /Products/aTrans/Trafego/LoadOrder/Intake/Pages/IntakeMonitor.razor.rz.scp.css */
/* Intake monitor board. The page chrome (header band, background, radius, shadow) comes from
   EntityHeader inside app-page/jump-form-page, like every other page; only the board itself is
   local. Colours follow the app-page tokens and the KPI chip variants of EntityHeader. */

.ocim-page[b-xde3936i4f] {
    --ocim-blue: #0057b8;
    --ocim-green: #15803d;
    --ocim-amber: #b45309;
    --ocim-red: #b42318;
    --ocim-purple: #6d4cc2;
    /* Flex column instead of a grid: it is what lets the footbar take the leftover height with
       margin-top:auto and sit at the bottom of the page, whatever the board's height. */
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* The page fills the frame exactly — the same expression app-page uses for its min-height — so
       the scrolling happens inside each column and the footbar sits on the bottom edge with nothing
       to push it down. overflow is auto and not hidden on purpose: on a viewport too short for the
       header, the toolbar and the bar, the page scrolls (with the bar kept in place by its sticky
       bottom) instead of clipping whatever did not fit. */
    height: calc(100vh / var(--jump-zoom, 1) - 72px);
    overflow: auto;
}

/* EntityHeader has amber/blue/green/purple chip variants but no red one, and an intake waiting for a
   person has to read as a failure. ::deep because the chip is rendered by EntityHeader, which does
   not carry this page's isolation scope. */
.ocim-page[b-xde3936i4f]  .page-header-kpi.ocim-kpi-blocked {
    color: var(--ocim-red);
    border-color: #fecdca;
    background: #fef3f2;
}

/* Toolbar: the filters on the left, seven-day trend on the right. */
.ocim-toolbar[b-xde3936i4f] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 6px 10px;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: var(--app-page-radius, 8px);
    background: var(--app-page-card-bg, #fff);
    box-shadow: var(--app-page-shadow, 0 12px 30px rgba(16, 42, 84, .05));
}

/* The filter groups sit side by side and wrap together on a narrow window. */
.ocim-filters[b-xde3936i4f] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* Segmented control, shared by the source and the period filters. */
.ocim-segmented[b-xde3936i4f] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Separates the two groups without a border between every button. */
.ocim-segmented + .ocim-segmented[b-xde3936i4f] {
    padding-left: 6px;
    border-left: 1px solid var(--app-page-border, #dbe7f6);
}

.ocim-segmented button[b-xde3936i4f] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #31476d;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.ocim-segmented button:hover:not(:disabled)[b-xde3936i4f] {
    background: #f3f8ff;
    color: var(--ocim-blue);
}

.ocim-segmented button.active[b-xde3936i4f] {
    border-color: #b9d2f4;
    background: #eef6ff;
    color: var(--ocim-blue);
}

.ocim-segmented button:disabled[b-xde3936i4f] {
    color: #9fb0c8;
    font-style: italic;
    cursor: default;
}

.ocim-trend[b-xde3936i4f] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.ocim-trend-label[b-xde3936i4f] {
    color: var(--app-page-muted, #557097);
    font-size: 11.5px;
    font-weight: 700;
}

.ocim-bars[b-xde3936i4f] {
    display: flex;
    gap: 3px;
    align-items: flex-end;
    height: 26px;
}

.ocim-bars i[b-xde3936i4f] {
    width: 10px;
    /* A day with no intake still needs a visible baseline, otherwise the bar disappears. */
    min-height: 3px;
    background: #dbe7f6;
    border-radius: 2px 2px 0 0;
    display: block;
}

.ocim-bars i.hi[b-xde3936i4f] {
    background: var(--ocim-blue);
}

.ocim-status[b-xde3936i4f] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff7ef;
    border: 1px solid #ffd2b0;
    color: var(--ocim-amber);
    border-radius: var(--app-page-radius, 8px);
    padding: 8px 12px;
    font-size: 12.5px;
    font-weight: 650;
}

.ocim-placeholder[b-xde3936i4f] {
    padding: 22px;
    border: 1px dashed var(--app-page-border, #dbe7f6);
    border-radius: var(--app-page-radius, 8px);
    background: var(--app-page-card-bg, #fff);
    color: var(--app-page-muted, #557097);
    font-size: 12.5px;
    text-align: center;
}

/* Board */
.ocim-board[b-xde3936i4f] {
    /* Takes what is left between the toolbar and the footbar; min-height:0 is what allows a flex
       child to be shorter than its content and therefore to scroll inside. align-items is stretch
       (not start) so every column gets the full height to scroll within. */
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

/* Seven columns when the validation one is on screen. */
.ocim-board-wide[b-xde3936i4f] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

@media (max-width: 1500px) {
    .ocim-board[b-xde3936i4f],
    .ocim-board-wide[b-xde3936i4f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .ocim-board[b-xde3936i4f],
    .ocim-board-wide[b-xde3936i4f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .ocim-board[b-xde3936i4f],
    .ocim-board-wide[b-xde3936i4f] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* One column at a time: an inner scroll area per section would leave the operator scrolling a
       few centimetres of cards. The page scrolls instead, as it did before. */
    .ocim-page[b-xde3936i4f] {
        height: auto;
        min-height: calc(100vh / var(--jump-zoom, 1) - 72px);
        overflow: visible;
    }

    .ocim-col-cards[b-xde3936i4f] {
        overflow-y: visible;
    }
}

.ocim-col[b-xde3936i4f] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: var(--app-page-radius, 8px);
    background: #f7fafd;
    padding: 8px;
}

/* The scrolling part of a column. Title, hint and bulk actions stay above it. */
.ocim-col-cards[b-xde3936i4f] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    /* Keeps the scrollbar off the cards' right edge. */
    padding-right: 2px;
    scrollbar-width: thin;
}

.ocim-col-cards[b-xde3936i4f]::-webkit-scrollbar {
    width: 6px;
}

.ocim-col-cards[b-xde3936i4f]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #c3d2e6;
}

/* The last card should not look glued to the bottom edge of the column. */
.ocim-col-cards .ocim-card:last-child[b-xde3936i4f] {
    margin-bottom: 2px;
}

.ocim-col h2[b-xde3936i4f] {
    flex: 0 0 auto;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--app-page-muted, #557097);
    padding: 2px 4px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.ocim-col-check h2[b-xde3936i4f] { color: #0f766e; }
.ocim-col-pending h2[b-xde3936i4f] { color: #8a5a00; }
.ocim-col-run h2[b-xde3936i4f] { color: var(--ocim-blue); }
.ocim-col-err h2[b-xde3936i4f] { color: var(--ocim-red); }
.ocim-col-ok h2[b-xde3936i4f] { color: var(--ocim-green); }
.ocim-col-manual h2[b-xde3936i4f] { color: var(--ocim-purple); }
.ocim-col-ignored h2[b-xde3936i4f] { color: #79808f; }

.ocim-count[b-xde3936i4f] {
    min-width: 22px;
    flex: 0 0 auto;
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: 999px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    color: inherit;
}

.ocim-count.empty[b-xde3936i4f] {
    color: #9fb0c8;
}

.ocim-hint[b-xde3936i4f] {
    flex: 0 0 auto;
    color: var(--app-page-muted, #557097);
    font-size: 11.5px;
    padding: 2px 4px 8px;
}

/* Column-level actions (today only the Ignorados bulk removal). */
.ocim-col-actions[b-xde3936i4f] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0 4px 8px;
}

.ocim-link-btn[b-xde3936i4f] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ocim-blue);
    font-size: 11.5px;
    font-weight: 750;
    cursor: pointer;
}

.ocim-link-btn:hover:not(:disabled)[b-xde3936i4f] {
    background: #eef6ff;
}

.ocim-link-btn.danger[b-xde3936i4f] {
    color: var(--ocim-red);
}

.ocim-link-btn.danger:hover:not(:disabled)[b-xde3936i4f] {
    background: #fef3f2;
}

.ocim-link-btn:disabled[b-xde3936i4f] {
    color: #9fb0c8;
    cursor: default;
}

.ocim-col-empty[b-xde3936i4f] {
    padding: 12px 4px;
    color: #9fb0c8;
    font-size: 11.5px;
    text-align: center;
}

/* Cards */
.ocim-card[b-xde3936i4f] {
    background: var(--app-page-card-bg, #fff);
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-left: 3px solid var(--ocim-blue);
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(10, 26, 58, .05);
    cursor: pointer;
    transition: box-shadow .16s ease, transform .16s ease;
}

.ocim-card:hover[b-xde3936i4f] {
    box-shadow: 0 8px 18px rgba(0, 87, 184, .12);
    transform: translateY(-1px);
}

.ocim-card:focus-visible[b-xde3936i4f] {
    outline: 2px solid var(--ocim-blue);
    outline-offset: 1px;
}

.ocim-col-check .ocim-card[b-xde3936i4f] { border-left-color: #0f766e; }
.ocim-col-err .ocim-card[b-xde3936i4f] { border-left-color: var(--ocim-red); }
.ocim-col-ok .ocim-card[b-xde3936i4f] { border-left-color: var(--ocim-green); }
.ocim-col-manual .ocim-card[b-xde3936i4f] { border-left-color: var(--ocim-purple); }
/* Muted on purpose: ignored items are settled, not calls to action. */
.ocim-col-ignored .ocim-card[b-xde3936i4f] { border-left-color: #b9bfcc; opacity: .85; }

.ocim-card-from[b-xde3936i4f] {
    font-weight: 750;
    font-size: 12.5px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

/* Selection tick of a removable card. Sized down so it does not compete with the sender. */
.ocim-card-select[b-xde3936i4f] {
    display: inline-flex;
    align-items: center;
    margin: 0 2px 0 0;
    cursor: pointer;
}

.ocim-card-select input[b-xde3936i4f] {
    width: 13px;
    height: 13px;
    margin: 0;
    cursor: pointer;
}

.ocim-card-from span[b-xde3936i4f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ocim-card-from small[b-xde3936i4f] {
    color: var(--app-page-muted, #557097);
    font-weight: 400;
    white-space: nowrap;
}

/* Two lines at most: it keeps the cards of a column at a comparable height. */
.ocim-card-subject[b-xde3936i4f] {
    margin: 2px 0 6px;
    font-size: 12.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Created-with-a-caveat badge: the order exists, something after it is pending. */
.ocim-warn[b-xde3936i4f] {
    color: var(--ocim-amber);
    margin-right: 4px;
    font-size: 11px;
    cursor: help;
}

.ocim-card-error[b-xde3936i4f] {
    font-family: Consolas, monospace;
    font-size: 11px;
    color: var(--ocim-red);
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: 6px;
    padding: 3px 6px;
    margin-bottom: 6px;
    word-break: break-word;
}

.ocim-card-foot[b-xde3936i4f] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.ocim-spacer[b-xde3936i4f] {
    margin-left: auto;
}

.ocim-pill[b-xde3936i4f] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    background: #f4f7fb;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: 999px;
    padding: 1px 7px;
    color: var(--app-page-muted, #557097);
}

.ocim-pill-src[b-xde3936i4f] {
    border-color: #c8ddfb;
    background: #f4f9ff;
    color: var(--ocim-blue);
}

.ocim-oc[b-xde3936i4f] {
    color: var(--ocim-blue);
    font-weight: 750;
    text-decoration: none;
    font-size: 12px;
}

.ocim-oc:hover[b-xde3936i4f] {
    text-decoration: underline;
}

.ocim-icon-btn[b-xde3936i4f] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: 6px;
    background: #fff;
    color: var(--ocim-blue);
    font-size: 11px;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease;
}

.ocim-icon-btn:hover:not(:disabled)[b-xde3936i4f] {
    background: #eef6ff;
    border-color: #b9d2f4;
}

.ocim-icon-btn.ok[b-xde3936i4f] {
    color: var(--ocim-green);
}

.ocim-icon-btn.ok:hover:not(:disabled)[b-xde3936i4f] {
    background: #f2fcf5;
    border-color: #c8edd4;
}

.ocim-icon-btn.danger[b-xde3936i4f] {
    color: var(--ocim-red);
}

.ocim-icon-btn.danger:hover:not(:disabled)[b-xde3936i4f] {
    background: #fef3f2;
    border-color: #fecdca;
}

.ocim-icon-btn:disabled[b-xde3936i4f] {
    opacity: .55;
    cursor: default;
}

/* Footbar: page status bar, same card chrome as the toolbar so the page reads as top/bottom bands
   around the board. Built to grow: each item is an icon + label + value chip in a flex row. */
.ocim-footbar[b-xde3936i4f] {
    /* Last row of a page that does not scroll, so it sits on the bottom edge. Sticky as well: if a
       narrow viewport ever gives the page a scrollbar, the bar stays visible instead of scrolling
       away. */
    flex: 0 0 auto;
    margin-top: auto;
    position: sticky;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 5px 10px;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: var(--app-page-radius, 8px);
    background: var(--app-page-card-bg, #fff);
    color: var(--app-page-muted, #557097);
    font-size: 11.5px;
}

.ocim-footbar-items[b-xde3936i4f] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ocim-footbar-item[b-xde3936i4f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Separator between entries, so more indicators stay readable without extra markup. */
.ocim-footbar-item + .ocim-footbar-item[b-xde3936i4f] {
    padding-left: 8px;
    border-left: 1px solid var(--app-page-border, #dbe7f6);
}

.ocim-footbar-label[b-xde3936i4f]::after {
    content: ":";
}

.ocim-footbar-item b[b-xde3936i4f] {
    color: var(--app-page-ink, #06245d);
    font-weight: 750;
}

.ocim-footbar-state[b-xde3936i4f] {
    color: var(--ocim-blue);
    font-weight: 750;
}

/* Marker of a card somebody already completed by hand. */
.ocim-pill-int[b-xde3936i4f] {
    border-color: #d9cdf8;
    background: #f8f5ff;
    color: var(--ocim-purple);
}

/* Intervention form: two columns on a wide dialog, one on a narrow one. */
.ocim-int-form[b-xde3936i4f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 620px) {
    .ocim-int-form[b-xde3936i4f] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ocim-int-note[b-xde3936i4f] {
    margin: 8px 0 0;
    color: var(--app-page-muted, #557097);
    font-size: 11px;
    text-align: center;
}

/* Inline in the footer, not absolutely positioned: the footer of JumpStandardDialog is a plain
   flex row, and anchoring to it would depend on a position:relative it does not promise. */
.ocim-int-check[b-xde3936i4f] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 6px 0 0;
    color: var(--app-page-muted, #557097);
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
}

.ocim-int-check input[b-xde3936i4f] {
    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
}

/* Modal content (rendered inside the shared jump-dialog shell) */
.ocim-meta[b-xde3936i4f] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3px 12px;
    font-size: 12px;
    margin: 0;
}

.ocim-meta dt[b-xde3936i4f] {
    color: var(--app-page-muted, #557097);
}

.ocim-meta dd[b-xde3936i4f] {
    margin: 0;
    word-break: break-all;
}

.ocim-mono[b-xde3936i4f] {
    font-family: Consolas, monospace;
    font-size: 11.5px;
    color: var(--app-page-muted, #557097);
}

.ocim-timeline[b-xde3936i4f] {
    border-left: 2px solid var(--app-page-border, #dbe7f6);
    margin-left: 6px;
    padding-left: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ocim-step[b-xde3936i4f] {
    position: relative;
}

.ocim-step[b-xde3936i4f]::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ocim-green);
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--app-page-border, #dbe7f6);
}

.ocim-step.warn[b-xde3936i4f]::before { background: var(--ocim-amber); }
.ocim-step.err[b-xde3936i4f]::before { background: var(--ocim-red); }

.ocim-step b[b-xde3936i4f] {
    font-size: 12px;
}

.ocim-step small[b-xde3936i4f] {
    color: var(--app-page-muted, #557097);
    display: block;
}

.ocim-json[b-xde3936i4f] {
    background: #f4f7fb;
    border: 1px solid var(--app-page-border, #dbe7f6);
    border-radius: 6px;
    padding: 5px 8px;
    font-family: Consolas, monospace;
    font-size: 10.5px;
    color: var(--app-page-muted, #557097);
    margin-top: 3px;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 180px;
    overflow: auto;
}
/* /Products/aTrans/Trafego/RegularService/Components/RegularServicesOrdensCargaGrid.razor.rz.scp.css */
.regular-service-ordens-carga-grid[b-15mw7pkm86] {
    height: 100%;
    min-height: 0;
    display: flex;
}

.regular-service-ordens-carga-grid .dxbl-grid[b-15mw7pkm86] {
    height: 100%;
    width: 100%;
}

.regular-service-ordens-carga-grid .dxbl-grid-data-area[b-15mw7pkm86] {
    overflow-y: auto;
}
/* /Products/aTrans/Trafego/RegularService/Pages/ServicosRegulares.razor.rz.scp.css */
.regular-service-page[b-cj9v5ep3ih] {
    --regular-service-panel-width: 35rem;
}

.regular-service-shell-grid[b-cj9v5ep3ih] {
    min-height: calc(100vh / var(--jump-zoom, 1) - 86px);
}

.regular-service-main-stack[b-cj9v5ep3ih] {
    min-width: 0;
}

.regular-service-clickable-label[b-cj9v5ep3ih] {
    color: #3399ff;
    cursor: pointer;
    user-select: none;
    margin-bottom: .25rem;
}

.regular-service-base-order-line[b-cj9v5ep3ih] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
}

.regular-service-weekday-grid[b-cj9v5ep3ih] {
    gap: .75rem;
}

.regular-service-weekday-item[b-cj9v5ep3ih] {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

.regular-service-summary[b-cj9v5ep3ih] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.regular-service-summary-chip[b-cj9v5ep3ih] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .04);
    font-weight: 700;
    width: fit-content;
}

.regular-service-summary-chip.is-new[b-cj9v5ep3ih] {
    color: #0d4ea8;
    background: linear-gradient(180deg, #edf5ff 0%, #fff 100%);
    border: 1px solid rgba(13, 78, 168, .16);
}

.regular-service-summary-chip.is-saved[b-cj9v5ep3ih] {
    color: #2a8d55;
    background: linear-gradient(180deg, #eefaf3 0%, #fff 100%);
    border: 1px solid rgba(42, 141, 85, .16);
}

.regular-service-floating-panel[b-cj9v5ep3ih] {
    width: var(--regular-service-panel-width);
    max-width: min(var(--regular-service-panel-width), calc(100vw / var(--jump-zoom, 1) - 24px));
}

.regular-service-floating-panel-content[b-cj9v5ep3ih] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    height: 620px;
    min-height: 620px;
}

.regular-service-floating-panel-header[b-cj9v5ep3ih] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .2rem 0 .1rem;
}

.regular-service-floating-panel-header strong[b-cj9v5ep3ih] {
    color: #0d4ea8;
    font-size: 1rem;
    line-height: 1.1;
}

.regular-service-floating-panel-header span[b-cj9v5ep3ih] {
    color: #5d6f93;
    font-size: .78rem;
}

.regular-service-floating-panel-grid[b-cj9v5ep3ih] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 16px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(91, 126, 255, .12);
}

@media (max-width: 1200px) {
    .regular-service-shell-grid[b-cj9v5ep3ih] {
        min-height: auto;
    }

    .regular-service-floating-panel[b-cj9v5ep3ih] {
        width: min(var(--regular-service-panel-width), calc(100vw / var(--jump-zoom, 1) - 24px));
    }

    .regular-service-floating-panel-content[b-cj9v5ep3ih] {
        height: 580px;
        min-height: 580px;
    }
}

@media (max-width: 900px) {
    .regular-service-floating-panel[b-cj9v5ep3ih] {
        width: auto;
    }

    .regular-service-floating-panel-content[b-cj9v5ep3ih] {
        height: calc(100vh / var(--jump-zoom, 1) - 120px);
        min-height: calc(100vh / var(--jump-zoom, 1) - 120px);
    }
}
/* /Products/aTrans/Trafego/Timeline/Components/TimelineResourceActionDialog.razor.rz.scp.css */
.timeline-action-backdrop[b-jljidc3zvd] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(6, 36, 93, .18);
    backdrop-filter: blur(3px);
}

.timeline-action-dialog[b-jljidc3zvd] {
    --timeline-action-ink: var(--app-page-ink, #06245d);
    --timeline-action-muted: var(--app-page-muted, #557097);
    --timeline-action-border: var(--app-page-border, #dbe7f6);
    --timeline-action-surface: var(--app-page-card-bg, #fff);
    --timeline-action-shell: var(--app-page-bg, #f4f7fb);
    --timeline-action-title: #003d8f;
    --timeline-action-accent: #0057b8;
    --timeline-action-control-border: #cfdded;
    --timeline-action-control-bg: #fbfdff;

    width: min(850px, calc(100vw / var(--jump-zoom, 1) - 28px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: 0 12px 30px rgba(16, 42, 84, .10);
    color: var(--timeline-action-ink);
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.timeline-action-header[b-jljidc3zvd] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--timeline-action-border);
    background: var(--jump-dialog-header-bg, #fbfdff);
}

.timeline-action-header-icon[b-jljidc3zvd] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-weight: 800;
}

.timeline-action-header p[b-jljidc3zvd] {
    margin: 0;
    color: var(--timeline-action-muted);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.timeline-action-header h2[b-jljidc3zvd] {
    margin: 2px 0;
    color: var(--timeline-action-title);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}

.timeline-action-header span[b-jljidc3zvd] {
    color: var(--timeline-action-muted);
    font-size: 12px;
    line-height: 1.2;
}

.timeline-action-close[b-jljidc3zvd] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.timeline-action-close:hover[b-jljidc3zvd] {
    background: var(--timeline-action-surface);
}

.timeline-action-body[b-jljidc3zvd] {
    overflow: auto;
    padding: 6px 8px 8px;
    background: var(--timeline-action-shell);
}

.timeline-action-section[b-jljidc3zvd] {
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: 0 12px 30px rgba(16, 42, 84, .05);
    padding: 6px 10px 12px;
}

.timeline-action-section + .timeline-action-card[b-jljidc3zvd] {
    margin-top: 10px;
}

.timeline-action-section h3[b-jljidc3zvd] {
    margin: 0 0 4px;
    color: var(--timeline-action-title);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
}

.timeline-action-card[b-jljidc3zvd] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: none;
    padding: 7px 10px 10px;
}

.timeline-action-card + .timeline-action-card[b-jljidc3zvd] {
    margin-top: 8px;
}

.timeline-action-card-title[b-jljidc3zvd] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 5px;
}

.timeline-action-card-title span[b-jljidc3zvd] {
    color: var(--timeline-action-title);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
}

.timeline-action-card-title .timeline-action-card-icon[b-jljidc3zvd] {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 7px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-size: 12px;
    font-weight: 700;
}

.timeline-action-card-value[b-jljidc3zvd] {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-control-bg);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-action-card p[b-jljidc3zvd] {
    margin: 5px 0 0;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.timeline-action-identification-grid[b-jljidc3zvd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 8px;
    align-items: stretch;
    margin-top: 8px;
}

.timeline-action-identification-grid > .timeline-action-card[b-jljidc3zvd] {
    height: 100%;
}

.timeline-action-field label[b-jljidc3zvd] {
    display: block;
    margin-bottom: 3px;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
}

.timeline-action-form[b-jljidc3zvd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
    column-gap: 8px;
}

.timeline-action-field.wide[b-jljidc3zvd],
.timeline-action-check[b-jljidc3zvd],
.timeline-action-warning[b-jljidc3zvd],
.timeline-action-validation[b-jljidc3zvd] {
    grid-column: 1 / -1;
}

.timeline-action-field.wide[b-jljidc3zvd] {
    width: 100%;
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    justify-self: stretch;
}

.timeline-action-field.wide label[b-jljidc3zvd] {
    margin: 0;
    text-align: left;
}

.timeline-action-field.compact[b-jljidc3zvd] {
    width: min(378px, 100%);
    max-width: none;
    display: grid;
    grid-template-columns: 110px minmax(0, 260px);
    gap: 8px;
    align-items: center;
}

.timeline-action-field.compact label[b-jljidc3zvd] {
    margin: 0;
    text-align: left;
}

.timeline-action-lookup[b-jljidc3zvd] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.timeline-action-f4[b-jljidc3zvd],
.timeline-action-f4[b-jljidc3zvd] (.control-f4-root),
.timeline-action-f4[b-jljidc3zvd] (.ctlf4-native-combobox),
.timeline-action-lookup input[b-jljidc3zvd],
.timeline-action-field[b-jljidc3zvd] (.dxbl-text-edit),
.timeline-action-field[b-jljidc3zvd] (.dxbl-date-edit) {
    width: 100%;
}

.timeline-action-f4[b-jljidc3zvd] (.ctlf4-label) {
    width: 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.timeline-action-lookup input[b-jljidc3zvd],
.timeline-action-field[b-jljidc3zvd] (.dxbl-text-edit),
.timeline-action-field[b-jljidc3zvd] (.dxbl-date-edit) {
    min-height: 30px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    box-shadow: none;
}

.timeline-action-lookup input[b-jljidc3zvd] {
    height: 30px;
    padding: 0 .75rem;
    line-height: 28px;
}

.timeline-action-lookup input[readonly][b-jljidc3zvd] {
    background: var(--timeline-action-shell);
    color: #31476d;
}

.timeline-action-lookup input:focus[b-jljidc3zvd],
.timeline-action-field[b-jljidc3zvd] (.dxbl-text-edit:focus-within),
.timeline-action-field[b-jljidc3zvd] (.dxbl-date-edit:focus-within) {
    border-color: #8ab8ef;
    box-shadow: 0 0 0 3px rgba(0, 87, 184, .10);
}

.timeline-action-f4[b-jljidc3zvd] (.ctlf4-native-editor) {
    min-height: 30px;
    border-color: var(--timeline-action-control-border);
    border-radius: 6px;
    box-shadow: none;
}

.timeline-action-f4[b-jljidc3zvd] (.ctlf4-native-input) {
    min-height: 28px;
    padding: 0 .75rem;
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 28px;
}

.timeline-action-f4[b-jljidc3zvd] (.ctlf4-native-combobox:focus-within .ctlf4-native-editor) {
    border-color: #8ab8ef;
    box-shadow: 0 0 0 3px rgba(0, 87, 184, .10);
}

.timeline-action-check[b-jljidc3zvd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    min-height: 30px;
    padding: 6px 8px;
    border: 1px solid var(--timeline-action-border);
    border-radius: 6px;
    background: var(--timeline-action-control-bg);
    color: var(--timeline-action-ink);
    font-size: 11px;
    font-weight: 700;
}

.timeline-action-check input[b-jljidc3zvd] {
    width: 14px;
    height: 14px;
}

.timeline-action-warning[b-jljidc3zvd],
.timeline-action-validation[b-jljidc3zvd] {
    margin-top: 10px;
    padding: 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.timeline-action-warning[b-jljidc3zvd] {
    border: 1px solid #f4d189;
    background: #fff8e8;
    color: #7a4b00;
}

.timeline-action-validation[b-jljidc3zvd] {
    border: 1px solid #f1b3b6;
    background: #fff1f2;
    color: #9d2631;
}

.timeline-action-footer[b-jljidc3zvd] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid var(--timeline-action-border);
    background: var(--timeline-action-surface);
}

.timeline-action-button[b-jljidc3zvd] {
    min-width: 126px;
    min-height: 34px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
}

.timeline-action-button.secondary[b-jljidc3zvd] {
    border: 1px solid var(--timeline-action-control-border);
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
}

.timeline-action-button.primary[b-jljidc3zvd] {
    border: 1px solid var(--timeline-action-accent);
    background: var(--timeline-action-accent);
    color: #fff;
    box-shadow: 0 10px 24px rgba(16, 42, 84, .10);
}

.timeline-action-button.secondary:hover[b-jljidc3zvd],
.timeline-action-button.primary:hover[b-jljidc3zvd] {
    filter: brightness(.98);
}

.timeline-action-button:disabled[b-jljidc3zvd] {
    opacity: .62;
}

@media (max-width: 860px) {
    .timeline-action-backdrop[b-jljidc3zvd] {
        padding: 10px;
    }

    .timeline-action-dialog[b-jljidc3zvd] {
        width: calc(100vw / var(--jump-zoom, 1) - 20px);
    }

    .timeline-action-identification-grid[b-jljidc3zvd],
    .timeline-action-form[b-jljidc3zvd],
    .timeline-action-lookup[b-jljidc3zvd] {
        grid-template-columns: 1fr;
    }

    .timeline-action-field.wide[b-jljidc3zvd],
    .timeline-action-field.compact[b-jljidc3zvd] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .timeline-action-field.compact[b-jljidc3zvd] {
        max-width: none;
    }
}
/* /Products/aTrans/Trafego/Timeline/Components/TimelineTripOperationDialog.razor.rz.scp.css */
.timeline-action-backdrop[b-ipbktuqiyc] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(6, 36, 93, .18);
    backdrop-filter: blur(3px);
}

.timeline-action-dialog[b-ipbktuqiyc] {
    --timeline-action-ink: var(--app-page-ink, #06245d);
    --timeline-action-muted: var(--app-page-muted, #557097);
    --timeline-action-border: var(--app-page-border, #dbe7f6);
    --timeline-action-surface: var(--app-page-card-bg, #fff);
    --timeline-action-shell: var(--app-page-bg, #f4f7fb);
    --timeline-action-title: #003d8f;
    --timeline-action-accent: #0057b8;
    --timeline-action-control-border: #cfdded;
    --timeline-action-control-bg: #fbfdff;
    width: min(900px, calc(100vw / var(--jump-zoom, 1) - 28px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: 0 12px 30px rgba(16, 42, 84, .10);
    color: var(--timeline-action-ink);
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.timeline-trip-operation-dialog[b-ipbktuqiyc] {
    width: min(980px, calc(100vw / var(--jump-zoom, 1) - 28px));
}

.timeline-action-header[b-ipbktuqiyc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--timeline-action-border);
    background: var(--jump-dialog-header-bg, #fbfdff);
}

.timeline-action-header-icon[b-ipbktuqiyc] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-weight: 800;
}

.timeline-operation-heading[b-ipbktuqiyc] {
    text-align: center;
}

.timeline-action-header p[b-ipbktuqiyc] {
    margin: 0;
    color: var(--timeline-action-muted);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.timeline-action-header h2[b-ipbktuqiyc] {
    margin: 2px 0;
    color: var(--timeline-action-title);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}

.timeline-action-header span[b-ipbktuqiyc] {
    color: var(--timeline-action-muted);
    font-size: 12px;
    line-height: 1.2;
}

.timeline-action-close[b-ipbktuqiyc] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.timeline-action-body[b-ipbktuqiyc] {
    overflow: auto;
    padding: 6px 8px 8px;
    background: var(--timeline-action-shell);
}

.timeline-action-section[b-ipbktuqiyc],
.timeline-action-card[b-ipbktuqiyc] {
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: none;
}

.timeline-action-section[b-ipbktuqiyc] {
    padding: 6px 10px 12px;
}

.timeline-action-section h3[b-ipbktuqiyc] {
    margin: 0 0 4px;
    color: var(--timeline-action-title);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
}

.timeline-action-card[b-ipbktuqiyc] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 7px 10px 10px;
}

.timeline-action-card-title[b-ipbktuqiyc] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 5px;
}

.timeline-action-card-title span[b-ipbktuqiyc] {
    color: var(--timeline-action-title);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
}

.timeline-action-card-title .timeline-action-card-icon[b-ipbktuqiyc] {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 7px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-size: 12px;
    font-weight: 700;
}

.timeline-action-card-value[b-ipbktuqiyc] {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-control-bg);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-action-card p[b-ipbktuqiyc] {
    margin: 5px 0 0;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

/* Read-only resources of the record (legacy "Info Geral"), as cards in the same language as the
   identification cards above them; without the caption line, because the label already says it. */
.timeline-trip-operation-resources[b-ipbktuqiyc] {
    display: grid;
    /* Four on a trip, five on a load order (it also shows Viagem): auto-fit keeps both on one row. */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 6px 8px;
    align-items: stretch;
    margin-top: 8px;
}

.timeline-trip-operation-resource[b-ipbktuqiyc] {
    padding-bottom: 7px;
}

/* One row for the identification cards: three without a timeline resource, four with it. */
.timeline-action-identification-grid[b-ipbktuqiyc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px 8px;
    align-items: stretch;
    margin-top: 8px;
}

/* One row of cards is narrow enough to cut a period or a driver's full name off, so the values of these
   two grids wrap instead of ellipsizing; the grid stretches the cards to a common height anyway. */
.timeline-action-identification-grid .timeline-action-card-value[b-ipbktuqiyc],
.timeline-trip-operation-resources .timeline-action-card-value[b-ipbktuqiyc] {
    padding: 4px 10px;
    white-space: normal;
    overflow: visible;
}

.timeline-action-field label[b-ipbktuqiyc] {
    display: block;
    margin: 0;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
}

.timeline-action-lookup[b-ipbktuqiyc] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.timeline-action-f4[b-ipbktuqiyc],
.timeline-action-f4[b-ipbktuqiyc] (.control-f4-root),
.timeline-action-f4[b-ipbktuqiyc] (.ctlf4-native-combobox),
.timeline-action-lookup input[b-ipbktuqiyc],
.timeline-action-field input[b-ipbktuqiyc],
.timeline-action-field select[b-ipbktuqiyc],
.timeline-action-field textarea[b-ipbktuqiyc],
.timeline-action-field[b-ipbktuqiyc] (.dxbl-text-edit) {
    width: 100%;
}

.timeline-action-f4[b-ipbktuqiyc] (.ctlf4-label) {
    width: 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.timeline-action-lookup input[b-ipbktuqiyc],
.timeline-action-field input[b-ipbktuqiyc],
.timeline-action-field select[b-ipbktuqiyc],
.timeline-action-field textarea[b-ipbktuqiyc],
.timeline-action-field[b-ipbktuqiyc] (.dxbl-text-edit) {
    min-height: 30px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    box-shadow: none;
}

.timeline-action-lookup input[b-ipbktuqiyc],
.timeline-action-field input[b-ipbktuqiyc],
.timeline-action-field select[b-ipbktuqiyc] {
    height: 30px;
    padding: 0 .75rem;
    line-height: 28px;
}

.timeline-action-field textarea[b-ipbktuqiyc] {
    min-height: 64px;
    padding: 7px .75rem;
    resize: vertical;
}

.timeline-action-lookup input[readonly][b-ipbktuqiyc] {
    background: var(--timeline-action-shell);
    color: #31476d;
}

.timeline-action-f4[b-ipbktuqiyc] (.ctlf4-native-editor) {
    min-height: 30px;
    border-color: var(--timeline-action-control-border);
    border-radius: 6px;
    box-shadow: none;
}

.timeline-action-f4[b-ipbktuqiyc] (.ctlf4-native-input) {
    min-height: 28px;
    padding: 0 .75rem;
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 28px;
}

/* The tab panel of the exchange: the shared trip-tab-strip chrome, flattened to the dialog's own look
   (no shadow, no outer margin) so it sits like the cards above it. */
.timeline-trip-operation-panel[b-ipbktuqiyc] {
    margin-top: 8px;
    margin-bottom: 0;
    box-shadow: none;
}

/* Two field cards per row while there is room for a lookup pair, one when there is not. */
.timeline-trip-operation-field-grid[b-ipbktuqiyc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 8px;
    align-items: stretch;
}

.timeline-trip-operation-field-card[b-ipbktuqiyc] {
    padding-bottom: 7px;
}

/* Latitude and longitude share the row evenly: neither of them is a lookup code. */
.timeline-trip-operation-coords[b-ipbktuqiyc] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

/* The notes tab holds nothing else, so the box takes the height the fields tab would use. */
.timeline-trip-operation-notes-card textarea[b-ipbktuqiyc] {
    min-height: 180px;
}

.timeline-trip-operation-validation[b-ipbktuqiyc] {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid #ffd6a8;
    border-radius: 7px;
    background: #fff8ef;
    color: #b54b00;
    font-size: 12px;
    font-weight: 750;
}

.timeline-action-footer[b-ipbktuqiyc] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid var(--timeline-action-border);
    background: var(--timeline-action-surface);
}

.timeline-action-button[b-ipbktuqiyc] {
    min-width: 126px;
    min-height: 34px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
}

.timeline-action-button.secondary[b-ipbktuqiyc] {
    border: 1px solid var(--timeline-action-control-border);
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
}

.timeline-action-button.primary[b-ipbktuqiyc] {
    border: 1px solid var(--timeline-action-accent);
    background: var(--timeline-action-accent);
    color: #fff;
    box-shadow: 0 10px 24px rgba(16, 42, 84, .10);
}

.timeline-trip-operation-dialog[b-ipbktuqiyc] (.dxbl-dropdown),
.timeline-trip-operation-dialog[b-ipbktuqiyc] (.dxbl-popup) {
    z-index: 1400;
}

@media (max-width: 860px) {
    .timeline-action-backdrop[b-ipbktuqiyc] {
        padding: 10px;
    }

    .timeline-action-dialog[b-ipbktuqiyc] {
        width: calc(100vw / var(--jump-zoom, 1) - 20px);
    }

    .timeline-action-identification-grid[b-ipbktuqiyc],
    .timeline-action-lookup[b-ipbktuqiyc],
    .timeline-trip-operation-coords[b-ipbktuqiyc],
    .timeline-trip-operation-resources[b-ipbktuqiyc],
    .timeline-trip-operation-field-grid[b-ipbktuqiyc] {
        grid-template-columns: 1fr;
    }
}
/* /Products/aTrans/Trafego/Timeline/Pages/Timeline.razor.rz.scp.css */
.timeline-page[b-hikgofyzlh] {
    --timeline-blue: #0057b8;
    --timeline-cyan: #8ab8ef;
    --timeline-ink: #0b0f1f;
    --timeline-slate: #557097;
    --timeline-night: #06245d;
    --timeline-line: #e8eff8;
    --timeline-soft: #fbfdff;
    --timeline-slot-width: 72px;
    display: grid;
    gap: 12px;
    /* Same base margin as the standard .app-page wrapper, which this page does not use. */
    padding: 4px 12px;
    color: var(--timeline-night);
    min-height: 0;
}

.timeline-page[b-hikgofyzlh]  .page-header {
    margin-bottom: 18px;
}

.timeline-page[b-hikgofyzlh]  .page-header-topbar {
    left: 360px;
    right: 6px;
    top: -2px;
}

.timeline-page-dialog-open[b-hikgofyzlh]  .page-header-topbar,
.timeline-page-dialog-open[b-hikgofyzlh]  .page-header-dropdown-menu-panels,
.timeline-page-dialog-open[b-hikgofyzlh]  .page-header-floating-panel {
    pointer-events: none;
}

.timeline-page[b-hikgofyzlh]  .page-header-actions {
    max-width: 100%;
}

.timeline-page[b-hikgofyzlh]  .page-header-custom-actions {
    max-width: 100%;
    gap: 8px;
    overflow: hidden;
}

.timeline-page[b-hikgofyzlh]  .page-header-custom-action {
    min-width: 92px;
    max-width: 128px;
    height: 28px;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.timeline-page[b-hikgofyzlh]  .page-header-record-mode {
    display: none;
}

.timeline-page[b-hikgofyzlh]  .page-header-kpis-wrap {
    bottom: -8px;
}

.timeline-shell[b-hikgofyzlh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12px var(--timeline-side-panel-width, 420px);
    gap: 0;
    height: calc(100vh / var(--jump-zoom, 1) - 190px);
    min-height: 500px;
    overflow: hidden;
}

.timeline-shell-splitter[b-hikgofyzlh] {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    min-width: 12px;
    height: 100%;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    cursor: col-resize;
    touch-action: none;
    user-select: none;
}

.timeline-shell-splitter[b-hikgofyzlh]::before {
    content: "";
    position: absolute;
    inset: 0 5px;
    border-radius: 999px;
    background: #cfdded;
    transition: background-color .14s ease, box-shadow .14s ease;
}

.timeline-shell-splitter span[b-hikgofyzlh] {
    position: relative;
    z-index: 1;
    width: 6px;
    height: 34px;
    border: 1px solid #b8cbe2;
    border-radius: 999px;
    background:
        radial-gradient(circle, #557097 1px, transparent 1.5px) center 7px / 4px 7px repeat-y,
        #fff;
    box-shadow: 0 2px 7px rgba(6, 36, 93, .14);
}

.timeline-shell-splitter:hover[b-hikgofyzlh]::before,
.timeline-shell-splitter:focus-visible[b-hikgofyzlh]::before,
.timeline-shell-resizing .timeline-shell-splitter[b-hikgofyzlh]::before {
    background: var(--timeline-blue);
    box-shadow: 0 0 0 3px rgba(0, 87, 184, .12);
}

.timeline-shell-splitter:focus-visible span[b-hikgofyzlh] {
    border-color: var(--timeline-blue);
}

.timeline-shell-resizing[b-hikgofyzlh],
.timeline-shell-resizing *[b-hikgofyzlh] {
    cursor: col-resize !important;
    user-select: none !important;
}

.timeline-board-card[b-hikgofyzlh],
.timeline-side-panel[b-hikgofyzlh] {
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16, 42, 84, .05);
    overflow: hidden;
    min-height: 0;
}

.timeline-board-card[b-hikgofyzlh] {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.timeline-loading-overlay[b-hikgofyzlh] {
    position: absolute;
    inset: 54px 0 0;
    z-index: 20;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(1px);
    pointer-events: none;
}

.timeline-loading-message[b-hikgofyzlh] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid #dbe7f6;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 24px rgba(16, 42, 84, .12);
    color: var(--timeline-night);
    font-weight: 600;
}

.timeline-loading-spinner[b-hikgofyzlh] {
    width: 16px;
    height: 16px;
    border: 2px solid #c8d9ee;
    border-top-color: var(--timeline-blue);
    border-radius: 50%;
    animation: timeline-loading-spin-b-hikgofyzlh .8s linear infinite;
}

@keyframes timeline-loading-spin-b-hikgofyzlh {
    to { transform: rotate(360deg); }
}

.timeline-toolbar[b-hikgofyzlh] {
    display: grid;
    grid-template-columns: 150px auto minmax(240px, 1fr) auto;
    align-items: center;
    min-height: 54px;
    border-bottom: 1px solid #e8eff8;
    background: #fbfdff;
}

.timeline-options-panel-content[b-hikgofyzlh] {
    display: grid;
    grid-template-columns: 110px minmax(180px, 1fr);
    align-items: center;
    gap: 8px 10px;
    min-width: 360px;
    padding: 14px;
}

.timeline-options-panel-content label[b-hikgofyzlh] {
    margin: 0;
    color: #06245d;
    font-size: 12px;
    font-weight: 900;
}

.timeline-options-refresh[b-hikgofyzlh] {
    grid-column: 1 / -1;
    min-height: 30px;
    border: 1px solid #c9d9ec;
    border-radius: 7px;
    background: linear-gradient(180deg, #ffffff, #f3f8ff);
    color: #0057b8;
    font-size: 12px;
    font-weight: 900;
}

.timeline-options-control[b-hikgofyzlh],
.timeline-options-year[b-hikgofyzlh],
.timeline-options-number[b-hikgofyzlh] {
    width: 100%;
    height: 34px;
    border: 1px solid #c9d9ec;
    border-radius: 8px;
    background: #fff;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    padding: 0 10px;
}

.timeline-options-year[b-hikgofyzlh],
.timeline-options-number[b-hikgofyzlh] {
    justify-self: end;
    width: 92px;
}

.timeline-options-number[b-hikgofyzlh] {
    grid-column: 2;
}

.timeline-options-control:disabled[b-hikgofyzlh] {
    background: #f4f8ff;
    color: #557097;
}

.timeline-options-help[b-hikgofyzlh] {
    grid-column: 1 / -1;
    color: #557097;
    font-size: 11px;
    font-weight: 700;
}

.timeline-floating-list-panel[b-hikgofyzlh] {
    display: grid;
    gap: 8px;
    min-width: 380px;
    max-height: 520px;
    padding: 12px;
    overflow: auto;
}

.timeline-floating-list-header[b-hikgofyzlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    color: #06245d;
    font-size: 13px;
    font-weight: 900;
}

.timeline-floating-list-header span[b-hikgofyzlh],
.timeline-floating-count[b-hikgofyzlh] {
    min-width: 24px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0057b8;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
}

.timeline-floating-list-panel p[b-hikgofyzlh] {
    margin: 6px 0;
    color: #557097;
    font-size: 12px;
    font-weight: 700;
}

.timeline-floating-row[b-hikgofyzlh] {
    display: grid;
    gap: 2px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fbfdff;
    padding: 8px 10px;
}

.timeline-floating-row strong[b-hikgofyzlh] {
    color: #06245d;
    font-size: 12px;
    font-weight: 900;
}

.timeline-floating-row span[b-hikgofyzlh],
.timeline-floating-row small[b-hikgofyzlh] {
    color: #557097;
    font-size: 11px;
    font-weight: 750;
}

.timeline-floating-expander[b-hikgofyzlh] {
    display: grid;
    gap: 0;
    border: 1px solid #dbe7f6;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.timeline-floating-expander summary[b-hikgofyzlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding: 9px 11px;
    color: #06245d;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    list-style: none;
    user-select: none;
}

.timeline-floating-expander summary[b-hikgofyzlh]::-webkit-details-marker {
    display: none;
}

.timeline-floating-expander summary[b-hikgofyzlh]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid #0057b8;
    border-bottom: 2px solid #0057b8;
    transform: rotate(-45deg);
    transition: transform .16s ease;
}

.timeline-floating-expander[open] summary[b-hikgofyzlh]::before {
    transform: rotate(45deg) translateY(-2px);
}

.timeline-floating-expander-body[b-hikgofyzlh] {
    display: grid;
    gap: 6px;
    padding: 0 8px 8px;
}

.timeline-available-group[b-hikgofyzlh] {
    display: grid;
    gap: 6px;
}

.timeline-resource-title[b-hikgofyzlh],
.timeline-date-switcher[b-hikgofyzlh],
.timeline-toolbar-pending-actions[b-hikgofyzlh],
.timeline-view-toggle[b-hikgofyzlh],
.timeline-panel-header[b-hikgofyzlh] {
    display: flex;
    align-items: center;
}

.timeline-resource-title[b-hikgofyzlh] {
    justify-content: space-between;
    padding: 0 12px;
    color: #06245d;
    font-size: 11px;
    font-weight: 850;
    text-transform: none;
}

.timeline-filter-button[b-hikgofyzlh],
.timeline-nav-button[b-hikgofyzlh],
.timeline-view-toggle button[b-hikgofyzlh] {
    border: 1px solid #dbe7f6;
    background: #ffffff;
    color: #0057b8;
    border-radius: 7px;
    min-width: 30px;
    min-height: 30px;
    font-size: 12px;
    font-weight: 850;
    box-shadow: none;
}

.timeline-filter-button[b-hikgofyzlh] {
    border-color: transparent;
    background: transparent;
}

.timeline-filter-button:hover[b-hikgofyzlh],
.timeline-filter-button:focus-visible[b-hikgofyzlh] {
    background: #eef6ff;
    outline: 0;
}

.timeline-date-switcher[b-hikgofyzlh] {
    justify-content: center;
    gap: 14px;
    font-size: 13px;
}

.timeline-toolbar-pending-actions[b-hikgofyzlh] {
    justify-content: center;
    gap: 8px;
    min-width: 0;
    padding: 0 12px;
}

.timeline-toolbar-pending-actions button[b-hikgofyzlh] {
    min-width: 92px;
    max-width: 128px;
    height: 28px;
    padding: 0 12px;
    border: 1px solid #dbe7f6;
    border-radius: 7px;
    background: #fff;
    color: #0057b8;
    font-size: 12px;
    font-weight: 900;
    box-shadow: none;
}

.timeline-toolbar-pending-actions button.apply[b-hikgofyzlh] {
    border-color: rgba(0, 128, 68, .26);
    background: #ecfff5;
    color: #007a3d;
}

.timeline-toolbar-pending-actions button.cancel[b-hikgofyzlh] {
    border-color: rgba(255, 59, 79, .24);
    background: #fff2f4;
    color: #c93445;
}

.timeline-toolbar-pending-actions button:disabled[b-hikgofyzlh] {
    cursor: not-allowed;
    opacity: .64;
}

.timeline-view-toggle[b-hikgofyzlh] {
    gap: 6px;
    padding-right: 12px;
}

.timeline-view-toggle button[b-hikgofyzlh] {
    min-width: 58px;
}

.timeline-view-toggle button.active[b-hikgofyzlh] {
    border-color: #dbe7f6;
    background: #eef6ff;
    color: #0057b8;
}

.timeline-grid[b-hikgofyzlh] {
    position: relative;
    display: grid;
    grid-template-columns: 150px max-content;
    overflow: auto;
    isolation: isolate;
    min-height: 0;
    scrollbar-color: rgba(10, 67, 232, .34) transparent;
    scrollbar-width: thin;
}

.timeline-grid[b-hikgofyzlh]::-webkit-scrollbar,
.timeline-load-grid[b-hikgofyzlh]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.timeline-grid[b-hikgofyzlh]::-webkit-scrollbar-thumb,
.timeline-load-grid[b-hikgofyzlh]::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: rgba(10, 67, 232, .32);
    background-clip: padding-box;
}

.timeline-grid[b-hikgofyzlh]::-webkit-scrollbar-track,
.timeline-load-grid[b-hikgofyzlh]::-webkit-scrollbar-track {
    background: transparent;
}

.timeline-grid-corner[b-hikgofyzlh],
.timeline-grid-hours[b-hikgofyzlh] {
    position: sticky;
    top: 0;
    z-index: 8;
    min-height: 64px;
    border-bottom: 1px solid #e8eff8;
    background: #fbfdff;
}

.timeline-grid-corner[b-hikgofyzlh] {
    left: 0;
    z-index: 50;
    width: 150px;
    min-width: 150px;
    min-height: 64px;
    box-shadow: 1px 0 0 #e8eff8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

.timeline-grid-hours[b-hikgofyzlh] {
    position: sticky;
    display: grid;
    grid-template-columns: repeat(var(--slot-count, 16), var(--timeline-slot-width));
    width: calc(var(--slot-count, 16) * var(--timeline-slot-width));
    min-width: calc(var(--slot-count, 16) * var(--timeline-slot-width));
    grid-template-rows: 32px 32px;
    background: #fbfdff;
    border-left: 1px solid #e8eff8;
    overflow: visible;
}

.timeline-grid.week-view .timeline-grid-hours[b-hikgofyzlh] {
    grid-template-rows: 32px 32px;
}

.timeline-now-body[b-hikgofyzlh] {
    position: absolute;
    top: var(--timeline-grid-scroll-top, 0px);
    left: calc(150px + var(--timeline-now-left, -9999px));
    z-index: 20;
    width: 0;
    height: max(0px, var(--timeline-grid-client-height, 100%));
    border-left: 2px dashed #ff3b4f;
    pointer-events: none;
}

.timeline-now-body[b-hikgofyzlh]::before {
    content: attr(data-now-label);
    position: absolute;
    top: 27px;
    left: 0;
    transform: translateX(-50%);
    padding: 3px 7px;
    border-radius: 999px;
    background: #ff3b4f;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 6px 16px rgba(255, 59, 79, .24);
}

.timeline-day-group[b-hikgofyzlh] {
    grid-column: span 6;
    display: grid;
    place-items: center;
    border-right: 1px solid #b9d2f1;
    border-bottom: 1px solid #dbe7f6;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    color: #06245d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .01em;
    text-transform: uppercase;
    white-space: nowrap;
}

.timeline-grid:not(.week-view) .timeline-day-group[b-hikgofyzlh] {
    place-items: center;
    transform: translateY(3px);
}

.timeline-week-group[b-hikgofyzlh] {
    grid-column: span 42;
    display: grid;
    place-items: center;
    border-right: 1px solid #b9d2f1;
    border-bottom: 1px solid #dbe7f6;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    color: #06245d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .01em;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateY(3px);
}

.timeline-grid.week-view .timeline-day-group[b-hikgofyzlh] {
    border-right: 1px solid #e8eff8;
    border-bottom: 0;
    background: transparent;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
    transform: translateY(2px);
}

.timeline-hour[b-hikgofyzlh] {
    display: grid;
    place-items: center;
    border-right: 1px solid #e8eff8;
    color: #06245d;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.05;
    text-align: center;
    white-space: nowrap;
}

.timeline-hour.day-end[b-hikgofyzlh] {
    border-right-color: #b9d2f1;
}

.timeline-hour span[b-hikgofyzlh],
.timeline-hour small[b-hikgofyzlh] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(2px);
}

.timeline-hour small[b-hikgofyzlh] {
    font-size: 11px;
    font-weight: 850;
}

.timeline-resource[b-hikgofyzlh] {
    position: sticky;
    left: 0;
    z-index: 30;
    min-height: var(--resource-min-height, max(54px, calc(var(--visible-lane-count, 1) * 32px + 4px)));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 44px 8px 12px;
    border: 0;
    border-right: 1px solid #e8eff8;
    border-bottom: 1px solid #e8eff8;
    background: #fbfdff;
    box-shadow: 1px 0 0 #e8eff8;
    text-align: left;
    cursor: pointer;
}

.timeline-resource.active[b-hikgofyzlh] {
    background: #eef6ff;
    border-right-color: #6aa4e8;
    border-bottom-color: #e8eff8;
    outline: 1px solid #6aa4e8;
    outline-offset: -1px;
    box-shadow:
        inset 3px 0 0 #4b95df,
        1px 0 0 #e8eff8;
}

.timeline-owner-skeleton[b-hikgofyzlh],
.timeline-owner-skeleton-lane[b-hikgofyzlh] {
    pointer-events: none;
    cursor: default;
}

.timeline-owner-skeleton[b-hikgofyzlh] {
    background: #fbfdff;
}

.timeline-owner-skeleton-lane[b-hikgofyzlh] {
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc(var(--timeline-slot-width) * 6)
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent calc(var(--timeline-slot-width) - 1px),
            #edf3fb calc(var(--timeline-slot-width) - 1px),
            #edf3fb var(--timeline-slot-width)
        ),
        linear-gradient(90deg, #fff, #fff 50%, #fbfdff 50%, #fbfdff);
}

.timeline-resource strong[b-hikgofyzlh] {
    display: block;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #06245d;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
}

.timeline-resource small[b-hikgofyzlh] {
    display: block;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #557097;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.15;
}

.timeline-adr-badge[b-hikgofyzlh] {
    --timeline-adr-size: 34px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--timeline-adr-size);
    height: var(--timeline-adr-size);
    flex: 0 0 var(--timeline-adr-size);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,2 98,50 50,98 2,50' fill='%23ff7a00' stroke='%233f3f3f' stroke-width='6'/%3E%3Ctext x='50' y='59' text-anchor='middle' font-family='Arial, Helvetica, sans-serif' font-size='25' font-weight='700' fill='%23333333'%3EADR%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.timeline-adr-badge > span[b-hikgofyzlh] {
    font-size: 0;
    line-height: 0;
    color: transparent !important;
}

.timeline-resource .timeline-adr-badge[b-hikgofyzlh] {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 26;
    --timeline-adr-size: 22px;
}

.timeline-resource-warning[b-hikgofyzlh] {
    position: absolute;
    top: 8px;
    right: 30px;
    z-index: 27;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 13px solid #f7b731;
    filter: drop-shadow(0 1px 1px rgba(6, 36, 93, .24));
}

.timeline-resource-warning[b-hikgofyzlh]::after {
    content: "!";
    position: absolute;
    top: 3px;
    left: -2px;
    color: #7a3c00;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.timeline-resource-warning.no-adr[b-hikgofyzlh] {
    right: 8px;
}

.timeline-resource-warning.warning-level-2[b-hikgofyzlh] {
    border-bottom-color: #ff9f1c;
}

.timeline-resource-warning.warning-level-3[b-hikgofyzlh],
.timeline-resource-warning.warning-level-4[b-hikgofyzlh] {
    border-bottom-color: #ff3b4f;
}

.timeline-resource-warning.warning-level-3[b-hikgofyzlh]::after,
.timeline-resource-warning.warning-level-4[b-hikgofyzlh]::after {
    color: #fff;
}

.timeline-resource-lanes[b-hikgofyzlh] {
    position: relative;
    z-index: 1;
    width: calc(var(--slot-count, 16) * var(--timeline-slot-width));
    min-width: calc(var(--slot-count, 16) * var(--timeline-slot-width));
    min-height: var(--resource-min-height, max(54px, calc(var(--visible-lane-count, 1) * 32px + 4px)));
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #edf3fb;
    border-left: 1px solid #e8eff8;
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc(var(--timeline-slot-width) * 6)
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent calc(var(--timeline-slot-width) - 1px),
            #edf3fb calc(var(--timeline-slot-width) - 1px),
            #edf3fb var(--timeline-slot-width)
        ),
        linear-gradient(90deg, #fff, #fff 50%, #fbfdff 50%, #fbfdff);
}

.timeline-grid.week-view .timeline-resource-lanes[b-hikgofyzlh] {
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc((var(--timeline-slot-width) * 6) - 1px),
            #b9d2f1 calc(var(--timeline-slot-width) * 6)
        ),
        linear-gradient(90deg, #fff, #fff 50%, #fbfdff 50%, #fbfdff);
}

.timeline-resource-lanes.active[b-hikgofyzlh] {
    border-left-color: #6aa4e8;
    border-bottom-color: #e8eff8;
    outline: 1px solid #6aa4e8;
    outline-offset: -1px;
}

.timeline-resource-lanes.load-drop-active[b-hikgofyzlh] {
    box-shadow:
        inset 0 0 0 1px rgba(10, 67, 232, .26),
        inset 0 0 0 999px rgba(25, 200, 255, .04);
}

.timeline-resource > .timeline-resource-resize-handle[b-hikgofyzlh] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    display: block;
    height: 8px;
    cursor: row-resize;
    background: transparent;
}

.timeline-resource:hover > .timeline-resource-resize-handle[b-hikgofyzlh],
.timeline-resource > .timeline-resource-resize-handle:hover[b-hikgofyzlh] {
    background: transparent;
}

.timeline-lane-overflow-indicator[b-hikgofyzlh] {
    content: "";
    position: absolute;
    z-index: 7;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    filter: drop-shadow(0 1px 0 #fff);
}

.timeline-lane-overflow-indicator.top[b-hikgofyzlh] {
    top: calc(var(--timeline-lane-scroll-top, 0px) + 1px);
    border-right: 4px solid transparent;
    border-bottom: 7px solid #ff3b4f;
    border-left: 4px solid transparent;
}

.timeline-lane-overflow-indicator.bottom[b-hikgofyzlh] {
    top: calc(var(--timeline-lane-scroll-top, 0px) + var(--timeline-lane-client-height, var(--resource-min-height, 54px)) - 8px);
    border-top: 7px solid #ff3b4f;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.timeline-lane-overflow-indicator.left[b-hikgofyzlh] {
    left: var(--timeline-visible-left, 1px);
}

.timeline-lane-overflow-indicator.right[b-hikgofyzlh] {
    left: var(--timeline-visible-right, 1px);
}

body.timeline-row-resizing[b-hikgofyzlh] {
    cursor: row-resize;
    user-select: none;
}

.timeline-appointment[b-hikgofyzlh] {
    position: absolute;
    box-sizing: border-box;
    height: 26px;
    display: block;
    overflow: visible;
    border: 1px solid rgba(10, 67, 232, .18);
    border-radius: 5px;
    padding: 2px 7px;
    text-align: center;
    color: var(--timeline-night);
    box-shadow: 0 8px 18px rgba(10, 26, 58, .06);
    cursor: pointer;
    z-index: 2;
}

.timeline-grid.timeline-horizontal-scrolling .timeline-appointment[b-hikgofyzlh] {
    box-shadow: none;
}

.timeline-grid.timeline-vertical-scrolling .timeline-appointment[b-hikgofyzlh] {
    box-shadow: none;
}

.timeline-grid.timeline-horizontal-scrolling .timeline-lane-overflow-indicator.left[b-hikgofyzlh],
.timeline-grid.timeline-horizontal-scrolling .timeline-lane-overflow-indicator.right[b-hikgofyzlh] {
    display: none;
}

.timeline-grid.timeline-vertical-scrolling .timeline-lane-overflow-indicator.top[b-hikgofyzlh],
.timeline-grid.timeline-vertical-scrolling .timeline-lane-overflow-indicator.bottom[b-hikgofyzlh] {
    display: none;
}

.timeline-appointment[data-can-move="true"][b-hikgofyzlh] {
    cursor: grab;
    touch-action: none;
}

.timeline-appointment[data-can-move="true"]:active[b-hikgofyzlh],
.timeline-appointment.moving[b-hikgofyzlh] {
    cursor: grabbing;
}

.timeline-appointment.resizing[b-hikgofyzlh] {
    cursor: ew-resize;
    opacity: .92;
    overflow: hidden;
}

.timeline-resize-time-badge[b-hikgofyzlh],
.timeline-move-time-badge[b-hikgofyzlh] {
    position: fixed;
    z-index: 10030;
    min-width: 44px;
    padding: 4px 7px;
    border: 1px dashed rgba(10, 67, 232, .42);
    border-radius: 0;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 18px rgba(10, 26, 58, .14);
    color: var(--timeline-night);
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    text-align: center;
    white-space: nowrap;
}

.timeline-resize-time-badge.pinned[b-hikgofyzlh],
.timeline-move-time-badge.pinned[b-hikgofyzlh] {
    background: rgba(247, 251, 255, .98);
}

.timeline-appointment.moving[b-hikgofyzlh] {
    z-index: 120;
    opacity: .88;
    pointer-events: none;
    box-shadow: 0 18px 32px rgba(10, 26, 58, .18);
}

.timeline-appointment.changed[b-hikgofyzlh] {
    border-color: rgba(255, 176, 32, .72);
    box-shadow:
        0 0 0 1px rgba(255, 176, 32, .22),
        0 8px 18px rgba(10, 26, 58, .08);
}

.timeline-appointment.changed[b-hikgofyzlh]::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 9;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ffb020;
    box-shadow: 0 4px 10px rgba(255, 176, 32, .26);
}

.timeline-appointment.moving-source[b-hikgofyzlh] {
    opacity: .05;
    box-shadow: none;
}

.timeline-appointment.moving-source .timeline-appointment-content[b-hikgofyzlh],
.timeline-appointment.moving-source .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.moving-source .timeline-appointment-break[b-hikgofyzlh] {
    opacity: 0;
}

.timeline-appointment-drag-ghost[b-hikgofyzlh] {
    position: fixed !important;
    z-index: 10000 !important;
    margin: 0 !important;
    opacity: .96;
    pointer-events: none !important;
    box-shadow: 0 18px 32px rgba(10, 26, 58, .22);
}

.timeline-appointment-drag-ghost .timeline-appointment-popover[b-hikgofyzlh] {
    display: none;
}

.timeline-load-drop-preview[b-hikgofyzlh] {
    z-index: 80;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-style: dashed;
    border-color: rgba(10, 67, 232, .42);
    color: #06245d;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    opacity: .82;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-load-drag-ghost[b-hikgofyzlh] {
    position: fixed;
    z-index: 10000;
    width: 230px;
    min-height: 34px;
    display: grid;
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #dbe7f6;
    border-radius: 9px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 34px rgba(10, 26, 58, .18);
    color: #06245d;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
    text-overflow: ellipsis;
    transform: translate(14px, 12px);
    white-space: nowrap;
}

.timeline-load-drag-ghost.as-appointment[b-hikgofyzlh] {
    width: 120px;
    min-height: 26px;
    place-items: center;
    border-color: rgba(10, 67, 232, .42);
    border-style: dashed;
    border-radius: 5px;
    background: linear-gradient(180deg, #fff0cd, #ffd891);
    box-shadow: 0 14px 28px rgba(10, 26, 58, .14);
    font-size: 9px;
    transform: translate(10px, -13px);
}

.timeline-appointment:hover[b-hikgofyzlh] {
    z-index: 3;
}

.timeline-appointment-resize-handle[b-hikgofyzlh] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 8;
    width: 8px;
    cursor: ew-resize;
}

.timeline-appointment-resize-handle.start[b-hikgofyzlh] {
    left: -2px;
}

.timeline-appointment-resize-handle.end[b-hikgofyzlh] {
    right: -2px;
}

.timeline-appointment-resize-handle[b-hikgofyzlh]::after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 3px;
    width: 2px;
    border-radius: 999px;
    background: rgba(10, 67, 232, .35);
    opacity: 0;
}

.timeline-appointment:hover .timeline-appointment-resize-handle[b-hikgofyzlh]::after,
.timeline-appointment.resizing .timeline-appointment-resize-handle[b-hikgofyzlh]::after {
    opacity: 1;
}

.timeline-appointment.starts-before[b-hikgofyzlh] {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    border-left-color: transparent;
    padding-left: 24px;
}

.timeline-appointment.ends-after[b-hikgofyzlh] {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-right-color: transparent;
    padding-right: 24px;
}

.timeline-appointment-break[b-hikgofyzlh] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='36' viewBox='0 0 22 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 H9 L3 18 H0 Z' fill='%23ffffff'/%3E%3Cpath d='M9 0 L3 18 L9 36' fill='none' stroke='%235ec7f5' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 0 L10 18 L16 36' fill='none' stroke='%235ec7f5' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px 100%;
    pointer-events: none;
    z-index: 2;
}

.timeline-appointment-break.start[b-hikgofyzlh] {
    left: 0;
}

.timeline-appointment-break.end[b-hikgofyzlh] {
    right: 0;
    transform: scaleX(-1);
}

.timeline-appointment-content[b-hikgofyzlh] {
    position: absolute;
    top: 50%;
    left: var(--appointment-label-left, 7px);
    display: grid;
    justify-items: center;
    align-content: center;
    width: var(--appointment-label-width, calc(100% - 14px));
    max-width: var(--appointment-label-width, calc(100% - 14px));
    min-width: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.timeline-appointment.label-hidden .timeline-appointment-content[b-hikgofyzlh] {
    display: none;
}

.timeline-appointment.caption-hidden .timeline-appointment-content[b-hikgofyzlh] {
    display: none;
}

.timeline-appointment.starts-before .timeline-appointment-content[b-hikgofyzlh] {
    left: var(--appointment-label-left, 24px);
}

.timeline-appointment.ends-after .timeline-appointment-content[b-hikgofyzlh] {
    width: var(--appointment-label-width, calc(100% - 31px));
    max-width: var(--appointment-label-width, calc(100% - 31px));
}

.timeline-appointment-title[b-hikgofyzlh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 9px;
    font-weight: 900;
}

.timeline-appointment small[b-hikgofyzlh] {
    font-size: 8px;
    font-weight: 750;
}

.timeline-alert-dot[b-hikgofyzlh] {
    position: absolute;
    top: -5px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 3px;
    background: #ffbd3d;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
    display: none;
}

.timeline-appointment.warning-level-1 .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning-level-2 .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning-level-3 .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning-level-4 .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning .timeline-alert-dot[b-hikgofyzlh] {
    display: block;
}

.timeline-appointment.danger .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning-level-1 .timeline-alert-dot[b-hikgofyzlh] {
    background: #ffd15c;
}

.timeline-appointment.warning-level-2 .timeline-alert-dot[b-hikgofyzlh] {
    background: #ff9f43;
}

.timeline-appointment.warning-level-3 .timeline-alert-dot[b-hikgofyzlh] {
    background: #ff6b6b;
}

.timeline-appointment.warning-level-4 .timeline-alert-dot[b-hikgofyzlh],
.timeline-appointment.warning .timeline-alert-dot[b-hikgofyzlh] {
    background: #ff5d5d;
}

.timeline-appointment-popover[b-hikgofyzlh] {
    position: fixed;
    left: var(--appointment-popover-x, -9999px);
    top: var(--appointment-popover-y, -9999px);
    width: 220px;
    display: none;
    transform: translate(-50%, -100%);
    padding: 12px;
    border: 1px solid var(--appointment-soft-border, #e8eff8);
    border-radius: 12px;
    background: var(--appointment-soft-bg, rgba(255, 255, 255, .96));
    box-shadow: 0 18px 42px rgba(10, 26, 58, .18);
    color: #06245d;
    pointer-events: none;
    z-index: 9999;
}

.timeline-appointment-popover[b-hikgofyzlh]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    border-right: 1px solid var(--appointment-soft-border, #e8eff8);
    border-bottom: 1px solid var(--appointment-soft-border, #e8eff8);
    background: var(--appointment-soft-bg, rgba(255, 255, 255, .96));
}

.timeline-appointment.popover-visible .timeline-appointment-popover[b-hikgofyzlh],
.timeline-appointment-popover.popover-visible[b-hikgofyzlh] {
    display: grid;
    gap: 5px;
}

.timeline-appointment-popover strong[b-hikgofyzlh] {
    font-size: 12px;
    font-weight: 950;
}

.timeline-appointment-popover span[b-hikgofyzlh],
.timeline-appointment-popover small[b-hikgofyzlh] {
    font-size: 10px;
    font-weight: 750;
}

.timeline-appointment.trip[b-hikgofyzlh] {
    background: linear-gradient(180deg, #e7f1ff, #cfe2ff);
    --appointment-soft-bg: rgba(247, 251, 255, .98);
    --appointment-soft-border: #9fc3ff;
}

.timeline-appointment.load[b-hikgofyzlh] {
    background: linear-gradient(180deg, #fff0cd, #ffd891);
    --appointment-soft-bg: rgba(255, 251, 241, .98);
    --appointment-soft-border: #ffd891;
}

.timeline-appointment.service[b-hikgofyzlh] {
    background: linear-gradient(180deg, #dbf8e9, #baeccd);
    --appointment-soft-bg: rgba(248, 255, 251, .98);
    --appointment-soft-border: #a4e7bf;
}

.timeline-appointment.danger[b-hikgofyzlh] {
    background: linear-gradient(180deg, #ffe2e2, #ffc2c2);
    --appointment-soft-bg: rgba(255, 248, 248, .98);
    --appointment-soft-border: #ffb2b2;
}

.timeline-appointment.warning-level-1[b-hikgofyzlh] {
    --timeline-warning-color: #ffd15c;
    --timeline-warning-soft: rgba(255, 209, 92, .26);
}

.timeline-appointment.warning-level-2[b-hikgofyzlh] {
    --timeline-warning-color: #ff9f43;
    --timeline-warning-soft: rgba(255, 159, 67, .28);
}

.timeline-appointment.warning-level-3[b-hikgofyzlh] {
    --timeline-warning-color: #ff6b6b;
    --timeline-warning-soft: rgba(255, 107, 107, .30);
}

.timeline-appointment.warning-level-4[b-hikgofyzlh],
.timeline-appointment.warning[b-hikgofyzlh] {
    --timeline-warning-color: #ff3b4f;
    --timeline-warning-soft: rgba(255, 59, 79, .32);
}

.timeline-appointment.warning-level-1[b-hikgofyzlh],
.timeline-appointment.warning-level-2[b-hikgofyzlh],
.timeline-appointment.warning-level-3[b-hikgofyzlh],
.timeline-appointment.warning-level-4[b-hikgofyzlh],
.timeline-appointment.warning[b-hikgofyzlh] {
    border-color: var(--timeline-warning-color);
    box-shadow:
        inset 0 0 0 1px var(--timeline-warning-soft),
        0 8px 18px rgba(10, 26, 58, .06);
}

.timeline-appointment.warning-level-1[b-hikgofyzlh]::after,
.timeline-appointment.warning-level-2[b-hikgofyzlh]::after,
.timeline-appointment.warning-level-3[b-hikgofyzlh]::after,
.timeline-appointment.warning-level-4[b-hikgofyzlh]::after,
.timeline-appointment.warning[b-hikgofyzlh]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 100%;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(90deg, var(--timeline-warning-soft), transparent);
    pointer-events: none;
}

.timeline-resource-observation[b-hikgofyzlh] {
    position: fixed;
    z-index: 11100;
    width: min(360px, calc(100vw / var(--jump-zoom, 1) - 24px));
    overflow: hidden;
    transform: translate(4px, 4px);
    border: 1px solid #c9d9ec;
    border-radius: 10px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 42px rgba(10, 26, 58, .18);
    color: var(--timeline-night);
}

.timeline-resource-observation-header[b-hikgofyzlh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e8eff8;
    background: linear-gradient(180deg, #fbfdff, #f4f8ff);
}

.timeline-resource-observation-header div[b-hikgofyzlh] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.timeline-resource-observation-header strong[b-hikgofyzlh] {
    color: #003d8f;
    font-size: 12px;
    font-weight: 950;
}

.timeline-resource-observation-header span[b-hikgofyzlh] {
    overflow: hidden;
    color: #557097;
    font-size: 10px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-resource-observation-header button[b-hikgofyzlh] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border: 1px solid #c9d9ec;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.timeline-resource-observation-header button:hover[b-hikgofyzlh],
.timeline-resource-observation-header button:focus-visible[b-hikgofyzlh] {
    background: #eef6ff;
    outline: 0;
}

.timeline-resource-observation-message[b-hikgofyzlh],
.timeline-resource-observation-text[b-hikgofyzlh] {
    margin: 0;
    padding: 10px 12px 12px;
    color: #21395f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    white-space: pre-wrap;
}

.timeline-resource-observation-message[b-hikgofyzlh] {
    color: #557097;
}

.timeline-empty-state[b-hikgofyzlh],
.timeline-load-empty[b-hikgofyzlh] {
    grid-column: 1 / -1;
    padding: 32px;
    color: var(--timeline-slate);
    font-size: 13px;
}

.timeline-side-panel[b-hikgofyzlh] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    min-height: 0;
}

.timeline-panel-header[b-hikgofyzlh] {
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 54px 16px 16px;
    border-bottom: 1px solid #e8eff8;
    background: transparent;
}

.timeline-panel-header > div:first-child[b-hikgofyzlh] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
}

.timeline-panel-header h2[b-hikgofyzlh] {
    margin: 0;
    color: var(--timeline-night);
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
}

.timeline-panel-header > div:first-child > span[b-hikgofyzlh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    margin-left: 0;
    border-radius: 999px;
    background: #edf4ff;
    color: var(--timeline-blue);
    font-size: 12px;
    font-weight: 900;
}

.timeline-load-layout-actions[b-hikgofyzlh] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.timeline-load-layout-actions button[b-hikgofyzlh] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e4f4;
    border-radius: 8px;
    background: #ffffff;
    color: var(--timeline-blue);
    font-size: 12px;
    font-weight: 900;
}

.timeline-load-layout-actions button:hover:not(:disabled)[b-hikgofyzlh] {
    border-color: rgba(0, 87, 184, .36);
    background: #f4f8ff;
}

.timeline-load-layout-actions button:disabled[b-hikgofyzlh] {
    cursor: not-allowed;
    opacity: .55;
}

.timeline-load-column-chooser[b-hikgofyzlh] {
    position: absolute;
    top: calc(100% - 4px);
    right: 12px;
    z-index: 30;
    width: 220px;
    padding: 12px;
    border: 1px solid #d7e4f4;
    border-radius: 12px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 16px 36px rgba(10, 26, 58, .14);
}

.timeline-load-column-chooser header[b-hikgofyzlh] {
    display: grid;
    gap: 2px;
    margin-bottom: 8px;
}

.timeline-load-column-chooser strong[b-hikgofyzlh] {
    color: var(--timeline-night);
    font-size: 13px;
    font-weight: 900;
}

.timeline-load-column-chooser small[b-hikgofyzlh] {
    color: var(--timeline-slate);
    font-size: 11px;
    font-weight: 650;
}

.timeline-load-column-option[b-hikgofyzlh] {
    min-height: 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.timeline-load-column-option label[b-hikgofyzlh] {
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--timeline-night);
    font-size: 12px;
    font-weight: 800;
}

.timeline-load-column-option input[b-hikgofyzlh] {
    width: 14px;
    height: 14px;
    accent-color: var(--timeline-blue);
}

.timeline-load-column-option > div[b-hikgofyzlh] {
    display: inline-flex;
    gap: 4px;
}

.timeline-load-column-option > div button[b-hikgofyzlh] {
    width: 28px;
    height: 22px;
    border: 1px solid #d7e4f4;
    border-radius: 6px;
    background: #ffffff;
    color: var(--timeline-blue);
    font-size: 10px;
    font-weight: 900;
}

.timeline-load-column-option > div button:disabled[b-hikgofyzlh] {
    opacity: .38;
}

.timeline-load-column-chooser footer[b-hikgofyzlh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf2f9;
}

.timeline-load-column-chooser footer button[b-hikgofyzlh] {
    min-width: 64px;
    height: 28px;
    border: 1px solid #cfe0f5;
    border-radius: 8px;
    background: #ffffff;
    color: var(--timeline-blue);
    font-size: 11px;
    font-weight: 900;
}

.timeline-load-column-chooser footer button.primary[b-hikgofyzlh] {
    border-color: var(--timeline-blue);
    background: var(--timeline-blue);
    color: #ffffff;
}

.timeline-load-grid[b-hikgofyzlh] {
    overflow: hidden;
    height: 100%;
    min-height: 0;
    border: 0;
    background: transparent;
}

.timeline-load-layout-message[b-hikgofyzlh] {
    margin: 0;
    padding: 8px 14px;
    border-top: 1px solid #edf2f9;
    background: rgba(237, 246, 255, .9);
    color: var(--timeline-slate);
    font-size: 11px;
    font-weight: 750;
}

.timeline-load-row[b-hikgofyzlh] {
    box-sizing: border-box;
    width: 100%;
    min-height: 24px;
    display: block;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 2px 0;
    color: var(--timeline-night);
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    cursor: grab;
    touch-action: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-load-row.dragging[b-hikgofyzlh] {
    opacity: .58;
    cursor: grabbing;
}

body.timeline-load-dragging[b-hikgofyzlh] {
    cursor: grabbing;
    user-select: none;
}

body.timeline-load-column-resizing[b-hikgofyzlh] {
    cursor: col-resize;
    user-select: none;
}

body.timeline-load-column-dragging[b-hikgofyzlh] {
    cursor: grabbing;
    user-select: none;
}

body.timeline-load-dragging .timeline-page[b-hikgofyzlh],
.timeline-page.timeline-load-dragging[b-hikgofyzlh] {
    user-select: none;
}

body.timeline-load-dragging .timeline-page .timeline-appointment[b-hikgofyzlh],
.timeline-page.timeline-load-dragging .timeline-appointment[b-hikgofyzlh],
body.timeline-load-dragging .timeline-appointment[b-hikgofyzlh] {
    pointer-events: none;
}

body.timeline-load-dragging .timeline-page .timeline-appointment-resize-handle[b-hikgofyzlh]::after,
body.timeline-load-dragging .timeline-page .timeline-appointment-popover[b-hikgofyzlh],
body.timeline-load-dragging .timeline-page .timeline-appointment-popover.popover-visible[b-hikgofyzlh],
.timeline-page.timeline-load-dragging .timeline-appointment-resize-handle[b-hikgofyzlh]::after,
.timeline-page.timeline-load-dragging .timeline-appointment-popover[b-hikgofyzlh],
.timeline-page.timeline-load-dragging .timeline-appointment-popover.popover-visible[b-hikgofyzlh],
body.timeline-load-dragging .timeline-appointment-resize-handle[b-hikgofyzlh]::after,
body.timeline-load-dragging .timeline-appointment-popover[b-hikgofyzlh],
body.timeline-load-dragging .timeline-appointment-popover.popover-visible[b-hikgofyzlh] {
    display: none !important;
    opacity: 0;
}

.timeline-load-row.active[b-hikgofyzlh] {
    color: var(--timeline-blue);
    font-weight: 900;
}

.timeline-load-pagination[b-hikgofyzlh] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid var(--timeline-line);
    background: rgba(255, 255, 255, .9);
    color: var(--timeline-night);
    font-size: 12px;
    font-weight: 800;
}

.timeline-load-pagination button[b-hikgofyzlh] {
    width: 30px;
    height: 30px;
    border: 1px solid #d7e4f4;
    border-radius: 8px;
    background: #ffffff;
    color: var(--timeline-blue);
    font-size: 11px;
    font-weight: 900;
}

.timeline-load-pagination button:disabled[b-hikgofyzlh] {
    cursor: not-allowed;
    opacity: .45;
}

.timeline-load-pagination small[b-hikgofyzlh] {
    color: var(--timeline-slate);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.timeline-resource-summary[b-hikgofyzlh] {
    margin: 12px;
    padding: 16px;
    border: 1px solid var(--timeline-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .86);
}

.timeline-resource-summary h3[b-hikgofyzlh] {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 900;
}

.timeline-resource-summary p[b-hikgofyzlh] {
    margin: 0;
    color: var(--timeline-slate);
    font-size: 12px;
    line-height: 1.45;
}

.timeline-summary-title[b-hikgofyzlh] {
    position: relative;
    display: block;
    padding: 0 42px;
    text-align: center;
}

.timeline-summary-title > div:first-child[b-hikgofyzlh] {
    display: grid;
    justify-items: center;
}

.timeline-summary-title > .timeline-adr-badge[b-hikgofyzlh] {
    --timeline-adr-size: 42px;
    position: absolute;
    top: 1px;
    right: -2px;
    margin: 0;
}

.timeline-summary-title h3[b-hikgofyzlh] {
    margin-bottom: 2px;
}

.timeline-summary-title span[b-hikgofyzlh] {
    color: var(--timeline-slate);
    font-size: 11px;
    font-weight: 800;
}

.timeline-resource-summary dl[b-hikgofyzlh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 12px 0 0;
}

.timeline-resource-summary dl div[b-hikgofyzlh] {
    padding: 10px;
    border: 1px solid #edf2f9;
    border-radius: 10px;
    background: var(--timeline-soft);
}

.timeline-resource-summary dt[b-hikgofyzlh] {
    color: var(--timeline-slate);
    font-size: 10px;
    font-weight: 800;
}

.timeline-resource-summary dd[b-hikgofyzlh] {
    margin: 3px 0 0;
    color: var(--timeline-night);
    font-size: 14px;
    font-weight: 950;
}

.timeline-drop-hint[b-hikgofyzlh] {
    margin-top: 12px !important;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(25, 200, 255, .09);
    color: var(--timeline-night) !important;
}

@media (max-width: 1200px) {
    .timeline-shell[b-hikgofyzlh] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .timeline-shell-splitter[b-hikgofyzlh] {
        display: none;
    }

    .timeline-side-panel[b-hikgofyzlh] {
        min-height: 360px;
    }
}
/* /Products/aTrans/Trafego/Timeline/Pages/TimelineLoadOrderOperationForm.razor.rz.scp.css */
.timeline-action-backdrop[b-jedssji6bn] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(6, 36, 93, .18);
    backdrop-filter: blur(3px);
}

.timeline-action-dialog[b-jedssji6bn] {
    --timeline-action-ink: var(--app-page-ink, #06245d);
    --timeline-action-muted: var(--app-page-muted, #557097);
    --timeline-action-border: var(--app-page-border, #dbe7f6);
    --timeline-action-surface: var(--app-page-card-bg, #fff);
    --timeline-action-shell: var(--app-page-bg, #f4f7fb);
    --timeline-action-title: #003d8f;
    --timeline-action-accent: #0057b8;
    --timeline-action-control-border: #cfdded;
    --timeline-action-control-bg: #fbfdff;
    width: min(850px, calc(100vw / var(--jump-zoom, 1) - 28px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: 0 12px 30px rgba(16, 42, 84, .10);
    color: var(--timeline-action-ink);
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.timeline-operation-dialog[b-jedssji6bn] {
    width: min(1120px, calc(100vw / var(--jump-zoom, 1) - 28px));
}

.timeline-action-header[b-jedssji6bn] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--timeline-action-border);
    background: var(--jump-dialog-header-bg, #fbfdff);
}

.timeline-action-header-icon[b-jedssji6bn] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-weight: 800;
}

.timeline-operation-heading[b-jedssji6bn] {
    text-align: center;
}

.timeline-action-header p[b-jedssji6bn] {
    margin: 0;
    color: var(--timeline-action-muted);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.timeline-action-header h2[b-jedssji6bn] {
    margin: 2px 0;
    color: var(--timeline-action-title);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}

.timeline-action-header span[b-jedssji6bn] {
    color: var(--timeline-action-muted);
    font-size: 12px;
    line-height: 1.2;
}

.timeline-action-close[b-jedssji6bn] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.timeline-action-body[b-jedssji6bn] {
    overflow: auto;
    padding: 6px 8px 8px;
    background: var(--timeline-action-shell);
}

.timeline-action-section[b-jedssji6bn],
.timeline-action-card[b-jedssji6bn] {
    border: 1px solid var(--timeline-action-border);
    border-radius: 8px;
    background: var(--timeline-action-surface);
    box-shadow: none;
}

.timeline-action-section[b-jedssji6bn] {
    padding: 6px 10px 12px;
}

.timeline-action-section + .timeline-action-card[b-jedssji6bn],
.timeline-action-card + .timeline-action-card[b-jedssji6bn] {
    margin-top: 8px;
}

.timeline-action-section h3[b-jedssji6bn] {
    margin: 0 0 4px;
    color: var(--timeline-action-title);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
}

.timeline-action-card[b-jedssji6bn] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 7px 10px 10px;
}

.timeline-action-card-title[b-jedssji6bn] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 5px;
}

.timeline-action-card-title span[b-jedssji6bn] {
    color: var(--timeline-action-title);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
}

.timeline-action-card-title .timeline-action-card-icon[b-jedssji6bn] {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 7px;
    background: #eef6ff;
    color: var(--timeline-action-accent);
    font-size: 12px;
    font-weight: 700;
}

.timeline-action-card-value[b-jedssji6bn] {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-control-bg);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-action-card p[b-jedssji6bn] {
    margin: 5px 0 0;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.timeline-action-identification-grid[b-jedssji6bn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 8px;
    align-items: stretch;
    margin-top: 8px;
}

.timeline-action-form[b-jedssji6bn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
    column-gap: 8px;
}

.timeline-action-field.wide[b-jedssji6bn] {
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    justify-self: stretch;
}

.timeline-action-field.compact[b-jedssji6bn] {
    width: 100%;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.timeline-action-field label[b-jedssji6bn] {
    display: block;
    margin: 0;
    color: var(--timeline-action-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
}

.timeline-action-lookup[b-jedssji6bn] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.timeline-action-f4[b-jedssji6bn],
.timeline-action-f4[b-jedssji6bn] (.control-f4-root),
.timeline-action-f4[b-jedssji6bn] (.ctlf4-native-combobox),
.timeline-action-lookup input[b-jedssji6bn],
.timeline-action-field input[b-jedssji6bn],
.timeline-action-field[b-jedssji6bn] (.dxbl-text-edit) {
    width: 100%;
}

.timeline-action-f4[b-jedssji6bn] (.ctlf4-label) {
    width: 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.timeline-action-lookup input[b-jedssji6bn],
.timeline-action-field input[b-jedssji6bn],
.timeline-action-field[b-jedssji6bn] (.dxbl-text-edit) {
    min-height: 30px;
    border: 1px solid var(--timeline-action-control-border);
    border-radius: 6px;
    background: var(--timeline-action-surface);
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    box-shadow: none;
}

.timeline-action-lookup input[b-jedssji6bn],
.timeline-action-field input[b-jedssji6bn] {
    height: 30px;
    padding: 0 .75rem;
    line-height: 28px;
}

.timeline-action-lookup input[readonly][b-jedssji6bn] {
    background: var(--timeline-action-shell);
    color: #31476d;
}

.timeline-action-f4[b-jedssji6bn] (.ctlf4-native-editor) {
    min-height: 30px;
    border-color: var(--timeline-action-control-border);
    border-radius: 6px;
    box-shadow: none;
}

.timeline-action-f4[b-jedssji6bn] (.ctlf4-native-input) {
    min-height: 28px;
    padding: 0 .75rem;
    color: var(--timeline-action-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 28px;
}

.timeline-operation-inline-fields[b-jedssji6bn] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.timeline-operation-route-section[b-jedssji6bn] {
    display: grid;
    gap: 6px;
}

[b-jedssji6bn](.timeline-operation-route-grid) {
    min-height: 260px;
}

[b-jedssji6bn](.timeline-operation-route-grid .dxbl-grid-table > tbody > tr > td) {
    font-weight: 500;
    white-space: nowrap;
}

.timeline-operation-empty[b-jedssji6bn] {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--timeline-action-muted);
    font-weight: 700;
}

.timeline-action-footer[b-jedssji6bn] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid var(--timeline-action-border);
    background: var(--timeline-action-surface);
}

.timeline-action-button[b-jedssji6bn] {
    min-width: 126px;
    min-height: 34px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
}

.timeline-action-button.secondary[b-jedssji6bn] {
    border: 1px solid var(--timeline-action-control-border);
    background: var(--timeline-action-surface);
    color: var(--timeline-action-accent);
}

.timeline-action-button.primary[b-jedssji6bn] {
    border: 1px solid var(--timeline-action-accent);
    background: var(--timeline-action-accent);
    color: #fff;
    box-shadow: 0 10px 24px rgba(16, 42, 84, .10);
}

.timeline-operation-dialog[b-jedssji6bn] (.dxbl-dropdown),
.timeline-operation-dialog[b-jedssji6bn] (.dxbl-popup) {
    z-index: 1400;
}

@media (max-width: 860px) {
    .timeline-action-backdrop[b-jedssji6bn] {
        padding: 10px;
    }

    .timeline-action-dialog[b-jedssji6bn] {
        width: calc(100vw / var(--jump-zoom, 1) - 20px);
    }

    .timeline-action-identification-grid[b-jedssji6bn],
    .timeline-action-form[b-jedssji6bn],
    .timeline-action-lookup[b-jedssji6bn],
    .timeline-operation-inline-fields[b-jedssji6bn] {
        grid-template-columns: 1fr;
    }

    .timeline-action-field.wide[b-jedssji6bn],
    .timeline-action-field.compact[b-jedssji6bn] {
        grid-template-columns: 1fr;
        width: 100%;
    }
}
/* /Products/aTrans/Trafego/Trip/Components/TripHeader.razor.rz.scp.css */
.trip-page .form-control[b-mesvt9vcqu],
.trip-page .dxbl-text-edit[b-mesvt9vcqu],
.trip-page .dxbs-textbox[b-mesvt9vcqu],
.trip-page .dxbl-spin-edit[b-mesvt9vcqu],
.trip-page .dxbs-spin-edit[b-mesvt9vcqu],
.trip-page .dxbl-date-edit[b-mesvt9vcqu],
.trip-page .dxbs-date-edit[b-mesvt9vcqu] {
    min-height: 30px;
    border-color: #cfdded;
    border-radius: 6px;
    color: #06245d;
    font-size: 12px;
    box-shadow: none;
}

    .trip-page .form-control:focus[b-mesvt9vcqu],
    .trip-page .dxbl-text-edit:focus-within[b-mesvt9vcqu],
    .trip-page .dxbs-textbox:focus-within[b-mesvt9vcqu],
    .trip-page .dxbl-spin-edit:focus-within[b-mesvt9vcqu],
    .trip-page .dxbs-spin-edit:focus-within[b-mesvt9vcqu],
    .trip-page .dxbl-date-edit:focus-within[b-mesvt9vcqu],
    .trip-page .dxbs-date-edit:focus-within[b-mesvt9vcqu] {
        border-color: #8ab8ef;
        box-shadow: 0 0 0 3px rgba(0, 87, 184, .10);
    }

    .trip-page .form-control:disabled[b-mesvt9vcqu],
    .trip-page .form-control[disabled][b-mesvt9vcqu] {
        background: #f4f7fb;
        color: #31476d;
        opacity: 1;
    }

.trip-identification-panel[b-mesvt9vcqu] {
    background: #fff;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(16, 42, 84, .05);
    padding: 8px;
    margin-bottom: 6px;
}

.trip-section-title[b-mesvt9vcqu] {
    margin: 0 0 8px;
    color: #003d8f;
    font-size: 14px;
    font-weight: 850;
}

.trip-section-title[b-mesvt9vcqu],
.trip-summary-card-title[b-mesvt9vcqu],
.trip-summary-card-title label[b-mesvt9vcqu],
.trip-side-card-title[b-mesvt9vcqu],
.trip-timeline-title[b-mesvt9vcqu],
.trip-route-popup-title[b-mesvt9vcqu],
.trip-detail-group-title[b-mesvt9vcqu],
.trip-readonly-list-title[b-mesvt9vcqu],
.trip-sidebar-host .panel_base .mytexttitle[b-mesvt9vcqu] {
    font-family: var(--trip-group-title-font-family);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: 0;
}

.trip-dashboard-layout[b-mesvt9vcqu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 10px;
    align-items: start;
}

.trip-content[b-mesvt9vcqu] {
    min-width: 0;
}

.trip-side-rail[b-mesvt9vcqu] {
    display: grid;
    gap: 10px;
    position: sticky;
    top: calc(var(--jump-page-header-height, 0px) + 8px);
}

.trip-summary-grid[b-mesvt9vcqu] {
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) repeat(5, minmax(130px, 1fr));
    gap: 8px;
    align-items: stretch;
}

.trip-summary-card[b-mesvt9vcqu] {
    min-width: 0;
    min-height: 82px;
    padding: 9px;
    background: #fff;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(16, 42, 84, .04);
}

.trip-summary-card-title[b-mesvt9vcqu] {
    gap: 10px;
    color: #557097;
    font-size: 11px;
    margin-bottom: 6px;
}

.trip-summary-title-action[b-mesvt9vcqu] {
    color: inherit;
    cursor: pointer;
}

/* Manual route recalculation, in the "Total Kms" card's title row. */
.trip-recalculate-route[b-mesvt9vcqu] {
    margin-left: auto;
    padding: 0;
    width: 18px;
    height: 18px;
    line-height: 1;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: 13px;
    cursor: pointer;
}

.trip-recalculate-route:hover:not(:disabled)[b-mesvt9vcqu] {
    background: rgba(85, 112, 151, 0.12);
}

.trip-recalculate-route:disabled[b-mesvt9vcqu] {
    opacity: 0.4;
    cursor: default;
}

.trip-icon-box[b-mesvt9vcqu] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eef6ff;
    color: #0057b8;
    font-weight: 800;
    flex: 0 0 auto;
}

.trip-code-grid[b-mesvt9vcqu] {
    display: grid;
    grid-template-columns: 1fr 78px;
    gap: 6px;
}

.trip-description[b-mesvt9vcqu] {
    margin-top: 6px;
}

.trip-summary-card .form-control[b-mesvt9vcqu],
.trip-summary-card .dxbl-text-edit[b-mesvt9vcqu],
.trip-summary-card .dxbs-textbox[b-mesvt9vcqu] {
    min-height: 30px;
    border-color: #cfdded;
    border-radius: 6px;
    color: #06245d;
    font-weight: 650;
    font-size: 11px;
}

.trip-summary-card .ctlf4-label[b-mesvt9vcqu] {
    width: 0;
}

.trip-metric-value[b-mesvt9vcqu] {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #cfdded;
    border-radius: 6px;
    background: #fbfdff;
}

    .trip-metric-value .form-control[b-mesvt9vcqu] {
        border: 0;
        box-shadow: none;
        background: transparent;
        padding: 0;
        min-height: 30px;
    }

.trip-card-foot[b-mesvt9vcqu] {
    margin-top: 5px;
    color: #557097;
    font-size: 10.5px;
}
/* /Products/aWarehouse/Logistics/StorageBilling/Components/Wizard/LogisticsStorageBillingSelectionStep.razor.rz.scp.css */
.storage-billing-selection-layout[b-ulgdkatq5b] {
    align-items: start;
}

.storage-billing-toolbar[b-ulgdkatq5b] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(360px, 1.35fr) minmax(430px, 1fr);
    align-items: stretch;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(25, 76, 166, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(52, 149, 255, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.98) 100%);
    box-shadow: 0 16px 34px rgba(17, 74, 164, 0.08);
}

.storage-billing-toolbar-main[b-ulgdkatq5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.storage-billing-toolbar-title-shell[b-ulgdkatq5b] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.storage-billing-toolbar-badge[b-ulgdkatq5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0b4ccd 0%, #2bb5ff 100%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(11, 76, 205, 0.22);
}

.storage-billing-toolbar-title[b-ulgdkatq5b] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.storage-billing-toolbar-title strong[b-ulgdkatq5b] {
    color: #15356f;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.1;
}

.storage-billing-toolbar-title span[b-ulgdkatq5b] {
    color: #6177a4;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
}

.storage-billing-collapse-button[b-ulgdkatq5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(15, 88, 212, 0.15);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    color: #0f53ba;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(17, 74, 164, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.storage-billing-collapse-button:hover[b-ulgdkatq5b] {
    transform: translateY(-1px);
    border-color: rgba(15, 88, 212, 0.28);
    box-shadow: 0 10px 22px rgba(17, 74, 164, 0.12);
}

.storage-billing-toolbar-summary[b-ulgdkatq5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.storage-billing-toolbar-metric[b-ulgdkatq5b] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(23, 86, 184, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
}

.storage-billing-toolbar-metric-label[b-ulgdkatq5b] {
    color: #7283a8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
}

.storage-billing-toolbar-metric-value[b-ulgdkatq5b] {
    color: #15356f;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.storage-billing-filters-shell[b-ulgdkatq5b]  .jump-form-section,
.storage-billing-summary-shell[b-ulgdkatq5b]  .jump-form-section {
    margin-bottom: 0;
}

.storage-billing-filters-shell[b-ulgdkatq5b]  .jump-form-card,
.storage-billing-summary-shell[b-ulgdkatq5b]  .jump-form-card {
    border-radius: 16px;
}

.storage-billing-step-note[b-ulgdkatq5b] {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0.65rem 0.85rem;
    border: 1px dashed rgba(17, 74, 164, 0.22);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.95) 0%, rgba(240, 246, 255, 0.95) 100%);
    color: #35558f;
    font-size: 0.85rem;
    font-weight: 600;
}

.storage-billing-selection-warning[b-ulgdkatq5b] {
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(189, 76, 20, 0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 249, 242, 0.96) 0%, rgba(255, 245, 235, 0.98) 100%);
    color: #9a4c18;
    font-size: 0.86rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .storage-billing-toolbar[b-ulgdkatq5b] {
        grid-template-columns: 1fr;
    }

    .storage-billing-toolbar-main[b-ulgdkatq5b] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .storage-billing-toolbar[b-ulgdkatq5b] {
        padding: 12px;
    }

    .storage-billing-toolbar-title-shell[b-ulgdkatq5b] {
        width: 100%;
        align-items: flex-start;
    }

    .storage-billing-toolbar-summary[b-ulgdkatq5b] {
        grid-template-columns: 1fr;
    }

    .storage-billing-collapse-button[b-ulgdkatq5b] {
        width: 100%;
    }
}
/* /Products/aWarehouse/Logistics/StorageBilling/Pages/LogisticsStorageBilling.razor.rz.scp.css */
.storage-billing-page-shell[b-6emgycnk93] {
    display: block;
}

.storage-billing-toolbar[b-6emgycnk93] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(320px, 1.25fr) minmax(420px, 1fr);
    align-items: center;
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(17, 74, 164, 0.12);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.98) 0%, rgba(244, 248, 255, 0.99) 100%);
    box-shadow: 0 8px 20px rgba(17, 74, 164, 0.06);
}

.storage-billing-toolbar-main[b-6emgycnk93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.storage-billing-toolbar-title-shell[b-6emgycnk93] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.storage-billing-toolbar-badge[b-6emgycnk93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0d4fd3 0%, #31a3ff 100%);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(13, 79, 211, 0.2);
}

.storage-billing-toolbar-title[b-6emgycnk93] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.storage-billing-toolbar-title strong[b-6emgycnk93] {
    color: #163a7a;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.1;
}

.storage-billing-toolbar-title span[b-6emgycnk93] {
    color: #6a7ea8;
    font-size: 0.76rem;
    font-weight: 600;
}

.storage-billing-collapse-button[b-6emgycnk93] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid rgba(10, 67, 232, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    color: #114aa4;
    font-weight: 700;
    white-space: nowrap;
}

.storage-billing-toolbar-summary[b-6emgycnk93] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.storage-billing-toolbar-metric[b-6emgycnk93] {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid rgba(17, 74, 164, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.88);
}

.storage-billing-toolbar-metric-label[b-6emgycnk93] {
    color: #7182a7;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}

.storage-billing-toolbar-metric-value[b-6emgycnk93] {
    color: #163a7a;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.storage-billing-selection-warning[b-6emgycnk93] {
    margin-bottom: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(189, 76, 20, 0.18);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 249, 242, 0.96) 0%, rgba(255, 245, 235, 0.98) 100%);
    color: #9a4c18;
    font-size: 0.86rem;
    font-weight: 600;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-shell {
    gap: 8px;
    padding: 10px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-header {
    padding: 4px 8px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-header-copy strong {
    font-size: 15px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-progress-value {
    min-width: 48px;
    min-height: 28px;
    font-size: 12px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-steps {
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-step-button {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
    padding: 4px 8px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-step-marker {
    width: 30px;
    height: 30px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-step-title {
    font-size: 11px;
}

.storage-billing-page-shell[b-6emgycnk93]  .wizard-body {
    padding-top: 0;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-selection-layout {
    align-items: start;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-filters-shell .jump-form-section,
.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-summary-shell .jump-form-section {
    margin-bottom: 0;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-card-compact {
    min-height: 96px;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-card-compact.jump-form-card {
    padding: 10px 12px;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-card-compact .jump-form-card-title {
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-card-compact .jump-form-card-icon {
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-card-compact .jump-form-card-field,
.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-summary-card .jump-form-summary-list {
    gap: 6px;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-summary-card.jump-form-card {
    padding: 10px 12px;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-summary-card .jump-form-summary-title {
    font-size: 0.95rem;
    margin-bottom: 6px;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-summary-card .jump-form-summary-subtitle {
    font-size: 0.8rem;
}

.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-action-card .dxbl-btn,
.storage-billing-page-shell[b-6emgycnk93]  .storage-billing-action-card .btn {
    width: 100%;
}

@media (max-width: 900px) {
    .storage-billing-toolbar[b-6emgycnk93] {
        grid-template-columns: 1fr;
    }

    .storage-billing-toolbar-main[b-6emgycnk93] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .storage-billing-toolbar-summary[b-6emgycnk93] {
        grid-template-columns: 1fr;
    }
}

.storage-billing-step-note[b-6emgycnk93] {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 0.5rem 0.75rem;
    border: 1px dashed rgba(17, 74, 164, 0.22);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.95) 0%, rgba(240, 246, 255, 0.95) 100%);
    color: #35558f;
    font-size: 0.85rem;
}
/* /Products/aWarehouse/Logistics/StoragePriceList/Components/LogisticsStoragePriceListLinesGrid.razor.rz.scp.css */
.storage-price-list-lookup-host[b-q3c1fwv9ot] {
    position: relative;
    z-index: 25000;
}

.storage-price-list-detail-panel[b-q3c1fwv9ot] {
    position: relative;
    z-index: 1;
}

.storage-price-list-detail-grid-host[b-q3c1fwv9ot] {
    overflow: visible !important;
}

.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-grid-table,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-grid-table > tbody,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-grid-table > tbody > tr,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-grid-table > tbody > tr > td,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-grid-table > tbody > tr > td > div {
    overflow: visible !important;
}

.storage-price-list-lines-grid[b-q3c1fwv9ot]  dxbl-popup,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  dxbl-popup-cell,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  dxbl-dropdown,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-popup,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-dropdown,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-listbox,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbl-list-box,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbs-popup,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbs-dropdown,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .dxbs-dropdown-menu,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .blazored-modal,
.storage-price-list-lines-grid[b-q3c1fwv9ot]  .bm-container {
    z-index: 30000 !important;
}
/* /Products/Configuracoes/Aceleradores/CargoPlanning/Components/CargoItemEditor.razor.rz.scp.css */
.cargo-fields[b-6p72g6q8in] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
label[b-6p72g6q8in] { font-size:12px; color:#475569; display:block; }
input[b-6p72g6q8in], select[b-6p72g6q8in] { margin-top:4px; font-size:13px; }
.cargo-check[b-6p72g6q8in] { display:flex; align-items:center; gap:8px; margin-top:12px; }
.cargo-check input[b-6p72g6q8in] { margin:0; }
.cargo-note[b-6p72g6q8in] { font-size:12px; color:#92400e; background:#fffbeb; padding:10px; border-radius:8px; margin-top:12px; }
.cargo-actions[b-6p72g6q8in] { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
/* /Products/Configuracoes/Aceleradores/CargoPlanning/Pages/CargoPlanning.razor.rz.scp.css */
.cargo-workspace[b-gnhdwyu3ux] { color:#1e293b; }
.cargo-panel[b-gnhdwyu3ux] { background:var(--bs-body-bg,#fff); border:1px solid #e2e8f0; border-radius:12px; padding:16px; min-width:0; }
.cargo-source[b-gnhdwyu3ux] { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.cargo-eyebrow[b-gnhdwyu3ux] { color:#64748b; font-size:10px; font-weight:700; letter-spacing:1.5px; }
.cargo-source h2[b-gnhdwyu3ux] { font-size:19px; margin:5px 0; font-weight:650; }
.cargo-source p[b-gnhdwyu3ux] { margin:0; color:#64748b; font-size:13px; }
.cargo-source-actions[b-gnhdwyu3ux] { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; border:0; padding:0; min-width:0; }
.cargo-trip[b-gnhdwyu3ux] { width:160px; }
.cargo-trip > label[b-gnhdwyu3ux] { margin-bottom:4px; }
.cargo-layout[b-gnhdwyu3ux] { display:grid; grid-template-columns:340px minmax(0,1fr); gap:16px; align-items:start; }
.cargo-sidebar[b-gnhdwyu3ux], .cargo-main[b-gnhdwyu3ux] { display:flex; flex-direction:column; gap:16px; min-width:0; }
.cargo-panel-title[b-gnhdwyu3ux] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.cargo-panel-title h3[b-gnhdwyu3ux] { font-size:14px; margin:0; font-weight:650; }
.cargo-panel-title > span[b-gnhdwyu3ux] { color:#64748b; font-size:12px; }
.cargo-tag[b-gnhdwyu3ux] { font-size:10px !important; color:#475569; background:#f1f5f9; padding:4px 7px; border-radius:5px; }
.cargo-fields[b-gnhdwyu3ux] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
label[b-gnhdwyu3ux] { font-size:12px; color:#475569; display:block; }
label input[b-gnhdwyu3ux], label select[b-gnhdwyu3ux] { margin-top:4px; font-size:13px; }
.cargo-check[b-gnhdwyu3ux] { display:flex; align-items:center; gap:8px; margin-top:10px; }
.cargo-check input[b-gnhdwyu3ux] { margin:0; }
.cargo-note[b-gnhdwyu3ux] { color:#64748b; font-size:12px; margin:10px 0; line-height:1.5; }
.cargo-count[b-gnhdwyu3ux] { display:inline-block; background:#eff6ff; color:#2563eb; border-radius:5px; padding:2px 6px; margin-left:5px; font-size:11px; }
.cargo-search[b-gnhdwyu3ux] { margin-bottom:12px; }
.cargo-item-list[b-gnhdwyu3ux] { max-height:530px; overflow:auto; }
.cargo-item[b-gnhdwyu3ux] { width:100%; border:1px solid #e2e8f0; background:#fff; border-radius:8px; padding:10px; display:flex; gap:10px; text-align:left; margin-bottom:8px; align-items:flex-start; }
.cargo-item:hover[b-gnhdwyu3ux] { background:#f8fafc; border-color:#94a3b8; }
.cargo-item.is-selected[b-gnhdwyu3ux] { background:#eff6ff; border-color:#3b82f6; box-shadow:0 0 0 1px #3b82f6; }
.cargo-item strong[b-gnhdwyu3ux] { font-size:12px; display:block; font-weight:650; overflow-wrap:anywhere; }
.cargo-item small[b-gnhdwyu3ux] { font-size:11px; color:#64748b; display:block; margin-top:4px; }
.cargo-swatch[b-gnhdwyu3ux] { width:10px; height:28px; flex-shrink:0; border-radius:3px; margin-top:2px; }
.cargo-item-state[b-gnhdwyu3ux] { margin-left:auto; font-size:12px; color:#475569; }
.cargo-item .cargo-issue[b-gnhdwyu3ux], .cargo-issue[b-gnhdwyu3ux] { color:#b45309; font-size:12px; }
.cargo-empty[b-gnhdwyu3ux] { color:#64748b; text-align:center; padding:30px 10px; font-size:13px; line-height:1.7; }
.cargo-stats[b-gnhdwyu3ux] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cargo-stats article[b-gnhdwyu3ux] { display:flex; flex-direction:column; gap:6px; }
.cargo-stats span[b-gnhdwyu3ux] { color:#64748b; font-size:12px; }
.cargo-stats strong[b-gnhdwyu3ux] { font-size:28px; font-weight:650; letter-spacing:-1px; }
.cargo-stats small[b-gnhdwyu3ux] { font-size:13px; font-weight:400; color:#64748b; margin-left:5px; letter-spacing:0; }
.cargo-stats .cargo-overweight[b-gnhdwyu3ux] { border-color:#ef4444; background:#fef2f2; }
.cargo-overweight strong[b-gnhdwyu3ux] { color:#b91c1c; }
.cargo-actions[b-gnhdwyu3ux] { display:flex; gap:8px; flex-wrap:wrap; }
.cargo-view-controls[b-gnhdwyu3ux] { display:flex; gap:6px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
.cargo-view-controls span[b-gnhdwyu3ux] { font-size:11px; color:#64748b; margin-left:auto; }
.cargo-route[b-gnhdwyu3ux] { background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:12px 16px; margin-top:12px; }
.cargo-route-modes[b-gnhdwyu3ux] { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.cargo-route-summary[b-gnhdwyu3ux] { padding-top:10px; border-top:1px solid #e2e8f0; }
.cargo-route .cargo-panel-title[b-gnhdwyu3ux] { margin:0; font-size:12px; }
.cargo-route input[b-gnhdwyu3ux] { width:100%; accent-color:#2563eb; margin:12px 0; }
.cargo-feedback[b-gnhdwyu3ux] { font-size:12px; color:#334155; margin:12px 0 0; min-height:18px; }
.cargo-position[b-gnhdwyu3ux] { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; }
.cargo-position label[b-gnhdwyu3ux] { flex:1; min-width:140px; }
.cargo-help[b-gnhdwyu3ux] { font-size:12px; color:#64748b; line-height:1.65; }
.cargo-help summary[b-gnhdwyu3ux] { cursor:pointer; font-weight:600; color:#475569; }
.cargo-help p[b-gnhdwyu3ux] { margin:10px 0 0; }
button:focus-visible[b-gnhdwyu3ux], input:focus-visible[b-gnhdwyu3ux], select:focus-visible[b-gnhdwyu3ux] { outline:2px solid #2563eb; outline-offset:2px; }
@media (max-width:1200px) { .cargo-source[b-gnhdwyu3ux] { align-items:flex-start; flex-direction:column; } .cargo-layout[b-gnhdwyu3ux] { grid-template-columns:300px minmax(0,1fr); } .cargo-stats[b-gnhdwyu3ux] { gap:8px; } .cargo-stats article[b-gnhdwyu3ux] { padding:12px; } }
@media (max-width:900px) { .cargo-layout[b-gnhdwyu3ux] { grid-template-columns:1fr; } .cargo-sidebar[b-gnhdwyu3ux] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .cargo-item-list[b-gnhdwyu3ux] { max-height:340px; } }
@media (max-width:600px) { .cargo-sidebar[b-gnhdwyu3ux], .cargo-stats[b-gnhdwyu3ux] { grid-template-columns:1fr; } .cargo-panel-title[b-gnhdwyu3ux] { flex-wrap:wrap; } .cargo-source-actions[b-gnhdwyu3ux] { width:100%; } .cargo-trip[b-gnhdwyu3ux] { width:100%; } }
/* /Products/Configuracoes/Aceleradores/ImplementationSetup/Pages/SetupImplementacao.razor.rz.scp.css */
/* Aviso de estado no topo do corpo da página. */
.setup-banner[b-jfwk817spd] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #d7e4f4;
    border-radius: 10px;
    margin-bottom: 14px;
    text-align: left;
}

.setup-banner .oi[b-jfwk817spd] {
    font-size: 16px;
    line-height: 1.4;
}

.setup-banner-title[b-jfwk817spd] {
    font-weight: 700;
    font-size: 13px;
}

.setup-banner-detail[b-jfwk817spd] {
    font-size: 12px;
    margin-top: 2px;
}

.setup-banner-blocker[b-jfwk817spd] {
    color: #a3352b;
    border-color: #f3c4bf;
    background: #fff5f4;
}

.setup-banner-warning[b-jfwk817spd] {
    color: #8a5300;
    border-color: #ffd9a8;
    background: #fff9f0;
}

.setup-banner-done[b-jfwk817spd] {
    color: #12695a;
    border-color: #bfe6dc;
    background: #f2fbf8;
}

.setup-section-title[b-jfwk817spd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #35506f;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 16px 0 8px;
}

/* Ação da secção (ex.: "Validar todas") encostada à direita do título. */
.setup-section-actions[b-jfwk817spd] {
    margin-left: auto;
}

.setup-section-count[b-jfwk817spd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #fff7ef;
    border: 1px solid #ffd2b0;
    color: #d95d00;
    font-size: 11px;
}

/* Linhas com borda completa: a regra da casa é não arredondar bordas de um só lado. */
.setup-check-list[b-jfwk817spd] {
    border: 1px solid #e3ecf7;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.setup-check[b-jfwk817spd] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #eef3fa;
    /* O corpo do cartão da página pode herdar centrado; o texto dos checks lê-se à esquerda. */
    text-align: left;
}

.setup-check:last-child[b-jfwk817spd] {
    border-bottom: none;
}

.setup-check-icon[b-jfwk817spd] {
    font-size: 15px;
    line-height: 1.5;
    flex: 0 0 auto;
}

.setup-check-copy[b-jfwk817spd] {
    flex: 1 1 auto;
    min-width: 0;
}

.setup-check-title[b-jfwk817spd] {
    font-size: 13px;
    font-weight: 700;
    color: #1f3550;
}

.setup-check-evidence[b-jfwk817spd] {
    font-size: 12px;
    color: #35506f;
    margin-top: 1px;
}

.setup-check-purpose[b-jfwk817spd] {
    font-size: 11px;
    color: #7b8ca6;
    margin-top: 2px;
}

.setup-check-dismissal[b-jfwk817spd] {
    font-size: 11px;
    color: #6d4cc2;
    margin-top: 4px;
}

.setup-check-actions[b-jfwk817spd] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.setup-check-status[b-jfwk817spd] {
    font-size: 11px;
    color: #1c8c49;
    padding: 0 6px;
}

.setup-check-blocker .setup-check-icon[b-jfwk817spd] {
    color: #c8372b;
}

.setup-check-warning .setup-check-icon[b-jfwk817spd] {
    color: #d95d00;
}

.setup-check-done .setup-check-icon[b-jfwk817spd] {
    color: #1c8c49;
}

.setup-check-dismissed .setup-check-icon[b-jfwk817spd] {
    color: #6d4cc2;
}

.setup-footer[b-jfwk817spd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #eef3fa;
}

.setup-footer-note[b-jfwk817spd] {
    flex: 1 1 auto;
    font-size: 11px;
    color: #7b8ca6;
}

/* Camada 2 — validação operacional por área. */
.setup-validation-area[b-jfwk817spd] {
    border-bottom: 1px solid #eef3fa;
}

.setup-validation-area:last-child[b-jfwk817spd] {
    border-bottom: none;
}

.setup-validation-area .setup-check[b-jfwk817spd] {
    border-bottom: none;
}

.setup-validation-notrun .setup-check-icon[b-jfwk817spd] {
    color: #7b8ca6;
}

/* Estado da área: só "Validada" quando a última execução ficou limpa; o resto é "Por validar". */
.setup-validation-state[b-jfwk817spd] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 9px;
    white-space: nowrap;
}

.setup-validation-state-ok[b-jfwk817spd] {
    color: #12695a;
    background: #f2fbf8;
    border: 1px solid #bfe6dc;
}

.setup-validation-state-pending[b-jfwk817spd] {
    color: #8a5300;
    background: #fff9f0;
    border: 1px solid #ffd9a8;
}

.setup-validation-lastrun[b-jfwk817spd] {
    font-size: 11px;
    color: #7b8ca6;
    margin-top: 4px;
}

.setup-validation-empty[b-jfwk817spd] {
    font-size: 12px;
    color: #7b8ca6;
    padding: 10px 12px;
    border: 1px solid #e3ecf7;
    border-radius: 10px;
    background: #ffffff;
}

.setup-validation-detail[b-jfwk817spd] {
    padding: 4px 12px 10px 37px;
    background: #fbfdff;
    text-align: left;
}

.setup-validation-suggestions[b-jfwk817spd] {
    margin-bottom: 6px;
}

.setup-validation-suggestion[b-jfwk817spd] {
    font-size: 12px;
    color: #8a5300;
    padding: 2px 0;
}

.setup-validation-suggestion .oi[b-jfwk817spd] {
    font-size: 11px;
    margin-right: 4px;
}

.setup-validation-item[b-jfwk817spd] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 12px;
    color: #35506f;
    padding: 2px 0;
    border-bottom: 1px dotted #eef3fa;
}

.setup-validation-item:last-child[b-jfwk817spd] {
    border-bottom: none;
}

.setup-validation-item-issue[b-jfwk817spd] {
    color: #a3352b;
}

.setup-validation-item-name[b-jfwk817spd] {
    flex: 0 1 45%;
    min-width: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.setup-validation-item-detail[b-jfwk817spd] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.setup-dismiss-help[b-jfwk817spd] {
    font-size: 12px;
    color: #35506f;
    margin-bottom: 8px;
}

.setup-dismiss-input[b-jfwk817spd] {
    width: 100%;
}
/* /Products/Configuracoes/Aceleradores/JumpZipUpdater/Components/FolderPickerDialog.razor.rz.scp.css */
/* Server-side folder browser used by the zip updater fields.
   The folders render as a left-aligned tree, indented by hierarchy level. */
.folder-picker[b-i846wzw9zo] {
    text-align: left;
}

.folder-picker-path[b-i846wzw9zo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.folder-picker-path-input[b-i846wzw9zo] {
    flex: 1 1 auto;
    min-width: 0;
}

.folder-picker-error[b-i846wzw9zo] {
    font-size: 12px;
    color: #a3352b;
    margin-bottom: 6px;
}

.folder-picker-tree[b-i846wzw9zo] {
    max-height: 360px;
    overflow: auto;
    border: 1px solid #e3ecf7;
    border-radius: 10px;
    background: #ffffff;
    padding: 4px;
}

.folder-picker-row[b-i846wzw9zo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    color: #1f3550;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.folder-picker-row:hover[b-i846wzw9zo] {
    background: #f4f9ff;
}

.folder-picker-row-selected[b-i846wzw9zo],
.folder-picker-row-selected:hover[b-i846wzw9zo] {
    background: #eef6ff;
    color: #0057b8;
    font-weight: 600;
}

.folder-picker-chevron[b-i846wzw9zo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border: none;
    border-radius: 4px;
    background: none;
    color: #8aa2c0;
    cursor: pointer;
    padding: 0;
}

.folder-picker-chevron:hover[b-i846wzw9zo] {
    background: #e3eefb;
    color: #0057b8;
}

.folder-picker-chevron .oi[b-i846wzw9zo] {
    font-size: 9px;
    transition: transform 0.15s ease;
}

.folder-picker-chevron-open .oi[b-i846wzw9zo] {
    transform: rotate(90deg);
}

.folder-picker-chevron-spacer[b-i846wzw9zo] {
    display: inline-block;
    width: 18px;
    flex-shrink: 0;
}

.folder-picker-icon-drive[b-i846wzw9zo] {
    color: #5b7ba1;
    font-size: 12px;
    flex-shrink: 0;
}

.folder-picker-icon-folder[b-i846wzw9zo] {
    color: #d99b2b;
    font-size: 12px;
    flex-shrink: 0;
}

.folder-picker-name[b-i846wzw9zo] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.folder-picker-node-note[b-i846wzw9zo] {
    font-size: 12px;
    color: #7b8ca6;
    padding-top: 2px;
    padding-bottom: 4px;
}
/* /Products/Configuracoes/Aceleradores/JumpZipUpdater/Pages/AtualizaJumpZip.razor.rz.scp.css */
/* Banners follow the same visual family used by the other accelerator pages. */
.zipupd-banner[b-2fa3dsi3eb] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 6px;
    margin-bottom: 12px;
}

.zipupd-banner .oi[b-2fa3dsi3eb],
.zipupd-banner .spinner-border[b-2fa3dsi3eb] {
    margin-top: 2px;
    flex-shrink: 0;
}

.zipupd-banner-done[b-2fa3dsi3eb] {
    background: #e8f5ec;
    color: #1e6b34;
}

.zipupd-banner-error[b-2fa3dsi3eb] {
    background: #fdecec;
    color: #a12622;
}

.zipupd-banner-warning[b-2fa3dsi3eb] {
    background: #fdf6e3;
    color: #8a6d1a;
}

.zipupd-banner-running[b-2fa3dsi3eb] {
    background: #e9f2fb;
    color: #1c5a96;
}

.zipupd-banner-title[b-2fa3dsi3eb] {
    font-weight: 600;
}

.zipupd-banner-detail[b-2fa3dsi3eb] {
    font-size: 0.85rem;
}

.zipupd-banner-content[b-2fa3dsi3eb] {
    flex: 1;
    min-width: 0;
}

/* Folder input with the server-side browse button beside it. */
.zipupd-folder-row[b-2fa3dsi3eb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.zipupd-folder-row > :first-child[b-2fa3dsi3eb] {
    flex: 1 1 auto;
    min-width: 0;
}

.zipupd-details-toggle[b-2fa3dsi3eb] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 4px;
    font-size: 0.8rem;
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}

.zipupd-details[b-2fa3dsi3eb] {
    margin: 8px 0 0;
    max-height: 240px;
    overflow: auto;
    font-size: 0.75rem;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    padding: 8px;
    white-space: pre-wrap;
}

.zipupd-section[b-2fa3dsi3eb] {
    margin-bottom: 14px;
}

.zipupd-section-title[b-2fa3dsi3eb] {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.zipupd-help[b-2fa3dsi3eb] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 10px;
}

.zipupd-package[b-2fa3dsi3eb] {
    border: 1px solid #dee2e6;
    border-left-width: 4px;
    border-radius: 6px;
    padding: 12px 14px;
    margin-bottom: 12px;
    height: calc(100% - 12px);
}

.zipupd-package-ready[b-2fa3dsi3eb] {
    border-left-color: #2f9e57;
}

.zipupd-package-ready .zipupd-package-header .oi[b-2fa3dsi3eb] {
    color: #2f9e57;
}

.zipupd-package-blocked[b-2fa3dsi3eb] {
    border-left-color: #c94a46;
}

.zipupd-package-blocked .zipupd-package-header .oi[b-2fa3dsi3eb] {
    color: #c94a46;
}

.zipupd-package-header[b-2fa3dsi3eb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.zipupd-package-name[b-2fa3dsi3eb] {
    font-weight: 700;
}

.zipupd-package-zip[b-2fa3dsi3eb] {
    font-size: 0.8rem;
    color: #6c757d;
}

.zipupd-package-error[b-2fa3dsi3eb] {
    color: #a12622;
    font-size: 0.85rem;
    margin-bottom: 8px;
}

.zipupd-package-facts[b-2fa3dsi3eb] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 12px;
    row-gap: 2px;
    font-size: 0.85rem;
    margin: 0;
}

.zipupd-package-facts dt[b-2fa3dsi3eb] {
    font-weight: 600;
    color: #6c757d;
    white-space: nowrap;
}

.zipupd-package-facts dd[b-2fa3dsi3eb] {
    margin: 0;
    overflow-wrap: anywhere;
}

.zipupd-ready-note[b-2fa3dsi3eb] {
    font-size: 0.85rem;
    color: #1e6b34;
    margin: 4px 0 0;
}
/* /Products/Configuracoes/Aceleradores/NewCompany/Pages/NewCompany.razor.rz.scp.css */
/*
    "Criação Nova Empresa". Scoped styles only: the page is built from the shared form and wizard
    shells, and everything here is either the base-company table or the read-back panel.
*/

.nc-busy[b-9f80drbla7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 16px;
    color: #44525e;
}

/* The registry can hold dozens of companies; the table scrolls on its own so the step's own
   actions and the code field stay where they are. */
.nc-table-wrap[b-9f80drbla7] {
    max-height: 320px;
    overflow: auto;
    border: 1px solid #e3e6ea;
    border-radius: 4px;
}

.nc-table-wrap table[b-9f80drbla7] {
    margin-bottom: 0;
}

.nc-table-wrap thead th[b-9f80drbla7] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e3e6ea;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6c757d;
}

/* The whole row picks the base, so the cursor has to say so on every cell and not only on the
   radio button. */
.nc-table-wrap tbody tr[b-9f80drbla7] {
    cursor: pointer;
}

.nc-pick[b-9f80drbla7] {
    width: 36px;
    text-align: center;
}

/* What the previous step decided, on one line above the form. The data being typed belongs to
   that base and that code, and both are off screen by now. */
.nc-context-bar[b-9f80drbla7] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 28px;
    padding: 8px 12px;
    margin-bottom: 12px;
    background-color: #f6f7f9;
    border: 1px solid #e3e6ea;
    border-radius: 4px;
    font-size: 0.88rem;
}

.nc-context-label[b-9f80drbla7] {
    color: #6c757d;
    margin-right: 6px;
}

.nc-context-bar code[b-9f80drbla7] {
    background-color: #fff;
    padding: 1px 4px;
    border-radius: 3px;
}

/* Sections stack with the same rhythm the shared dialog shell uses, so the spacing does not
   depend on which card happens to be taller. */
.nc-form-sections > * + *[b-9f80drbla7] {
    margin-top: 10px;
}

/* The email carries the credentials and is the longest value on its row. */
.nc-field-wide[b-9f80drbla7] {
    grid-column: span 2;
}

.nc-field-hint[b-9f80drbla7] {
    display: block;
    margin-top: 2px;
    color: #6c757d;
    font-size: 0.78rem;
}

.nc-radio-row[b-9f80drbla7] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 34px;
}

.nc-radio-row label[b-9f80drbla7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

/* Read-back panel: label on the left, value on the right, so a long database path wraps without
   pushing its own label out of line. */
.nc-summary[b-9f80drbla7] {
    border: 1px solid #e3e6ea;
    border-radius: 4px;
    overflow: hidden;
}

.nc-summary-row[b-9f80drbla7] {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 8px 12px;
}

.nc-summary-row + .nc-summary-row[b-9f80drbla7] {
    border-top: 1px solid #eef0f2;
}

.nc-summary-row > span[b-9f80drbla7] {
    flex: 0 0 200px;
    color: #6c757d;
    font-size: 0.85rem;
}

.nc-summary-row > strong[b-9f80drbla7] {
    flex: 1 1 auto;
    word-break: break-word;
}

.nc-summary-row code[b-9f80drbla7] {
    background-color: #f6f7f9;
    padding: 1px 4px;
    border-radius: 3px;
}
/* /Products/Configuracoes/Aceleradores/PlanningLists/Components/PlanningViewGrid.razor.rz.scp.css */
.planning-view-grid[b-qwz2dhyvlw] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    background: #fff;
}

.planning-view-grid-header[b-qwz2dhyvlw] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 5px 10px;
    border-bottom: 1px solid #e3edf8;
    background: #f8fbff;
}

.planning-view-grid-title[b-qwz2dhyvlw],
.planning-view-grid-tools[b-qwz2dhyvlw] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.planning-view-grid-tools[b-qwz2dhyvlw] {
    justify-content: flex-end;
}

.planning-view-grid-configuration[b-qwz2dhyvlw] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #45638d;
    font-size: 11px;
    font-weight: 700;
}

.planning-view-grid-configuration-select[b-qwz2dhyvlw] {
    width: 170px;
}

.planning-view-grid-header h2[b-qwz2dhyvlw] {
    margin: 0;
    color: #244b7d;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.planning-view-grid-count[b-qwz2dhyvlw] {
    color: #6c7f99;
    font-size: 11px;
    font-weight: 700;
}

.planning-view-grid-search[b-qwz2dhyvlw] {
    width: min(220px, 22vw);
}

.planning-view-grid-tool[b-qwz2dhyvlw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d7e4f3;
    border-radius: 4px;
    background: #fff;
    color: #244b7d;
    cursor: pointer;
}

.planning-view-grid-tool:hover:not(:disabled)[b-qwz2dhyvlw] {
    border-color: #9ebada;
    background: #edf5ff;
}

.planning-view-grid-tool:disabled[b-qwz2dhyvlw] {
    cursor: default;
    opacity: .55;
}

.planning-view-grid-body[b-qwz2dhyvlw] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.planning-view-grid-body[b-qwz2dhyvlw]  .grid-size {
    flex: 1 1 auto;
    min-height: 0;
}

.planning-view-grid-body[b-qwz2dhyvlw]  .planning-view-interactive-row {
    cursor: grab;
}

.planning-view-grid-body[b-qwz2dhyvlw]  .planning-view-interactive-row:active {
    cursor: grabbing;
}

.planning-view-grid-body[b-qwz2dhyvlw]  .planning-view-interactive-row.drag-over {
    outline: 2px solid #1f76c2;
    outline-offset: -2px;
    background: #eaf4ff;
}

@media (max-width: 900px) {
    .planning-view-grid-search[b-qwz2dhyvlw] {
        display: none;
    }
}

.planning-view-grid-state[b-qwz2dhyvlw] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    color: #6c757d;
    text-align: center;
}

.planning-view-grid-dialog-section[b-qwz2dhyvlw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.planning-view-grid-dialog-section label[b-qwz2dhyvlw] {
    color: #45638d;
    font-size: 12px;
    font-weight: 700;
}

.planning-view-grid-dialog-input[b-qwz2dhyvlw] {
    width: 100%;
}

@media (max-width: 1200px) {
    .planning-view-grid-configuration label[b-qwz2dhyvlw] {
        display: none;
    }

    .planning-view-grid-configuration-select[b-qwz2dhyvlw] {
        width: 135px;
    }
}
/* /Products/Configuracoes/Aceleradores/PlanningLists/Pages/PlaneamentoListas.razor.rz.scp.css */
.planning-lists-split[b-g5d4eh2z1v] {
    height: calc(100vh / var(--jump-zoom, 1) - 165px);
    min-height: 420px;
}

.planning-lists-split[b-g5d4eh2z1v]  .dxbl-splitter-pane-content {
    display: flex;
    padding: 0;
    min-height: 0;
}

.planning-lists-dialog-section[b-g5d4eh2z1v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.planning-lists-dialog-textarea[b-g5d4eh2z1v] {
    width: 100%;
    min-height: 130px;
    padding: 9px 10px;
    border: 1px solid #cddbed;
    border-radius: 4px;
    color: #153b6f;
    resize: vertical;
}

.planning-lists-detail-row[b-g5d4eh2z1v] {
    display: grid;
    grid-template-columns: minmax(110px, .7fr) minmax(180px, 1.3fr);
    gap: 12px;
    align-items: baseline;
    padding: 7px 0;
    border-bottom: 1px solid #edf3fa;
}

.planning-lists-detail-row:last-child[b-g5d4eh2z1v] {
    border-bottom: 0;
}

.planning-lists-detail-row span[b-g5d4eh2z1v] {
    color: #6c7f99;
    font-size: 12px;
    font-weight: 700;
}

.planning-lists-detail-row strong[b-g5d4eh2z1v] {
    color: #153b6f;
    font-size: 13px;
}

.planning-lists-page[b-g5d4eh2z1v]  .planning-lists-map-dialog-body,
.planning-lists-map-canvas[b-g5d4eh2z1v] {
    width: 100%;
    height: 100%;
    min-height: 420px;
}
/* /Products/Configuracoes/Aceleradores/TableImporter/Pages/TableImporter.razor.rz.scp.css */
/*
    A lista de tabelas de destino cresce com a janela em vez de ficar presa a uma altura fixa:
    com 340px via inline style sobrava espaço branco por baixo e a lista rolava sem necessidade.
    O desconto cobre o cabeçalho da página, o passo do assistente, o filtro e o rodapé de ações.
*/
.table-importer-target-list[b-wexvejpxpn] {
    max-height: calc(100vh / var(--jump-zoom, 1) - 400px);
    min-height: 240px;
    overflow-y: auto;
}

/* As linhas escolhem a tabela de destino, por isso têm de se ler como clicáveis. */
.table-importer-target-list tbody tr[b-wexvejpxpn] {
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   Campos de procura de uma sub-tabela.
   Etiquetas em vez de caixas de selecção: o conjunto é pequeno, muda-se com um
   clique, e lê-se de relance qual o campo principal e quais os alternativos.
   -------------------------------------------------------------------------- */
.ti-match-fields[b-wexvejpxpn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px;
}

.ti-match-fields-label[b-wexvejpxpn] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #667085;
}

.ti-match-chips[b-wexvejpxpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ti-chip[b-wexvejpxpn] {
    border: 1px solid #d9e2ef;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 18px;
    background: #ffffff;
    color: #344054;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

/* O campo principal não se desliga, por isso não parece clicável. */
.ti-chip-primary[b-wexvejpxpn] {
    background: #053b8f;
    border-color: #053b8f;
    color: #ffffff;
    font-weight: 700;
    cursor: default;
}

.ti-chip-on[b-wexvejpxpn] {
    background: #e7f0ff;
    border-color: #0b63f6;
    color: #053b8f;
    font-weight: 600;
}

.ti-chip-off:hover[b-wexvejpxpn] {
    border-color: #0b63f6;
    color: #053b8f;
}

.ti-match-hint[b-wexvejpxpn] {
    font-size: 11px;
    line-height: 1.4;
    color: #667085;
}

/* --------------------------------------------------------------------------
   Zona de largar o ficheiro.
   O <InputFile> cobre a área inteira, invisível: assim o clique e o largar são
   tratados pelo browser, sem interop. Os eventos de arrastar do Blazor só
   acendem o estado visual.
   -------------------------------------------------------------------------- */
.ti-dropzone[b-wexvejpxpn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 168px;
    padding: 24px;
    border: 2px dashed #c7d5ea;
    border-radius: 10px;
    background: #f8fbff;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
}

.ti-dropzone:hover[b-wexvejpxpn] {
    border-color: #0b63f6;
    background: #f2f7ff;
}

/* Enquanto o ficheiro está a ser arrastado por cima. */
.ti-dropzone-active[b-wexvejpxpn] {
    border-color: #0b63f6;
    border-style: solid;
    background: #e7f0ff;
}

.ti-dropzone-loaded[b-wexvejpxpn] {
    border-style: solid;
    border-color: #12b76a;
    background: #f2fbf6;
}

/* Cobre a zona toda e fica invisível, mas continua a receber clique e drop. */
.ti-dropzone-input[b-wexvejpxpn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.ti-dropzone-body[b-wexvejpxpn] {
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.ti-dropzone-icon[b-wexvejpxpn] {
    font-size: 28px;
    line-height: 1;
    color: #0b63f6;
}

.ti-dropzone-loaded .ti-dropzone-icon[b-wexvejpxpn] {
    color: #12b76a;
}

.ti-dropzone-title[b-wexvejpxpn] {
    font-size: 15px;
    font-weight: 700;
    color: #0f1b3d;
}

.ti-dropzone-hint[b-wexvejpxpn] {
    font-size: 12px;
    line-height: 1.5;
    color: #667085;
}

/* Uma coluna da sub-tabela a preencher: rótulo, origem e, se for valor fixo, o campo. */
.ti-subcolumn[b-wexvejpxpn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 8px;
    margin-top: 4px;
    border-left: 3px solid #d9e2ef;
    background: #f8fbff;
    border-radius: 4px;
}
/* /Products/Configuracoes/Configuracoes/Agent/Components/AgentWorkerGlobalAlert.razor.rz.scp.css */
.agent-worker-global-alert[b-r2x7vscq7l] {
    position: fixed;
    top: 10px;
    left: 50%;
    z-index: 2000;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 28px));
    border: 1px solid #f0a64a;
    border-radius: 8px;
    background: #fff7ed;
    box-shadow: 0 14px 30px rgba(113, 63, 18, .18);
    color: #7c2d12;
    padding: 9px 10px;
    transform: translateX(-50%);
}

.agent-worker-global-alert-icon[b-r2x7vscq7l] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: #fed7aa;
    color: #c2410c;
}

.agent-worker-global-alert-content[b-r2x7vscq7l] {
    display: grid;
    min-width: 0;
}

.agent-worker-global-alert-content strong[b-r2x7vscq7l] {
    color: #7c2d12;
    font-size: 13px;
    font-weight: 900;
}

.agent-worker-global-alert-content span[b-r2x7vscq7l] {
    overflow: hidden;
    color: #9a3412;
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-worker-global-alert-action[b-r2x7vscq7l] {
    border: 1px solid #fb923c;
    border-radius: 7px;
    background: #fff;
    color: #9a3412;
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
    padding: 7px 10px;
}

.agent-worker-global-alert-action:hover[b-r2x7vscq7l] {
    background: #ffedd5;
}

.agent-worker-global-alert-close[b-r2x7vscq7l] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b45309;
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.agent-worker-global-alert-close:hover[b-r2x7vscq7l] {
    background: #ffedd5;
}

@media (max-width: 640px) {
    .agent-worker-global-alert[b-r2x7vscq7l] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .agent-worker-global-alert-action[b-r2x7vscq7l] {
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .agent-worker-global-alert-close[b-r2x7vscq7l] {
        justify-self: end;
    }
}
/* /Products/Configuracoes/Configuracoes/Agent/Pages/AgentDashboard.razor.rz.scp.css */
.agent-page[b-w6wix8fncv] {
    --agent-ink: #142033;
    --agent-muted: #66768f;
    --agent-line: #dce5ef;
    --agent-soft: #f6f9fc;
    --agent-blue: #1d5fd1;
    --agent-green: #15803d;
    --agent-amber: #b45309;
    --agent-red: #b42318;
    --agent-cyan: #0f766e;
    display: grid;
    align-content: start;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    color: var(--agent-ink);
    height: calc(100vh / var(--jump-zoom, 1) - 96px);
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.agent-header[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 0 4px 0 0;
}

.agent-header h1[b-w6wix8fncv],
.agent-header p[b-w6wix8fncv],
.agent-card h2[b-w6wix8fncv],
.agent-detail-block h3[b-w6wix8fncv] {
    margin: 0;
}

.agent-header h1[b-w6wix8fncv] {
    color: #06245d;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
}

.agent-header p[b-w6wix8fncv] {
    display: none;
}

.agent-header-title[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.agent-header-icon[b-w6wix8fncv] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: linear-gradient(180deg, #075bb7, #024b99);
    color: #fff;
    box-shadow: 0 14px 26px rgba(0, 87, 184, .22);
}

.agent-header-icon span[b-w6wix8fncv] {
    font-size: xx-large;
}

.agent-card-heading span[b-w6wix8fncv],
.agent-kpi span[b-w6wix8fncv],
.agent-worker-summary span[b-w6wix8fncv],
.agent-company small[b-w6wix8fncv],
.agent-detail-row small[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 12px;
}

.agent-header-actions[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.agent-check[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 700;
}

.agent-button[b-w6wix8fncv],
.agent-icon-button[b-w6wix8fncv],
.agent-tabs button[b-w6wix8fncv] {
    border: 1px solid var(--agent-line);
    border-radius: 7px;
    background: #fff;
    color: var(--agent-ink);
    font-size: 12px;
    font-weight: 800;
}

.agent-button[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
}

.agent-button.primary[b-w6wix8fncv] {
    border-color: #164fb0;
    background: #1d5fd1;
    color: #fff;
}

.agent-button.danger[b-w6wix8fncv] {
    border-color: #efb4b0;
    background: #fff5f4;
    color: var(--agent-red);
}

.agent-button.secondary[b-w6wix8fncv] {
    border-color: var(--agent-line);
    background: #f5f9ff;
    color: var(--agent-blue);
}

.agent-kpi-value[b-w6wix8fncv] {
    display: block;
    margin: 2px 0 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--agent-ink);
    cursor: pointer;
    text-align: center;
}

.agent-kpi-value small[b-w6wix8fncv] {
    color: var(--agent-red);
    font-size: 12px;
}

.agent-kpi-caption[b-w6wix8fncv] {
    display: block;
    margin-top: 2px;
    color: var(--agent-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.agent-worker-alert[b-w6wix8fncv] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #f1b8b4;
    border-radius: 6px;
    background: #fff5f4;
    color: var(--agent-red);
}

.agent-worker-alert > .oi[b-w6wix8fncv] {
    margin-top: 2px;
    font-size: 14px;
}

.agent-worker-alert div[b-w6wix8fncv] {
    display: grid;
    gap: 2px;
}

.agent-worker-alert strong[b-w6wix8fncv],
.agent-worker-alert span[b-w6wix8fncv] {
    font-size: 12px;
}

.agent-worker-alert div span[b-w6wix8fncv] {
    color: #7f1d1d;
}

.agent-worker-modal[b-w6wix8fncv] {
    width: min(860px, calc(100vw / var(--jump-zoom, 1) - 32px));
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
}

.agent-worker-modal-body[b-w6wix8fncv] {
    display: grid;
    gap: 0;
    max-height: calc(100vh / var(--jump-zoom, 1) - 180px);
    overflow-y: auto;
}

.agent-worker-card[b-w6wix8fncv] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--agent-line);
}

.agent-worker-card:last-child[b-w6wix8fncv] {
    border-bottom: 0;
}

.agent-worker-card-header[b-w6wix8fncv],
.agent-worker-card-details[b-w6wix8fncv],
.agent-worker-card-actions[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.agent-worker-card-header[b-w6wix8fncv] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.agent-worker-card-header:hover[b-w6wix8fncv] {
    color: var(--agent-blue);
}

.agent-worker-card-header > div[b-w6wix8fncv] {
    min-width: 0;
}

.agent-worker-card-header small[b-w6wix8fncv] {
    display: block;
    margin-top: 3px;
    color: var(--agent-muted);
    font-size: 10px;
    font-weight: 600;
}

.agent-worker-card-header-actions[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
}

.agent-worker-card-header > div[b-w6wix8fncv],
.agent-worker-card-details > div[b-w6wix8fncv] {
    display: grid;
    gap: 2px;
}

.agent-worker-card-header span[b-w6wix8fncv],
.agent-worker-card-details span[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 11px;
}

.agent-worker-card-details[b-w6wix8fncv] {
    align-items: start;
    justify-content: stretch;
    margin-top: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    text-align: left;
}

.agent-worker-card-details > div[b-w6wix8fncv] {
    justify-items: start;
    text-align: left;
}

.agent-worker-card-details strong[b-w6wix8fncv] {
    overflow-wrap: anywhere;
}

.agent-worker-card-actions[b-w6wix8fncv] {
    justify-content: flex-end;
    margin-top: 12px;
}

.agent-worker-blacklist-scope[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 700;
}

.agent-worker-blacklist-scope select[b-w6wix8fncv] {
    min-height: 30px;
    padding: 4px 28px 4px 8px;
    border: 1px solid var(--agent-line);
    border-radius: 6px;
    background: #fff;
    color: var(--agent-text);
    font: inherit;
}

.agent-button.danger[b-w6wix8fncv],
.agent-icon-button.danger[b-w6wix8fncv] {
    border-color: #f2b8b5;
    color: var(--agent-red);
}

.agent-button:disabled[b-w6wix8fncv],
.agent-icon-button:disabled[b-w6wix8fncv],
.agent-tabs button:disabled[b-w6wix8fncv] {
    opacity: .55;
}

.agent-shell[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    overflow: hidden;
}

.agent-company-panel[b-w6wix8fncv],
.agent-card[b-w6wix8fncv],
.agent-state-panel[b-w6wix8fncv] {
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 32, 51, .04);
}

.agent-company-panel[b-w6wix8fncv] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.agent-panel-heading[b-w6wix8fncv],
.agent-card-heading[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--agent-line);
    padding: 12px;
}

.agent-card-actions[b-w6wix8fncv],
.agent-row-actions[b-w6wix8fncv],
.agent-detail-actions[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.agent-card-actions[b-w6wix8fncv] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.agent-panel-heading[b-w6wix8fncv] {
    display: grid;
}

.agent-panel-heading h2[b-w6wix8fncv],
.agent-card-heading h2[b-w6wix8fncv] {
    margin: 0;
    font-size: 14px;
    font-weight: 900;
}

.agent-panel-heading > div[b-w6wix8fncv] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.agent-panel-heading span[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 700;
}

.agent-search[b-w6wix8fncv] {
    width: 100%;
    height: 34px;
    border: 1px solid var(--agent-line);
    border-radius: 7px;
    padding: 0 10px;
    color: var(--agent-ink);
    font-size: 12px;
}

.agent-company-list[b-w6wix8fncv] {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 10px;
    overflow: auto;
}

.agent-company[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--agent-soft);
    padding: 10px;
    color: var(--agent-ink);
    text-align: left;
}

.agent-company strong[b-w6wix8fncv],
.agent-company small[b-w6wix8fncv] {
    display: block;
}

.agent-company-badges[b-w6wix8fncv] {
    display: inline-flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
}

.agent-company strong[b-w6wix8fncv] {
    font-size: 13px;
    font-weight: 850;
}

.agent-company em[b-w6wix8fncv] {
    border-radius: 999px;
    background: #e7f5ee;
    color: var(--agent-green);
    padding: 3px 7px;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.agent-company em.schema-missing[b-w6wix8fncv] {
    background: #fff1f0;
    color: var(--agent-red);
}

.agent-company.selected[b-w6wix8fncv] {
    border-color: #8bb4f8;
    background: #eef5ff;
}

.agent-workspace[b-w6wix8fncv] {
    display: grid;
    grid-template-rows: auto minmax(0, 438px) minmax(220px, 1fr);
    gap: 12px;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.agent-state-panel[b-w6wix8fncv] {
    display: grid;
    gap: 0;
}

.agent-company-summary[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, .9fr)) minmax(280px, 1.6fr);
    gap: 0;
    align-items: stretch;
    padding: 10px 12px 12px;
}

.agent-kpi[b-w6wix8fncv] {
    display: grid;
    align-content: center;
    min-height: 58px;
    padding: 8px 12px;
    text-align: center;
}

.agent-company-summary > * + *[b-w6wix8fncv] {
    border-left: 1px solid var(--agent-line);
}

.agent-company-summary > *:nth-child(4n + 1)[b-w6wix8fncv] {
    border-left: 0;
}

.agent-company-summary > *:nth-child(n + 5)[b-w6wix8fncv] {
    border-top: 1px solid var(--agent-line);
}

.agent-kpi strong[b-w6wix8fncv] {
    display: block;
    margin-top: 6px;
    font-size: 20px;
    font-weight: 900;
}

.agent-kpi-action[b-w6wix8fncv] {
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.agent-kpi-action:not(:disabled):hover strong[b-w6wix8fncv],
.agent-kpi-action:not(:disabled):focus-visible strong[b-w6wix8fncv] {
    color: var(--agent-blue);
    text-decoration: underline;
}

.agent-kpi-action:disabled[b-w6wix8fncv] {
    cursor: default;
}

.agent-worker[b-w6wix8fncv] {
    display: inline-grid;
    align-content: center;
    gap: 2px;
    min-height: 58px;
    padding: 8px 12px;
    text-align: center;
}

.agent-worker-summary[b-w6wix8fncv] {
    justify-items: center;
}

.agent-worker-details-section[b-w6wix8fncv] {
    min-height: 0;
}

.agent-worker-details-popup[b-w6wix8fncv] {
    --jump-dialog-ink: var(--agent-ink);
    --jump-dialog-muted: var(--agent-muted);
    --jump-dialog-border: var(--agent-line);
    --jump-dialog-surface: #fff;
    --jump-dialog-shell: var(--agent-soft);
    --jump-dialog-header-bg: #fbfdff;
    --jump-dialog-title: var(--agent-ink);
    --jump-dialog-accent: var(--agent-blue);
    --jump-dialog-control-border: var(--agent-line);
    --jump-dialog-control-bg: #fbfdff;
}

.agent-worker-details-list[b-w6wix8fncv] {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--agent-line);
}

.agent-worker-detail-card[b-w6wix8fncv] {
    border: 0;
    border-bottom: 1px solid var(--agent-line);
    border-radius: 0;
    overflow: hidden;
}

.agent-worker-detail-toggle[b-w6wix8fncv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 0;
    background: var(--agent-soft);
    color: var(--agent-ink);
    text-align: left;
}

.agent-worker-detail-toggle:hover[b-w6wix8fncv],
.agent-worker-detail-toggle:focus-visible[b-w6wix8fncv] {
    background: #edf4fc;
}

.agent-worker-detail-toggle:focus-visible[b-w6wix8fncv] {
    outline: 2px solid var(--agent-blue);
    outline-offset: -2px;
}

.agent-worker-detail-toggle-actions[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--agent-blue);
}

.agent-worker-detail-toggle strong[b-w6wix8fncv],
.agent-worker-detail-toggle small[b-w6wix8fncv] {
    display: block;
}

.agent-worker-detail-toggle small[b-w6wix8fncv],
.agent-worker-detail-grid span[b-w6wix8fncv],
.agent-worker-detail-error span[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 700;
}

.agent-worker-detail-meta[b-w6wix8fncv] {
    margin-top: 3px;
    font-weight: 600 !important;
}

.agent-worker-detail-grid[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--agent-line);
}

.agent-worker-detail-grid > div[b-w6wix8fncv] {
    min-width: 0;
    padding: 8px 12px;
    border-right: 1px solid var(--agent-line);
    border-bottom: 1px solid var(--agent-line);
}

.agent-worker-detail-grid > div:nth-child(2n)[b-w6wix8fncv] {
    border-right: 0;
}

.agent-worker-detail-grid span[b-w6wix8fncv],
.agent-worker-detail-grid strong[b-w6wix8fncv] {
    display: block;
}

.agent-worker-detail-grid strong[b-w6wix8fncv],
.agent-worker-detail-error strong[b-w6wix8fncv] {
    overflow-wrap: anywhere;
    color: var(--agent-ink);
    font-size: 12px;
}

.agent-worker-detail-error[b-w6wix8fncv] {
    display: grid;
    gap: 3px;
    padding: 9px 12px;
    background: #fff5f4;
}

@media (max-width: 640px) {
    .agent-worker-detail-grid[b-w6wix8fncv] {
        grid-template-columns: 1fr;
    }

    .agent-worker-detail-grid > div[b-w6wix8fncv],
    .agent-worker-detail-grid > div:nth-child(2n)[b-w6wix8fncv] {
        border-right: 0;
    }
}

.agent-worker strong[b-w6wix8fncv] {
    font-size: 12px;
    font-weight: 900;
}

.agent-worker-summary strong[b-w6wix8fncv] {
    color: var(--agent-ink);
    font-size: 20px;
    font-weight: 900;
}

.agent-worker-summary em[b-w6wix8fncv] {
    color: currentColor;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.agent-worker small[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 11px;
}

.agent-worker.online[b-w6wix8fncv] {
    color: var(--agent-green);
}

.agent-worker.offline[b-w6wix8fncv] {
    color: var(--agent-red);
}

.agent-worker.muted[b-w6wix8fncv] {
    color: var(--agent-muted);
}

.agent-grid-layout[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.agent-card[b-w6wix8fncv] {
    min-width: 0;
    overflow: hidden;
}

.agent-processes[b-w6wix8fncv],
.agent-detail[b-w6wix8fncv] {
    min-height: 0;
}

.agent-table-wrap[b-w6wix8fncv] {
    overflow-x: auto;
    overflow-y: visible;
}

.agent-table[b-w6wix8fncv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.agent-table th[b-w6wix8fncv] {
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid var(--agent-line);
    background: var(--agent-soft);
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.agent-table th[b-w6wix8fncv],
.agent-table td[b-w6wix8fncv] {
    padding: 9px 10px;
    vertical-align: middle;
}

.agent-table td[b-w6wix8fncv] {
    border-bottom: 1px solid #edf2f7;
}

.agent-table tbody tr[b-w6wix8fncv] {
    cursor: pointer;
}

.agent-table tbody tr:hover[b-w6wix8fncv],
.agent-table tbody tr.selected[b-w6wix8fncv] {
    background: #eef5ff;
}

.agent-table strong[b-w6wix8fncv],
.agent-table small[b-w6wix8fncv] {
    display: block;
}

.agent-table small[b-w6wix8fncv] {
    color: var(--agent-muted);
}

.agent-icon-button[b-w6wix8fncv] {
    width: 30px;
    height: 30px;
}

.agent-detail[b-w6wix8fncv] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.agent-detail-scroll[b-w6wix8fncv] {
    display: grid;
    align-content: start;
    min-height: 0;
    overflow-y: auto;
}

.agent-detail-block[b-w6wix8fncv] {
    display: grid;
    gap: 6px 8px;
    padding: 1px 12px 12px 12px;
}

.agent-detail-block + .agent-detail-block[b-w6wix8fncv] {
    border-top: 1px solid var(--agent-line);
}

.agent-detail-block h3[b-w6wix8fncv] {
    margin: 0;
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.agent-detail-titlebar[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin-bottom: -5px;
}

.agent-add-button[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-height: 30px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--agent-blue);
    font-size: 16px;
    font-weight: 850;
    padding: 0;
    box-shadow: none;
}

.agent-add-button:hover[b-w6wix8fncv] {
    background: #eef6ff;
}

.agent-detail-row[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: var(--agent-soft);
    padding: 9px;
}

.agent-detail-row strong[b-w6wix8fncv],
.agent-detail-row small[b-w6wix8fncv] {
    display: block;
}

.agent-task-row.can-drag[b-w6wix8fncv] {
    cursor: grab;
    transition: border-color .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.agent-task-row.can-drag:active[b-w6wix8fncv] {
    cursor: grabbing;
}

.agent-task-row.dragging[b-w6wix8fncv] {
    opacity: .55;
}

.agent-task-row.drag-over[b-w6wix8fncv] {
    border-color: var(--agent-blue);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
}

.agent-task-row.busy[b-w6wix8fncv] {
    pointer-events: none;
}

.agent-history[b-w6wix8fncv] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 220px;
    overflow: hidden;
}

.agent-history .agent-table-wrap[b-w6wix8fncv] {
    min-height: 0;
    overflow: auto;
}

.agent-pagination[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid var(--agent-line);
    padding: 10px 12px;
}

.agent-pagination span[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 700;
}

.agent-pagination div[b-w6wix8fncv] {
    display: inline-flex;
    gap: 8px;
}

.agent-tabs[b-w6wix8fncv] {
    display: inline-flex;
    gap: 4px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: var(--agent-soft);
    padding: 3px;
}

.agent-tabs button[b-w6wix8fncv] {
    min-width: 74px;
    border: 0;
    background: transparent;
    padding: 5px 9px;
}

.agent-tabs button.selected[b-w6wix8fncv] {
    background: #fff;
    box-shadow: 0 1px 4px rgba(20, 32, 51, .08);
}

.agent-tabs button.danger[b-w6wix8fncv] {
    color: var(--agent-red);
}

.agent-actions-column[b-w6wix8fncv] {
    width: 76px;
}

.agent-table-actions[b-w6wix8fncv] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.agent-badge[b-w6wix8fncv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.agent-badge.success[b-w6wix8fncv] {
    background: #e7f5ee;
    color: var(--agent-green);
}

.agent-badge.running[b-w6wix8fncv] {
    background: #e6f7f7;
    color: var(--agent-cyan);
}

.agent-badge.warning[b-w6wix8fncv] {
    background: #fff7ed;
    color: var(--agent-amber);
}

.agent-badge.danger[b-w6wix8fncv] {
    background: #fef3f2;
    color: var(--agent-red);
}

.agent-badge.neutral[b-w6wix8fncv] {
    background: #eef5ff;
    color: var(--agent-blue);
}

.agent-badge.muted[b-w6wix8fncv] {
    background: #edf2f7;
    color: var(--agent-muted);
}

.agent-dot[b-w6wix8fncv] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.agent-dot.success[b-w6wix8fncv] {
    background: var(--agent-green);
}

.agent-dot.muted[b-w6wix8fncv] {
    background: #a8b4c4;
}

.agent-dot.warning[b-w6wix8fncv] {
    background: var(--agent-amber);
}

.agent-dot.danger[b-w6wix8fncv] {
    background: var(--agent-red);
}

.agent-empty[b-w6wix8fncv],
.agent-table-empty[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.agent-empty[b-w6wix8fncv] {
    padding: 18px;
}

.agent-empty.large[b-w6wix8fncv] {
    padding: 64px 18px;
}

.agent-empty.compact[b-w6wix8fncv] {
    border: 1px dashed var(--agent-line);
    border-radius: 8px;
    padding: 12px;
}

.agent-task-warning[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid #f3c17c;
    border-radius: 8px;
    background: #fff7ed;
    color: var(--agent-amber);
    font-size: 12px;
    font-weight: 750;
    padding: 9px 10px;
}

.agent-task-warning.full[b-w6wix8fncv] {
    grid-column: 1 / -1;
}

.agent-task-warning strong[b-w6wix8fncv] {
    color: #9a3412;
    font-weight: 900;
}

.agent-execution-modal[b-w6wix8fncv] {
    width: min(900px, calc(100vw / var(--jump-zoom, 1) - 28px));
}

.agent-editor-footer > span[b-w6wix8fncv] {
    display: none;
}

.agent-form-grid[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.agent-intake-editor[b-w6wix8fncv] {
    grid-column: 1 / -1;
    display: grid;
    gap: 10px;
}

.agent-intake-section[b-w6wix8fncv] {
    display: grid;
    gap: 8px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: var(--agent-soft);
    padding: 12px;
}

.agent-intake-section h3[b-w6wix8fncv] {
    margin: 0;
    color: var(--agent-ink);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.agent-field-help[b-w6wix8fncv] {
    display: block;
    margin-top: 2px;
    color: var(--agent-muted);
    font-size: 10px;
    font-weight: 600;
}

.agent-field.full[b-w6wix8fncv] {
    grid-column: 1 / -1;
}

.agent-edi-config-field[b-w6wix8fncv] {
    grid-template-columns: 1fr;
    gap: 6px;
}

.agent-weekday-field[b-w6wix8fncv] {
    gap: 6px;
}

.agent-weekday-options[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.agent-weekday-option[b-w6wix8fncv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    border: 1px solid var(--jump-dialog-control-border);
    border-radius: 6px;
    background: var(--jump-dialog-control-bg);
    color: var(--agent-ink);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.agent-weekday-option input[b-w6wix8fncv] {
    width: 14px;
    height: 14px;
    margin: 0;
}

.agent-weekday-option span[b-w6wix8fncv] {
    line-height: 1;
}

.agent-execution-summary[b-w6wix8fncv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 8px;
}

.agent-execution-summary > div[b-w6wix8fncv] {
    display: grid;
    gap: 6px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: #fff;
    padding: 10px;
    text-align: center;
}

.agent-execution-summary span[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.agent-execution-summary strong[b-w6wix8fncv] {
    font-size: 12px;
}

.agent-task-attempts[b-w6wix8fncv] {
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 8px;
}

.agent-task-attempts h3[b-w6wix8fncv] {
    margin-bottom: 5px;
}

.agent-task-attempt[b-w6wix8fncv] {
    display: grid;
    gap: 8px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: var(--agent-soft);
    padding: 9px;
}

.agent-task-attempt-header[b-w6wix8fncv] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.agent-log-box.compact.agent-task-attempt-log[b-w6wix8fncv] {
    margin: 0;
    background: #fff;
    text-align: left;
}

.agent-task-attempt-log pre[b-w6wix8fncv] {
    text-align: left;
}

.agent-log-box[b-w6wix8fncv] {
    display: grid;
    gap: 6px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 8px;
    padding: 10px;
    text-align: center;
}

.agent-log-box.compact[b-w6wix8fncv] {
    margin: 0 0 8px 28px;
}

.agent-log-box strong[b-w6wix8fncv] {
    color: var(--agent-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.agent-log-box pre[b-w6wix8fncv] {
    max-height: 220px;
    margin: 0;
    overflow: auto;
    color: var(--agent-ink);
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    white-space: pre-wrap;
    word-break: break-word;
}

.agent-loading[b-w6wix8fncv] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #8bb4f8;
    border-radius: 8px;
    background: #fff;
    color: var(--agent-blue);
    padding: 10px 12px;
    box-shadow: 0 10px 28px rgba(20, 32, 51, .14);
}

@media (max-width: 1180px) {
    .agent-shell[b-w6wix8fncv],
    .agent-grid-layout[b-w6wix8fncv] {
        grid-template-columns: 1fr;
    }

    .agent-company-panel[b-w6wix8fncv] {
        max-height: 310px;
    }
}

@media (max-width: 760px) {
    .agent-header[b-w6wix8fncv],
    .agent-header-actions[b-w6wix8fncv] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-company-summary[b-w6wix8fncv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-company-summary > *[b-w6wix8fncv] {
        border-left: 0;
        border-top: 1px solid var(--agent-line);
    }

    .agent-company-summary > *:nth-child(-n + 2)[b-w6wix8fncv] {
        border-top: 0;
    }

    .agent-company-summary > *:nth-child(even)[b-w6wix8fncv] {
        border-left: 1px solid var(--agent-line);
    }

    .agent-execution-summary[b-w6wix8fncv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-form-grid[b-w6wix8fncv] {
        grid-template-columns: 1fr;
    }

    .agent-weekday-options[b-w6wix8fncv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .agent-card-heading[b-w6wix8fncv] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-card-actions[b-w6wix8fncv] {
        justify-content: flex-start;
    }

    .agent-pagination[b-w6wix8fncv] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-pagination div[b-w6wix8fncv] {
        justify-content: flex-end;
    }

    .agent-detail-row[b-w6wix8fncv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .agent-detail-actions[b-w6wix8fncv] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Components/CostPanelColorRulesEditor.razor.rz.scp.css */
.cost-panel-color-rules[b-7b4sxt7zt3] {
    display: grid;
    gap: 6px;
}

.cost-panel-color-rule[b-7b4sxt7zt3] {
    display: grid;
    grid-template-columns: 74px minmax(86px, 124px) minmax(110px, 1fr);
    align-items: center;
    column-gap: 6px;
}

.cost-panel-color-rule-label[b-7b4sxt7zt3] {
    color: var(--app-page-ink, #06245d);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    text-align: right;
    white-space: nowrap;
}

.cost-panel-color-picker[b-7b4sxt7zt3] {
    height: 28px;
    min-height: 28px;
    width: 100%;
}

.cost-panel-color-mode[b-7b4sxt7zt3] {
    min-width: 0;
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Components/CostPanelConfigurationItemsGrid.razor.rz.scp.css */
.cost-panel-items-grid[b-kflmuyar1r] {
    position: relative;
}

/* Locked grid: the whole surface is dimmed and the overlay swallows every click. */
.cost-panel-items-grid-readonly[b-kflmuyar1r] {
    opacity: .6;
}

.cost-panel-items-grid-overlay[b-kflmuyar1r] {
    position: absolute;
    inset: 0;
    z-index: 2;
    cursor: not-allowed;
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Components/CostPanelDataGrid.razor.rz.scp.css */
.cost-panel-data-grid-shell[b-18sji1cyaz] {
    width: 100%;
    min-width: 1268px;
}

.cost-panel-data-grid-shell-with-percentages[b-18sji1cyaz] {
    min-width: 1268px;
}

[b-18sji1cyaz] .cost-panel-monthly-grid {
    width: 100% !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table {
    width: 100% !important;
    min-width: 1268px !important;
    table-layout: fixed !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table {
    min-width: 1268px !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table > colgroup > col:nth-child(1) {
    width: 9% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid:not(.cost-panel-monthly-grid-with-percentages) .dxbl-grid-table > colgroup > col:nth-child(n+2):nth-child(-n+13) {
    width: 6.7% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid:not(.cost-panel-monthly-grid-with-percentages) .dxbl-grid-table > colgroup > col:nth-child(14) {
    width: 10.6% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(2),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(4),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(6),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(8),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(10),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(12),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(14),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(16),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(18),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(20),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(22),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(24) {
    width: 5.25% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(3),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(5),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(7),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(9),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(11),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(13),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(15),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(17),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(19),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(21),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(23),
[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(25) {
    width: 1.45% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(26) {
    width: 8.3% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid-with-percentages .dxbl-grid-table > colgroup > col:nth-child(27) {
    width: 2.3% !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-header,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-header-row,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbs-grid-header,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbs-grid-header-row,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table > thead > tr {
    display: none !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-data-row > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbs-grid-data-row > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table > tbody > tr > td {
    height: 20px !important;
    min-height: 20px !important;
    padding: 1px 5px !important;
    border-right: 1px dotted #b8b8b8 !important;
    border-bottom: 1px dotted #c8c8c8 !important;
    color: #111 !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-data-row:first-child > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbs-grid-data-row:first-child > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table > tbody > tr:first-child > td,
[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-total-row > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-total-row > td {
    font-weight: 700 !important;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-data-row > *:not(:first-child),
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbs-grid-data-row > *:not(:first-child),
[b-18sji1cyaz] .cost-panel-monthly-grid .dxbl-grid-table > tbody > tr > td:not(:first-child) {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-kms-row > *:first-child,
[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-kms-row > td:first-child {
    color: transparent !important;
}

/* Section title — "Proveitos", "Custos", "Kms" — banded across the whole row so the three blocks
   of the result read as sections and not as one continuous list. The colour has to win over the
   selected-row and hover backgrounds DevExpress paints on the cells, hence the !important on the
   cells rather than on the row. */
[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-title-row > *,
[b-18sji1cyaz] .cost-panel-monthly-grid .cost-panel-monthly-grid-title-row > td {
    background-color: #ececec !important;
}

.cost-panel-row-toggle[b-18sji1cyaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5a5a5a;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}

.cost-panel-row-toggle:hover[b-18sji1cyaz] {
    color: #0d5bb8;
}

.cost-panel-row-toggle .oi[b-18sji1cyaz] {
    font-size: 8px;
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Components/CostPanelMonthlyHeader.razor.rz.scp.css */
.cost-panel-monthly-header[b-sjc3p16ps3] {
    display: grid;
    grid-template-columns: 9% repeat(12, 6.7%) 10.6%;
    width: 100%;
    min-width: 1268px;
    height: 24px;
    background: #fff;
    border-top: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    color: #111;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.cost-panel-monthly-header-with-percentages[b-sjc3p16ps3] {
    grid-template-columns: 9% repeat(12, 5.25% 1.45%) 8.3% 2.3%;
    min-width: 1268px;
}

.cost-panel-monthly-header-cell[b-sjc3p16ps3] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    border-right: 1px solid #8a8a8a;
    line-height: 1;
    white-space: nowrap;
}

.cost-panel-monthly-header-description[b-sjc3p16ps3] {
    justify-content: flex-start;
    padding-left: 5px;
}

.cost-panel-monthly-header-total[b-sjc3p16ps3] {
    border-right: 0;
}

.cost-panel-monthly-header-with-percentages .cost-panel-monthly-header-total[b-sjc3p16ps3] {
    border-right: 1px solid #8a8a8a;
}

.cost-panel-monthly-header-total-percentage[b-sjc3p16ps3] {
    border-right: 0;
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Pages/CostPanel.razor.rz.scp.css */
.cost-panel-surface[b-qwb6y3ro4z] {
    min-width: 0;
}

.cost-panel-vb[b-qwb6y3ro4z] {
    min-width: 0;
}

.cost-panel-options-grid[b-qwb6y3ro4z] {
    min-width: 980px;
}

/* ---------------------------------------------------------------------------
   Compact summary bar (always visible); the options collapse when there are
   loaded results. It follows the Purchases/LoadOrder pattern.
--------------------------------------------------------------------------- */
.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-region {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
    cursor: default;
    user-select: none;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar-rows {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 6px;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    min-width: 0;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar-fields.secondary {
    padding-top: 6px;
    border-top: 0.5px solid #eef2f7;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar-fields.secondary .cost-panel-summary-item strong {
    font-size: 12px;
    font-weight: 500;
    color: #49658d;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-item.strong strong,
.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-bar-fields.secondary .cost-panel-summary-item.strong strong {
    font-weight: 700;
    color: #06245d;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-seg {
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 6px;
    margin: -2px -6px;
    transition: background .12s ease;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-seg:hover {
    background: #eef4fd;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-item {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-item.wide {
    flex: 1 1 200px;
    max-width: 340px;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-item span {
    font-size: 10px;
    color: #6b7a90;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-item strong {
    font-size: 13px;
    font-weight: 600;
    color: #06245d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-toggle {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #B5D4F4;
    border-radius: 8px;
    background: #ffffff;
    color: #185FA5;
    cursor: pointer;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-summary-toggle:hover {
    background: #E6F1FB;
}

/* ---------------------------------------------------------------------------
   Option cards with the same look as the Purchases overview cards.
--------------------------------------------------------------------------- */
.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-options-section .jump-form-card {
    height: 100%;
    padding: 10px 12px;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(6, 36, 93, .06);
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-options-section .jump-form-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: #557097;
    font-size: 11px;
    font-weight: 750;
    text-transform: none;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-options-section .jump-form-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: #eef4ff;
    color: #1749d8;
    font-size: 11px;
}

.cost-panel-code-fields[b-qwb6y3ro4z] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 8px;
    min-width: 0;
}

.cost-panel-two-fields[b-qwb6y3ro4z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 8px;
}

.cost-panel-date-edit[b-qwb6y3ro4z] {
    width: 100%;
}

.cost-panel-radio-options[b-qwb6y3ro4z] {
    display: grid;
    gap: 5px;
}

.cost-panel-radio-options label[b-qwb6y3ro4z] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #111;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    white-space: nowrap;
}

.cost-panel-radio-options-inline[b-qwb6y3ro4z] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 5px;
}

.cost-panel-date-type-options[b-qwb6y3ro4z] {
    column-gap: 22px;
}

.cost-panel-date-type-options label[b-qwb6y3ro4z] {
    min-width: 110px;
}

.cost-panel-kms-options[b-qwb6y3ro4z] {
    flex-wrap: nowrap;
    column-gap: 14px;
}

.cost-panel-company-list[b-qwb6y3ro4z] {
    display: grid;
    gap: 2px;
    height: 92px;
    overflow-y: auto;
}

.cost-panel-company-row[b-qwb6y3ro4z] {
    font-size: 12px;
    min-height: 20px;
}

.cost-panel-data-shell[b-qwb6y3ro4z] {
    background: #fff;
    min-height: 430px;
    overflow: auto;
}

.cost-panel-grid-spacer[b-qwb6y3ro4z] {
    height: 10px;
}

[b-qwb6y3ro4z] .cost-panel-detail-popup-frame {
    width: 100%;
    padding: 10px;
    background: #f7faff;
    max-height: calc(100vh / var(--jump-zoom, 1) - 140px);
    overflow: hidden;
}

[b-qwb6y3ro4z] .cost-panel-detail-grid-shell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}

[b-qwb6y3ro4z] .cost-panel-detail-grid-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 32px;
}

[b-qwb6y3ro4z] .cost-panel-excel-export-button {
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid #1f8f54 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #2fb36b 0%, #168044 100%) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(22, 128, 68, 0.18);
}

[b-qwb6y3ro4z] .cost-panel-excel-export-button:hover {
    border-color: #176d3c !important;
    background: linear-gradient(180deg, #279f5e 0%, #126b39 100%) !important;
    color: #fff !important;
}

[b-qwb6y3ro4z] .cost-panel-excel-export-button:disabled,
[b-qwb6y3ro4z] .cost-panel-excel-export-button.dxbl-disabled {
    border-color: #b8d8c5 !important;
    background: #e7f2ec !important;
    color: #7da98d !important;
    box-shadow: none;
}

[b-qwb6y3ro4z] .cost-panel-excel-export-button .fas,
[b-qwb6y3ro4z] .cost-panel-excel-export-button .dxbl-btn-icon {
    color: inherit !important;
    font-size: 14px;
}

[b-qwb6y3ro4z] .cost-panel-detail-grid {
    width: 100%;
    height: min(660px, calc(100vh / var(--jump-zoom, 1) - 190px));
    min-height: 660px;
}

[b-qwb6y3ro4z] .cost-panel-detail-grid .dxbl-grid-table {
    min-width: 1040px;
}

[b-qwb6y3ro4z] .cost-panel-detail-grid .dxbl-grid-footer-cell,
[b-qwb6y3ro4z] .cost-panel-detail-grid tfoot td {
    background: #eef4fb !important;
    color: #002f6c !important;
    font-weight: 800 !important;
}

/* ---------------------------------------------------------------------------
   Refresh of the result: the options only reach the grids when the user asks
   for it, so the action stays at the bottom of the panel, next to the filters.
--------------------------------------------------------------------------- */
.cost-panel-options-actions[b-qwb6y3ro4z] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.cost-panel-surface[b-qwb6y3ro4z]  .cost-panel-refresh-button {
    min-width: 130px;
    border-radius: 8px;
    font-weight: 700;
}
/* /Products/ControloCustos/ControloCustos/CostPanel/Pages/CostPanelConfiguration.razor.rz.scp.css */
.cost-panel-groups[b-zto4mas874] {
    display: grid;
    gap: 10px;
}

.cost-panel-group[b-zto4mas874] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.cost-panel-group-title[b-zto4mas874] {
    color: var(--app-page-ink, #06245d);
    font-size: 12px;
    font-weight: 700;
}
/* /Products/Geral/aTrans/EdiConfig/Components/EdiColumnsGrid.razor.rz.scp.css */
.edi-value-cell[b-ciq0apl1ym] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.edi-value-preview[b-ciq0apl1ym] {
    min-width: 0;
    flex: 1 1 auto;
}

.edi-value-open-button[b-ciq0apl1ym] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-left: auto;
    padding: 0;
    color: #002d70;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
}

.edi-value-cell:hover .edi-value-open-button[b-ciq0apl1ym],
.edi-value-cell:focus-within .edi-value-open-button[b-ciq0apl1ym],
.edi-value-open-button:hover[b-ciq0apl1ym],
.edi-value-open-button:focus[b-ciq0apl1ym] {
    color: #0056b3;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    opacity: 1;
    pointer-events: auto;
}

.edi-value-editor[b-ciq0apl1ym] {
    font-size: 12px;
    line-height: 1.35;
}
/* /Products/Geral/aTrans/EdiConfig/Components/EdiLinesGrid.razor.rz.scp.css */
.edi-line-columns-detail[b-c49zb9bf7y] {
    margin: 0;
    padding: 0;
}

.edi-lines-grid-host[b-c49zb9bf7y]  .edi-lines-grid {
    --dxbl-grid-detail-cell-padding-x: 5px;
    --dxbl-grid-detail-cell-padding-y: 5px;
}

.edi-lines-grid-host[b-c49zb9bf7y]  .edi-lines-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-detail-cell,
.edi-lines-grid-host[b-c49zb9bf7y]  .edi-lines-grid .dxbl-grid-detail-cell {
    padding: 5px !important;
}
/* /Products/Geral/aTrans/EdiConfig/Pages/EdiConfiguration.razor.rz.scp.css */
/* The header sits outside the page's .app-page wrapper, so it takes the same base margin itself. */
.edi-configuration-header[b-2plxffn3lo] {
    padding: 4px 12px 0;
}

.edi-configuration-header[b-2plxffn3lo]  .page-header-title {
    width: 100%;
    padding-right: 430px;
}

.edi-configuration-header[b-2plxffn3lo]  .page-header-title-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.edi-configuration-header[b-2plxffn3lo]  .page-header-title-meta {
    width: 100%;
    flex-wrap: nowrap;
}

.edi-configuration-header[b-2plxffn3lo]  .page-header-kpis-wrap {
    flex: 1 1 auto;
    justify-content: center;
}

.edi-configuration-header[b-2plxffn3lo]  .page-header-kpis {
    justify-content: center;
}

@media (max-width: 1200px) {
    .edi-configuration-header[b-2plxffn3lo]  .page-header-title {
        padding-right: 0;
    }

    .edi-configuration-header[b-2plxffn3lo]  .page-header-title-meta {
        flex-wrap: wrap;
    }

    .edi-configuration-header[b-2plxffn3lo]  .page-header-kpis-wrap {
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .edi-configuration-header[b-2plxffn3lo]  .page-header-kpis {
        justify-content: flex-start;
    }
}

.edi-file-preview-stack[b-2plxffn3lo] {
    display: grid;
    gap: 10px;
}

.edi-file-run-toolbar[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 32px;
}

.edi-file-run-button[b-2plxffn3lo] {
    min-width: 112px;
    height: 32px;
    border: 1px solid #0056b3;
    border-radius: 6px;
    background: #0056b3;
    color: #fff;
    font-weight: 800;
}

.edi-file-run-button:disabled[b-2plxffn3lo] {
    opacity: 0.55;
}

.edi-export-preview-button[b-2plxffn3lo] {
    min-width: 122px;
    height: 30px;
    border: 1px solid #b8d2f0;
    border-radius: 5px;
    background: #f7fbff;
    color: #0056b3;
    font-weight: 800;
}

.edi-export-preview-button:disabled[b-2plxffn3lo] {
    opacity: 0.55;
}

.edi-file-preview-toolbar[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.edi-file-preview-clear[b-2plxffn3lo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #56739c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.edi-file-preview-clear:hover:not(:disabled)[b-2plxffn3lo] {
    color: #b3261e;
}

.edi-file-preview-clear:disabled[b-2plxffn3lo] {
    opacity: 0.35;
}

.edi-file-preview-table-wrap[b-2plxffn3lo] {
    width: 100%;
    max-height: 420px;
    margin-top: 10px;
    overflow: auto;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #fff;
}

.edi-file-preview-table[b-2plxffn3lo] {
    min-width: 960px;
    margin-bottom: 0;
    color: #002d70;
    table-layout: fixed;
}

.edi-file-preview-table th[b-2plxffn3lo],
.edi-file-preview-table td[b-2plxffn3lo] {
    min-width: 120px;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.edi-file-preview-table thead th[b-2plxffn3lo] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f5f8fc;
    font-weight: 800;
}

.edi-file-preview-row-number[b-2plxffn3lo] {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 58px;
    min-width: 58px !important;
    max-width: 58px !important;
    color: #315b91;
    background: #f5f8fc;
    text-align: right;
}

.edi-file-preview-table tbody .edi-file-preview-row-number[b-2plxffn3lo] {
    background: #fff;
}

.edi-file-preview-header-row td[b-2plxffn3lo] {
    color: #0b3b75;
    background: #eef5ff;
    font-weight: 800;
}

.edi-file-preview-table .edi-file-preview-configured[b-2plxffn3lo] {
    background: #fff3cd;
}

.edi-file-preview-header-row .edi-file-preview-configured[b-2plxffn3lo] {
    background: #ffe69c;
}

.edi-large-text-field[b-2plxffn3lo] {
    position: relative;
    display: flex;
    align-items: center;
}

.edi-large-text-input[b-2plxffn3lo] {
    padding-right: 30px;
}

.edi-large-text-open-button[b-2plxffn3lo] {
    position: absolute;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    color: #002d70;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
}

.edi-large-text-field:hover .edi-large-text-open-button[b-2plxffn3lo],
.edi-large-text-field:focus-within .edi-large-text-open-button[b-2plxffn3lo],
.edi-large-text-open-button:hover[b-2plxffn3lo],
.edi-large-text-open-button:focus[b-2plxffn3lo] {
    color: #0056b3;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    opacity: 1;
    pointer-events: auto;
}

.edi-large-text-editor[b-2plxffn3lo] {
    font-size: 12px;
    line-height: 1.35;
}

.edi-history-toolbar[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.edi-history-filters[b-2plxffn3lo] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.edi-history-filter[b-2plxffn3lo] {
    min-width: 76px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #cfe0f4;
    border-radius: 5px;
    background: #fff;
    color: #002d70;
    font-weight: 800;
}

.edi-history-filter.active[b-2plxffn3lo] {
    border-color: #8fc2ff;
    background: #eaf4ff;
    color: #0056b3;
}

.edi-history-filter:hover[b-2plxffn3lo] {
    border-color: #8fc2ff;
}

.edi-history-refresh[b-2plxffn3lo] {
    min-width: 104px;
    height: 30px;
    border: 1px solid #b8d2f0;
    border-radius: 5px;
    background: #f7fbff;
    color: #0056b3;
    font-weight: 800;
}

.edi-history-refresh:disabled[b-2plxffn3lo] {
    opacity: 0.55;
}

.edi-history-empty[b-2plxffn3lo] {
    padding: 18px;
    color: #4c6b96;
    text-align: center;
}

.edi-history-table-wrap[b-2plxffn3lo] {
    width: 100%;
    max-height: 360px;
    overflow: auto;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #fff;
}

.edi-history-table[b-2plxffn3lo] {
    min-width: 980px;
    margin-bottom: 0;
    color: #002d70;
    table-layout: fixed;
}

.edi-history-col-file[b-2plxffn3lo] {
    width: 30%;
}

.edi-history-col-status[b-2plxffn3lo] {
    width: 100px;
}

.edi-history-col-origin[b-2plxffn3lo] {
    width: 112px;
}

.edi-history-col-date[b-2plxffn3lo] {
    width: 150px;
}

.edi-history-col-count[b-2plxffn3lo] {
    width: 72px;
}

.edi-history-col-error[b-2plxffn3lo] {
    width: 88px;
}

.edi-history-table th[b-2plxffn3lo],
.edi-history-table td[b-2plxffn3lo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.edi-history-table th:nth-child(n+6)[b-2plxffn3lo],
.edi-history-table td:nth-child(n+6)[b-2plxffn3lo] {
    text-align: center;
}

.edi-history-table thead th[b-2plxffn3lo] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f8fc;
    font-weight: 800;
}

.edi-history-errors-button[b-2plxffn3lo] {
    min-width: 28px;
    height: 22px;
    padding: 0 8px;
    border: 1px solid #f2a0a0;
    border-radius: 4px;
    background: #fff5f5;
    color: #c1121f;
    font-weight: 800;
    line-height: 20px;
}

.edi-history-errors-button:hover[b-2plxffn3lo] {
    border-color: #c1121f;
    background: #ffe9e9;
}

.edi-history-errors-button:disabled[b-2plxffn3lo] {
    opacity: 0.55;
}

.edi-history-details[b-2plxffn3lo] {
    margin-top: 10px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #fff;
}

.edi-history-details-header[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-bottom: 1px solid #dce8f7;
    color: #002d70;
}

.edi-history-details-header > div[b-2plxffn3lo] {
    display: flex;
    gap: 10px;
    min-width: 0;
}

.edi-history-details-header span[b-2plxffn3lo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edi-history-details-close[b-2plxffn3lo] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4c6b96;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
}

.edi-history-details-close:hover[b-2plxffn3lo] {
    color: #002d70;
}

.edi-history-errors-wrap[b-2plxffn3lo] {
    max-height: 260px;
    overflow: auto;
}

.edi-history-errors-table[b-2plxffn3lo] {
    min-width: 980px;
    margin-bottom: 0;
    color: #002d70;
    table-layout: fixed;
}

.edi-history-errors-table th[b-2plxffn3lo],
.edi-history-errors-table td[b-2plxffn3lo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.edi-history-errors-table th:nth-child(1)[b-2plxffn3lo],
.edi-history-errors-table th:nth-child(2)[b-2plxffn3lo],
.edi-history-errors-table th:nth-child(3)[b-2plxffn3lo],
.edi-history-errors-table td:nth-child(1)[b-2plxffn3lo],
.edi-history-errors-table td:nth-child(2)[b-2plxffn3lo],
.edi-history-errors-table td:nth-child(3)[b-2plxffn3lo] {
    width: 90px;
    text-align: center;
}

.edi-history-errors-table thead th[b-2plxffn3lo] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f8fc;
    font-weight: 800;
}

.edi-history-status[b-2plxffn3lo] {
    font-weight: 800;
    color: #4c6b96;
}

.edi-history-status.success[b-2plxffn3lo] {
    color: #00843d;
}

.edi-history-status.error[b-2plxffn3lo] {
    color: #c1121f;
}

.edi-history-status.running[b-2plxffn3lo] {
    color: #0056b3;
}

.edi-history-origin[b-2plxffn3lo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    height: 22px;
    padding: 0 8px;
    border-radius: 4px;
    background: #eef5ff;
    color: #0056b3;
    font-weight: 800;
}

.edi-history-origin.schedule[b-2plxffn3lo] {
    background: #f0fff4;
    color: #00843d;
}

.edi-history-origin.unknown[b-2plxffn3lo] {
    background: #f5f8fc;
    color: #4c6b96;
}

.edi-run-progress-backdrop[b-2plxffn3lo] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 24, 56, 0.28);
}

.edi-run-progress-modal[b-2plxffn3lo] {
    width: min(680px, 100%);
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: auto;
    padding: 18px;
    border: 1px solid #cfe0f4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(0, 45, 112, 0.22);
    color: #002d70;
}

.edi-run-options-modal[b-2plxffn3lo] {
    width: min(560px, 100%);
    max-height: calc(100vh / var(--jump-zoom, 1) - 48px);
    overflow: auto;
    padding: 18px;
    border: 1px solid #cfe0f4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(0, 45, 112, 0.22);
    color: #002d70;
}

.edi-run-progress-header[b-2plxffn3lo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.edi-run-progress-header span[b-2plxffn3lo] {
    display: block;
    color: #56739c;
    font-size: 12px;
    font-weight: 700;
}

.edi-run-progress-header strong[b-2plxffn3lo] {
    display: block;
    margin-top: 2px;
    font-size: 20px;
}

.edi-run-progress-close[b-2plxffn3lo] {
    min-width: 84px;
    height: 32px;
    border: 1px solid #cfe0f4;
    border-radius: 6px;
    background: #f7fbff;
    color: #0056b3;
    font-weight: 800;
}

.edi-run-progress-close:disabled[b-2plxffn3lo] {
    opacity: 0.5;
}

.edi-run-dialog-close[b-2plxffn3lo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #56739c;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.edi-run-dialog-close:hover:not(:disabled)[b-2plxffn3lo] {
    background: #edf4fc;
    color: #002d70;
}

.edi-run-dialog-close:disabled[b-2plxffn3lo] {
    opacity: 0.45;
}

.edi-run-progress-actions[b-2plxffn3lo],
.edi-run-options-actions[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.edi-run-progress-cancel[b-2plxffn3lo],
.edi-run-options-primary[b-2plxffn3lo] {
    min-width: 84px;
    height: 32px;
    border: 1px solid #0056b3;
    border-radius: 6px;
    background: #0056b3;
    color: #fff;
    font-weight: 800;
}

.edi-run-progress-cancel[b-2plxffn3lo] {
    border-color: #b3261e;
    background: #fff7f7;
    color: #b3261e;
}

.edi-run-progress-cancel:disabled[b-2plxffn3lo],
.edi-run-options-primary:disabled[b-2plxffn3lo] {
    opacity: 0.5;
}

.edi-run-options-body[b-2plxffn3lo] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.edi-run-option-row[b-2plxffn3lo] {
    display: grid;
    grid-template-columns: minmax(180px, auto) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 10px;
    border: 1px solid #e1edf9;
    border-radius: 6px;
    background: #f8fbff;
}

.edi-run-option-row span[b-2plxffn3lo] {
    min-width: 0;
    color: #466990;
    font-size: 12px;
    font-weight: 600;
}

.edi-run-options-actions[b-2plxffn3lo] {
    margin-top: 16px;
}

.edi-run-progress-bar[b-2plxffn3lo] {
    height: 10px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf4fc;
}

.edi-run-progress-bar span[b-2plxffn3lo] {
    display: block;
    height: 100%;
    min-width: 4px;
    transition: width 180ms ease;
}

.edi-run-progress-bar .running[b-2plxffn3lo] {
    background: #0056b3;
}

.edi-run-progress-bar .success[b-2plxffn3lo] {
    background: #07823c;
}

.edi-run-progress-bar .warning[b-2plxffn3lo] {
    background: #d96600;
}

.edi-run-progress-bar .error[b-2plxffn3lo] {
    background: #b3261e;
}

.edi-run-progress-percent[b-2plxffn3lo] {
    margin-top: 6px;
    text-align: right;
    font-size: 12px;
    font-weight: 800;
}

.edi-run-progress-message[b-2plxffn3lo] {
    margin: 10px 0 0;
    color: #274c7f;
    font-weight: 600;
}

.edi-run-upload-progress[b-2plxffn3lo] {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #cfe3fb;
    border-radius: 6px;
    background: #f8fbff;
}

.edi-run-upload-progress-top[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #00336f;
    font-size: 12px;
    font-weight: 800;
}

.edi-run-upload-progress-bar[b-2plxffn3lo] {
    height: 8px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf4fc;
}

.edi-run-upload-progress-bar span[b-2plxffn3lo] {
    display: block;
    height: 100%;
    min-width: 4px;
    background: #0056b3;
    transition: width 180ms ease;
}

.edi-run-upload-progress-bottom[b-2plxffn3lo] {
    min-width: 0;
    margin-top: 6px;
    overflow: hidden;
    color: #466990;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edi-run-progress-phases[b-2plxffn3lo] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.edi-run-progress-phase[b-2plxffn3lo] {
    padding: 10px;
    border: 1px solid #e1edf9;
    border-radius: 6px;
    background: #f8fbff;
}

.edi-run-progress-phase-top[b-2plxffn3lo],
.edi-run-progress-phase-bottom[b-2plxffn3lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.edi-run-progress-phase-top strong[b-2plxffn3lo],
.edi-run-progress-phase-top span[b-2plxffn3lo],
.edi-run-progress-phase-bottom span[b-2plxffn3lo],
.edi-run-progress-phase-bottom em[b-2plxffn3lo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edi-run-progress-phase-top strong[b-2plxffn3lo] {
    font-size: 13px;
}

.edi-run-progress-phase-top span[b-2plxffn3lo] {
    color: #56739c;
    font-size: 12px;
    font-weight: 800;
}

.edi-run-progress-phase-bar[b-2plxffn3lo] {
    height: 7px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8f0fa;
}

.edi-run-progress-phase-bar span[b-2plxffn3lo] {
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 180ms ease;
}

.edi-run-progress-phase.pending .edi-run-progress-phase-bar span[b-2plxffn3lo] {
    background: #9eb4cf;
}

.edi-run-progress-phase.running .edi-run-progress-phase-bar span[b-2plxffn3lo] {
    min-width: 4px;
    background: #0056b3;
}

.edi-run-progress-phase.completed .edi-run-progress-phase-bar span[b-2plxffn3lo] {
    background: #07823c;
}

.edi-run-progress-phase.warning .edi-run-progress-phase-bar span[b-2plxffn3lo] {
    min-width: 4px;
    background: #d96600;
}

.edi-run-progress-phase.failed .edi-run-progress-phase-bar span[b-2plxffn3lo] {
    min-width: 4px;
    background: #b3261e;
}

.edi-run-progress-phase-bottom[b-2plxffn3lo] {
    margin-top: 6px;
    color: #466990;
    font-size: 12px;
}

.edi-run-progress-phase-bottom em[b-2plxffn3lo] {
    flex: 0 0 auto;
    font-style: normal;
    font-weight: 800;
}

.edi-run-progress-files[b-2plxffn3lo] {
    display: grid;
    gap: 6px;
    margin-top: 14px;
    max-height: min(320px, 38vh / var(--jump-zoom, 1));
    overflow-y: auto;
    padding-right: 4px;
}

.edi-run-progress-file[b-2plxffn3lo] {
    display: grid;
    grid-template-columns: minmax(160px, 1.2fr) 100px minmax(0, 1.6fr) 52px;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e1edf9;
    border-radius: 6px;
    background: #f8fbff;
    color: #00336f;
    font-family: inherit;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.edi-run-progress-file:hover[b-2plxffn3lo],
.edi-run-progress-file.selected[b-2plxffn3lo] {
    border-color: #9cc8ff;
    background: #edf6ff;
}

.edi-run-progress-file span[b-2plxffn3lo],
.edi-run-progress-file strong[b-2plxffn3lo],
.edi-run-progress-file em[b-2plxffn3lo],
.edi-run-progress-file small[b-2plxffn3lo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edi-run-progress-file strong[b-2plxffn3lo] {
    font-weight: 800;
}

.edi-run-progress-file.completed strong[b-2plxffn3lo] {
    color: #008a3d;
}

.edi-run-progress-file.warning strong[b-2plxffn3lo] {
    color: #d96600;
}

.edi-run-progress-file.failed strong[b-2plxffn3lo] {
    color: #b3261e;
}

.edi-run-progress-file.running strong[b-2plxffn3lo] {
    color: #0057b8;
}

.edi-run-progress-file em[b-2plxffn3lo] {
    color: #466990;
    font-style: normal;
}

.edi-run-progress-file small[b-2plxffn3lo] {
    color: #466990;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}
/* /Products/Geral/aTrans/LoadUnloadPlaces/Components/LoadUnloadPlaceAdyTrans.razor.rz.scp.css */
.load-unload-ady-layout[b-01kqlu4yxf] {
    display: grid;
    grid-template-columns: minmax(480px, 1.35fr) minmax(340px, .85fr);
    gap: 8px;
    min-width: 0;
}

[b-01kqlu4yxf] .load-unload-ady-availability-section,
[b-01kqlu4yxf] .load-unload-ady-settings-section {
    min-width: 0;
    margin: 0;
}

.load-unload-ady-fields[b-01kqlu4yxf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    min-width: 0;
}

.load-unload-ady-fields .form-control[b-01kqlu4yxf] {
    min-height: 34px;
    height: 34px;
}

[b-01kqlu4yxf] .load-unload-ady-field-full {
    grid-column: 1 / -1;
}

@media (max-width: 1050px) {
    .load-unload-ady-layout[b-01kqlu4yxf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .load-unload-ady-fields[b-01kqlu4yxf] {
        grid-template-columns: 1fr;
    }
}
/* /Products/Geral/aTrans/LoadUnloadPlaces/Components/LoadUnloadPlaceMapPanel.razor.rz.scp.css */
.load-unload-place-map-panel.load-order-map-panel[b-bf6vs74847] {
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.load-unload-place-map-panel .load-order-map-panel-map[b-bf6vs74847] {
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.load-unload-place-map-panel .jump-form-empty-state[b-bf6vs74847] {
    height: 100%;
    min-height: 0;
}

/* Search box overlaid on the map (as in the old form). The z-index has to stay above
   the Leaflet controls (zoom = 1000). */
.load-unload-place-map-panel[b-bf6vs74847] {
    position: relative;
}

.load-unload-map-search[b-bf6vs74847] {
    position: absolute;
    top: 12px;
    left: 50%;
    z-index: 1100;
    width: min(420px, calc(100% - 96px));
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px 6px 12px;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid rgba(132, 151, 176, 0.42);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(15, 27, 61, 0.18);
}

.load-unload-map-search .oi[b-bf6vs74847] {
    flex: 0 0 auto;
    color: #667085;
    font-size: 0.82rem;
}

.load-unload-map-search-input[b-bf6vs74847] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 4px 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 0.86rem;
}

.load-unload-map-search-button[b-bf6vs74847] {
    flex: 0 0 auto;
    min-width: 74px;
    padding: 5px 12px;
    color: #fff;
    background: var(--atrans-primary, #0a43e8);
    border: 0;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.load-unload-map-search-button:disabled[b-bf6vs74847] {
    opacity: 0.6;
    cursor: default;
}

/* List of suggestions beneath the search box. */
.load-unload-map-suggestions[b-bf6vs74847] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1101;
    max-height: 260px;
    margin: 0;
    padding: 4px;
    overflow-y: auto;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(132, 151, 176, 0.42);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(15, 27, 61, 0.2);
}

.load-unload-map-suggestion[b-bf6vs74847] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 7px 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.load-unload-map-suggestion:hover[b-bf6vs74847],
.load-unload-map-suggestion.is-active[b-bf6vs74847] {
    background: #eef4ff;
}

.load-unload-map-suggestion .oi[b-bf6vs74847] {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #0b63f6;
    font-size: 0.76rem;
}

.load-unload-map-suggestion-text[b-bf6vs74847] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.load-unload-map-suggestion-text strong[b-bf6vs74847] {
    color: #0f1b3d;
    font-size: 0.83rem;
    font-weight: 750;
    line-height: 1.2;
}

.load-unload-map-suggestion-text small[b-bf6vs74847] {
    overflow: hidden;
    color: #667085;
    font-size: 0.72rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Streets/satellite toggle, in the top left corner (below the Leaflet zoom). */
.load-unload-map-layers[b-bf6vs74847] {
    position: absolute;
    top: 12px;
    left: 52px;
    z-index: 1100;
    display: inline-flex;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(132, 151, 176, 0.42);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(15, 27, 61, 0.16);
}

.load-unload-map-layer[b-bf6vs74847] {
    padding: 6px 14px;
    border: 0;
    background: transparent;
    color: #35507a;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.load-unload-map-layer.is-active[b-bf6vs74847] {
    color: #fff;
    background: var(--atrans-primary, #0a43e8);
}

.load-unload-map-hint[b-bf6vs74847] {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 1100;
    padding: 5px 12px;
    transform: translateX(-50%);
    color: #35507a;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(132, 151, 176, 0.36);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
}
/* /Products/Geral/aTrans/LoadUnloadPlaces/Pages/LoadUnloadPlaces.razor.rz.scp.css */
[b-i6q6ylzpx5] .load-unload-redesign {
    min-height: 0;
}

[b-i6q6ylzpx5] .load-unload-place-page {
    min-height: 0;
}

.load-unload-place-content[b-i6q6ylzpx5] {
    --load-unload-ink: #06245d;
    --load-unload-muted: #5f7698;
    --load-unload-border: #dbe7f6;
    --load-unload-soft-border: #e8eff8;
    --load-unload-blue: #0057b8;
    --load-unload-panel-bg: #fff;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.load-unload-header-shell[b-i6q6ylzpx5] {
    min-width: 0;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header {
    margin-bottom: 2px;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-hero {
    min-height: 66px;
    margin-bottom: 0;
    align-items: center;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title {
    align-items: center;
    gap: 14px;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0057d8 0%, #003fb2 100%);
    color: #fff;
    box-shadow: 0 12px 22px rgba(0, 87, 184, .18);
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title-icon span {
    font-size: 28px !important;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title h1 {
    color: var(--load-unload-ink, #06245d);
    font-size: 27px;
    font-weight: 850;
    line-height: 1.05;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-subtitle {
    color: #4f6688;
    font-size: 15px;
    font-weight: 850;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-record-mode {
    min-height: 24px;
    padding: 0 12px;
    font-size: 11px;
}

.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-menu-row .menuItemBase.btn,
.load-unload-header-shell[b-i6q6ylzpx5]  .page-header-custom-action {
    min-width: 108px;
    min-height: 34px;
    height: 34px;
    border-radius: 7px;
    font-size: 13px;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-identification-section {
    padding: 0;
    overflow: hidden;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-identification-section .load-unload-section-title-left {
    margin: 0;
    padding: 8px 12px;
    border-bottom: 1px solid var(--load-unload-border);
    color: var(--load-unload-ink);
    font-size: 15px;
    font-weight: 850;
    text-align: left;
}

.load-unload-identification-grid[b-i6q6ylzpx5] {
    display: grid;
    grid-template-columns: minmax(170px, .9fr) minmax(190px, .9fr) minmax(190px, .9fr) minmax(250px, 1.2fr) minmax(180px, .8fr);
    align-items: stretch;
    min-width: 0;
    padding: 8px 12px;
}

.load-unload-identification-cell[b-i6q6ylzpx5] {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
    padding: 0 16px;
    border-left: 1px solid var(--load-unload-soft-border);
}

.load-unload-identification-cell:first-child[b-i6q6ylzpx5] {
    padding-left: 0;
    border-left: 0;
}

.load-unload-identification-eyepeak[b-i6q6ylzpx5] {
    padding-right: 0;
}

.load-unload-identification-label[b-i6q6ylzpx5] {
    color: var(--load-unload-ink);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
}

.load-unload-identification-code[b-i6q6ylzpx5]  .ctlf4-label {
    width: 0;
}

.load-unload-check-row[b-i6q6ylzpx5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 18px;
    min-height: 30px;
    color: var(--load-unload-ink);
    font-size: 12px;
    font-weight: 700;
}

.load-unload-identification-cell .form-control[b-i6q6ylzpx5],
.load-unload-fields-grid .form-control[b-i6q6ylzpx5],
.load-unload-coordinates-row .form-control[b-i6q6ylzpx5] {
    min-height: 30px;
    height: 30px;
    color: var(--load-unload-ink);
    border-color: #ccd9ea;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.load-unload-place-content[b-i6q6ylzpx5]  .jump-form-card-label {
    margin-bottom: 2px;
    font-size: 10.5px;
    line-height: 1.05;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section {
    margin-bottom: 0;
    overflow: hidden;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-strip {
    padding: 0 8px;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-button {
    min-height: 32px;
    border-radius: 0;
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-button.active {
    background: #fff;
    border-color: transparent;
    border-bottom: 2px solid var(--load-unload-blue);
    color: var(--load-unload-blue);
}

.load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-body {
    padding: 6px;
}

.load-unload-tab-body[b-i6q6ylzpx5] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.load-unload-general-grid[b-i6q6ylzpx5] {
    display: grid;
    grid-template-columns: minmax(380px, .82fr) minmax(460px, 1fr);
    gap: 8px;
    align-items: stretch;
    min-width: 0;
}

.load-unload-left-column[b-i6q6ylzpx5] {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
}

/* The map is the only card in this column: it takes up all the available height beside the data. */
.load-unload-right-column[b-i6q6ylzpx5] {
    display: grid;
    grid-template-rows: 1fr;
    align-content: stretch;
    gap: 6px;
    min-width: 0;
}

.load-unload-panel[b-i6q6ylzpx5] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 0 0 6px;
    border: 1px solid var(--load-unload-border);
    border-radius: 8px;
    background: var(--load-unload-panel-bg);
    overflow: hidden;
}

.load-unload-panel h3[b-i6q6ylzpx5] {
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid var(--load-unload-border);
    color: var(--load-unload-ink);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.15;
}

.load-unload-fields-grid[b-i6q6ylzpx5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 10px;
    align-items: end;
    min-width: 0;
    padding: 0 10px;
}

.load-unload-field-full[b-i6q6ylzpx5] {
    grid-column: 1 / -1;
}

.load-unload-field-half[b-i6q6ylzpx5] {
    grid-column: span 1;
}

.load-unload-contact-grid[b-i6q6ylzpx5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.load-unload-required[b-i6q6ylzpx5] {
    color: #d93025;
}

.load-unload-lookup-row[b-i6q6ylzpx5] {
    display: grid;
    grid-template-columns: minmax(82px, 108px) minmax(0, 1fr);
    gap: 5px;
    min-width: 0;
}

.load-unload-field-full .load-unload-lookup-row[b-i6q6ylzpx5] {
    grid-template-columns: minmax(100px, 140px) minmax(0, 1fr);
}

.load-unload-lookup-row[b-i6q6ylzpx5]  .ctlf4-label {
    width: 0;
}

.load-unload-panel > textarea.form-control[b-i6q6ylzpx5] {
    width: calc(100% - 20px);
    margin: 0 10px;
    min-height: 42px;
    height: 42px;
    resize: vertical;
}

/* Header + map: the map takes the rest of the card's height. */
.load-unload-map-panel[b-i6q6ylzpx5] {
    height: 100%;
    grid-template-rows: auto 1fr;
    min-height: 0;
}

.load-unload-map-frame[b-i6q6ylzpx5] {
    height: 100%;
    min-height: clamp(320px, calc(100vh / var(--jump-zoom, 1) - 300px), 620px);
    margin: 0 10px 4px;
    overflow: hidden;
    border: 1px solid var(--load-unload-border);
    border-radius: 6px;
}

.load-unload-map-frame[b-i6q6ylzpx5]  .load-unload-place-map-panel,
.load-unload-map-frame[b-i6q6ylzpx5]  .load-order-map-panel-map,
.load-unload-map-frame[b-i6q6ylzpx5]  .jump-form-empty-state {
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* Coordinates: their own card in the data column, with the two buttons on the same row as the fields. */
.load-unload-coordinates-row[b-i6q6ylzpx5] {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) auto auto;
    gap: 6px 8px;
    align-items: end;
    min-width: 0;
    padding: 0 10px;
}

.load-unload-outline-button[b-i6q6ylzpx5],
.load-unload-map-action[b-i6q6ylzpx5] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #9fc1f3;
    border-radius: 6px;
    background: #fff;
    color: var(--load-unload-blue);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
}

.load-unload-outline-button:hover[b-i6q6ylzpx5],
.load-unload-map-action:hover[b-i6q6ylzpx5] {
    background: #eef6ff;
    color: #00499e;
    text-decoration: none;
}

.load-unload-audit-strip[b-i6q6ylzpx5] {
    display: flex;
    align-items: center;
    gap: 28px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--load-unload-border);
    border-radius: 0 0 8px 8px;
    background: #f8fbff;
    color: var(--load-unload-muted);
    font-size: 12px;
    font-weight: 700;
}

.load-unload-audit-strip strong[b-i6q6ylzpx5] {
    color: var(--load-unload-ink);
}

@media (max-width: 1180px) {
    .load-unload-identification-grid[b-i6q6ylzpx5],
    .load-unload-general-grid[b-i6q6ylzpx5] {
        grid-template-columns: 1fr;
    }

    .load-unload-identification-cell[b-i6q6ylzpx5] {
        padding: 12px 0 0;
        border-top: 1px solid var(--load-unload-soft-border);
        border-left: 0;
    }

    .load-unload-identification-cell:first-child[b-i6q6ylzpx5] {
        padding-top: 0;
        border-top: 0;
    }
}

@media (min-width: 1181px) and (max-height: 760px) {
    .load-unload-header-shell[b-i6q6ylzpx5]  .page-header-hero {
        min-height: 66px;
    }

    .load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title-icon {
        width: 44px;
        height: 44px;
    }

    .load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title-icon span {
        font-size: 24px !important;
    }

    .load-unload-header-shell[b-i6q6ylzpx5]  .page-header-title h1 {
        font-size: 24px;
    }

    .load-unload-place-content[b-i6q6ylzpx5] {
        gap: 5px;
    }

    .load-unload-place-content[b-i6q6ylzpx5]  .load-unload-identification-section .load-unload-section-title-left {
        padding: 6px 10px;
        font-size: 14px;
    }

    .load-unload-identification-grid[b-i6q6ylzpx5] {
        padding: 6px 10px;
    }

    .load-unload-identification-cell .form-control[b-i6q6ylzpx5],
    .load-unload-fields-grid .form-control[b-i6q6ylzpx5],
    .load-unload-coordinates-row .form-control[b-i6q6ylzpx5] {
        min-height: 28px;
        height: 28px;
    }

    .load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-button {
        min-height: 30px;
    }

    .load-unload-place-content[b-i6q6ylzpx5]  .load-unload-tabs-section .jump-form-tabs-body {
        padding: 5px;
    }

    .load-unload-panel[b-i6q6ylzpx5] {
        gap: 5px;
        padding-bottom: 5px;
    }

    .load-unload-panel h3[b-i6q6ylzpx5] {
        padding: 6px 10px;
        font-size: 13px;
    }

    .load-unload-fields-grid[b-i6q6ylzpx5] {
        gap: 4px 8px;
    }

    .load-unload-panel > textarea.form-control[b-i6q6ylzpx5] {
        min-height: 34px;
        height: 34px;
    }

    .load-unload-map-frame[b-i6q6ylzpx5] {
        min-height: clamp(260px, calc(100vh / var(--jump-zoom, 1) - 280px), 520px);
    }

    .load-unload-outline-button[b-i6q6ylzpx5],
    .load-unload-map-action[b-i6q6ylzpx5] {
        min-height: 30px;
    }

    .load-unload-audit-strip[b-i6q6ylzpx5] {
        min-height: 26px;
    }
}

@media (max-width: 720px) {
    .load-unload-fields-grid[b-i6q6ylzpx5],
    .load-unload-coordinates-row[b-i6q6ylzpx5],
    .load-unload-lookup-row[b-i6q6ylzpx5],
    .load-unload-field-full .load-unload-lookup-row[b-i6q6ylzpx5] {
        grid-template-columns: 1fr;
    }

    .load-unload-map-frame[b-i6q6ylzpx5] {
        min-height: 320px;
    }
}
/* /Products/Geral/aTrans/MotoristaAjudasCusto/Components/DriverAllowanceLinesEditor.razor.rz.scp.css */
.driver-allowance-lines-grid[b-ziq4z64ne4] {
    --line-highlight: #f8f5ef;
    --line-border: #d9dde7;
    margin-bottom: 0;
}

.driver-allowance-lines-grid :deep(.driver-allowance-line-inactive)[b-ziq4z64ne4] {
    background-color: var(--line-highlight);
    color: #6c757d;
}

.driver-allowance-lines-grid :deep(.driver-allowance-line-new)[b-ziq4z64ne4] {
    background-color: #bfe3ff;
}

.driver-allowance-line-details[b-ziq4z64ne4] {
    padding: 0.75rem 0;
}

.driver-allowance-detail-grid[b-ziq4z64ne4],
.driver-allowance-load-order-grid[b-ziq4z64ne4] {
    margin-bottom: 0;
}

.driver-allowance-trip-inactive[b-ziq4z64ne4],
.driver-allowance-load-order-inactive[b-ziq4z64ne4] {
    opacity: 0.7;
    background-color: var(--line-highlight);
}

.driver-allowance-item-strike[b-ziq4z64ne4] {
    text-decoration: line-through;
}

.driver-allowance-notes-input[b-ziq4z64ne4] {
    min-width: 220px;
}
/* /Products/Geral/aTrans/MotoristaAjudasCusto/Pages/MotoristaAjudasCusto.razor.rz.scp.css */
.driver-allowance-sidebar-grid[b-euyyy1uokv] {
    min-height: 420px;
}
/* /Products/Geral/Base/Classes/Components/ClassesEmailsGrid.razor.rz.scp.css */
.classes-emails-grid-scroll[b-aqhbtwxano] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.classes-emails-grid-scroll[b-aqhbtwxano]  .classes-emails-grid {
    min-width: 384px;
}
/* /Products/Geral/Base/Classes/Components/ClassesRulesGrid.razor.rz.scp.css */
.classes-rules-grid-scroll[b-u95dzxi2jd] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.classes-rules-grid-scroll[b-u95dzxi2jd]  .classes-rules-grid {
    min-width: 248px;
}
/* /Products/Geral/Base/Lists/Pages/Listas.razor.rz.scp.css */
.lists-page[b-m66cbggxgz] {
    --lists-primary: #004987;
    --lists-primary-strong: #00366a;
    --lists-accent: #0f7d68;
    --lists-text: #14385f;
    --lists-muted: #5c728e;
    --lists-line: #dbe8f6;
    --lists-line-soft: #edf3fb;
    --lists-surface: #ffffff;
    --lists-card-border: #e4ecf5;
    --lists-radius: 12px;
    --lists-radius-sm: 9px;
    --lists-shadow-card: 0 1px 2px rgba(15, 34, 58, .04), 0 4px 14px rgba(15, 34, 58, .04);
    --lists-shadow-card-hover: 0 2px 4px rgba(15, 34, 58, .06), 0 10px 26px rgba(15, 34, 58, .08);
    --lists-focus-ring: 0 0 0 3px rgba(0, 73, 135, .12);
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    height: calc(100vh / var(--jump-zoom, 1) - 50px);
    height: calc(100dvh / var(--jump-zoom, 1) - 50px);
    max-height: calc(100vh / var(--jump-zoom, 1) - 50px);
    max-height: calc(100dvh / var(--jump-zoom, 1) - 50px);
    min-height: 0;
    padding: 10px 12px 8px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #f4f7fb 0%, #f8fafd 100%);
    color: var(--lists-text);
    overflow: hidden;
}

.lists-grid-panel[b-m66cbggxgz] {
    --jump-grid-fill-panel-min-height: 0;
    --jump-grid-fill-min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 10px;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.lists-grid-topbar[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 12px;
    min-height: 48px;
    padding: 2px 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.lists-grid-heading[b-m66cbggxgz] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.lists-grid-title-block[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 150px;
    gap: 8px;
}

.lists-grid-icon[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #005ba8 0%, var(--lists-primary-strong) 100%);
    color: #ffffff;
    font-size: 13px;
    box-shadow: 0 4px 10px rgba(0, 73, 135, .22);
}

.lists-grid-title-copy[b-m66cbggxgz] {
    display: grid;
    min-width: 0;
    text-align: left;
    gap: 1px;
}

.lists-grid-kicker[b-m66cbggxgz] {
    color: var(--lists-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.lists-grid-title-copy h1[b-m66cbggxgz] {
    margin: 0;
    overflow: hidden;
    color: var(--lists-primary-strong);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists-grid-global-search[b-m66cbggxgz] {
    display: flex;
    flex: 0 1 280px;
    align-items: center;
    gap: 7px;
    width: min(320px, 100%);
    max-width: 320px;
    min-width: 180px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid var(--lists-card-border);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 34, 58, .04);
    box-sizing: border-box;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.lists-grid-global-search .oi[b-m66cbggxgz] {
    flex: 0 0 auto;
    color: var(--lists-muted);
    font-size: 12px;
}

.lists-grid-global-search[b-m66cbggxgz]  .lists-grid-search-box,
.lists-grid-global-search[b-m66cbggxgz]  .dxbl-text-edit,
.lists-grid-global-search[b-m66cbggxgz]  .dxbs-textbox {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.lists-grid-global-search[b-m66cbggxgz]  input {
    min-height: 26px !important;
    padding: 0 !important;
    color: var(--lists-text) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.lists-grid-global-search[b-m66cbggxgz]  input::placeholder {
    color: #8ba0b8 !important;
    font-weight: 500 !important;
}

.lists-grid-global-search:hover[b-m66cbggxgz] {
    border-color: #c8daee;
}

.lists-grid-global-search:focus-within[b-m66cbggxgz] {
    border-color: #9cc4f2;
    background: #ffffff;
    box-shadow: var(--lists-focus-ring);
}

.lists-grid-last-update[b-m66cbggxgz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
    color: var(--lists-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists-grid-last-update .oi[b-m66cbggxgz] {
    flex: 0 0 auto;
    color: var(--lists-accent);
    font-size: 10px;
}

.lists-grid-header-actions[b-m66cbggxgz] {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-width: 0;
}

.lists-grid-config[b-m66cbggxgz] {
    display: grid;
    grid-template-columns: auto minmax(180px, 260px);
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.lists-grid-config label[b-m66cbggxgz] {
    margin: 0;
    color: var(--lists-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.lists-grid-config[b-m66cbggxgz]  .lists-grid-config-combo,
.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox,
.lists-grid-config[b-m66cbggxgz]  .dxbl-text-edit {
    width: 100% !important;
    min-height: 36px !important;
    border-color: var(--lists-card-border) !important;
    border-radius: var(--lists-radius-sm) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 34, 58, .04) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox:hover {
    border-color: #c8daee !important;
}

.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox .dxbl-btn,
.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox [class*="edit-btn" i] {
    border: 0 !important;
    background: transparent !important;
    color: var(--lists-muted) !important;
    box-shadow: none !important;
}

.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox input,
.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox .dxbl-edit-input {
    color: var(--lists-primary-strong) !important;
    font-weight: 700 !important;
}

.lists-grid-config[b-m66cbggxgz]  .dxbl-combobox:focus-within,
.lists-grid-config[b-m66cbggxgz]  .dxbl-text-edit:focus-within {
    border-color: #9cc4f2 !important;
    box-shadow: var(--lists-focus-ring) !important;
}

.lists-grid-config[b-m66cbggxgz]  input,
.lists-grid-config[b-m66cbggxgz]  .dxbl-edit-input {
    min-height: 28px !important;
    font-size: 11px !important;
}

.lists-grid-actions[b-m66cbggxgz] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-button-container,
.lists-grid-actions[b-m66cbggxgz]  .menu-button-container > .d-flex {
    gap: 2px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-group {
    flex: 0 0 auto !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #5a7189 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn:hover {
    background: #e4edf6 !important;
    color: var(--lists-primary-strong) !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn:active {
    background: #d8e5f2 !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn:focus-visible {
    box-shadow: var(--lists-focus-ring) !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn.menu-action-new {
    width: auto !important;
    min-width: 0 !important;
    gap: 7px !important;
    margin-left: 8px !important;
    padding: 0 16px !important;
    border: 0 !important;
    background: var(--lists-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(0, 73, 135, .2) !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn.menu-action-new:hover {
    background: var(--lists-primary-strong) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 73, 135, .26) !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn img {
    display: none !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-action-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: inherit;
    font-size: 16px;
    line-height: 1;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-action-new .menu-action-icon {
    color: #ffffff;
}

.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn.menu-action-eliminar:hover,
.lists-grid-actions[b-m66cbggxgz]  .menuItemBase.btn.menu-action-deleteimport:hover {
    background: #fdebe9 !important;
    color: #d92d20 !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.lists-grid-actions[b-m66cbggxgz]  .menu-action-new .menu-caption {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.lists-grid-error[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #f0c9d1;
    border-radius: var(--lists-radius);
    background: #fdf2f4;
    box-shadow: var(--lists-shadow-card);
}

/* Shown when the API cut the list at the configured ceiling. It is a notice, not an error: the same
   layout as the error banner, in the warning tone. */
.lists-grid-truncated[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    margin-bottom: 8px;
    padding: 10px 14px;
    border: 1px solid #f0dcb4;
    border-radius: var(--lists-radius);
    background: #fdf8ec;
    box-shadow: var(--lists-shadow-card);
}

.lists-grid-truncated-icon[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f8edd2;
    color: #9a6400;
    font-size: 14px;
}

.lists-grid-truncated-copy[b-m66cbggxgz] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 2px;
}

.lists-grid-truncated-copy strong[b-m66cbggxgz] {
    color: #7a5000;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.lists-grid-truncated-copy span[b-m66cbggxgz] {
    color: #8a6516;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
}

.lists-grid-error-icon[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f8dde2;
    color: #a3243b;
    font-size: 14px;
}

.lists-grid-error-copy[b-m66cbggxgz] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 2px;
}

.lists-grid-error-copy strong[b-m66cbggxgz] {
    color: #7f1d2d;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.lists-grid-error-copy span[b-m66cbggxgz] {
    overflow: hidden;
    color: #945660;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.lists-grid-error[b-m66cbggxgz]  .lists-grid-error-retry {
    flex: 0 0 auto;
    border-color: #e3b3bd;
    background: #ffffff;
    color: #7f1d2d;
    font-weight: 700;
    white-space: nowrap;
}

.lists-grid-kpi-bar[b-m66cbggxgz] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    gap: 8px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.lists-grid-kpi[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: 11px;
    min-width: 176px;
    max-width: 300px;
    min-height: 56px;
    padding: 8px 18px 8px 12px;
    border: 1px solid var(--lists-card-border);
    border-radius: var(--lists-radius);
    background: #ffffff;
    box-shadow: var(--lists-shadow-card);
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}

.lists-grid-kpi:hover[b-m66cbggxgz] {
    border-color: #d3e2f2;
    box-shadow: var(--lists-shadow-card-hover);
    transform: translateY(-1px);
}

.lists-grid-kpi-icon[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f4f8fc;
    color: #536b84;
    font-size: 14px;
}

.lists-grid-kpi-copy[b-m66cbggxgz] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.lists-grid-kpi-copy span[b-m66cbggxgz] {
    overflow: hidden;
    color: var(--lists-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.lists-grid-kpi-copy strong[b-m66cbggxgz] {
    overflow: hidden;
    color: var(--lists-primary-strong);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lists-grid-kpi-records .lists-grid-kpi-icon[b-m66cbggxgz] {
    background: #eef4fb;
    color: var(--lists-primary);
}

.lists-grid-kpi-count .lists-grid-kpi-icon[b-m66cbggxgz] {
    background: #eef8ff;
    color: #0673b7;
}

.lists-grid-kpi-sum .lists-grid-kpi-icon[b-m66cbggxgz] {
    background: #f0fdf6;
    color: #0f7d68;
}

.lists-grid-kpi-avg .lists-grid-kpi-icon[b-m66cbggxgz] {
    background: #fff7ed;
    color: #c05621;
}

.lists-grid-kpi-min .lists-grid-kpi-icon[b-m66cbggxgz],
.lists-grid-kpi-max .lists-grid-kpi-icon[b-m66cbggxgz] {
    background: #f5f3ff;
    color: #6941c6;
}

.lists-popup-actions[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    margin: 2px -18px -18px;
    padding: 14px 18px 16px;
    border-top: 1px solid #edf3fb;
    background: #fbfdff;
}

[b-m66cbggxgz] .lists-config-popup .dxbl-popup,
[b-m66cbggxgz] .lists-config-popup .dxbs-popup,
[b-m66cbggxgz] .lists-config-popup .modal-content {
    width: min(560px, calc(100vw / var(--jump-zoom, 1) - 32px)) !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 70px rgba(15, 34, 58, .2) !important;
    overflow: hidden !important;
}

[b-m66cbggxgz] .lists-config-popup .dxbl-popup-header,
[b-m66cbggxgz] .lists-config-popup .dxbs-popup-header,
[b-m66cbggxgz] .lists-config-popup .modal-header {
    min-height: 42px !important;
    padding: 11px 18px !important;
    border-bottom: 1px solid #edf3fb !important;
    background: #ffffff !important;
    color: var(--lists-primary-strong) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

[b-m66cbggxgz] .lists-config-popup .dxbl-popup-body,
[b-m66cbggxgz] .lists-config-popup .dxbs-popup-body,
[b-m66cbggxgz] .lists-config-popup .modal-body {
    padding: 0 !important;
    background: #ffffff !important;
}

.lists-config-dialog[b-m66cbggxgz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    background: #ffffff;
    color: var(--lists-text);
}

.lists-config-dialog-intro[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 2px;
}

.lists-config-dialog-icon[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eef6ff;
    color: var(--lists-primary);
    font-size: 16px;
}

.lists-config-dialog-copy[b-m66cbggxgz] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lists-config-dialog-eyebrow[b-m66cbggxgz] {
    color: var(--lists-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.lists-config-dialog-copy h2[b-m66cbggxgz] {
    margin: 0;
    color: var(--lists-primary-strong);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
}

.lists-config-dialog-copy p[b-m66cbggxgz] {
    margin: 0;
    color: var(--lists-muted);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
}

.lists-config-field[b-m66cbggxgz] {
    display: grid;
    gap: 7px;
}

.lists-config-field label[b-m66cbggxgz] {
    margin: 0;
    color: var(--lists-muted);
    font-size: 12px;
    font-weight: 800;
}

.lists-config-field-shell[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100% !important;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #d8e4f0;
    border-radius: 8px;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 34, 58, .04);
    transition: border-color .16s ease, box-shadow .16s ease;
}

.lists-config-field-shell .fas[b-m66cbggxgz] {
    flex: 0 0 auto;
    color: #7d90a7;
    font-size: 13px;
}

.lists-config-field-shell:hover[b-m66cbggxgz] {
    border-color: #c8daee;
}

.lists-config-field-shell:focus-within[b-m66cbggxgz] {
    border-color: #9cc4f2;
    box-shadow: var(--lists-focus-ring);
}

.lists-config-field-shell[b-m66cbggxgz]  .lists-config-name-input,
.lists-config-field-shell[b-m66cbggxgz]  .dxbl-text-edit,
.lists-config-field-shell[b-m66cbggxgz]  .dxbs-textbox {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.lists-config-field-shell[b-m66cbggxgz]  input,
.lists-config-field-shell[b-m66cbggxgz]  .dxbl-edit-input {
    min-height: 30px !important;
    padding: 0 !important;
    color: var(--lists-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.lists-config-options[b-m66cbggxgz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.lists-config-option[b-m66cbggxgz] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #e2ebf5;
    border-radius: 8px;
    background: #ffffff;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.lists-config-option:hover[b-m66cbggxgz] {
    border-color: #cfe0f1;
    background: #fbfdff;
    box-shadow: 0 1px 2px rgba(15, 34, 58, .04);
}

.lists-config-option-icon[b-m66cbggxgz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 13px;
}

.lists-config-option-icon-share[b-m66cbggxgz] {
    background: #eef8ff;
    color: #0673b7;
}

.lists-config-option-icon-default[b-m66cbggxgz] {
    background: #fff7ed;
    color: #c05621;
}

.lists-config-option-icon-base[b-m66cbggxgz] {
    background: #f5f3ff;
    color: #6941c6;
}

.lists-config-checkbox[b-m66cbggxgz] {
    margin: 0 0 0 8px;
}

.lists-config-option-copy[b-m66cbggxgz] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.lists-config-option-copy strong[b-m66cbggxgz] {
    color: var(--lists-primary-strong);
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.2;
}

.lists-config-option-copy span[b-m66cbggxgz] {
    color: var(--lists-muted);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.25;
}

.lists-config-cancel-button[b-m66cbggxgz],
.lists-config-save-button[b-m66cbggxgz],
.lists-popup-actions[b-m66cbggxgz]  .lists-config-cancel-button,
.lists-popup-actions[b-m66cbggxgz]  .lists-config-save-button {
    min-width: 96px;
    min-height: 36px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.lists-config-cancel-button[b-m66cbggxgz],
.lists-popup-actions[b-m66cbggxgz]  .lists-config-cancel-button {
    border-color: #d8e4f0 !important;
    background: #ffffff !important;
    color: var(--lists-primary-strong, #00366a) !important;
}

.lists-config-cancel-button:hover[b-m66cbggxgz],
.lists-popup-actions[b-m66cbggxgz]  .lists-config-cancel-button:hover {
    border-color: #c8daee !important;
    background: #f7fafd !important;
}

.lists-popup-actions[b-m66cbggxgz]  .lists-config-save-button.custom-button {
    border-color: var(--lists-primary, #004987) !important;
    border-radius: 8px !important;
    background: var(--lists-primary, #004987) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 14px rgba(0, 73, 135, .18) !important;
}

.lists-popup-actions[b-m66cbggxgz]  .lists-config-save-button.custom-button:hover {
    border-color: var(--lists-primary-strong, #00366a) !important;
    background: var(--lists-primary-strong, #00366a) !important;
    box-shadow: 0 7px 18px rgba(0, 73, 135, .24) !important;
}

.lists-grid-frame[b-m66cbggxgz] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    border: 1px solid var(--lists-card-border);
    border-radius: var(--lists-radius);
    background: #ffffff;
    box-shadow: var(--lists-shadow-card);
    overflow: hidden !important;
}

.lists-grid-body[b-m66cbggxgz] {
    --jump-grid-fill-body-padding: 0;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden;
}

.lists-grid-body .jump-grid-fill-area[b-m66cbggxgz],
.lists-grid-body .jump-grid-fill-wrap[b-m66cbggxgz] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
}

.lists-grid-body .jump-grid-fill-area[b-m66cbggxgz] {
    overflow: hidden !important;
}

.lists-grid-body .jump-grid-fill-wrap[b-m66cbggxgz] {
    overflow: hidden !important;
}

.lists-grid-footer[b-m66cbggxgz] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 24px;
    padding: 0 6px 2px;
    border: 0;
    background: transparent;
}

.lists-grid-footer-left[b-m66cbggxgz],
.lists-grid-footer-right[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.lists-grid-footer-left[b-m66cbggxgz] {
    flex: 1 1 auto;
}

.lists-grid-selection-summary[b-m66cbggxgz] {
    justify-content: flex-start;
    gap: 6px;
    color: #365a7d;
}

.lists-grid-selection-summary strong[b-m66cbggxgz] {
    color: #0f6b57;
    font-variant-numeric: tabular-nums;
}

.lists-grid-selection-summary strong + .lists-grid-selection-label[b-m66cbggxgz] {
    margin-left: 8px;
}

.lists-grid-footer-right[b-m66cbggxgz] {
    flex: 0 0 auto;
}

.lists-grid-total-records[b-m66cbggxgz],
.lists-grid-footer .lists-grid-last-update[b-m66cbggxgz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 18px;
    min-width: 0;
    overflow: hidden;
    color: #6f7f93;
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists-grid-total-records .oi[b-m66cbggxgz],
.lists-grid-footer .lists-grid-last-update .oi[b-m66cbggxgz] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    color: var(--lists-accent);
    font-size: 10px;
    line-height: 1;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-header,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-header-row,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-filter-row,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .dxbs-grid-header,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .dxbs-grid-header-row,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .dxbs-grid-filter-row,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="header" i],
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="filter-row" i],
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="filterrow" i] {
    flex: 0 0 auto !important;
    min-height: unset !important;
    overflow: visible !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-scroll-viewer,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-content,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-table-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > .dxbl-grid-data-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .card,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .dxbs-grid-content,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > .dxbs-grid-data-container,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="scroll" i],
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="content" i],
.lists-grid-frame[b-m66cbggxgz]  .lists-grid > [class*="data" i] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > [class*="search" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > [class*="toolbar" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > [class*="group-panel" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > [class*="GroupPanel"],
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > [class*="search" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > [class*="toolbar" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > [class*="group-panel" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > [class*="GroupPanel"],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-toolbar-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-search-panel,
.lists-grid-frame[b-m66cbggxgz]  [class*="search-box" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="searchbox" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-body > .dxbs-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  [class*="group-panel" i] {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    max-height: none !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--lists-line) !important;
    background: #fbfdff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 4;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-toolbar-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-toolbar,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-search-panel,
.lists-grid-frame[b-m66cbggxgz]  [class*="search-box" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="searchbox" i] {
    justify-content: flex-end !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-body > .dxbs-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  [class*="group-panel" i] {
    justify-content: flex-start !important;
}

.lists-grid-frame[b-m66cbggxgz]  [class*="search" i] input,
.lists-grid-frame[b-m66cbggxgz]  [class*="search" i] .dxbl-text-edit,
.lists-grid-frame[b-m66cbggxgz]  [class*="search" i] .dxbs-textbox,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-toolbar-container input,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-toolbar input,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box-container input,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box input,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-search-panel input,
.lists-grid-frame[b-m66cbggxgz]  [class*="search-box" i] input,
.lists-grid-frame[b-m66cbggxgz]  [class*="searchbox" i] input {
    min-height: 30px !important;
    border-radius: 7px !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid > [class*="search" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid > [class*="search" i],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box-container,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-search-box,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-search-panel,
.lists-grid-frame[b-m66cbggxgz]  [class*="search-box" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="searchbox" i] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.lists-grid-frame[b-m66cbggxgz]  [class*="group-panel" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="GroupPanel"],
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-group-panel,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-group-panel {
    color: var(--lists-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-header-row,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-header,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-header,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-header-row {
    background: #ffffff !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-filter-row {
    background: #f7fafd !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row > td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-filter-row > td {
    padding: 5px 8px !important;
    border-bottom: 1px solid #e6eef6 !important;
    background: #f7fafd !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-text-edit,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-date-edit,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-spin-edit,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-combobox,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-filter-row .dxbs-textbox,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-filter-row .form-control {
    min-height: 27px !important;
    border: 1px solid #dbe6f2 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-text-edit:hover,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-date-edit:hover,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-spin-edit:hover,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-combobox:hover {
    border-color: #b9d2f4 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-text-edit:focus-within,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-date-edit:focus-within,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-spin-edit:focus-within,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row .dxbl-combobox:focus-within {
    border-color: #9cc4f2 !important;
    background: #ffffff !important;
    box-shadow: var(--lists-focus-ring) !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-row input {
    font-size: 12px !important;
    color: var(--lists-text) !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid table,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid table,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table {
    min-width: 100% !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-pager,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-pager {
    flex: 0 0 auto !important;
    padding: 4px 10px !important;
    border-top: 1px solid var(--lists-line) !important;
    background: #fbfdff !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-pager .dxbl-pager-page-button,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-pager .dxbl-btn,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-pager .btn {
    border-radius: 7px !important;
}

.lists-grid-frame[b-m66cbggxgz]  *::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.lists-grid-frame[b-m66cbggxgz]  *::-webkit-scrollbar-track {
    background: transparent;
}

.lists-grid-frame[b-m66cbggxgz]  *::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background-color: #c4d4e6;
    background-clip: content-box;
}

.lists-grid-frame[b-m66cbggxgz]  *::-webkit-scrollbar-thumb:hover {
    background-color: #a4bcd6;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer,
.lists-grid-frame[b-m66cbggxgz]  [class*="total-footer" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="summary-footer" i] {
    flex: 0 0 auto !important;
    border-top: 1px solid #dce9f7 !important;
    border-bottom: 1px solid #edf3fb !important;
    background: #fbfdff !important;
    color: #365a7d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: none;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer table,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer table,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer table,
.lists-grid-frame[b-m66cbggxgz]  [class*="total-footer" i] table,
.lists-grid-frame[b-m66cbggxgz]  [class*="summary-footer" i] table {
    margin: 0 !important;
    background: transparent !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer tr,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer tr,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer tr,
.lists-grid-frame[b-m66cbggxgz]  tfoot tr,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="footer" i],
.lists-grid-frame[b-m66cbggxgz]  tr[class*="total" i] {
    background: transparent !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer td,
.lists-grid-frame[b-m66cbggxgz]  tfoot td,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="footer" i] > td,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="total" i] > td {
    height: 32px !important;
    min-height: 32px !important;
    padding: 3px 8px !important;
    border-color: #edf3fb !important;
    background: transparent !important;
    color: #365a7d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  tfoot td > *,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="footer" i] > td > *,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="total" i] > td > * {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100%;
    min-height: 20px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #365a7d !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-overflow: ellipsis;
    box-shadow: none;
    font-variant-numeric: tabular-nums;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer td:empty,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer td:empty,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer td:empty,
.lists-grid-frame[b-m66cbggxgz]  tfoot td:empty {
    background: transparent !important;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-footer,
.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-height: 36px;
    max-height: none;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-top: 1px solid var(--lists-line) !important;
    background: #fbfdff;
    box-shadow: none;
    overflow: visible;
    scrollbar-width: thin;
    z-index: 4;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-chip,
.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 > .d-flex.align-items-center.border.rounded {
    flex: 0 1 auto;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    min-height: 28px;
    margin: 0 !important;
    padding: 3px 6px !important;
    border-color: #d6e5f5 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none;
    white-space: normal !important;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-chip > *,
.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 > .d-flex.align-items-center.border.rounded > * {
    flex: 0 1 auto;
    min-width: 0;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-remove-wrap {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 2px;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-column {
    background: #e7f2ff !important;
    color: var(--lists-primary-strong) !important;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-operator {
    color: #637895 !important;
    font-size: 11px;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-value {
    background: #eaf8f2 !important;
    color: #0f6b57 !important;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-color-value {
    border: 1px solid rgba(16, 42, 84, .12);
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-separator {
    color: #9aaabe !important;
    font-size: 10px;
}

.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 .badge {
    display: inline-flex;
    align-items: center;
    max-width: min(52ch, 100%);
    overflow: hidden;
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-remove,
.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 .btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    border-color: #f2b8b5 !important;
    border-radius: 999px;
    background: #fff6f5 !important;
    color: #d92d20 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-remove i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 12px;
    line-height: 1;
    pointer-events: none;
}

.lists-grid-body[b-m66cbggxgz]  .grid-rule-remove:hover,
.lists-grid-body[b-m66cbggxgz]  .border-top.d-flex.flex-wrap.align-items-center.small.gap-1 .btn:hover {
    border-color: #d92d20 !important;
    background: #fff1f0 !important;
    color: #b42318 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-vert-scroll-bar {
    right: 0 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-hor-scroll-bar,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-vert-scroll-bar {
    background: transparent !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-hor-scroll-bar > div,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-vert-scroll-bar > div,
.lists-grid-frame[b-m66cbggxgz]  [class*="scroll-thumb" i] {
    border-radius: 999px !important;
    background: #c4d4e6 !important;
    opacity: .85;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-hor-scroll-bar > div:hover,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer-vert-scroll-bar > div:hover,
.lists-grid-frame[b-m66cbggxgz]  [class*="scroll-thumb" i]:hover {
    background: #a4bcd6 !important;
    opacity: 1;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-scroll-viewer {
    scrollbar-width: thin;
    scrollbar-color: #c4d4e6 transparent;
}

.lists-grid-frame[b-m66cbggxgz]  .myRow td,
.lists-grid-frame[b-m66cbggxgz]  .myRow th {
    height: 32px !important;
    min-height: 32px !important;
    padding: 3px 9px !important;
    line-height: 24px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > th {
    text-align: center !important;
    vertical-align: middle !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell {
    height: 32px !important;
    min-height: 32px !important;
    color: #24496b !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-text-cell {
    text-align: left !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-number-cell {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-date-cell {
    text-align: left !important;
    font-variant-numeric: tabular-nums;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-code-cell {
    text-align: center !important;
}

.lists-grid-frame[b-m66cbggxgz]  .lists-grid-boolean-cell {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.lists-grid-frame[b-m66cbggxgz]  .lists-grid-row-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

/* Static replacement for the disabled DxCheckBox in read-only boolean cells. */
.lists-grid-frame[b-m66cbggxgz]  .lists-grid-readonly-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #b9cadd;
    border-radius: 3px;
    background: #fbfdff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    color: #ffffff;
}

.lists-grid-frame[b-m66cbggxgz]  .lists-grid-readonly-checkbox.is-checked {
    background: #3c5a78;
    border-color: #3c5a78;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-text-cell {
    color: #163a5c !important;
    font-weight: 600 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .jump-cell-content {
    display: flex !important;
    align-items: center !important;
    gap: 4px;
    min-width: 0;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-cell-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-search-highlight {
    display: inline;
    padding: 0 2px;
    border-radius: 3px;
    background: #fff2a8;
    color: inherit;
    box-shadow: inset 0 -1px 0 rgba(190, 140, 0, .3);
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell .jump-cell-content,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-date-cell .jump-cell-content {
    justify-content: flex-start !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell .jump-cell-content {
    justify-content: flex-end !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-code-cell .jump-cell-content {
    justify-content: center !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .form-control,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbs-textbox,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbl-text-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbs-date-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbl-date-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbs-spin-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .dxbl-spin-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell .ctlf4-native-editor,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell input {
    text-align: center !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell .form-control,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell .dxbs-textbox,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell .dxbl-text-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell input {
    text-align: left !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell .form-control,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell .dxbs-textbox,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell .dxbl-text-edit,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell input {
    text-align: right !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover > th {
    background: #f5faff !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:focus-within .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-focused-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-focused-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-selected-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-selected-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="selected" i] .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="focused" i] .jump-grid-data-cell {
    background: #eef6ff !important;
    box-shadow: inset 0 1px 0 #d7e8fb, inset 0 -1px 0 #d7e8fb !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:focus-within > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-focused-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-focused-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-selected-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-selected-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="selected" i] > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="focused" i] > td:first-child {
    box-shadow: inset 3px 0 0 #2f80c8, inset 0 1px 0 #d7e8fb, inset 0 -1px 0 #d7e8fb !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell,
.lists-grid-frame[b-m66cbggxgz]  th.jump-grid-header-cell,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-header-row > th,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-header-row > th {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-right: 1px solid #e3edf6 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #d7e4f0 !important;
    background: linear-gradient(180deg, #f9fbfd, #f2f7fb) !important;
    color: #3c5a78 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell .dxbl-grid-header-content,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell [class*="caption" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell [class*="text" i] {
    color: inherit !important;
    font: inherit !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell svg,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell .oi,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell [class*="filter" i] {
    color: #8299b0 !important;
    opacity: .85 !important;
    transition: color .14s ease, opacity .14s ease;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell:hover,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-header-row > th:hover {
    background: #f1f6fb !important;
    color: #2d4a68 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell:hover svg,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell:hover .oi,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell:hover [class*="filter" i] {
    color: var(--lists-primary) !important;
    opacity: 1 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .myRow td,
.lists-grid-frame[b-m66cbggxgz]  .myRow th,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > th {
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    border-right: 1px solid #f0f5fa !important;
    border-left: 0 !important;
    border-bottom: 1px solid #f0f5fa !important;
    background: #ffffff !important;
    color: #2c4a66 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    transition: background-color .12s ease;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:nth-child(even) > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:nth-child(even) > th {
    background: #fafcfe !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:hover > th {
    background: #eef6fe !important;
    color: #163a5c !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:focus-within .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-focused-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-focused-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-selected-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-selected-row .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="selected" i] .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="focused" i] .jump-grid-data-cell {
    background: #eaf4ff !important;
    box-shadow: inset 0 1px 0 #cfe4fb, inset 0 -1px 0 #cfe4fb !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row:focus-within > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-focused-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-focused-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbl-selected-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row.dxbs-selected-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="selected" i] > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row[class*="focused" i] > td:first-child {
    box-shadow: inset 3px 0 0 var(--lists-primary), inset 0 1px 0 #cfe4fb, inset 0 -1px 0 #cfe4fb !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-edit-row > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-edit-row > th,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-edit-row .jump-grid-data-cell {
    background: #f8fbff !important;
    box-shadow: inset 0 1px 0 #9fc7ee, inset 0 -1px 0 #9fc7ee !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-edit-row > td:first-child,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-edit-row > th:first-child {
    box-shadow: inset 3px 0 0 var(--lists-primary), inset 0 1px 0 #9fc7ee, inset 0 -1px 0 #9fc7ee !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-conditional-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-conditional-cell .jump-cell-content,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell.jump-grid-conditional-cell .jump-cell-text,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color"] {
    font-weight: 700 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color"] {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: calc(100% + 28px) !important;
    margin: -8px -14px !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:red" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: red" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:#f00" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: #f00" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:#ff0000" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: #ff0000" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:rgb(255,0,0)" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: rgb(255, 0, 0)" i] {
    background-color: #fde8ec !important;
    color: #7f1d2d !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:yellow" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: yellow" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:#ff0" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: #ff0" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:#ffff00" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: #ffff00" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color:rgb(255,255,0)" i],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell > div[style*="background-color: rgb(255, 255, 0)" i] {
    background-color: #f8edd2 !important;
    color: #9a6400 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-text-cell > div[style*="background-color"],
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-date-cell > div[style*="background-color"] {
    justify-content: flex-start !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-number-cell > div[style*="background-color"] {
    justify-content: flex-end !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-code-cell > div[style*="background-color"] {
    justify-content: center !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-cell,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > td,
.lists-grid-frame[b-m66cbggxgz]  .jump-grid-data-row > th,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table td,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid table td {
    border-left: 0 !important;
    border-right: 1px solid #f0f5fa !important;
}

.lists-grid-frame[b-m66cbggxgz]  .jump-grid-header-cell,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table th,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table th,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid table th {
    border-left: 0 !important;
    border-right: 1px solid #e3edf6 !important;
}

.lists-grid-frame[b-m66cbggxgz]  [data-list-cell].lists-grid-cell-selected {
    background-color: #dceeff !important;
    box-shadow: inset 0 0 0 1px #6da9dc !important;
    cursor: cell;
}

.lists-grid-frame[b-m66cbggxgz]  [data-list-cell].lists-grid-cell-selected * {
    background-color: transparent !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table td:last-child,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-table th:last-child,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table td:last-child,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-table th:last-child,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid table td:last-child,
.lists-grid-frame[b-m66cbggxgz]  .lists-grid table th:last-child {
    border-right: 0 !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer,
.lists-grid-frame[b-m66cbggxgz]  [class*="total-footer" i],
.lists-grid-frame[b-m66cbggxgz]  [class*="summary-footer" i] {
    border-top: 2px solid #d7e4f0 !important;
    border-bottom: 0 !important;
    background: #f7fafd !important;
    color: #3c5a78 !important;
    box-shadow: none !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer td,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer td,
.lists-grid-frame[b-m66cbggxgz]  tfoot td,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="footer" i] > td,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="total" i] > td {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 14px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: #e6eef6 !important;
    background: transparent !important;
    color: #0f6b57 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-total-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-grid-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  .dxbs-gridview .card-footer td > *,
.lists-grid-frame[b-m66cbggxgz]  tfoot td > *,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="footer" i] > td > *,
.lists-grid-frame[b-m66cbggxgz]  tr[class*="total" i] > td > * {
    min-height: 0;
    padding: 0;
    background: transparent;
    color: #0f6b57 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    justify-content: flex-end !important;
    text-align: right !important;
    box-shadow: none;
}

.lists-page[b-m66cbggxgz]  .custom-button {
    border-color: var(--lists-primary) !important;
    border-radius: 6px !important;
    background-color: var(--lists-primary) !important;
    color: #ffffff !important;
}

.lists-page[b-m66cbggxgz]  .custom-button:hover {
    border-color: var(--lists-primary-strong) !important;
    background-color: var(--lists-primary-strong) !important;
}

.listas_jump[b-m66cbggxgz] {
    position: fixed;
    z-index: 4000;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 220px;
    max-width: calc(100vw / var(--jump-zoom, 1) - 16px);
    padding: 6px;
    border: 1px solid var(--lists-line);
    border-radius: 11px;
    background-color: #ffffff;
    box-shadow: 0 16px 40px rgba(20, 47, 87, .2);
    overflow: hidden;
    animation: lists-menu-in-b-m66cbggxgz .14s ease;
}

@keyframes lists-menu-in-b-m66cbggxgz {
    from {
        opacity: 0;
        transform: translateY(4px) scale(.98);
    }

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

.listas_jump button[b-m66cbggxgz] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 34px;
    padding: 8px 12px;
    border: 0;
    border-radius: 6px;
    background-color: transparent;
    color: var(--lists-text);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    transition: background-color .14s ease, color .14s ease;
    white-space: nowrap;
}

.listas_jump button:hover[b-m66cbggxgz] {
    background-color: #edf6ff;
    color: var(--lists-primary-strong);
}

@media (max-width: 1120px) {
    .lists-grid-topbar[b-m66cbggxgz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lists-grid-heading[b-m66cbggxgz] {
        width: 100%;
    }

    .lists-grid-global-search[b-m66cbggxgz] {
        max-width: none;
    }

    .lists-grid-header-actions[b-m66cbggxgz] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 760px) {
    .lists-page[b-m66cbggxgz] {
        height: calc(100dvh / var(--jump-zoom, 1) - 50px);
        max-height: calc(100dvh / var(--jump-zoom, 1) - 50px);
        min-height: 0;
    }

    .lists-grid-header-actions[b-m66cbggxgz],
    .lists-grid-config[b-m66cbggxgz] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .lists-grid-heading[b-m66cbggxgz] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .lists-grid-global-search[b-m66cbggxgz] {
        width: 100%;
        min-width: 0;
    }

    .lists-grid-config[b-m66cbggxgz] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lists-grid-actions[b-m66cbggxgz] {
        width: 100%;
    }

    .lists-grid-panel[b-m66cbggxgz] {
        min-height: 0;
    }
}


/* Advanced filter panel: DevExpress's default layout, only with the app's palette */
.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-panel {
    border-top: 1px solid var(--lists-line);
    background: #fbfdff;
    color: var(--lists-muted);
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-panel a {
    color: var(--lists-primary);
    font-weight: 600;
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-panel a:hover {
    color: var(--lists-primary-strong);
}

.lists-grid-frame[b-m66cbggxgz]  .dxbl-grid-filter-panel .dxbl-btn:hover {
    color: #d92d20;
}
/* /Products/Geral/Extensibilidade/Marketplace/Components/MarketplacePurchaseDialog.razor.rz.scp.css */
/* Purchase summary as a compact definition list; the price row is the only accented one. */
.marketplace-purchase-summary[b-7p8o6p1kal] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0;
}

.marketplace-purchase-summary div[b-7p8o6p1kal] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.marketplace-purchase-summary dt[b-7p8o6p1kal] {
    color: #6c819f;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.marketplace-purchase-summary dd[b-7p8o6p1kal] {
    margin: 0;
    color: #1f2d45;
    font-size: 13px;
    font-weight: 600;
}

.marketplace-purchase-summary dd small[b-7p8o6p1kal] {
    color: #6c819f;
    font-weight: 700;
}

.marketplace-purchase-summary .is-price dd[b-7p8o6p1kal] {
    color: #0057b8;
    font-size: 15px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.marketplace-purchase-check[b-7p8o6p1kal] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
}

.marketplace-purchase-check input[b-7p8o6p1kal] {
    margin-top: 3px;
}

.marketplace-purchase-check strong[b-7p8o6p1kal] {
    display: block;
    color: #1f2d45;
    font-size: 13px;
}

.marketplace-purchase-check small[b-7p8o6p1kal] {
    display: block;
    margin-top: 2px;
    color: #6c819f;
    font-size: 11.5px;
    line-height: 1.45;
}

.marketplace-purchase-note[b-7p8o6p1kal] {
    display: flex;
    gap: 8px;
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

.marketplace-purchase-note .oi[b-7p8o6p1kal] {
    flex: 0 0 auto;
    margin-top: 2px;
}

@media (max-width: 520px) {
    .marketplace-purchase-summary[b-7p8o6p1kal] {
        grid-template-columns: 1fr;
    }
}
/* /Products/Geral/Extensibilidade/Marketplace/Components/MarketplaceSubmissionDialog.razor.rz.scp.css */
/* Form fields come from the shared jump-dialog-field style; only the price hint and the notes are local. */
.marketplace-submission-price small[b-ond07nha5a] {
    display: block;
    margin-top: 4px;
    color: #6c819f;
    font-size: 11.5px;
    line-height: 1.45;
}

.marketplace-submission-note[b-ond07nha5a] {
    display: flex;
    gap: 8px;
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

.marketplace-submission-note .oi[b-ond07nha5a] {
    flex: 0 0 auto;
    margin-top: 2px;
}

.marketplace-submission-error[b-ond07nha5a] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 0;
    color: #a12b2b;
    font-size: 12.5px;
    font-weight: 700;
}

.marketplace-preview-status[b-ond07nha5a] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.4;
}

.marketplace-preview-status.is-ok[b-ond07nha5a] { color: #237a4b; }
.marketplace-preview-status.is-error[b-ond07nha5a] { color: #a12b2b; font-weight: 700; }
/* /Products/Geral/Extensibilidade/Marketplace/Pages/Marketplace.razor.rz.scp.css */
/* Marketplace gallery: the same card family as the Extensões portal (Plugins.razor.css) so the two
   pages read as one area. Neutral surfaces; the price and the primary "Comprar" are the only accents.
   The pill family is repeated because scoped CSS does not cross components. */
.marketplace-page[b-hjue1z8gy9] {
    position: relative;
    isolation: isolate;
    background: #f5f9fe url('/images/marketplace-transport-tech-bg.png') center top / 100% 620px no-repeat;
    border-radius: 12px;
}

.marketplace-page[b-hjue1z8gy9]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(
        to bottom,
        rgba(245, 249, 254, .18) 0%,
        rgba(245, 249, 254, .22) 48%,
        rgba(245, 249, 254, .72) 76%,
        #f5f9fe 100%
    );
    content: '';
    pointer-events: none;
}

.marketplace-note[b-hjue1z8gy9] {
    margin: 12px 0 0;
    font-size: 12.5px;
}

.marketplace-toolbar[b-hjue1z8gy9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.marketplace-filters[b-hjue1z8gy9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.marketplace-filter[b-hjue1z8gy9] {
    padding: 4px 12px;
    border: 1px solid #dfe7f1;
    border-radius: 14px;
    background: rgba(255, 255, 255, .68);
    color: #3d5170;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.marketplace-filter:hover[b-hjue1z8gy9] {
    border-color: #0057b8;
    color: #0057b8;
}

.marketplace-filter.is-active[b-hjue1z8gy9] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

.marketplace-synced[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    white-space: nowrap;
}

.marketplace-gallery[b-hjue1z8gy9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 10px;
    margin-top: 12px;
    align-items: start;
}

.marketplace-card[b-hjue1z8gy9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #dfe7f1;
    border-radius: 10px;
    background: #fff;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.marketplace-card:hover[b-hjue1z8gy9] {
    border-color: #c4d3e8;
    box-shadow: 0 4px 14px rgba(16, 42, 84, .06);
}

.marketplace-card.is-purchased[b-hjue1z8gy9] {
    background: rgba(250, 253, 251, .68);
}

.marketplace-card.is-own[b-hjue1z8gy9] {
    background: rgba(250, 252, 255, .68);
}

.marketplace-card-header[b-hjue1z8gy9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.marketplace-card-heading[b-hjue1z8gy9] {
    flex: 1 1 auto;
    min-width: 0;
}

.marketplace-card-title-row[b-hjue1z8gy9] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.marketplace-card-title[b-hjue1z8gy9] {
    margin: 0;
    overflow: hidden;
    color: #1f2d45;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-card-version[b-hjue1z8gy9] {
    flex: 0 0 auto;
    color: #6c819f;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.marketplace-card-pills[b-hjue1z8gy9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

/* The price sits where the Extensões card has its toolbar: same column, same weight. */
.marketplace-card-price[b-hjue1z8gy9] {
    flex: 0 0 auto;
    padding: 4px 10px;
    border-radius: 8px;
    background: #eef6ff;
    color: #0057b8;
    font-size: 13px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.marketplace-card-price-discounted[b-hjue1z8gy9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
}

.marketplace-card-price-list[b-hjue1z8gy9] {
    color: #6c819f;
    font-size: 11px;
    font-weight: 700;
    text-decoration: line-through;
}

.marketplace-card-summary[b-hjue1z8gy9] {
    margin: 0;
    color: #3d5170;
    font-size: 12.5px;
    line-height: 1.45;
}

.marketplace-card-meta[b-hjue1z8gy9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    margin: 0;
}

.marketplace-card-meta div[b-hjue1z8gy9] {
    display: flex;
    gap: 6px;
    align-items: baseline;
}

.marketplace-card-meta dt[b-hjue1z8gy9] {
    color: #6c819f;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.marketplace-card-meta dd[b-hjue1z8gy9] {
    margin: 0;
    color: #1f2d45;
    font-size: 12.5px;
}

.marketplace-card-footer[b-hjue1z8gy9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid #eef2f7;
}

.marketplace-card-footer .is-quiet[b-hjue1z8gy9] {
    margin-left: auto;
}

.marketplace-card-error[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #a12b2b;
    font-size: 11.5px;
    font-weight: 700;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.marketplace-card-error-under-price[b-hjue1z8gy9] {
    grid-column: 1 / -1;
    justify-self: end;
    margin-top: 3px;
}

.marketplace-error-detail[b-hjue1z8gy9] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: #7d2424;
    font-size: 13px;
    line-height: 1.5;
}

.marketplace-own-install[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #18794e;
    font-size: 12px;
    font-weight: 700;
}

.marketplace-own-install.is-pending[b-hjue1z8gy9] {
    color: #8a6500;
}

.marketplace-card-details p[b-hjue1z8gy9] {
    margin: 0 0 8px;
    color: #3d5170;
    font-size: 12.5px;
    line-height: 1.5;
    white-space: pre-line;
}

.marketplace-preview-gallery[b-hjue1z8gy9] { display: flex; gap: 8px; overflow-x: auto; margin: 0 0 10px; }
.marketplace-preview-image-button[b-hjue1z8gy9] { padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.marketplace-preview-gallery img[b-hjue1z8gy9] { width: 120px; height: 76px; object-fit: cover; border: 1px solid #d4e0ef; border-radius: 6px; }
.marketplace-preview-image-large[b-hjue1z8gy9] { position: relative; display: flex; justify-content: center; align-items: center; min-height: 300px; }
.marketplace-preview-image-large img[b-hjue1z8gy9] { max-width: 100%; max-height: 620px; object-fit: contain; }
.marketplace-preview-navigation[b-hjue1z8gy9] { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 12px; }
.marketplace-preview-nav-arrow[b-hjue1z8gy9] { position: absolute; top: 50%; z-index: 2; width: 52px; height: 52px; border: 1px solid #cbd9eb; border-radius: 50%; background: rgba(255,255,255,.94); color: #0057b8; font-size: 32px; line-height: 1; cursor: pointer; transform: translateY(-50%); box-shadow: 0 2px 10px rgba(16,42,84,.18); }
.marketplace-preview-nav-arrow:disabled[b-hjue1z8gy9] { opacity: .35; cursor: default; }
.marketplace-preview-nav-previous[b-hjue1z8gy9] { left: -26px; }
.marketplace-preview-nav-next[b-hjue1z8gy9] { right: -26px; }
.marketplace-card-price-button[b-hjue1z8gy9] { cursor: pointer; border: 0; }

/* Buttons: quiet outlined, primary filled, quiet text-only for "Detalhes". */
.marketplace-button[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 12px;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #3d5170;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.marketplace-button .oi[b-hjue1z8gy9] {
    font-size: 11px;
}

.marketplace-button:hover[b-hjue1z8gy9] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

.marketplace-button.is-primary[b-hjue1z8gy9] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.marketplace-button.is-primary:hover[b-hjue1z8gy9] {
    background: #004a9e;
}

.marketplace-button.is-quiet[b-hjue1z8gy9] {
    border-color: transparent;
    background: transparent;
    color: #6c819f;
}

.marketplace-button.is-quiet:hover[b-hjue1z8gy9] {
    background: #f4f6f9;
    color: #0057b8;
}

.marketplace-empty[b-hjue1z8gy9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 40px 20px;
    border: 1.5px dashed #c4d3e8;
    border-radius: 12px;
    background: #f8fafd;
    color: #1f2d45;
    text-align: center;
}

.marketplace-empty .oi[b-hjue1z8gy9] {
    color: #0057b8;
    font-size: 34px;
}

.marketplace-empty h2[b-hjue1z8gy9] {
    margin: 4px 0 0;
    font-size: 18px;
    font-weight: 800;
}

.marketplace-empty p[b-hjue1z8gy9] {
    max-width: 640px;
    margin: 0 0 8px;
    color: #557097;
    font-size: 13px;
}

/* Header actions, same as Plugins.razor.css. */
.marketplace-header-action[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    margin-left: 8px;
    padding: 6px 14px;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #3d5170;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.marketplace-header-action .oi[b-hjue1z8gy9] {
    font-size: 12px;
}

.marketplace-header-action:hover[b-hjue1z8gy9] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

.marketplace-header-action:disabled[b-hjue1z8gy9] {
    opacity: .6;
    cursor: default;
}

/* Pill family, repeated from Plugins.razor.css because the CSS is scoped. */
.plugin-pill[b-hjue1z8gy9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 7px;
    border-radius: 9px;
    background: #eef2f7;
    color: #3d5170;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.plugin-pill .oi[b-hjue1z8gy9] {
    font-size: 9px;
}

.plugin-pill.is-ok[b-hjue1z8gy9] {
    background: #e6f6ec;
    color: #1f7a3f;
}

.plugin-pill.is-warn[b-hjue1z8gy9] {
    background: #fff4d6;
    color: #8a5a00;
}

.plugin-pill.is-danger[b-hjue1z8gy9] {
    background: #fdecec;
    color: #a12b2b;
}

.plugin-pill.is-muted[b-hjue1z8gy9] {
    background: #f4f6f9;
    color: #6c819f;
}

@media (max-width: 520px) {
    .marketplace-toolbar[b-hjue1z8gy9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .marketplace-card-header[b-hjue1z8gy9] {
        flex-wrap: wrap;
    }
}
/* /Products/Geral/Extensibilidade/Plugins/Components/Host/PluginHostFrame.razor.rz.scp.css */
.plugin-host[b-vtlc5fcjtj] {
    margin-top: 12px;
    padding: 14px 16px 16px;
    border: 1.5px dashed #0057b8;
    border-radius: 10px;
    background: #eef6ff;
}

.plugin-host-compact[b-vtlc5fcjtj] {
    margin-top: 8px;
    padding: 10px 12px 12px;
}

.plugin-host-badge[b-vtlc5fcjtj] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    padding: 4px 9px;
    border: 1px solid #0057b8;
    border-radius: 999px;
    background: #fff;
    color: #0057b8;
    font-size: 10.5px;
    font-weight: 800;
}

.plugin-host-badge-contracts[b-vtlc5fcjtj] {
    font-weight: 600;
}

.plugin-host-note[b-vtlc5fcjtj] {
    margin: 0;
    font-size: 12.5px;
}

.plugin-host-content[b-vtlc5fcjtj] {
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff;
    color: #06245d;
    font-size: 14px;
    line-height: 1.5;
}

.plugin-host-compact .plugin-host-content[b-vtlc5fcjtj] {
    padding: 8px 10px;
}

/* Block components render inside this element, so ::deep reaches them. */
.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-title {
    margin: 0 0 8px;
    color: #003d8f;
    font-size: 18px;
    font-weight: 850;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-text {
    margin: 0 0 10px;
    white-space: pre-line;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-list {
    margin: 0 0 10px;
    padding-left: 20px;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-card {
    margin: 0 0 12px;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-section {
    margin: 0 0 12px;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-form-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-form-message {
    color: #557097;
    font-size: 12px;
    font-weight: 600;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-table {
    margin: 0 0 12px;
}

.plugin-host-content[b-vtlc5fcjtj]  .plugin-block-source-status {
    margin: 0 0 6px;
    font-size: 12px;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/Host/PluginPlacementHost.razor.rz.scp.css */
.plugin-placement-status[b-dr9jj7e12y] {
    margin: 8px 0 0;
    font-size: 12.5px;
}

/* Several plugins on the same extension point stack with a small gap. */
[b-dr9jj7e12y] .plugin-placement-host + .plugin-placement-host {
    margin-top: 10px;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/Host/PluginWasmHost.razor.rz.scp.css */
.plugin-wasm-frame[b-8rwan2z4uj] {
    display: block;
    width: 100%;
    min-height: 120px;
    border: 0;
    border-radius: 6px;
    background: #fff;
}

.plugin-wasm-error[b-8rwan2z4uj] {
    margin: 0;
    font-size: 12.5px;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginCreateDialog.razor.rz.scp.css */
/* Stepper: "1 Pacote · 2 Configuração" above the content. */
.plugin-wizard-steps[b-5vfkg1dckz] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}

.plugin-wizard-steps li[b-5vfkg1dckz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7f95b5;
    font-size: 12.5px;
    font-weight: 700;
}

.plugin-wizard-steps li span[b-5vfkg1dckz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid #c7d6ea;
    border-radius: 50%;
    background: #fff;
    color: #7f95b5;
    font-size: 11.5px;
    font-weight: 800;
}

.plugin-wizard-steps li.is-current[b-5vfkg1dckz] {
    color: #06245d;
}

.plugin-wizard-steps li.is-current span[b-5vfkg1dckz] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.plugin-wizard-steps li.is-done span[b-5vfkg1dckz] {
    border-color: #2e9e5b;
    background: #2e9e5b;
    color: #fff;
}

[b-5vfkg1dckz] .plugin-wizard-tabs {
    margin-bottom: 8px;
}

/* The tab body hands its height to its single section (same rule as the edit dialog). */
.jump-form-tab-body[b-5vfkg1dckz] {
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
}

[b-5vfkg1dckz] .jump-form-tab-body > * {
    min-width: 0;
    min-height: 0;
}

.plugin-wizard-identity[b-5vfkg1dckz] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 10px;
}

.plugin-wizard-note[b-5vfkg1dckz] {
    margin: 0 0 8px;
    font-size: 12px;
}

.plugin-wizard-subtitle[b-5vfkg1dckz] {
    margin: 10px 0 4px;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.plugin-wizard-check[b-5vfkg1dckz] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 14px 0 0;
    padding: 10px 12px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #f7faff;
    cursor: pointer;
}

.plugin-wizard-description[b-5vfkg1dckz] {
    margin-bottom: 0;
}

.plugin-wizard-check > span[b-5vfkg1dckz] {
    min-width: 0;
}

.plugin-wizard-check.is-static[b-5vfkg1dckz] {
    cursor: default;
}

.plugin-wizard-check.is-static > .oi[b-5vfkg1dckz] {
    margin-top: 3px;
    color: #0057b8;
    font-size: 14px;
}

.plugin-wizard-check input[b-5vfkg1dckz] {
    flex: 0 0 16px;
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #0057b8;
}

.plugin-wizard-check strong[b-5vfkg1dckz] {
    display: block;
    color: #06245d;
    font-size: 13px;
}

.plugin-wizard-check small[b-5vfkg1dckz] {
    display: block;
    color: #557097;
    font-size: 12px;
}

.plugin-preview-gallery[b-5vfkg1dckz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.plugin-preview-gallery figure[b-5vfkg1dckz] {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #f7faff;
    cursor: zoom-in;
}

.plugin-preview-gallery img[b-5vfkg1dckz] {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: contain;
}

.plugin-preview-gallery figcaption[b-5vfkg1dckz] {
    padding: 5px 8px;
    color: #557097;
    font-size: 11px;
    text-align: center;
}

.plugin-preview-lightbox[b-5vfkg1dckz] {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    background: rgba(4, 18, 43, .78);
}

.plugin-preview-lightbox img[b-5vfkg1dckz] {
    max-width: min(92vw, 1200px);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
    background: #fff;
}

.plugin-preview-lightbox span[b-5vfkg1dckz] {
    position: absolute;
    bottom: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.plugin-preview-lightbox-close[b-5vfkg1dckz] {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 8px;
    background: rgba(0,0,0,.2);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginEditDialog.razor.rz.scp.css */
[b-fotkufqwos] .plugin-edit-tabs {
    margin-bottom: 8px;
}

.plugin-edit-note[b-fotkufqwos] {
    margin: 0 0 8px;
    font-size: 12px;
}

.plugin-edit-check[b-fotkufqwos] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 10px 0 0;
    padding: 10px 12px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #f7faff;
    cursor: pointer;
}

.plugin-edit-check.is-static[b-fotkufqwos] {
    cursor: default;
}

.plugin-edit-check.is-static > .oi[b-fotkufqwos] {
    margin-top: 3px;
    color: #0057b8;
    font-size: 14px;
}

.plugin-edit-check input[b-fotkufqwos] {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    accent-color: #0057b8;
}

.plugin-edit-check strong[b-fotkufqwos] {
    display: block;
    color: #06245d;
    font-size: 13px;
}

.plugin-edit-check small[b-fotkufqwos] {
    display: block;
    color: #557097;
    font-size: 12px;
}

.plugin-edit-profiles-toolbar[b-fotkufqwos] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.plugin-edit-profiles-toolbar .form-control[b-fotkufqwos] {
    flex: 1 1 auto;
    height: 32px;
    font-size: 13px;
}

.plugin-edit-profiles-count[b-fotkufqwos] {
    color: #557097;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

/* Same fill pattern as the Menu tree and the manifest: the list takes the height left in the tab. */
.plugin-edit-permissions[b-fotkufqwos] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.plugin-edit-profiles[b-fotkufqwos] {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    min-height: 160px;
    overflow: auto;
    list-style: none;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
}

.plugin-edit-profiles li[b-fotkufqwos] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border-bottom: 1px solid #eef2f8;
    color: #06245d;
    font-size: 13px;
    cursor: pointer;
}

.plugin-edit-profiles li:last-child[b-fotkufqwos] {
    border-bottom: 0;
}

.plugin-edit-profiles li:hover[b-fotkufqwos] {
    background: #f5f8fd;
}

.plugin-edit-profiles li.is-selected[b-fotkufqwos] {
    background: #eef6ff;
    font-weight: 700;
}

.plugin-edit-profiles input[b-fotkufqwos] {
    width: 16px;
    height: 16px;
    accent-color: #0057b8;
}

/* The tab body takes the height the dialog gives it (see .jump-dialog-body-fill) and hands it to its
   single section, so the menu tree fills the dialog instead of leaving a gap above the footer. Grid
   items default to min-width:auto; without the override a wide child would also stretch the body. */
.jump-form-tab-body[b-fotkufqwos] {
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
}

[b-fotkufqwos] .jump-form-tab-body > * {
    min-width: 0;
    min-height: 0;
}

/* Manifesto tab: summary tables and the pretty-printed JSON. */
.plugin-edit-subtitle[b-fotkufqwos] {
    margin: 10px 0 4px;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.plugin-edit-table[b-fotkufqwos] {
    margin: 0 0 4px;
    font-size: 12.5px;
}

.plugin-edit-table th[b-fotkufqwos] {
    color: #557097;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 0;
}

.plugin-edit-table td[b-fotkufqwos],
.plugin-edit-table th[b-fotkufqwos] {
    padding: 4px 8px;
    vertical-align: middle;
}

.plugin-edit-table-action[b-fotkufqwos] {
    text-align: right;
}

.plugin-edit-table-action .btn[b-fotkufqwos] {
    padding: 0;
    font-size: 12px;
}

.plugin-edit-manifest-raw[b-fotkufqwos] {
    margin-top: 10px;
}

.plugin-edit-manifest-toolbar[b-fotkufqwos] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.plugin-edit-manifest-toolbar[b-fotkufqwos]::-webkit-details-marker {
    display: none;
}

.plugin-edit-manifest-toolbar h4[b-fotkufqwos] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.plugin-edit-manifest-toolbar h4[b-fotkufqwos]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #6c819f;
    border-bottom: 2px solid #6c819f;
    transform: rotate(-45deg);
    transition: transform 120ms ease;
}

.plugin-edit-manifest-raw[open] > .plugin-edit-manifest-toolbar h4[b-fotkufqwos]::before {
    transform: rotate(45deg);
}

.plugin-edit-copy[b-fotkufqwos] {
    min-height: 28px;
    padding: 2px 10px;
    font-size: 12px;
}

/* The section takes the tab height (see .jump-dialog-body-fill); the summary keeps its natural height
   and the JSON block gets the rest, scrolling on its own instead of pushing past the section border. */
.plugin-edit-manifest[b-fotkufqwos] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.plugin-edit-manifest-json[b-fotkufqwos] {
    flex: 1 1 auto;
    margin: 0;
    padding: 10px 12px;
    min-height: 140px;
    overflow: auto;
    border: 1px solid #d5e1f2;
    border-radius: 8px;
    background: #f5f8fd;
    color: #06245d;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre;
}

/* "Base de dados" tab: the extension's tables in this company and the structural change log.
   Failures are red and first-class: the person registering the extension reads them here. */
.plugin-edit-storage[b-fotkufqwos] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

.plugin-edit-storage-header[b-fotkufqwos] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.plugin-edit-storage-header h3[b-fotkufqwos] {
    margin: 0;
}

.plugin-edit-storage-tables[b-fotkufqwos] {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

.plugin-edit-storage-tables li[b-fotkufqwos] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #e3ecf7;
    border-radius: 8px;
    background: #fff;
}

.plugin-edit-storage-tables li + li[b-fotkufqwos] {
    margin-top: 6px;
}

.plugin-edit-storage-tables li.is-orphan[b-fotkufqwos] {
    background: #fffaf0;
    border-color: #f1dfb0;
}

.plugin-edit-storage-table-main[b-fotkufqwos] {
    flex: 1 1 auto;
    min-width: 0;
}

.plugin-edit-storage-table-title[b-fotkufqwos] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #1f2d45;
    font-size: 13px;
}

.plugin-edit-storage-table-title code[b-fotkufqwos] {
    color: #6c819f;
    font-size: 11px;
}

.plugin-edit-storage-columns[b-fotkufqwos] {
    margin-top: 3px;
    color: #557097;
    font-size: 12px;
}

.plugin-edit-storage-drop[b-fotkufqwos] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #a12b2b;
    cursor: pointer;
}

.plugin-edit-storage-drop:hover[b-fotkufqwos] {
    border-color: #a12b2b;
    background: #fdecec;
}

.plugin-edit-storage-log-title[b-fotkufqwos] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.plugin-edit-storage-log[b-fotkufqwos] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plugin-edit-storage-log li[b-fotkufqwos] {
    padding: 7px 10px;
    border-left: 3px solid #c4d3e8;
    background: #f8fafd;
    border-radius: 0 8px 8px 0;
}

.plugin-edit-storage-log li + li[b-fotkufqwos] {
    margin-top: 4px;
}

.plugin-edit-storage-log li.is-failure[b-fotkufqwos] {
    border-left-color: #a12b2b;
    background: #fdf3f3;
}

.plugin-edit-storage-log li.is-destructive[b-fotkufqwos] {
    border-left-color: #a12b2b;
}

.plugin-edit-storage-log li.is-warning[b-fotkufqwos] {
    border-left-color: #d9a400;
    background: #fffaf0;
}

.plugin-edit-storage-log-head[b-fotkufqwos] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #1f2d45;
    font-size: 12.5px;
}

.plugin-edit-storage-log-meta[b-fotkufqwos] {
    margin-left: auto;
    color: #6c819f;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.plugin-edit-storage-log-detail[b-fotkufqwos] {
    margin-top: 2px;
    color: #3d5170;
    font-size: 12px;
    white-space: pre-wrap;
}

.plugin-edit-storage-log-sql[b-fotkufqwos] {
    margin-top: 4px;
    font-size: 11px;
}

.plugin-edit-storage-log-sql summary[b-fotkufqwos] {
    color: #0057b8;
    cursor: pointer;
}

.plugin-edit-storage-log-sql pre[b-fotkufqwos] {
    margin: 4px 0 0;
    padding: 6px 8px;
    overflow: auto;
    border: 1px solid #d5e1f2;
    border-radius: 6px;
    background: #fff;
    font-size: 11px;
}

/* Pills, same family as the portal cards (scoped CSS: repeated here). */
.plugin-pill[b-fotkufqwos] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 9px;
    background: #eef2f7;
    color: #3d5170;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.plugin-pill.is-ok[b-fotkufqwos] {
    background: #e6f6ec;
    color: #1f7a3f;
}

.plugin-pill.is-warn[b-fotkufqwos] {
    background: #fff4d6;
    color: #8a5a00;
}

.plugin-pill.is-danger[b-fotkufqwos] {
    background: #fdecec;
    color: #a12b2b;
}

.plugin-pill.is-muted[b-fotkufqwos] {
    background: #f4f6f9;
    color: #6c819f;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginManifestSummary.razor.rz.scp.css */
.plugin-manifest-summary-line[b-9dix8c228x] {
    margin: 0 0 8px;
    font-size: 12px;
}

.plugin-manifest-summary-warning[b-9dix8c228x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 8px 12px;
    border: 1px solid #f3c1c1;
    border-radius: 8px;
    background: #fdecec;
    color: #a12b2b;
    font-size: 12.5px;
    font-weight: 700;
}

/* Each section is a native <details>: the heading is the toggle, no JavaScript involved. */
.plugin-manifest-summary-section[b-9dix8c228x] {
    margin-top: 10px;
}

.plugin-manifest-summary-subtitle[b-9dix8c228x] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 4px;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.plugin-manifest-summary-subtitle[b-9dix8c228x]::-webkit-details-marker {
    display: none;
}

.plugin-manifest-summary-subtitle[b-9dix8c228x]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #6c819f;
    border-bottom: 2px solid #6c819f;
    transform: rotate(-45deg);
    transition: transform 120ms ease;
}

.plugin-manifest-summary-section[open] > .plugin-manifest-summary-subtitle[b-9dix8c228x]::before {
    transform: rotate(45deg);
}

.plugin-manifest-summary-count[b-9dix8c228x] {
    padding: 0 6px;
    border-radius: 9px;
    background: #eef2f7;
    color: #3d5170;
    font-size: 10.5px;
    font-weight: 700;
}

.plugin-manifest-summary-table[b-9dix8c228x] {
    margin: 0 0 4px;
    font-size: 12.5px;
}

.plugin-manifest-summary-table th[b-9dix8c228x] {
    color: #557097;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 0;
}

.plugin-manifest-summary-table td[b-9dix8c228x],
.plugin-manifest-summary-table th[b-9dix8c228x] {
    padding: 4px 8px;
    vertical-align: middle;
}

.plugin-manifest-summary-action[b-9dix8c228x] {
    text-align: right;
}

.plugin-manifest-summary-action .btn[b-9dix8c228x] {
    padding: 0;
    font-size: 12px;
}

.plugin-manifest-summary-placements[b-9dix8c228x] {
    margin: 0;
    padding-left: 18px;
    color: #06245d;
    font-size: 12.5px;
}

.plugin-manifest-summary-placements li[b-9dix8c228x] {
    margin-bottom: 2px;
}

/* The package's main page, listed before the manifest "pages" so the table shows every entry point. */
.plugin-manifest-summary-main td[b-9dix8c228x] {
    background: #f8fafd;
}

.plugin-manifest-summary-main em[b-9dix8c228x] {
    color: #6c819f;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginMenuLocationEditor.razor.rz.scp.css */
.plugin-menu-note[b-13ajyh5c70] {
    margin: 0 0 8px;
    font-size: 12px;
}

/* Caption, order and the "Retirar do menu" link on one row; the link sits to the right of the order,
   bottom-aligned with the inputs. */
.plugin-menu-fields[b-13ajyh5c70] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px auto;
    align-items: end;
    gap: 0 10px;
    margin-bottom: 10px;
}

/* Same style as the footer buttons (jump-dialog-button secondary), sized to the inputs beside it. */
.plugin-menu-clear[b-13ajyh5c70] {
    align-self: end;
    justify-self: start;
    min-height: 34px;
    margin: 0 0 4px;
    white-space: nowrap;
}

/* The shared location tree is sized for full pages (rows min-width 780px). Inside a 640px dialog the
   section, as a grid item, would grow to that content width and push the title and toolbar off-centre,
   so the section is clamped and the tree is re-laid out for the narrow width. */
.plugin-menu-section[b-13ajyh5c70] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

[b-13ajyh5c70] .default-list-location-tree-toolbar {
    flex-wrap: wrap;
}

[b-13ajyh5c70] .default-list-location-tree-search {
    flex: 1 1 160px;
    min-width: 0;
    max-width: none;
}

[b-13ajyh5c70] .default-list-location-tree-row {
    min-width: 0;
    grid-template-columns: 56px minmax(0, 1fr) 110px;
}

[b-13ajyh5c70] .default-list-location-tree-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Capped height inside a content-sized dialog (Nova Extensão): the tree scrolls internally. */
[b-13ajyh5c70] .default-list-location-tree {
    min-height: 220px;
    max-height: 320px;
}

/* Fill mode (Editar Extensão): the section is a flex column and the tree takes whatever height is left. */
.plugin-menu-section.is-fill[b-13ajyh5c70] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.plugin-menu-section.is-fill .plugin-menu-tree[b-13ajyh5c70] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.plugin-menu-section.is-fill[b-13ajyh5c70]  .default-list-location-tree {
    flex: 1 1 auto;
    min-height: 180px;
    max-height: none;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginPackageDropZone.razor.rz.scp.css */
.plugin-drop-zone[b-q7glmj9vf9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 260px;
    margin: 0;
    padding: 28px 24px;
    border: 2px dashed #b8cbe3;
    border-radius: 12px;
    background: #f8fbff;
    text-align: center;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.plugin-drop-zone:hover[b-q7glmj9vf9],
.plugin-drop-zone.is-dragging[b-q7glmj9vf9] {
    border-color: #0057b8;
    background: #eef6ff;
}

.plugin-drop-zone.has-file[b-q7glmj9vf9] {
    border-style: solid;
    border-color: #2e9e5b;
    background: #f2fbf5;
}

.plugin-drop-zone.has-error[b-q7glmj9vf9] {
    border-color: #c62828;
    background: #fdf3f3;
}

/* The native control covers the whole zone so drops and clicks land on it, but stays invisible. */
[b-q7glmj9vf9] .plugin-drop-zone-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.plugin-drop-zone-icon[b-q7glmj9vf9] {
    font-size: 30px;
    color: #0057b8;
    pointer-events: none;
}

.plugin-drop-zone.has-file .plugin-drop-zone-icon[b-q7glmj9vf9] {
    color: #2e9e5b;
}

.plugin-drop-zone-title[b-q7glmj9vf9] {
    color: #06245d;
    font-size: 15px;
    font-weight: 800;
    pointer-events: none;
}

.plugin-drop-zone-hint[b-q7glmj9vf9] {
    color: #557097;
    font-size: 12.5px;
    pointer-events: none;
}

.plugin-drop-zone-rules[b-q7glmj9vf9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 12px;
    color: #7f95b5;
    font-size: 11.5px;
    pointer-events: none;
}

.plugin-drop-zone-error[b-q7glmj9vf9] {
    margin-top: 8px;
    color: #a12b2b;
    font-size: 12.5px;
    font-weight: 700;
    pointer-events: none;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginPermissionsEditor.razor.rz.scp.css */
.plugin-permissions-note[b-6ac6mrzll6] {
    margin: 0 0 8px;
    font-size: 12px;
}

.plugin-permissions-toolbar[b-6ac6mrzll6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.plugin-permissions-toolbar .form-control[b-6ac6mrzll6] {
    flex: 1 1 auto;
    height: 32px;
    font-size: 13px;
}

.plugin-permissions-count[b-6ac6mrzll6] {
    color: #557097;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.plugin-permissions-list[b-6ac6mrzll6] {
    margin: 0;
    padding: 0;
    max-height: 320px;
    overflow: auto;
    list-style: none;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    background: #fff;
}

.plugin-permissions-list li[b-6ac6mrzll6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border-bottom: 1px solid #eef2f8;
    color: #06245d;
    font-size: 13px;
    cursor: pointer;
}

.plugin-permissions-list li:last-child[b-6ac6mrzll6] {
    border-bottom: 0;
}

.plugin-permissions-list li:hover[b-6ac6mrzll6] {
    background: #f5f8fd;
}

.plugin-permissions-list li.is-selected[b-6ac6mrzll6] {
    background: #eef6ff;
    font-weight: 700;
}

.plugin-permissions-list input[b-6ac6mrzll6] {
    width: 16px;
    height: 16px;
    accent-color: #0057b8;
}

/* Fill mode (dialog tabs): the list takes the height left in the tab. */
.plugin-permissions.is-fill[b-6ac6mrzll6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.plugin-permissions.is-fill .plugin-permissions-list[b-6ac6mrzll6] {
    flex: 1 1 auto;
    min-height: 160px;
    max-height: none;
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginVersionsDialog.razor.rz.scp.css */
/* Version history as a vertical timeline: a marker column, the version with its pills, a quiet
   meta line, and compact actions on the right. Neutral surfaces; the active version is the only
   tinted row, like the cards in the portal. */
.plugin-versions-summary[b-cojxt7u6n9] {
    display: flex;
    gap: 24px;
    margin: 0 0 12px;
    padding: 10px 14px;
    border: 1px solid #e3ecf7;
    border-radius: 10px;
    background: #f8fafd;
}

.plugin-versions-summary > div[b-cojxt7u6n9] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.plugin-versions-summary-value[b-cojxt7u6n9] {
    color: #1f2d45;
    font-size: 16px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.plugin-versions-summary-label[b-cojxt7u6n9] {
    color: #6c819f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.plugin-versions-summary > div.is-warn .plugin-versions-summary-value[b-cojxt7u6n9] {
    color: #8a5a00;
}

.plugin-versions-list[b-cojxt7u6n9] {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Review notes from the platform under a submission row; red when it is the agent's error instead. */
.plugin-versions-review[b-cojxt7u6n9] {
    margin: 4px 0 0;
    color: #3d5170;
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-line;
}

.plugin-versions-review.is-error[b-cojxt7u6n9] {
    color: #a12b2b;
}

.plugin-versions-sync-note[b-cojxt7u6n9] {
    margin: 0 0 8px;
    color: #557097;
    font-size: 12px;
}

.plugin-versions-sync-note .oi[b-cojxt7u6n9] {
    color: #0057b8;
}

.plugin-versions-trigger[b-cojxt7u6n9] {
    margin-top: 6px;
    border: 1px solid #b7d2f2;
    border-radius: 6px;
    background: #f4f9ff;
    color: #0057b8;
    font-size: 11px;
    font-weight: 700;
}

/* The timeline line runs behind the markers. */
.plugin-versions-list[b-cojxt7u6n9]::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 19px;
    border-left: 2px solid #e3ecf7;
}

.plugin-versions-item[b-cojxt7u6n9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px 9px 8px;
    border-radius: 10px;
    transition: background 120ms ease;
}

.plugin-versions-item:hover[b-cojxt7u6n9] {
    background: #f8fafd;
}

.plugin-versions-item.is-current[b-cojxt7u6n9] {
    background: #f2f8ff;
}

.plugin-versions-item.is-rejected .plugin-versions-number[b-cojxt7u6n9],
.plugin-versions-item.is-rejected .plugin-versions-meta[b-cojxt7u6n9] {
    color: #91a2bd;
    text-decoration: line-through;
}

.plugin-versions-marker[b-cojxt7u6n9] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 8px 0 7px;
    border: 2px solid #c4d3e8;
    border-radius: 50%;
    background: #fff;
}

.plugin-versions-item.is-current .plugin-versions-marker[b-cojxt7u6n9] {
    border-color: #1f7a3f;
    background: #1f7a3f;
    box-shadow: 0 0 0 3px #e6f6ec;
}

.plugin-versions-item.is-rejected .plugin-versions-marker[b-cojxt7u6n9] {
    border-color: #e4b4b4;
}

.plugin-versions-main[b-cojxt7u6n9] {
    flex: 1 1 auto;
    min-width: 0;
}

.plugin-versions-title[b-cojxt7u6n9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.plugin-versions-number[b-cojxt7u6n9] {
    color: #1f2d45;
    font-size: 14px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.plugin-versions-meta[b-cojxt7u6n9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 3px;
    color: #6c819f;
    font-size: 12px;
}

.plugin-versions-meta .oi[b-cojxt7u6n9] {
    margin-right: 3px;
    font-size: 10px;
    color: #8497b5;
}

/* Small neutral pills, the same family as the portal cards (scoped CSS: repeated here). */
.plugin-pill[b-cojxt7u6n9] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 9px;
    background: #eef2f7;
    color: #3d5170;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.plugin-pill.is-ok[b-cojxt7u6n9] {
    background: #e6f6ec;
    color: #1f7a3f;
}

.plugin-pill.is-warn[b-cojxt7u6n9] {
    background: #fff4d6;
    color: #8a5a00;
}

.plugin-pill.is-danger[b-cojxt7u6n9] {
    background: #fdecec;
    color: #a12b2b;
}

.plugin-pill.is-muted[b-cojxt7u6n9] {
    background: #f4f6f9;
    color: #6c819f;
}

.plugin-versions-actions[b-cojxt7u6n9] {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

.plugin-versions-button[b-cojxt7u6n9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #3d5170;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.plugin-versions-button .oi[b-cojxt7u6n9] {
    font-size: 11px;
}

.plugin-versions-button:hover[b-cojxt7u6n9] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

.plugin-versions-button.is-primary[b-cojxt7u6n9] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.plugin-versions-button.is-primary:hover[b-cojxt7u6n9] {
    background: #004a9e;
}

.plugin-versions-button.is-danger[b-cojxt7u6n9] {
    color: #a12b2b;
}

.plugin-versions-button.is-danger:hover[b-cojxt7u6n9] {
    border-color: #a12b2b;
    background: #fdecec;
    color: #a12b2b;
}

.plugin-versions-button:disabled[b-cojxt7u6n9] {
    opacity: .5;
    cursor: default;
}

.plugin-versions-note[b-cojxt7u6n9] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

.plugin-versions-note .oi[b-cojxt7u6n9] {
    margin-top: 3px;
    font-size: 10px;
    color: #8497b5;
}

@media (max-width: 640px) {
    .plugin-versions-item[b-cojxt7u6n9] {
        flex-wrap: wrap;
    }

    .plugin-versions-actions[b-cojxt7u6n9] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Products/Geral/Extensibilidade/Plugins/Components/PluginVersionUploadDialog.razor.rz.scp.css */
/* Version wizard: the same stepper and identity strip as PluginCreateDialog. Scoped CSS is per
   component, so the rules are repeated here rather than shared. */
.plugin-wizard-steps[b-aeqwmabwdz] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}

.plugin-wizard-steps li[b-aeqwmabwdz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7f95b5;
    font-size: 12.5px;
    font-weight: 700;
}

.plugin-wizard-steps li span[b-aeqwmabwdz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid #c7d6ea;
    border-radius: 50%;
    background: #fff;
    color: #7f95b5;
    font-size: 11.5px;
    font-weight: 800;
}

.plugin-wizard-steps li.is-current[b-aeqwmabwdz] {
    color: #06245d;
}

.plugin-wizard-steps li.is-current span[b-aeqwmabwdz] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.plugin-wizard-steps li.is-done span[b-aeqwmabwdz] {
    border-color: #2e9e5b;
    background: #2e9e5b;
    color: #fff;
}

.plugin-wizard-identity[b-aeqwmabwdz] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 10px;
}

.plugin-wizard-note[b-aeqwmabwdz] {
    margin: 8px 0 0;
    font-size: 12px;
}

.plugin-wizard-subtitle[b-aeqwmabwdz] {
    margin: 10px 0 4px;
    color: #06245d;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
}
/* /Products/Geral/Extensibilidade/Plugins/Pages/PluginContractsPage.razor.rz.scp.css */
.plugin-catalog-intro[b-5fwg0dskhc] {
    margin: 10px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
}

.plugin-catalog-intro-inner[b-5fwg0dskhc] {
    margin: 0 0 10px;
}

.plugin-catalog-link[b-5fwg0dskhc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0057b8;
    font-weight: 700;
}

.plugin-catalog-link .oi[b-5fwg0dskhc] {
    font-size: 11px;
}

[b-5fwg0dskhc] .plugin-catalog-section {
    margin-top: 12px;
}

[b-5fwg0dskhc] .plugin-catalog-card {
    margin: 0 0 12px;
}

.plugin-catalog-card-header[b-5fwg0dskhc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.plugin-catalog-key[b-5fwg0dskhc] {
    color: #003d8f;
    font-size: 14px;
    font-weight: 800;
}

.plugin-catalog-pill-read[b-5fwg0dskhc] {
    background: #e3f2e9;
    color: #1d6b3a;
}

.plugin-catalog-pill-write[b-5fwg0dskhc] {
    background: #fdecec;
    color: #a12b2b;
}

.plugin-catalog-pill-shape[b-5fwg0dskhc] {
    background: #eef2f8;
    color: #3b5178;
}

.plugin-catalog-description[b-5fwg0dskhc] {
    margin: 0 0 10px;
    color: #3b5178;
    font-size: 13px;
}

.plugin-catalog-columns[b-5fwg0dskhc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

@media (max-width: 992px) {
    .plugin-catalog-columns[b-5fwg0dskhc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.plugin-catalog-subtitle[b-5fwg0dskhc] {
    margin: 8px 0 6px;
    color: #06245d;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.plugin-catalog-table[b-5fwg0dskhc] {
    margin-bottom: 4px;
    font-size: 12.5px;
}

.plugin-catalog-table th[b-5fwg0dskhc] {
    border-top: 0;
    color: #557097;
    font-weight: 700;
    white-space: nowrap;
}

.plugin-catalog-empty[b-5fwg0dskhc] {
    margin: 0;
    font-size: 12.5px;
}

.plugin-catalog-example[b-5fwg0dskhc] {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d5e1f2;
    border-radius: 8px;
    background: #f5f8fd;
    color: #06245d;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.plugin-catalog-context[b-5fwg0dskhc] {
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
}
/* /Products/Geral/Extensibilidade/Plugins/Pages/Plugins.razor.rz.scp.css */
/* Extension gallery: one compact card per registered plugin. Neutral surfaces, blue only for the
   primary action and links, so a page with many extensions stays calm and scannable. */
.plugin-gallery-note[b-fbxmlkg6jm] {
    margin: 12px 0 0;
    font-size: 12.5px;
}

.plugin-gallery[b-fbxmlkg6jm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 10px;
    margin-top: 12px;
    /* Each card takes its own height so a collapsed card never stretches to an expanded neighbour. */
    align-items: start;
}

.plugin-card[b-fbxmlkg6jm] {
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    border: 1px solid #dfe7f1;
    border-radius: 10px;
    background: #fff;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.plugin-card:hover[b-fbxmlkg6jm] {
    border-color: #c4d3e8;
    box-shadow: 0 4px 14px rgba(16, 42, 84, .06);
}

.plugin-card.is-inactive[b-fbxmlkg6jm] {
    background: #f8f9fb;
    color: #7f95b5;
}

.plugin-card.is-inactive .plugin-card-title[b-fbxmlkg6jm] {
    color: #7f95b5;
}

/* Header: title + pills on the left, version and the icon toolbar on the right, all on one band. */
.plugin-card-header[b-fbxmlkg6jm] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.plugin-card-heading[b-fbxmlkg6jm] {
    flex: 1 1 auto;
    min-width: 0;
}

.plugin-card-title-row[b-fbxmlkg6jm] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.plugin-card-title[b-fbxmlkg6jm] {
    margin: 0;
    overflow: hidden;
    color: #1f2d45;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plugin-card-version[b-fbxmlkg6jm] {
    flex: 0 0 auto;
    color: #6c819f;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.plugin-card-pills[b-fbxmlkg6jm] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

/* Small neutral pills; only state carries a hue. */
.plugin-pill[b-fbxmlkg6jm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 7px;
    border-radius: 9px;
    background: #eef2f7;
    color: #3d5170;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.plugin-pill .oi[b-fbxmlkg6jm] {
    font-size: 9px;
}

.plugin-pill.is-ok[b-fbxmlkg6jm] {
    background: #e6f6ec;
    color: #1f7a3f;
}

.plugin-pill.is-off[b-fbxmlkg6jm] {
    background: #f3e5e5;
    color: #a12b2b;
}

.plugin-pill.is-warn[b-fbxmlkg6jm] {
    background: #fff4d6;
    color: #8a5a00;
}

.plugin-pill.is-danger[b-fbxmlkg6jm] {
    background: #fdecec;
    color: #a12b2b;
}

.plugin-pill.is-muted[b-fbxmlkg6jm] {
    background: #f4f6f9;
    color: #6c819f;
}

/* Icon-only toolbar. Tooltips (title) carry the labels; the primary "open" is the only filled one. */
.plugin-card-actions[b-fbxmlkg6jm] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
}

.plugin-icon-button[b-fbxmlkg6jm] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #3d5170;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.plugin-icon-button .oi[b-fbxmlkg6jm] {
    font-size: 12px;
}

.plugin-icon-button:hover[b-fbxmlkg6jm] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

/* The "⋮" button that opens the card's action menu; stays highlighted while the menu is open. */
.plugin-card-more .oi[b-fbxmlkg6jm] {
    transform: rotate(90deg);
}

.plugin-card-more.is-open[b-fbxmlkg6jm] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

/* The destructive item of the card menu, set apart from the rest. */
[b-fbxmlkg6jm] .jump-context-menu-item.plugin-menu-danger {
    border-top: 1px solid #edf3fb;
    color: #a12b2b;
}

[b-fbxmlkg6jm] .jump-context-menu-item.plugin-menu-danger:hover {
    background: #fdecec;
    color: #a12b2b;
}

[b-fbxmlkg6jm] .jump-context-menu-item.plugin-menu-danger .oi {
    color: #a12b2b;
}

/* Menu items carry a leading icon before the label. */
[b-fbxmlkg6jm] .jump-context-menu-item .oi {
    margin-right: 6px;
    font-size: 11px;
    color: #6c819f;
}

.plugin-icon-button.is-quiet[b-fbxmlkg6jm] {
    border-color: transparent;
    color: #8497b5;
}

.plugin-icon-button.is-quiet:hover[b-fbxmlkg6jm] {
    border-color: #dfe7f1;
    background: #f4f6f9;
    color: #3d5170;
}

.plugin-icon-button:disabled[b-fbxmlkg6jm] {
    opacity: .45;
    cursor: default;
}

.plugin-icon-button-badge[b-fbxmlkg6jm] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #d97706;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
}

/* Details (expanded only): one-line description and a compact meta strip. */
.plugin-card-details[b-fbxmlkg6jm] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #e6ecf4;
}

.plugin-card-description[b-fbxmlkg6jm] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 8px;
    color: #4a5d7b;
    font-size: 12.5px;
    line-height: 1.45;
}

.plugin-card-meta[b-fbxmlkg6jm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 6px 12px;
    margin: 0;
}

.plugin-card-meta > div[b-fbxmlkg6jm] {
    min-width: 0;
}

.plugin-card-meta dt[b-fbxmlkg6jm] {
    color: #8497b5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.plugin-card-meta dd[b-fbxmlkg6jm] {
    margin: 1px 0 0;
    overflow: hidden;
    color: #1f2d45;
    font-size: 12.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plugin-card-meta code[b-fbxmlkg6jm] {
    color: #6c819f;
    font-size: 11.5px;
}

.plugin-gallery-empty[b-fbxmlkg6jm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 40px 20px;
    border: 1.5px dashed #c4d3e8;
    border-radius: 12px;
    background: #f8fafd;
    color: #1f2d45;
    text-align: center;
}

.plugin-gallery-empty .oi[b-fbxmlkg6jm] {
    color: #0057b8;
    font-size: 34px;
}

.plugin-gallery-empty h2[b-fbxmlkg6jm] {
    margin: 4px 0 0;
    font-size: 18px;
    font-weight: 800;
}

.plugin-gallery-empty p[b-fbxmlkg6jm] {
    margin: 0 0 8px;
    color: #557097;
    font-size: 13px;
}

/* Header actions: quiet outlined buttons, primary filled for "Nova Extensão". */
.plugin-header-action[b-fbxmlkg6jm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    margin-left: 8px;
    padding: 6px 14px;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    background: #fff;
    color: #3d5170;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.plugin-header-action .oi[b-fbxmlkg6jm] {
    font-size: 12px;
}

.plugin-header-action:hover[b-fbxmlkg6jm] {
    border-color: #0057b8;
    background: #eef6ff;
    color: #0057b8;
}

.plugin-header-action.is-primary[b-fbxmlkg6jm] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
}

.plugin-header-action.is-primary:hover[b-fbxmlkg6jm] {
    background: #004a9e;
}

@media (max-width: 520px) {
    .plugin-card-header[b-fbxmlkg6jm] {
        flex-wrap: wrap;
    }

    .plugin-card-actions[b-fbxmlkg6jm] {
        width: 100%;
        justify-content: flex-end;
    }
}

/* Hover preview: a screenshot shipped in the package as preview.png at the zip root. It floats
   over the neighbours (position:absolute + z-index) so the gallery does not reflow, and only
   appears after the pointer has rested on the card for 1.5 s (display cannot be delayed, so the
   popover is always in the layout and only its opacity/visibility are transitioned; leaving the
   card hides it at once). */
.plugin-card[b-fbxmlkg6jm] {
    position: relative;
}

.plugin-card-preview[b-fbxmlkg6jm] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: block;
    width: min(590px, calc(100vw - 48px));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 160ms ease, visibility 0s linear 160ms;
    padding: 6px;
    border: 1px solid #c4d3e8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(16, 42, 84, .18);
}

.plugin-card:hover .plugin-card-preview[b-fbxmlkg6jm] {
    opacity: 1;
    visibility: visible;
    transition-delay: 1.5s;
}

.plugin-card-preview img[b-fbxmlkg6jm] {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: contain;
    border-radius: 6px;
    background: #f4f6f9;
}

.plugin-card-preview-caption[b-fbxmlkg6jm] {
    display: block;
    margin-top: 4px;
    color: #6c819f;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.plugin-card:hover[b-fbxmlkg6jm] {
    z-index: 20;
}

/* /Products/PortalCliente/Consulta/HistoricoServicosGeral/Pages/HistoricoServicosGeral.razor.rz.scp.css */
.client-portal-general-history-page .client-portal-history-table-shell[b-vn9zkcg9mm] {
    min-height: 520px;
    height: calc(62vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client-portal-history-loading[b-vn9zkcg9mm] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
}

.client-portal-history-toolbar[b-vn9zkcg9mm] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #596b7d;
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-table-wrap[b-vn9zkcg9mm] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid rgba(132, 151, 176, 0.32);
    border-radius: 8px;
    background: #fff;
}

.client-portal-table[b-vn9zkcg9mm] {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    font-size: 0.85rem;
}

.client-portal-table th[b-vn9zkcg9mm] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(132, 151, 176, 0.3);
    border-right: 1px solid rgba(132, 151, 176, 0.2);
    background: #f6f9fc;
    color: #004987;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.client-portal-table td[b-vn9zkcg9mm] {
    height: 38px;
    max-width: 240px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(132, 151, 176, 0.18);
    border-right: 1px solid rgba(132, 151, 176, 0.12);
    color: #263746;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.client-portal-table tbody tr[b-vn9zkcg9mm] {
    cursor: pointer;
}

.client-portal-table tbody tr:hover[b-vn9zkcg9mm] {
    background: #eef6ff;
}

.client-portal-table tbody tr.selected[b-vn9zkcg9mm] {
    background: #e6f2ff;
    outline: 2px solid rgba(0, 73, 135, 0.34);
    outline-offset: -2px;
}

.client-portal-table tbody tr.state-pending:not(.selected)[b-vn9zkcg9mm] {
    background: #fff8c5;
}

.client-portal-table tbody tr.state-finished:not(.selected)[b-vn9zkcg9mm] {
    background: #dcefd7;
}

.client-portal-table tbody tr.state-occurrence:not(.selected)[b-vn9zkcg9mm] {
    background: #f9d4d1;
}

.client-portal-table .client-portal-actions-cell[b-vn9zkcg9mm] {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    text-align: right;
    white-space: nowrap;
}

.client-portal-icon-action[b-vn9zkcg9mm] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 73, 135, 0.26);
    border-radius: 6px;
    background: #fff;
    color: #004987;
    cursor: pointer;
}

.client-portal-icon-action:hover[b-vn9zkcg9mm] {
    background: #004987;
    color: #fff;
}

.client-portal-empty-row[b-vn9zkcg9mm] {
    height: 76px;
    color: #6b7785;
    font-weight: 600;
    text-align: center;
}

.client-portal-history-legend[b-vn9zkcg9mm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.client-portal-state[b-vn9zkcg9mm] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid rgba(132, 151, 176, 0.36);
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-state.pending[b-vn9zkcg9mm] {
    background: #fff8c5;
    color: #6d5d00;
}

.client-portal-state.finished[b-vn9zkcg9mm] {
    background: #dcefd7;
    color: #295b25;
}

.client-portal-state.occurrence[b-vn9zkcg9mm] {
    background: #f9d4d1;
    color: #7b2620;
}

@media (max-width: 1100px) {
    .client-portal-history-toolbar[b-vn9zkcg9mm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* /Products/PortalCliente/Consulta/HistoricoServicos/Pages/HistoricoServicos.razor.rz.scp.css */
.client-portal-history-page .client-portal-history-table-shell[b-3lyuyohfui] {
    min-height: 520px;
    height: calc(62vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client-portal-history-loading[b-3lyuyohfui] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
}

.client-portal-history-toolbar[b-3lyuyohfui] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #596b7d;
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-table-wrap[b-3lyuyohfui] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid rgba(132, 151, 176, 0.32);
    border-radius: 8px;
    background: #fff;
}

.client-portal-table[b-3lyuyohfui] {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    font-size: 0.85rem;
}

.client-portal-table th[b-3lyuyohfui] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(132, 151, 176, 0.3);
    border-right: 1px solid rgba(132, 151, 176, 0.2);
    background: #f6f9fc;
    color: #004987;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.client-portal-table td[b-3lyuyohfui] {
    height: 38px;
    max-width: 240px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(132, 151, 176, 0.18);
    border-right: 1px solid rgba(132, 151, 176, 0.12);
    color: #263746;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.client-portal-table tbody tr[b-3lyuyohfui] {
    cursor: pointer;
}

.client-portal-table tbody tr:hover[b-3lyuyohfui] {
    background: #eef6ff;
}

.client-portal-table tbody tr.selected[b-3lyuyohfui] {
    background: #e6f2ff;
    outline: 2px solid rgba(0, 73, 135, 0.34);
    outline-offset: -2px;
}

.client-portal-table tbody tr.state-pending:not(.selected)[b-3lyuyohfui] {
    background: #fff8c5;
}

.client-portal-table tbody tr.state-finished:not(.selected)[b-3lyuyohfui] {
    background: #dcefd7;
}

.client-portal-table tbody tr.state-occurrence:not(.selected)[b-3lyuyohfui] {
    background: #f9d4d1;
}

.client-portal-table .client-portal-actions-cell[b-3lyuyohfui] {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    text-align: right;
    white-space: nowrap;
}

.client-portal-icon-action[b-3lyuyohfui] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 73, 135, 0.26);
    border-radius: 6px;
    background: #fff;
    color: #004987;
    cursor: pointer;
}

.client-portal-icon-action:hover[b-3lyuyohfui] {
    background: #004987;
    color: #fff;
}

.client-portal-empty-row[b-3lyuyohfui] {
    height: 76px;
    color: #6b7785;
    font-weight: 600;
    text-align: center;
}

.client-portal-history-legend[b-3lyuyohfui] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.client-portal-state[b-3lyuyohfui] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid rgba(132, 151, 176, 0.36);
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-state.pending[b-3lyuyohfui] {
    background: #fff8c5;
    color: #6d5d00;
}

.client-portal-state.finished[b-3lyuyohfui] {
    background: #dcefd7;
    color: #295b25;
}

.client-portal-state.occurrence[b-3lyuyohfui] {
    background: #f9d4d1;
    color: #7b2620;
}

@media (max-width: 1100px) {
    .client-portal-history-toolbar[b-3lyuyohfui] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* /Products/PortalCliente/Consulta/ServicosEmCurso/Components/ClientPortalServicesInProgressGrid.razor.rz.scp.css */
/*
 * State badge of the "Estado" column. The colours match the legend in the page, but the rules live
 * here on purpose: CSS isolation scopes the page's stylesheet to the page's own markup, so a
 * `.client-portal-state` declared there never reaches the cell template of this component.
 */
.client-portal-state[b-8ivq5yzn9q] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid rgba(132, 151, 176, 0.36);
    font-size: 0.78rem;
    font-weight: 700;
}

.client-portal-state.pending[b-8ivq5yzn9q] {
    background: #fff8c5;
    color: #6d5d00;
}

.client-portal-state.finished[b-8ivq5yzn9q] {
    background: #dcefd7;
    color: #295b25;
}

.client-portal-state.occurrence[b-8ivq5yzn9q] {
    background: #f9d4d1;
    color: #7b2620;
}
/* /Products/PortalCliente/Consulta/ServicosEmCurso/Pages/ServicosEmCurso.razor.rz.scp.css */
.client-portal-services-page .client-portal-services-table-shell[b-2cjgoy1509] {
    min-height: 420px;
    height: calc(56vh / var(--jump-zoom, 1));
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client-portal-services-loading[b-2cjgoy1509] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
}

.client-portal-services-toolbar[b-2cjgoy1509] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #596b7d;
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-services-legend[b-2cjgoy1509] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.client-portal-state[b-2cjgoy1509] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid rgba(132, 151, 176, 0.36);
    font-size: 0.84rem;
    font-weight: 600;
}

.client-portal-state.pending[b-2cjgoy1509] {
    background: #fff8c5;
    color: #6d5d00;
}

.client-portal-state.finished[b-2cjgoy1509] {
    background: #dcefd7;
    color: #295b25;
}

.client-portal-state.occurrence[b-2cjgoy1509] {
    background: #f9d4d1;
    color: #7b2620;
}

@media (max-width: 1100px) {
    .client-portal-services-toolbar[b-2cjgoy1509] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* /Products/PortalCliente/Consulta/Tracking/Pages/Tracking.razor.rz.scp.css */
.client-portal-tracking-page .client-portal-tracking-shell[b-oc0wywnop5] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.client-portal-tracking-loading[b-oc0wywnop5] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
}

.client-portal-tracking-empty[b-oc0wywnop5] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #596b7d;
    font-size: 0.88rem;
    font-weight: 600;
    text-align: center;
}

/* Order being tracked, as in the mobile reference: code on the first line,
   route on the second. */
.client-portal-tracking-identity[b-oc0wywnop5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(132, 151, 176, 0.28);
}

.client-portal-tracking-identity strong[b-oc0wywnop5] {
    color: #06245d;
    font-size: 1.15rem;
    font-weight: 800;
}

.client-portal-tracking-identity span[b-oc0wywnop5] {
    color: #596b7d;
    font-size: 0.85rem;
    font-weight: 600;
}

/* ---- Timeline ---- */
.client-portal-tracking-timeline[b-oc0wywnop5] {
    margin: 0;
    padding: 4px 0 4px 4px;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.client-portal-tracking-step[b-oc0wywnop5] {
    position: relative;
    display: grid;
    grid-template-columns: 26px 1fr;
    column-gap: 14px;
    padding-bottom: 22px;
}

.client-portal-tracking-step:last-child[b-oc0wywnop5] {
    padding-bottom: 0;
}

/* Line joining the steps: it starts below the marker and stops at the next one, so
   the last step does not carry a dangling tail. */
.client-portal-tracking-step:not(:last-child)[b-oc0wywnop5]::before {
    content: "";
    position: absolute;
    top: 26px;
    left: 12px;
    width: 2px;
    height: calc(100% - 26px);
    background: rgba(0, 73, 135, 0.22);
}

.client-portal-tracking-marker[b-oc0wywnop5] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #004987;
    color: #fff;
    font-size: 0.62rem;
    line-height: 1;
}

.client-portal-tracking-step.current .client-portal-tracking-marker[b-oc0wywnop5] {
    background: #0f9d58;
    box-shadow: 0 0 0 4px rgba(15, 157, 88, 0.18);
}

.client-portal-tracking-step-body[b-oc0wywnop5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 2px;
    min-width: 0;
}

.client-portal-tracking-state[b-oc0wywnop5] {
    color: #263746;
    font-size: 0.92rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.client-portal-tracking-step.current .client-portal-tracking-state[b-oc0wywnop5] {
    color: #06245d;
}

.client-portal-tracking-time[b-oc0wywnop5] {
    color: #596b7d;
    font-size: 0.82rem;
    font-weight: 600;
}

.client-portal-tracking-period[b-oc0wywnop5] {
    color: #8497b0;
    font-size: 0.78rem;
    font-weight: 600;
}

@media (max-width: 720px) {
    .client-portal-tracking-page .client-portal-tracking-shell[b-oc0wywnop5] {
        min-height: 0;
    }

    .client-portal-tracking-step[b-oc0wywnop5] {
        column-gap: 10px;
    }
}
/* /Products/PortalCliente/Operacoes/ListaFechosDiarios/Components/DailyClosingsGrid.razor.rz.scp.css */
.client-portal-daily-closing-grid[b-kqhbhqsxzd] {
    min-height: 360px;
}

.client-portal-daily-closing-detail-grid[b-kqhbhqsxzd] {
    margin-top: 4px;
}

.client-portal-daily-closing-empty-detail[b-kqhbhqsxzd] {
    padding: 12px;
    color: #4f6785;
    font-size: 12px;
    font-weight: 600;
}

a.oi.disabled[b-kqhbhqsxzd] {
    pointer-events: none;
    opacity: .45;
}
/* /Products/PortalCliente/Operacoes/ListaFechosDiarios/Pages/ListaFechosDiarios.razor.rz.scp.css */
.client-portal-daily-closing-page .client-portal-daily-closing-toolbar[b-zvhgcnrs9b] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
}

.client-portal-daily-closing-page .client-portal-daily-closing-loading[b-zvhgcnrs9b] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
    font-weight: 600;
}

@media (max-width: 900px) {
    .client-portal-daily-closing-page .client-portal-daily-closing-toolbar[b-zvhgcnrs9b] {
        justify-content: stretch;
        flex-direction: column;
    }
}
/* /Products/PortalCliente/Operacoes/ListaOCFecho/Pages/ListaOCFecho.razor.rz.scp.css */
.client-portal-closing-page .client-portal-closing-toolbar[b-8m1bf2w1g9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
}

.client-portal-closing-page .client-portal-closing-loading[b-8m1bf2w1g9] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #004987;
    font-weight: 600;
}

.client-portal-closing-page .client-portal-closing-grid[b-8m1bf2w1g9] {
    min-height: 360px;
}

.client-portal-closing-page .client-portal-closing-checkbox[b-8m1bf2w1g9] {
    display: flex;
    justify-content: center;
}

@media (max-width: 900px) {
    .client-portal-closing-page .client-portal-closing-toolbar[b-8m1bf2w1g9] {
        justify-content: stretch;
        flex-direction: column;
    }
}
/* /Shared/Anexos.razor.rz.scp.css */
.anexos-surface[b-8t4vprzdn2] {
    margin: 0 1%;
    color: #163458;
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.anexos-surface-vertical[b-8t4vprzdn2] {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.anexos-surface[b-8t4vprzdn2]  .e-upload-actions,
.anexos-surface[b-8t4vprzdn2]  .e-file-drop {
    display: none;
}

.anexos-surface[b-8t4vprzdn2]  .e-upload {
    border: 0;
    background: transparent;
}

.anexos-surface[b-8t4vprzdn2]  .e-file-select-wrap {
    padding: 0;
}

.anexos-surface[b-8t4vprzdn2]  .e-btn,
.anexos-surface[b-8t4vprzdn2]  .e-css.e-btn {
    min-height: 30px;
    border: 1px solid #b8d0ee;
    border-radius: 8px;
    background: #f8fbff;
    color: #0d5bb8;
    font-size: 12px;
    font-weight: 750;
    box-shadow: none;
}

.anexos-surface[b-8t4vprzdn2]  .e-btn:hover,
.anexos-surface[b-8t4vprzdn2]  .e-css.e-btn:hover {
    border-color: #7eaee6;
    background: #eef6ff;
    color: #064b9f;
}

.custom-drop-area[b-8t4vprzdn2] {
    min-height: 62px;
    height: auto;
    border: 1px dashed #b8c9df;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    cursor: pointer;
    color: #557097;
    font-size: 12px;
}

.custom-drop-area:hover[b-8t4vprzdn2] {
    background: #f3f8ff;
    border-color: #7eaee6;
    color: #0d5bb8;
}

.custom-drop-area i[b-8t4vprzdn2] {
    font-size: 18px;
    opacity: 0.8;
}

.anexo-card[b-8t4vprzdn2] {
    width: 200px;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(16, 42, 84, .05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.anexo-card:hover[b-8t4vprzdn2] {
    border-color: #b8d0ee;
    box-shadow: 0 14px 28px rgba(16, 42, 84, .08);
}

.anexo-card .nome[b-8t4vprzdn2] {
    min-height: 22px;
    margin-bottom: 8px;
    color: #163458;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
    text-align: center;
}

.anexo-card .acoes[b-8t4vprzdn2] {
    display: flex;
    gap: 6px;
}

.anexo-card .acoes .btn[b-8t4vprzdn2] {
    flex: 1;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    box-shadow: none;
}

.anexo-card .acoes .btn-outline-primary[b-8t4vprzdn2] {
    border-color: #b8d0ee;
    background: #ffffff;
    color: #0d5bb8;
}

.anexo-card .acoes .btn-outline-primary:hover[b-8t4vprzdn2] {
    border-color: #7eaee6;
    background: #eef6ff;
    color: #064b9f;
}

.btn-eliminar[b-8t4vprzdn2] {
    background-color: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: #b42318 !important;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn-eliminar:hover[b-8t4vprzdn2] {
    background-color: #fee4e2 !important;
    border-color: #fda29b !important;
    color: #912018 !important;
}

.anexos-grid[b-8t4vprzdn2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.anexos-surface-vertical .md-2[b-8t4vprzdn2] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.anexos-surface-vertical .e-upload[b-8t4vprzdn2],
.anexos-surface-vertical .e-file-select-wrap[b-8t4vprzdn2],
.anexos-surface-vertical .custom-drop-area[b-8t4vprzdn2] {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.anexos-surface-vertical .anexos-grid[b-8t4vprzdn2] {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}

.anexos-surface-vertical .anexo-card[b-8t4vprzdn2] {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.anexos-surface-vertical .anexo-card .mt-2[b-8t4vprzdn2] {
    margin-top: 8px !important;
}

.anexos-surface-vertical[b-8t4vprzdn2]  .dxbs-checkbox,
.anexos-surface-vertical[b-8t4vprzdn2]  .dxbl-checkbox {
    color: #38547c;
    font-size: 12px;
    font-weight: 500;
}

.anexos-surface-vertical[b-8t4vprzdn2]  .dxbs-checkbox .custom-control-label,
.anexos-surface-vertical[b-8t4vprzdn2]  .dxbl-checkbox label {
    margin-bottom: 0;
}

/* Preview of an attachment. The popup gives the body a fixed height, so the content fills it
   instead of overflowing the dialog. */
.anexo-preview-image[b-8t4vprzdn2] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.anexo-preview-frame[b-8t4vprzdn2] {
    width: 100%;
    height: 100%;
    min-height: 60vh;
    border: 0;
}

.anexo-preview-empty[b-8t4vprzdn2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 20vh;
    padding: 16px;
    text-align: center;
    color: #5b6b82;
}
/* /Shared/Components/Actions/ActionParameterDialog.razor.rz.scp.css */
.action-parameter-dialog-frame[b-copux4vp5p] {
    height: 100%;
    max-height: none;
    border-radius: 8px;
}

.action-parameter-dialog-body[b-copux4vp5p] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
}

.action-parameter-section[b-copux4vp5p] {
    margin: 0;
}

.action-parameter-grid[b-copux4vp5p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.action-parameter-field[b-copux4vp5p] {
    min-width: 0;
}

.action-parameter-field .form-label[b-copux4vp5p] {
    display: block;
    margin-bottom: 5px;
    color: #334c69;
    font-size: 12px;
    font-weight: 750;
}

.action-parameter-field textarea.form-control[b-copux4vp5p] {
    resize: vertical;
}

.action-parameter-field.has-error .form-control[b-copux4vp5p] {
    border-color: #dc3545;
    box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.08);
}

.action-parameter-check[b-copux4vp5p] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.action-parameter-check .form-check-input[b-copux4vp5p] {
    float: none;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

.action-parameter-alert[b-copux4vp5p] {
    margin: 0 0 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 650;
}

.action-parameter-field-error[b-copux4vp5p] {
    margin-top: 4px;
    color: #b42318;
    font-size: 11px;
    font-weight: 650;
}

@media (max-width: 640px) {
    .action-parameter-grid[b-copux4vp5p] {
        grid-template-columns: 1fr;
    }

    .jump-form-config-dialog-footer[b-copux4vp5p] {
        width: 100%;
    }

    .jump-form-config-dialog-footer .jump-form-config-dialog-button[b-copux4vp5p] {
        flex: 1 1 120px;
    }
}
/* /Shared/Components/Dialogs/JumpConfirmDialog.razor.rz.scp.css */
.jump-confirm-backdrop[b-jkeol47auj] {
    position: fixed;
    inset: 0;
    z-index: 21000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(6, 36, 93, .18);
    backdrop-filter: blur(3px);
}

.jump-confirm-dialog[b-jkeol47auj] {
    --jump-confirm-ink: var(--app-page-ink, #06245d);
    --jump-confirm-muted: var(--app-page-muted, #557097);
    --jump-confirm-border: var(--app-page-border, #dbe7f6);
    --jump-confirm-surface: var(--app-page-card-bg, #fff);
    --jump-confirm-shell: var(--app-page-bg, #f4f7fb);
    --jump-confirm-title: #003d8f;
    --jump-confirm-accent: #0057b8;
    --jump-confirm-tone: #ff8a00;
    --jump-confirm-tone-bg: #fff5e8;

    width: min(520px, calc(100vw / var(--jump-zoom, 1) - 28px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--jump-confirm-border);
    border-radius: 8px;
    background: var(--jump-confirm-surface);
    box-shadow: 0 18px 42px rgba(16, 42, 84, .16);
    color: var(--jump-confirm-ink);
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.jump-confirm-dialog.size-small[b-jkeol47auj] {
    width: min(420px, calc(100vw / var(--jump-zoom, 1) - 28px));
}

.jump-confirm-dialog.size-large[b-jkeol47auj] {
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 28px));
}

.jump-confirm-dialog.variant-danger[b-jkeol47auj] {
    --jump-confirm-tone: #d92d20;
    --jump-confirm-tone-bg: #fff0ee;
}

.jump-confirm-dialog.variant-info[b-jkeol47auj] {
    --jump-confirm-tone: #0057b8;
    --jump-confirm-tone-bg: #eef6ff;
}

.jump-confirm-dialog.variant-success[b-jkeol47auj] {
    --jump-confirm-tone: #08875d;
    --jump-confirm-tone-bg: #eafaf3;
}

.jump-confirm-header[b-jkeol47auj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--jump-confirm-border);
    background: var(--jump-confirm-surface);
}

.jump-confirm-header-icon[b-jkeol47auj] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--jump-confirm-tone-bg);
    color: var(--jump-confirm-tone);
    font-weight: 800;
}

.jump-confirm-header p[b-jkeol47auj] {
    margin: 0;
    color: var(--jump-confirm-muted);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.jump-confirm-header h2[b-jkeol47auj] {
    margin: 2px 0;
    color: var(--jump-confirm-title);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}

.jump-confirm-header span[b-jkeol47auj] {
    color: var(--jump-confirm-muted);
    font-size: 12px;
    line-height: 1.2;
}

.jump-confirm-close[b-jkeol47auj] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--jump-confirm-border);
    border-radius: 8px;
    background: var(--jump-confirm-surface);
    color: var(--jump-confirm-accent);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.jump-confirm-body[b-jkeol47auj] {
    padding: 8px;
    background: var(--jump-confirm-shell);
}

.jump-confirm-card[b-jkeol47auj] {
    padding: 12px;
    border: 1px solid var(--jump-confirm-border);
    border-radius: 8px;
    background: var(--jump-confirm-surface);
    box-shadow: 0 12px 30px rgba(16, 42, 84, .05);
}

.jump-confirm-card-title[b-jkeol47auj] {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--jump-confirm-title);
    font-size: 12px;
    font-weight: 900;
}

.jump-confirm-card-icon[b-jkeol47auj] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: var(--jump-confirm-tone-bg);
    color: var(--jump-confirm-tone);
}

.jump-confirm-card p[b-jkeol47auj] {
    margin: 10px 0 0;
    color: var(--jump-confirm-ink);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    /* The message is a plain string, so a newline in it would collapse into a space. */
    white-space: pre-line;
}

.jump-confirm-footer[b-jkeol47auj],
.jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid var(--jump-confirm-border);
    background: var(--jump-confirm-surface);
}

.jump-confirm-button[b-jkeol47auj],
.jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-button {
    min-width: 126px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    cursor: pointer;
}

.jump-confirm-button.secondary[b-jkeol47auj],
.jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-button.secondary {
    border: 1px solid #cfdded;
    background: var(--jump-confirm-surface);
    color: var(--jump-confirm-accent);
}

.jump-confirm-button.primary[b-jkeol47auj],
.jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-button.primary {
    border: 1px solid var(--jump-confirm-accent);
    background: var(--jump-confirm-accent);
    color: #fff;
}

.jump-confirm-dialog.variant-danger .jump-confirm-button.primary[b-jkeol47auj],
.jump-confirm-dialog.variant-danger[b-jkeol47auj]  .jump-confirm-button.primary {
    border-color: var(--jump-confirm-tone);
    background: var(--jump-confirm-tone);
}

.jump-confirm-button:disabled[b-jkeol47auj],
.jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-button:disabled {
    cursor: wait;
    opacity: .72;
}

@media (max-width: 640px) {
    .jump-confirm-dialog[b-jkeol47auj],
    .jump-confirm-dialog.size-small[b-jkeol47auj],
    .jump-confirm-dialog.size-large[b-jkeol47auj] {
        width: calc(100vw / var(--jump-zoom, 1) - 18px);
    }

    .jump-confirm-footer[b-jkeol47auj],
    .jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-footer {
        flex-direction: column-reverse;
    }

    .jump-confirm-button[b-jkeol47auj],
    .jump-confirm-dialog[b-jkeol47auj]  .jump-confirm-button {
        width: 100%;
    }
}
/* /Shared/Components/Dialogs/JumpPageCatalogDialog.razor.rz.scp.css */
/* Page picker over the license catalog, on top of the shared jump-dialog shell.
   Colors follow the dialog variables from wwwroot/css/components/dialogs.css. */

.jump-page-catalog-hint[b-csyi7fgnv0] {
    margin: 0 0 8px;
    color: var(--jump-dialog-muted, #557097);
    font-size: 12px;
    text-align: center;
}

/* --- Toolbar ------------------------------------------------------------- */

.jump-page-catalog-toolbar[b-csyi7fgnv0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.jump-page-catalog-search[b-csyi7fgnv0] {
    flex: 1 1 240px;
    max-width: 360px;
    min-height: 30px;
    font-size: 12px;
}

.jump-page-catalog-action[b-csyi7fgnv0] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--jump-dialog-control-border, #b8cbe3);
    border-radius: 6px;
    background: #ffffff;
    color: var(--jump-dialog-title, #00316d);
    font-size: 12px;
    font-weight: 700;
}

.jump-page-catalog-filter[b-csyi7fgnv0] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--jump-dialog-muted, #557097);
    font-size: 12px;
}

/* --- Tree ---------------------------------------------------------------- */

.jump-page-catalog-table[b-csyi7fgnv0] {
    max-height: clamp(240px, calc(100vh / var(--jump-zoom, 1) - 420px), 460px);
    border: 1px solid var(--jump-dialog-control-border, #d7e4f3);
    border-radius: 8px;
    background: #ffffff;
    overflow: auto;
}

.jump-page-catalog-row[b-csyi7fgnv0] {
    display: grid;
    grid-template-columns: 60px minmax(340px, 1fr) 180px 140px;
    align-items: center;
    min-width: 760px;
    min-height: 34px;
    border-bottom: 1px solid #e4edf7;
    color: #002b63;
    font-size: 12px;
}

.jump-page-catalog-row:last-child[b-csyi7fgnv0] {
    border-bottom: 0;
}

.jump-page-catalog-header[b-csyi7fgnv0] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 36px;
    background: #f2f7fd;
    color: var(--jump-dialog-title, #00316d);
    font-weight: 700;
}

.jump-page-catalog-group[b-csyi7fgnv0] {
    background: #fbfdff;
    font-weight: 700;
}

.jump-page-catalog-leaf:hover[b-csyi7fgnv0] {
    background: #f5f9ff;
}

.jump-page-catalog-leaf.is-selected[b-csyi7fgnv0] {
    background: #eaf3ff;
}

.jump-page-catalog-cell[b-csyi7fgnv0] {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 100%;
    padding: 5px 10px;
    border-right: 1px solid #e4edf7;
}

.jump-page-catalog-cell:last-child[b-csyi7fgnv0] {
    border-right: 0;
}

.jump-page-catalog-name[b-csyi7fgnv0] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
}

.jump-page-catalog-label[b-csyi7fgnv0],
.jump-page-catalog-detail[b-csyi7fgnv0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jump-page-catalog-detail[b-csyi7fgnv0] {
    color: var(--jump-dialog-muted, #506680);
    font-size: 11px;
}

.jump-page-catalog-parameter[b-csyi7fgnv0] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
}

/* Colours and radius come from the shared .jump-status-pill family in
   wwwroot/css/components/badges.css; only the row fit is set here. */
.jump-page-catalog-parameter-count[b-csyi7fgnv0] {
    flex: 0 0 auto;
    min-width: 32px;
}

.jump-page-catalog-route[b-csyi7fgnv0] {
    flex: 0 0 auto;
    padding: 1px 6px;
    border-radius: 4px;
    background: #f0f5fc;
    color: #506680;
    font-size: 11px;
}

.jump-page-catalog-icon[b-csyi7fgnv0] {
    width: 16px;
    flex: 0 0 16px;
    color: var(--jump-dialog-accent, #0057b8);
    font-size: 12px;
    text-align: center;
}

.jump-page-catalog-expander[b-csyi7fgnv0] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid #bfd1e8;
    border-radius: 5px;
    background: #ffffff;
    color: var(--jump-dialog-title, #00316d);
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
}

.jump-page-catalog-spacer[b-csyi7fgnv0] {
    width: 22px;
    flex: 0 0 22px;
}

.jump-page-catalog-selection-spacer[b-csyi7fgnv0] {
    width: 18px;
    flex: 0 0 18px;
    margin: 0 auto;
}

.jump-page-catalog-selector[b-csyi7fgnv0] {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    border: 1px solid #9eb8d7;
    border-radius: 50%;
    background: #ffffff;
}

.jump-page-catalog-selector.is-selected[b-csyi7fgnv0] {
    border-color: var(--jump-dialog-accent, #0057b8);
}

.jump-page-catalog-selector.is-selected[b-csyi7fgnv0]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--jump-dialog-accent, #0057b8);
}

.jump-page-catalog-selector:focus-visible[b-csyi7fgnv0],
.jump-page-catalog-expander:focus-visible[b-csyi7fgnv0],
.jump-page-catalog-action:focus-visible[b-csyi7fgnv0] {
    outline: 2px solid rgba(0, 87, 184, .32);
    outline-offset: 2px;
}

.jump-page-catalog-empty[b-csyi7fgnv0] {
    padding: 16px;
    color: var(--jump-dialog-muted, #506680);
    font-size: 12px;
}

/* --- Parameter to column mapping ---------------------------------------- */

.jump-page-catalog-template-field[b-csyi7fgnv0] {
    margin-bottom: 8px;
}

/* --- Mapping step -------------------------------------------------------- */

/* The page chosen in step 1, kept in sight while its parameters are mapped. */
.jump-page-catalog-chosen[b-csyi7fgnv0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 6px 10px;
    border: 1px solid #dbe8f8;
    border-radius: 6px;
    background: #f5f9ff;
}

.jump-page-catalog-chosen-name[b-csyi7fgnv0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--jump-dialog-title, #00316d);
    font-size: 12px;
    font-weight: 700;
}

.jump-page-catalog-chosen .oi[b-csyi7fgnv0] {
    flex: 0 0 auto;
    color: #0057b8;
    font-size: 11px;
}

.jump-page-catalog-chosen .jump-page-catalog-action[b-csyi7fgnv0] {
    margin-left: auto;
}

.jump-page-catalog-preview[b-csyi7fgnv0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}

/* Says what the disabled "Escolher" button is waiting for, in the body and not in the
   footer, where it would sit between the buttons. */
.jump-page-catalog-warning[b-csyi7fgnv0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 10px 0 0;
    color: #b25e00;
    font-size: 12px;
    font-weight: 700;
}

.jump-page-catalog-warning .oi[b-csyi7fgnv0] {
    flex: 0 0 auto;
    font-size: 11px;
}

/* One grid for every parameter, so the name column is as wide as the longest name and no wider:
   the name and its type sit next to the editor they belong to, instead of half a dialog away. The
   rows are display:contents to share these columns; the label element stays, and with it the click
   that focuses the editor. */
.jump-page-catalog-mapping[b-csyi7fgnv0] {
    display: grid;
    grid-template-columns: max-content minmax(180px, 320px);
    justify-content: center;
    align-items: center;
    gap: 6px 10px;
}

.jump-page-catalog-mapping-row[b-csyi7fgnv0] {
    display: contents;
    margin: 0;
}

.jump-page-catalog-mapping-parameter[b-csyi7fgnv0] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    gap: 6px;
}

.jump-page-catalog-mapping-name[b-csyi7fgnv0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--jump-dialog-title, #00316d);
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .jump-page-catalog-mapping[b-csyi7fgnv0] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* --- Status pills -------------------------------------------------------- */

.jump-page-catalog-status[b-csyi7fgnv0] {
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.jump-page-catalog-status.status-ok[b-csyi7fgnv0] {
    background: #eafaf3;
    color: #08875d;
}

.jump-page-catalog-status.status-warning[b-csyi7fgnv0] {
    background: #fff5e8;
    color: #b25e00;
}

.jump-page-catalog-status.status-error[b-csyi7fgnv0] {
    background: #fff0ee;
    color: #b42318;
}

@media (max-width: 900px) {
    .jump-page-catalog-table[b-csyi7fgnv0] {
        max-height: clamp(220px, calc(100vh / var(--jump-zoom, 1) - 360px), 400px);
    }
}
/* /Shared/Components/Headers/EntityHeader.razor.rz.scp.css */
.page-header[b-jo2u2k9mlv] {
    position: relative;
}

/* Pinned header (IsSticky). Written here and not in page-layout.css because the scoped rule above
   outranks a single global class. The wrapper that holds the header (DxGridLayoutItem, *-header-shell)
   is pinned from page-layout.css; see the comment there. The solid shadow paints over the tab panel's
   top padding, which the browser leaves uncovered above a pinned box, so the rows passing underneath
   do not show through that strip. */
.page-header.page-header--sticky[b-jo2u2k9mlv] {
    position: sticky;
    top: 0;
    z-index: 900;
    background: var(--app-page-bg, #f4f7fb);
    box-shadow: 0 -6px 0 0 var(--app-page-bg, #f4f7fb);
}

.page-header-topbar[b-jo2u2k9mlv],
.page-header-hero[b-jo2u2k9mlv],
.page-header-title[b-jo2u2k9mlv] {
    display: flex;
    align-items: center;
}

.page-header-topbar[b-jo2u2k9mlv],
.page-header-hero[b-jo2u2k9mlv] {
    gap: 16px;
}

.page-header-topbar[b-jo2u2k9mlv] {
    justify-content: flex-end;
    margin-bottom: 6px;
    position: absolute;
    top: 0;
    right: 4px;
    left: 12px;
    z-index: 1100;
    /* The bar takes up the whole width above the title: without this the empty space to the left of the
       buttons would swallow the clicks on the indicators (the "..." menu stopped opening). */
    pointer-events: none;
}

.page-header-topbar > *[b-jo2u2k9mlv] {
    pointer-events: auto;
}

.page-header-actions[b-jo2u2k9mlv] {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
}

.page-header-menu-row[b-jo2u2k9mlv],
.page-header-custom-actions[b-jo2u2k9mlv] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 11px;
    flex-wrap: nowrap;
}

.page-header-menu-row[b-jo2u2k9mlv]  .menu-button-container .d-flex {
    justify-content: flex-end;
    gap: 11px;
    flex-wrap: nowrap;
}

.page-header-menu-row[b-jo2u2k9mlv]  .menuItemBase.btn,
.page-header-custom-action[b-jo2u2k9mlv] {
    min-width: 94px;
    min-height: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
}

/* The same look as the menu's base buttons (see MenuItemAction.razor.css .menuItemBase). */
.page-header-custom-action[b-jo2u2k9mlv] {
    border: 1px solid #d5e2f2;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .06);
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.page-header-custom-action:hover:not(:disabled)[b-jo2u2k9mlv] {
    border-color: #b9d2f4;
    background: #f7fbff;
    box-shadow: 0 10px 22px rgba(16, 42, 84, .09);
    transform: translateY(-1px);
}

.page-header-custom-action:focus-visible[b-jo2u2k9mlv] {
    outline: 2px solid rgba(0, 87, 184, .24);
    outline-offset: 2px;
}

.page-header-custom-action.active[b-jo2u2k9mlv],
.page-header-custom-action.is-active[b-jo2u2k9mlv],
.page-header-custom-action.primary[b-jo2u2k9mlv] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
    box-shadow: 0 12px 22px rgba(0, 87, 184, .22);
}

.page-header-custom-action.primary:hover:not(:disabled)[b-jo2u2k9mlv] {
    border-color: #004a9e;
    background: #004a9e;
    color: #fff;
}

.page-header-custom-action.danger[b-jo2u2k9mlv] {
    border-color: #e2b6b6;
    color: #b4232a;
}

.page-header-custom-action.danger:hover:not(:disabled)[b-jo2u2k9mlv] {
    border-color: #d98d8d;
    background: #fff5f5;
}

.page-header-custom-action:disabled[b-jo2u2k9mlv] {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
}

.page-header-hero[b-jo2u2k9mlv] {
    margin-bottom: 6px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "title";
    min-height: 60px;
    padding-top: 0;
    margin-top: 0;
    align-items: end;
    position: relative;
}

.page-header-title[b-jo2u2k9mlv] {
    grid-area: title;
    gap: 10px;
    /* The title's block takes up the whole band: it is from here that the real space measured for the KPIs comes. */
    min-width: 0;
    flex: 1 1 auto;
}

.page-header-title-copy[b-jo2u2k9mlv] {
    display: grid;
    justify-items: start;
    gap: 2px;
    /* Without this the column shrank to the content and the KPIs' max-width (62%) was computed
       over that natural width — the last indicator went to the "..." even with free space. */
    flex: 1 1 auto;
    min-width: 0;
}

.page-header-title-meta[b-jo2u2k9mlv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    /* The subtitle/indicators row stretches to the available width (the container's justify-items: start
       left it with the content's width). */
    width: 100%;
    min-width: 0;
}

.page-header-title-icon[b-jo2u2k9mlv] {
    width: 62px;
    height: 62px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #075bb7, #024b99);
    color: #fff;
    box-shadow: 0 14px 26px rgba(0, 87, 184, .22);
    flex: 0 0 auto;
}

.page-header-title h1[b-jo2u2k9mlv] {
    margin: 0;
    color: #06245d;
    font-size: 29px;
    line-height: 1;
    font-weight: 800;
}

.page-header-title h1 .page-header-title-suffix[b-jo2u2k9mlv] {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
}

.page-header .page-header-subtitle[b-jo2u2k9mlv] {
    margin-top: 0;
    color: #557097;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: left;
}

.page-header-kpis-wrap[b-jo2u2k9mlv] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* The button bar is absolute and covers the title's band: the indicators stay above it
       so they receive the click (the "..." menu did not open). */
    position: relative;
    z-index: 1102;
    /* The width comes from the available space, not from the content: it is what allows measuring how many
       indicators fit (with the width dictated by the content the measurement was circular). */
    flex: 1 1 0;
    min-width: 0;
    /* It reserves the right side for the button bar (which is in position: absolute): the
       indicators that do not fit go to the "..." menu instead of passing underneath it. */
    max-width: 62%;
    pointer-events: auto;
}

.page-header-right-actions[b-jo2u2k9mlv] {
    grid-area: actions;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
    z-index: 140;
    justify-content: flex-end;
    justify-self: end;
    margin-top: -4px;
}

.page-header-extra-actions[b-jo2u2k9mlv] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.page-header-dropdown-wrap[b-jo2u2k9mlv] {
    position: relative;
}

.page-header-dropdown-backdrop[b-jo2u2k9mlv] {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: transparent;
}

.page-header-badge-button[b-jo2u2k9mlv],
.page-header-panels-button[b-jo2u2k9mlv] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #b8d0ee;
    background: #ffffff;
    color: #0d5bb8;
    border-radius: 10px;
    padding: 0.35rem 0.65rem;
    font-weight: 600;
    line-height: 1;
    min-height: 30px;
    font-size: 12px;
}

.page-header-badge-button.has-items[b-jo2u2k9mlv] {
    border-color: #7eaee6;
}

/* While a file is being dragged over the button. The class is set by
   jumpAttachments.bindDropTarget, which is also what receives the drop. */
.page-header-badge-button.is-drop-target[b-jo2u2k9mlv] {
    border-color: #0d5bb8;
    border-style: dashed;
    background: #eaf2fd;
    box-shadow: 0 0 0 2px rgba(13, 91, 184, 0.15);
}

/* The children would otherwise take the pointer events and fire dragleave on the button as the
   cursor crosses them, making the highlight flicker. */
.page-header-badge-button.is-drop-target > *[b-jo2u2k9mlv] {
    pointer-events: none;
}

.page-header-badge-count[b-jo2u2k9mlv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: #eef5ff;
    color: #0d5bb8;
    font-size: 11px;
    font-weight: 700;
}

.page-header-panels-text[b-jo2u2k9mlv] {
    letter-spacing: 0.08em;
    font-weight: 700;
    min-width: 14px;
    text-align: center;
}

.page-header-dropdown-menu[b-jo2u2k9mlv] {
    position: absolute;
    top: calc(100% + 0.2rem);
    right: 0;
    z-index: 1101;
    min-width: 240px;
    max-width: 320px;
    padding: 0.5rem;
    border: 1px solid #d7e4f4;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(16, 55, 99, 0.12);
}

.page-header-dropdown-menu-hidden[b-jo2u2k9mlv] {
    display: none;
}

.page-header-dropdown-menu-attachments[b-jo2u2k9mlv] {
    right: -8px;
    min-width: 0;
    width: 300px;
    max-width: min(300px, calc(100vw / var(--jump-zoom, 1) - 12px));
    padding: 0.35rem;
    max-height: calc(70vh / var(--jump-zoom, 1));
    overflow: auto;
}

.page-header-attachments-content[b-jo2u2k9mlv] {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.page-header-dropdown-item[b-jo2u2k9mlv] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 0;
    background: transparent;
    border-radius: 10px;
    text-align: left;
}

.page-header-dropdown-item:hover[b-jo2u2k9mlv] {
    background: #f3f8ff;
}

.page-header-dropdown-title[b-jo2u2k9mlv] {
    color: #163458;
    font-weight: 600;
}

.page-header-dropdown-subtitle[b-jo2u2k9mlv] {
    color: #6d7f95;
    font-size: 0.82rem;
}

.page-header-dropdown-empty[b-jo2u2k9mlv] {
    padding: 0.65rem 0.75rem;
    color: #6d7f95;
    font-size: 0.9rem;
}

.page-header-floating-panel[b-jo2u2k9mlv] {
    position: fixed;
    top: var(--page-header-floating-panel-top-offset, 116px);
    right: var(--page-header-floating-panel-right-offset, 360px);
    z-index: 1099;
    min-width: 360px;
    max-width: min(760px, calc(100vw / var(--jump-zoom, 1) - 32px));
    max-height: calc(100vh / var(--jump-zoom, 1) - var(--page-header-floating-panel-top-offset, 116px) - 24px);
    overflow: auto;
    border: 1px solid #d9e7fb;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 35, 75, 0.10);
}

.page-header-floating-panel-wide[b-jo2u2k9mlv] {
    width: min(760px, calc(100vw / var(--jump-zoom, 1) - 32px));
}

.page-header-floating-panel-user-fields[b-jo2u2k9mlv] {
    width: min(460px, calc(100vw / var(--jump-zoom, 1) - 32px));
    min-width: min(420px, calc(100vw / var(--jump-zoom, 1) - 32px));
}

@media (max-width: 768px) {
    .page-header-floating-panel[b-jo2u2k9mlv] {
        top: auto;
        right: 8px;
        left: 8px;
        bottom: 12px;
        min-width: 0;
        width: auto;
        max-width: none;
        max-height: calc(70vh / var(--jump-zoom, 1));
    }
}

.page-header-record-mode[b-jo2u2k9mlv] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

.page-header-record-mode.new[b-jo2u2k9mlv] {
    border: 1px solid #b9edc9;
    background: #ecf8ee;
    color: #1c8c49;
}

.page-header-record-mode.edit[b-jo2u2k9mlv] {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.page-header-kpis[b-jo2u2k9mlv] {
    display: flex;
    /* A single row: the indicators that do not fit go to the "..." menu and never
       grow underneath the action buttons (which are in position: absolute). */
    flex-wrap: nowrap;
    gap: 0.55rem;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding: 0;
}

/* Indicators' "..." menu: one per row, with the value on the right. Aligned left because the
   button sits in the middle of the header, and above the button bar. */
/* Indicators' "..." menu: aligned to the left of the button (which sits in the middle of the header), above
   the button bar, and with the pills keeping the colours of the title's row. */
.page-header-dropdown-menu-kpis[b-jo2u2k9mlv] {
    left: 0;
    right: auto;
    z-index: 1103;
    min-width: 240px;
}

/* The display is only applied when the menu is open: after the rule that hides it,
   an unconditional "display: flex" left the menu always visible. */
.page-header-dropdown-menu-kpis:not(.page-header-dropdown-menu-hidden)[b-jo2u2k9mlv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.page-header-dropdown-kpi[b-jo2u2k9mlv] {
    width: 100%;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: default;
}

.page-header-kpi[b-jo2u2k9mlv] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #d7e4f4;
    border-radius: 10px;
    background: #ffffff;
    color: #35506f;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .05);
}

/* Indicator with a progress bar: the chip stops being one line and stacks label, bar and caption.
   The fill takes the chip's own colour (currentColor), so it follows the existing variants
   (.loaded, .pending, ...) without a second set of colours to keep in step. */
.page-header-kpi.page-header-kpi-progress-chip[b-jo2u2k9mlv] {
    min-width: 150px;
    flex-direction: column;
    align-items: stretch;
    gap: 0.3rem;
    padding: 0.4rem 0.7rem;
    white-space: normal;
}

/* Neutral track and a fill in the chip's colour. The track is not currentColor with opacity on
   purpose: opacity on the parent would fade the fill inside it as well. */
.page-header-kpi-progress[b-jo2u2k9mlv] {
    display: block;
    overflow: hidden;
    height: 6px;
    border-radius: 999px;
    background: rgba(53, 80, 111, .14);
}

.page-header-kpi-progress-fill[b-jo2u2k9mlv] {
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: currentColor;
}

.page-header-kpi.pending[b-jo2u2k9mlv] {
    color: #d95d00;
    border-color: #ffd2b0;
    background: #fff7ef;
}

.page-header-kpi.loaded[b-jo2u2k9mlv] {
    color: #0d5bb8;
    border-color: #c8ddfb;
    background: #f4f9ff;
}

.page-header-kpi.running[b-jo2u2k9mlv] {
    color: #1c8c49;
    border-color: #c8edd4;
    background: #f2fcf5;
}

.page-header-kpi.average[b-jo2u2k9mlv] {
    color: #6d4cc2;
    border-color: #d9cdf8;
    background: #f8f5ff;
}

.page-header-kpi.last-value[b-jo2u2k9mlv] {
    color: #0f766e;
    border-color: #bde8df;
    background: #f0fdfa;
}

.page-header-kpi-count[b-jo2u2k9mlv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    min-height: 18px;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: inherit;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .page-header-topbar[b-jo2u2k9mlv],
    .page-header-hero[b-jo2u2k9mlv] {
        position: static;
    }

    .page-header-hero[b-jo2u2k9mlv] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title";
        gap: 12px;
        align-items: start;
    }

    .page-header-right-actions[b-jo2u2k9mlv] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .page-header-extra-actions[b-jo2u2k9mlv] {
        width: 100%;
        justify-content: flex-end;
    }

    .page-header-kpis-wrap[b-jo2u2k9mlv] {
        max-width: 100%;
        min-width: 0;
        display: flex;
        justify-content: flex-start;
    }

    .page-header-dropdown-menu[b-jo2u2k9mlv] {
        left: 0;
        right: auto;
    }
}

/* "Enviar Email" keeps its own entry in the secondary actions menu and opens the configured
   emails beside it. Listing them flat replaced the action by its alternatives, which then sat
   next to unrelated actions such as QrCode. The panel is anchored to the right of the screen,
   so the submenu opens to the left to stay on screen. */
.page-header-submenu-wrap[b-jo2u2k9mlv] {
    position: relative;
}

.page-header-submenu-toggle[b-jo2u2k9mlv] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.page-header-submenu-toggle.is-open[b-jo2u2k9mlv] {
    background: #f3f8ff;
}

.page-header-submenu-caret[b-jo2u2k9mlv] {
    color: #6d7f95;
    font-weight: 700;
    line-height: 1;
}

.page-header-submenu[b-jo2u2k9mlv] {
    position: absolute;
    top: -0.45rem;
    right: calc(100% + 0.35rem);
    z-index: 1102;
    min-width: 200px;
    max-width: 280px;
    padding: 0.45rem;
    border: 1px solid #d7e4f4;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(16, 55, 99, 0.12);
}
/* /Shared/Components/Maintenance/MaintenanceCountdownBanner.razor.rz.scp.css */
/* Same shape as LicenseNoticeBanner and AgentWorkerGlobalAlert — fixed strip at the top, centred,
   min(720px, ...). The z-index is what orders them when more than one shows up. */

.maintenance-countdown-banner[b-n3bsvfgz5j] {
    position: fixed;
    top: 10px;
    left: 50%;
    /* Above the Agent Worker's alert (2000) and below the licence banner (2100): a licence that
       blocks makes the application unusable, and that outranks a close that has not happened yet. */
    z-index: 2050;
    display: grid;
    /* Icon, text, clock, close. The auto columns collapse to nothing when their content is absent,
       which is what keeps the strip tight while the clock is hidden. */
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: min(720px, calc(100vw / var(--jump-zoom, 1) - 28px));
    border: 1px solid #d97706;
    border-radius: 8px;
    background: #fffbeb;
    box-shadow: 0 14px 30px rgba(120, 53, 15, .16);
    color: #78350f;
    padding: 9px 10px;
    transform: translateX(-50%);
}

/* The countdown reached zero: the close is happening now, and there is nothing left to count. */
.maintenance-countdown-banner-closing[b-n3bsvfgz5j] {
    border-color: #b45309;
    background: #fef3c7;
}

.maintenance-countdown-banner-icon[b-n3bsvfgz5j] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #fde68a;
    color: #b45309;
    font-size: 15px;
}

.maintenance-countdown-banner-content[b-n3bsvfgz5j] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.maintenance-countdown-banner-content strong[b-n3bsvfgz5j] {
    font-size: 13px;
    font-weight: 700;
    color: #78350f;
}

.maintenance-countdown-banner-content span[b-n3bsvfgz5j] {
    font-size: 12px;
    color: #92400e;
}

/* Tabular figures so the seconds ticking do not shift the layout sideways. */
.maintenance-countdown-banner-clock[b-n3bsvfgz5j] {
    font-size: 20px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: .5px;
    color: #b45309;
    padding-right: 4px;
}

/* Same weight as the Agent Worker alert's close button: present, and not competing with the clock. */
.maintenance-countdown-banner-close[b-n3bsvfgz5j] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #b45309;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.maintenance-countdown-banner-close:hover[b-n3bsvfgz5j] {
    background: #fde68a;
    color: #78350f;
}

@media (max-width: 640px) {
    .maintenance-countdown-banner[b-n3bsvfgz5j] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        row-gap: 6px;
    }

    .maintenance-countdown-banner-clock[b-n3bsvfgz5j] {
        grid-column: 2;
        justify-self: start;
        font-size: 17px;
    }

    /* Stays on the first row, top right, so the two rows of text keep the full width. */
    .maintenance-countdown-banner-close[b-n3bsvfgz5j] {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
    }
}
/* /Shared/Components/UserFields/UserFieldsPanel.razor.rz.scp.css */
.page-header-user-fields-panel[b-qs0yxk0v5v] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
}

.page-header-user-fields-panel-header[b-qs0yxk0v5v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-bottom: 1px solid #d9e7fb;
}

.page-header-user-fields-panel-icon[b-qs0yxk0v5v] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 7px;
    background: #eef6ff;
    color: #0057b8;
    font-size: 12px;
    font-weight: 900;
}

.page-header-user-fields-panel-copy[b-qs0yxk0v5v] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.page-header-user-fields-panel-title[b-qs0yxk0v5v] {
    color: #003d8f;
    font-family: var(--trip-group-title-font-family, var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif));
    font-size: 14px;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: 0;
}

.page-header-user-fields-panel-subtitle[b-qs0yxk0v5v] {
    max-width: 100%;
    margin-top: 2px;
    color: #557097;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v] {
    padding: 12px;
    background: #ffffff;
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .form-group.row {
    display: grid;
    grid-template-columns: minmax(120px, max-content) auto;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin: 0 0 10px;
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .form-group.row > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
}

/* Classic EntityHeader layout (UserFieldsComponent): label to the right of the
   two-column grid. Scoped to .form-group.row so as not to contaminate the
   popups' inline editor. */
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .form-group.row label {
    margin: 0;
    color: #2c3341;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
    white-space: normal;
}

/* Inline editor (UserFieldsInlineEditor) inside the frame: one field per
   row, label on top aligned left, with the application's font. */
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field {
    display: grid;
    gap: 4px;
    min-width: 0;
    margin-bottom: 10px;
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field:last-child {
    margin-bottom: 0;
}

/* The same typography as the popup's field labels (.load-order-gd-field),
   but aligned left. */
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field label {
    margin: 0;
    color: #49658d;
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field .form-control,
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field .dxbl-text-edit,
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .user-fields-inline-field .ctlf4-Size-label {
    width: 100%;
    min-width: 0;
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
    font-size: 12px;
}

.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .dxbs-checkbox,
.page-header-user-fields-panel-body[b-qs0yxk0v5v]  .dxbl-checkbox {
    justify-self: start;
}

@media (max-width: 768px) {
    .page-header-user-fields-panel-header[b-qs0yxk0v5v] {
        padding: 9px 12px;
    }

    .page-header-user-fields-panel-body[b-qs0yxk0v5v] {
        padding: 12px;
    }

    .page-header-user-fields-panel-body[b-qs0yxk0v5v]  .form-group.row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .page-header-user-fields-panel-body[b-qs0yxk0v5v]  label {
        text-align: left;
    }
}
/* /Shared/Components/Wizard/Wizard.razor.rz.scp.css */
.wizard-shell[b-ih14rojl7x] {
    --wizard-primary: var(--atrans-primary, #0A43E8);
    --wizard-accent: var(--atrans-accent, #19C8FF);
    --wizard-deep: var(--atrans-deep, #0A1A3A);
    --wizard-ink: var(--atrans-ink, #0A1A3A);
    --wizard-muted: var(--atrans-muted, #49526B);
    --wizard-border: var(--atrans-border, #D9E1EE);
    --wizard-light: var(--atrans-light, #F5F7FA);
    --wizard-shadow: var(--atrans-shadow, 0 10px 30px rgba(10, 67, 232, .08));
    --wizard-radius: var(--atrans-radius, 8px);
    height: calc(100vh / var(--jump-zoom, 1) - 96px);
    min-height: 560px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    border: 1px solid var(--wizard-border);
    border-radius: var(--wizard-radius);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: var(--wizard-shadow);
    color: var(--wizard-ink);
    font-family: var(--app-page-font-family, 'Inter', 'Segoe UI', sans-serif);
}

.wizard-header[b-ih14rojl7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 5px;
    border-radius: var(--wizard-radius);
    background: linear-gradient(135deg, var(--wizard-deep) 0%, var(--wizard-primary) 72%, var(--wizard-accent) 100%);
    color: #ffffff;
}

.wizard-header-copy[b-ih14rojl7x] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.wizard-header-copy span[b-ih14rojl7x],
.wizard-progress-value[b-ih14rojl7x],
.wizard-step-state[b-ih14rojl7x],
.wizard-step-count[b-ih14rojl7x] {
    letter-spacing: 0;
}

.wizard-header-copy span[b-ih14rojl7x] {
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 800;
}

.wizard-header-copy strong[b-ih14rojl7x] {
    overflow: hidden;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wizard-progress-value[b-ih14rojl7x] {
    min-width: 54px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: var(--wizard-radius);
    background: rgba(255, 255, 255, .14);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.wizard-steps[b-ih14rojl7x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard-step-item[b-ih14rojl7x] {
    min-width: 0;
}

.wizard-step-button[b-ih14rojl7x] {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 5px;
    border: 1px solid var(--wizard-border);
    border-radius: var(--wizard-radius);
    background: #ffffff;
    color: var(--wizard-ink);
    text-align: left;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.wizard-step-button:not(:disabled):hover[b-ih14rojl7x] {
    border-color: #a9c9f6;
    background: #f5faff;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .08);
    transform: translateY(-1px);
}

.wizard-step-button:disabled[b-ih14rojl7x] {
    cursor: not-allowed;
    opacity: 1;
}

.wizard-step-marker[b-ih14rojl7x] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: var(--wizard-radius);
    background: #edf6ff;
    color: var(--wizard-primary);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.wizard-step-copy[b-ih14rojl7x] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.wizard-step-state[b-ih14rojl7x] {
    color: var(--wizard-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.wizard-step-title[b-ih14rojl7x] {
    color: inherit;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.wizard-step-item.is-active .wizard-step-button[b-ih14rojl7x] {
    border-color: var(--wizard-primary);
    background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    box-shadow: 0 10px 22px rgba(10, 67, 232, .13);
}

.wizard-step-item.is-active .wizard-step-marker[b-ih14rojl7x] {
    background: linear-gradient(135deg, var(--wizard-primary), var(--wizard-accent));
    color: #ffffff;
}

.wizard-step-item.is-active .wizard-step-state[b-ih14rojl7x],
.wizard-step-item.is-active .wizard-step-title[b-ih14rojl7x] {
    color: var(--wizard-primary);
}

.wizard-step-item.is-complete .wizard-step-button[b-ih14rojl7x] {
    border-color: #b9e7c8;
    background: linear-gradient(180deg, #ffffff 0%, #effaf3 100%);
}

.wizard-step-item.is-complete .wizard-step-marker[b-ih14rojl7x] {
    background: #22a861;
    color: #ffffff;
}

.wizard-step-item.is-complete .wizard-step-state[b-ih14rojl7x],
.wizard-step-item.is-complete .wizard-step-title[b-ih14rojl7x] {
    color: #157347;
}

.wizard-step-item.is-locked .wizard-step-button[b-ih14rojl7x] {
    background: #f8fafc;
    color: #748198;
}

.wizard-step-item.is-locked .wizard-step-marker[b-ih14rojl7x] {
    background: #edf1f6;
    color: #8a96a8;
}

.wizard-progress-track[b-ih14rojl7x] {
    height: 6px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 999px;
    background: #e6edf7;
}

.wizard-progress-track span[b-ih14rojl7x] {
    width: var(--wizard-progress, 0%);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--wizard-primary) 0%, var(--wizard-accent) 100%);
    transition: width .24s ease;
}

.wizard-body[b-ih14rojl7x] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 2px 2px 4px;
    scrollbar-gutter: stable;
}

.wizard-body[b-ih14rojl7x]  .wizard-step {
    min-height: 100%;
}

.wizard-body[b-ih14rojl7x]  .dxbl-fl-group,
.wizard-body[b-ih14rojl7x]  .dxbl-form-layout-group,
.wizard-body[b-ih14rojl7x]  .dxbs-fl-group,
.wizard-body[b-ih14rojl7x]  .card {
    border-color: var(--wizard-border) !important;
    border-radius: var(--wizard-radius) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .04);
}

.wizard-body[b-ih14rojl7x]  .dxbl-fl-group-header,
.wizard-body[b-ih14rojl7x]  .dxbl-group-header,
.wizard-body[b-ih14rojl7x]  .dxbs-fl-group-header,
.wizard-body[b-ih14rojl7x]  legend {
    color: var(--wizard-ink) !important;
    font-weight: 850 !important;
    letter-spacing: 0;
}

.wizard-body[b-ih14rojl7x]  .dxbl-text-edit,
.wizard-body[b-ih14rojl7x]  .dxbl-spin-edit,
.wizard-body[b-ih14rojl7x]  .dxbl-date-edit,
.wizard-body[b-ih14rojl7x]  .dxbl-combobox,
.wizard-body[b-ih14rojl7x]  .dxbs-textbox,
.wizard-body[b-ih14rojl7x]  .form-control {
    min-height: 34px;
    border-color: var(--wizard-border) !important;
    border-radius: 7px !important;
    color: var(--wizard-ink);
}

.wizard-body[b-ih14rojl7x]  .dxbl-text-edit:focus-within,
.wizard-body[b-ih14rojl7x]  .dxbl-spin-edit:focus-within,
.wizard-body[b-ih14rojl7x]  .dxbl-date-edit:focus-within,
.wizard-body[b-ih14rojl7x]  .dxbl-combobox:focus-within,
.wizard-body[b-ih14rojl7x]  .form-control:focus {
    border-color: var(--wizard-primary) !important;
    box-shadow: 0 0 0 3px rgba(10, 67, 232, .12) !important;
}

.wizard-buttons[b-ih14rojl7x] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--wizard-border);
}

.wizard-actions[b-ih14rojl7x] {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    width: 154px;
}

.wizard-previous-action[b-ih14rojl7x] {
    width: 154px;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.wizard-step-count[b-ih14rojl7x] {
    flex: 0 0 auto;
    color: var(--wizard-muted);
    font-size: 12px;
    font-weight: 800;
}

.wizard-buttons[b-ih14rojl7x]  .wizard-nav-button {
    min-height: 36px;
    padding: 0 16px !important;
    border-radius: var(--wizard-radius) !important;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
}

.wizard-buttons[b-ih14rojl7x]  .wizard-nav-button-primary {
    border-color: var(--wizard-primary) !important;
    background: var(--wizard-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(10, 67, 232, .18);
}

.wizard-buttons[b-ih14rojl7x]  .wizard-nav-button-danger {
    border-color: #dc3545 !important;
    background: #dc3545 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(220, 53, 69, .18);
}

.wizard-buttons[b-ih14rojl7x]  .wizard-nav-button-secondary {
    border: 1px solid var(--wizard-border) !important;
    background: #ffffff !important;
    color: var(--wizard-primary) !important;
}

.wizard-buttons[b-ih14rojl7x]  .wizard-nav-button-secondary:hover {
    border-color: var(--wizard-primary) !important;
    background: #f5faff !important;
}

@media (max-width: 900px) {
    .wizard-shell[b-ih14rojl7x] {
        height: auto;
        min-height: calc(100vh / var(--jump-zoom, 1) - 84px);
    }

    .wizard-steps[b-ih14rojl7x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wizard-header-copy strong[b-ih14rojl7x] {
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .wizard-shell[b-ih14rojl7x] {
        padding: 10px;
    }

    .wizard-header[b-ih14rojl7x] {
        grid-template-columns: 1fr;
    }

    .wizard-header[b-ih14rojl7x] {
        display: grid;
    }

    .wizard-progress-value[b-ih14rojl7x] {
        justify-self: start;
    }

    .wizard-steps[b-ih14rojl7x] {
        grid-template-columns: 1fr;
        max-height: 240px;
        overflow: auto;
        padding-right: 2px;
    }

    .wizard-buttons[b-ih14rojl7x] {
        flex-direction: column;
        align-items: stretch;
    }

    .wizard-actions[b-ih14rojl7x] {
        justify-content: stretch;
        width: 100%;
    }

    .wizard-previous-action[b-ih14rojl7x] {
        width: 100%;
        min-height: 0;
        justify-content: stretch;
    }

    .wizard-step-count[b-ih14rojl7x] {
        align-self: center;
    }

    .wizard-actions[b-ih14rojl7x],
    .wizard-buttons[b-ih14rojl7x]  .wizard-nav-button {
        width: 100%;
    }
}
/* /Shared/ComprasPasta/DespesaDocConversaoDocs.razor.rz.scp.css */
.document-conversion-panel[b-98r25a25uc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Footer mirrors the page header action row, matching the grouping panel of the purchases page. */
.document-conversion-actions[b-98r25a25uc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid #dfe9f5;
}

/* Header button pill (Gravar/Duplicar/Cancelar). The original style lives in the scoped CSS of
   MenuItemAction and does not reach here, so it is replicated: no icon, white background, blue
   text, 8px corners. Keep in sync with MenuItemAction.razor.css. */
.document-conversion-button[b-98r25a25uc] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #d5e2f2;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .06);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.document-conversion-button:hover:not(:disabled)[b-98r25a25uc] {
    border-color: #b9d2f4;
    background: #f7fbff;
    box-shadow: 0 10px 22px rgba(16, 42, 84, .09);
    transform: translateY(-1px);
}

.document-conversion-button:focus-visible[b-98r25a25uc] {
    outline: 2px solid rgba(0, 87, 184, .24);
    outline-offset: 2px;
}

.document-conversion-button:disabled[b-98r25a25uc] {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-glorktmyql] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-glorktmyql] {
    flex: 1;
}

.sidebar[b-glorktmyql] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-glorktmyql] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-glorktmyql]  a, .top-row .btn-link[b-glorktmyql] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-glorktmyql] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-glorktmyql] {
        display: none;
    }

    .top-row.auth[b-glorktmyql] {
        justify-content: space-between;
    }

    .top-row a[b-glorktmyql], .top-row .btn-link[b-glorktmyql] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-glorktmyql] {
        flex-direction: row;
    }

    .sidebar[b-glorktmyql] {
        width: 250px;
        height: calc(100vh / var(--jump-zoom, 1));
        position: sticky;
        top: 0;
    }

    .top-row[b-glorktmyql] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-glorktmyql] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MainMenuAction.razor.rz.scp.css */
@media (max-width: 578px) {
    .menu-button-container[b-22mj4fxvt2] {
        position: fixed;
        z-index: 1000;
    }

    .menu-button-container .d-flex[b-22mj4fxvt2] {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .menu-button-container[b-22mj4fxvt2]  button {
        flex: 1 1 0;
        text-align: center;
        margin: 0.2rem;
        min-width: 0;
    }
}
/* /Shared/MenuItemAction.razor.rz.scp.css */
.menuItemBase[b-uva0ms968f] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #d5e2f2;
    border-radius: 8px;
    background: #fff;
    color: #0057b8;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(16, 42, 84, .06);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.menuItemBase:hover[b-uva0ms968f] {
    border-color: #b9d2f4;
    background: #f7fbff;
    box-shadow: 0 10px 22px rgba(16, 42, 84, .09);
    transform: translateY(-1px);
}

.menuItemBase:focus-visible[b-uva0ms968f] {
    outline: 2px solid rgba(0, 87, 184, .24);
    outline-offset: 2px;
}

.menuItemBase:disabled[b-uva0ms968f] {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
}

.menuItemBase img[b-uva0ms968f] {
    display: none;
}

.menu-action-icon[b-uva0ms968f] {
    display: none;
}

.menuItemBase.menu-action-new[b-uva0ms968f] {
    border-color: #0057b8;
    background: #0057b8;
    color: #fff;
    box-shadow: 0 10px 22px rgba(0, 87, 184, .22);
}

.menuItemBase.menu-action-new:hover[b-uva0ms968f] {
    border-color: #004a9c;
    background: #004a9c;
    color: #fff !important;
}

.menu-caption[b-uva0ms968f] {
    margin-left: 0;
}

.menu-group[b-uva0ms968f] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.page-header-action-submenu[b-uva0ms968f] {
    position: absolute;
    top: calc(100% + 0.2rem);
    right: 0;
    z-index: 1001;
    min-width: 240px;
    max-width: 320px;
    padding: 0.5rem;
    border: 1px solid #d7e4f4;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(16, 55, 99, 0.12);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.page-header-action-submenu-item[b-uva0ms968f] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 0;
    background: transparent;
    border-radius: 10px;
    color: #163458;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
}

.page-header-action-submenu-item:hover[b-uva0ms968f] {
    background: #f3f8ff;
}

@media (max-width: 767.98px) {
    .menu-caption[b-uva0ms968f] {
        display: none;
    }
}