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

/* /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;
}
.chart-navigation[b-we3o3v77ac] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: white;
}

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

    .nav-button:hover[b-we3o3v77ac] {
        color: grey;
    }
/* /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-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/Modals/ApproveSheetModal.razor.rz.scp.css */
.viewport[b-i9lzeq8mwd] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /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/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;
}

.drawing-preview-row[b-ohax12jq18] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.8rem;
    width: 100%;
    max-height: 60vh;
}

.preview-section[b-ohax12jq18] {
    flex: 0 0 60%;
    max-width: 60%;
    display: flex;
    flex-direction: column;
}

.preview-canvas-wrapper[b-ohax12jq18] {
    flex: 1 1 auto;
    min-height: 22vw;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    overflow: hidden;
    background-color: var(--bs-body-bg);
}

.preview-canvas-wrapper .e-control[b-ohax12jq18] {
    height: 100%;
}

.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;
}

.preview-details[b-ohax12jq18] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    background-color: var(--ib-primary-dark);
}

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

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

.versions-section[b-ohax12jq18] {
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.versions-table[b-ohax12jq18] {
    margin-top: 0.75rem;
}

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

    .versions-table th[b-ohax12jq18] {
        padding: 0 1vh;
    }

    .versions-table td[b-ohax12jq18] {
        padding: 0 1vh;
    }

.versions-table .table-active[b-ohax12jq18] {
    --bs-table-bg: rgba(var(--bs-primary-rgb), 0.08);
}

.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;
}
/* /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: 1rem;
}
.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; /* 4:3 preview window – adjust to taste       */
    max-height: 50vh; /* don’t exceed half the viewport             */
    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-direction: row;
    }

/* /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 */
.isolation-dropdown-menu[b-owpyr0urh1] {
    background-color: var(--ib-primary-light);
}

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

/* Full-screen overlay preventing clicks from reaching the diagram */
.isolate-node-overlay[b-owpyr0urh1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
/* /Components/Modals/PrintIsolationTagsModal.razor.rz.scp.css */
.checkbox-grid[b-166yapkedp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.selected-count[b-166yapkedp] {
    font-weight: bold;
}

.filter-bar[b-166yapkedp] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-input[b-166yapkedp] {
    flex: 1;
}
/* /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 */
.dropdown-grid[b-4z4it0rab4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
/* /Components/Modals/SetExpiryDateModal.razor.rz.scp.css */
.viewport[b-g8xniufrh1] {
    position: relative;
    overflow: hidden;
    background: black;
    width: 100%;
    height: 100%;
}
/* /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/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_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/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/AdminPatchRecords.razor.rz.scp.css */


/* Container for the entire patch item list */
.patch-item-list[b-z669k51nzs] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

.action-button[b-z669k51nzs] {
    padding: 0;
    color: var(--ib-text-primary) !important;
    background: none;
    border: none;
    font-size: x-large;
}
.patch-card-header[b-z669k51nzs] {
    display: grid;
    grid-template-columns: 15% 10% 54% 8% 8% 5%;
    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 */
.patch-card[b-z669k51nzs] {
    display: grid;
    grid-template-columns: 15% 10% 54% 8% 8% 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);
}

    /* greyed out card for migrated patches */
    .patch-card.migrated[b-z669k51nzs] {
        background-color: var(--ib-primary-light);
        color: gray;
    }
    .patch-card.approved[b-z669k51nzs] {
        background-color: var(--ib-green-faded);
    }
    .patch-card.rejected[b-z669k51nzs] {
        background-color: #7D3939;
    }

.patch-card-item[b-z669k51nzs] {
    padding-right: var(--ib-margin-smaller);
}

/* Adjustments for specific columns */
.patch-number[b-z669k51nzs] {
    text-align: center;
}

.patch-action[b-z669k51nzs] {
    display: flex;
    justify-content: center;
}

/* Style for the comment button */
.comment-button[b-z669k51nzs] {
    background-color: #6ADC32; /* Match the comment button color */
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

    .comment-button:hover[b-z669k51nzs] {
        background-color: #58b22b;
    }

/* Style for the comment input text area */
.comments-input[b-z669k51nzs] {
    display: flex;
    flex-direction: row;
    padding-top: var(--ib-margin-standard);
    grid-column: 1/7;
}

.comments-area[b-z669k51nzs] {
    width: 50%;
    margin-left: 1rem;
    margin-right: 1rem;
}

.patch-text-area[b-z669k51nzs] {
    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 */
.patch-container > :first-child[b-z669k51nzs] {
    margin-top: 0;
}

.patch-container > :last-child[b-z669k51nzs] {
    margin-bottom: 0;
}
/* /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 */
.card-title[b-imef3q9z0y] {
    color: var(--ib-text-primary) !important;
}
/* /Pages/Areas/Admin/AdminTagTemplates.razor.rz.scp.css */
.diagram-container[b-a8jqi525by] {
    width: 100%;
    height: 100%;
    border: 1px solid black; /* Just visual */
    position: relative;
    background: black;
}

.horizontal-panel[b-a8jqi525by] {
    display: flex;
    flex-direction: row;
    position: relative;
}

.viewport[b-a8jqi525by] {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
}
/* /Pages/Areas/Admin/Components/NotifyAllUsersOffcanvas.razor.rz.scp.css */
.approve-reject-buttons[b-bry120s5k6] {
    margin-top: 1rem;
}
/* /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/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/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;
    margin-top: var(--ib-margin-standard);
}

.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;
}

/* 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: 5% 10% 22% 22% 8% 14% 14% 5%;
    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: 5% 10% 22% 22% 8% 14% 14% 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);
}

    .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: 8 / 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/9;
}

    .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;
}
/* /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/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;
}

/* 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-requests-table[b-dmeoshy1y6] {
    width: 100%;
    border-spacing: 0 0.7vh; /* Add vertical spacing between rows */
    border-collapse: separate; /* Separate borders to ensure proper spacing */
}

    .approval-requests-table th[b-dmeoshy1y6] {
        text-align: center;
    }

    .approval-requests-table td[b-dmeoshy1y6] {
        text-align: center;
    }

    .approval-requests-table tr[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    .approval-requests-table th[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    /* Remove borders from each cell */
    .approval-requests-table tr td[b-dmeoshy1y6] {
        border: none; /* Remove any borders from cells */
    }

    .approval-requests-table td:first-child[b-dmeoshy1y6] {
        border-top-left-radius: 4vh; /* Top-left corner */
        border-bottom-left-radius: 4vh; /* Bottom-left corner */
        padding-left: var(--ib-margin-standard);
    }

    .approval-requests-table tr td:last-child[b-dmeoshy1y6] {
        border-top-right-radius: 4vh; /* Top-right corner */
        border-bottom-right-radius: 4vh; /* Bottom-right corner */
    }

    /* Optional: Remove box shadow if any */
    .approval-requests-table tr td[b-dmeoshy1y6] {
        box-shadow: none; /* Remove any shadows */
    }

    /* Ensure no unwanted margins or padding */
    .approval-requests-table tr[b-dmeoshy1y6],
    .approval-requests-table tr td[b-dmeoshy1y6] {
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove padding */
        padding-right: 3vw;
    }

        /* Remove default outline */
        .approval-requests-table tr td:focus[b-dmeoshy1y6],
        .approval-requests-table tr td[b-dmeoshy1y6] {
            outline: none; /* Remove any focus outline */
        }

        /* Vertically align text to the middle of each cell */
        .approval-requests-table tr td[b-dmeoshy1y6] {
            vertical-align: middle; /* Align text to the middle vertically */
            text-align: left; /* Align text horizontally  */
            padding-top: var(--ib-margin-smaller);
            padding-bottom: var(--ib-margin-smaller);
        }





    .approval-requests-table th[b-dmeoshy1y6] {
        border: none; /* Remove any border from table rows */
        background-color: var(--ib-primary-dark); /* Background color for rows */
    }

    /* Remove borders from each cell */
    .approval-requests-table tr th[b-dmeoshy1y6] {
        border: none; /* Remove any borders from cells */
    }

    .approval-requests-table th:first-child[b-dmeoshy1y6] {
        border-top-left-radius: 4vh; /* Top-left corner */
        border-bottom-left-radius: 4vh; /* Bottom-left corner */
        padding-left: var(--ib-margin-standard);
    }

    .approval-requests-table tr th:last-child[b-dmeoshy1y6] {
        border-top-right-radius: 4vh; /* Top-right corner */
        border-bottom-right-radius: 4vh; /* Bottom-right corner */
    }

    /* Optional: Remove box shadow if any */
    .approval-requests-table tr th[b-dmeoshy1y6] {
        box-shadow: none; /* Remove any shadows */
    }

    /* Ensure no unwanted margins or padding */
    .approval-requests-table tr[b-dmeoshy1y6],
    .approval-requests-table tr th[b-dmeoshy1y6] {
        margin: 0; /* Remove any margin */
        padding: 0; /* Remove padding */
        padding-right: 3vw;
    }

        /* Remove default outline */
        .approval-requests-table tr th:focus[b-dmeoshy1y6],
        .approval-requests-table tr th[b-dmeoshy1y6] {
            outline: none; /* Remove any focus outline */
        }

        /* Vertically align text to the middle of each cell */
        .approval-requests-table tr th[b-dmeoshy1y6] {
            vertical-align: middle; /* Align text to the middle vertically */
            text-align: left; /* Align text horizontally to the center */
            padding-top: var(--ib-margin-smaller);
            padding-bottom: var(--ib-margin-smaller);
        }
/* /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 */
    }
/* /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%;
}

.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-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: 12000;
    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-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: 9999; /* 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%;
}