@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Admin/AssetRecordImportWorkspace.razor.rz.scp.css */
.asset-record-import-workspace[b-xxerpat50g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 72vh;
    overflow: auto;
    padding-right: 0.25rem;
}

.asset-record-import-header[b-xxerpat50g] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.asset-record-import-header h5[b-xxerpat50g] {
    margin: 0;
}

.asset-record-import-header p[b-xxerpat50g] {
    margin: 0.4rem 0 0;
    color: var(--ib-text-muted);
}

.asset-record-import-prepare[b-xxerpat50g],
.asset-record-import-review[b-xxerpat50g],
.asset-record-import-bundles[b-xxerpat50g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.asset-record-import-actions[b-xxerpat50g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.asset-record-import-busy[b-xxerpat50g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(127, 183, 255, 0.28);
    border-radius: 6px;
    background: rgba(127, 183, 255, 0.1);
    color: var(--ib-text-primary);
    font-weight: 700;
}

.asset-record-import-layout[b-xxerpat50g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.asset-record-import-panel[b-xxerpat50g],
.asset-record-import-summary-card[b-xxerpat50g],
.asset-record-import-missing-types[b-xxerpat50g],
.asset-record-import-bundle[b-xxerpat50g] {
    background-color: var(--ib-primary-dark);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.asset-record-import-panel[b-xxerpat50g],
.asset-record-import-missing-types[b-xxerpat50g],
.asset-record-import-bundle[b-xxerpat50g] {
    padding: 1rem;
}

.asset-record-import-panel h6[b-xxerpat50g],
.asset-record-import-section-heading h6[b-xxerpat50g] {
    margin: 0 0 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ib-text-muted);
}

.asset-record-import-text[b-xxerpat50g] {
    margin: 0 0 1rem;
}

.asset-record-import-rules[b-xxerpat50g] {
    margin: 0;
    padding-left: 1.1rem;
}

.asset-record-import-rules li + li[b-xxerpat50g] {
    margin-top: 0.35rem;
}

.asset-record-import-file-meta[b-xxerpat50g] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.75rem;
    margin: 0;
}

.asset-record-import-file-meta dt[b-xxerpat50g] {
    font-weight: 700;
    color: var(--ib-text-muted);
}

.asset-record-import-file-meta dd[b-xxerpat50g] {
    margin: 0;
}

.asset-record-import-summary-grid[b-xxerpat50g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 0.75rem;
}

.asset-record-import-summary-card[b-xxerpat50g] {
    padding: 0.75rem 0.85rem;
    border-top-width: 3px;
}

button.asset-record-import-summary-card[b-xxerpat50g] {
    display: block;
    width: 100%;
    min-height: 76px;
    text-align: left;
    appearance: none;
    cursor: pointer;
}

button.asset-record-import-summary-card:hover[b-xxerpat50g],
button.asset-record-import-summary-card:focus-visible[b-xxerpat50g] {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: rgba(255, 255, 255, 0.04);
    outline: none;
}

button.asset-record-import-summary-card.is-selected[b-xxerpat50g] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
    background-color: rgba(255, 255, 255, 0.055);
}

.asset-record-import-summary-card span[b-xxerpat50g] {
    display: block;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ib-text-muted);
}

.asset-record-import-summary-card strong[b-xxerpat50g] {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.25rem;
    color: var(--ib-text-primary);
}

.asset-record-import-summary-card.create[b-xxerpat50g] {
    border-top-color: var(--ib-secondary-green);
}

.asset-record-import-summary-card.update[b-xxerpat50g] {
    border-top-color: #7fb7ff;
}

.asset-record-import-summary-card.unchanged[b-xxerpat50g],
.asset-record-import-summary-card.muted[b-xxerpat50g] {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.asset-record-import-summary-card.warning[b-xxerpat50g] {
    border-top-color: #f3c969;
}

.asset-record-import-summary-card.error[b-xxerpat50g] {
    border-top-color: var(--ib-secondary-danger);
}

.asset-record-import-review-actions[b-xxerpat50g] {
    align-items: center;
}

.asset-record-import-section-heading[b-xxerpat50g],
.asset-record-import-bundle-header[b-xxerpat50g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.asset-record-import-section-heading span[b-xxerpat50g],
.asset-record-import-muted[b-xxerpat50g] {
    color: var(--ib-text-muted);
    font-size: 0.86rem;
}

.asset-record-import-missing-type-row[b-xxerpat50g] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 180px minmax(180px, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.asset-record-import-missing-type-row + .asset-record-import-missing-type-row[b-xxerpat50g] {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.asset-record-import-missing-type-row strong[b-xxerpat50g],
.asset-record-import-missing-type-row span[b-xxerpat50g] {
    display: block;
}

.asset-record-import-filters[b-xxerpat50g] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 170px 180px 160px repeat(3, auto);
    gap: 0.75rem;
    align-items: center;
}

.asset-record-import-check[b-xxerpat50g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    color: var(--ib-text-primary);
    white-space: nowrap;
}

.asset-record-import-bundle[b-xxerpat50g] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.asset-record-import-pagination[b-xxerpat50g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    color: var(--ib-text-primary);
    font-weight: 700;
}

.asset-record-import-pagination label[b-xxerpat50g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--ib-text-muted);
    font-size: 0.86rem;
}

.asset-record-import-bundle.is-ignored[b-xxerpat50g] {
    opacity: 0.72;
}

.asset-record-import-bundle-title[b-xxerpat50g],
.asset-record-import-action-cluster[b-xxerpat50g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.asset-record-import-action-cluster .form-select[b-xxerpat50g] {
    width: 170px;
}

.asset-record-import-bundle-fields[b-xxerpat50g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 0.75rem;
}

.asset-record-import-bundle-fields label[b-xxerpat50g] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
}

.asset-record-import-bundle-fields label span[b-xxerpat50g] {
    color: var(--ib-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.asset-record-import-message[b-xxerpat50g] {
    margin: 0;
    color: var(--ib-text-primary);
}

.asset-record-import-row-table[b-xxerpat50g] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.asset-record-import-row[b-xxerpat50g] {
    display: grid;
    grid-template-columns: 64px 110px minmax(170px, 1fr) minmax(220px, 1.4fr) 88px;
    gap: 0.65rem;
    align-items: center;
    min-height: 36px;
}

.asset-record-import-row-head[b-xxerpat50g] {
    color: var(--ib-text-muted);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.asset-record-import-row.is-deleted[b-xxerpat50g] {
    opacity: 0.65;
}

.asset-record-import-row-message[b-xxerpat50g] {
    color: var(--ib-text-muted);
    font-size: 0.88rem;
}

.asset-record-import-outcome[b-xxerpat50g],
.asset-record-import-duplicate[b-xxerpat50g] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.asset-record-import-outcome.create[b-xxerpat50g] {
    background: rgba(171, 219, 34, 0.15);
    border-color: rgba(171, 219, 34, 0.35);
    color: var(--ib-secondary-green);
}

.asset-record-import-outcome.update[b-xxerpat50g] {
    background: rgba(127, 183, 255, 0.14);
    border-color: rgba(127, 183, 255, 0.3);
    color: #9bc6ff;
}

.asset-record-import-outcome.unchanged[b-xxerpat50g] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--ib-text-primary);
}

.asset-record-import-outcome.warning[b-xxerpat50g],
.asset-record-import-duplicate[b-xxerpat50g] {
    background: rgba(243, 201, 105, 0.14);
    border-color: rgba(243, 201, 105, 0.3);
    color: #ffd67f;
}

.asset-record-import-outcome.error[b-xxerpat50g] {
    background: rgba(255, 116, 116, 0.14);
    border-color: rgba(255, 116, 116, 0.3);
    color: #ff9b9b;
}

.asset-record-import-inline-button[b-xxerpat50g] {
    min-height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    padding: 0.25rem 0.55rem;
    background: rgba(255, 255, 255, 0.06);
    color: var(--ib-text-primary);
    font-size: 0.84rem;
    font-weight: 700;
}

.asset-record-import-inline-button:disabled[b-xxerpat50g] {
    cursor: not-allowed;
    opacity: 0.45;
}

.asset-record-import-file-button[b-xxerpat50g] {
    margin-bottom: 0;
}

.asset-record-import-file-button.disabled[b-xxerpat50g] {
    pointer-events: none;
    opacity: 0.6;
}

@media (max-width: 980px) {
    .asset-record-import-filters[b-xxerpat50g],
    .asset-record-import-missing-type-row[b-xxerpat50g],
    .asset-record-import-bundle-fields[b-xxerpat50g],
    .asset-record-import-row[b-xxerpat50g] {
        grid-template-columns: 1fr;
    }

    .asset-record-import-row-head[b-xxerpat50g] {
        display: none;
    }

    .asset-record-import-action-cluster .form-select[b-xxerpat50g] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .asset-record-import-header[b-xxerpat50g],
    .asset-record-import-section-heading[b-xxerpat50g],
    .asset-record-import-bundle-header[b-xxerpat50g] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Admin/IsolationsMasterdataHintsOffcanvas.razor.rz.scp.css */
.isolations-masterdata-hints[b-eayiyaua0o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    color: var(--ib-text-primary);
}

.isolations-masterdata-hints section[b-eayiyaua0o] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.isolations-masterdata-hints h6[b-eayiyaua0o] {
    margin: 0 0 0.35rem;
    color: var(--ib-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.isolations-masterdata-hints p[b-eayiyaua0o] {
    margin: 0;
}
/* /Components/Admin/SheetIsolationImportWorkspace.razor.rz.scp.css */
.sheet-isolation-import-workspace[b-i4ok1a9buj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 72vh;
    overflow: auto;
    padding-right: 0.25rem;
}

.sheet-isolation-import-header[b-i4ok1a9buj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.sheet-isolation-import-header h5[b-i4ok1a9buj] {
    margin: 0;
}

.sheet-isolation-import-header p[b-i4ok1a9buj] {
    margin: 0.4rem 0 0;
    color: var(--ib-text-muted);
}

.sheet-isolation-import-prepare[b-i4ok1a9buj],
.sheet-isolation-import-review[b-i4ok1a9buj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sheet-isolation-import-actions[b-i4ok1a9buj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sheet-isolation-import-busy[b-i4ok1a9buj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(127, 183, 255, 0.28);
    border-radius: 6px;
    background: rgba(127, 183, 255, 0.1);
    color: var(--ib-text-primary);
    font-weight: 700;
}

.sheet-isolation-import-layout[b-i4ok1a9buj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.sheet-isolation-import-panel[b-i4ok1a9buj],
.sheet-isolation-import-grid-shell[b-i4ok1a9buj],
.sheet-isolation-import-summary-card[b-i4ok1a9buj],
.sheet-isolation-import-group[b-i4ok1a9buj] {
    background-color: var(--ib-primary-dark);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.sheet-isolation-import-panel[b-i4ok1a9buj],
.sheet-isolation-import-grid-shell[b-i4ok1a9buj] {
    padding: 1rem;
}

.sheet-isolation-import-panel h6[b-i4ok1a9buj] {
    margin: 0 0 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ib-text-muted);
}

.sheet-isolation-import-text[b-i4ok1a9buj] {
    margin: 0 0 1rem;
}

.sheet-isolation-import-rules[b-i4ok1a9buj] {
    margin: 0;
    padding-left: 1.1rem;
}

.sheet-isolation-import-rules li + li[b-i4ok1a9buj] {
    margin-top: 0.35rem;
}

.sheet-isolation-import-file-meta[b-i4ok1a9buj] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.75rem;
    margin: 0;
}

.sheet-isolation-import-file-meta dt[b-i4ok1a9buj] {
    font-weight: 700;
    color: var(--ib-text-muted);
}

.sheet-isolation-import-file-meta dd[b-i4ok1a9buj] {
    margin: 0;
}

.sheet-isolation-import-summary-grid[b-i4ok1a9buj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
}

.sheet-isolation-import-summary-card[b-i4ok1a9buj] {
    padding: 0.9rem 1rem;
    border-top-width: 3px;
}

.sheet-isolation-import-summary-card span[b-i4ok1a9buj] {
    display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ib-text-muted);
}

.sheet-isolation-import-summary-card strong[b-i4ok1a9buj] {
    display: block;
    margin-top: 0.3rem;
    font-size: 1.45rem;
    color: var(--ib-text-primary);
}

.sheet-isolation-import-summary-card.ready[b-i4ok1a9buj],
.sheet-isolation-import-summary-card.imported[b-i4ok1a9buj] {
    border-top-color: var(--ib-secondary-green);
}

.sheet-isolation-import-summary-card.warning[b-i4ok1a9buj] {
    border-top-color: #f3c969;
}

.sheet-isolation-import-summary-card.ignored[b-i4ok1a9buj],
.sheet-isolation-import-summary-card.deleted[b-i4ok1a9buj] {
    border-top-color: #9fb3c8;
}

.sheet-isolation-import-summary-card.error[b-i4ok1a9buj] {
    border-top-color: var(--ib-secondary-danger);
}

.sheet-isolation-import-review-actions[b-i4ok1a9buj] {
    align-items: center;
}

.sheet-isolation-import-filters[b-i4ok1a9buj] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 220px;
    gap: 0.75rem;
}

.sheet-isolation-import-outcome[b-i4ok1a9buj] {
    display: inline-flex;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.sheet-isolation-import-outcome.ready[b-i4ok1a9buj],
.sheet-isolation-import-outcome.imported[b-i4ok1a9buj] {
    background: rgba(171, 219, 34, 0.15);
    border-color: rgba(171, 219, 34, 0.35);
    color: var(--ib-secondary-green);
}

.sheet-isolation-import-outcome.warning[b-i4ok1a9buj] {
    background: rgba(243, 201, 105, 0.14);
    border-color: rgba(243, 201, 105, 0.3);
    color: #ffd67f;
}

.sheet-isolation-import-outcome.error[b-i4ok1a9buj] {
    background: rgba(255, 116, 116, 0.14);
    border-color: rgba(255, 116, 116, 0.3);
    color: #ff9b9b;
}

.sheet-isolation-import-outcome.ignored[b-i4ok1a9buj],
.sheet-isolation-import-outcome.deleted[b-i4ok1a9buj] {
    background: rgba(159, 179, 200, 0.14);
    border-color: rgba(159, 179, 200, 0.3);
    color: #d5e1ec;
}

.sheet-isolation-import-file-button[b-i4ok1a9buj] {
    margin-bottom: 0;
}

.sheet-isolation-import-group-list[b-i4ok1a9buj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sheet-isolation-import-group[b-i4ok1a9buj] {
    padding: 1rem;
    border-left-width: 4px;
}

.sheet-isolation-import-group.ready[b-i4ok1a9buj],
.sheet-isolation-import-group.imported[b-i4ok1a9buj] {
    border-left-color: var(--ib-secondary-green);
}

.sheet-isolation-import-group.warning[b-i4ok1a9buj] {
    border-left-color: #f3c969;
}

.sheet-isolation-import-group.ignored[b-i4ok1a9buj],
.sheet-isolation-import-group.deleted[b-i4ok1a9buj] {
    border-left-color: #9fb3c8;
}

.sheet-isolation-import-group.error[b-i4ok1a9buj] {
    border-left-color: var(--ib-secondary-danger);
}

.sheet-isolation-import-group-header[b-i4ok1a9buj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.sheet-isolation-import-group-title[b-i4ok1a9buj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.sheet-isolation-import-group-title small[b-i4ok1a9buj] {
    color: var(--ib-text-muted);
}

.sheet-isolation-import-group-fields[b-i4ok1a9buj] {
    display: grid;
    grid-template-columns: minmax(180px, 280px) minmax(240px, 1fr);
    gap: 0.75rem;
    margin-top: 1rem;
}

.sheet-isolation-import-group-fields label[b-i4ok1a9buj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--ib-text-muted);
    font-size: 0.85rem;
}

.sheet-isolation-import-group-message[b-i4ok1a9buj],
.sheet-isolation-import-row-message[b-i4ok1a9buj] {
    color: var(--ib-text-muted);
}

.sheet-isolation-import-group-message[b-i4ok1a9buj] {
    margin: 0.75rem 0 0;
}

.sheet-isolation-import-row-message[b-i4ok1a9buj] {
    margin-top: 0.3rem;
    min-width: 14rem;
    font-size: 0.8rem;
}

.sheet-isolation-import-row-table-shell[b-i4ok1a9buj] {
    overflow-x: auto;
    margin-top: 1rem;
}

.sheet-isolation-import-row-table[b-i4ok1a9buj] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.sheet-isolation-import-row-table th[b-i4ok1a9buj],
.sheet-isolation-import-row-table td[b-i4ok1a9buj] {
    padding: 0.45rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sheet-isolation-import-row-table th[b-i4ok1a9buj] {
    color: var(--ib-text-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.sheet-isolation-import-row-table input[b-i4ok1a9buj] {
    min-width: 9rem;
}

.sheet-isolation-import-row-table tr.deleted[b-i4ok1a9buj] {
    opacity: 0.65;
}

.sheet-isolation-import-row-actions[b-i4ok1a9buj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.sheet-isolation-import-icon-action[b-i4ok1a9buj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(243, 201, 105, 0.45);
    border-radius: 6px;
    background: rgba(243, 201, 105, 0.12);
    color: #ffd67f;
}

.sheet-isolation-import-icon-action:hover[b-i4ok1a9buj],
.sheet-isolation-import-icon-action:focus-visible[b-i4ok1a9buj] {
    border-color: rgba(243, 201, 105, 0.8);
    background: rgba(243, 201, 105, 0.2);
    color: #ffe4a8;
}

.sheet-isolation-import-ordinal-input[b-i4ok1a9buj] {
    min-width: 5.5rem !important;
}

@media (max-width: 720px) {
    .sheet-isolation-import-header[b-i4ok1a9buj] {
        flex-direction: column;
    }

    .sheet-isolation-import-filters[b-i4ok1a9buj] {
        grid-template-columns: 1fr;
    }

    .sheet-isolation-import-group-header[b-i4ok1a9buj],
    .sheet-isolation-import-group-fields[b-i4ok1a9buj] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }
}
/* /Components/Charts/MasterdataAuditChart.razor.rz.scp.css */
.chart-container[b-we3o3v77ac] {
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    padding: 1rem;
    width: 100%;
}

.chart-plot-frame[b-we3o3v77ac] {
    height: 320px;
    min-height: 320px;
    width: 100%;
}
/* /Components/Charts/UsageChart.razor.rz.scp.css */
.chart-container[b-eszniwts2c] {
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    padding: 1rem;
}

.chart-plot-frame[b-eszniwts2c] {
    height: 320px;
    min-height: 320px;
    width: 100%;
}

.chart-navigation[b-eszniwts2c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: white;
}

.nav-button[b-eszniwts2c] {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0 10px;
}

    .nav-button:hover[b-eszniwts2c] {
        color: grey;
    }
/* /Components/DashboardTabbedView.razor.rz.scp.css */
.tabbedView[b-4454zd33z2] {
    background-color: var(--ib-primary-dark);
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    padding-bottom: var(--ib-margin-standard);
    border-radius: 3.2vh;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-left: 0;
    margin-right: 0;
}

.ib-table-header-button-container[b-4454zd33z2] {
    align-self: flex-end; /* Align this specific container to the top */
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
}

.ib-table-header .button-primary[b-4454zd33z2] {
}

.ib-table-header-table-header-text[b-4454zd33z2] {
    color: var(--ib-text-primary);
    align-self: flex-end; /* Align this specific container to the top */
    margin-right: auto; /* Pushes the button container to the left */
}

    .ib-table-header-table-header-text h4[b-4454zd33z2] {
        display: inline-block; /* Display li elements inline */
        margin-right: 1rem;
    }

/* Styles for the container that holds the tabs */
.ib-table-header-tabs[b-4454zd33z2] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    justify-content: center; /* Center the items horizontally */
    background-color: var(--ib-primary-light); /* Background color for the container */
    border-radius: 0px 0px 4.2vh 4.2vh; /* Round the corners of the container */
    padding: var(--ib-margin-smaller); /* Add some spacing inside the container */
    padding-left: var(--ib-margin-standard);
    padding-right: var(--ib-margin-standard);
    width: fit-content; /* Set width based on content */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    padding-top: 0;
    max-width: 30%;
}

    /* Remove the default list styling for ul and li */
    .ib-table-header-tabs ul[b-4454zd33z2] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: 5px; /* Space between tab items */
    }

    .ib-table-header-tabs li[b-4454zd33z2] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .ib-table-header-tabs .nav-link[b-4454zd33z2] {
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        padding: 1vh;
        border-radius: 2.7vh; /* 26px @ 945px height*/
        background-color: var(--ib-primary-dark); /* Darker background color for each tab */
        color: #ffffff; /* Text color */
        cursor: pointer; /* Cursor style on hover */
        transition: background-color 0.3s ease; /* Smooth background color change */
        font-size: var(--ib-font-size-small);
    }

        /* Change background color for the active tab */
        .ib-table-header-tabs .nav-link.active[b-4454zd33z2] {
            background-color: var(--ib-secondary-green); /* Highlight color for the active tab */
            color: #1c1c1e; /* Text color for the active tab */
            font-weight: 400; /* Keep font weight consistent across tabs */
        }

        /* Hover effect for tab items */
        .ib-table-header-tabs .nav-link:hover[b-4454zd33z2] {
            background-color: #38383a; /* Slightly lighter background on hover */
        }

/* Optional: Styling for the close button */
.close-tab-button[b-4454zd33z2] {
    margin-left: 8px; /* Space between text and close button */
    color: #ffffff; /* Close button color */
    cursor: pointer; /* Change cursor to pointer */
}

    .close-tab-button:hover[b-4454zd33z2] {
        color: #f44336; /* Change close button color on hover */
    }
/* /Components/IBButton.razor.rz.scp.css */


.button-danger[b-fb0l8li1yf] {
    background-color: var(--ib-secondary-danger);
    color: var(--ib-text-primary);
    border: none;
    border-radius: 2.7vh; /* 26px @ 945px height*/
    padding: 1.2vh;
    padding-right: 2.9vh;
    padding-left: 2.9vh;
    font-size: 0.8rem;
    cursor: pointer;
}

.button-secondary[b-fb0l8li1yf] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 2px solid;
    border-color: var(--ib-secondary-green);
    border-radius: 2.7vh; /* 26px @ 945px height*/
    padding: 1.2vh;
    padding-right: 2.9vh;
    padding-left: 2.9vh;
    font-size: 0.8rem;
    cursor: pointer;
}

.button-secondary-compact[b-fb0l8li1yf] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 2px solid var(--ib-secondary-green);
    border-radius: 2.7vh;
    padding: 0.5vh 1vh;
    font-size: 0.75rem;
    cursor: pointer;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button-danger-compact[b-fb0l8li1yf] {
    background-color: var(--ib-secondary-danger);
    color: var(--ib-text-primary);
    border: none;
    border-radius: 2.7vh;
    padding: 0.5vh 1vh;
    font-size: 0.75rem;
    cursor: pointer;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

button:disabled[b-fb0l8li1yf] {
    background-color: var(--ib-secondary-grey);
    color: var(--ib-text-disabled);
}

.masterdata-header-container .header-buttons-container .button-primary[b-fb0l8li1yf] {
    margin: 0px;
}
/* /Components/IBRibbonButton.razor.rz.scp.css */
/* /Components/LayoutCanvas/FixedLayoutCanvas.razor.rz.scp.css */
.fixed-layout-canvas__root[b-temqyxa7wj] {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
    touch-action: none;
    user-select: none;
    outline: none;
}

.fixed-layout-canvas__root.is-drawing[b-temqyxa7wj] {
    cursor: crosshair;
}

.fixed-layout-canvas__artboard[b-temqyxa7wj] {
    position: relative;
    overflow: hidden;
    background: transparent;
}

.fixed-layout-canvas__grid[b-temqyxa7wj] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(to right, rgba(255, 255, 255, 0.14) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.14) 1px, transparent 1px);
    background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
    opacity: 0.95;
}

.fixed-layout-canvas__node[b-temqyxa7wj],
.fixed-layout-canvas__selection[b-temqyxa7wj] {
    position: absolute;
    transform-origin: center center;
    box-sizing: border-box;
}

.fixed-layout-canvas__node[b-temqyxa7wj] {
    overflow: visible;
}

.fixed-layout-canvas__node-shape[b-temqyxa7wj],
.fixed-layout-canvas__node-symbol[b-temqyxa7wj],
.fixed-layout-canvas__node-text[b-temqyxa7wj],
.fixed-layout-canvas__node-text-surface[b-temqyxa7wj] {
    position: absolute;
    inset: 0;
}

.fixed-layout-canvas__node-text-surface[b-temqyxa7wj] {
    pointer-events: none;
}

.fixed-layout-canvas__node-symbol[b-temqyxa7wj] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-layout-canvas__node-symbol .redline-symbol-interactive[b-temqyxa7wj] {
    inline-size: 100%;
    block-size: 100%;
}

.fixed-layout-canvas__node-text[b-temqyxa7wj] {
    display: flex;
    align-items: center;
    padding: 0;
    overflow: hidden;
}

.fixed-layout-canvas__node-text-content[b-temqyxa7wj] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.15;
}

.fixed-layout-canvas__node-text-input[b-temqyxa7wj] {
    inline-size: 100%;
    block-size: 100%;
    resize: none;
    border: 1px solid rgba(132, 192, 255, 0.95);
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
    padding: 0.35rem 0.45rem;
    font: inherit;
    line-height: 1.15;
    outline: none;
}

.fixed-layout-canvas__node--preview[b-temqyxa7wj] {
    pointer-events: none;
    opacity: 0.75;
}

.fixed-layout-canvas__selection[b-temqyxa7wj] {
    z-index: 1000;
    pointer-events: none;
    overflow: visible;
}

.fixed-layout-canvas__selection-outline[b-temqyxa7wj] {
    position: absolute;
    inset: 0;
    border: 1.5px dashed rgba(59, 130, 246, 0.95);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.fixed-layout-canvas__selection-rotation-line[b-temqyxa7wj] {
    position: absolute;
    inset-inline-start: calc(50% - 0.5px);
    inset-block-start: calc(0% - 28px);
    inline-size: 1px;
    block-size: 28px;
    background: rgba(59, 130, 246, 0.95);
}

.fixed-layout-canvas__selection-handle[b-temqyxa7wj],
.fixed-layout-canvas__rotation-handle[b-temqyxa7wj] {
    position: absolute;
    inline-size: 12px;
    block-size: 12px;
    border-radius: 50%;
    background: #1d4ed8;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(29, 78, 216, 0.25);
    pointer-events: auto;
}

.fixed-layout-canvas__rotation-handle[b-temqyxa7wj] {
    inline-size: 14px;
    block-size: 14px;
    background: #0f766e;
    box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.24);
    cursor: grab;
}
/* /Components/Modals/ApproveSheetModal.razor.rz.scp.css */
.viewport[b-i9lzeq8mwd] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}

.approval-collision-warning[b-i9lzeq8mwd] {
    border-radius: 4px;
    margin-bottom: var(--ib-margin-standard);
    padding: var(--ib-margin-small);
    overflow-wrap: anywhere;
}

.approval-collision-warning.warning[b-i9lzeq8mwd] {
    background: #fff8e1;
    border: 1px solid #f0c36d;
    color: #664d03;
}

.approval-collision-warning.blocking[b-i9lzeq8mwd] {
    background: #fdecea;
    border: 1px solid #f5c2c7;
    color: #58151c;
}
/* /Components/Modals/AssetRecordDetailsModal.razor.rz.scp.css */
.asset-details[b-20tleh2vqb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.asset-details-section h6[b-20tleh2vqb] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.asset-link[b-20tleh2vqb] {
    text-decoration: none;
}

.asset-link:hover[b-20tleh2vqb] {
    text-decoration: underline;
}
/* /Components/Modals/BackupExportModal.razor.rz.scp.css */
.backup-section-grid[b-2grudcyu2q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.backup-section-option[b-2grudcyu2q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    min-height: 48px;
}

.backup-summary-row[b-2grudcyu2q],
.backup-job-status[b-2grudcyu2q],
.backup-counts[b-2grudcyu2q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.backup-job-panel[b-2grudcyu2q] {
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
}

.backup-counts span[b-2grudcyu2q] {
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
}
/* /Components/Modals/BackupImportModal.razor.rz.scp.css */
.backup-import-loading[b-uace57elgm],
.backup-import-summary[b-uace57elgm],
.backup-import-toolbar[b-uace57elgm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.backup-import-summary[b-uace57elgm] {
    margin-bottom: 0.75rem;
}

.backup-import-summary span[b-uace57elgm] {
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
}

.backup-import-toolbar[b-uace57elgm] {
    margin-bottom: 0.75rem;
}

.backup-import-toolbar .form-control[b-uace57elgm] {
    max-width: 320px;
}

.backup-import-toolbar .form-select[b-uace57elgm] {
    max-width: 220px;
}

.backup-staging-table[b-uace57elgm] {
    max-height: 60vh;
    overflow: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
}

.backup-staging-table table[b-uace57elgm] {
    margin-bottom: 0;
}

.backup-item-name[b-uace57elgm] {
    font-weight: 600;
}

.backup-item-meta[b-uace57elgm],
.backup-item-message[b-uace57elgm] {
    font-size: 0.82rem;
}

.backup-item-message[b-uace57elgm] {
    color: var(--bs-secondary-color);
}
/* /Components/Modals/CopySheetModal.razor.rz.scp.css */
.viewport[b-d0e5z98ypq] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateAssetTypeModal.razor.rz.scp.css */
.input-select-fixed-width[b-tagi68i9je] {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.commands-table[b-tagi68i9je] {
    background-color: var(--ib-primary-light);
    margin: auto;
}

    .commands-table td[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

    .commands-table th[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

.new-command-table[b-tagi68i9je] {
    background-color: var(--ib-primary-light);
    margin: auto;
}

    .new-command-table td[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }

    .new-command-table th[b-tagi68i9je] {
        background-color: var(--ib-primary-light);
        border-color: white;
        border-width: 1px 1px 1px 1px;
        padding: 0.5rem;
    }
/* /Components/Modals/CreateDrawingAreaModal.razor.rz.scp.css */
.viewport[b-4dyylh70re] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateDrawingModal.razor.rz.scp.css */
.viewport[b-8psr7z51mt] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateIsolationTypeModal.razor.rz.scp.css */
.checkbox-grid[b-zecwmxve1m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px; /* Adjust the gap between columns as needed */
}
.e-container.e-color-picker[b-zecwmxve1m] {
    width: 100%;
}
/* /Components/Modals/CreateManualIsolationModal.razor.rz.scp.css */
.viewport[b-37q9gcwume] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/CreateTextItemIsolationModal.razor.rz.scp.css */
.viewport[b-zb7p4wb312] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/EditDrawingPropertiesAdminModal.razor.rz.scp.css */
.drawing-properties-layout[b-ohax12jq18] {
    display: flex;
    flex-direction: column;
}

/* Two-column modal body: left preview, right content */
.drawing-modal-layout[b-ohax12jq18] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.8rem;
    width: 100%;
    /* Make height definite so the versions list can scroll and
       so the preview canvas has a real height (fixes bad viewportHeight readings) */
    height: min(70vh, 760px);
    min-height: 0;
}

.preview-pane[b-ohax12jq18],
.side-pane[b-ohax12jq18] {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.preview-pane[b-ohax12jq18] {
    gap: 0.5rem;
}

.preview-canvas-wrapper[b-ohax12jq18] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    overflow: hidden;
    background-color: #1e1e1e;
}

.preview-loading[b-ohax12jq18],
.preview-empty[b-ohax12jq18],
.preview-error[b-ohax12jq18] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem;
    text-align: center;
}

.preview-error[b-ohax12jq18] {
    color: var(--bs-danger);
    font-weight: 500;
}

.side-pane[b-ohax12jq18] {
    gap: 1rem;
}

/* Preview details (now on the right) */
.preview-details[b-ohax12jq18] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    font-size: 0.875rem;
    background-color: var(--ib-primary-dark);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin: 0;
}

    .preview-details dt[b-ohax12jq18] {
        font-weight: 600;
        margin-bottom: 0;
    }

    .preview-details dd[b-ohax12jq18] {
        margin-bottom: 0;
    }

.versions-section[b-ohax12jq18] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.warnings-section[b-ohax12jq18] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.drawing-warning-list[b-ohax12jq18] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 8rem;
    overflow-y: auto;
}

.drawing-warning-item[b-ohax12jq18],
.drawing-warning-error[b-ohax12jq18] {
    border: 1px solid rgba(250, 204, 21, 0.55);
    background: rgba(250, 204, 21, 0.12);
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
}

.drawing-warning-error[b-ohax12jq18] {
    border-color: rgba(220, 53, 69, 0.55);
    background: rgba(220, 53, 69, 0.12);
    color: var(--bs-danger);
}

.drawing-warning-version[b-ohax12jq18] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.drawing-warning-version span[b-ohax12jq18] {
    font-weight: 400;
}

.versions-scroll[b-ohax12jq18] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.versions-table[b-ohax12jq18] {
    margin-top: 0.75rem;
    width: 100%;
    display: inherit !important;
    border-radius: 0.5rem;
    padding: 0.75rem;
    background-color: var(--ib-primary-dark);
    table-layout: fixed;
}

    .versions-table tbody[b-ohax12jq18] {
        width: 100%;
    }

    .versions-table tr[b-ohax12jq18] {
        width: 100%;
        border-spacing: 0 0.7vh;
        border-collapse: separate;
        background-color: var(--ib-primary-dark);
    }

    .versions-table th[b-ohax12jq18] {
        padding-right: 1rem;
    }

    .versions-table td[b-ohax12jq18] {
        padding-right: 1rem;
    }

    .versions-table .table-active[b-ohax12jq18] {
    }

.form-section[b-ohax12jq18] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-grid[b-ohax12jq18] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.upload-section[b-ohax12jq18] {
    display: flex;
    align-items: center;
}

.previewing-pill[b-ohax12jq18] {
    background-color: rgba(171, 219, 34, 10%);
    color: var(--ib-text-primary);
    border: 2px solid var(--ib-secondary-green);
    border-radius: 2.7vh;
    padding: 0.5vh 0.5vh;
    font-size: 0.75rem;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

@media (max-height: 1079px) {
    .drawing-modal-layout[b-ohax12jq18] {
        height: min(60vh, 680px);
    }

    :deep(.modal-dialog)[b-ohax12jq18] {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
}
/* /Components/Modals/EditDrawingPropertiesModal.razor.rz.scp.css */
/* /Components/Modals/EditIsolationPointModal.razor.rz.scp.css */
.viewport[b-qoq4t7u7v1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
.note-text[b-qoq4t7u7v1] {
    color: var(--ib-text-primary);
}
.modal-form-group[b-qoq4t7u7v1] {
    color: var(--ib-text-primary);
    margin-bottom: 1rem;
}
.dropdown[b-qoq4t7u7v1]{
    width: 100%;
}
/* /Components/Modals/EditLinkModal.razor.rz.scp.css */
.viewport[b-dzwq2clhba] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
.modal-snippet-container[b-dzwq2clhba] {
    width: 100%;
    aspect-ratio: 4 / 3; /* 4:3 preview window – adjust to taste       */
    max-height: 50vh; /* don’t exceed half the viewport             */
    overflow: hidden;
}

    .modal-snippet-container svg[b-dzwq2clhba] {
        width: 100%;
        height: 100%;
    }
/* /Components/Modals/EditNodeModal.razor.rz.scp.css */
.viewport[b-t94kznn1lu] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}

.note-text[b-t94kznn1lu] {
    color: var(--ib-text-primary);
}

.modal-form-group[b-t94kznn1lu] {
    color: var(--ib-text-primary);
    margin-bottom: 20px;
}

.modal-form-group label[b-t94kznn1lu] {
    color: var(--ib-text-primary);
}

.e-float-input.e-control-wrapper[b-t94kznn1lu] {
    color: var(--ib-text-primary);
}

.dropdown[b-t94kznn1lu] {
    width: 100%;
}

.modal-snippet-container[b-t94kznn1lu] {
    width: 100%;
    aspect-ratio: 4 / 3;
    max-height: 50vh;
    overflow: hidden;
}

.modal-snippet-container .diagram-viewer-root[b-t94kznn1lu] {
    border: none;
    background: black;
    height: 100%;
    width: 100%;
}

.modal-snippet-container .diagram-viewer-content[b-t94kznn1lu] {
    top: 0;
    left: 0;
}

.search-header[b-t94kznn1lu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.edit-node-layout[b-t94kznn1lu] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
    gap: 16px;
}

.edit-node-right-pane[b-t94kznn1lu] {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 12px;
    min-height: 640px;
}

.asset-record-card-panel[b-t94kznn1lu] {
    overflow-y: auto;
    max-height: 724px;
    padding-right: 4px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.asset-record-card[b-t94kznn1lu] {
    position: relative;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--ib-text-primary);
    padding: 10px;
    min-height: 120px;
}

.asset-record-card:hover[b-t94kznn1lu] {
    background: rgba(255, 255, 255, 0.12);
}

.asset-record-card-associated[b-t94kznn1lu] {
    opacity: 0.65;
    border-color: rgba(108, 240, 108, 0.7);
}

.asset-record-associated-tick[b-t94kznn1lu] {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #45d85b;
    font-size: 1.5rem;
    font-weight: 700;
}

.asset-record-card-name[b-t94kznn1lu] {
    font-weight: 700;
    margin-bottom: 8px;
}

.asset-record-card-location[b-t94kznn1lu],
.asset-record-card-description[b-t94kznn1lu] {
    font-size: 0.9rem;
    margin-bottom: 6px;
}

.asset-record-empty-state[b-t94kznn1lu] {
    color: var(--ib-text-secondary);
    font-style: italic;
}

.asset-search-row[b-t94kznn1lu] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.asset-search-feedback[b-t94kznn1lu] {
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: var(--ib-text-secondary);
    font-size: 0.9rem;
}

.asset-search-spinner[b-t94kznn1lu] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: var(--ib-secondary-green);
    border-radius: 50%;
    animation: asset-search-spin-b-t94kznn1lu 0.8s linear infinite;
}

.asset-search-row :deep(.e-control-wrapper)[b-t94kznn1lu] {
    flex: 1;
}

.asset-search-new-button[b-t94kznn1lu] {
    white-space: nowrap;
}

@keyframes asset-search-spin-b-t94kznn1lu {
    to {
        transform: rotate(360deg);
    }
}

/* /Components/Modals/ForwardSheetModal.razor.rz.scp.css */
.viewport[b-azmq2v1rs1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/IsolateNodeModal.razor.rz.scp.css */
.isolate-node-modal[b-owpyr0urh1] {
    pointer-events: auto;
}

.isolation-dropdown-menu[b-owpyr0urh1] {
    display: block;
    position: static;
    min-width: min(320px, calc(100vw - 16px));
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

    .isolation-dropdown-menu li[b-owpyr0urh1] {
        background-color: var(--ib-primary-light);
        color: var(--ib-text-primary);
    }

.isolate-node-menu-item[b-owpyr0urh1] {
    white-space: normal;
}

.isolate-node-menu-status[b-owpyr0urh1] {
    cursor: default;
}

.isolate-node-menu-divider[b-owpyr0urh1] {
    border-color: #fff;
}

.isolation-dropdown-menu--above[b-owpyr0urh1] {
    transform-origin: bottom left;
}
/* /Components/Modals/PrintIsolationTagsModal.razor.rz.scp.css */
.print-tags-layout[b-166yapkedp] {
    color: var(--ib-text-primary);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 1.5rem;
    align-items: start;
}

.print-tags-panel[b-166yapkedp] {
    background: var(--ib-primary-light);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.print-tags-panel .text-muted[b-166yapkedp],
.print-tags-panel .form-check-label[b-166yapkedp],
.print-tags-panel .form-label[b-166yapkedp] {
    color: var(--ib-text-primary) !important;
}

.print-tags-panel .text-muted[b-166yapkedp] {
    color: var(--ib-text-muted) !important;
}

.print-tags-panel-heading[b-166yapkedp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.print-tags-fields[b-166yapkedp],
.print-tags-job-fields[b-166yapkedp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-tags-job-field[b-166yapkedp] {
    margin-bottom: 0;
}

.print-tags-selection-panel[b-166yapkedp] {
    display: flex;
    flex-direction: column;
}

.filter-bar[b-166yapkedp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.search-input-wrapper[b-166yapkedp] {
    min-width: 0;
}

.search-input[b-166yapkedp] {
    width: 100%;
}

.filter-options[b-166yapkedp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.selected-count[b-166yapkedp] {
    margin: 1rem 0 0.75rem;
    font-weight: 600;
    color: var(--ib-text-primary);
}

.checkbox-grid[b-166yapkedp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 24rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.checkbox-item[b-166yapkedp] {
    background: rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.checkbox-item:hover[b-166yapkedp] {
    border-color: rgba(171, 219, 34, 0.35);
    background: rgba(255, 255, 255, 0.05);
}

.checkbox-item .form-check-input[b-166yapkedp] {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.checkbox-item-content[b-166yapkedp] {
    min-width: 0;
}

.checkbox-item-content .form-check-label[b-166yapkedp] {
    font-weight: 600;
}

.checkbox-item-disabled[b-166yapkedp] {
    opacity: 0.7;
}

.print-tags-actions[b-166yapkedp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .print-tags-layout[b-166yapkedp] {
        grid-template-columns: 1fr;
    }

    .print-tags-panel-heading[b-166yapkedp] {
        flex-direction: column;
        align-items: stretch;
    }

    .print-tags-actions[b-166yapkedp] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Components/Modals/PublishDrawingModal.razor.rz.scp.css */
.viewport[b-vhbxlr9kir] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/RejectSheetModal.razor.rz.scp.css */
.viewport[b-5c144948em] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/RoleEditModal.razor.rz.scp.css */
.role-editor-modal-host[b-4z4it0rab4]  .modal {
    top: 0;
}

.role-editor-modal-host[b-4z4it0rab4]  .modal-dialog {
    margin: 1rem auto;
    height: calc(100vh - 2rem);
    min-height: calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
}

.role-editor-modal-host[b-4z4it0rab4]  .modal-content {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.role-editor-modal-host[b-4z4it0rab4]  .modal-header {
    flex-shrink: 0;
}

.role-editor-modal-host[b-4z4it0rab4]  .modal-footer {
    background: var(--ib-primary-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.95rem 1.25rem 1.15rem;
    flex-shrink: 0;
}

.role-editor-modal-host[b-4z4it0rab4]  .modal-body.role-editor-modal-body {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    padding: 1rem;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(171, 219, 34, 0.08), transparent 28%),
        var(--ib-primary-light);
    color: var(--ib-text-primary);
    min-height: 0;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.role-editor-form[b-4z4it0rab4] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.role-editor-shell[b-4z4it0rab4] {
    display: grid;
    grid-template-columns: minmax(440px, 1.3fr) minmax(320px, 0.7fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 1rem;
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    align-items: stretch;
}

.role-editor-create[b-4z4it0rab4] {
    padding: 1.25rem;
}

.role-editor-main[b-4z4it0rab4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.role-editor-details-section[b-4z4it0rab4] {
    align-self: start;
}

.role-editor-groups-section[b-4z4it0rab4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.role-editor-group-scroll[b-4z4it0rab4] {
    min-height: 0;
    overflow-y: auto;
    padding: 0 1rem 1rem;
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.role-editor-package-rail[b-4z4it0rab4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.role-editor-package-rail-header[b-4z4it0rab4] {
    padding: 1rem 1rem 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.role-editor-package-scroll[b-4z4it0rab4] {
    min-height: 0;
    overflow-y: auto;
}

.role-editor-package-list[b-4z4it0rab4] {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    align-content: start;
}

.role-editor-section[b-4z4it0rab4] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
        var(--ib-primary-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.role-editor-section-heading[b-4z4it0rab4] {
    margin-bottom: 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ib-text-primary);
}

.role-editor-section-copy[b-4z4it0rab4] {
    margin: 0 0 0.85rem;
    color: var(--ib-text-muted);
}

.role-editor-groups-header[b-4z4it0rab4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.role-editor-search[b-4z4it0rab4] {
    width: 320px;
    max-width: 100%;
}

.role-group-card[b-4z4it0rab4],
.role-package-card[b-4z4it0rab4] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        var(--ib-primary-light);
}

.role-group-card-header[b-4z4it0rab4],
.role-package-card-header[b-4z4it0rab4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
}

.role-group-card-heading[b-4z4it0rab4],
.role-package-card-header > div[b-4z4it0rab4] {
    min-width: 0;
}

.role-group-card-title-row[b-4z4it0rab4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.role-group-card-title-row h5[b-4z4it0rab4],
.role-package-card-header h5[b-4z4it0rab4] {
    margin: 0;
    font-size: 1rem;
    color: var(--ib-text-primary);
}

.role-group-card-heading p[b-4z4it0rab4],
.role-package-card-header p[b-4z4it0rab4] {
    margin: 0;
    color: var(--ib-text-muted);
}

.role-group-badge[b-4z4it0rab4] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: var(--ib-text-primary);
    font-size: 0.75rem;
    font-weight: 700;
}

.role-group-summary[b-4z4it0rab4] {
    display: inline-flex;
    align-items: center;
    margin-top: 0.7rem;
    padding: 0.32rem 0.68rem;
    border-radius: 999px;
    border: 1px solid rgba(171, 219, 34, 0.24);
    background: rgba(171, 219, 34, 0.12);
    color: var(--ib-secondary-green);
    font-size: 0.75rem;
    font-weight: 700;
}

.role-group-card-actions[b-4z4it0rab4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.role-group-card-actions .btn[b-4z4it0rab4] {
    border-radius: 0.7rem;
    font-weight: 600;
}

.role-group-card-body[b-4z4it0rab4],
.role-package-card-body[b-4z4it0rab4] {
    padding: 0 1rem 1rem;
}

.role-package-card-footer[b-4z4it0rab4] {
    padding: 0 1rem 1rem;
}

.role-group-note[b-4z4it0rab4] {
    margin-bottom: 0.8rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.85rem;
    border: 1px solid rgba(242, 210, 122, 0.22);
    background: rgba(242, 210, 122, 0.12);
    color: #f2d27a;
    font-size: 0.9rem;
}

.role-group-quick-levels[b-4z4it0rab4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.role-group-permission-list[b-4z4it0rab4] {
    display: grid;
    gap: 0.6rem;
}

.role-permission-row[b-4z4it0rab4] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
}

.role-permission-row.warning[b-4z4it0rab4] {
    border-color: rgba(242, 210, 122, 0.22);
    background: rgba(242, 210, 122, 0.1);
}

.role-permission-row.implicit[b-4z4it0rab4] {
    border-color: rgba(171, 219, 34, 0.18);
    background: rgba(171, 219, 34, 0.08);
}

.role-permission-row input[b-4z4it0rab4] {
    margin-top: 0.2rem;
    accent-color: var(--ib-secondary-green);
}

.role-permission-copy[b-4z4it0rab4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.role-permission-label[b-4z4it0rab4] {
    font-weight: 600;
    color: var(--ib-text-primary);
}

.role-permission-description[b-4z4it0rab4] {
    color: var(--ib-text-muted);
}

.role-permission-hint[b-4z4it0rab4] {
    margin-top: 0.25rem;
    color: var(--ib-secondary-green);
    font-size: 0.82rem;
}

.role-package-summary-line[b-4z4it0rab4] {
    padding: 0.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--ib-text-primary);
}

.role-package-summary-line:first-child[b-4z4it0rab4] {
    border-top: 0;
    padding-top: 0;
}

.role-editor-footer[b-4z4it0rab4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.role-editor-change-summary[b-4z4it0rab4] {
    flex: 1;
    color: var(--ib-text-muted);
}

.role-editor-actions[b-4z4it0rab4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.role-editor-shell .btn[b-4z4it0rab4],
.role-editor-footer .btn[b-4z4it0rab4],
.role-editor-create .btn[b-4z4it0rab4] {
    border-radius: 999px;
    box-shadow: none;
}

.role-editor-shell .btn-primary[b-4z4it0rab4],
.role-editor-footer .btn-primary[b-4z4it0rab4],
.role-editor-create .btn-primary[b-4z4it0rab4] {
    background-color: var(--ib-secondary-green);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.role-editor-shell .btn-primary:hover[b-4z4it0rab4],
.role-editor-shell .btn-primary:focus[b-4z4it0rab4],
.role-editor-shell .btn-primary:active[b-4z4it0rab4],
.role-editor-footer .btn-primary:hover[b-4z4it0rab4],
.role-editor-footer .btn-primary:focus[b-4z4it0rab4],
.role-editor-footer .btn-primary:active[b-4z4it0rab4],
.role-editor-create .btn-primary:hover[b-4z4it0rab4],
.role-editor-create .btn-primary:focus[b-4z4it0rab4],
.role-editor-create .btn-primary:active[b-4z4it0rab4] {
    background-color: #b8e533;
    border-color: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.role-editor-shell .btn-outline-primary[b-4z4it0rab4],
.role-editor-footer .btn-outline-primary[b-4z4it0rab4],
.role-editor-create .btn-outline-primary[b-4z4it0rab4] {
    background-color: transparent;
    border-color: var(--ib-secondary-green);
    color: var(--ib-secondary-green) !important;
}

.role-editor-shell .btn-outline-primary:hover[b-4z4it0rab4],
.role-editor-shell .btn-outline-primary:focus[b-4z4it0rab4],
.role-editor-shell .btn-outline-primary:active[b-4z4it0rab4],
.role-editor-footer .btn-outline-primary:hover[b-4z4it0rab4],
.role-editor-footer .btn-outline-primary:focus[b-4z4it0rab4],
.role-editor-footer .btn-outline-primary:active[b-4z4it0rab4],
.role-editor-create .btn-outline-primary:hover[b-4z4it0rab4],
.role-editor-create .btn-outline-primary:focus[b-4z4it0rab4],
.role-editor-create .btn-outline-primary:active[b-4z4it0rab4] {
    background-color: rgba(171, 219, 34, 0.12);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.role-editor-shell .btn-outline-secondary[b-4z4it0rab4],
.role-editor-footer .btn-outline-secondary[b-4z4it0rab4],
.role-editor-create .btn-outline-secondary[b-4z4it0rab4] {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--ib-text-primary) !important;
}

.role-editor-shell .btn-outline-secondary:hover[b-4z4it0rab4],
.role-editor-shell .btn-outline-secondary:focus[b-4z4it0rab4],
.role-editor-shell .btn-outline-secondary:active[b-4z4it0rab4],
.role-editor-footer .btn-outline-secondary:hover[b-4z4it0rab4],
.role-editor-footer .btn-outline-secondary:focus[b-4z4it0rab4],
.role-editor-footer .btn-outline-secondary:active[b-4z4it0rab4],
.role-editor-create .btn-outline-secondary:hover[b-4z4it0rab4],
.role-editor-create .btn-outline-secondary:focus[b-4z4it0rab4],
.role-editor-create .btn-outline-secondary:active[b-4z4it0rab4] {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.32);
    color: var(--ib-text-primary) !important;
}

.role-editor-shell .btn-outline-danger[b-4z4it0rab4],
.role-editor-footer .btn-outline-danger[b-4z4it0rab4],
.role-editor-create .btn-outline-danger[b-4z4it0rab4] {
    background-color: transparent;
    border-color: rgba(255, 116, 116, 0.75);
    color: var(--ib-secondary-danger) !important;
}

.role-editor-shell .btn-outline-danger:hover[b-4z4it0rab4],
.role-editor-shell .btn-outline-danger:focus[b-4z4it0rab4],
.role-editor-shell .btn-outline-danger:active[b-4z4it0rab4],
.role-editor-footer .btn-outline-danger:hover[b-4z4it0rab4],
.role-editor-footer .btn-outline-danger:focus[b-4z4it0rab4],
.role-editor-footer .btn-outline-danger:active[b-4z4it0rab4],
.role-editor-create .btn-outline-danger:hover[b-4z4it0rab4],
.role-editor-create .btn-outline-danger:focus[b-4z4it0rab4],
.role-editor-create .btn-outline-danger:active[b-4z4it0rab4] {
    background-color: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.role-editor-shell .btn-link[b-4z4it0rab4],
.role-editor-footer .btn-link[b-4z4it0rab4],
.role-editor-create .btn-link[b-4z4it0rab4] {
    color: var(--ib-secondary-green);
    text-decoration: none;
}

.role-editor-shell .btn-link:hover[b-4z4it0rab4],
.role-editor-shell .btn-link:focus[b-4z4it0rab4],
.role-editor-footer .btn-link:hover[b-4z4it0rab4],
.role-editor-footer .btn-link:focus[b-4z4it0rab4],
.role-editor-create .btn-link:hover[b-4z4it0rab4],
.role-editor-create .btn-link:focus[b-4z4it0rab4] {
    color: #b8e533;
}

.role-editor-shell .btn:disabled[b-4z4it0rab4],
.role-editor-footer .btn:disabled[b-4z4it0rab4],
.role-editor-create .btn:disabled[b-4z4it0rab4] {
    opacity: 0.5;
}

.role-editor-group-scroll[b-4z4it0rab4],
.role-editor-package-scroll[b-4z4it0rab4] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.role-editor-group-scroll[b-4z4it0rab4]::-webkit-scrollbar,
.role-editor-package-scroll[b-4z4it0rab4]::-webkit-scrollbar {
    width: 0.55rem;
}

.role-editor-group-scroll[b-4z4it0rab4]::-webkit-scrollbar-thumb,
.role-editor-package-scroll[b-4z4it0rab4]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px;
}

@media (max-width: 1400px) {
    .role-editor-shell[b-4z4it0rab4] {
        grid-template-columns: minmax(380px, 1.2fr) minmax(300px, 0.8fr);
    }
}

@media (max-width: 991.98px) {
    .role-editor-modal-host[b-4z4it0rab4]  .modal-dialog {
        margin: 0.75rem auto;
        height: calc(100vh - 1.5rem);
        min-height: calc(100vh - 1.5rem);
        max-height: calc(100vh - 1.5rem);
    }

    .role-editor-modal-host[b-4z4it0rab4]  .modal-content {
        height: 100%;
        max-height: 100%;
    }

    .role-editor-shell[b-4z4it0rab4] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        height: 100%;
    }

    .role-editor-main[b-4z4it0rab4] {
        grid-template-rows: auto auto;
        height: auto;
    }

    .role-editor-groups-section[b-4z4it0rab4] {
        grid-template-rows: auto auto;
    }

    .role-editor-group-scroll[b-4z4it0rab4] {
        overflow-y: auto;
    }

    .role-editor-package-rail[b-4z4it0rab4] {
        min-height: 24rem;
    }

    .role-editor-package-list[b-4z4it0rab4] {
        grid-template-columns: 1fr;
    }

    .role-editor-groups-header[b-4z4it0rab4],
    .role-group-card-header[b-4z4it0rab4],
    .role-package-card-header[b-4z4it0rab4],
    .role-editor-footer[b-4z4it0rab4] {
        flex-direction: column;
        align-items: stretch;
    }

    .role-group-card-actions[b-4z4it0rab4],
    .role-editor-actions[b-4z4it0rab4] {
        justify-content: flex-start;
    }

    .role-editor-search[b-4z4it0rab4] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .role-editor-modal-host[b-4z4it0rab4]  .modal-footer {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .role-editor-modal-host[b-4z4it0rab4]  .modal-body.role-editor-modal-body,
    .role-editor-create[b-4z4it0rab4],
    .role-editor-groups-header[b-4z4it0rab4],
    .role-editor-group-scroll[b-4z4it0rab4],
    .role-editor-package-rail-header[b-4z4it0rab4],
    .role-editor-package-list[b-4z4it0rab4] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .role-editor-package-list[b-4z4it0rab4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Modals/SetExpiryDateModal.razor.rz.scp.css */
.set-expiry-modal[b-g8xniufrh1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.set-expiry-modal-description[b-g8xniufrh1] {
    color: var(--ib-text-disabled);
    font-size: var(--ib-font-size-smaller);
    line-height: 1.4;
}

.set-expiry-modal-field[b-g8xniufrh1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .set-expiry-modal-field .form-label[b-g8xniufrh1] {
        margin-bottom: 0;
        font-weight: 600;
    }

.set-expiry-modal-date[b-g8xniufrh1] {
    max-width: 18rem;
}

.set-expiry-modal-footer[b-g8xniufrh1] {
    justify-content: flex-end;
}
/* /Components/Modals/Testing/SendNotificationModal.razor.rz.scp.css */
.viewport[b-7rck7lchas] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /Components/Modals/UserRolesModal.razor.rz.scp.css */
.checkbox-grid[b-hcbbfgwf33] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px; /* Adjust the gap between columns as needed */
}
/* /Components/Nav/SidebarNavButton.razor.rz.scp.css */
/* /Components/PdfView.razor.rz.scp.css */
.pdfView[b-96sc9meq5x] {
    width: 100%;
    height: 100%;
}
/* /Components/TabbedView.razor.rz.scp.css */
/* /Components/Tables/DrawingAssetRecordsTable.razor.rz.scp.css */
/* ===== Tree table – structure & layout ===== */
.ib-treegrid[b-kpq0l16pps] {
    display: flex;
    flex-direction: column;
    gap: var(--ib-margin-smaller);
}

.ib-treegrid-toolbar[b-kpq0l16pps] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.ib-treegrid-scroll[b-kpq0l16pps] {
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--ib-border-radius);
    position: relative; /* required for sticky positioning context */
    max-height: 60vh;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--ib-primary-dark);
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.18);
}

.ib-treegrid-table[b-kpq0l16pps] {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary);
}

    .ib-treegrid-table thead th[b-kpq0l16pps] {
        position: sticky;
        top: 0;
        z-index: 3; /* above all body rows */
        background-color: var(--ib-primary-dark);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
        padding: 0.85rem 1rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: var(--ib-text-primary);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

        .ib-treegrid-table thead th:first-child[b-kpq0l16pps] {
            border-top-left-radius: var(--ib-border-radius);
            border-bottom-left-radius: var(--ib-border-radius);
        }

        .ib-treegrid-table thead th:last-child[b-kpq0l16pps] {
            border-top-right-radius: var(--ib-border-radius);
            border-bottom-right-radius: var(--ib-border-radius);
        }

/* ===== Rows ===== */
.tg-row td[b-kpq0l16pps] {
    background-color: var(--ib-primary-dark);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    vertical-align: middle;
    padding: 0.75rem 1rem;
    color: var(--ib-text-primary);
}

.asset-leaf-blank[b-kpq0l16pps] {
    background-color: var(--ib-primary-dark) !important;
    width: 1.75rem;
    padding: 0 !important;
}

/* Make grouped rows look like Jira "section" items with a subtle accent bar */
.tg-row.group td[b-kpq0l16pps] {
    position: relative;
    padding: 0.85rem 1rem;
}

    /* Force grouped rows (Area, Drawing) to appear as one full-width block */
    .tg-row.group td.cell-hierarchy[colspan][b-kpq0l16pps] {
        display: table-cell;
        width: 100%;
        background-color: var(--ib-primary-light);
        /* Remove the gap effect from separate border model */
        border-spacing: 0;
    }

    /* Reset background of non-hierarchy cells in grouped rows */
    .tg-row.group td:not(.cell-hierarchy)[b-kpq0l16pps] {
        background: transparent !important;
        padding: 0;
    }

.tg-row.group.area td[b-kpq0l16pps]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    background: var(--ib-secondary-green);
    opacity: .35;
    border-top-left-radius: var(--ib-border-radius);
    border-bottom-left-radius: var(--ib-border-radius);
}

.tg-row.group td[b-kpq0l16pps] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ===== Indentation per hierarchy level ===== */
.tg-row[aria-level="1"] td.cell-hierarchy[b-kpq0l16pps] {
    padding-left: 0.5rem; /* Area level – minimal indent */
}

.tg-row[aria-level="2"] td.cell-hierarchy[b-kpq0l16pps] {
    padding-left: 2rem; /* Drawing level – more indent */
}

.tg-row[aria-level="3"] td.cell-hierarchy[b-kpq0l16pps] {
}

/* Optional: keep twisty and bullet aligned properly */
.tg-row[aria-level="2"] .twisty[b-kpq0l16pps] {
    margin-left: 0.5rem;
}

.tg-row[aria-level="3"] .leaf-bullet[b-kpq0l16pps] {
    margin-left: 1.1rem;
}
/* Indentation & hierarchy column */
.col-hierarchy[b-kpq0l16pps],
.cell-hierarchy[b-kpq0l16pps] {
    text-align: left !important;
}

.cell-hierarchy[b-kpq0l16pps] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

/* Toggle (▸/▾) */
.twisty[b-kpq0l16pps] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--ib-text-primary);
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 0.5rem;
}

    .twisty:focus-visible[b-kpq0l16pps] {
        outline: 2px solid var(--ib-secondary-green);
        outline-offset: 2px;
    }

/* Titles & subtle text */
.group-title[b-kpq0l16pps] {
    font-weight: 600;
}

.muted[b-kpq0l16pps] {
    opacity: .7;
}

/* Chips like "IN PROGRESS" in the screenshot */
.pill[b-kpq0l16pps] {
    display: inline-flex;
    align-items: center;
    height: 1.35rem;
    border-radius: 1rem;
    padding: 0 .6rem;
    font-size: var(--ib-font-size-small);
    line-height: 1;
    border: 1px solid transparent;
}

.pill-neutral[b-kpq0l16pps] {
    background: var(--ib-green-faded);
    border-color: var(--ib-secondary-green);
}

.pill-danger[b-kpq0l16pps] {
    background: var(--ib-secondary-danger);
    border-color: var(--ib-secondary-danger);
}

/* Leaf rows (assets) */
.tg-row.asset td[b-kpq0l16pps] {
    background-color: var(--ib-primary-dark);
}

.tg-row.asset:nth-of-type(even) td[b-kpq0l16pps] {
    background-color: rgba(255, 255, 255, 0.02);
}

.tg-row.asset:hover td[b-kpq0l16pps],
.tg-row.asset:focus-visible td[b-kpq0l16pps],
.tg-row.asset:focus-within td[b-kpq0l16pps] {
    background-color: rgba(171, 219, 34, 0.12);
}

/* Add a small square bullet to leaf names so the eye sees the hierarchy */
.leaf-bullet[b-kpq0l16pps] {
    width: .55rem;
    height: .55rem;
    background: var(--ib-secondary-green);
    border-radius: 2px;
    display: inline-block;
    margin-right: .35rem;
}

/* Loading spinner (tiny, unobtrusive) */
.spinner[b-kpq0l16pps] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: var(--ib-secondary-green);
    border-radius: 50%;
    animation: ibspin-b-kpq0l16pps .8s linear infinite;
}

@keyframes ibspin-b-kpq0l16pps {
    to {
        transform: rotate(360deg);
    }
}

/* Utility spacing so we don't rely on Bootstrap spacing helpers */
.ms-1[b-kpq0l16pps] {
    margin-left: .25rem;
}

.ms-2[b-kpq0l16pps] {
    margin-left: .5rem;
}

.me-2[b-kpq0l16pps] {
    margin-right: .5rem;
}

.tg-row.asset[b-kpq0l16pps] {
    cursor: pointer;
}
/* /Components/Tables/IsolationPointsTable.razor.rz.scp.css */
/* /Components/Tables/MasterdataTables/IsolationsMasterdataTable.razor.rz.scp.css */
.isolations-masterdata-table[b-ft8sitq3u3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.isolations-masterdata-filters[b-ft8sitq3u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.isolations-masterdata-summary[b-ft8sitq3u3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--ib-text-muted);
    font-weight: 700;
}

.isolations-masterdata-table-shell[b-ft8sitq3u3],
.isolations-masterdata-detail-table-shell[b-ft8sitq3u3] {
    overflow: auto;
}

.isolations-masterdata-sheet-table[b-ft8sitq3u3],
.isolations-masterdata-isolation-table[b-ft8sitq3u3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.35rem;
}

.isolations-masterdata-sheet-table th[b-ft8sitq3u3],
.isolations-masterdata-isolation-table th[b-ft8sitq3u3] {
    color: var(--ib-text-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.isolations-masterdata-sheet-table td[b-ft8sitq3u3],
.isolations-masterdata-sheet-table th[b-ft8sitq3u3],
.isolations-masterdata-isolation-table td[b-ft8sitq3u3],
.isolations-masterdata-isolation-table th[b-ft8sitq3u3] {
    padding: 0.55rem 0.65rem;
    vertical-align: top;
}

.isolations-masterdata-sheet-row td[b-ft8sitq3u3] {
    background: var(--ib-primary-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--ib-text-primary);
}

.isolations-masterdata-sheet-row td:first-child[b-ft8sitq3u3] {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.isolations-masterdata-sheet-row td:last-child[b-ft8sitq3u3] {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.isolations-masterdata-detail-row td[b-ft8sitq3u3] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: var(--ib-text-primary);
}

.isolations-masterdata-isolation-table td[b-ft8sitq3u3] {
    min-width: 110px;
    background: var(--ib-primary-dark);
    color: var(--ib-text-primary);
}

.isolations-masterdata-icon-button[b-ft8sitq3u3] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    background: transparent;
    color: var(--ib-text-primary);
    font-weight: 700;
}

.isolations-masterdata-counts[b-ft8sitq3u3] {
    display: block;
    margin-top: 0.2rem;
    color: var(--ib-text-muted);
    white-space: nowrap;
}
/* /Components/TabPageTopRibbon.razor.rz.scp.css */
.ribbon-header[b-mrdd5eh5ki] {
    padding: 1rem;
}
.bb-ribbon-item[b-mrdd5eh5ki] {
    color: #fff;
}
.nav[b-mrdd5eh5ki] {
    display: none !important;
}
#button[b-mrdd5eh5ki] {
    padding: 4rem;
}

.drawing-header-table[b-mrdd5eh5ki] {
    margin-left: auto;
}

.drawing-info-cell[b-mrdd5eh5ki] {
    display: flex;
    color: white;
}
.attach-new-drawing-button:hover[b-mrdd5eh5ki] {
    opacity: 0.8; /* Optional: Change opacity on hover */
}

.tab-content[b-mrdd5eh5ki] {
    align-items: center;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.top-row[b-1gm8dkca5s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--ib-primary-dark);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 1vh;
    padding-left: 1.99vh;
    height: 5vh;
}

.fullscreen-spacer[b-1gm8dkca5s] {
    margin-bottom: var(--ib-margin-standard);
}

.sidebar-hover-zone[b-1gm8dkca5s] {
    position: relative;
}

    .sidebar-hover-zone[b-1gm8dkca5s]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 18px; 
        pointer-events: auto;
    }

.layout-row[b-1gm8dkca5s] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.sidebar-overlay[b-1gm8dkca5s] {
    --admin-sidebar-width: 280px;
    position: fixed;
    top: 5vh;
    left: 0;
    height: calc(100vh - 5vh);
    width: var(--admin-sidebar-width);
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
    z-index: 1200;
}

    .sidebar-overlay.show[b-1gm8dkca5s] {
        transform: translateX(0);
        opacity: 1;
        pointer-events: auto;
    }

.sidebar-region[b-1gm8dkca5s] {
    flex: 0 0 var(--admin-sidebar-width, 280px);
}

    .sidebar-region.hidden[b-1gm8dkca5s] {
        flex-basis: 0;
        width: 0;
        overflow: hidden;
    }

.sidebar-pinned[b-1gm8dkca5s] {
    height: 100%;
}

.main-region[b-1gm8dkca5s] {
    flex: 1 1 auto;
    min-width: 0;
}

.navbar-breadcrumb[b-1gm8dkca5s] {
    margin-left: 0.2rem;
    color: var(--ib-text-primary);
    text-decoration: none;
    font-size: var(--ib-font-size-smaller);
}

.site-title[b-1gm8dkca5s] {
    margin-right: auto;
}

.page-layout[b-1gm8dkca5s] {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto; /* take remaining space */
    min-height: 0; /* ✅ critical: allow it to shrink */
    overflow: hidden; /* contain overflow so children can scroll */
}

.sidebar-column[b-1gm8dkca5s] {
    flex: 0 0 var(--admin-sidebar-width, 280px);
    height: 100%;
}

    .sidebar-column.hidden[b-1gm8dkca5s] {
        display: none;
    }

.main-column[b-1gm8dkca5s] {
    height: 100%;
    padding-top: var(--ib-margin-standard);
}

.user-area-header[b-1gm8dkca5s] {
    display: flex;
    align-items: center; /* Centers vertically */
    flex-direction: row;
    flex-wrap: inherit;
    margin-bottom: var(--ib-margin-standard);
}

.user-area-heading[b-1gm8dkca5s] {
    margin: 0px;
    margin-right: 24px;
    margin-left: var(--ib-margin-standard);
}

.logo-section[b-1gm8dkca5s] {
    display: flex;
    align-items: center;
}

.logo-image[b-1gm8dkca5s] {
    height: 2.5vh;
    margin-right: 1rem;
}

.user-section[b-1gm8dkca5s] {
    display: flex;
    align-items: center;
}

.icon-button[b-1gm8dkca5s] {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

    .icon-button:hover[b-1gm8dkca5s] {
        color: #bbb;
    }

/* /Layout/NavMenu_Admin.razor.rz.scp.css */
/* /Layout/NavMenu_Help.razor.rz.scp.css */

/* /Layout/NotificationsWindow.razor.rz.scp.css */
.icon-container[b-jyjwudbvp4] {
    position: relative;
    display: inline-block;
}

.notification-dot[b-jyjwudbvp4] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2vh;
    height: 1.2vh;
    background-color: red;
    border-radius: 50%;
    border: 0.3vh solid white; /* Optional: adds a white border around the red dot */
}

.notification-window[b-jyjwudbvp4] {
}

.notification-item[b-jyjwudbvp4] {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s ease; /* Smooth transition */
}

    .notification-item:hover[b-jyjwudbvp4] {
        background-color: #f0f0f0; /* Change background color on hover */
    }

.close-button[b-jyjwudbvp4] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: none;
    color: #888;
    font-size: 16px;
    cursor: pointer;
}

    .close-button:hover[b-jyjwudbvp4] {
        color: #000;
    }

.unread-dot[b-jyjwudbvp4] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    margin-left: 10px;
}
/* /Layout/Searchbar.razor.rz.scp.css */

.search-results-overlay[b-9o3we15viz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-9o3we15viz] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/AdvancedSearch/AdvancedSearchModal.razor.rz.scp.css */
.advanced-search-modal[b-vac17mhnhn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.advanced-search-context[b-vac17mhnhn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.advanced-search-group[b-vac17mhnhn] {
    background-color: var(--ib-primary-dark);
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
}

.advanced-search-group-title[b-vac17mhnhn] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.advanced-search-group-options[b-vac17mhnhn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.5rem 1rem;
}

.advanced-search-option[b-vac17mhnhn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.advanced-search-scope[b-vac17mhnhn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.advanced-search-scope-label[b-vac17mhnhn] {
    font-weight: 600;
}

.advanced-search-results[b-vac17mhnhn] {
    border-top: 1px solid var(--ib-secondary-grey);
    padding-top: 1rem;
    background-color: var(--ib-primary-dark);
    border: 1px solid var(--ib-secondary-grey);
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
    flex: 1 1 auto;
    min-height: 0; /* often also needed on nested flex children */
    overflow: auto;
}
/* /Layout/Searchbars/Searchbar_Drawings.razor.rz.scp.css */

.search-results-overlay[b-2p8wpmi7zc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-2p8wpmi7zc] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_FreeText.razor.rz.scp.css */

.search-results-overlay[b-9f34pm6j44] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-9f34pm6j44] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_NodesDrawings.razor.rz.scp.css */

.search-results-overlay[b-bll5akgsnu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-bll5akgsnu] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Layout/Searchbars/Searchbar_Sheets.razor.rz.scp.css */

.search-results-overlay[b-ywc9dkrfze] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.search-results-window[b-ywc9dkrfze] {
    background-color: var(--ib-primary-dark);
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    border-radius: 8px;
    max-height: 80%;
    width: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* /Pages/Areas/Admin/AdminIntegrationWork.razor.rz.scp.css */
.integration-work-page[b-w6mn6neg6n] {
    --integration-work-shell-offset: var(--ib-app-shell-offset, 6.75rem);
    --integration-work-surface: var(--ib-primary-dark);
    --integration-work-border: rgba(255, 255, 255, 0.08);
    --integration-work-muted: var(--ib-text-muted);
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem 0.9rem 1rem;
    box-sizing: border-box;
    block-size: calc(100vh - var(--integration-work-shell-offset));
    block-size: calc(100dvh - var(--integration-work-shell-offset));
    overflow: hidden;
}

.integration-work-shell[b-w6mn6neg6n] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 0;
    flex: 1;
}

.integration-work-loading[b-w6mn6neg6n] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.integration-work-topbar[b-w6mn6neg6n],
.integration-work-panel[b-w6mn6neg6n],
.integration-work-callout[b-w6mn6neg6n] {
    background: var(--integration-work-surface);
    border: 1px solid var(--integration-work-border);
    border-radius: 1.15rem;
}

.integration-work-topbar[b-w6mn6neg6n] {
    padding: 0.75rem 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
}

.integration-work-topbar-main[b-w6mn6neg6n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 34rem;
}

.integration-work-kicker[b-w6mn6neg6n] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ib-secondary-green);
}

.integration-work-title-row[b-w6mn6neg6n] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.integration-work-topbar-main h1[b-w6mn6neg6n],
.integration-work-panel-header h3[b-w6mn6neg6n],
.integration-work-section-header h4[b-w6mn6neg6n] {
    margin: 0;
}

.integration-work-topbar-main h1[b-w6mn6neg6n] {
    font-size: 1.08rem;
    line-height: 1.15;
}

.integration-work-panel-header h3[b-w6mn6neg6n] {
    font-size: 0.98rem;
    line-height: 1.15;
}

.integration-work-section-header h4[b-w6mn6neg6n] {
    font-size: 0.9rem;
    line-height: 1.15;
}

.integration-work-topbar-main p[b-w6mn6neg6n],
.integration-work-panel-header p[b-w6mn6neg6n],
.integration-work-section-header p[b-w6mn6neg6n],
.integration-work-empty-state p[b-w6mn6neg6n],
.integration-work-callout[b-w6mn6neg6n],
.integration-work-error p[b-w6mn6neg6n] {
    margin: 0;
    color: var(--integration-work-muted);
}

.integration-work-topbar-main p[b-w6mn6neg6n],
.integration-work-panel-header p[b-w6mn6neg6n],
.integration-work-section-header p[b-w6mn6neg6n] {
    font-size: 0.8rem;
}

.integration-work-toolbar[b-w6mn6neg6n] {
    display: flex;
    gap: 0.7rem;
    align-items: end;
    flex-wrap: wrap;
}

.integration-work-filter[b-w6mn6neg6n] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 15rem;
}

.integration-work-filter-search[b-w6mn6neg6n] {
    min-width: 18rem;
}

.integration-work-filter > span[b-w6mn6neg6n] {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--integration-work-muted);
}

.integration-work-toggle[b-w6mn6neg6n] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.75rem;
    padding: 0.2rem 0.2rem 0.2rem 0.1rem;
    color: var(--ib-text-primary);
}

.integration-work-toggle span[b-w6mn6neg6n] {
    font-size: 0.82rem;
}

.integration-work-toggle .form-check-input[b-w6mn6neg6n] {
    margin: 0;
    cursor: pointer;
}

.integration-work-page .form-select[b-w6mn6neg6n],
.integration-work-page .form-control[b-w6mn6neg6n],
.integration-work-page .btn[b-w6mn6neg6n] {
    border-radius: 2.7vh;
}

.integration-work-page .btn[b-w6mn6neg6n] {
    box-shadow: none;
}

.integration-work-page .btn-outline-light[b-w6mn6neg6n] {
    background-color: var(--ib-primary-dark);
    border: 2px solid var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.integration-work-page .btn-outline-light:hover[b-w6mn6neg6n],
.integration-work-page .btn-outline-light:focus[b-w6mn6neg6n],
.integration-work-page .btn-outline-light:active[b-w6mn6neg6n] {
    background-color: rgba(171, 219, 34, 0.12);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.integration-work-page .btn-warning[b-w6mn6neg6n] {
    background-color: #f6c453;
    border-color: #f6c453;
    color: #101820 !important;
}

.integration-work-page .btn-warning:hover[b-w6mn6neg6n],
.integration-work-page .btn-warning:focus[b-w6mn6neg6n],
.integration-work-page .btn-warning:active[b-w6mn6neg6n] {
    background-color: #ffd06a;
    border-color: #ffd06a;
    color: #101820 !important;
}

.integration-work-page .btn-outline-danger[b-w6mn6neg6n] {
    background-color: var(--ib-primary-dark);
    border: 2px solid rgba(255, 116, 116, 0.82);
    color: var(--ib-secondary-danger) !important;
}

.integration-work-page .btn-outline-danger:hover[b-w6mn6neg6n],
.integration-work-page .btn-outline-danger:focus[b-w6mn6neg6n],
.integration-work-page .btn-outline-danger:active[b-w6mn6neg6n] {
    background-color: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.integration-work-callout[b-w6mn6neg6n] {
    padding: 0.85rem 1rem;
    font-size: 0.82rem;
}

.integration-work-chip[b-w6mn6neg6n],
.integration-work-status[b-w6mn6neg6n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.73rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
    white-space: nowrap;
}

.integration-work-chip.success[b-w6mn6neg6n],
.integration-work-status.success[b-w6mn6neg6n] {
    background: rgba(171, 219, 34, 0.16);
    border-color: rgba(171, 219, 34, 0.35);
    color: #d5f27f;
}

.integration-work-chip.neutral[b-w6mn6neg6n],
.integration-work-status.neutral[b-w6mn6neg6n],
.integration-work-status.skipped[b-w6mn6neg6n] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--ib-text-primary);
}

.integration-work-chip.danger[b-w6mn6neg6n],
.integration-work-status.poisoned[b-w6mn6neg6n],
.integration-work-status.cancelled[b-w6mn6neg6n] {
    background: rgba(255, 116, 116, 0.16);
    border-color: rgba(255, 116, 116, 0.35);
    color: #ffb1b1;
}

.integration-work-status.pending[b-w6mn6neg6n] {
    background: rgba(120, 196, 255, 0.16);
    border-color: rgba(120, 196, 255, 0.35);
    color: #b8dcff;
}

.integration-work-status.progress[b-w6mn6neg6n] {
    background: rgba(124, 177, 255, 0.16);
    border-color: rgba(124, 177, 255, 0.35);
    color: #c2d8ff;
}

.integration-work-status.retrying[b-w6mn6neg6n] {
    background: rgba(246, 196, 83, 0.16);
    border-color: rgba(246, 196, 83, 0.35);
    color: #ffd978;
}

.integration-work-summary-grid[b-w6mn6neg6n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.875rem;
    min-width: 0;
}

.integration-work-panel[b-w6mn6neg6n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding-bottom: 2rem;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.integration-work-panel-header[b-w6mn6neg6n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.8rem 0.9rem 0.6rem;
    border-bottom: 1px solid var(--integration-work-border);
}

.integration-work-panel-body[b-w6mn6neg6n] {
    padding: 0.85rem 0.9rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 0;
    min-width: 0;
}

.integration-work-summary-stats[b-w6mn6neg6n],
.integration-work-detail-grid[b-w6mn6neg6n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 1rem;
    margin: 0;
}

.integration-work-summary-stats div[b-w6mn6neg6n],
.integration-work-detail-grid div[b-w6mn6neg6n] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--integration-work-border);
    border-radius: 0.95rem;
    padding: 0.7rem 0.8rem;
}

.integration-work-summary-stats dt[b-w6mn6neg6n],
.integration-work-detail-grid dt[b-w6mn6neg6n] {
    margin: 0 0 0.28rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--integration-work-muted);
}

.integration-work-summary-stats dd[b-w6mn6neg6n],
.integration-work-detail-grid dd[b-w6mn6neg6n] {
    margin: 0;
    font-size: 0.92rem;
}

.integration-work-summary-stats dd[b-w6mn6neg6n] {
    font-size: 1rem;
    font-weight: 700;
}

.integration-work-content-grid[b-w6mn6neg6n] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
    gap: 0.875rem;
    min-height: 0;
}

.integration-work-list-panel[b-w6mn6neg6n],
.integration-work-details-panel[b-w6mn6neg6n] {
    min-height: 0;
}

.integration-work-details-panel[b-w6mn6neg6n] {
    overflow: hidden;
}

.integration-work-details-panel .integration-work-panel-body[b-w6mn6neg6n] {
    overflow-y: auto;
    overflow-x: hidden;
}

.integration-work-empty-state[b-w6mn6neg6n],
.integration-work-error[b-w6mn6neg6n] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--integration-work-border);
    border-radius: 0.95rem;
    padding: 0.95rem 1rem;
}

.integration-work-empty-state[b-w6mn6neg6n] {
    display: grid;
    gap: 0.35rem;
}

.integration-work-empty-state.compact[b-w6mn6neg6n] {
    padding: 0.85rem 0.9rem;
}

.integration-work-error[b-w6mn6neg6n] {
    display: grid;
    gap: 0.3rem;
    border-color: rgba(255, 116, 116, 0.35);
    background: rgba(255, 116, 116, 0.08);
}

.integration-work-inline-actions[b-w6mn6neg6n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.integration-work-status-stack[b-w6mn6neg6n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.integration-work-detail-section[b-w6mn6neg6n] {
    display: grid;
    gap: 0.65rem;
    min-height: 0;
}

.integration-work-section-header[b-w6mn6neg6n] {
    display: grid;
    gap: 0.22rem;
}

.integration-work-table-shell[b-w6mn6neg6n] {
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--integration-work-border);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.02);
}

.integration-work-table[b-w6mn6neg6n] {
    width: 100%;
    border-collapse: collapse;
    min-width: 40rem;
}

.integration-work-items-table[b-w6mn6neg6n] {
    min-width: 0;
    table-layout: fixed;
}

.integration-work-items-table .integration-work-col-queue[b-w6mn6neg6n] {
    width: 8rem;
}

.integration-work-items-table .integration-work-col-entity[b-w6mn6neg6n] {
    width: 8.5rem;
}

.integration-work-items-table .integration-work-col-action[b-w6mn6neg6n] {
    width: 6.5rem;
}

.integration-work-items-table .integration-work-col-status[b-w6mn6neg6n] {
    width: 8.75rem;
}

.integration-work-items-table .integration-work-col-attempts[b-w6mn6neg6n] {
    width: 5.25rem;
}

.integration-work-items-table .integration-work-col-failure[b-w6mn6neg6n] {
    width: 8rem;
}

.integration-work-items-table .integration-work-col-next-attempt[b-w6mn6neg6n] {
    width: 8.5rem;
}

.integration-work-items-table .integration-work-col-actions[b-w6mn6neg6n] {
    width: 6rem;
}

.integration-work-table.compact[b-w6mn6neg6n] {
    min-width: 30rem;
}

.integration-work-table th[b-w6mn6neg6n],
.integration-work-table td[b-w6mn6neg6n] {
    padding: 0.8rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    vertical-align: middle;
}

.integration-work-table th[b-w6mn6neg6n] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(10, 24, 33, 0.96);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--integration-work-muted);
}

.integration-work-table tbody tr[b-w6mn6neg6n] {
    transition: background-color 120ms ease;
}

.integration-work-table tbody tr:hover[b-w6mn6neg6n] {
    background: rgba(255, 255, 255, 0.04);
}

.integration-work-table tbody tr.selected[b-w6mn6neg6n] {
    background: rgba(171, 219, 34, 0.08);
}

.integration-work-table-actions[b-w6mn6neg6n] {
    text-align: right;
}

.integration-work-items-table th[b-w6mn6neg6n],
.integration-work-items-table td[b-w6mn6neg6n] {
    overflow: hidden;
    padding-inline: 0.65rem;
}

.integration-work-items-table code[b-w6mn6neg6n],
.integration-work-failure-preview[b-w6mn6neg6n] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integration-work-failure-heading[b-w6mn6neg6n],
.integration-work-failure-cell[b-w6mn6neg6n] {
    max-width: 9rem;
}

.integration-work-items-table .integration-work-table-actions[b-w6mn6neg6n] {
    white-space: nowrap;
}

.integration-work-payload[b-w6mn6neg6n] {
    margin: 0;
    padding: 0.95rem 1rem;
    min-block-size: clamp(18rem, 42vh, 34rem);
    max-block-size: 70vh;
    overflow: auto;
    border-radius: 0.95rem;
    border: 1px solid var(--integration-work-border);
    background: rgba(0, 0, 0, 0.24);
    color: #ebf2f7;
    font-size: 0.76rem;
    line-height: 1.45;
    white-space: pre;
    tab-size: 4;
    resize: vertical;
}

.integration-work-page code[b-w6mn6neg6n],
.integration-work-page pre[b-w6mn6neg6n] {
    font-family: "Cascadia Code", Consolas, monospace;
}

@media (max-width: 1180px) {
    .integration-work-summary-grid[b-w6mn6neg6n],
    .integration-work-content-grid[b-w6mn6neg6n] {
        grid-template-columns: 1fr;
    }

    .integration-work-page[b-w6mn6neg6n] {
        overflow: auto;
        block-size: auto;
    }
}

@media (max-width: 760px) {
    .integration-work-page[b-w6mn6neg6n] {
        padding-inline: 0.55rem;
    }

    .integration-work-topbar[b-w6mn6neg6n],
    .integration-work-panel-header[b-w6mn6neg6n],
    .integration-work-panel-body[b-w6mn6neg6n] {
        padding-inline: 0.75rem;
    }

    .integration-work-toolbar[b-w6mn6neg6n],
    .integration-work-filter[b-w6mn6neg6n] {
        width: 100%;
    }

    .integration-work-filter[b-w6mn6neg6n] {
        min-width: 0;
    }

    .integration-work-summary-stats[b-w6mn6neg6n],
    .integration-work-detail-grid[b-w6mn6neg6n] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Areas/Admin/AdminMasterdata.razor.rz.scp.css */
.masterdata-header-container[b-g2dgpug40a] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
    margin-left: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-standard);
}

.masterdata-header-container h4[b-g2dgpug40a] {
    margin: 0px;
}

.csv-buttons-container[b-g2dgpug40a] {
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
    margin-bottom: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
}

.masterdata-header-container .header-buttons-container[b-g2dgpug40a] {
    margin-left: auto; /* Pushes the button container to the right */
    display: flex; /* Aligns the buttons inside the container */
    gap: 10px; /* Optional: adds spacing between buttons */
}
/* /Pages/Areas/Admin/AdminSheetViewConfig.razor.rz.scp.css */
.admin-sheet-config-page[b-rwjwar9yk6] {
    --admin-sheet-config-surface: var(--ib-primary-dark);
    --admin-sheet-config-border: rgba(255, 255, 255, 0.08);
    --admin-sheet-config-muted: var(--ib-text-muted);
}

.admin-sheet-config-page .settings-section[b-rwjwar9yk6] {
    scroll-margin-top: 6rem;
}

.admin-sheet-config-page .settings-sticky-actions[b-rwjwar9yk6] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--ib-primary-light);
}

.admin-sheet-config-loading[b-rwjwar9yk6] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.admin-sheet-config-panel[b-rwjwar9yk6] {
    background: var(--admin-sheet-config-surface);
    border: 1px solid var(--admin-sheet-config-border);
    border-radius: 1.15rem;
}

.admin-sheet-config-panel-header h3[b-rwjwar9yk6],
.admin-sheet-config-template-card h4[b-rwjwar9yk6] {
    margin: 0;
}

.admin-sheet-config-panel-header h3[b-rwjwar9yk6] {
    font-size: 0.98rem;
    line-height: 1.15;
}

.admin-sheet-config-template-card h4[b-rwjwar9yk6] {
    font-size: 0.92rem;
    line-height: 1.15;
}

.admin-sheet-config-panel-header p[b-rwjwar9yk6],
.admin-sheet-config-template-card p[b-rwjwar9yk6],
.admin-sheet-config-template-card small[b-rwjwar9yk6] {
    margin: 0;
    color: var(--admin-sheet-config-muted);
}

.admin-sheet-config-panel-header p[b-rwjwar9yk6] {
    font-size: 0.8rem;
}

.admin-sheet-config-page .btn[b-rwjwar9yk6] {
    border-radius: 2.7vh;
    padding: 0.7rem 1.35rem;
    font-size: 0.8rem;
    box-shadow: none;
}

.admin-sheet-config-page .btn-success[b-rwjwar9yk6] {
    background-color: var(--ib-secondary-green);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.admin-sheet-config-page .btn-success:hover[b-rwjwar9yk6],
.admin-sheet-config-page .btn-success:focus[b-rwjwar9yk6],
.admin-sheet-config-page .btn-success:active[b-rwjwar9yk6] {
    background-color: #b8e533;
    border-color: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.admin-sheet-config-validation-summary[b-rwjwar9yk6] {
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    background: rgba(255, 116, 116, 0.08);
    border: 1px solid rgba(255, 116, 116, 0.18);
    border-radius: 0.95rem;
}

.admin-sheet-config-validation-summary:empty[b-rwjwar9yk6] {
    display: none;
}

.admin-sheet-config-workspace[b-rwjwar9yk6] {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.2fr);
    gap: 0.875rem;
    align-items: start;
}

.admin-sheet-config-left-stack[b-rwjwar9yk6] {
    display: grid;
    gap: 0.875rem;
    align-content: start;
}

.admin-sheet-config-panel[b-rwjwar9yk6] {
    display: flex;
    flex-direction: column;
    align-self: start;
}

.admin-sheet-config-content-panel[b-rwjwar9yk6] {
    height: max-content;
}

.admin-sheet-config-panel-header[b-rwjwar9yk6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.8rem 0.9rem 0.6rem;
    border-bottom: 1px solid var(--admin-sheet-config-border);
}

.admin-sheet-config-panel-body[b-rwjwar9yk6] {
    padding: 0.85rem 0.9rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-sheet-config-form-grid[b-rwjwar9yk6] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.8fr);
    gap: 0.85rem;
    align-items: stretch;
}

.admin-sheet-config-field[b-rwjwar9yk6],
.admin-sheet-config-toggle-card[b-rwjwar9yk6] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--admin-sheet-config-border);
    border-radius: 0.95rem;
}

.admin-sheet-config-toggle-stack[b-rwjwar9yk6] {
    display: grid;
    gap: 0.6rem;
    min-width: 0;
}

.admin-sheet-config-rule-grid[b-rwjwar9yk6] {
    display: grid;
    gap: 0.6rem;
}

.admin-sheet-config-field[b-rwjwar9yk6] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.8rem 0.9rem;
    min-width: 0;
}

.admin-sheet-config-toggle-card[b-rwjwar9yk6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.95rem;
    min-width: 0;
}

.admin-sheet-config-field > span[b-rwjwar9yk6],
.admin-sheet-config-toggle-card > span[b-rwjwar9yk6],
.admin-sheet-config-inline-toggle > span[b-rwjwar9yk6] {
    font-size: 0.76rem;
    font-weight: 700;
}

.admin-sheet-config-field small[b-rwjwar9yk6] {
    font-size: 0.76rem;
}

.admin-sheet-config-template-list[b-rwjwar9yk6] {
    display: grid;
    gap: 0.85rem;
}

.admin-sheet-config-template-card[b-rwjwar9yk6] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--admin-sheet-config-border);
    border-radius: 0.95rem;
    padding: 0.9rem;
    display: grid;
    gap: 0.85rem;
}

.admin-sheet-config-template-card.enabled[b-rwjwar9yk6] {
    border-color: rgba(171, 219, 34, 0.24);
    box-shadow: inset 0 0 0 1px rgba(171, 219, 34, 0.12);
}

.admin-sheet-config-template-header[b-rwjwar9yk6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.admin-sheet-config-template-header-actions[b-rwjwar9yk6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-sheet-config-inline-toggle[b-rwjwar9yk6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.admin-sheet-config-chip[b-rwjwar9yk6] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.admin-sheet-config-chip.success[b-rwjwar9yk6] {
    color: var(--ib-secondary-green);
    background: rgba(171, 219, 34, 0.14);
    border-color: rgba(171, 219, 34, 0.3);
}

.admin-sheet-config-chip.warning[b-rwjwar9yk6] {
    color: #f2d27a;
    background: rgba(242, 210, 122, 0.14);
    border-color: rgba(242, 210, 122, 0.3);
}

.admin-sheet-config-page .settings-help-icon[b-rwjwar9yk6] {
    cursor: help;
}

.admin-sheet-config-page .validation-message[b-rwjwar9yk6],
.admin-sheet-config-page .validation-errors[b-rwjwar9yk6],
.admin-sheet-config-page .validation-summary-errors[b-rwjwar9yk6],
.admin-sheet-config-page .validation-summary-valid[b-rwjwar9yk6],
.admin-sheet-config-page .validation-message *[b-rwjwar9yk6] {
    color: #f2d27a;
}

@media (max-width: 1100px) {
    .admin-sheet-config-workspace[b-rwjwar9yk6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-sheet-config-panel-header[b-rwjwar9yk6],
    .admin-sheet-config-panel-body[b-rwjwar9yk6] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .admin-sheet-config-form-grid[b-rwjwar9yk6] {
        grid-template-columns: 1fr;
    }

    .admin-sheet-config-template-header[b-rwjwar9yk6] {
        flex-direction: column;
    }
}
/* /Pages/Areas/Admin/AdminSite.razor.rz.scp.css */
.admin-site-config-page .settings-max-width[b-zqr64l196h] {
}

.admin-site-config-page .settings-section[b-zqr64l196h] {
    scroll-margin-top: 6rem;
}

.admin-site-config-page .settings-sticky-actions[b-zqr64l196h] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: grey;
}

.admin-site-config-page .settings-help-icon[b-zqr64l196h] {
    cursor: help;
}

.admin-site-config-page .settings-subsection[b-zqr64l196h] {
    padding-left: 1rem;
    border-left: 2px solid var(--bs-border-color);
    margin-left: .25rem;
}

.card .card-body[b-zqr64l196h] {
    color: white;
}
/* /Pages/Areas/Admin/AdminTagPrinting.razor.rz.scp.css */
.tag-printing-page[b-imef3q9z0y] {
    --tag-printing-shell-offset: var(--ib-app-shell-offset, 6.75rem);
    --tag-printing-surface: var(--ib-primary-dark);
    --tag-printing-border: rgba(255, 255, 255, 0.08);
    --tag-printing-muted: var(--ib-text-muted);
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem 0.9rem 1rem;
    box-sizing: border-box;
    block-size: calc(100vh - var(--tag-printing-shell-offset));
    block-size: calc(100dvh - var(--tag-printing-shell-offset));
    overflow: hidden;
}

.tag-printing-appshell[b-imef3q9z0y] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 0;
    flex: 1;
}

.tag-printing-loading[b-imef3q9z0y] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.tag-printing-topbar[b-imef3q9z0y],
.tag-printing-panel[b-imef3q9z0y] {
    background: var(--tag-printing-surface);
    border: 1px solid var(--tag-printing-border);
    border-radius: 1.15rem;
}

.tag-printing-topbar[b-imef3q9z0y] {
    padding: 0.7rem 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
}

.tag-printing-topbar-main[b-imef3q9z0y] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 32rem;
}

.tag-printing-kicker[b-imef3q9z0y] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ib-secondary-green);
}

.tag-printing-title-row[b-imef3q9z0y] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.tag-printing-topbar-main h1[b-imef3q9z0y],
.tag-printing-panel-header h3[b-imef3q9z0y],
.tag-printing-printer-card h4[b-imef3q9z0y] {
    margin: 0;
}

.tag-printing-topbar-main h1[b-imef3q9z0y] {
    font-size: 1.08rem;
    line-height: 1.15;
}

.tag-printing-panel-header h3[b-imef3q9z0y] {
    font-size: 0.98rem;
    line-height: 1.15;
}

.tag-printing-printer-card h4[b-imef3q9z0y] {
    font-size: 0.92rem;
    line-height: 1.15;
}

.tag-printing-topbar-main p[b-imef3q9z0y],
.tag-printing-panel-header p[b-imef3q9z0y],
.tag-printing-note[b-imef3q9z0y],
.tag-printing-empty-state p[b-imef3q9z0y],
.tag-printing-callout p[b-imef3q9z0y],
.tag-printing-printer-card p[b-imef3q9z0y],
.tag-printing-history-meta[b-imef3q9z0y],
.tag-printing-printer-note[b-imef3q9z0y] {
    margin: 0;
    color: var(--tag-printing-muted);
}

.tag-printing-topbar-main p[b-imef3q9z0y],
.tag-printing-panel-header p[b-imef3q9z0y],
.tag-printing-note[b-imef3q9z0y] {
    font-size: 0.8rem;
}

.tag-printing-topbar-actions[b-imef3q9z0y],
.tag-printing-inline-actions[b-imef3q9z0y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.tag-printing-page .btn[b-imef3q9z0y] {
    border-radius: 2.7vh;
    padding: 0.7rem 1.35rem;
    font-size: 0.8rem;
    box-shadow: none;
}

.tag-printing-page .btn.btn-sm[b-imef3q9z0y] {
    padding: 0.5rem 1rem;
}

.tag-printing-page .btn-success[b-imef3q9z0y] {
    background-color: var(--ib-secondary-green);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.tag-printing-page .btn-success:hover[b-imef3q9z0y],
.tag-printing-page .btn-success:focus[b-imef3q9z0y],
.tag-printing-page .btn-success:active[b-imef3q9z0y] {
    background-color: #b8e533;
    border-color: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.tag-printing-page .btn-outline-light[b-imef3q9z0y] {
    background-color: var(--ib-primary-dark);
    border: 2px solid var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.tag-printing-page .btn-outline-light:hover[b-imef3q9z0y],
.tag-printing-page .btn-outline-light:focus[b-imef3q9z0y],
.tag-printing-page .btn-outline-light:active[b-imef3q9z0y] {
    background-color: rgba(171, 219, 34, 0.12);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.tag-printing-page .btn-outline-danger[b-imef3q9z0y] {
    background-color: var(--ib-primary-dark);
    border: 2px solid rgba(255, 116, 116, 0.82);
    color: var(--ib-secondary-danger) !important;
}

.tag-printing-page .btn-outline-danger:hover[b-imef3q9z0y],
.tag-printing-page .btn-outline-danger:focus[b-imef3q9z0y],
.tag-printing-page .btn-outline-danger:active[b-imef3q9z0y] {
    background-color: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.tag-printing-workspace[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: minmax(290px, 0.95fr) minmax(460px, 1.35fr) minmax(320px, 0.95fr);
    gap: 0.875rem;
    min-height: 0;
}

.tag-printing-left-stack[b-imef3q9z0y] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 0;
    min-width: 0;
}

.tag-printing-panel[b-imef3q9z0y] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.tag-printing-panel-header[b-imef3q9z0y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.8rem 0.9rem 0.6rem;
    border-bottom: 1px solid var(--tag-printing-border);
}

.tag-printing-panel-body[b-imef3q9z0y] {
    padding: 0.85rem 0.9rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 0;
    min-width: 0;
}

.tag-printing-empty-state[b-imef3q9z0y],
.tag-printing-history-card[b-imef3q9z0y],
.tag-printing-printer-card[b-imef3q9z0y],
.tag-printing-toggle-card[b-imef3q9z0y],
.tag-printing-preset-button[b-imef3q9z0y] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--tag-printing-border);
    border-radius: 0.95rem;
}

.tag-printing-empty-state[b-imef3q9z0y] {
    padding: 0.95rem 1rem;
}

.tag-printing-empty-state[b-imef3q9z0y] {
    display: grid;
    gap: 0.35rem;
    place-items: start;
}

.tag-printing-empty-state.compact[b-imef3q9z0y] {
    padding: 0.9rem;
}

.tag-printing-panel-title-row[b-imef3q9z0y] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.tag-printing-form-grid[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.tag-printing-form-grid.single-column[b-imef3q9z0y] {
    grid-template-columns: 1fr;
}

.tag-printing-form-grid label[b-imef3q9z0y],
.tag-printing-toggle-card[b-imef3q9z0y] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.tag-printing-form-grid label > span[b-imef3q9z0y],
.tag-printing-section-title[b-imef3q9z0y],
.tag-printing-history-block label[b-imef3q9z0y] {
    font-size: 0.76rem;
    font-weight: 700;
}

.tag-printing-toggle-card[b-imef3q9z0y] {
    justify-content: center;
    padding: 0.8rem 0.95rem;
}

.tag-printing-validation[b-imef3q9z0y] {
    color: #f2d27a;
    font-size: 0.75rem;
}

.tag-printing-printer-grid[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    overflow: auto;
    padding-right: 0.1rem;
}

.tag-printing-printer-card[b-imef3q9z0y] {
    padding: 0.85rem;
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.tag-printing-printer-card.selected[b-imef3q9z0y] {
    border-color: rgba(171, 219, 34, 0.45);
    box-shadow: inset 0 0 0 1px rgba(171, 219, 34, 0.18);
}

.tag-printing-printer-select[b-imef3q9z0y] {
    background: transparent;
    color: inherit;
    border: 0;
    padding: 0;
    text-align: left;
    display: grid;
    gap: 0.85rem;
}

.tag-printing-printer-note[b-imef3q9z0y] {
    font-size: 0.8rem;
}

.tag-printing-printer-title-row[b-imef3q9z0y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.tag-printing-printer-meta[b-imef3q9z0y] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.tag-printing-printer-meta div[b-imef3q9z0y] {
    display: grid;
    gap: 0.2rem;
}

.tag-printing-printer-meta dt[b-imef3q9z0y] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--tag-printing-muted);
}

.tag-printing-printer-meta dd[b-imef3q9z0y] {
    margin: 0;
    font-weight: 700;
}

.tag-printing-chip[b-imef3q9z0y] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.tag-printing-chip.success[b-imef3q9z0y] {
    color: var(--ib-secondary-green);
    background: rgba(171, 219, 34, 0.14);
    border-color: rgba(171, 219, 34, 0.3);
}

.tag-printing-chip.warning[b-imef3q9z0y] {
    color: #f2d27a;
    background: rgba(242, 210, 122, 0.14);
    border-color: rgba(242, 210, 122, 0.3);
}

.tag-printing-chip.neutral[b-imef3q9z0y] {
    color: var(--ib-text-primary);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

.tag-printing-section[b-imef3q9z0y] {
    display: grid;
    gap: 0.6rem;
    min-width: 0;
}

.tag-printing-preset-grid[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.75rem;
}

.tag-printing-catalog-list[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    overflow: auto;
    max-height: 12rem;
    min-width: 0;
    padding-right: 0.1rem;
}

.tag-printing-preset-button[b-imef3q9z0y] {
    color: inherit;
    border-width: 1px;
    padding: 0.55rem 0.65rem;
    text-align: left;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.tag-printing-command-list-row[b-imef3q9z0y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.tag-printing-command-list-row strong[b-imef3q9z0y] {
    font-size: 0.78rem;
    line-height: 1.15;
    min-width: 0;
}

.tag-printing-command-group[b-imef3q9z0y],
.tag-printing-command-description[b-imef3q9z0y] {
    color: var(--tag-printing-muted);
}

.tag-printing-command-group[b-imef3q9z0y] {
    font-size: 0.68rem;
    white-space: nowrap;
    text-align: right;
}

.tag-printing-command-description[b-imef3q9z0y] {
    font-size: 0.7rem;
    line-height: 1.2;
}

.tag-printing-preset-button.active[b-imef3q9z0y] {
    border-color: rgba(171, 219, 34, 0.45);
    background: rgba(171, 219, 34, 0.09);
}

.tag-printing-command-textarea[b-imef3q9z0y],
.tag-printing-history-block pre[b-imef3q9z0y] {
    font-family: Consolas, "Courier New", monospace;
}

.tag-printing-command-textarea[b-imef3q9z0y] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    resize: vertical;
}

.tag-printing-note[b-imef3q9z0y] {
    font-size: 0.78rem;
}

.tag-printing-history-list[b-imef3q9z0y] {
    display: grid;
    gap: 0.85rem;
    overflow: auto;
    padding-right: 0.1rem;
}

.tag-printing-history-card[b-imef3q9z0y] {
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
}

.tag-printing-history-header[b-imef3q9z0y] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.tag-printing-history-header > div[b-imef3q9z0y] {
    display: grid;
    gap: 0.2rem;
}

.tag-printing-history-block[b-imef3q9z0y] {
    display: grid;
    gap: 0.35rem;
}

.tag-printing-history-block pre[b-imef3q9z0y] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(0, 0, 0, 0.22);
    border-radius: 0.8rem;
    padding: 0.75rem;
    border: 1px solid var(--tag-printing-border);
    max-height: 10rem;
    overflow: auto;
}

.tag-printing-renewal-modal[b-imef3q9z0y] {
    display: grid;
    gap: 0.85rem;
}

.tag-printing-renewal-modal p[b-imef3q9z0y] {
    margin: 0;
}

.tag-printing-renewal-checks[b-imef3q9z0y] {
    display: grid;
    gap: 0.7rem;
}

.tag-printing-renewal-checks .form-check[b-imef3q9z0y] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: flex-start;
}

.tag-printing-renewal-checks .form-check-input[b-imef3q9z0y] {
    margin-top: 0.2rem;
}

@media (max-width: 1200px) {
    .tag-printing-workspace[b-imef3q9z0y] {
        grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1fr);
    }

    .tag-printing-response-panel[b-imef3q9z0y] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .tag-printing-page[b-imef3q9z0y] {
        block-size: auto;
        overflow: visible;
    }

    .tag-printing-appshell[b-imef3q9z0y],
    .tag-printing-workspace[b-imef3q9z0y],
    .tag-printing-left-stack[b-imef3q9z0y] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .tag-printing-page[b-imef3q9z0y] {
        padding: 0.6rem;
    }

    .tag-printing-topbar[b-imef3q9z0y],
    .tag-printing-panel-header[b-imef3q9z0y],
    .tag-printing-panel-body[b-imef3q9z0y] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .tag-printing-form-grid[b-imef3q9z0y],
    .tag-printing-printer-meta[b-imef3q9z0y] {
        grid-template-columns: 1fr;
    }

    .tag-printing-printer-title-row[b-imef3q9z0y],
    .tag-printing-history-header[b-imef3q9z0y] {
        flex-direction: column;
    }
}
/* /Pages/Areas/Admin/AdminTagTemplates.razor.rz.scp.css */
.tag-template-editor-page[b-a8jqi525by] {
    --tag-template-shell-offset: var(--ib-app-shell-offset, 6.75rem);
    --tag-template-surface: var(--ib-primary-dark);
    --tag-template-surface-raised: var(--ib-primary-light);
    --tag-template-surface-subtle: rgba(255, 255, 255, 0.03);
    --tag-template-border: rgba(255, 255, 255, 0.08);
    --tag-template-border-strong: rgba(255, 255, 255, 0.14);
    --tag-template-shadow: none;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem 0.9rem 1rem;
    box-sizing: border-box;
    block-size: calc(100vh - var(--tag-template-shell-offset));
    block-size: calc(100dvh - var(--tag-template-shell-offset));
    overflow: hidden;
}

.tag-template-editor-appshell[b-a8jqi525by] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.875rem;
    min-height: 0;
    flex: 1;
}

.tag-template-editor-loading[b-a8jqi525by] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.tag-template-topbar[b-a8jqi525by],
.tag-template-editor-banner[b-a8jqi525by],
.tag-template-panel[b-a8jqi525by] {
    background: var(--tag-template-surface);
    border: 1px solid var(--tag-template-border);
    border-radius: 1.15rem;
    box-shadow: var(--tag-template-shadow);
}

.tag-template-topbar[b-a8jqi525by] {
    padding: 0.85rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
}

.tag-template-topbar-main[b-a8jqi525by] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
    flex: 1 1 32rem;
}

.tag-template-topbar-title-row[b-a8jqi525by] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

    .tag-template-topbar-main h1[b-a8jqi525by],
    .tag-template-panel-header h3[b-a8jqi525by] {
        margin: 0;
    }

    .tag-template-topbar-main h1[b-a8jqi525by] {
        font-size: 1.28rem;
        line-height: 1.15;
    }

.tag-template-editor-kicker[b-a8jqi525by] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ib-secondary-green);
}

.tag-template-topbar-main p[b-a8jqi525by],
.tag-template-panel-header p[b-a8jqi525by],
.tag-template-inspector-note[b-a8jqi525by],
.tag-template-empty-state p[b-a8jqi525by],
.tag-template-shortcuts ul[b-a8jqi525by] {
    margin: 0;
    color: var(--ib-text-muted);
}

.tag-template-topbar-main p[b-a8jqi525by] {
    max-width: 44rem;
    font-size: 0.9rem;
}

.tag-template-topbar-actions[b-a8jqi525by],
.tag-template-inline-actions[b-a8jqi525by],
.tag-template-style-toggle-group[b-a8jqi525by],
.tag-template-canvas-toolbar[b-a8jqi525by] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.tag-template-topbar-actions[b-a8jqi525by] {
    justify-content: flex-end;
}

.tag-template-editor-page .btn[b-a8jqi525by] {
    border-radius: 2.7vh;
    padding: 0.7rem 1.35rem;
    font-size: 0.8rem;
    box-shadow: none;
}

.tag-template-editor-page .btn.btn-sm[b-a8jqi525by] {
    padding: 0.5rem 1rem;
}

.tag-template-editor-page .btn-success[b-a8jqi525by] {
    background-color: var(--ib-secondary-green);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.tag-template-editor-page .btn-success:hover[b-a8jqi525by],
.tag-template-editor-page .btn-success:focus[b-a8jqi525by],
.tag-template-editor-page .btn-success:active[b-a8jqi525by] {
    background-color: #b8e533;
    border-color: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.tag-template-editor-page .btn-outline-light[b-a8jqi525by] {
    background-color: var(--ib-primary-dark);
    border: 2px solid var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.tag-template-editor-page .btn-outline-light:hover[b-a8jqi525by],
.tag-template-editor-page .btn-outline-light:focus[b-a8jqi525by],
.tag-template-editor-page .btn-outline-light:active[b-a8jqi525by] {
    background-color: rgba(171, 219, 34, 0.12);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.tag-template-editor-page .btn-outline-danger[b-a8jqi525by] {
    background-color: var(--ib-primary-dark);
    border: 2px solid rgba(255, 116, 116, 0.82);
    color: var(--ib-secondary-danger) !important;
}

.tag-template-editor-page .btn-outline-danger:hover[b-a8jqi525by],
.tag-template-editor-page .btn-outline-danger:focus[b-a8jqi525by],
.tag-template-editor-page .btn-outline-danger:active[b-a8jqi525by] {
    background-color: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.tag-template-chip[b-a8jqi525by] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .tag-template-chip.success[b-a8jqi525by] {
        color: var(--ib-secondary-green);
        background: rgba(171, 219, 34, 0.14);
        border-color: rgba(171, 219, 34, 0.3);
    }

    .tag-template-chip.warning[b-a8jqi525by] {
        color: #f2d27a;
        background: rgba(242, 210, 122, 0.14);
        border-color: rgba(242, 210, 122, 0.3);
    }

    .tag-template-chip.neutral[b-a8jqi525by] {
        color: var(--ib-text-primary);
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.12);
    }

.tag-template-editor-banner[b-a8jqi525by] {
    padding: 0.95rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tag-template-banner-title[b-a8jqi525by] {
    font-weight: 700;
}

.tag-template-banner-row[b-a8jqi525by] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.65rem 0.8rem;
    border-radius: 0.8rem;
}

    .tag-template-banner-row.warning[b-a8jqi525by] {
        background: rgba(242, 210, 122, 0.12);
    }

    .tag-template-banner-row.error[b-a8jqi525by] {
        background: rgba(255, 116, 116, 0.12);
    }

.tag-template-banner-code[b-a8jqi525by] {
    min-width: 6rem;
    font-family: Consolas, monospace;
    color: var(--ib-text-muted);
}

.tag-template-workspace[b-a8jqi525by] {
    display: grid;
    grid-template-columns: minmax(15.5rem, 17rem) minmax(0, 1.45fr) minmax(19rem, 21rem);
    gap: 0.875rem;
    min-height: 0;
}

.tag-template-side-stack[b-a8jqi525by] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(18rem, 22rem);
    gap: 0.875rem;
    min-height: 0;
}

.tag-template-panel[b-a8jqi525by] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.tag-template-panel-header[b-a8jqi525by] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

    .tag-template-panel-header p[b-a8jqi525by] {
        margin-top: 0.35rem;
    }

.tag-template-panel-body[b-a8jqi525by] {
    padding: 0.95rem 1rem 1rem;
    overflow: auto;
    min-height: 0;
    scrollbar-gutter: stable;
}

.tag-template-panel-subsection + .tag-template-panel-subsection[b-a8jqi525by] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tag-template-panel-subtitle[b-a8jqi525by] {
    margin-bottom: 0.65rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ib-text-muted);
}

.tag-template-section-header[b-a8jqi525by] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.tag-template-tool-grid[b-a8jqi525by] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.tag-template-tool-button[b-a8jqi525by],
.tag-template-style-button[b-a8jqi525by] {
    border: 1px solid var(--tag-template-border-strong);
    background: rgba(39, 42, 49, 0.85);
    color: var(--ib-text-primary);
    border-radius: var(--ib-text-element-border-radius);
    padding: 0.8rem 0.9rem;
    font-weight: 600;
    transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

    .tag-template-tool-button:hover[b-a8jqi525by],
    .tag-template-style-button:hover[b-a8jqi525by] {
        transform: translateY(-1px);
        border-color: rgba(171, 219, 34, 0.4);
    }

    .tag-template-tool-button.active[b-a8jqi525by],
    .tag-template-style-button.active[b-a8jqi525by] {
        background: rgba(171, 219, 34, 0.16);
        border-color: rgba(171, 219, 34, 0.42);
        color: var(--ib-secondary-green);
    }

.tag-template-style-button[b-a8jqi525by] {
    padding: 0.55rem 0.85rem;
}

.tag-template-form-grid[b-a8jqi525by] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.75rem;
}

    .tag-template-form-grid label[b-a8jqi525by],
    .tag-template-panel-body label:not(.form-check):not(.file-input-button)[b-a8jqi525by] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

        .tag-template-form-grid label span[b-a8jqi525by],
        .tag-template-panel-body label:not(.form-check):not(.file-input-button) span[b-a8jqi525by] {
            font-size: 0.8rem;
            color: var(--ib-text-muted);
        }

.tag-template-toggle-grid[b-a8jqi525by] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.tag-template-inline-actions[b-a8jqi525by] {
    gap: 0.65rem;
}

.tag-template-panel-subsection > .tag-template-inline-actions[b-a8jqi525by] {
    margin-top: 0.85rem;
}

.tag-template-inline-actions.compact[b-a8jqi525by] {
    gap: 0.45rem;
}

.tag-template-shortcuts ul[b-a8jqi525by] {
    margin-top: 0.5rem;
    padding-left: 1rem;
}

.tag-template-shortcuts li + li[b-a8jqi525by] {
    margin-top: 0.25rem;
}

.tag-template-canvas-panel[b-a8jqi525by] {
    min-width: 0;
    min-height: 0;
}

.tag-template-canvas-panel-header[b-a8jqi525by] {
    gap: 1rem;
}

.tag-template-canvas-instructions[b-a8jqi525by] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem 0;
    color: var(--ib-text-muted);
    font-size: 0.88rem;
}

    .tag-template-canvas-instructions strong[b-a8jqi525by] {
        color: var(--ib-text-primary);
        white-space: nowrap;
    }

.tag-template-canvas-stage[b-a8jqi525by] {
    flex: 1;
    display: flex;
    min-height: 0;
    padding: 1rem;
    background:
        radial-gradient(circle at top, rgba(171, 219, 34, 0.08), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.08)),
        var(--tag-template-surface-raised);
}

.tag-template-canvas-viewport[b-a8jqi525by] {
    flex: 1;
    inline-size: 100%;
    block-size: 100%;
    min-height: 0;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.05) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.05) 75%),
        rgba(12, 14, 18, 0.64);
    background-size: 1.5rem 1.5rem;
    background-position: 0 0, 0 0.75rem, 0.75rem -0.75rem, -0.75rem 0;
    overflow: auto;
    padding: 1.25rem;
    scrollbar-gutter: stable both-edges;
    overscroll-behavior: contain;
}

.tag-template-guide-workbench[b-a8jqi525by] {
    position: relative;
    display: grid;
    place-items: center;
    min-inline-size: 100%;
    min-block-size: 100%;
    padding: 1.5rem;
}

.tag-template-canvas-zoom-shell[b-a8jqi525by] {
    position: relative;
    flex: 0 0 auto;
}

.tag-template-canvas-fitbox[b-a8jqi525by] {
    position: relative;
    display: block;
    inline-size: calc(var(--tag-template-canvas-width) * 1px);
    min-inline-size: calc(var(--tag-template-canvas-width) * 1px);
    block-size: calc(var(--tag-template-canvas-height) * 1px);
    min-block-size: calc(var(--tag-template-canvas-height) * 1px);
    max-inline-size: none;
    max-block-size: none;
    aspect-ratio: var(--tag-template-canvas-aspect);
    margin: 0 auto;
}

.tag-template-canvas-frame[b-a8jqi525by] {
    position: relative;
    z-index: 2;
    inline-size: 100%;
    block-size: 100%;
    background: transparent;
}

.tag-template-guide-reference[b-a8jqi525by] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: visible;
    pointer-events: none;
}

    .tag-template-guide-reference .tag-template-guide-image[b-a8jqi525by] {
        position: absolute;
        inset-inline-start: 50%;
        inset-block-start: 50%;
        inline-size: 100%;
        block-size: 100%;
        object-fit: contain;
        transform-origin: center center;
        pointer-events: none;
        user-select: none;
    }

.tag-template-guide-placeholder[b-a8jqi525by] {
    position: absolute;
    inset-inline-start: 1rem;
    inset-block-start: 1rem;
    z-index: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-inline-size: 18rem;
    padding: 0.8rem 0.9rem;
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.72);
    border: 1px dashed rgba(255, 255, 255, 0.18);
    color: var(--ib-text-muted);
}

    .tag-template-guide-placeholder strong[b-a8jqi525by] {
        color: var(--ib-text-primary);
    }

.tag-template-print-area-box[b-a8jqi525by] {
    z-index: 1;
    background: rgba(255, 255, 255, 0.03);
    border: 2px dashed rgba(171, 219, 34, 0.75);
    border-radius: 1rem;
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
    overflow: hidden;
    isolation: isolate;
}

.tag-template-empty-state[b-a8jqi525by] {
    padding: 1rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px dashed rgba(255, 255, 255, 0.12);
}

    .tag-template-empty-state.compact[b-a8jqi525by] {
        padding: 0.9rem;
    }

.tag-template-background-grid[b-a8jqi525by] {
    display: grid;
    gap: 0.75rem;
}

.tag-template-background-card[b-a8jqi525by] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.9rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

    .tag-template-background-card.selected[b-a8jqi525by] {
        border-color: rgba(171, 219, 34, 0.45);
        box-shadow: 0 0 0 1px rgba(171, 219, 34, 0.25);
    }

.tag-template-background-preview[b-a8jqi525by] {
    aspect-ratio: var(--tag-template-canvas-aspect);
    background:
        linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.04) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.04) 75%),
        rgba(255, 255, 255, 0.02);
    background-size: 1rem 1rem;
    background-position: 0 0, 0 0.5rem, 0.5rem -0.5rem, -0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tag-template-background-preview img[b-a8jqi525by] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

.tag-template-background-fallback[b-a8jqi525by] {
    color: var(--ib-text-muted);
    font-weight: 700;
}

.tag-template-background-meta[b-a8jqi525by] {
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.file-input-button[b-a8jqi525by] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.9rem;
    min-height: 3rem;
    width: 100%;
    padding: 0.8rem 1rem;
    border-radius: var(--ib-text-element-border-radius);
    border: 1px dashed rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.03);
    color: var(--ib-text-primary);
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
}

    .file-input-button input[type=file][b-a8jqi525by] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .file-input-button.disabled[b-a8jqi525by] {
        opacity: 0.55;
        pointer-events: none;
    }

.tag-template-diagnostics-panel[b-a8jqi525by] {
    min-height: 0;
}

    .tag-template-diagnostics-panel .tag-template-panel-body[b-a8jqi525by] {
        display: flex;
        min-height: 0;
        padding: 0.85rem 1rem 1rem;
    }

        .tag-template-diagnostics-panel .tag-template-panel-body > *[b-a8jqi525by] {
            width: 100%;
            min-height: 0;
        }

.tag-template-diagnostics-grid[b-a8jqi525by] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    min-height: 0;
    width: 100%;
}

.tag-template-diagnostics-list[b-a8jqi525by] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.125rem;
}

.tag-template-diagnostic-card[b-a8jqi525by],
.tag-template-zpl-card[b-a8jqi525by] {
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    padding: 0.95rem 1rem;
}

    .tag-template-diagnostic-card.warning[b-a8jqi525by] {
        border-color: rgba(242, 210, 122, 0.24);
    }

    .tag-template-diagnostic-card.error[b-a8jqi525by] {
        border-color: rgba(255, 116, 116, 0.26);
    }

.tag-template-diagnostic-severity[b-a8jqi525by] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--ib-text-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tag-template-diagnostic-card p[b-a8jqi525by],
.tag-template-zpl-card label[b-a8jqi525by] {
    margin: 0.35rem 0 0;
}

.tag-template-zpl-card[b-a8jqi525by] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

    .tag-template-zpl-card textarea[b-a8jqi525by] {
        margin-top: 0.75rem;
        flex: 1;
        min-height: 12rem;
        resize: none;
        font-family: Consolas, monospace;
    }

@media (max-width: 1450px) {
    .tag-template-workspace[b-a8jqi525by] {
        grid-template-columns: minmax(14.5rem, 16rem) minmax(0, 1fr) minmax(18rem, 20rem);
    }
}

@media (max-width: 1220px) {
    .tag-template-workspace[b-a8jqi525by] {
        grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr);
    }

    .tag-template-side-stack[b-a8jqi525by] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .tag-template-editor-page[b-a8jqi525by] {
        overflow: auto;
        block-size: auto;
        min-block-size: calc(100vh - var(--tag-template-shell-offset));
        min-block-size: calc(100dvh - var(--tag-template-shell-offset));
    }

    .tag-template-editor-appshell[b-a8jqi525by] {
        grid-template-rows: auto auto auto;
    }

    .tag-template-workspace[b-a8jqi525by],
    .tag-template-side-stack[b-a8jqi525by],
    .tag-template-diagnostics-grid[b-a8jqi525by] {
        grid-template-columns: 1fr;
    }

    .tag-template-panel[b-a8jqi525by],
    .tag-template-panel-body[b-a8jqi525by],
    .tag-template-diagnostics-list[b-a8jqi525by] {
        overflow: visible;
    }

    .tag-template-canvas-stage[b-a8jqi525by] {
        min-height: 28rem;
    }

    .tag-template-canvas-instructions[b-a8jqi525by] {
        flex-direction: column;
        padding-top: 0.8rem;
    }

    .tag-template-guide-workbench[b-a8jqi525by] {
        padding: 0.75rem;
    }
}

@media (max-width: 640px) {
    .tag-template-editor-page[b-a8jqi525by] {
        padding-inline: 0.75rem;
    }

    .tag-template-topbar[b-a8jqi525by] {
        padding: 1rem;
    }

    .tag-template-topbar-main h1[b-a8jqi525by] {
        font-size: 1.2rem;
    }

    .tag-template-tool-grid[b-a8jqi525by],
    .tag-template-form-grid[b-a8jqi525by],
    .tag-template-diagnostics-grid[b-a8jqi525by] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Areas/Admin/Components/NotifyAllUsersOffcanvas.razor.rz.scp.css */
.notifyall-users-form[b-bry120s5k6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 0.25rem;
}

.notifyall-users-form-subheading[b-bry120s5k6] {
    color: var(--ib-text-disabled);
    font-size: var(--ib-font-size-smaller);
    line-height: 1.4;
    margin: 0;
}

.notifyall-users-form-field[b-bry120s5k6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.notifyall-users-form-field .irs-form-label[b-bry120s5k6] {
    margin-bottom: 0;
    font-weight: 600;
}

.notifyall-users-form-input[b-bry120s5k6],
.notifyall-users-form-message[b-bry120s5k6] {
    width: 100%;
}

.notifyall-users-form-message[b-bry120s5k6] {
    min-height: 9rem;
}

.notifyall-users-form-actions[b-bry120s5k6] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}
/* /Pages/Areas/Admin/Components/TextBoxToolPanel.razor.rz.scp.css */
.slidecontainer[b-gsxu2s4zl1] {
    color: var(--ib-text-primary);
}

.brush-properties-card[b-gsxu2s4zl1] {
}

.colour-picker-button[b-gsxu2s4zl1] {
    width: 100%;
    height: 4vh;
    background: var(--ib-primary-light);
    border: none;
    border-radius: 1rem;
    color: var(--ib-text-primary) !important;
    display: flex;
}

.set-property-row[b-gsxu2s4zl1] {
    display: flex;
    padding-bottom: 1rem;
}

/* Slider Track */
.properties-slider[b-gsxu2s4zl1] {
    -webkit-appearance: none; /* Remove default styling */
    appearance: none;
    width: 100%;
    height: 6px; /* Adjust track height for better proportion */
    background-color: #ddd; /* Track background color */
    outline: none;
    transition: opacity 0.15s ease-in-out;
    border-radius: 5px; /* Round the edges of the track */
}

    /* Slider Thumb for WebKit Browsers (Chrome, Safari, etc.) */
    .properties-slider[b-gsxu2s4zl1]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px; /* Smaller thumb size */
        height: 16px; /* Match width and height for a circular thumb */
        background-color: var(--ib-secondary-green); /* Custom thumb color */
        cursor: pointer;
        border-radius: 50%; /* Make the thumb circular */
        margin-top: -5px; /* Adjust vertical alignment of the thumb */
    }

    /* Slider Track for WebKit Browsers */
    .properties-slider[b-gsxu2s4zl1]::-webkit-slider-runnable-track {
        background-color: var(--ib-secondary-green); /* Custom track color */
        height: 6px; /* Match track height to the updated thumb */
        border-radius: 5px; /* Smooth out the edges */
    }

    /* Slider Thumb for Firefox */
    .properties-slider[b-gsxu2s4zl1]::-moz-range-thumb {
        width: 16px; /* Smaller thumb size */
        height: 16px;
        background-color: var(--ib-secondary-green);
        cursor: pointer;
        border-radius: 50%; /* Circular thumb */
    }

    /* Slider Track for Firefox */
    .properties-slider[b-gsxu2s4zl1]::-moz-range-track {
        background-color: var(--ib-secondary-green);
        height: 6px;
        border-radius: 5px;
    }


h6[b-gsxu2s4zl1] {
    color: rgb(255 255 255, 0.5) !important;
}
/* /Pages/Areas/Help/Components/HelpVideo.Razor.rz.scp.css */
.help-video[b-9cvpec6upw] {
    height: auto;
}
/* /Pages/Areas/Workspace/SheetWorkspace.razor.rz.scp.css */
body[b-uu94y4przg] {
}
/* /Pages/Areas/Workspace/Workspace.razor.rz.scp.css */
body[b-2z1debvfba] {
}
/* /Pages/Shared/PermissionDenied.razor.rz.scp.css */
.access-denied-container[b-snm84jg9ll] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60vh;
    width: 100vw;
    background-color: var(--ib-primary-dark);
    border-radius: var(--ib-border-radius);
}
.access-denied-col[b-snm84jg9ll] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.access-denied-col-left[b-snm84jg9ll] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
    .access-denied-col-left h2[b-snm84jg9ll] {
        color: #FF7474
    }
.button-row[b-snm84jg9ll] {
    display: flex;
    flex-direction: row;
}
/* /Pages/Shared/RequestAccessOffcanvas.razor.rz.scp.css */
.approve-reject-buttons[b-vy897zxb7q] {
    margin-top: 1rem;
}
/* /Pages/Shared/SimilarSheets.razor.rz.scp.css */
.similar-audit-page[b-fcywlc7mk8] {
    --similar-audit-surface: var(--ib-primary-dark);
    --similar-audit-surface-raised: var(--ib-primary-light);
    --similar-audit-row: rgba(255, 255, 255, 0.035);
    --similar-audit-row-hover: rgba(171, 219, 34, 0.075);
    --similar-audit-border: rgba(255, 255, 255, 0.08);
    --similar-audit-border-strong: rgba(255, 255, 255, 0.14);
    --similar-audit-muted: var(--ib-text-muted);
    --similar-audit-grid-template: 3rem minmax(10rem, 0.8fr) minmax(20rem, 1.45fr) minmax(5rem, 0.35fr) minmax(5rem, 0.35fr) minmax(12rem, 0.85fr) minmax(6rem, 0.45fr);
    display: flex;
    flex-direction: column;
    min-height: 0;
    block-size: calc(100vh - var(--ib-app-shell-offset, 6.75rem));
    block-size: calc(100dvh - var(--ib-app-shell-offset, 6.75rem));
    overflow: hidden;
}

.similar-audit-shell[b-fcywlc7mk8] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.85rem;
    min-height: 0;
    flex: 1;
}

.similar-audit-status[b-fcywlc7mk8] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.similar-audit-filter-strip[b-fcywlc7mk8],
.similar-obsolete-panel[b-fcywlc7mk8],
.similar-audit-results-shell[b-fcywlc7mk8] {
    background: var(--similar-audit-surface);
    border: 1px solid var(--similar-audit-border);
    border-radius: 1.15rem;
}

.similar-audit-filter-strip[b-fcywlc7mk8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem 1rem;
    align-items: end;
    padding: 0.75rem 0.9rem;
}

.similar-audit-filter-summary[b-fcywlc7mk8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    min-width: 16rem;
}

.similar-audit-toolbar[b-fcywlc7mk8] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-width: 0;
}

.similar-audit-control[b-fcywlc7mk8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 8.5rem;
}

.similar-audit-control label[b-fcywlc7mk8] {
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ib-text-primary);
}

.similar-audit-threshold[b-fcywlc7mk8] {
    min-width: 15rem;
}

.similar-audit-search[b-fcywlc7mk8] {
    min-width: min(28rem, 100%);
    flex: 1 1 18rem;
}

.similar-threshold-row[b-fcywlc7mk8] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.similar-threshold-row input[type="range"][b-fcywlc7mk8] {
    accent-color: var(--ib-secondary-green);
    min-width: 11rem;
}

.similar-audit-page .form-select[b-fcywlc7mk8],
.similar-audit-page .form-control[b-fcywlc7mk8] {
    min-height: 2.55rem;
    border-radius: 2.7vh;
    border-color: rgba(255, 255, 255, 0.72);
    background-color: var(--similar-audit-surface);
    color: var(--ib-text-primary) !important;
}

.similar-obsolete-panel[b-fcywlc7mk8] {
    display: grid;
    grid-template-columns: minmax(12rem, 18rem) minmax(16rem, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 0.9rem;
}

.similar-obsolete-actions[b-fcywlc7mk8],
.similar-row-actions[b-fcywlc7mk8],
.similar-match-actions[b-fcywlc7mk8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
    justify-content: flex-end;
}

.similar-audit-results-shell[b-fcywlc7mk8] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.similar-audit-empty-state[b-fcywlc7mk8] {
    display: grid;
    gap: 0.35rem;
    margin: 0.9rem;
    padding: 0.95rem 1rem;
    background: var(--similar-audit-row);
    border: 1px solid var(--similar-audit-border);
    border-radius: 0.95rem;
}

.similar-audit-empty-state p[b-fcywlc7mk8] {
    margin: 0;
    color: var(--similar-audit-muted);
    font-size: 0.8rem;
}

.similar-audit-grid[b-fcywlc7mk8] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.55rem;
    min-height: 0;
    padding: 0.85rem;
    overflow: hidden;
}

.similar-audit-grid-header[b-fcywlc7mk8] {
    display: grid;
    grid-template-columns: var(--similar-audit-grid-template);
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid var(--similar-audit-border);
    border-radius: 0.95rem;
    background: rgba(10, 24, 33, 0.96);
    color: var(--ib-text-primary);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.similar-audit-row-list[b-fcywlc7mk8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
    overflow: auto;
    padding-right: 0.1rem;
    scrollbar-width: thin;
}

.similar-audit-row[b-fcywlc7mk8] {
    border: 1px solid var(--similar-audit-border);
    border-radius: 0.95rem;
    background: var(--similar-audit-row);
    color: var(--ib-text-primary);
    overflow: hidden;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.similar-audit-row:hover[b-fcywlc7mk8],
.similar-audit-row.expanded[b-fcywlc7mk8] {
    border-color: rgba(171, 219, 34, 0.24);
    background: var(--similar-audit-row-hover);
}

.similar-audit-row-main[b-fcywlc7mk8] {
    display: grid;
    grid-template-columns: var(--similar-audit-grid-template);
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.78rem 0.85rem;
}

.similar-audit-cell[b-fcywlc7mk8] {
    min-width: 0;
}

.similar-audit-score-cell[b-fcywlc7mk8] {
    font-weight: 700;
    color: var(--ib-text-primary);
}

.similar-sheet-name[b-fcywlc7mk8] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.similar-text-link[b-fcywlc7mk8] {
    border: 0;
    background: transparent;
    color: #d5f27f;
    font: inherit;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.similar-text-link:hover[b-fcywlc7mk8],
.similar-text-link:focus[b-fcywlc7mk8] {
    color: var(--ib-secondary-green);
    text-decoration: underline;
}

.similar-primary-action[b-fcywlc7mk8],
.similar-outline-action[b-fcywlc7mk8],
.similar-warning-action[b-fcywlc7mk8],
.similar-danger-action[b-fcywlc7mk8],
.similar-icon-action[b-fcywlc7mk8] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.38rem 0.85rem;
    border-radius: 2.7vh;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
}

.similar-primary-action[b-fcywlc7mk8] {
    border: 2px solid var(--ib-secondary-green);
    background: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.similar-primary-action:hover[b-fcywlc7mk8],
.similar-primary-action:focus-visible[b-fcywlc7mk8],
.similar-primary-action:active[b-fcywlc7mk8] {
    border-color: #b8e533;
    background: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.similar-outline-action[b-fcywlc7mk8],
.similar-icon-action[b-fcywlc7mk8] {
    border: 2px solid var(--ib-secondary-green);
    background: var(--similar-audit-surface);
    color: var(--ib-text-primary) !important;
}

.similar-outline-action:hover[b-fcywlc7mk8],
.similar-outline-action:focus-visible[b-fcywlc7mk8],
.similar-outline-action:active[b-fcywlc7mk8],
.similar-icon-action:hover[b-fcywlc7mk8],
.similar-icon-action:focus-visible[b-fcywlc7mk8],
.similar-icon-action:active[b-fcywlc7mk8] {
    background: rgba(171, 219, 34, 0.12);
    color: var(--ib-text-primary) !important;
}

.similar-warning-action[b-fcywlc7mk8] {
    border: 2px solid #f6c453;
    background: #f6c453;
    color: #101820 !important;
}

.similar-warning-action:hover[b-fcywlc7mk8],
.similar-warning-action:focus-visible[b-fcywlc7mk8],
.similar-warning-action:active[b-fcywlc7mk8] {
    border-color: #ffd06a;
    background: #ffd06a;
    color: #101820 !important;
}

.similar-danger-action[b-fcywlc7mk8] {
    border: 2px solid rgba(255, 116, 116, 0.82);
    background: var(--similar-audit-surface);
    color: var(--ib-secondary-danger) !important;
}

.similar-danger-action:hover[b-fcywlc7mk8],
.similar-danger-action:focus-visible[b-fcywlc7mk8],
.similar-danger-action:active[b-fcywlc7mk8] {
    background: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.similar-primary-action:focus-visible[b-fcywlc7mk8],
.similar-outline-action:focus-visible[b-fcywlc7mk8],
.similar-warning-action:focus-visible[b-fcywlc7mk8],
.similar-danger-action:focus-visible[b-fcywlc7mk8],
.similar-icon-action:focus-visible[b-fcywlc7mk8],
.similar-text-link:focus-visible[b-fcywlc7mk8] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(171, 219, 34, 0.22);
}

.similar-primary-action:disabled[b-fcywlc7mk8],
.similar-outline-action:disabled[b-fcywlc7mk8],
.similar-warning-action:disabled[b-fcywlc7mk8],
.similar-danger-action:disabled[b-fcywlc7mk8] {
    cursor: not-allowed;
    opacity: 0.5;
}

.similar-icon-action[b-fcywlc7mk8] {
    width: 2rem;
    min-width: 2rem;
    padding: 0;
}

.similar-count-badge[b-fcywlc7mk8],
.similar-audit-chip[b-fcywlc7mk8],
.similar-audit-badge[b-fcywlc7mk8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid transparent;
    white-space: nowrap;
    font-weight: 700;
}

.similar-count-badge[b-fcywlc7mk8],
.similar-audit-badge[b-fcywlc7mk8] {
    max-width: 12rem;
    padding: 0.18rem 0.48rem;
    font-size: 0.73rem;
    line-height: 1.25;
}

.similar-audit-chip[b-fcywlc7mk8] {
    padding: 0.28rem 0.7rem;
    font-size: 0.73rem;
    line-height: 1;
}

.similar-audit-chip.success[b-fcywlc7mk8],
.similar-audit-valid[b-fcywlc7mk8] {
    background: rgba(171, 219, 34, 0.16);
    border-color: rgba(171, 219, 34, 0.35);
    color: #d5f27f;
}

.similar-audit-chip.warning[b-fcywlc7mk8],
.similar-audit-review[b-fcywlc7mk8] {
    background: rgba(242, 210, 122, 0.14);
    border-color: rgba(242, 210, 122, 0.3);
    color: #f2d27a;
}

.similar-audit-chip.neutral[b-fcywlc7mk8],
.similar-audit-not-related[b-fcywlc7mk8] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--ib-text-primary);
}

.similar-count-badge[b-fcywlc7mk8],
.similar-audit-duplicate[b-fcywlc7mk8] {
    background: rgba(255, 116, 116, 0.16);
    border-color: rgba(255, 116, 116, 0.35);
    color: #ffb1b1;
}

.similar-audit-unreviewed[b-fcywlc7mk8] {
    background: rgba(120, 196, 255, 0.16);
    border-color: rgba(120, 196, 255, 0.35);
    color: #b8dcff;
}

.similar-badge-list[b-fcywlc7mk8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.similar-match-details[b-fcywlc7mk8] {
    border-top: 1px solid var(--similar-audit-border);
    padding: 0.75rem 0.85rem 0.85rem;
    background: rgba(0, 0, 0, 0.12);
}

.similar-match-list[b-fcywlc7mk8] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.similar-match-item[b-fcywlc7mk8] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
    padding: 0.78rem 0.85rem;
    border: 1px solid var(--similar-audit-border);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.04);
}

.similar-match-main[b-fcywlc7mk8] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.similar-score-line[b-fcywlc7mk8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--similar-audit-muted);
    font-size: 0.8rem;
}

.similar-score-line strong[b-fcywlc7mk8] {
    color: var(--ib-text-primary);
}

@media (max-width: 1200px) {
    .similar-audit-filter-strip[b-fcywlc7mk8] {
        grid-template-columns: 1fr;
    }

    .similar-audit-toolbar[b-fcywlc7mk8] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .similar-audit-page[b-fcywlc7mk8] {
        block-size: auto;
        min-height: 0;
        overflow: visible;
    }

    .similar-audit-shell[b-fcywlc7mk8] {
        display: flex;
        flex-direction: column;
    }

    .similar-audit-grid[b-fcywlc7mk8] {
        overflow: visible;
    }

    .similar-audit-grid-header[b-fcywlc7mk8] {
        display: none;
    }

    .similar-audit-row-list[b-fcywlc7mk8] {
        overflow: visible;
        padding-right: 0;
    }

    .similar-audit-row-main[b-fcywlc7mk8],
    .similar-match-item[b-fcywlc7mk8],
    .similar-obsolete-panel[b-fcywlc7mk8] {
        grid-template-columns: 1fr;
    }

    .similar-audit-expand-cell[b-fcywlc7mk8],
    .similar-row-actions[b-fcywlc7mk8],
    .similar-match-actions[b-fcywlc7mk8],
    .similar-obsolete-actions[b-fcywlc7mk8] {
        justify-content: flex-start;
    }
}
/* /Pages/Shared/SimilarSheetsCompare.razor.rz.scp.css */
.similar-compare-page[b-ks7tc11765] {
    --similar-compare-surface: var(--ib-primary-dark);
    --similar-compare-border: rgba(255, 255, 255, 0.08);
    --similar-compare-muted: var(--ib-text-muted);
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.75rem 0.9rem 1rem;
    box-sizing: border-box;
    block-size: calc(100vh - var(--ib-app-shell-offset, 6.75rem));
    block-size: calc(100dvh - var(--ib-app-shell-offset, 6.75rem));
    overflow: auto;
}

.similar-compare-shell[b-ks7tc11765] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    min-height: 0;
}

.similar-compare-status[b-ks7tc11765] {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--ib-text-primary);
}

.similar-compare-topbar[b-ks7tc11765],
.similar-compare-panel[b-ks7tc11765],
.similar-obsolete-panel[b-ks7tc11765] {
    background: var(--similar-compare-surface);
    border: 1px solid var(--similar-compare-border);
    border-radius: 1.15rem;
}

.similar-compare-topbar[b-ks7tc11765] {
    padding: 0.75rem 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
}

.similar-compare-topbar-main[b-ks7tc11765] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 32rem;
}

.similar-compare-kicker[b-ks7tc11765] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--ib-secondary-green);
}

.similar-compare-title-row[b-ks7tc11765] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.similar-compare-title-row h1[b-ks7tc11765],
.similar-compare-panel-header h3[b-ks7tc11765] {
    margin: 0;
}

.similar-compare-title-row h1[b-ks7tc11765] {
    font-size: 1.08rem;
    line-height: 1.15;
}

.similar-compare-panel-header h3[b-ks7tc11765] {
    font-size: 0.98rem;
    line-height: 1.15;
}

.similar-compare-panel-header p[b-ks7tc11765] {
    margin: 0;
    color: var(--similar-compare-muted);
    font-size: 0.8rem;
}

.similar-compare-topbar-actions[b-ks7tc11765],
.similar-obsolete-actions[b-ks7tc11765] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.similar-compare-page .btn[b-ks7tc11765] {
    border-radius: 2.7vh;
    padding: 0.45rem 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    box-shadow: none;
}

.similar-compare-page .btn.btn-sm[b-ks7tc11765] {
    padding: 0.38rem 0.78rem;
}

.similar-compare-page .btn-success[b-ks7tc11765] {
    background-color: var(--ib-secondary-green);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-secondary) !important;
}

.similar-compare-page .btn-success:hover[b-ks7tc11765],
.similar-compare-page .btn-success:focus[b-ks7tc11765],
.similar-compare-page .btn-success:active[b-ks7tc11765] {
    background-color: #b8e533;
    border-color: #b8e533;
    color: var(--ib-text-secondary) !important;
}

.similar-compare-page .btn-outline-light[b-ks7tc11765] {
    background-color: var(--similar-compare-surface);
    border: 2px solid var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.similar-compare-page .btn-outline-light:hover[b-ks7tc11765],
.similar-compare-page .btn-outline-light:focus[b-ks7tc11765],
.similar-compare-page .btn-outline-light:active[b-ks7tc11765] {
    background-color: rgba(171, 219, 34, 0.12);
    border-color: var(--ib-secondary-green);
    color: var(--ib-text-primary) !important;
}

.similar-compare-page .btn-outline-danger[b-ks7tc11765] {
    background-color: var(--similar-compare-surface);
    border: 2px solid rgba(255, 116, 116, 0.82);
    color: var(--ib-secondary-danger) !important;
}

.similar-compare-page .btn-outline-danger:hover[b-ks7tc11765],
.similar-compare-page .btn-outline-danger:focus[b-ks7tc11765],
.similar-compare-page .btn-outline-danger:active[b-ks7tc11765] {
    background-color: rgba(255, 116, 116, 0.12);
    border-color: var(--ib-secondary-danger);
    color: var(--ib-secondary-danger) !important;
}

.similar-compare-page .form-select[b-ks7tc11765],
.similar-compare-page .form-control[b-ks7tc11765] {
    border-radius: 2.7vh;
    border-color: rgba(255, 255, 255, 0.55);
}

.similar-compare-summary[b-ks7tc11765] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem;
}

.similar-compare-panel[b-ks7tc11765] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.similar-compare-panel-header[b-ks7tc11765] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.8rem 0.9rem 0.6rem;
    border-bottom: 1px solid var(--similar-compare-border);
}

.similar-compare-sheet[b-ks7tc11765] {
    gap: 0.7rem;
    padding: 0.85rem 0.9rem;
}

.similar-compare-sheet-heading[b-ks7tc11765] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.similar-compare-sheet-heading strong[b-ks7tc11765] {
    font-size: 0.95rem;
}

.similar-compare-text-link[b-ks7tc11765] {
    border: 0;
    background: transparent;
    color: #d5f27f;
    font: inherit;
    font-weight: 700;
    padding: 0;
    text-align: left;
}

.similar-compare-text-link:hover[b-ks7tc11765],
.similar-compare-text-link:focus[b-ks7tc11765] {
    color: var(--ib-secondary-green);
    text-decoration: underline;
}

.similar-compare-sheet dl[b-ks7tc11765] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 0.45rem 0.75rem;
    margin: 0;
}

.similar-compare-sheet dt[b-ks7tc11765] {
    color: var(--similar-compare-muted);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.similar-compare-sheet dd[b-ks7tc11765] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.similar-compare-reasons[b-ks7tc11765] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.85rem 0.9rem 0.9rem;
}

.similar-compare-chip[b-ks7tc11765] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.73rem;
    line-height: 1;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.similar-compare-chip.success[b-ks7tc11765] {
    background: rgba(171, 219, 34, 0.16);
    border-color: rgba(171, 219, 34, 0.35);
    color: #d5f27f;
}

.similar-compare-chip.warning[b-ks7tc11765] {
    background: rgba(242, 210, 122, 0.14);
    border-color: rgba(242, 210, 122, 0.3);
    color: #f2d27a;
}

.similar-compare-chip.neutral[b-ks7tc11765] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--ib-text-primary);
}

.similar-label-editor[b-ks7tc11765] {
    display: grid;
    grid-template-columns: minmax(10rem, 14rem) minmax(16rem, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 0.9rem 0.9rem;
}

.similar-obsolete-panel[b-ks7tc11765] {
    display: grid;
    grid-template-columns: minmax(12rem, 18rem) minmax(16rem, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 0.9rem;
}

.similar-comparison-panel[b-ks7tc11765] {
    min-height: 20rem;
}

.similar-comparison-table-wrap[b-ks7tc11765] {
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--similar-compare-border);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.02);
    margin: 0.9rem;
}

.similar-comparison-table[b-ks7tc11765] {
    width: 100%;
    min-width: 54rem;
    border-collapse: collapse;
    color: var(--ib-text-primary);
}

.similar-comparison-table th[b-ks7tc11765],
.similar-comparison-table td[b-ks7tc11765] {
    padding: 0.8rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    vertical-align: middle;
}

.similar-comparison-table th[b-ks7tc11765] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(10, 24, 33, 0.96);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--similar-compare-muted);
}

.similar-comparison-table tbody tr[b-ks7tc11765] {
    transition: background-color 120ms ease;
}

.similar-comparison-table tbody tr:hover[b-ks7tc11765] {
    background: rgba(255, 255, 255, 0.04);
}

.similar-comparison-matched[b-ks7tc11765] {
    background: rgba(171, 219, 34, 0.03);
}

.similar-comparison-order[b-ks7tc11765] {
    background: rgba(242, 210, 122, 0.05);
}

.similar-comparison-left[b-ks7tc11765],
.similar-comparison-right[b-ks7tc11765] {
    background: rgba(255, 255, 255, 0.02);
}

@media (max-width: 900px) {
    .similar-compare-page[b-ks7tc11765] {
        block-size: auto;
        min-height: 0;
        overflow: visible;
    }

    .similar-compare-summary[b-ks7tc11765],
    .similar-label-editor[b-ks7tc11765],
    .similar-obsolete-panel[b-ks7tc11765] {
        grid-template-columns: 1fr;
    }

    .similar-obsolete-actions[b-ks7tc11765] {
        justify-content: flex-start;
    }
}
/* /Pages/Shared/Unauthorized.razor.rz.scp.css */
.access-denied-container[b-4p5gl80l7c] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60vh;
    width: 100vw;
    background-color: var(--ib-primary-dark);
    border-radius: var(--ib-border-radius);
}
.access-denied-col[b-4p5gl80l7c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.access-denied-col-left[b-4p5gl80l7c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
    .access-denied-col-left h2[b-4p5gl80l7c] {
        color: #FF7474
    }
/* /Pages/Shared/UnusedIsolationPointsOffcanvas.razor.rz.scp.css */
.dark-background[b-d8269f4pk6] {
    background-color: var(--ib-primary-dark) !important;
}
/* /Pages/Shared/UserSettings.razor.rz.scp.css */
.user-settings-page .settings-max-width[b-zuh2i3t6yt] {
}

.user-settings-page .settings-section[b-zuh2i3t6yt] {
    scroll-margin-top: 6rem;
}

.user-settings-page .settings-sticky-actions[b-zuh2i3t6yt] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: grey;
}

.user-settings-page .settings-subsection[b-zuh2i3t6yt] {
    padding-left: 1rem;
    border-left: 2px solid var(--bs-border-color);
    margin-left: .25rem;
}

.user-settings-page .settings-chip[b-zuh2i3t6yt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2em 0.5em;
    color: var(--ib-text-primary);
    background-color: var(--ib-secondary-green);
    border-radius: var(--ib-border-radius);
}
/* /Workspace/Components/IsolationSheetWorkspaceView.razor.rz.scp.css */
.sheet-view-row[b-wd58wrrezu] {
    display: flex;
    flex-direction: row;
    gap: var(--ib-margin-standard);
    margin-top: var(--ib-margin-standard);
}

.sheet-view-side[b-wd58wrrezu] {
    display: flex;
    flex-direction: column;
    gap: var(--ib-margin-standard);
    flex: 0 0 40%;
    width: 40%;
    min-width: 0;
    max-width: none;
}

.sheet-view-side[b-wd58wrrezu]  .sheet-view-column {
    width: 100%;
}

.reorder-item-input[b-wd58wrrezu] {
    color: var(--ib-text-primary) !important;
    background-color: var(--ib-primary-dark);
    border: 2px solid white;
    border-radius: 1rem;
    width: 3vw;
    pointer-events: auto;
    user-select: text;
    -webkit-user-drag: none; /* Prevents drag in WebKit browsers */
    -moz-user-drag: none; /* Prevents drag in Firefox */
    user-drag: none; /* Standard property */
}
/* /Workspace/Components/IsolationTableList.razor.rz.scp.css */
/* Container for the entire isolation item list */
.isolation-item-list[b-6ebr6b3jua] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

.isolation-list-heading[b-6ebr6b3jua] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-smaller);
}

.isolation-list-heading h4[b-6ebr6b3jua] {
    margin: 0;
}

.isolation-list-filter[b-6ebr6b3jua] {
    margin-left: auto;
    width: min(18rem, 100%);
    flex: 0 1 18rem;
}

.isolation-filter-input[b-6ebr6b3jua] {
    width: 100%;
    color: var(--ib-text-primary);
    background-color: var(--ib-primary-dark);
    border: 1px solid white;
    border-radius: var(--ib-text-element-border-radius);
    padding: var(--ib-text-padding) var(--ib-button-padding-left);
    font-size: var(--ib-font-size-standard);
}

.isolation-filter-input[b-6ebr6b3jua]::placeholder {
    color: var(--ib-text-disabled);
}

.linked-isolation-broken[b-6ebr6b3jua] {
    color: #ffd166;
    font-weight: 600;
}

/* Container for the isolation cards */
.isolation-container[b-6ebr6b3jua] {
}

.truncate-text[b-6ebr6b3jua] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; /* Adjust the width as needed */
    display: inline-block;
    vertical-align: middle;
}

.ordinal-item[b-6ebr6b3jua] {
    display: flex;
    flex-direction: row;
}

.reorder-button[b-6ebr6b3jua] {
    background: none;
    border: none;
    color: var(--ib-text-primary);
}

.sendToPosition-button[b-6ebr6b3jua] {
    background: var(--ib-secondary-green);
    border: none;
    color: var(--ib-text-primary);
    border-radius: 0.4rem;
}

    .sendToPosition-button:disabled[b-6ebr6b3jua] {
        background: var(--ib-secondary-danger);
        border: none;
        color: var(--ib-text-primary);
    }
/* Header Styling */
.isolation-card-header[b-6ebr6b3jua] {
    display: grid;
    grid-template-columns: 4% 10% 17% 17% 8% 12% 12% 12% 8%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    font-weight: bold;
    align-items: center;
    padding: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-smaller);
}

/* Generic card styling */
.isolation-card[b-6ebr6b3jua] {
    display: grid;
    grid-template-columns: 4% 10% 17% 17% 8% 12% 12% 12% 8%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

    .isolation-card .comment-span[b-6ebr6b3jua] {
        grid-column: 3 / span 5; /* 3 → 7 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.alt-colour[b-6ebr6b3jua] {
    background-color: #464A57 !important; /* Lighter gray for every second element */
}

/* Generic card styling */
.isolation-textItem-card[b-6ebr6b3jua] {
    display: grid;
    grid-template-columns: 5% 10% 80% 5%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

.action-button[b-6ebr6b3jua] {
    padding: 0;
    color: #74B0FF !important;
    background: none;
    border: none;
}

    .action-button.danger[b-6ebr6b3jua] {
        color: var(--ib-secondary-danger) !important;
    }

        .action-button.danger.margin-left[b-6ebr6b3jua] {
            margin-left: var(--ib-margin-smaller);
        }

/* Table column content */
.isolation-card-item[b-6ebr6b3jua] {
    padding-right: var(--ib-margin-smaller);
}

.action-cell[b-6ebr6b3jua] {
    grid-column: 9 / span 1;
}

.full-span[b-6ebr6b3jua] {
    grid-column: 1 / -1;
    padding: var(--ib-margin-smaller);
}

/* Adjustments for specific columns */
.isolation-number[b-6ebr6b3jua] {
    text-align: center;
}

.isolation-action[b-6ebr6b3jua] {
    display: flex;
    justify-content: center;
}

/* Style for the comment button */
.comment-button[b-6ebr6b3jua] {
    background-color: #6ADC32; /* Match the comment button color */
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

    .comment-button:hover[b-6ebr6b3jua] {
        background-color: #58b22b;
    }

/* Style for the comment input text area */
.comments-input[b-6ebr6b3jua] {
    padding-top: var(--ib-margin-standard);
    grid-column: 1/10;
}

    .comments-input.collapsed[b-6ebr6b3jua] {
        padding-top: 0px;
    }

.text-item-input[b-6ebr6b3jua] {
    padding-top: 0 !important;
    grid-column: 3/4 !important;
}

.isolation-text-area[b-6ebr6b3jua] {
    width: 100%;
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Remove spacing for the first and last items */
.isolation-container > :first-child[b-6ebr6b3jua] {
    margin-top: 0;
}

.isolation-container > :last-child[b-6ebr6b3jua] {
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .isolation-list-heading[b-6ebr6b3jua] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .isolation-list-filter[b-6ebr6b3jua] {
        margin-left: 0;
        width: 100%;
        flex-basis: 100%;
    }
}
/* /Workspace/Components/RibbonIcon.razor.rz.scp.css */


.svg-icon[b-rptvqdxg0v] {
    width: 24px;
    height: 24px;
}

    .svg-icon *[b-rptvqdxg0v] {
        stroke: currentColor;
        fill: none; /* you can tweak per symbol if needed */
        stroke-width: 1.5;
    }
/* /Workspace/Components/SimilarSheetsPanel.razor.rz.scp.css */
.similar-sheets-panel[b-f68ls3qdeh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid rgba(242, 210, 122, 0.3);
    border-radius: 8px;
    background: rgba(242, 210, 122, 0.14);
    color: #f2d27a;
}

.similar-sheets-panel-header[b-f68ls3qdeh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.similar-sheets-panel-header span[b-f68ls3qdeh] {
    min-width: 1.5rem;
    text-align: center;
    border-radius: 999px;
    background: rgba(242, 210, 122, 0.16);
    color: #f2d27a;
    font-size: 0.8rem;
}

.similar-sheets-panel-status[b-f68ls3qdeh] {
    display: flex;
    align-items: center;
}

.similar-sheets-panel-list[b-f68ls3qdeh] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.similar-sheets-panel-item[b-f68ls3qdeh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.35rem 0.5rem;
    align-items: center;
}

.similar-sheets-panel-meta[b-f68ls3qdeh] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.similar-panel-badge[b-f68ls3qdeh] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 1.25;
    white-space: nowrap;
}

.similar-panel-compare[b-f68ls3qdeh] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.7rem;
    border: 2px solid var(--ib-secondary-green);
    border-radius: 2.7vh;
    background: var(--ib-primary-dark);
    color: var(--ib-text-primary) !important;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
    outline: none;
}

.similar-panel-compare:hover[b-f68ls3qdeh],
.similar-panel-compare:active[b-f68ls3qdeh] {
    border-color: var(--ib-secondary-green);
    background: rgba(171, 219, 34, 0.12);
    color: var(--ib-text-primary) !important;
}

.similar-panel-compare:focus-visible[b-f68ls3qdeh] {
    border-color: var(--ib-secondary-green);
    background: rgba(171, 219, 34, 0.12);
    color: var(--ib-text-primary) !important;
    box-shadow: 0 0 0 2px rgba(171, 219, 34, 0.22);
}

.similar-panel-duplicate[b-f68ls3qdeh] {
    background: #f8d7da;
    color: #842029;
}

.similar-panel-review[b-f68ls3qdeh] {
    background: #fff3cd;
    color: #664d03;
}

.similar-panel-valid[b-f68ls3qdeh] {
    background: #d1e7dd;
    color: #0f5132;
}

.similar-panel-not-related[b-f68ls3qdeh] {
    background: #e2e3e5;
    color: #41464b;
}

.similar-panel-unreviewed[b-f68ls3qdeh] {
    background: #cff4fc;
    color: #055160;
}
/* /Workspace/Components/SymbolPalettes/RedlineSymbolPalette.razor.rz.scp.css */
.redline-symbol-palette[b-0j2udbnlmi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.redline-symbol-grid[b-0j2udbnlmi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    padding: 4px 0;
}

.redline-symbol-tile[b-0j2udbnlmi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 3px;
    box-sizing: border-box;
    align-items: center;
    text-align: center;
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-300);
    border-radius: 6px;
    cursor: grab;
    user-select: none;
}

.redline-symbol-tile--armed[b-0j2udbnlmi] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.2);
}

.redline-symbol-icon[b-0j2udbnlmi] {
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    width: 100%;
    min-height: 0;
    padding: 4px;
    box-sizing: border-box;
}

.redline-symbol-tile:active[b-0j2udbnlmi] {
    cursor: grabbing;
}

.redline-symbol-label[b-0j2udbnlmi] {
    color: var(--bs-gray-700);
    font-size: 0.6rem;
    line-height: 0.7rem;
}

.redline-symbol-preview[b-0j2udbnlmi] {
    width: 100%;
    height: 100%;
    display: block;
}
/* /Workspace/IRSView/Components/ApproveRejectOffcanvas.razor.rz.scp.css */
/*
    ApproveRejectOffcanvas.razor.css
    Matches the 4-column table layout you provided, 
    but keeps the same approve/reject logic and button styles.
*/

/* Status color-coding for approvals. */
.sheet-approval-state-approved[b-6cj8wut6ml] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-6cj8wut6ml] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-6cj8wut6ml] {
    color: #FFBD5F !important;
}

/* Main table styling. */
.approval-requests-table[b-6cj8wut6ml] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    /* Header cells: center text, dark background. */
    .approval-requests-table th[b-6cj8wut6ml] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

    /* Body cells: center by default; we adjust text-align in logic if needed. */
    .approval-requests-table td[b-6cj8wut6ml] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

        /* Rounded corners for the left-most and right-most cells. */
        .approval-requests-table td:first-child[b-6cj8wut6ml] {
            border-top-left-radius: 4vh;
            border-bottom-left-radius: 4vh;
            padding-left: var(--ib-margin-standard);
        }

    .approval-requests-table tr td:last-child[b-6cj8wut6ml] {
        border-top-right-radius: 4vh;
        border-bottom-right-radius: 4vh;
    }

    /* Optional: remove any box shadow or focus outlines. */
    .approval-requests-table tr td[b-6cj8wut6ml],
    .approval-requests-table tr th[b-6cj8wut6ml] {
        box-shadow: none;
        outline: none;
        margin: 0;
        padding: 0;
        padding-right: 3vw;
        vertical-align: middle; /* Align text vertically in the middle */
        padding-top: var(--ib-margin-smaller);
        padding-bottom: var(--ib-margin-smaller);
    }

/* 
    Text area for comments.
*/
.comments-area[b-6cj8wut6ml] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
    resize: none;
}

/* Buttons container */
.approve-reject-buttons[b-6cj8wut6ml] {
    display: flex;
    gap: var(--ib-margin-smaller);
    justify-content: center;
}

.approval-collision-warning[b-6cj8wut6ml] {
    border-radius: 4px;
    padding: var(--ib-margin-small);
    overflow-wrap: anywhere;
}

.approval-collision-warning.warning[b-6cj8wut6ml] {
    background: #fff8e1;
    border: 1px solid #f0c36d;
    color: #664d03;
}

.approval-collision-warning.blocking[b-6cj8wut6ml] {
    background: #fdecea;
    border: 1px solid #f5c2c7;
    color: #58151c;
}

/* Approve button styling */
.approve-button[b-6cj8wut6ml] {
    background-color: var(--ib-secondary-green);
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}

.irs-form-text-area span[b-6cj8wut6ml] {
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Reject button styling */
.reject-button[b-6cj8wut6ml] {
    background-color: #B80101;
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}
/* /Workspace/IRSView/Components/RequestApprovalOffcanvas.razor.rz.scp.css */


.sheet-approval-state-approved[b-dmeoshy1y6] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-dmeoshy1y6] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-dmeoshy1y6] {
    color: #FFBD5F !important;
}

.approval-offcanvas-heading[b-dmeoshy1y6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.approval-collision-warning[b-dmeoshy1y6] {
    border-radius: 4px;
    padding: var(--ib-margin-small);
    overflow-wrap: anywhere;
}

.approval-collision-warning.warning[b-dmeoshy1y6] {
    background: #fff8e1;
    border: 1px solid #f0c36d;
    color: #664d03;
}

.approval-collision-warning.blocking[b-dmeoshy1y6] {
    background: #fdecea;
    border: 1px solid #f5c2c7;
    color: #58151c;
}

.approval-offcanvas[b-dmeoshy1y6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.approval-offcanvas[b-dmeoshy1y6],
.approval-offcanvas *[b-dmeoshy1y6] {
    box-sizing: border-box;
}

.approval-offcanvas-section[b-dmeoshy1y6] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.approval-role-list[b-dmeoshy1y6],
.approval-history-list[b-dmeoshy1y6] {
    display: grid;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.approval-role-grid[b-dmeoshy1y6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.75fr) minmax(9rem, auto);
    gap: 0.75rem;
    align-items: center;
}

.approval-list-header[b-dmeoshy1y6] {
    padding: 0 var(--ib-margin-standard);
    color: var(--ib-text-primary);
    font-weight: 700;
    font-size: 0.8rem;
}

.approval-role-card[b-dmeoshy1y6],
.approval-history-card[b-dmeoshy1y6],
.approval-list-empty[b-dmeoshy1y6] {
    width: 100%;
    min-width: 0;
    border-radius: 8px;
    background-color: var(--ib-primary-dark);
}

.approval-role-card[b-dmeoshy1y6] {
    position: relative;
    padding: 0.7rem var(--ib-margin-standard);
    overflow: visible;
}

.approval-role-card:focus-within[b-dmeoshy1y6] {
    z-index: 20;
}

.approval-list-empty[b-dmeoshy1y6] {
    padding: 0.85rem var(--ib-margin-standard);
    overflow-wrap: anywhere;
}

.approval-field[b-dmeoshy1y6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.approval-field-label[b-dmeoshy1y6] {
    display: none;
    color: var(--ib-text-primary);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0.72;
}

.approval-field-value[b-dmeoshy1y6] {
    min-width: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: normal;
}

.approval-approver-field[b-dmeoshy1y6] {
    overflow: visible;
}

.approval-approver-control[b-dmeoshy1y6] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.approval-action-state[b-dmeoshy1y6] {
    display: inline-flex;
    min-height: 2.2rem;
    align-items: center;
}

.approval-approver-control[b-dmeoshy1y6]  .approval-approver-toggle {
    width: 100%;
    max-width: 12rem;
    white-space: normal;
}

.approval-approver-control[b-dmeoshy1y6]  .approval-approver-menu {
    z-index: 1085;
    max-width: min(26rem, calc(100vw - 2rem));
    max-height: none;
    overflow: visible;
    white-space: normal;
}

.approval-approver-control[b-dmeoshy1y6]  .dropdown-item {
    white-space: normal;
    overflow-wrap: anywhere;
}

.approval-history-card[b-dmeoshy1y6] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.75rem var(--ib-margin-standard);
}

.approval-history-summary[b-dmeoshy1y6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(6rem, auto);
    gap: 0.75rem;
    align-items: start;
}

.approval-history-title .approval-field-value[b-dmeoshy1y6] {
    font-weight: 700;
}

.approval-history-card .approval-field-label[b-dmeoshy1y6] {
    display: inline;
}

.approval-history-status[b-dmeoshy1y6] {
    align-items: flex-end;
    text-align: right;
}

.approval-history-details[b-dmeoshy1y6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 0.85rem;
    min-width: 0;
}

.approval-comments-field[b-dmeoshy1y6] {
    grid-column: 1 / -1;
}

.approval-history-actions[b-dmeoshy1y6] {
    display: flex;
    justify-content: flex-end;
}

.approval-cancel-button[b-dmeoshy1y6] {
    color: var(--ib-text-primary);
}

@media (max-width: 900px) {
    .approval-role-grid[b-dmeoshy1y6],
    .approval-history-summary[b-dmeoshy1y6],
    .approval-history-details[b-dmeoshy1y6] {
        grid-template-columns: 1fr;
    }

    .approval-list-header[b-dmeoshy1y6] {
        display: none;
    }

    .approval-field-label[b-dmeoshy1y6] {
        display: inline;
    }

    .approval-history-status[b-dmeoshy1y6] {
        align-items: flex-start;
        text-align: left;
    }

    .approval-approver-control[b-dmeoshy1y6]  .approval-approver-toggle {
        max-width: 100%;
    }
}
/* /Workspace/IRSView/Components/SheetTopRibbon.razor.rz.scp.css */
.ribbon-header[b-byqneup85l] {
    padding: 1rem;
}
.bb-ribbon-item[b-byqneup85l] {
    color: #fff;
}
.nav[b-byqneup85l] {
    display: none !important;
}
#button[b-byqneup85l] {
    padding: 4rem;
}
.danger[b-byqneup85l] {
    color: var(--ib-secondary-danger) !important;
}

    .attach-new-drawing-button:hover[b-byqneup85l] {
        opacity: 0.8; /* Optional: Change opacity on hover */
    }

.sheet-ribbon-dropdown-item[b-byqneup85l] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    white-space: nowrap;
}
/* /Workspace/IRSView/Components/SheetView.razor.rz.scp.css */
.sheet-view-column[b-khxjuvlb6q] {
    color: var(--ib-text-primary);
    width: 40%;
    border: none;
    overflow: unset;
}

.sheet-view-approvals[b-khxjuvlb6q] {
    background-color: var(--ib-primary-light);
    border: none;
    margin-bottom: var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
}
.sheet-view-approvals-header[b-khxjuvlb6q] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sheet-approvals-integration-status[b-khxjuvlb6q] {
    display: flex;
    flex-direction: row;
}

.sheet-view-form[b-khxjuvlb6q] {
    background-color: var(--ib-primary-light);
    border: none;
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
    overflow-y: auto;
}

.integration-status-indicator[b-khxjuvlb6q] {
    color: #000000;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
}

    .integration-status-indicator.notintegrated[b-khxjuvlb6q] {
        background-color: #808080;
    }

    .integration-status-indicator.queued[b-khxjuvlb6q] {
        background-color: #FF850F;
    }

    .integration-status-indicator.processing[b-khxjuvlb6q] {
        background-color: #FFC90E;
    }

    .integration-status-indicator.integrated[b-khxjuvlb6q] {
        background-color: #377D22;
    }

    .integration-status-indicator.failed[b-khxjuvlb6q] {
        background-color: #EB3324;
    }

.sheet-form-inner[b-khxjuvlb6q] {
    width: 100%;
}

.task-number-collision-alert[b-khxjuvlb6q] {
    overflow-wrap: anywhere;
}

.extension-alert-link[b-khxjuvlb6q] {
    color: inherit !important;
    font-weight: 700;
}

.extension-alert-link:hover[b-khxjuvlb6q],
.extension-alert-link:focus[b-khxjuvlb6q] {
    color: inherit !important;
    text-decoration: underline;
}

.irs-form-table td[b-khxjuvlb6q] {
    padding-bottom: var(--ib-margin-smaller);
}

.irs-form-table tr:first-child td[b-khxjuvlb6q] {
    padding-top: 0; /* Remove padding on the top of the first row */
}

.irs-form-table tr:last-child td[b-khxjuvlb6q] {
    padding-bottom: 0; /* Remove padding on the bottom of the last row */
}

/* Header column styling */
.irs-form-header-column[b-khxjuvlb6q] {
    text-align: right;
    vertical-align: central;
    font-size: var(--ib-font-size-standard);
    padding-right: var(--ib-margin-standard);
    width: 30%;
}

/* Input column styling */
.irs-form-input-column[b-khxjuvlb6q] {
    text-align: left;
    vertical-align: top;
    width: 70%;
}

    /* Input field styling */
    .irs-form-text-area[b-khxjuvlb6q],
    .irs-form-input-column span[b-khxjuvlb6q] {
        width: 100%;
        background-color: var(--ib-primary-dark); /* Dark background for input fields */
        color: var(--ib-text-primary); /* White text color */
        border: 1px solid #444444; /* Border color */
        border-radius: var(--ib-text-element-border-radius);
        font-size: var(--ib-font-size-standard);
        resize: none; /* Disable resizing for text areas */
    }

        /* Disabled fields */
        .irs-form-text-area[disabled][b-khxjuvlb6q] {
            background-color: #2a2a2a; /* Slightly darker for disabled fields */
            border: 1px solid #555555; /* Border color for disabled fields */
        }

    /* Style for read-only span fields */
    .irs-form-input-column span[b-khxjuvlb6q] {
        display: block;
        padding: var(--ib-text-padding);
        font-size: var(--ib-font-size-standard);
        color: var(--ib-text-primary); /* Light gray text */
    }

/* Label styling */
.form-label[b-khxjuvlb6q] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary); /* Lighter gray for labels */
}

.sheet-approvals-items-row[b-khxjuvlb6q] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    width: 100%;
}

    /* Remove the default list styling for ul and li */
    .sheet-approvals-items-row ul[b-khxjuvlb6q] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: var(--ib-margin-smaller); /* Space between tab items */
        width: 100%;
    }

    .sheet-approvals-items-row li[b-khxjuvlb6q] {
        display: inline-block; /* Display li elements inline */
        padding: var(--ib-text-padding);
        border-radius: 2.7vh;
        background-color: var(--ib-primary-dark); /* Darker background color for each tab */
    }

    /* Styles for each tab item */
    .sheet-approvals-items-row .sheet-approvals-item[b-khxjuvlb6q] {
        color: #ffffff; /* Text color */
        font-size: var(--ib-font-size-standard);
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        overflow: clip;
        width: 100%;
    }
        .sheet-approvals-items-row .sheet-approvals-item.clickable[b-khxjuvlb6q] {
            border: dashed 1px var(--ib-secondary-green);
        }
            .sheet-approvals-items-row .sheet-approvals-item.clickable.danger[b-khxjuvlb6q] {
                border: dashed 1px var(--ib-secondary-danger);
            }

.sheet-approvals-headers-row[b-khxjuvlb6q] {
    align-self: flex-start; /* Align this specific container to the top */
    display: flex; /* Use flex to arrange the tabs horizontally */
    margin-top: 0; /* Remove any margin that could push it down */
    margin-bottom: 0; /* Optional: control spacing below the container */
    width: 100%;
}

    /* Remove the default list styling for ul and li */
    .sheet-approvals-headers-row ul[b-khxjuvlb6q] {
        list-style-type: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
        display: flex; /* Flexbox to arrange the li elements */
        gap: var(--ib-margin-smaller); /* Space between tab items */
        width: 100%;
    }

    .sheet-approvals-headers-row li[b-khxjuvlb6q] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .sheet-approvals-headers-row .sheet-approvals-header[b-khxjuvlb6q] {
        color: #ffffff; /* Text color */
        font-size: var(--ib-font-size-standard);
        display: flex; /* Use flex to align icon and text horizontally */
        align-items: center; /* Vertically align content */
        justify-content: center; /* Center content horizontally */
        overflow: clip;
        width: 100%;
    }

.clickable[b-khxjuvlb6q] {
    cursor: pointer;
}

.sheet-approval-state-approved[b-khxjuvlb6q] {
    background-color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-khxjuvlb6q] {
    background-color: #B80101 !important;
}

.sheet-approval-state-requested[b-khxjuvlb6q] {
    background-color: #FFBD5F !important;
}

.sheet-request-approval-button[b-khxjuvlb6q] {
}
/* /Workspace/UI/DrawingShell.razor.rz.scp.css */
.horizontal-panel[b-3l22ifcaj2] {
    display: flex;
    flex-direction: row;
    position: relative;
    height: 100%;
}

.viewport[b-3l22ifcaj2] {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
}
/* /Workspace/UI/HintsOffcanvas.razor.rz.scp.css */
/*
    ApproveRejectOffcanvas.razor.css
    Matches the 4-column table layout you provided, 
    but keeps the same approve/reject logic and button styles.
*/

/* Status color-coding for approvals. */
.sheet-approval-state-approved[b-0agky1jtgu] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-0agky1jtgu] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-0agky1jtgu] {
    color: #FFBD5F !important;
}

/* Main table styling. */
.approval-requests-table[b-0agky1jtgu] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    /* Header cells: center text, dark background. */
    .approval-requests-table th[b-0agky1jtgu] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

    /* Body cells: center by default; we adjust text-align in logic if needed. */
    .approval-requests-table td[b-0agky1jtgu] {
        text-align: center;
        border: none;
        background-color: var(--ib-primary-dark);
    }

        /* Rounded corners for the left-most and right-most cells. */
        .approval-requests-table td:first-child[b-0agky1jtgu] {
            border-top-left-radius: 4vh;
            border-bottom-left-radius: 4vh;
            padding-left: var(--ib-margin-standard);
        }

    .approval-requests-table tr td:last-child[b-0agky1jtgu] {
        border-top-right-radius: 4vh;
        border-bottom-right-radius: 4vh;
    }

    /* Optional: remove any box shadow or focus outlines. */
    .approval-requests-table tr td[b-0agky1jtgu],
    .approval-requests-table tr th[b-0agky1jtgu] {
        box-shadow: none;
        outline: none;
        margin: 0;
        padding: 0;
        padding-right: 3vw;
        vertical-align: middle; /* Align text vertically in the middle */
        padding-top: var(--ib-margin-smaller);
        padding-bottom: var(--ib-margin-smaller);
    }

/* 
    Text area for comments.
*/
.comments-area[b-0agky1jtgu] {
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
    resize: none;
}

/* Buttons container */
.approve-reject-buttons[b-0agky1jtgu] {
    display: flex;
    gap: var(--ib-margin-smaller);
    justify-content: center;
}

/* Approve button styling */
.approve-button[b-0agky1jtgu] {
    background-color: var(--ib-secondary-green);
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}

.irs-form-text-area span[b-0agky1jtgu] {
    background-color: var(--ib-primary-dark); /* Dark background for input fields */
    color: var(--ib-text-primary); /* White text color */
    border: 1px solid #444444; /* Border color */
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

/* Reject button styling */
.reject-button[b-0agky1jtgu] {
    background-color: #B80101;
    color: #fff;
    border: none;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    border-radius: var(--ib-border-radius);
    cursor: pointer;
}
/* /Workspace/UI/Redlines/RedlineView.razor.rz.scp.css */
.sheet-view-column[b-4hdrl4teem] {
    color: var(--ib-text-primary);
    width: 30vw;
    border: none;
    overflow: unset;
}

.sheet-view-form[b-4hdrl4teem] {
    background-color: var(--ib-primary-light);
    border: none;
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
    overflow-y: auto;
}

.sheet-form-inner[b-4hdrl4teem] {
    width: 100%;
}

.irs-form-table td[b-4hdrl4teem] {
    padding-bottom: var(--ib-margin-smaller);
}

.irs-form-table tr:first-child td[b-4hdrl4teem] {
    padding-top: 0;
}

.irs-form-table tr:last-child td[b-4hdrl4teem] {
    padding-bottom: 0;
}

.irs-form-header-column[b-4hdrl4teem] {
    text-align: right;
    vertical-align: central;
    font-size: var(--ib-font-size-standard);
    padding-right: var(--ib-margin-standard);
    width: 30%;
}

.irs-form-input-column[b-4hdrl4teem] {
    text-align: left;
    vertical-align: top;
    width: 70%;
}

.irs-form-text-area[b-4hdrl4teem],
.irs-form-input-column span[b-4hdrl4teem] {
    width: 100%;
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
    resize: none;
}

.irs-form-text-area[disabled][b-4hdrl4teem] {
    background-color: #2a2a2a;
    border: 1px solid #555555;
}

.irs-form-input-column span[b-4hdrl4teem] {
    display: block;
    padding: var(--ib-text-padding);
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary);
}

.form-label[b-4hdrl4teem] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary);
}

.sheet-view-row[b-4hdrl4teem] {
    display: flex;
    flex-direction: row;
}

.isolation-item-list[b-4hdrl4teem] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

.isolation-container[b-4hdrl4teem] {
}

.isolation-card-header[b-4hdrl4teem] {
    display: grid;
    grid-template-columns: 30% 60% 10%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    font-weight: bold;
    align-items: center;
    padding: var(--ib-margin-standard);
    margin-bottom: var(--ib-margin-smaller);
}

.isolation-card[b-4hdrl4teem] {
    display: grid;
    grid-template-columns: 30% 60% 10%;
    background-color: var(--ib-primary-light);
    border-radius: var(--ib-border-radius);
    color: var(--ib-text-primary);
    align-items: center;
    position: relative;
    padding: var(--ib-margin-smaller);
    margin-bottom: var(--ib-margin-smaller);
}

.alt-colour[b-4hdrl4teem] {
    background-color: #464A57 !important;
}

.isolation-card-item[b-4hdrl4teem] {
    padding-right: var(--ib-margin-smaller);
}

.comments-input[b-4hdrl4teem] {
    padding-top: 0;
}

.action-cell[b-4hdrl4teem] {
    display: flex;
    justify-content: center;
}

.action-button[b-4hdrl4teem] {
    padding: 0;
    color: #74B0FF !important;
    background: none;
    border: none;
}

    .action-button.danger[b-4hdrl4teem] {
        color: var(--ib-secondary-danger) !important;
    }

.isolation-text-area[b-4hdrl4teem] {
    width: 100%;
    background-color: var(--ib-primary-dark);
    color: var(--ib-text-primary);
    border: 1px solid #444444;
    border-radius: var(--ib-text-element-border-radius);
    font-size: var(--ib-font-size-standard);
}

.isolation-container > :first-child[b-4hdrl4teem] {
    margin-top: 0;
}

.isolation-container > :last-child[b-4hdrl4teem] {
    margin-bottom: 0;
}
/* /Workspace/UI/Ribbons/DiagramViewerTopRibbon.razor.rz.scp.css */
/* /Workspace/UI/Ribbons/DrawingTopRibbon.razor.rz.scp.css */
.ribbon-header[b-1h9mtveo7z] {
    padding: 1rem;
}
.bb-ribbon-item[b-1h9mtveo7z] {
    color: #fff;
}
.nav[b-1h9mtveo7z] {
    display: none !important;
}
#button[b-1h9mtveo7z] {
    padding: 4rem;
}

.drawing-header-table[b-1h9mtveo7z] {
    margin-left: auto;
}

.drawing-info-cell[b-1h9mtveo7z] {
    display: flex;
    color: white;
}
.attach-new-drawing-button:hover[b-1h9mtveo7z] {
    opacity: 0.8; /* Optional: Change opacity on hover */
}

.tab-content[b-1h9mtveo7z] {
    align-items: center;
}
/* /Workspace/UI/Ribbons/RedlineTopRibbon.razor.rz.scp.css */
.redline-confirm-dialog :global(.modal-dialog)[b-ls82sfh6pg] {
    margin-top: 6rem;
}
/* /Workspace/UI/Tabs/WorkspaceTabsSf.razor.rz.scp.css */
/* /Workspace/Viewers/DiagramViewer.razor.rz.scp.css */
.diagram-viewer-root[b-acyus30bot] {
    position: relative;
    overflow: hidden;
    background: #1e1e1e;
    border: 1px solid #444;
    width: 100%;
    height: 100%;
    touch-action: none;
    cursor: grab;
}

    .diagram-viewer-root.drawing-cursor[b-acyus30bot] {
        cursor: crosshair;
    }

    .diagram-viewer-root.drawing-cursor .diagram-node-rect.diagram-node-draw-cursor[b-acyus30bot],
    .diagram-viewer-root.drawing-cursor .diagram-connector.diagram-connector-draw-cursor[b-acyus30bot],
    .diagram-viewer-root.drawing-cursor .diagram-connector-container.diagram-connector-draw-cursor[b-acyus30bot] {
        cursor: crosshair;
    }

    .diagram-viewer-root.panning[b-acyus30bot] {
        cursor: grabbing;
    }

    .diagram-viewer-root.symbol-placement-armed[b-acyus30bot] {
        cursor: copy;
    }

.diagram-viewer-content[b-acyus30bot] {
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.diagram-viewer-image[b-acyus30bot] {
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    position: absolute;
    z-index: 0;
}

.diagram-grid-overlay[b-acyus30bot] {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.11) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px),
        linear-gradient(to right, rgba(0, 0, 0, 0.22) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 1px, transparent 1px);
    background-size: 10px 10px, 10px 10px, 50px 50px, 50px 50px;
    background-position: 0 0, 0 0, 0 0, 0 0;
}

.diagram-connector[b-acyus30bot] {
    position: absolute;
    transform-origin: 0 50%;
    pointer-events: auto;
    cursor: move;
    z-index: 2;
}

.diagram-connector[b-acyus30bot]::before {
    content: "";
    position: absolute;
    inset: -6px;
    pointer-events: auto;
}

.diagram-connector-container[b-acyus30bot] {
    position: absolute;
    pointer-events: auto;
    cursor: move;
    z-index: 2;
}

.diagram-connector-container[b-acyus30bot]::before {
    content: "";
    position: absolute;
    inset: -6px;
    pointer-events: auto;
}

.diagram-connector-orthogonal[b-acyus30bot] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.diagram-connector-decorator[b-acyus30bot] {
    position: absolute;
    pointer-events: none;
}

.diagram-anchor-highlight[b-acyus30bot] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.35);
    border: 2px solid #dc2626;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10000;
}

.diagram-placement-hint[b-acyus30bot] {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: rgba(15, 23, 42, 0.9);
    color: #f8fafc;
    border-radius: 6px;
    font-size: 12px;
    pointer-events: none;
    z-index: 11000;
}

.diagram-placement-hint-icon[b-acyus30bot] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.diagram-placement-hint-icon .redline-symbol-preview[b-acyus30bot] {
    width: 100%;
    height: 100%;
    display: block;
}

.diagram-preview-rect[b-acyus30bot] {
    border-style: dashed;
}

.diagram-viewer-root.isolation-mode .diagram-node-rect:hover[b-acyus30bot] {
    border-color: #000000 !important;
    border-style: solid !important;
}

.diagram-selection-handle[b-acyus30bot] {
    position: absolute;
    width: 6.6667px;
    height: 6.6667px;
    background: rgba(132, 192, 255, 0.3);
    border: 1px solid #2b6cb0;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: move;
    z-index: 10000;
}

.diagram-orthogonal-segment-handle[b-acyus30bot] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(250, 204, 21, 0.3);
    border: 1px solid #facc15;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    z-index: 10000;
}

.diagram-selection-move-handle[b-acyus30bot] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2b6cb0;
    border: 1px solid #2b6cb0;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: move;
    z-index: 10000;
}

.diagram-rotation-angle[b-acyus30bot] {
    position: absolute;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    pointer-events: none;
    z-index: 10000;
}

.diagram-selection-rotation-line[b-acyus30bot] {
    position: absolute;
    width: 1px;
    background: rgba(43, 108, 176, 0.7);
    transform: translateX(-50%);
    transform-origin: top center;
    pointer-events: none;
    z-index: 10000;
}

.diagram-selection-outline[b-acyus30bot] {
    position: absolute;
    border: 1px dashed rgba(132, 192, 255, 0.8);
    transform: translate(0, 0);
    pointer-events: none;
    z-index: 9999;
}

.diagram-marquee-selection[b-acyus30bot] {
    position: absolute;
    box-sizing: border-box;
    border: 1px solid rgba(96, 165, 250, 0.95);
    background: rgba(96, 165, 250, 0.18);
    pointer-events: none;
    z-index: 9998;
}

.diagram-rotation-handle[b-acyus30bot] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2b6cb0;
    border: 1px solid #2b6cb0;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: url("/images/Cursors/rotate.svg") 16 16, grab;
    z-index: 10000;
}

.diagram-context-menu[b-acyus30bot] {
    position: absolute;
    background: #1f2933;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 6px;
    padding: 4px 0;
    min-width: 200px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #f8fafc;
}

.diagram-context-menu-item[b-acyus30bot] {
    position: relative;
    background: transparent;
    border: none;
    color: inherit;
    text-align: left;
    padding: 8px 14px;
    width: 100%;
    cursor: pointer;
    font: inherit;
}

    .diagram-context-menu-item:hover[b-acyus30bot],
    .diagram-context-menu-item:focus[b-acyus30bot] {
        background: rgba(148, 163, 184, 0.2);
        outline: none;
    }

.diagram-context-menu-arrow[b-acyus30bot] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    opacity: 0.7;
}

.diagram-context-submenu[b-acyus30bot] {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0;
    background: #1f2933;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 6px;
    padding: 4px 0;
    min-width: 180px;
    display: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    z-index: 12000;
}

.diagram-context-menu-item:hover > .diagram-context-submenu[b-acyus30bot],
.diagram-context-menu-item:focus-within > .diagram-context-submenu[b-acyus30bot] {
    display: block;
}

    .diagram-rotation-handle:active[b-acyus30bot] {
        cursor: url("/images/Cursors/rotate.svg") 16 16, grab;
    }

.diagram-node-rect[b-acyus30bot] {
    position: absolute;
    box-sizing: border-box;
    pointer-events: auto;
    cursor: move;
    z-index: 2;
}

.diagram-node-rect.diagram-node-locked[b-acyus30bot] {
    cursor: default;
}

    .diagram-node-rect.diagram-node-markup[b-acyus30bot] {
        overflow: visible;
    }

.diagram-node-rect[b-acyus30bot] {
    position: absolute;
}

.diagram-node-shape[b-acyus30bot] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

.diagram-node-symbol[b-acyus30bot] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

    .diagram-node-symbol .redline-symbol-preview[b-acyus30bot] {
        width: 100%;
        height: 100%;
        display: block;
    }

    .diagram-node-symbol .redline-symbol-interactive[b-acyus30bot] {
        width: 100%;
        height: 100%;
        display: block;
    }

.diagram-node-isolation-badge[b-acyus30bot] {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0px 6px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    border-radius: 3px;
    pointer-events: none;
}

.diagram-node-warning-badge[b-acyus30bot] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #facc15;
    border: 1px solid #854d0e;
    color: #1f2933;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    transform: rotate(calc(var(--diagram-node-rotation, 0deg) * -1));
    pointer-events: auto;
    z-index: 6;
}

.diagram-node-warning-badge[data-warning-title]:hover[b-acyus30bot]::after {
    content: attr(data-warning-title);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 280px;
    background-color: var(--ib-primary-dark);
    color: white;
    white-space: normal;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    text-align: left;
    z-index: 50000;
    pointer-events: none;
}

.diagram-node-rect[data-title]:hover[b-acyus30bot]::after { /*Tooltip*/
    content: attr(data-title);
    position: absolute;
    /* Position the tooltip above the node */
    bottom: 100%; /* place above */
    left: 50%; /* center horizontally relative to node */
    transform: translateX(-50%) rotate(calc(var(--diagram-node-rotation, 0deg) * -1));
    /* Appearance */
    background-color: var(--ib-primary-dark);
    color: white;
    white-space: nowrap; /* force single line */
    padding: 6px 10px;
    border-radius: 4px;
    font-size: medium;
    z-index: 50000; /* ensure tooltip appears above everything */
    pointer-events: none; /* prevents tooltip from blocking mouse events */
}

.diagram-node-label[b-acyus30bot] {
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 6px;
    gap: 6px;
    pointer-events: auto;
    z-index: 5;
    white-space: nowrap;
}

.diagram-node-label--symbol[b-acyus30bot] {
    background: transparent;
    padding: 0;
}

.diagram-node-label-selected[b-acyus30bot] {
    box-shadow: 0 0 0 1px #2b6cb0;
}

.diagram-node-label-text[b-acyus30bot] {
    pointer-events: none;
}

.diagram-node-label-input[b-acyus30bot] {
    min-width: 140px;
    border: 1px solid #2b6cb0;
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 14px;
}

.diagram-node-label-handle[b-acyus30bot] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    border: 1px dashed #2b6cb0;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    cursor: move;
}

.diagram-node-label-editing .diagram-node-label-handle[b-acyus30bot] {
    display: none;
}

.diagram-node-text[b-acyus30bot] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 4;
}

.diagram-node-text-content[b-acyus30bot] {
    display: block;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: center;
    pointer-events: none;
}

.diagram-node-text-input[b-acyus30bot] {
    width: 100%;
    height: 100%;
    border: 1px solid #2b6cb0;
    border-radius: 6px;
    padding: 6px 8px;
    box-sizing: border-box;
    resize: none;
    background: rgba(255, 255, 255, 0.92);
}

.diagram-node-text-editing[b-acyus30bot] {
    z-index: 6;
}
/* /Workspace/Viewers/DrawingViewerHost.razor.rz.scp.css */
.diagram-container[b-89is5862am] {
    width: 100%;
    height: 100%;
    border: 1px solid black; /* Just visual */
    position: relative;
    background: black;
}

.horizontal-panel[b-89is5862am] {
    display: flex;
    flex-direction: row;
    position: relative;
}

.colour-picker-container[b-89is5862am] {
    position: absolute;
    top: 12px; /* tweak to taste */
    right: 12px;
    z-index: 10000; /* above the Syncfusion canvas */
    pointer-events: all;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,.25);
    padding: 4px;
}

.viewport[b-89is5862am] {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
}