@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Pages/Administration.razor.rz.scp.css */
.administration-page[b-5lraoi5xo7] {
    color: #1B1D36;
    max-width: 1120px;
}

.administration-header[b-5lraoi5xo7] {
    align-items: center;
    border-bottom: 1px solid #d8dbe6;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
}

.administration-header h1[b-5lraoi5xo7] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.administration-header p[b-5lraoi5xo7],
.panel-heading p[b-5lraoi5xo7],
.setting-row p[b-5lraoi5xo7] {
    color: #5f6475;
    margin: 0;
}

.administration-tabs[b-5lraoi5xo7] {
    border-bottom: 1px solid #d8dbe6;
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.25rem;
}

.tab-button[b-5lraoi5xo7] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: #5f6475;
    display: inline-flex;
    font-weight: 600;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0 1rem;
}

.tab-button:hover[b-5lraoi5xo7] {
    color: #1B1D36;
}

.tab-button.active[b-5lraoi5xo7] {
    border-bottom-color: #1B1D36;
    color: #1B1D36;
}

.administration-panel[b-5lraoi5xo7] {
    border: 1px solid #d8dbe6;
    border-radius: 8px;
    padding: 1.25rem;
}

.panel-heading[b-5lraoi5xo7] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.panel-heading h2[b-5lraoi5xo7] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.panel-heading .btn[b-5lraoi5xo7] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    white-space: nowrap;
}

.summary-grid[b-5lraoi5xo7] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.25rem;
}

.summary-item[b-5lraoi5xo7] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    padding: 0.9rem 1rem;
}

.summary-label[b-5lraoi5xo7] {
    color: #5f6475;
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0.35rem;
}

.summary-value[b-5lraoi5xo7] {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
}

.administration-table[b-5lraoi5xo7] {
    border-collapse: collapse;
    width: 100%;
}

.administration-table th[b-5lraoi5xo7],
.administration-table td[b-5lraoi5xo7] {
    border-bottom: 1px solid #e3e5ec;
    padding: 0.8rem 0.6rem;
    text-align: left;
}

.administration-table th[b-5lraoi5xo7] {
    color: #5f6475;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.table-tools[b-5lraoi5xo7] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.search-field[b-5lraoi5xo7] {
    align-items: center;
    display: flex;
    max-width: 360px;
    position: relative;
    width: 100%;
}

.search-field .oi[b-5lraoi5xo7] {
    color: #5f6475;
    left: 0.8rem;
    position: absolute;
}

.search-field .form-control[b-5lraoi5xo7] {
    padding-left: 2.25rem;
}

.result-count[b-5lraoi5xo7] {
    color: #5f6475;
    font-size: 0.9rem;
    white-space: nowrap;
}

.user-name[b-5lraoi5xo7],
.user-email[b-5lraoi5xo7] {
    display: block;
}

.user-name[b-5lraoi5xo7] {
    font-weight: 700;
}

.user-email[b-5lraoi5xo7] {
    color: #5f6475;
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

.row-action-button[b-5lraoi5xo7] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    white-space: nowrap;
}

.status-pill[b-5lraoi5xo7] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.35rem 0.6rem;
}

.status-pill.active[b-5lraoi5xo7] {
    background: #dff3e5;
    color: #246b36;
}

.status-pill.pending[b-5lraoi5xo7] {
    background: #fff1c7;
    color: #805900;
}

.status-pill.disabled[b-5lraoi5xo7] {
    background: #e9ebf0;
    color: #555b6b;
}

.pagination-bar[b-5lraoi5xo7] {
    align-items: center;
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.pagination-button[b-5lraoi5xo7] {
    align-items: center;
    background: white;
    border: 1px solid #d8dbe6;
    border-radius: 6px;
    color: #1B1D36;
    display: inline-flex;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    min-width: 2.25rem;
    padding: 0 0.65rem;
}

.pagination-button:hover:not(:disabled)[b-5lraoi5xo7],
.pagination-button.active[b-5lraoi5xo7] {
    background: #1B1D36;
    border-color: #1B1D36;
    color: white;
}

.pagination-button:disabled[b-5lraoi5xo7] {
    color: #a2a6b3;
    cursor: not-allowed;
}

.email-settings[b-5lraoi5xo7] {
    display: grid;
    gap: 0.75rem;
}

.setting-row[b-5lraoi5xo7] {
    align-items: center;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.setting-row h3[b-5lraoi5xo7] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

@media (max-width: 700px) {
    .administration-header[b-5lraoi5xo7],
    .panel-heading[b-5lraoi5xo7],
    .table-tools[b-5lraoi5xo7],
    .setting-row[b-5lraoi5xo7] {
        align-items: stretch;
        flex-direction: column;
    }

    .result-count[b-5lraoi5xo7],
    .pagination-bar[b-5lraoi5xo7] {
        justify-content: flex-start;
    }

    .summary-grid[b-5lraoi5xo7] {
        grid-template-columns: 1fr;
    }

    .administration-table[b-5lraoi5xo7] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* /Pages/AQSForm.razor.rz.scp.css */
.additives[b-xpdb56wyjq] {
    margin-top: 3px;
    margin-bottom: 24px;
}
.aqsForm[b-xpdb56wyjq] {
    margin-top: 8px;
    border-radius: 15px;
    border: 2px solid #1B1D36;
    padding: 6px;
    width: 75%;
}

.btn-showhide[b-xpdb56wyjq] {
    background-color: #BDE9C9;
    color: #1B1D36;
}

.btn-yellow[b-xpdb56wyjq] {
    background-color: #E9E186;
    color: #1B1D36;
}

.btn[b-xpdb56wyjq] {
    padding: 20px;
    margin: 6px;
}
.longHeadline[b-xpdb56wyjq] {
    margin-right: 25%;
}

input[b-xpdb56wyjq]::-webkit-inner-spin-button, input[b-xpdb56wyjq]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.row[b-xpdb56wyjq] {
    border-bottom: 1px solid lightgrey;
    margin: 6px;
    padding-bottom: 3px;
}

.supplierInfoForm[b-xpdb56wyjq] {
    border: 2px solid #1B1D36;
    border-radius: 15px;
    padding: 6px;
    background-color: #E9E186;
    width: 75%;
    margin-bottom: 3px;
}


ol[b-xpdb56wyjq] {
    counter-reset: item;
}

li[b-xpdb56wyjq] {
    display: block;
    color: #666666;
}

li[b-xpdb56wyjq]:before {
    content: counters(item, ".") " ";
    counter-increment: item;
}

li:not(:last-child)[b-xpdb56wyjq] {
    margin-bottom: 5px;
}


table tbody tr:nth-child(even)[b-xpdb56wyjq] {
    background-color: lightgray !important;
}

.custom-class tbody tr:nth-child(even)[b-xpdb56wyjq] {
    background-color: lightgray !important;
}
/* /Pages/CreateForm.razor.rz.scp.css */
.btn-create-aqs[b-z86f0uas57] {
    background-color: #A4C8E1;
    color: #1B1D36;
}
.supplierInfoForm[b-z86f0uas57] {
    border: 2px solid #1B1D36;
    border-radius: 15px;
    padding: 6px;
    width: 75%;
    margin-bottom: 3px;
}
/* /Pages/SAPNumber.razor.rz.scp.css */
.additives[b-uyoljpuktb] {
    margin-top: 3px;
    margin-bottom: 24px;
}
.aqsForm[b-uyoljpuktb] {
    margin-top: 8px;
    border-radius: 15px;
    border: 2px solid #1B1D36;
    padding: 6px;
    width: 75%;
}

.btn-showhide[b-uyoljpuktb] {
    background-color: #BDE9C9;
    color: #1B1D36;
}

.btn-yellow[b-uyoljpuktb] {
    background-color: #E9E186;
    color: #1B1D36;
}

.btn[b-uyoljpuktb] {
    padding: 20px;
    margin: 6px;
}
.longHeadline[b-uyoljpuktb] {
    margin-right: 25%;
}

input[b-uyoljpuktb]::-webkit-inner-spin-button, input[b-uyoljpuktb]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.row[b-uyoljpuktb] {
    border-bottom: 1px solid lightgrey;
    margin: 6px;
    padding-bottom: 3px;
}

.supplierInfoForm[b-uyoljpuktb] {
    border: 2px solid #1B1D36;
    border-radius: 15px;
    padding: 6px;
    background-color: #E9E186;
    width: 75%;
    margin-bottom: 3px;
}

ol[b-uyoljpuktb] {
    counter-reset: item;
}

li[b-uyoljpuktb] {
    display: block;
    color: #666666;
}

li[b-uyoljpuktb]:before {
    content: counters(item, ".") " ";
    counter-increment: item;
}

li:not(:last-child)[b-uyoljpuktb] {
    margin-bottom: 5px;
}


/* /Shared/Administration/ErrorLogPanel.razor.rz.scp.css */
.error-log-layout[b-qvbolvjomu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
}

.error-log-table-wrapper[b-qvbolvjomu] {
    overflow-x: auto;
}

.error-log-table td[b-qvbolvjomu] {
    vertical-align: top;
}

.selected-row[b-qvbolvjomu] {
    background: #f7f8fb;
}

.level-pill[b-qvbolvjomu] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.35rem 0.6rem;
}

.level-pill.error[b-qvbolvjomu] {
    background: #f8d7da;
    color: #842029;
}

.level-pill.critical[b-qvbolvjomu] {
    background: #1B1D36;
    color: white;
}

.error-message[b-qvbolvjomu],
.error-category[b-qvbolvjomu] {
    display: block;
}

.error-message[b-qvbolvjomu] {
    color: #1B1D36;
    max-width: 28rem;
    overflow-wrap: anywhere;
}

.error-category[b-qvbolvjomu] {
    color: #5f6475;
    font-size: 0.85rem;
    margin-top: 0.2rem;
    max-width: 28rem;
    overflow-wrap: anywhere;
}

.error-detail-panel[b-qvbolvjomu] {
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.error-detail-heading[b-qvbolvjomu] {
    border-bottom: 1px solid #e3e5ec;
    display: grid;
    gap: 0.2rem;
    padding-bottom: 0.75rem;
}

.error-detail-heading h3[b-qvbolvjomu] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.error-detail-heading span[b-qvbolvjomu] {
    color: #5f6475;
    font-size: 0.85rem;
}

.error-detail-list[b-qvbolvjomu] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.error-detail-list div[b-qvbolvjomu] {
    display: grid;
    gap: 0.2rem;
}

.error-detail-list dt[b-qvbolvjomu] {
    color: #5f6475;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.error-detail-list dd[b-qvbolvjomu] {
    margin: 0;
    overflow-wrap: anywhere;
}

.stack-trace[b-qvbolvjomu] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.stack-trace h4[b-qvbolvjomu] {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
}

.stack-trace pre[b-qvbolvjomu] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    color: #1B1D36;
    font-size: 0.78rem;
    margin: 0;
    max-height: 24rem;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .error-log-layout[b-qvbolvjomu] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/Administration/RecipeDatabaseEmailRecipientsPanel.razor.rz.scp.css */
.email-admin-grid[b-wph549098v] {
    display: grid;
    gap: 1.25rem;
}

.settings-block[b-wph549098v] {
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.settings-block-heading h3[b-wph549098v] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.settings-block-heading p[b-wph549098v] {
    color: #5f6475;
    margin: 0;
}

.recipient-editor[b-wph549098v] {
    display: grid;
    gap: 1rem;
}

.recipient-form[b-wph549098v] {
    display: grid;
    gap: 0.4rem;
}

.recipient-form label[b-wph549098v] {
    color: #1B1D36;
    font-weight: 700;
}

.recipient-input-row[b-wph549098v] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    max-width: 42rem;
}

.recipient-input-row .form-control[b-wph549098v] {
    min-width: 0;
}

.recipient-input-row .btn[b-wph549098v] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    white-space: nowrap;
}

.recipient-help[b-wph549098v] {
    color: #5f6475;
    font-size: 0.9rem;
    margin: 0;
}

.template-layout[b-wph549098v] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.2fr);
}

.template-list[b-wph549098v],
.template-form[b-wph549098v] {
    display: grid;
    gap: 0.75rem;
}

.template-button[b-wph549098v] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    color: #1B1D36;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
}

.template-button span[b-wph549098v] {
    color: #5f6475;
    font-size: 0.85rem;
}

.template-button:hover[b-wph549098v],
.template-button.active[b-wph549098v] {
    border-color: #1B1D36;
}

.template-button.active[b-wph549098v] {
    background: #eef0f8;
}

.template-form label[b-wph549098v] {
    color: #1B1D36;
    font-weight: 700;
}

.template-body[b-wph549098v] {
    font-family: Consolas, "Courier New", monospace;
    min-height: 14rem;
    resize: vertical;
}

.placeholder-list[b-wph549098v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.placeholder-list code[b-wph549098v] {
    background: #eef0f8;
    border: 1px solid #d8dbe6;
    border-radius: 6px;
    color: #1B1D36;
    padding: 0.25rem 0.45rem;
}

.email-preview[b-wph549098v] {
    border: 1px solid #d8dbe6;
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.email-preview-heading[b-wph549098v] {
    align-items: center;
    background: #f7f8fb;
    border-bottom: 1px solid #e3e5ec;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.email-preview-heading h4[b-wph549098v] {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
}

.email-preview-heading span[b-wph549098v],
.email-preview-subject span[b-wph549098v] {
    color: #5f6475;
    font-size: 0.85rem;
}

.email-preview-subject[b-wph549098v] {
    border-bottom: 1px solid #e3e5ec;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
}

.email-preview-subject strong[b-wph549098v] {
    color: #1B1D36;
    overflow-wrap: anywhere;
}

.email-preview-body[b-wph549098v] {
    background: white;
    color: #1B1D36;
    max-height: 22rem;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: 0.9rem;
}

.email-preview-body :is(p, ul, ol)[b-wph549098v] {
    margin-bottom: 0.75rem;
}

.template-actions[b-wph549098v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.template-actions .btn[b-wph549098v] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.recipient-status[b-wph549098v] {
    border: 1px solid;
    border-radius: 8px;
    font-weight: 600;
    padding: 0.75rem 0.9rem;
}

.recipient-status.success[b-wph549098v] {
    background: #dff3e5;
    border-color: #b9dfc4;
    color: #246b36;
}

.recipient-status.error[b-wph549098v] {
    background: #f8d7da;
    border-color: #f1aeb5;
    color: #842029;
}

.recipient-list[b-wph549098v] {
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    overflow: hidden;
}

.empty-state[b-wph549098v],
.loading-state[b-wph549098v] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    color: #5f6475;
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.recipient-row[b-wph549098v] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.recipient-row + .recipient-row[b-wph549098v] {
    border-top: 1px solid #e3e5ec;
}

.recipient-row span[b-wph549098v] {
    overflow-wrap: anywhere;
}

.recipient-row .btn[b-wph549098v] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .template-layout[b-wph549098v] {
        grid-template-columns: 1fr;
    }

    .recipient-input-row[b-wph549098v],
    .recipient-row[b-wph549098v] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Shared/Administration/UserEditor.razor.rz.scp.css */
.editor-grid[b-w7gq15dky2] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-switches[b-w7gq15dky2] {
    display: flex;
    gap: 1.5rem;
    margin-top: 1.25rem;
}

.form-group label[b-w7gq15dky2],
.field-label[b-w7gq15dky2] {
    color: #5f6475;
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.role-picker[b-w7gq15dky2] {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    display: grid;
    gap: 0.4rem;
    max-height: 8.75rem;
    overflow-y: auto;
    padding: 0.65rem 0.75rem;
}

.role-option[b-w7gq15dky2] {
    align-items: center;
    color: #1B1D36;
    display: flex;
    font-size: 0.95rem;
    font-weight: 500;
    gap: 0.5rem;
    margin: 0;
}

.role-option input[b-w7gq15dky2] {
    height: 1rem;
    width: 1rem;
}

.modal-footer .btn[b-w7gq15dky2] {
    min-width: 6rem;
}

@media (max-width: 700px) {
    .editor-grid[b-w7gq15dky2] {
        grid-template-columns: 1fr;
    }

    .editor-switches[b-w7gq15dky2] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* /Shared/Administration/UserManagementPanel.razor.rz.scp.css */
.administration-panel[b-biactz5l4t] {
    border: 1px solid #d8dbe6;
    border-radius: 8px;
    padding: 1.25rem;
}

.panel-heading[b-biactz5l4t] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.panel-heading h2[b-biactz5l4t] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.panel-heading p[b-biactz5l4t] {
    color: #5f6475;
    margin: 0;
}

.panel-heading .btn[b-biactz5l4t] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    white-space: nowrap;
}

.summary-grid[b-biactz5l4t] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.25rem;
}

.toast-message[b-biactz5l4t] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(27, 29, 54, 0.18);
    display: flex;
    font-weight: 600;
    gap: 1rem;
    justify-content: space-between;
    max-width: min(28rem, calc(100vw - 2rem));
    padding: 0.75rem 0.9rem;
    position: fixed;
    right: 1.5rem;
    top: 5.5rem;
    width: max-content;
    z-index: 1060;
}

.toast-message.success[b-biactz5l4t] {
    background: #dff3e5;
    border-color: #b9dfc4;
    color: #246b36;
}

.toast-message.error[b-biactz5l4t] {
    background: #f8d7da;
    border-color: #f1aeb5;
    color: #842029;
}

.toast-message-close[b-biactz5l4t] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    opacity: 0.75;
    padding: 0;
    width: 1.75rem;
}

.toast-message-close:hover[b-biactz5l4t] {
    opacity: 1;
}

.summary-item[b-biactz5l4t] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    padding: 0.9rem 1rem;
}

.summary-label[b-biactz5l4t] {
    color: #5f6475;
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0.35rem;
}

.summary-value[b-biactz5l4t] {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
}

.table-tools[b-biactz5l4t] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.search-field[b-biactz5l4t] {
    align-items: center;
    display: flex;
    max-width: 360px;
    position: relative;
    width: 100%;
}

.search-field .oi[b-biactz5l4t] {
    color: #5f6475;
    left: 0.8rem;
    position: absolute;
}

.search-field .form-control[b-biactz5l4t] {
    padding-left: 2.25rem;
}

.result-count[b-biactz5l4t] {
    color: #5f6475;
    font-size: 0.9rem;
    white-space: nowrap;
}

[b-biactz5l4t] .administration-table {
    border-collapse: collapse;
    width: 100%;
}

[b-biactz5l4t] .administration-table th,
[b-biactz5l4t] .administration-table td {
    border-bottom: 1px solid #e3e5ec;
    padding: 0.8rem 0.6rem;
    text-align: left;
    vertical-align: middle;
}

[b-biactz5l4t] .administration-table th {
    color: #5f6475;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

[b-biactz5l4t] .user-name,
[b-biactz5l4t] .user-email {
    display: block;
}

[b-biactz5l4t] .user-name {
    font-weight: 700;
}

[b-biactz5l4t] .user-email {
    color: #5f6475;
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

[b-biactz5l4t] .row-action-button {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    white-space: nowrap;
}

[b-biactz5l4t] .status-pill {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.35rem 0.6rem;
}

[b-biactz5l4t] .status-pill.active {
    background: #dff3e5;
    color: #246b36;
}

[b-biactz5l4t] .status-pill.pending {
    background: #fff1c7;
    color: #805900;
}

[b-biactz5l4t] .status-pill.disabled {
    background: #e9ebf0;
    color: #555b6b;
}

.pagination-bar[b-biactz5l4t] {
    align-items: center;
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.pagination-button[b-biactz5l4t] {
    align-items: center;
    background: white;
    border: 1px solid #d8dbe6;
    border-radius: 6px;
    color: #1B1D36;
    display: inline-flex;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    min-width: 2.25rem;
    padding: 0 0.65rem;
}

.pagination-button:hover:not(:disabled)[b-biactz5l4t],
.pagination-button.active[b-biactz5l4t] {
    background: #1B1D36;
    border-color: #1B1D36;
    color: white;
}

.pagination-button:disabled[b-biactz5l4t] {
    color: #a2a6b3;
    cursor: not-allowed;
}

[b-biactz5l4t] .empty-state,
.loading-state[b-biactz5l4t] {
    background: #f7f8fb;
    border: 1px solid #e3e5ec;
    border-radius: 8px;
    color: #5f6475;
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

@media (max-width: 700px) {
    .toast-message[b-biactz5l4t] {
        left: 1rem;
        max-width: none;
        right: 1rem;
        top: 4.75rem;
        width: auto;
    }

    .panel-heading[b-biactz5l4t],
    .table-tools[b-biactz5l4t] {
        align-items: stretch;
        flex-direction: column;
    }

    .pagination-bar[b-biactz5l4t] {
        justify-content: flex-start;
    }

    .summary-grid[b-biactz5l4t] {
        grid-template-columns: 1fr;
    }

    [b-biactz5l4t] .administration-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* /Shared/Collapsable.razor.rz.scp.css */
.btn-showhide[b-wz35995rv5] {
    background-color: #BDE9C9;
    color: #1B1D36;
}

.btn[b-wz35995rv5] {
    padding: 20px;
    margin: 6px;
}
.aqsForm[b-wz35995rv5] {
    margin-top: 8px;
    border-radius: 15px;
    border: 2px solid #1B1D36;
    padding: 6px;
    width: 75%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/MainLayoutWithBackground.razor.rz.scp.css */
.page[b-dd269n8p9k] {
    background-image: url('../images/Anora_startimage_small.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-sl2uxt02pi] {
    background-color: #1B1D36;
}

.top-row[b-sl2uxt02pi] {
    height: 3.5rem;
    background-color: #1B1D36;
}

.navbar-brand[b-sl2uxt02pi] {
    font-size: 1.1rem;
}

.oi[b-sl2uxt02pi] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-sl2uxt02pi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-sl2uxt02pi] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-sl2uxt02pi] {
        padding-bottom: 1rem;
    }

    .nav-item[b-sl2uxt02pi]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-sl2uxt02pi]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-sl2uxt02pi]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-sl2uxt02pi] {
        display: none;
    }

    .collapse[b-sl2uxt02pi] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-sl2uxt02pi] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
