@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[b-4454zd33z2] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
    margin-bottom: var(--ib-margin-smaller);
}

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

    /* 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;
    gap: 1.5rem;
}

.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 65%;
    max-width: 65%;
    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;
}

.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 35%;
    max-width: 35%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

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

.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;
}
.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 svg[b-t94kznn1lu] {
        width: 100%;
        height: 100%;
    }

    .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 */
.tabbedView[b-40jqd9ro4u] {
    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;
    margin-left: 0;
    margin-right: 0;
}

.ib-table-header[b-40jqd9ro4u] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
    margin-bottom: var(--ib-margin-smaller);
}

.ib-table-header-button-container[b-40jqd9ro4u] {
    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-40jqd9ro4u] {
}

.ib-table-header-table-header-text[b-40jqd9ro4u] {
    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-40jqd9ro4u] {
        display: inline-block; /* Display li elements inline */
        margin-right: 1rem;
    }

/* Styles for the container that holds the tabs */
.ib-table-header-tabs[b-40jqd9ro4u] {
    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;
}

    /* Remove the default list styling for ul and li */
    .ib-table-header-tabs ul[b-40jqd9ro4u] {
        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-40jqd9ro4u] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .ib-table-header-tabs .nav-link[b-40jqd9ro4u] {
        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-40jqd9ro4u] {
            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-40jqd9ro4u] {
            background-color: #38383a; /* Slightly lighter background on hover */
        }

/* Optional: Styling for the close button */
.close-tab-button[b-40jqd9ro4u] {
    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-40jqd9ro4u] {
        color: #f44336; /* Change close button color on hover */
    }
/* /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 */
}

/* Reuse your base table look, add sticky header */
.ib-treegrid-table[b-kpq0l16pps] {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0 0.7vh;
    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-light);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        color: var(--ib-text-primary);
    }

        .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-light);
    border: none;
    vertical-align: middle;
    padding: .7vh 1.1vh;
    color: var(--ib-text-primary);
}

.asset-leaf-blank[b-kpq0l16pps] {
    background-color: var(--ib-primary-dark) !important;
    width: 0rem;
    padding: 0px !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);
}

/* ===== 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] {
}

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

.tg-row.asset:hover td[b-kpq0l16pps] {
    background-color: var(--bs-gray-100);
}

.tg-row.asset:focus-visible td[b-kpq0l16pps] {
    outline: 2px solid var(--ib-secondary-green);
    outline-offset: -2px;
}
/* /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;
    margin: var(--ib-margin-standard);
    top: 0;
    z-index: 1000;
    border-radius: 40px;
    padding: 1.4vh;
    padding-left: 1.99vh;
}

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

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

.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: 3vh;
    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/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 */
.site-config-container[b-zqr64l196h] {
    margin-left: var(--ib-margin-standard);
    margin-right: var(--ib-margin-standard);
}

/* /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;
}
/* /Workspace/Components/BrushPropertiesPanel.razor.rz.scp.css */
.slidecontainer[b-0l7lmb9b5y] {
    color: var(--ib-text-primary);
}

.brush-properties-card[b-0l7lmb9b5y] {
}

.colour-picker-button[b-0l7lmb9b5y] {
    width: 100%;
    height: 4vh;
    background: var(--ib-primary-light);
    border: none;
    border-radius: 1rem;
    color: var(--ib-text-primary) !important;
    display: flex;
}

.ib-recent-colors[b-0l7lmb9b5y] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
}

.ib-recent-color[b-0l7lmb9b5y] {
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.set-property-row[b-0l7lmb9b5y] {
    display: flex;
    padding-bottom: 1rem;
}

/* Slider Track */
.properties-slider[b-0l7lmb9b5y] {
    -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-0l7lmb9b5y]::-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-0l7lmb9b5y]::-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-0l7lmb9b5y]::-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-0l7lmb9b5y]::-moz-range-track {
        background-color: var(--ib-secondary-green);
        height: 6px;
        border-radius: 5px;
    }


h6[b-0l7lmb9b5y] {
    color: rgb(255 255 255, 0.5) !important;
}
/* /Workspace/Components/DrawingTopRibbon.razor.rz.scp.css */
.ribbon-header[b-0bewex31av] {
    padding: 1rem;
}
.bb-ribbon-item[b-0bewex31av] {
    color: #fff;
}
.nav[b-0bewex31av] {
    display: none !important;
}
#button[b-0bewex31av] {
    padding: 4rem;
}

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

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

.tab-content[b-0bewex31av] {
    align-items: center;
}
/* /Workspace/Drawings/Components/DrawingTab.razor.rz.scp.css */
.drawing-view[b-v1162e1lh5] {
    height: 100%;
}


/* /Workspace/Drawings/Components/DrawingView.razor.rz.scp.css */
.diagram-container[b-6jjt106so1] {
    width: 100%;
    height: 100%;
    border: 1px solid black; /* Just visual */
    position: relative;
    background: black;
}

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

.colour-picker-container[b-6jjt106so1] {
    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-6jjt106so1] {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
}


/* /Workspace/Drawings/Components/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-7paxvlszzb] {
    color: var(--ib-secondary-green) !important;
}

.sheet-approval-state-rejected[b-7paxvlszzb] {
    color: #B80101 !important;
}

.sheet-approval-state-requested[b-7paxvlszzb] {
    color: #FFBD5F !important;
}

/* Main table styling. */
.approval-requests-table[b-7paxvlszzb] {
    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-7paxvlszzb] {
        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-7paxvlszzb] {
        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-7paxvlszzb] {
            border-top-left-radius: 4vh;
            border-bottom-left-radius: 4vh;
            padding-left: var(--ib-margin-standard);
        }

    .approval-requests-table tr td:last-child[b-7paxvlszzb] {
        border-top-right-radius: 4vh;
        border-bottom-right-radius: 4vh;
    }

    /* Optional: remove any box shadow or focus outlines. */
    .approval-requests-table tr td[b-7paxvlszzb],
    .approval-requests-table tr th[b-7paxvlszzb] {
        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. Matches your original snippet's 
    dark input styling, ensuring consistency.
*/
.comments-area[b-7paxvlszzb] {
    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-7paxvlszzb] {
    display: flex;
    gap: var(--ib-margin-smaller);
    justify-content: center;
}

/* Approve button styling */
.approve-button[b-7paxvlszzb] {
    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-7paxvlszzb] {
    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-7paxvlszzb] {
    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/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. Matches your original snippet's 
    dark input styling, ensuring consistency.
*/
.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/IRSTabbedView.razor.rz.scp.css */
.tabbedView[b-rrsztgtzoz] {
    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;
    margin-left: 0;
    margin-right: 0;
}

.ib-table-header[b-rrsztgtzoz] {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically aligns items within the container */
}
.ib-table-header-text-container[b-rrsztgtzoz]{
    display: flex;
}
.drawing-info-cell[b-rrsztgtzoz] {
    display: flex;
}

.ib-table-header-button-container[b-rrsztgtzoz] {
    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-rrsztgtzoz] {
}

.ib-table-header-table-header-text[b-rrsztgtzoz] {
    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-rrsztgtzoz] {
        display: inline-block; /* Display li elements inline */
        margin-right: 1rem;
    }

/* Styles for the container that holds the tabs */
.ib-table-header-tabs[b-rrsztgtzoz] {
    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;
    margin-left: auto;
}

    /* Remove the default list styling for ul and li */
    .ib-table-header-tabs ul[b-rrsztgtzoz] {
        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-rrsztgtzoz] {
        display: inline-block; /* Display li elements inline */
    }

    /* Styles for each tab item */
    .ib-table-header-tabs .nav-link[b-rrsztgtzoz] {
        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-rrsztgtzoz] {
            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-rrsztgtzoz] {
            background-color: #38383a; /* Slightly lighter background on hover */
        }

/* Optional: Styling for the close button */
.close-tab-button[b-rrsztgtzoz] {
    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-rrsztgtzoz] {
        color: #f44336; /* Change close button color on hover */
    }
/* /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: 30vw;
    border: none;
    overflow: unset;
}

.sheet-view-approvals[b-khxjuvlb6q] {
    background-color: var(--ib-primary-light);
    border: none;
    width: 30vw;
    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;
    width: 30vw;
    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/IRSView/IRSController.razor.rz.scp.css */
.sheet-view-row[b-c8w2f5fn33] {
    display: flex;
    flex-direction: row;
}

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

/* Container for the isolation cards */
.isolation-container[b-c8w2f5fn33] {
}

.truncate-text[b-c8w2f5fn33] {
    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-c8w2f5fn33] {
    display: flex;
    flex-direction: row;
}

.reorder-button[b-c8w2f5fn33] {
    background: none;
    border: none;
    color: var(--ib-text-primary);
}
.sendToPosition-button[b-c8w2f5fn33] {
    background: var(--ib-secondary-green);
    border: none;
    color: var(--ib-text-primary);
    border-radius: 0.4rem;
}
    .sendToPosition-button:disabled[b-c8w2f5fn33] {
        background: var(--ib-secondary-danger);
        border: none;
        color: var(--ib-text-primary);
    }

.reorder-item-input[b-c8w2f5fn33] {
    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 */
}
/* Header Styling */
.isolation-card-header[b-c8w2f5fn33] {
    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-c8w2f5fn33] {
    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-c8w2f5fn33] {
        grid-column: 3 / span 5; /* 3 → 7 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.alt-colour[b-c8w2f5fn33] {
    background-color: #464A57 !important; /* Lighter gray for every second element */
}

/* Generic card styling */
.isolation-textItem-card[b-c8w2f5fn33] {
    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-c8w2f5fn33] {
    padding: 0;
    color: #74B0FF !important;
    background: none;
    border: none;
}
    .action-button.danger[b-c8w2f5fn33] {
        color: var(--ib-secondary-danger) !important;
    }
        .action-button.danger.margin-left[b-c8w2f5fn33] {
            margin-left: var(--ib-margin-smaller);
        }

/* Table column content */
.isolation-card-item[b-c8w2f5fn33] {
    padding-right: var(--ib-margin-smaller);
}

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

.isolation-action[b-c8w2f5fn33] {
    display: flex;
    justify-content: center;
}

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

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

/* Style for the comment input text area */
.comments-input[b-c8w2f5fn33] {
    padding-top: var(--ib-margin-standard);
    grid-column: 1/9;
}

.comments-input.collapsed[b-c8w2f5fn33] {
    padding-top: 0px;
}

.text-item-input[b-c8w2f5fn33] {
    padding-top: 0 !important;
    grid-column: 3/4 !important;
}

.isolation-text-area[b-c8w2f5fn33] {
    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-c8w2f5fn33] {
    margin-top: 0;
}

.isolation-container > :last-child[b-c8w2f5fn33] {
    margin-bottom: 0;
}
/* /Workspace/RedlineView/RedlineView.razor.rz.scp.css */
.sheet-view-column[b-mlm7yhj2e2] {
    color: var(--ib-text-primary);
    width: 30vw;
    border: none;
    overflow: unset;
}

.sheet-view-form[b-mlm7yhj2e2] {
    background-color: var(--ib-primary-light);
    border: none;
    width: 30vw;
    border-radius: var(--ib-border-radius);
    padding: var(--ib-margin-standard);
    overflow-y: auto;
}

.sheet-form-inner[b-mlm7yhj2e2] {
    width: 100%;
}

.irs-form-table td[b-mlm7yhj2e2] {
    padding-bottom: var(--ib-margin-smaller);
}

.irs-form-table tr:first-child td[b-mlm7yhj2e2] {
    padding-top: 0;
}

.irs-form-table tr:last-child td[b-mlm7yhj2e2] {
    padding-bottom: 0;
}

.irs-form-header-column[b-mlm7yhj2e2] {
    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-mlm7yhj2e2] {
    text-align: left;
    vertical-align: top;
    width: 70%;
}

.irs-form-text-area[b-mlm7yhj2e2],
.irs-form-input-column span[b-mlm7yhj2e2] {
    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-mlm7yhj2e2] {
    background-color: #2a2a2a;
    border: 1px solid #555555;
}

.irs-form-input-column span[b-mlm7yhj2e2] {
    display: block;
    padding: var(--ib-text-padding);
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary);
}

.form-label[b-mlm7yhj2e2] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: var(--ib-font-size-standard);
    color: var(--ib-text-primary);
}

.sheet-view-row[b-mlm7yhj2e2] {
    display: flex;
    flex-direction: row;
}

.isolation-item-list[b-mlm7yhj2e2] {
    width: 100%;
    padding-left: var(--ib-margin-standard);
    flex-direction: column;
    overflow: hidden;
}

.isolation-container[b-mlm7yhj2e2] {
}

.isolation-card-header[b-mlm7yhj2e2] {
    display: grid;
    grid-template-columns: 30% 70%;
    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-mlm7yhj2e2] {
    display: grid;
    grid-template-columns: 30% 70%;
    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-mlm7yhj2e2] {
    background-color: #464A57 !important;
}

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

.comments-input[b-mlm7yhj2e2] {
    padding-top: var(--ib-margin-standard);
    grid-column: 1/3;
}

.isolation-text-area[b-mlm7yhj2e2] {
    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-mlm7yhj2e2] {
    margin-top: 0;
}

.isolation-container > :last-child[b-mlm7yhj2e2] {
    margin-bottom: 0;
}

/* /Workspace/Toolbars/ToolbarButton.razor.rz.scp.css */
/* /Workspace/Toolbars/WorkspaceToolbar.razor.rz.scp.css */
.btn-toolbar[b-x7mvtb4vcq] {
    background-color: darkgrey;
}
.btn-toolbar-danger[b-x7mvtb4vcq] {
    background-color: red;
}

.btn-selected[b-x7mvtb4vcq] {
    background-color: var(--ib-button-background-color);
}
/* /Workspace/WorkspaceTabsSf.razor.rz.scp.css */
/* ===== Layout: Container + Header ===== */
.tabbedView[b-mvhk04mnqw] {
    background-color: var(--ib-primary-dark);
    padding: var(--ib-margin-standard);
    padding-top: 0;
    border-radius: 3.2vh;
    margin: 0;
}

.ib-table-header[b-mvhk04mnqw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
    align-items: start;
}

.ib-table-header-text-container[b-mvhk04mnqw],
.ib-table-header-button-container[b-mvhk04mnqw] {
    min-width: 0;
}

.ib-table-header-text-container[b-mvhk04mnqw] {
    display: flex;
    grid-column: 1;
}

.ib-table-header-text-column[b-mvhk04mnqw] {
    display: flex;
    flex-direction: column;
    color: var(--ib-text-primary);
    padding-top: var(--ib-margin-standard);
}

.ib-table-header-text-column h4[b-mvhk04mnqw],
.ib-table-header-text-column h5[b-mvhk04mnqw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ib-table-header-button-container[b-mvhk04mnqw] {
    display: flex;
    align-self: start;
    justify-self: end;
    gap: 10px;
    grid-column: 3;
}

/* ===== Tabs Container ===== */
.ib-table-header-tabs[b-mvhk04mnqw] {
    align-self: start;
    display: flex;
    justify-content: center;
    background-color: var(--ib-primary-light);
    border-radius: 0 0 4.2vh 4.2vh;
    padding: var(--ib-margin-smaller) var(--ib-margin-standard);
    width: fit-content;
    padding-top: 0;
    grid-column: 2;
    justify-self: center;
}