.gameops-shell {
    --gameops-panel: var(--rz-card-background-color);
    --gameops-raised: var(--rz-base-100);
    --gameops-border: var(--rz-border-color);
    --gameops-text: var(--rz-text-color);
    --gameops-title: var(--rz-text-title-color);
    --gameops-muted: var(--rz-text-secondary-color);
    width: min(100%, 1520px);
    margin: 0 auto;
    padding: clamp(1.25rem, 3vw, 3rem) clamp(1rem, 3vw, 3.5rem) 3.5rem;
    color: var(--gameops-text);
}

.gameops-hero.rz-card {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    min-height: 245px;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid var(--gameops-border);
    border-radius: 24px;
    background: linear-gradient(130deg, color-mix(in srgb, var(--rz-primary) 13%, var(--gameops-panel)), var(--gameops-panel));
    box-shadow: var(--rz-card-shadow);
}
.gameops-hero h1 { margin: 0; color: var(--gameops-title); font-size: clamp(2.1rem, 4vw, 3.4rem); font-weight: 750; letter-spacing: -.045em; }
.gameops-hero-copy { max-width: 580px; margin: .65rem 0 1.25rem; color: var(--gameops-muted); font-size: 1rem; }
.gameops-hero-meta { display: flex; flex-wrap: wrap; gap: 1.15rem; color: var(--gameops-muted); font-size: .82rem; }
.gameops-hero-meta span { display: inline-flex; align-items: center; gap: .45rem; }
.gameops-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.gameops-hero-actions .rz-button { white-space: nowrap; }
.gameops-eyebrow, .gameops-section-kicker { color: var(--rz-primary); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.gameops-eyebrow { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; }
.gameops-eyebrow-dot, .gameops-meta-dot { display: inline-block; width: .52rem; height: .52rem; border-radius: 50%; background: currentColor; }
.gameops-eyebrow-dot { color: var(--rz-primary); }
.gameops-meta-dot-live { color: var(--rz-success); }
.gameops-shell > .rz-alert { margin-top: 1rem; }

.gameops-kpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.gameops-kpi-card.rz-card { min-height: 168px; padding: 1.3rem 1.4rem; border: 1px solid var(--gameops-border); border-radius: 18px; background: var(--gameops-panel); box-shadow: var(--rz-card-shadow); }
.gameops-kpi-topline { display: flex; align-items: center; gap: .65rem; color: var(--gameops-muted); }
.gameops-kpi-icon.rz-icon { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 9px; font-size: 1.1rem; }
.gameops-kpi-icon-blue { color: var(--rz-primary); background: color-mix(in srgb, var(--rz-primary) 13%, transparent); }
.gameops-kpi-icon-purple { color: var(--rz-secondary); background: color-mix(in srgb, var(--rz-secondary) 13%, transparent); }
.gameops-kpi-icon-green { color: var(--rz-success); background: color-mix(in srgb, var(--rz-success) 13%, transparent); }
.gameops-kpi-caption { font-size: .76rem; font-weight: 700; }
.gameops-kpi-value { margin-top: 1.05rem; color: var(--gameops-title); font-size: 2.25rem; font-weight: 750; letter-spacing: -.04em; }
.gameops-kpi-unit { margin-left: .15rem; color: var(--gameops-muted); font-size: 1.1rem; }
.gameops-kpi-label { margin-top: -.15rem; color: var(--gameops-text); font-size: .88rem; }
.gameops-kpi-foot { margin-top: .65rem; color: var(--gameops-muted); font-size: .75rem; }
.gameops-kpi-accent { color: var(--rz-success); font-weight: 750; }

.gameops-content-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 1rem; margin-top: 1rem; }
.gameops-panel.rz-card { min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--gameops-border); border-radius: 18px; background: var(--gameops-panel); box-shadow: var(--rz-card-shadow); }
.gameops-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.35rem 1.45rem 1.1rem; border-bottom: 1px solid var(--gameops-border); }
.gameops-panel-header h2 { margin: .25rem 0 0; color: var(--gameops-title); font-size: 1.18rem; font-weight: 720; letter-spacing: -.02em; }
.gameops-panel-link, .gameops-page a:not(.btn) { color: var(--rz-primary); }
.gameops-panel-link { font-size: .78rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.gameops-panel-link:hover, .gameops-page a:not(.btn):hover { color: var(--rz-primary-dark); }

.gameops-host-list { display: grid; gap: .75rem; padding: 1rem; }
.gameops-host-card.rz-card { padding: 1rem; border: 1px solid var(--gameops-border); border-radius: 13px; background: var(--gameops-raised); box-shadow: none; }
.gameops-host-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.gameops-host-identity { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.gameops-host-avatar.rz-icon, .gameops-server-icon.rz-icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.3rem; height: 2.3rem; border-radius: 10px; color: var(--rz-primary); background: color-mix(in srgb, var(--rz-primary) 13%, transparent); font-size: 1.2rem; }
.gameops-host-identity h3 { margin: 0; color: var(--gameops-title); font-size: .94rem; font-weight: 720; }
.gameops-host-identity p { overflow: hidden; margin: .2rem 0 0; color: var(--gameops-muted); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.gameops-status { border-radius: 999px; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.gameops-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--gameops-border); }
.gameops-resource-item { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.gameops-resource-item span { color: var(--gameops-muted); font-size: .68rem; }
.gameops-resource-item strong { overflow: hidden; color: var(--gameops-text); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.gameops-disk-line { overflow: hidden; margin-top: .85rem; color: var(--gameops-muted); font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.gameops-disk-line span { color: var(--rz-primary); }
.gameops-resource-empty { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--gameops-border); color: var(--gameops-muted); font-size: .75rem; }

.gameops-server-list { padding: .45rem 1rem 1rem; }
.gameops-server-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .9rem .45rem; border-bottom: 1px solid var(--gameops-border); color: var(--gameops-text); text-decoration: none; }
.gameops-server-row:last-child { border-bottom: 0; }
.gameops-server-row:hover { color: var(--gameops-text); background: var(--gameops-raised); }
.gameops-server-main { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.gameops-server-icon.rz-icon { width: 2rem; height: 2rem; border-radius: 8px; color: var(--rz-secondary); background: color-mix(in srgb, var(--rz-secondary) 13%, transparent); }
.gameops-server-main div:last-child { display: flex; flex-direction: column; gap: .22rem; min-width: 0; }
.gameops-server-main strong { overflow: hidden; color: var(--gameops-title); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.gameops-server-main span { overflow: hidden; color: var(--gameops-muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.gameops-server-side { display: flex; align-items: center; gap: .75rem; }
.gameops-row-arrow { color: var(--gameops-muted); font-size: 1rem; }

.gameops-empty-state { display: flex; flex-direction: column; align-items: flex-start; padding: 2.25rem 1.5rem; color: var(--gameops-muted); }
.gameops-empty-state-compact { align-items: center; min-height: 300px; text-align: center; }
.gameops-empty-icon.rz-icon { display: inline-grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .8rem; border: 1px solid var(--gameops-border); border-radius: 14px; color: var(--rz-primary); background: color-mix(in srgb, var(--rz-primary) 10%, transparent); font-size: 1.35rem; }
.gameops-empty-state strong { color: var(--gameops-title); font-size: .92rem; }
.gameops-empty-state p { max-width: 370px; margin: .45rem 0 1rem; font-size: .78rem; line-height: 1.55; }
.gameops-state.rz-card { display: grid; place-items: center; min-height: 50vh; padding: 2rem; border: 1px solid var(--gameops-border); border-radius: 20px; text-align: center; }
.gameops-state-icon.rz-icon { font-size: 2rem; }
.gameops-state h1 { margin: 1rem 0 .35rem; color: var(--gameops-title); font-size: 1.5rem; }
.gameops-state p { margin: 0; color: var(--gameops-muted); }

.gameops-page > h1 { margin: 0 0 .45rem; color: var(--gameops-title); font-size: clamp(1.8rem, 3vw, 2.55rem); font-weight: 750; letter-spacing: -.04em; }
.gameops-page-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.2rem; }
.gameops-page-heading h1 { margin: 0 0 .3rem; color: var(--gameops-title); font-size: clamp(1.8rem, 3vw, 2.55rem); font-weight: 750; letter-spacing: -.04em; }
.gameops-page > h2, .gameops-page h2.h4, .gameops-page h2.h5, .gameops-page h3.h6 { color: var(--gameops-title); font-weight: 720; }
.gameops-page > p { color: var(--gameops-muted); }
.gameops-page > .rz-alert, .gameops-page > .alert { margin-block: 1rem; }
.gameops-page .card, .gameops-page .rz-card.gameops-detail-card { border: 1px solid var(--gameops-border); border-radius: 16px; color: var(--gameops-text); background: var(--gameops-panel); box-shadow: var(--rz-card-shadow); }
.gameops-page .card-body { padding: 1.25rem; }
.gameops-page .alert { border: 1px solid var(--gameops-border); border-radius: 12px; color: var(--gameops-text); background: var(--gameops-raised); }
.gameops-page .alert-warning { color: var(--rz-warning); background: color-mix(in srgb, var(--rz-warning) 12%, var(--gameops-panel)); }
.gameops-page .table-responsive { overflow-x: auto; border: 1px solid var(--gameops-border); border-radius: 14px; background: var(--gameops-panel); }
.gameops-page .table { margin: 0; --bs-table-bg: transparent; --bs-table-color: var(--gameops-text); --bs-table-border-color: var(--gameops-border); }
.gameops-page .table > :not(caption) > * > * { padding: .8rem .85rem; color: var(--gameops-text); background: transparent; }
.gameops-page .table thead th { color: var(--gameops-muted); font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.gameops-page .table tbody tr:hover > * { background: var(--gameops-raised); }
.gameops-page .form-control, .gameops-page .form-select { border-color: var(--gameops-border); color: var(--rz-input-value-color); background-color: var(--rz-input-background-color); }
.gameops-page .form-control:focus, .gameops-page .form-select:focus { border-color: var(--rz-primary); color: var(--rz-input-value-color); background-color: var(--rz-input-background-color); }
.gameops-page .form-label, .gameops-page .form-check-label, .gameops-page dt { color: var(--gameops-text); font-size: .8rem; font-weight: 650; }
.gameops-page .form-text, .gameops-page .text-muted, .gameops-page dd, .gameops-hint { color: var(--gameops-muted) !important; }
.gameops-page code { color: var(--rz-primary); background: color-mix(in srgb, var(--rz-primary) 8%, transparent); }
.gameops-page pre { color: var(--gameops-text); border: 1px solid var(--gameops-border); border-radius: 10px; background: var(--gameops-raised); }
.gameops-page .btn-primary { color: var(--rz-on-primary); border-color: var(--rz-primary); background: var(--rz-primary); }
.gameops-page .btn-outline-primary { color: var(--rz-primary); border-color: var(--rz-primary); }
.gameops-page .btn-outline-primary:hover { color: var(--rz-on-primary); background: var(--rz-primary); }
.gameops-page .list-group-item { color: var(--gameops-text); border-color: var(--gameops-border); background: var(--gameops-raised); }
.gameops-page .badge.text-bg-light { color: var(--gameops-text) !important; background: var(--rz-base-200) !important; }
.gameops-page .badge.text-bg-secondary { color: var(--gameops-text) !important; background: var(--rz-base-300) !important; }
.gameops-detail-card.rz-card { margin-bottom: 1rem; }
.gameops-detail-card h2:first-child { margin-top: 0; }
.gameops-detail-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.gameops-check-row { display: flex; align-items: center; gap: .65rem; margin: .75rem 0 1rem; color: var(--gameops-text); }
.gameops-process-log { max-height: 30rem; overflow: auto; }
.gameops-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.gameops-filter-grid { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto; align-items: end; gap: 1rem; }
.gameops-grid { margin-top: 1rem; border: 1px solid var(--gameops-border); border-radius: 14px; overflow: auto; }
.gameops-operations-grid .rz-grid-table { min-width: 1100px; }
.gameops-list-empty { margin-top: 1rem; color: var(--gameops-muted); }
.gameops-field { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.gameops-field label { color: var(--gameops-text); font-size: .83rem; font-weight: 650; }
.gameops-field-wide { grid-column: 1 / -1; }
.gameops-hint { font-size: .75rem; }

@media (max-width: 1050px) {
    .gameops-content-grid { grid-template-columns: 1fr; }
    .gameops-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gameops-detail-columns { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .gameops-hero.rz-card { align-items: flex-start; flex-direction: column; min-height: 0; }
    .gameops-hero-actions { width: 100%; }
    .gameops-hero-actions .rz-button { flex: 1; }
    .gameops-kpi-grid, .gameops-form-grid { grid-template-columns: 1fr; }
    .gameops-filter-grid { grid-template-columns: 1fr; }
    .gameops-kpi-card.rz-card { min-height: 0; }
    .gameops-field-wide { grid-column: auto; }
    .gameops-page .table { min-width: 680px; }
}
@media (max-width: 520px) {
    .gameops-shell { padding-inline: .75rem; }
    .gameops-panel-header { padding-inline: 1rem; }
    .gameops-resource-grid { grid-template-columns: 1fr 1fr; }
    .gameops-resource-item:last-child { grid-column: span 2; }
    .gameops-host-heading { align-items: flex-start; flex-direction: column; }
    .gameops-server-side .gameops-status { display: none; }
}