/* /Auth/AuthGate.razor.rz.scp.css */
.offline-shell[b-04xx36xadb] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: var(--color-background);
}

.offline-card[b-04xx36xadb] {
    max-width: 26rem;
    width: 100%;
    text-align: center;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 2rem;
}

.offline-icon[b-04xx36xadb] {
    font-size: 2.5rem;
    color: var(--color-orange);
    display: block;
    margin-bottom: 0.75rem;
}

.offline-title[b-04xx36xadb] {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.offline-text[b-04xx36xadb] {
    color: var(--color-brown-shade-64);
    margin-bottom: 1.25rem;
}
/* /Components/AuditLogDetailDrawer.razor.rz.scp.css */
.drawer-subtitle[b-95akqyn6v8] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-brown-shade-64);
    margin: 1.1rem 0 0.4rem;
}

.drawer-section[b-95akqyn6v8] {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    overflow: hidden;
}

.drawer-row[b-95akqyn6v8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0.7rem;
    font-size: 0.82rem;
    border-bottom: 1px solid var(--border-subtle);
}

.drawer-row:last-child[b-95akqyn6v8] {
    border-bottom: 0;
}

.drawer-label[b-95akqyn6v8] {
    color: var(--color-brown-shade-64);
    flex-shrink: 0;
}

.drawer-value[b-95akqyn6v8] {
    text-align: right;
    word-break: break-word;
}
/* /Components/MailPreviewPanel.razor.rz.scp.css */
.preview-subtitle[b-btm325hbei] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-brown-shade-64);
    margin: 1.1rem 0 0.4rem;
}

.preview-section[b-btm325hbei] {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    overflow: hidden;
}

.preview-row[b-btm325hbei] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0.7rem;
    font-size: 0.82rem;
    border-bottom: 1px solid var(--border-subtle);
}

.preview-row:last-child[b-btm325hbei] {
    border-bottom: 0;
}

.preview-label[b-btm325hbei] {
    color: var(--color-brown-shade-64);
    flex-shrink: 0;
}

.preview-value[b-btm325hbei] {
    text-align: right;
    word-break: break-word;
}

/* Mails are designed for a white canvas regardless of the portal theme. */
.preview-frame[b-btm325hbei] {
    width: 100%;
    height: 28rem;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    background: #fff;
}

.preview-text[b-btm325hbei] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.82rem;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 0.7rem;
    margin: 0;
}
/* /Components/MetricChart.razor.rz.scp.css */
.chart-panel[b-xjj1unhnsx] {
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    background: var(--surface-card);
}

.chart-title[b-xjj1unhnsx] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.chart-svg[b-xjj1unhnsx] {
    width: 100%;
    height: auto;
    display: block;
}

.chart-empty[b-xjj1unhnsx] {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brown-shade-64);
    font-size: 0.85rem;
}

.chart-grid[b-xjj1unhnsx] {
    stroke: var(--color-chart-grid);
    stroke-width: 1;
    stroke-dasharray: 3 3;
}

.chart-axis[b-xjj1unhnsx] {
    stroke: var(--color-chart-axis);
    stroke-width: 1;
}

.chart-lbl[b-xjj1unhnsx] {
    fill: var(--color-brown-shade-64);
    font-size: 13px;
}

.chart-lbl-end[b-xjj1unhnsx] {
    text-anchor: end;
}

.chart-dot[b-xjj1unhnsx] {
    cursor: crosshair;
}

.chart-dot:hover[b-xjj1unhnsx] {
    fill: rgba(0, 0, 0, 0.06);
}
/* /Components/NamespaceTransferList.razor.rz.scp.css */
.transfer[b-fzaqobn63x] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    background: var(--surface-card);
}

.flex-1[b-fzaqobn63x] {
    flex: 1;
    min-width: 0;
}

.panel-head[b-fzaqobn63x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-brown-shade-64);
    margin-bottom: 0.35rem;
}

.panel[b-fzaqobn63x] {
    height: 16rem;
    overflow-y: auto;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 0.35rem;
}

.panel-empty[b-fzaqobn63x] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brown-shade-64);
    font-size: 0.85rem;
}

.ns-item[b-fzaqobn63x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 6px;
    padding: 0.4rem 0.55rem;
    font-size: 0.82rem;
    font-family: monospace;
    color: var(--color-dark-brown);
    text-align: left;
}

.ns-item:hover:not(:disabled)[b-fzaqobn63x] {
    background: var(--surface-raised);
}

.ns-item.sel[b-fzaqobn63x] {
    background: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
    font-weight: 600;
}

.ns-item.saved[b-fzaqobn63x] {
    opacity: 0.6;
    cursor: default;
}

.tag[b-fzaqobn63x] {
    font-size: 0.65rem;
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    padding: 0 0.3rem;
    color: var(--color-brown-shade-64);
    font-family: inherit;
}
/* /Components/NotificationBell.razor.rz.scp.css */
.bell-btn[b-q3t8e2omn3] {
    position: relative;
    background: transparent;
    border: 0;
    color: var(--color-dark-brown);
    font-size: 1.15rem;
    line-height: 1;
    padding: 0.4rem 0.55rem;
    border-radius: 6px;
    cursor: pointer;
}

.bell-btn:hover[b-q3t8e2omn3] {
    background: rgba(128, 128, 128, 0.15);
}

.bell-badge[b-q3t8e2omn3] {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.2rem;
    border-radius: 999px;
    background: var(--color-status-info);
    color: var(--color-white);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
}

.bell-empty[b-q3t8e2omn3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 10rem;
    color: var(--color-brown-shade-64);
    font-size: 0.9rem;
}

.bell-empty i[b-q3t8e2omn3] {
    font-size: 2rem;
    opacity: 0.4;
}

.op-row[b-q3t8e2omn3] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.op-active[b-q3t8e2omn3] {
    background: rgba(37, 99, 235, 0.06);
}

.op-icon[b-q3t8e2omn3] {
    margin-top: 0.15rem;
    flex: 0 0 auto;
}

.op-body[b-q3t8e2omn3] {
    flex: 1;
    min-width: 0;
}

.op-top[b-q3t8e2omn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.op-name[b-q3t8e2omn3] {
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.op-time[b-q3t8e2omn3] {
    font-size: 0.72rem;
    color: var(--color-brown-shade-64);
    flex: 0 0 auto;
}

.op-kind[b-q3t8e2omn3] {
    font-size: 0.75rem;
    color: var(--color-brown-shade-64);
    margin-top: 0.1rem;
}

.op-msg[b-q3t8e2omn3] {
    font-size: 0.75rem;
    color: var(--color-brown-shade-64);
    margin-top: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.op-go[b-q3t8e2omn3] {
    background: transparent;
    border: 0;
    color: var(--color-brown-shade-64);
    cursor: pointer;
    flex: 0 0 auto;
}

.op-go:hover[b-q3t8e2omn3] {
    color: var(--color-orange);
}
/* /Components/RecentActivityTable.razor.rz.scp.css */
.activity-foot[b-bbver9oyh1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.9rem;
    border-top: 1px solid var(--border-subtle);
}

.activity-empty[b-bbver9oyh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px dashed var(--border-subtle);
    border-radius: 10px;
    padding: 2.5rem;
    color: var(--color-brown-shade-64);
    font-size: 0.9rem;
}

.activity-empty i[b-bbver9oyh1] {
    font-size: 1.5rem;
}
/* /Components/SidePanel.razor.rz.scp.css */
.side-panel-backdrop[b-2isn2m9e93] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
}

.side-panel[b-2isn2m9e93] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background: var(--surface-card);
    border-left: 1px solid var(--border-subtle);
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
}

/* Starts below the header instead of covering the full viewport. */
.side-panel-backdrop.below-header[b-2isn2m9e93] {
    top: var(--header-height);
}

.side-panel.below-header[b-2isn2m9e93] {
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
}

.side-panel-head[b-2isn2m9e93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.side-panel-head.align-start[b-2isn2m9e93] {
    align-items: flex-start;
}

.side-panel-head-content[b-2isn2m9e93] {
    min-width: 0;
}

.side-panel-close[b-2isn2m9e93] {
    background: transparent;
    border: 0;
    color: var(--color-brown-shade-64);
    cursor: pointer;
    flex-shrink: 0;
}

.side-panel-body[b-2isn2m9e93] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.side-panel-body.no-padding[b-2isn2m9e93] {
    padding: 0;
}

.side-panel-foot[b-2isn2m9e93] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid var(--border-subtle);
}
/* /Components/SortableColumnHeader.razor.rz.scp.css */
.sort-header[b-814rjvfz8j] {
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: inherit;
    font: inherit;
}

.sort-header:hover[b-814rjvfz8j] {
    color: var(--color-brand-primary);
}
/* /Components/StorageUsageChart.razor.rz.scp.css */
.storage-chart[b-q1jzek4n8m] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.storage-donut[b-q1jzek4n8m] {
    width: 160px;
    height: 160px;
    flex-shrink: 0;
}

.storage-donut-pct[b-q1jzek4n8m] {
    font-size: 22px;
    font-weight: 700;
    fill: var(--text-primary, currentColor);
}

.storage-donut-sub[b-q1jzek4n8m] {
    font-size: 12px;
    fill: var(--color-brown-shade-64);
}

.storage-legend[b-q1jzek4n8m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 180px;
}

.storage-legend-row[b-q1jzek4n8m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.storage-legend-total[b-q1jzek4n8m] {
    padding-top: 0.35rem;
    border-top: 1px solid var(--border-subtle);
    font-weight: 600;
}

.storage-swatch[b-q1jzek4n8m] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}

.storage-legend-label[b-q1jzek4n8m] {
    color: var(--color-brown-shade-64);
    flex: 1;
}

.storage-legend-value[b-q1jzek4n8m] {
    font-weight: 600;
}
/* /Components/UserAccessMatrix.razor.rz.scp.css */
/* Matrix role × feature ("Optie B" in the RBAC designs): half the page on a wide screen (wider when the roles do
   not fit), the full width below 1200px. The box itself never scrolls: the page does, and the column headers stay
   at the top of the window, just below the app header. overflow: clip rounds the corners without making the box a
   scroll container, which would pin the headers to the box instead. */

.access-matrix-table[b-bg0g6ift2j] {
    max-width: 50%;
    min-width: min-content;
    overflow: clip;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(41, 29, 24, 0.06);
}

.access-matrix-table table[b-bg0g6ift2j] {
    font-size: 0.875rem;
}

.access-matrix-table th[b-bg0g6ift2j],
.access-matrix-table td[b-bg0g6ift2j] {
    border-color: var(--border-subtle);
}

/* A sticky cell loses its collapsed border, so the line under the headers is a shadow. The app header is sticky
   from 641px (MainLayout), so there the headers stop below it; under it they stop at the top of the window. */
.access-matrix-table thead th[b-bg0g6ift2j] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-card);
    box-shadow: inset 0 -1px 0 var(--border-subtle);
}

@media (min-width: 641px) {
    .access-matrix-table thead th[b-bg0g6ift2j] {
        top: var(--header-height);
    }
}

.access-matrix-feature-col[b-bg0g6ift2j] {
    min-width: 14rem;
    color: var(--color-brown-shade-64);
    font-weight: 600;
}

/* Role, overrides and result columns. */
.access-matrix-col[b-bg0g6ift2j] {
    width: 7rem;
    min-width: 7rem;
    padding: 0.4rem 0.3rem !important;
    text-align: center;
    font-weight: 800;
}

.access-matrix-head-sub[b-bg0g6ift2j] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-brown-shade-64);
}

/* The user's own column, the outcome, stands out in yellow like a selected column in the design. */
.access-matrix-user-col[b-bg0g6ift2j] {
    border-left: 2px solid var(--border-subtle) !important;
    background: var(--color-lemon);
}

.access-matrix-table thead th.access-matrix-user-col[b-bg0g6ift2j] {
    background: var(--color-telenet-yellow);
    color: #291D18;
}

/* The domain icon in front of each feature (instead of a group row per domain). */
.access-matrix-icon-col[b-bg0g6ift2j] {
    width: 3rem;
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

.access-matrix-icon-col .access-group-icon[b-bg0g6ift2j] {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.85rem;
    margin: 0;
}

.access-matrix-feature[b-bg0g6ift2j] {
    font-weight: 700;
}

.access-matrix-actions[b-bg0g6ift2j] {
    margin: 0.25rem 0 0;
    padding-left: 1rem;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--color-brown-shade-64);
}

.access-matrix-rollout[b-bg0g6ift2j] {
    background: #fac7ba;
    color: #291D18;
    font-weight: 700;
}

/* .access-matrix-on / -off (the check and the empty box) are in component-styles.css: the permissions matrix uses them too. */

.access-matrix-blocked[b-bg0g6ift2j] {
    display: inline-flex;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--color-status-danger);
    color: #fff;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .access-matrix-table[b-bg0g6ift2j] {
        max-width: none;
    }
}

[data-bs-theme="dark"] td.access-matrix-user-col[b-bg0g6ift2j] {
    background: #4a3b12;
}

/* /Components/UserInfoCard.razor.rz.scp.css */
.info-card[b-dn8kpv0z1b] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    background: var(--surface-card);
}

.info-grid[b-dn8kpv0z1b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem 2rem;
}

.info-item[b-dn8kpv0z1b] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

.info-label[b-dn8kpv0z1b] {
    font-size: 0.72rem;
    color: var(--color-brown-shade-64);
}
/* /Components/VmConsole.razor.rz.scp.css */
.console-toolbar[b-js397gisgv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.75rem;
    background: #2a2a2a;
    border-bottom: 1px solid #3a3a3a;
    flex: 0 0 auto;
}

/* VM name on the first line, namespace and region below it; each value is preceded by its label. */
.console-info[b-js397gisgv] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.25;
}

.console-title[b-js397gisgv] {
    font-weight: 600;
}

.console-sub[b-js397gisgv] {
    color: #999;
    font-size: 0.85rem;
}

/* "Virtual Machine:" keeps the same (white) colour as the VM name next to it. */
.console-name-label[b-js397gisgv] {
    color: inherit;
}

.console-label[b-js397gisgv] {
    color: #999;
    font-size: 0.85rem;
}

.console-value[b-js397gisgv] {
    font-weight: 600;
}

.console-sep[b-js397gisgv] {
    margin: 0 0.25rem;
}

.console-state[b-js397gisgv] {
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    border: 1px solid currentColor;
    border-radius: 999px;
}

.console-state.connected[b-js397gisgv] { color: var(--color-status-success); }
.console-state.disconnected[b-js397gisgv] { color: var(--color-status-danger); }
.console-state.connecting[b-js397gisgv] { color: var(--color-status-info); }

/* Light-on-dark toolbar buttons. The app's .btn-telenet-light is dark text for light surfaces,
   which is unreadable on the console's dark bar. Selectors are prefixed with .console-toolbar so
   they beat Bootstrap's .btn rules (incl. :hover and :disabled). */
.console-toolbar .console-btn[b-js397gisgv] {
    color: #f2f2f2;
    background: transparent;
    border: 1px solid #8a8a8a;
    font-weight: 600;
}

.console-toolbar .console-btn:hover:not([disabled])[b-js397gisgv],
.console-toolbar .console-btn:focus-visible[b-js397gisgv] {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    border-color: #d0d0d0;
}

.console-toolbar .console-btn[disabled][b-js397gisgv] {
    color: #8e8e8e;
    border-color: #555;
    opacity: 1;
}

.console-caret[b-js397gisgv] {
    font-size: 0.65rem;
    margin-left: 0.15rem;
}

.console-notice[b-js397gisgv] {
    color: #ffb4a8;
    font-size: 0.85rem;
}

.console-dropdown[b-js397gisgv] {
    position: relative;
}

.console-menu-backdrop[b-js397gisgv] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.console-menu[b-js397gisgv] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 11;
    min-width: 11rem;
    padding: 0.25rem 0;
    background: #2f2f2f;
    border: 1px solid #5a5a5a;
    border-radius: 0.375rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
}

/* Paste split button: the two halves share one border. */
.console-split[b-js397gisgv] {
    display: flex;
}

.console-toolbar .console-split-main[b-js397gisgv] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.console-toolbar .console-split-toggle[b-js397gisgv] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.console-menu-heading[b-js397gisgv] {
    padding: 0.25rem 0.9rem;
    color: #999;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.console-check[b-js397gisgv] {
    display: inline-block;
    width: 1.1rem;
}

.console-menu-item[b-js397gisgv] {
    display: block;
    width: 100%;
    padding: 0.4rem 0.9rem;
    text-align: left;
    color: #f2f2f2;
    background: transparent;
    border: 0;
    font-size: 0.875rem;
}

.console-menu-item:hover[b-js397gisgv],
.console-menu-item:focus-visible[b-js397gisgv] {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.console-spacer[b-js397gisgv] {
    flex: 1;
}

.console-stage[b-js397gisgv] {
    position: relative;
    flex: 1;
    min-height: 0;
}

.console-screen[b-js397gisgv] {
    width: 100%;
    height: 100%;
}

.console-overlay[b-js397gisgv] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 1rem;
}

.console-overlay i[b-js397gisgv] {
    font-size: 2rem;
}
/* /Components/VmOsIcon.razor.rz.scp.css */
.vm-os-icon[b-ykqujguf68] {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    vertical-align: text-bottom;
}

.vm-avatar-icon[b-ykqujguf68] {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

/* Themed icons: the dark variant is hidden until the Bootstrap theme switches to dark. */
.os-icon-dark[b-ykqujguf68] {
    display: none;
}

[data-bs-theme="dark"] .os-icon-has-dark[b-ykqujguf68] {
    display: none;
}

[data-bs-theme="dark"] .os-icon-dark[b-ykqujguf68] {
    display: revert;
}
/* /Components/VmStatusBadge.razor.rz.scp.css */
.vm-badge[b-wlcinzlpkq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.vm-badge i[b-wlcinzlpkq] {
    font-size: 0.8rem;
}
/* /Layout/Breadcrumb.razor.rz.scp.css */
.breadcrumbs[b-puudyn4gvt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.crumb-link[b-puudyn4gvt] {
    color: var(--color-brown-shade-64);
    text-decoration: none;
}

.crumb-link:hover[b-puudyn4gvt] {
    color: var(--color-orange);
    text-decoration: underline;
}

.crumb-current[b-puudyn4gvt] {
    color: var(--color-dark-brown);
    font-weight: 600;
}

.crumb-muted[b-puudyn4gvt] {
    color: var(--color-brown-shade-64);
}

.crumb-sep[b-puudyn4gvt] {
    font-size: 0.7rem;
    color: var(--color-brown-shade-64);
    opacity: 0.7;
}
/* /Layout/ConsoleLayout.razor.rz.scp.css */
.console-layout[b-omdup2jj3p] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #1b1b1b;
    color: #ddd;
}
/* /Layout/Header.razor.rz.scp.css */
.app-header[b-twedx27el4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.header-brand[b-twedx27el4] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.header-brand img[b-twedx27el4] {
    height: 70px;
    width: auto;
    display: block;
}

/* Environment the portal runs in (DEV/TEST/ACC), right after the logo. */
.env-badge[b-twedx27el4] {
    margin-left: 0.5rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-white);
    background: var(--color-status-neutral);
}

.env-badge.env-dev[b-twedx27el4] { background: var(--color-status-info); }
.env-badge.env-test[b-twedx27el4] { background: var(--color-status-accent); }
.env-badge.env-acc[b-twedx27el4] { background: var(--color-status-warning); }
.env-badge.env-uat[b-twedx27el4] { background: var(--color-status-warning); }

.header-actions[b-twedx27el4] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.header-icon-btn[b-twedx27el4] {
    background: transparent;
    border: 0;
    color: var(--color-dark-brown);
    font-size: 1.15rem;
    line-height: 1;
    padding: 0.4rem 0.55rem;
    border-radius: 6px;
    cursor: pointer;
}

.header-icon-btn:hover[b-twedx27el4] {
    background: rgba(128, 128, 128, 0.15);
}

.lang-chip-wrap[b-twedx27el4],
.user-chip-wrap[b-twedx27el4] {
    position: relative;
}

.lang-chip[b-twedx27el4],
.user-chip[b-twedx27el4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 0;
    color: var(--color-dark-brown);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.lang-chip:hover[b-twedx27el4],
.user-chip:hover[b-twedx27el4] {
    background: rgba(128, 128, 128, 0.15);
}

.lang-chip .bi[b-twedx27el4],
.user-chip .bi[b-twedx27el4] {
    font-size: 0.7rem;
}

.lang-menu[b-twedx27el4],
.user-dropdown[b-twedx27el4] {
    position: absolute;
    top: calc(100% + 0.3rem);
    right: 0;
    min-width: 10rem;
    background: var(--surface-card);
    color: var(--color-dark-brown);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    padding: 0.35rem;
    /* Stays above an open SidePanel, on mobile too. */
    z-index: var(--z-header);
}

.lang-menu-item[b-twedx27el4] {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0.5rem 0.6rem;
    border-radius: 6px;
    color: var(--color-dark-brown);
    font-size: 0.85rem;
    cursor: pointer;
}

.lang-menu-item:hover[b-twedx27el4] {
    background-color: var(--surface-raised);
}

.lang-menu-item.active[b-twedx27el4] {
    font-weight: 700;
    color: var(--color-orange);
}

.user-dropdown[b-twedx27el4] {
    min-width: 14rem;
}

.user-dropdown-field[b-twedx27el4] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.4rem 0.6rem;
}

.user-dropdown-label[b-twedx27el4] {
    font-size: 0.72rem;
    color: var(--color-brown-shade-64);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.user-dropdown-value[b-twedx27el4] {
    font-size: 0.85rem;
    font-weight: 600;
}

.user-dropdown-link[b-twedx27el4] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    border-radius: 6px;
    color: var(--color-dark-brown);
    text-decoration: none;
    font-size: 0.85rem;
}

.user-dropdown-link:hover[b-twedx27el4] {
    background-color: var(--surface-raised);
}

.user-dropdown-logout[b-twedx27el4] {
    display: block;
    text-align: center;
    margin: 0.5rem 0.35rem 0.15rem;
    padding: 0.5rem 0.6rem;
    border-radius: 6px;
    background-color: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
}

.user-dropdown-logout:hover[b-twedx27el4] {
    background-color: var(--color-telenet-yellow-hover);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-268r6dgem9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.body-row[b-268r6dgem9] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

main[b-268r6dgem9] {
    flex: 1;
}

.sidebar[b-268r6dgem9] {
    /* Theme-aware nav rail (dark-brown in dark mode, light in light mode),
       laid out as a column so the user footer sits at the bottom and the
       nav scrolls in the middle. */
    background: var(--sidebar-bg);
    border-right: 1px solid var(--sidebar-border);
    display: flex;
    flex-direction: column;
}

.top-row[b-268r6dgem9] {
    background-color: var(--surface-card);
    border-bottom: 1px solid var(--border-subtle);
    height: var(--header-height);
    display: flex;
    align-items: center;
    width: 100%;
}

.page-error[b-268r6dgem9] {
    max-width: 34rem;
    margin: 3rem auto;
    text-align: center;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 2rem;
}

.page-error-icon[b-268r6dgem9] {
    font-size: 2.25rem;
    color: var(--color-orange);
    display: block;
    margin-bottom: 0.5rem;
}

.page-error-title[b-268r6dgem9] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.page-error-text[b-268r6dgem9] {
    color: var(--color-brown-shade-64);
    margin-bottom: 1.25rem;
}

@media (min-width: 641px) {
    .body-row[b-268r6dgem9] {
        flex-direction: row;
    }

    .sidebar[b-268r6dgem9] {
        width: 250px;
        height: calc(100vh - var(--header-height));
        position: sticky;
        top: var(--header-height);
    }

    .top-row[b-268r6dgem9] {
        position: sticky;
        top: 0;
        z-index: var(--z-header);
    }

    .top-row[b-268r6dgem9], article[b-268r6dgem9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ---- Brand ---------------------------------------------------------- */
.sidebar-brand[b-b2t3qmjvfm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 1rem 0.75rem 1rem;
    border-bottom: 1px solid var(--sidebar-border);
}

.navbar-toggler[b-b2t3qmjvfm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--sidebar-hover);
    border: 1px solid var(--sidebar-border);
    border-radius: 6px;
    color: var(--sidebar-ink);
    font-size: 1.3rem;
    line-height: 1;
    padding: 0;
}

.navbar-toggler:hover[b-b2t3qmjvfm] {
    background-color: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
}

/* ---- Nav list ------------------------------------------------------- */
.nav-scrollable[b-b2t3qmjvfm] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.mycloud-btn[b-b2t3qmjvfm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.nav-item[b-b2t3qmjvfm] {
    font-size: 0.9rem;
    padding-bottom: 0.35rem;
}

.nav-item[b-b2t3qmjvfm]  .nav-link {
    color: var(--sidebar-ink-muted);
    border-radius: 4px;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.35rem 0.75rem;
    line-height: 1.25;
    text-decoration: none;
}

.nav-item[b-b2t3qmjvfm]  .nav-link i {
    font-size: 1.05rem;
    width: 1.25rem;
    flex-shrink: 0;
    text-align: center;
}

.nav-item[b-b2t3qmjvfm]  .nav-link.active {
    background-color: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
    font-weight: 600;
}

.nav-item[b-b2t3qmjvfm]  .nav-link:not(.disabled):hover {
    background-color: rgba(255, 196, 33, 0.18);
    color: var(--sidebar-ink);
}

.nav-item[b-b2t3qmjvfm]  .nav-link.active:hover {
    background-color: var(--color-telenet-yellow-hover);
    color: var(--color-dark-brown);
}

.nav-item[b-b2t3qmjvfm]  .nav-link.disabled {
    color: var(--sidebar-ink-disabled);
    cursor: default;
    pointer-events: none;
}

/* ---- Group label ("Admin Area") ------------------------------------ */
.nav-group-label[b-b2t3qmjvfm] {
    color: var(--sidebar-ink-muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.75rem 1.5rem 0.35rem 1.5rem;
}

/* set the secondary group a little apart */
.nav-secondary-first[b-b2t3qmjvfm] {
    margin-top: 0.75rem;
    border-top: 1px solid var(--sidebar-border);
    padding-top: 0.6rem;
}

/* ---- Build number (bottom of the sidebar) --------------------------- */
.sidebar-version[b-b2t3qmjvfm] {
    color: var(--sidebar-ink-muted);
    font-size: 0.72rem;
    padding: 0.6rem 1.5rem;
    border-top: 1px solid var(--sidebar-border);
}

/* ---- Responsive collapse (from the template) ------------------------ */
@media (min-width: 641px) {
    .sidebar-brand[b-b2t3qmjvfm] {
        /* the toggler it holds is mobile-only; the brand itself now lives in the header */
        display: none;
    }

    .collapse[b-b2t3qmjvfm] {
        /* never collapse the sidebar on wide screens */
        display: block;
    }
}
/* /Layout/ViewAsBanner.razor.rz.scp.css */
/* Pinned to the bottom of the window, so it stays in view on every page without moving the sticky header and
   side menu. */
.view-as-banner[b-htj3hvj598] {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    z-index: calc(var(--z-header) + 1);
    width: min(56rem, calc(100vw - 2rem));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem 0.6rem 1rem;
    background: var(--color-lemon);
    color: #291D18;
    border: 2px solid var(--color-orange);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.view-as-banner > .bi[b-htj3hvj598] {
    font-size: 1.2rem;
}

.view-as-banner-text[b-htj3hvj598] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 640px) {
    .view-as-banner[b-htj3hvj598] {
        flex-wrap: wrap;
    }
}
/* /Pages/CreateVirtualMachine.razor.rz.scp.css */
.wizard[b-9500sl6vn9] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 6rem);
}

.wizard-head[b-9500sl6vn9] {
    border-bottom: 1px solid var(--border-subtle);
    padding: 0 0 1rem 0;
}

.wizard-title[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* ---- Step indicator ---- */
.step-indicator[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 1rem;
    overflow-x: auto;
}

.step[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.step-dot[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--surface-raised);
    color: var(--color-brown-shade-64);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.step.active .step-dot[b-9500sl6vn9] {
    background: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
    box-shadow: 0 0 0 4px rgba(255, 196, 33, 0.25);
}

.step.done .step-dot[b-9500sl6vn9] {
    background: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
}

.step-label[b-9500sl6vn9] {
    font-size: 0.85rem;
    color: var(--color-brown-shade-64);
    white-space: nowrap;
}

.step.active .step-label[b-9500sl6vn9] {
    color: var(--color-dark-brown);
    font-weight: 600;
}

.step-sep[b-9500sl6vn9] {
    color: var(--color-brown-shade-32);
    margin: 0 0.75rem;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .step-label[b-9500sl6vn9] { display: none; }
}

/* ---- Body / foot ---- */
.wizard-body[b-9500sl6vn9] {
    flex: 1;
    padding: 2rem 1.5rem;
    max-width: 60rem;
    width: 100%;
    margin: 0 auto;
}

.step-pane h3[b-9500sl6vn9] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-dark-brown);
}

.step-pane > .text-muted[b-9500sl6vn9] {
    margin-bottom: 1.25rem;
}

.wizard-foot[b-9500sl6vn9] {
    position: sticky;
    bottom: 0;
    border-top: 1px solid var(--border-subtle);
    background: var(--surface-card);
    padding: 1rem 1.5rem;
}

.foot-row[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 60rem;
    margin: 0 auto;
}

/* ---- Selectable cards ---- */
.sel-card[b-9500sl6vn9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    background: var(--surface-card);
    text-align: left;
    transition: border-color .15s, box-shadow .15s;
    cursor: pointer;
}

.sel-card:hover[b-9500sl6vn9] {
    border-color: rgba(255, 196, 33, 0.6);
}

.sel-card.selected[b-9500sl6vn9] {
    border-color: var(--color-telenet-yellow);
    box-shadow: 0 0 0 1px var(--color-telenet-yellow);
    background: rgba(255, 196, 33, 0.06);
}

.sel-card.disabled[b-9500sl6vn9] {
    opacity: 0.5;
    pointer-events: none;
}

.sel-check[b-9500sl6vn9], .sel-check-abs[b-9500sl6vn9] {
    color: var(--color-telenet-yellow-shade);
}

.sel-check-abs[b-9500sl6vn9] {
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
}

.region-card[b-9500sl6vn9] {
    flex: 1 1 12rem;
    max-width: 16rem;
}

.region-card i.bi-geo-alt[b-9500sl6vn9] {
    font-size: 1.2rem;
    color: var(--color-brown-shade-64);
}

.card-grid[b-9500sl6vn9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.75rem;
}

.vol-card[b-9500sl6vn9], .it-card[b-9500sl6vn9] {
    align-items: flex-start;
    flex-direction: column;
}

.vol-card[b-9500sl6vn9] {
    flex-direction: row;
}

.os-icon[b-9500sl6vn9] {
    font-size: 1.8rem;
    color: var(--color-brown-shade-64);
}

.badge-soft[b-9500sl6vn9] {
    display: inline-block;
    font-size: 0.7rem;
    background: var(--track-muted);
    color: var(--color-brown-shade-64);
    border-radius: 6px;
    padding: 0.05rem 0.4rem;
    margin-top: 0.25rem;
}

.spec[b-9500sl6vn9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--surface-raised);
    border-radius: 8px;
    padding: 0.3rem 0.55rem;
    font-size: 0.8rem;
}

/* ---- Storage / network cards ---- */
.disk-card[b-9500sl6vn9] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    background: var(--surface-card);
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin-bottom: 0.85rem;
}

.form-range[b-9500sl6vn9] {
    accent-color: var(--color-telenet-yellow);
}

.disk-size[b-9500sl6vn9] {
    color: var(--color-orange);
}

.btn-link-danger[b-9500sl6vn9] {
    background: transparent;
    border: 0;
    color: var(--color-brown-shade-64);
    cursor: pointer;
}

.btn-link-danger:hover[b-9500sl6vn9] {
    color: var(--color-status-danger);
}

.add-btn[b-9500sl6vn9] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px dashed var(--border-subtle);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.02);
    padding: 0.85rem;
    font-size: 0.9rem;
    color: var(--color-brown-shade-64);
    cursor: pointer;
}

.add-btn:hover[b-9500sl6vn9] {
    border-color: rgba(255, 196, 33, 0.7);
    color: var(--color-dark-brown);
}

.ip-summary[b-9500sl6vn9] {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    background: var(--surface-raised);
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
    width: 14rem;
}

/* ---- Segmented toggle (all/linux/windows) ---- */
.seg[b-9500sl6vn9] {
    display: inline-flex;
    gap: 0.15rem;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 0.15rem;
}

.seg button[b-9500sl6vn9] {
    border: 0;
    background: transparent;
    border-radius: 6px;
    padding: 0.2rem 0.7rem;
    font-size: 0.85rem;
    text-transform: capitalize;
    color: var(--color-brown-shade-64);
    cursor: pointer;
}

.seg button.on[b-9500sl6vn9] {
    background: var(--color-telenet-yellow);
    color: var(--color-dark-brown);
    font-weight: 600;
}

/* ---- Review ---- */
.review-grid[b-9500sl6vn9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 0.85rem;
}

.review-card[b-9500sl6vn9] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    background: var(--surface-card);
}

.review-title[b-9500sl6vn9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dash-top[b-ra9igpim5a] {
    font-size: 0.85rem;
    color: var(--color-brown-shade-64);
}

.dash-value[b-ra9igpim5a] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0.2rem 0 0.5rem;
}

.dash-foot[b-ra9igpim5a] {
    font-size: 0.8rem;
}

.dash-foot .text-muted[b-ra9igpim5a] {
    font-size: 0.75rem;
}

.badge-soft[b-ra9igpim5a] {
    background: var(--track-muted);
    color: var(--color-brown-shade-64);
}

.dash-panel-title[b-ra9igpim5a] {
    font-size: 0.9rem;
    font-weight: 700;
}

.dash-panel-sub[b-ra9igpim5a] {
    font-size: 0.78rem;
    color: var(--color-brown-shade-64);
}

.dot[b-ra9igpim5a] {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.bar[b-ra9igpim5a] {
    flex: 1;
    height: 0.4rem;
    border-radius: 999px;
    background: var(--track-muted);
    overflow: hidden;
}

.bar-fill[b-ra9igpim5a] {
    height: 100%;
    border-radius: 999px;
}
/* /Pages/VirtualMachineDetail.razor.rz.scp.css */
.vm-avatar[b-gw4v4qpo93] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    border: 1px solid var(--border-subtle);
    background: var(--surface-raised);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brown-shade-64);
    font-size: 1.2rem;
}

.empty-state[b-gw4v4qpo93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    height: 18rem;
    color: var(--color-brown-shade-64);
}

.empty-state i[b-gw4v4qpo93] {
    font-size: 2.5rem;
    opacity: 0.5;
}

/* ---- Stat cards (same look as the list page) ----
   Shared base lives in wwwroot/css/component-styles.css; this page's value is
   slightly smaller than the shared default. */
.stat-value[b-gw4v4qpo93] {
    font-size: 1.6rem;
}
/* /Pages/VirtualMachines.razor.rz.scp.css */
.row-blocked[b-ez0z9gdt57] {
    cursor: not-allowed;
    opacity: 0.75;
}

/* /Pages/VmConsolePage.razor.rz.scp.css */
.console-missing[b-209thbbl0q] {
    margin: auto;
    max-width: 30rem;
    text-align: center;
    padding: 2rem;
}

.console-missing i[b-209thbbl0q] {
    font-size: 2rem;
}
/* /Pages/Workforce/AuditLogs.razor.rz.scp.css */
.audit-empty[b-8tdgxzztx7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px dashed var(--border-subtle);
    border-radius: 10px;
    padding: 3.5rem;
    color: var(--color-brown-shade-64);
    font-size: 0.9rem;
}

.audit-empty i[b-8tdgxzztx7] {
    font-size: 2rem;
}
/* /Pages/Workforce/Clusters.razor.rz.scp.css */
.pill[b-bxtk5xm2fw] {
    display: inline-flex;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.05rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ---- Row action menu (fixed popover) ----
   Shared base lives in wwwroot/css/component-styles.css; this page's menu is
   slightly wider than the shared default. */
.action-menu[b-bxtk5xm2fw] {
    min-width: 12rem;
}

/* /Pages/Workforce/CustomerDetailPage.razor.rz.scp.css */
.pill[b-6vsfs0jh10] {
    display: inline-flex;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.05rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
}

.info-card[b-6vsfs0jh10] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    background: var(--surface-card);
}

.info-grid[b-6vsfs0jh10] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem 2rem;
}

.info-item[b-6vsfs0jh10] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

.info-label[b-6vsfs0jh10] {
    font-size: 0.72rem;
    color: var(--color-brown-shade-64);
}

.bulk-bar[b-6vsfs0jh10] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 0.25rem 0.6rem;
    background: var(--surface-raised);
}

.btn-icon-danger[b-6vsfs0jh10] {
    background: transparent;
    border: 0;
    color: var(--color-status-danger);
    padding: 0.15rem 0.4rem;
    border-radius: 6px;
}

.btn-icon-danger:hover[b-6vsfs0jh10] {
    background: rgba(220, 38, 38, 0.1);
}

/* Shared base lives in wwwroot/css/component-styles.css; this page's confirm
   dialog is slightly wider than the shared default. */
.confirm[b-6vsfs0jh10] {
    width: 26rem;
}
/* /Pages/Workforce/Customers.razor.rz.scp.css */
.pill[b-b527j1antc] {
    display: inline-flex;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    padding: 0.05rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

/* /Pages/Workforce/MailQueue.razor.rz.scp.css */
.stat-label[b-sl0hnl2qhr] {
    font-size: 0.8rem;
    color: var(--color-brown-shade-64);
}

.stat-value[b-sl0hnl2qhr] {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.2;
}

.stat-value-sm[b-sl0hnl2qhr] {
    font-size: 1.35rem;
}

.stat-foot[b-sl0hnl2qhr] {
    font-size: 0.8rem;
}

.mail-subject[b-sl0hnl2qhr] {
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-error[b-sl0hnl2qhr] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.mail-empty[b-sl0hnl2qhr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px dashed var(--border-subtle);
    border-radius: 10px;
    padding: 3.5rem;
    color: var(--color-brown-shade-64);
    font-size: 0.9rem;
}

.mail-empty i[b-sl0hnl2qhr] {
    font-size: 2rem;
}

.retry-btn[b-sl0hnl2qhr] {
    white-space: nowrap;
}
/* /Pages/Workforce/OsIcons.razor.rz.scp.css */
.os-icon-preview[b-lv2ekokvpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    background: var(--bs-body-bg);
}

.os-icon-preview-dark[b-lv2ekokvpz] {
    background: #1a1a1a;
    border-color: #1a1a1a;
}

.os-icon-preview img[b-lv2ekokvpz] {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
}