/* _content/IQ.Staff.Components/Components/AlertsFloatingPanel.razor.rz.scp.css */
.MainPanel[b-saicljq4y9] {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20%;
    height: 100%;
}


@media (max-width:768px) {
    .MainPanel[b-saicljq4y9] {
        width: 75%;
    }
}

.MainPanel.EditMode[b-saicljq4y9] {

    width:50%;
}

@media (max-width:768px) {
    .MainPanel[b-saicljq4y9] {
        width: 100%;
    }
}
/* _content/IQ.Staff.Components/Components/SidePanel.razor.rz.scp.css */
.MainPanel[b-6m1kd2w3ot] {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20%;
    height: 100%;
}

@media (max-width:768px) {
    .MainPanel[b-6m1kd2w3ot] {
        width: 75%;
    }
}

@media (max-width:768px) {
    .MainPanel[b-6m1kd2w3ot] {
        width: 100%;
    }
}
/* _content/IQ.Staff.Components/Components/UserAlertToastHost.razor.rz.scp.css */
.user-alert-toast-overlay[b-6nntol5fi3] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 10050;
  width: min(28rem, calc(100vw - 2rem));
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  isolation: isolate;
}

.user-alert-toast-item[b-6nntol5fi3] {
  pointer-events: auto;
  position: relative;
}

.user-alert-toast-overlay[b-6nntol5fi3]  .hub-activity-shell,
.user-alert-toast-overlay[b-6nntol5fi3]  .nps-prompt-btn,
.user-alert-toast-overlay[b-6nntol5fi3]  .nps-prompt-submit,
.user-alert-toast-overlay[b-6nntol5fi3]  .hub-activity-shell-dismiss,
.user-alert-toast-overlay[b-6nntol5fi3]  .user-alert-dismiss-btn {
  pointer-events: auto;
}

.user-alert-simple-card[b-6nntol5fi3] {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 0.75rem 0.85rem;
}

.user-alert-simple-header[b-6nntol5fi3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

.user-alert-simple-title[b-6nntol5fi3] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #212529;
}

.user-alert-simple-body[b-6nntol5fi3] {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  color: #495057;
}

.user-alert-dismiss-btn[b-6nntol5fi3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #fff;
  color: #495057;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1;
}

.user-alert-dismiss-btn:hover[b-6nntol5fi3] {
  background: #f8f9fa;
  border-color: #adb5bd;
}
/* _content/IQ.Staff.Components/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-container[b-s73ck8cl67] {
    padding: 0.75rem 1rem 1.25rem;
    background: var(--iq-bg);
    min-height: 100%;
}

.dashboard-toolbar[b-s73ck8cl67] {
    margin-bottom: 0.75rem;
}

.dashboard-toolbar[b-s73ck8cl67]  .card-body {
    padding: 0.875rem 1rem 1rem;
}

.dashboard-filters[b-s73ck8cl67] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
}

.dashboard-filter-field[b-s73ck8cl67] {
    flex: 1 1 9rem;
    min-width: 8.5rem;
    max-width: 14rem;
}

.dashboard-filter-field[b-s73ck8cl67]  .form-label {
    margin-bottom: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iq-muted-text);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-filter-field[b-s73ck8cl67]  .form-control,
.dashboard-filter-field[b-s73ck8cl67]  .form-select,
.dashboard-filter-field[b-s73ck8cl67]  .e-input-group,
.dashboard-filter-field[b-s73ck8cl67]  .e-control-wrapper,
.dashboard-filter-field[b-s73ck8cl67]  .e-ddl {
    font-size: 0.875rem;
    min-height: 2.125rem;
}
    /* student-portal.css sets input[type=date] min-height: 2.75rem (higher specificity). */
    .dashboard-filter-field[b-s73ck8cl67]  input.form-control[type="date"] {
        height: 2.125rem;
        min-height: 2.125rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-size: 0.875rem;
        line-height: 1.25;
    }

.dashboard-filter-field[b-s73ck8cl67]  .iq-checkbox-field {
    display: flex;
    align-items: center;
    min-height: 2.125rem;
    padding-top: 0;
    padding-bottom: 0;
}

.dashboard-filter-field[b-s73ck8cl67]  .iq-checkbox-field .form-check {
    display: flex;
    align-items: center;
    min-height: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.dashboard-filter-field[b-s73ck8cl67]  .iq-checkbox-field .form-check-input {
    float: none;
    margin: 0;
}

.dashboard-content[b-s73ck8cl67] {
    padding: 0 !important;
}

.dashboard-content[b-s73ck8cl67]  > .row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
    align-items: stretch;
}

@media (max-width: 768px) {
    .dashboard-container[b-s73ck8cl67] {
        padding: 0.5rem 0.75rem 1rem;
    }

    .dashboard-filter-field[b-s73ck8cl67] {
        flex: 1 1 100%;
        max-width: none;
    }
}

.dashboard-design-badge[b-s73ck8cl67] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .55rem;
    border-radius: 1rem;
    background: #fff3cd;
    border: 1px solid #ffe69c;
    color: #664d03;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.dashboard-design-host[b-s73ck8cl67] {
    position: relative;
    min-height: 8rem;
}

.dashboard-design-busy[b-s73ck8cl67] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 0.375rem;
    pointer-events: all;
}

[b-s73ck8cl67] .dashboard-design-canvas .el {
    position: relative;
    transition: outline .12s, background .12s;
    outline: 1px dashed transparent;
    border-radius: .25rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .el:hover {
    outline-color: #adb5bd;
}

[b-s73ck8cl67] .dashboard-design-canvas .el.is-selected {
    outline: 2px solid #0d6efd;
    background: rgba(13, 110, 253, 0.08);
}

[b-s73ck8cl67] .dashboard-design-canvas .el.is-drop-target {
    outline: 2px solid #198754;
    background: rgba(25, 135, 84, 0.12);
}

[b-s73ck8cl67] .dashboard-design-canvas .el.is-dragging {
    opacity: .45;
}

[b-s73ck8cl67] .dashboard-design-canvas .el-chrome {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 5;
    gap: .25rem;
    align-items: center;
}

[b-s73ck8cl67] .dashboard-design-canvas .el:hover > .el-chrome,
[b-s73ck8cl67] .dashboard-design-canvas .el.is-selected > .el-chrome {
    display: flex;
}

[b-s73ck8cl67] .dashboard-design-canvas .el-chrome .btn {
    --bs-btn-padding-y: .1rem;
    --bs-btn-padding-x: .35rem;
    --bs-btn-font-size: .7rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

[b-s73ck8cl67] .dashboard-design-canvas .drag-handle {
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 5;
    width: 22px;
    height: 22px;
    border-radius: .25rem;
    background: #fff;
    border: 1px solid #dee2e6;
    color: #6c757d;
    cursor: grab;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    padding: 0;
}

[b-s73ck8cl67] .dashboard-design-canvas .el:hover > .drag-handle,
[b-s73ck8cl67] .dashboard-design-canvas .el.is-selected > .drag-handle,
[b-s73ck8cl67] .dashboard-design-canvas .el.is-dragging > .drag-handle {
    display: inline-flex;
}

[b-s73ck8cl67] .dashboard-design-canvas .type-chip {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 4;
    font-size: .65rem;
    padding: .1rem .35rem;
    border-radius: .2rem;
    background: #212529;
    color: #fff;
    opacity: .75;
    pointer-events: none;
}

[b-s73ck8cl67] .dashboard-design-canvas .el:hover > .type-chip,
[b-s73ck8cl67] .dashboard-design-canvas .el.is-selected > .type-chip {
    display: inline-block;
}

/* Drop slots are overlays inside columns — never Bootstrap col-12 siblings (that stacked cards) */
[b-s73ck8cl67] .dashboard-design-canvas .drop-slot {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    overflow: hidden;
    pointer-events: none;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot {
    pointer-events: auto;
}

[b-s73ck8cl67] .dashboard-design-canvas .drop-slot-before.drop-slot-horizontal {
    position: absolute;
    left: -0.35rem;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 6;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-before.drop-slot-horizontal {
    width: 0.7rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .drop-slot-before.drop-slot-vertical {
    position: absolute;
    left: 0;
    right: 0;
    top: -0.25rem;
    height: 0;
    z-index: 6;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-before.drop-slot-vertical {
    height: 0.5rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .drop-slot-end {
    display: none;
    width: 100%;
    min-height: 0;
    height: 0;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-end {
    display: block;
    min-height: 10px;
    height: 10px;
    margin-top: 0.25rem;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .row > .drop-slot-end {
    flex: 0 0 100%;
    max-width: 100%;
}

[b-s73ck8cl67] .dashboard-design-canvas .drop-slot.active,
[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot.active {
    background: rgba(25, 135, 84, 0.2);
    border: 2px dashed #198754;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-before.drop-slot-horizontal.active {
    width: 0.85rem;
}

[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-before.drop-slot-vertical.active,
[b-s73ck8cl67] .dashboard-design-canvas.is-dragging-active .drop-slot-end.active {
    min-height: 28px;
    height: auto;
}

[b-s73ck8cl67] .dashboard-design-canvas .container-add {
    display: none;
    width: 100%;
    margin-top: .5rem;
    border: 1px dashed #adb5bd;
    background: #fff;
    color: #6c757d;
    font-size: .8rem;
    padding: .35rem;
    border-radius: .25rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .el:hover > .dashboard-section > .container-add,
[b-s73ck8cl67] .dashboard-design-canvas .el.is-selected > .dashboard-section > .container-add,
[b-s73ck8cl67] .dashboard-design-canvas .dashboard-section:hover > .container-add {
    display: block;
}

[b-s73ck8cl67] .dashboard-design-canvas .container-add:hover {
    border-color: #0d6efd;
    color: #0d6efd;
    background: rgba(13, 110, 253, 0.08);
}

/* Reuse live metric styling inside designer (scoped on DashboardElement; copy essentials) */
[b-s73ck8cl67] .dashboard-design-canvas .dashboard-section {
    background: var(--iq-surface);
    border: 1px solid var(--iq-border);
    border-radius: var(--iq-radius);
    box-shadow: var(--iq-panel-shadow);
    padding: 0.875rem 1rem;
    height: 100%;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-section-title {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iq-primary);
    margin: 0 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--iq-border);
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    margin-bottom: 0.375rem;
    border-radius: var(--iq-radius-sm, 0.25rem);
    background: var(--iq-surface-alt, #f8f9fa);
    min-height: 2.5rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--iq-text, #212529);
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-value {
    flex: 0 0 auto;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-btn {
    min-width: 2.75rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    pointer-events: none;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 6.5rem;
    padding: 0.875rem 0.75rem;
    background: var(--iq-surface-alt, #f8f9fa);
    border: 1px solid var(--iq-border, #dee2e6);
    border-radius: var(--iq-radius, 0.375rem);
    text-align: center;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-metric-card-title {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--iq-primary);
    margin: 0 0 0.625rem;
}

[b-s73ck8cl67] .dashboard-design-canvas .dashboard-fixed-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iq-muted-text, #6c757d);
}

[b-s73ck8cl67] .dashboard-design-canvas .table-preview thead th {
    position: relative;
    background: #fff8e6;
    outline: 1px dashed #ffc107;
    padding-right: 2.5rem;
    white-space: nowrap;
}

[b-s73ck8cl67] .dashboard-design-canvas .th-chrome {
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

[b-s73ck8cl67] .dashboard-design-canvas .th-chrome .btn {
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: .25rem;
    --bs-btn-font-size: .65rem;
}

[b-s73ck8cl67] .col-editor {
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background: #fafbfc;
    padding: .75rem;
}

[b-s73ck8cl67] .col-editor-row {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr 1fr auto;
    gap: .5rem;
    align-items: end;
    margin-bottom: .5rem;
    padding: .5rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}

[b-s73ck8cl67] .df-label {
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .2rem;
    display: block;
}
/* _content/IQ.Staff.Components/Dashboard/DashboardElement.razor.rz.scp.css */
.dashboard-section[b-1fixkvbpfs] {
    background: var(--iq-surface);
    border: 1px solid var(--iq-border);
    border-radius: var(--iq-radius);
    box-shadow: var(--iq-panel-shadow);
    padding: 0.875rem 1rem;
    height: 100%;
}

.dashboard-section-title[b-1fixkvbpfs] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iq-primary);
    margin: 0 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--iq-border);
}

.dashboard-section-body[b-1fixkvbpfs] {
    margin: 0;
}

.dashboard-metric-row[b-1fixkvbpfs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    margin-bottom: 0.375rem;
    border-radius: var(--iq-radius-sm);
    background: var(--iq-surface-alt);
    min-height: 2.5rem;
}

.dashboard-metric-row:last-child[b-1fixkvbpfs] {
    margin-bottom: 0;
}

.dashboard-metric-row:hover[b-1fixkvbpfs] {
    background: var(--iq-primary-tint);
}

.dashboard-metric-label[b-1fixkvbpfs] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--iq-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.dashboard-metric-value[b-1fixkvbpfs] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.dashboard-metric-card[b-1fixkvbpfs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 6.5rem;
    padding: 0.875rem 0.75rem;
    background: var(--iq-surface-alt);
    border: 1px solid var(--iq-border);
    border-radius: var(--iq-radius);
    text-align: center;
}

.dashboard-metric-card-title[b-1fixkvbpfs] {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--iq-primary);
    margin: 0 0 0.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.dashboard-metric-card-value[b-1fixkvbpfs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

.dashboard-fixed-label[b-1fixkvbpfs] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iq-muted-text);
}

.dashboard-table-wrap[b-1fixkvbpfs] {
    overflow-x: auto;
}

.dashboard-table-wrap .table[b-1fixkvbpfs] {
    margin-bottom: 0;
    font-size: 0.8125rem;
}

.dashboard-table-wrap .table th[b-1fixkvbpfs] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--iq-muted-text);
    white-space: nowrap;
}

.dashboard-table-wrap .table td[b-1fixkvbpfs] {
    vertical-align: middle;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-table-wrap .table td.dashboard-cell-editor[b-1fixkvbpfs] {
    max-width: none;
    overflow: visible;
    white-space: normal;
}

.dashboard-bound-editor[b-1fixkvbpfs]  textarea.form-control {
    min-height: var(--bound-editor-height, auto);
    resize: both;
}
/* _content/IQ.Staff.Components/Dashboard/DotFlashingButton.razor.rz.scp.css */
.dashboard-metric-btn[b-e5q92gtqgp] {
    min-width: 2.75rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
}
/* _content/IQ.Staff.Components/Pages/DatasetEdit.razor.rz.scp.css */
.dataset-edit-page[b-ie25g1o6w7] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}
/* _content/IQ.Staff.Components/Pages/Datasets/DatasetEditorPage.razor.rz.scp.css */
.dataset-edit-page[b-of4qrdoueh] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}
/* _content/IQ.Staff.Components/Pages/Index.razor.rz.scp.css */
.iq-overlay[b-mq2iac4ic9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
    flex-direction: column;
}

.iq-spinner[b-mq2iac4ic9] {
    position: relative;
    width: 72px;
    height: 72px;
}

.iq-spinner img[b-mq2iac4ic9] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}

.iq-spinner .ring[b-mq2iac4ic9] {
    position: absolute;
    inset: 0;
    border: 4px solid rgba(4, 44, 84, 0.2);
    border-top-color: #042c54;
    border-radius: 50%;
    animation: iq-spin-b-mq2iac4ic9 1s linear infinite;
}

@keyframes iq-spin-b-mq2iac4ic9 {
    to {
        transform: rotate(360deg);
    }
}

.iq-loader-text[b-mq2iac4ic9] {
    margin-top: 0.75rem;
    color: #6c757d; /* Bootstrap text-muted */
}


/* Responsive layout for menu and content */
.menu-panel[b-mq2iac4ic9] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    border-right: 1px solid #dee2e6;
    z-index: 100;
    width: 250px;
}
.menu-panel.quicksearch[b-mq2iac4ic9] {
    width: 580px;
}

.main-content[b-mq2iac4ic9] {
    position: relative;
    margin-left: 250px;
    height: 100%;
}
.main-content.quicksearch[b-mq2iac4ic9] {
    margin-left: 580px;
}

.mobile-menu-toggle[b-mq2iac4ic9] {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 110;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 6px 8px;
    display: none;
}

@media (max-width: 768px) {
    .mobile-menu-toggle[b-mq2iac4ic9] { display: inline-flex; align-items: center; }
    .menu-panel[b-mq2iac4ic9] { transform: translateX(-100%); transition: transform 0.2s ease; width: 85vw; }
    .menu-panel.quicksearch[b-mq2iac4ic9] { width: 100vw; }
    .menu-panel.open[b-mq2iac4ic9] { transform: translateX(0); }
    .main-content[b-mq2iac4ic9] { margin-left: 0; }
}

/* Loading overlay for iframe AJAX requests */
.iframe-loading-overlay[b-mq2iac4ic9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    z-index: 50;
    pointer-events: none; /* Allow clicks to pass through to iframe */
}
/* _content/IQ.Staff.Components/Shared/MainLayout.razor.rz.scp.css */
/* Loading overlays */
.iq-overlay[b-fn59f2ww6b] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--iq-overlay-bg);
    z-index: 10;
    flex-direction: column;
}

.iq-spinner[b-fn59f2ww6b] {
    position: relative;
    width: 72px;
    height: 72px;
}

.iq-spinner img[b-fn59f2ww6b] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}

.iq-spinner .ring[b-fn59f2ww6b] {
    position: absolute;
    inset: 0;
    border: 4px solid rgba(var(--iq-primary-rgb), 0.2);
    border-top-color: var(--iq-primary);
    border-radius: 50%;
    animation: iq-spin-b-fn59f2ww6b 1s linear infinite;
}

@keyframes iq-spin-b-fn59f2ww6b {
    to {
        transform: rotate(360deg);
    }
}

.iq-loader-text[b-fn59f2ww6b] {
    margin-top: 0.75rem;
    color: var(--iq-muted-text);
}

/* Responsive layout for menu and content */
.menu-panel[b-fn59f2ww6b] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--iq-surface);
    border-right: 1px solid var(--iq-border);
    z-index: 50;
    width: 250px;
}

.menu-panel.quicksearch[b-fn59f2ww6b] {
    width: 580px;
}

.main-content[b-fn59f2ww6b] {
    position: relative;
    margin-left: 250px;
    height: 100%;
    transition: margin-left 0.2s ease;
}

.main-content.menu-collapsed[b-fn59f2ww6b] {
    margin-left: 0;
}

.main-content.quicksearch[b-fn59f2ww6b] {
    margin-left: 580px;
}

.main-content.quicksearch.menu-collapsed[b-fn59f2ww6b] {
    margin-left: 0;
}

@media (max-width: 768px) {
    .main-content[b-fn59f2ww6b],
    .main-content.quicksearch[b-fn59f2ww6b] {
        margin-left: 0;
    }
}

/* Fixed loading indicator for iframe AJAX requests - top right corner */
.iframe-loading-indicator[b-fn59f2ww6b] {
    position: fixed;
    top: 16px;
    right: 20px;
    z-index: 1050;
    pointer-events: none;
    background: var(--iq-surface-alt);
    padding: 8px;
    border-radius: var(--iq-radius);
    box-shadow: var(--iq-panel-shadow);
}

.iframe-loading-indicator .iq-spinner[b-fn59f2ww6b] {
    width: 48px;
    height: 48px;
}

.iframe-loading-indicator .iq-spinner img[b-fn59f2ww6b] {
    width: 28px;
    height: 28px;
}

/* Dynamic and routed content containers */
.dynamic-component-container[b-fn59f2ww6b] {
    background: var(--iq-surface);
}

.routed-content-container[b-fn59f2ww6b] {
    background: var(--iq-surface);
}

/* Help dropdown button */
.btn-group.dropup[b-fn59f2ww6b] {
    z-index: 1001;
}
/* _content/IQ.Staff.Components/Shared/NavMenu.razor.rz.scp.css */
.menu-reopen-toggle[b-2te0j7b7kt] {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 2020;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--iq-surface);
    border: 1px solid var(--iq-border);
    border-radius: var(--iq-radius-sm);
    padding: 6px 8px;
    box-shadow: var(--iq-panel-shadow);
    color: var(--iq-primary);
}

.menu-reopen-toggle:hover[b-2te0j7b7kt] {
    border-color: var(--iq-accent-blue);
    color: var(--iq-accent-blue);
}

.menu-reopen-toggle .bi[b-2te0j7b7kt] {
    font-size: 20px;
}

.menu-panel[b-2te0j7b7kt] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--iq-surface);
    border-right: 1px solid var(--iq-border);
    z-index: 50;
    width: 250px;
    transition: transform 0.2s ease;
}

.menu-panel.collapsed[b-2te0j7b7kt] {
    transform: translateX(-100%);
}

.menu-panel.quicksearch[b-2te0j7b7kt] {
    width: 580px;
}

@media (max-width: 768px) {
    .menu-panel[b-2te0j7b7kt] {
        width: 85vw;
    }

    .menu-panel.quicksearch[b-2te0j7b7kt] {
        width: 100vw;
    }
}