/* RANKHOUSE v14.8 – zentrale Verwaltungsoberfläche */
.rh-admin-page {
  --rh-admin-border: rgba(255,255,255,.09);
  --rh-admin-border-strong: rgba(255,255,255,.16);
  --rh-admin-surface: rgba(15,17,23,.86);
  --rh-admin-surface-soft: rgba(255,255,255,.035);
  --rh-admin-muted: #939aaa;
  --rh-admin-text: #f5f7fb;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.rh-admin-page > * { min-width: 0; }
.rh-admin-hero { margin-bottom: 0; align-items: flex-start; }
.rh-admin-hero .eyebrow { margin: 0 0 7px; font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--accent, #ef233c); }
.rh-admin-hero h1 { margin: 0; }
.rh-admin-hero p:last-child { max-width: 780px; margin-top: 8px; }
.rh-admin-hero .topbar-actions { align-items: center; flex-wrap: wrap; justify-content: flex-end; }

.rh-admin-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.rh-admin-stat { min-height: 116px; padding: 18px; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.rh-admin-stat > span { color: var(--rh-admin-muted); font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.rh-admin-stat > strong { color: var(--rh-admin-text); font-size: clamp(1.65rem,3vw,2.35rem); line-height: 1.05; }
.rh-admin-stat > small { color: var(--rh-admin-muted); line-height: 1.35; }

.rh-admin-tabs { position: sticky; top: 10px; z-index: 30; display: flex; gap: 5px; padding: 6px; border: 1px solid var(--rh-admin-border); border-radius: 14px; background: rgba(11,12,17,.94); box-shadow: 0 16px 38px rgba(0,0,0,.28); overflow-x: auto; scrollbar-width: none; }
.rh-admin-tabs::-webkit-scrollbar { display: none; }
.rh-admin-tabs button, .rh-admin-tabs a { flex: 0 0 auto; min-height: 40px; padding: 0 15px; border: 1px solid transparent; border-radius: 9px; color: #a7adba; background: transparent; font: inherit; font-size: .83rem; font-weight: 750; text-decoration: none; cursor: pointer; transition: .18s ease; }
.rh-admin-tabs button:hover, .rh-admin-tabs a:hover { color: #fff; background: rgba(255,255,255,.05); }
.rh-admin-tabs .is-active { color: #fff; border-color: color-mix(in srgb, var(--accent, #ef233c) 42%, transparent); background: color-mix(in srgb, var(--accent, #ef233c) 18%, rgba(255,255,255,.02)); box-shadow: inset 0 -2px 0 var(--accent, #ef233c); }
.rh-admin-tab-panel { display: none; flex-direction: column; gap: 16px; }
.rh-admin-tab-panel.is-active { display: flex; }

.rh-admin-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; align-items: stretch; }
.rh-admin-overview-grid > .panel { margin: 0 !important; height: 100%; }
.rh-admin-quick-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.rh-admin-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.rh-admin-card { min-height: 150px; display: flex; flex-direction: column; gap: 10px; }
.rh-admin-card .rh-admin-card-icon { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--rh-admin-border); border-radius: 11px; background: var(--rh-admin-surface-soft); font-size: 1.05rem; }
.rh-admin-card h3 { margin: 0; }
.rh-admin-card p { margin: 0; color: var(--rh-admin-muted); }
.rh-admin-card .rh-admin-card-footer { margin-top: auto; display:flex; gap:8px; flex-wrap:wrap; }

.rh-admin-form-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.75fr); gap: 16px; align-items: start; }
.rh-admin-form-layout > * { margin: 0 !important; }
.rh-admin-stack { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rh-admin-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.rh-admin-form-grid .field-span-2 { grid-column: 1 / -1; }
.rh-admin-summary-list { display:flex; flex-direction:column; gap:9px; }
.rh-admin-summary-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:12px 0; border-bottom:1px solid var(--rh-admin-border); }
.rh-admin-summary-row:last-child { border-bottom:0; }
.rh-admin-summary-row span { color:var(--rh-admin-muted); }
.rh-admin-summary-row strong { text-align:right; }
.rh-admin-progress { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.065); }
.rh-admin-progress > span { display:block; height:100%; border-radius:inherit; background:var(--accent,#ef233c); }

.rh-admin-toolbar { display:flex; align-items:end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rh-admin-toolbar .field { flex:1 1 260px; max-width:440px; margin:0; }
.rh-admin-toolbar-actions { display:flex; gap:8px; flex-wrap:wrap; }
.rh-admin-search { position:relative; }
.rh-admin-search input { padding-left:38px; }
.rh-admin-search::before { content:'⌕'; position:absolute; left:13px; bottom:11px; color:#7e8594; z-index:1; }

.rh-admin-resource-list { display:flex; flex-direction:column; gap:8px; }
.rh-admin-resource-row { display:grid; grid-template-columns:minmax(210px,1.4fr) minmax(130px,.75fr) minmax(130px,.75fr) auto; align-items:center; gap:14px; padding:13px 14px; border:1px solid var(--rh-admin-border); border-radius:12px; background:rgba(255,255,255,.025); }
.rh-admin-resource-row:hover { border-color:var(--rh-admin-border-strong); background:rgba(255,255,255,.04); }
.rh-admin-resource-main { display:flex; align-items:center; gap:11px; min-width:0; }
.rh-admin-resource-main > div { min-width:0; }
.rh-admin-resource-main strong,.rh-admin-resource-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rh-admin-resource-main small,.rh-admin-resource-meta { color:var(--rh-admin-muted); font-size:.78rem; }
.rh-admin-avatar { width:38px; height:38px; flex:0 0 38px; border-radius:50%; object-fit:cover; background:rgba(255,255,255,.08); display:grid; place-items:center; font-weight:800; }
.rh-admin-resource-actions { display:flex; justify-content:flex-end; gap:7px; }
.rh-admin-empty { padding:28px; text-align:center; color:var(--rh-admin-muted); border:1px dashed var(--rh-admin-border-strong); border-radius:12px; }

.rh-admin-two-layer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.rh-admin-layer { padding:15px; border:1px solid var(--rh-admin-border); border-radius:12px; background:var(--rh-admin-surface-soft); }
.rh-admin-layer > span { display:grid; place-items:center; width:36px; height:36px; margin-bottom:10px; border-radius:10px; background:color-mix(in srgb,var(--accent,#ef233c) 16%,transparent); }
.rh-admin-layer strong,.rh-admin-layer small { display:block; }
.rh-admin-layer small { margin-top:5px; color:var(--rh-admin-muted); line-height:1.45; }

/* Access matrix */
.rh-access-layer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.rh-access-layer-card { display:flex; gap:12px; padding:15px; border:1px solid var(--rh-admin-border); border-radius:12px; background:var(--rh-admin-surface-soft); }
.rh-access-layer-card p { margin:4px 0 0; color:var(--rh-admin-muted); }
.rh-access-layer-icon { font-size:1.35rem; }
.rh-access-current-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.rh-access-current-item { display:flex; align-items:center; gap:10px; padding:11px; border:1px solid var(--rh-admin-border); border-radius:10px; opacity:.55; }
.rh-access-current-item.is-allowed { opacity:1; border-color:color-mix(in srgb,var(--accent,#ef233c) 32%,var(--rh-admin-border)); }
.rh-access-current-item > span { font-size:1.15rem; }
.rh-access-current-item strong,.rh-access-current-item small { display:block; }
.rh-access-current-item small { color:var(--rh-admin-muted); }
.rh-access-workspace,.rh-permission-workspace { display:grid; grid-template-columns:minmax(245px,.34fr) minmax(0,1fr); gap:16px; align-items:start; }
.rh-access-role-sidebar,.rh-permission-role-sidebar { position:relative; top:auto; align-self:start; max-height:min(72vh,760px); display:flex; flex-direction:column; overflow:hidden; margin:0!important; }
.rh-access-role-list,.rh-permission-role-list { overflow:auto; display:flex; flex-direction:column; gap:6px; padding-right:3px; }
.rh-access-role-row,.rh-permission-role-row { display:flex; align-items:center; gap:10px; min-height:54px; padding:9px 10px; color:inherit; text-decoration:none; border:1px solid transparent; border-radius:10px; }
.rh-access-role-row:hover,.rh-permission-role-row:hover { background:rgba(255,255,255,.045); }
.rh-access-role-row.is-active,.rh-permission-role-row.is-active { border-color:color-mix(in srgb,var(--accent,#ef233c) 42%,transparent); background:color-mix(in srgb,var(--accent,#ef233c) 12%,transparent); }
.rh-access-role-copy,.rh-permission-role-copy { min-width:0; flex:1; }
.rh-access-role-copy strong,.rh-access-role-copy small,.rh-permission-role-copy strong,.rh-permission-role-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rh-access-role-copy small,.rh-permission-role-copy small { color:var(--rh-admin-muted); }
.rh-access-you { padding:3px 6px; border-radius:999px; font-size:.65rem; font-weight:800; color:#fff; background:var(--accent,#ef233c); }
.rh-access-editor-column { min-width:0; }
.rh-access-editor { display:flex; flex-direction:column; gap:15px; margin:0!important; }
.rh-access-editor-head,.rh-permission-editor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.rh-access-selected-role { display:flex; align-items:center; gap:12px; }
.rh-access-selected-role h2 { margin:2px 0 4px; }
.rh-access-editor-actions { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.rh-access-area-list { display:flex; flex-direction:column; gap:10px; }
.rh-access-area { overflow:hidden; border:1px solid var(--rh-admin-border); border-radius:13px; background:rgba(255,255,255,.02); }
.rh-access-area-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px; border-bottom:1px solid var(--rh-admin-border); }
.rh-access-parent-switch { display:flex; align-items:center; gap:12px; min-width:0; cursor:pointer; }
.rh-access-parent-switch input,.rh-access-section-option input { accent-color:var(--accent,#ef233c); }
.rh-access-area-icon { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:10px; background:color-mix(in srgb,var(--access-color,var(--accent,#ef233c)) 16%,transparent); }
.rh-access-parent-switch strong,.rh-access-parent-switch small,.rh-access-section-option strong,.rh-access-section-option small { display:block; }
.rh-access-parent-switch small,.rh-access-section-option small { color:var(--rh-admin-muted); margin-top:3px; }
.rh-access-area-count { padding:5px 8px; border-radius:999px; color:var(--rh-admin-muted); background:rgba(255,255,255,.06); font-size:.72rem; font-weight:800; }
.rh-access-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; }
.rh-access-section-option { display:flex; gap:9px; align-items:flex-start; padding:11px; border:1px solid var(--rh-admin-border); border-radius:10px; background:rgba(255,255,255,.02); cursor:pointer; }
.rh-access-savebar,.rh-permission-savebar,.rh-admin-savebar { position:sticky; bottom:10px; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid var(--rh-admin-border-strong); border-radius:12px; background:rgba(12,13,18,.96); box-shadow:0 14px 34px rgba(0,0,0,.35); }
.rh-access-savebar strong,.rh-access-savebar span,.rh-permission-savebar strong,.rh-permission-savebar span,.rh-admin-savebar strong,.rh-admin-savebar span { display:block; }
.rh-access-savebar span,.rh-permission-savebar span,.rh-admin-savebar span { color:var(--rh-admin-muted); font-size:.75rem; }
.rh-server-current { display:flex; gap:12px; align-items:center; padding:14px; border:1px solid var(--rh-admin-border); border-radius:12px; background:var(--rh-admin-surface-soft); }
.rh-server-current-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:color-mix(in srgb,var(--accent,#ef233c) 18%,transparent); }
.rh-server-current strong,.rh-server-current code { display:block; }
.rh-server-role-picker { margin-top:14px; }
.rh-compact-role-grid { max-height:360px; overflow:auto; margin-top:10px; }

/* Roles & permissions */
.rh-permission-overview { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:16px; }
.rh-permission-role-row .role-dot,.rh-access-role-row .role-dot { flex:0 0 auto; }
.rh-permission-badges { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.rh-permission-badges span { padding:3px 6px; border-radius:999px; background:rgba(255,255,255,.06); color:var(--rh-admin-muted); font-size:.64rem; font-weight:800; }
.rh-permission-editor { min-width:0; display:flex; flex-direction:column; gap:14px; }
.rh-permission-scope-note { display:flex; align-items:flex-start; gap:11px; padding:13px; border:1px solid color-mix(in srgb,var(--accent,#ef233c) 25%,var(--rh-admin-border)); border-radius:12px; background:color-mix(in srgb,var(--accent,#ef233c) 7%,transparent); }
.rh-permission-scope-note p { margin:3px 0 0; color:var(--rh-admin-muted); }
.rh-permission-group-list { display:flex; flex-direction:column; gap:9px; }
.rh-permission-group { border:1px solid var(--rh-admin-border); border-radius:12px; overflow:hidden; background:rgba(255,255,255,.02); }
.rh-permission-group > summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; }
.rh-permission-group > summary::-webkit-details-marker { display:none; }
.rh-permission-group > summary span strong,.rh-permission-group > summary span small { display:block; }
.rh-permission-group > summary small { color:var(--rh-admin-muted); }
.rh-permission-group-count { color:var(--rh-admin-muted); font-size:.72rem; font-weight:750; }
.rh-permission-rules { border-top:1px solid var(--rh-admin-border); }
.rh-permission-rule { display:grid; grid-template-columns:7px minmax(0,1fr) minmax(125px,150px); gap:12px; align-items:center; padding:12px 14px; border-bottom:1px solid var(--rh-admin-border); }
.rh-permission-rule:last-child { border-bottom:0; }
.rh-permission-risk { width:7px; height:34px; border-radius:999px; background:#657080; }
.rh-permission-risk.is-medium { background:#d89b31; }
.rh-permission-risk.is-high,.rh-permission-risk.is-critical { background:#e34a58; }
.rh-permission-copy { min-width:0; }
.rh-permission-copy strong,.rh-permission-copy small,.rh-permission-copy code { display:block; }
.rh-permission-copy small { color:var(--rh-admin-muted); margin:3px 0; }
.rh-permission-copy code { width:max-content; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.rh-profile-list,.rh-audit-list { display:flex; flex-direction:column; gap:8px; }
.rh-profile-row,.rh-audit-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid var(--rh-admin-border); border-radius:10px; background:rgba(255,255,255,.025); }
.rh-profile-row strong,.rh-profile-row small,.rh-audit-row strong,.rh-audit-row small { display:block; }
.rh-profile-row small,.rh-audit-row small,.rh-audit-row time { color:var(--rh-admin-muted); }
.rh-profile-actions { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.rh-diagnostic-result { margin-top:14px; display:flex; flex-direction:column; gap:12px; }
.rh-diagnostic-user { display:flex; align-items:center; gap:10px; }
.rh-diagnostic-user img { width:44px; height:44px; border-radius:50%; }
.rh-diagnostic-user > div { flex:1; min-width:0; }
.rh-diagnostic-user strong,.rh-diagnostic-user code { display:block; }
.rh-key-cloud { display:flex; gap:5px; flex-wrap:wrap; }
.rh-key-cloud code { font-size:.67rem; }

/* Users */
.rh-user-filter-grid { display:grid; grid-template-columns:minmax(240px,1fr) 180px 180px; gap:10px; align-items:end; }
.rh-user-access-cloud { display:flex; flex-wrap:wrap; gap:6px; }
.rh-user-access-cloud span { padding:5px 8px; border:1px solid var(--rh-admin-border); border-radius:8px; color:var(--rh-admin-muted); font-size:.72rem; }
.rh-user-profile { display:flex; align-items:center; gap:14px; }
.rh-user-profile .profile-avatar { width:70px; height:70px; flex:0 0 70px; }
.rh-user-profile-copy { min-width:0; flex:1; }
.rh-user-profile-copy h2 { margin:0 0 4px; }
.rh-user-profile-copy p { margin:0; color:var(--rh-admin-muted); }
.rh-user-profile-status { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.rh-user-role-cloud { display:flex; gap:7px; flex-wrap:wrap; }
.rh-user-role-chip { display:flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid var(--rh-admin-border); border-radius:999px; font-size:.74rem; }
.rh-user-role-chip i { width:8px; height:8px; border-radius:50%; }

/* Logs */
.rh-log-filter-grid { display:grid; grid-template-columns:minmax(240px,1fr) minmax(190px,.7fr) minmax(170px,.55fr) auto; gap:10px; align-items:end; }
.rh-log-list { display:flex; flex-direction:column; gap:8px; }
.rh-log-row { display:grid; grid-template-columns:145px minmax(180px,.8fr) minmax(230px,1.2fr) minmax(180px,.8fr) auto; gap:12px; align-items:center; padding:12px 13px; border:1px solid var(--rh-admin-border); border-radius:11px; background:rgba(255,255,255,.025); }
.rh-log-row:hover { background:rgba(255,255,255,.042); border-color:var(--rh-admin-border-strong); }
.rh-log-time,.rh-log-meta { color:var(--rh-admin-muted); font-size:.76rem; }
.rh-log-actor strong,.rh-log-actor small,.rh-log-action strong,.rh-log-action small { display:block; }
.rh-log-actor small,.rh-log-action small { color:var(--rh-admin-muted); }
.rh-log-category { display:inline-flex; width:max-content; padding:4px 7px; border-radius:999px; background:rgba(255,255,255,.07); color:#cbd0da; font-size:.66rem; font-weight:800; }
.rh-log-details-dialog { width:min(780px,calc(100vw - 30px)); max-height:84vh; padding:0; overflow:hidden; border:1px solid var(--rh-admin-border-strong); border-radius:15px; color:inherit; background:#111319; }
.rh-log-details-dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(3px); }
.rh-log-dialog-head { display:flex; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid var(--rh-admin-border); }
.rh-log-dialog-body { max-height:calc(84vh - 68px); overflow:auto; padding:18px; }
.rh-log-dialog-body pre { white-space:pre-wrap; overflow-wrap:anywhere; }

/* Generic dialogs / save bars */
.rh-admin-dialog { width:min(900px,calc(100vw - 30px)); max-height:90vh; padding:0; overflow:hidden; border:1px solid var(--rh-admin-border-strong); border-radius:15px; color:inherit; background:#111319; }
.rh-admin-dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(3px); }
.rh-admin-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:17px 18px; border-bottom:1px solid var(--rh-admin-border); }
.rh-admin-dialog-head h2 { margin:0; }
.rh-admin-dialog-head p { margin:4px 0 0; color:var(--rh-admin-muted); }
.rh-admin-dialog-close { border:0; background:transparent; color:#aeb4c0; font-size:1.4rem; cursor:pointer; }
.rh-admin-dialog-body { max-height:calc(90vh - 75px); overflow:auto; padding:18px; }
.rh-admin-danger { border-color:rgba(239,68,68,.28)!important; }

@media (max-width:1180px) {
  .rh-admin-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rh-admin-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rh-admin-form-layout,.rh-permission-overview { grid-template-columns:1fr; }
  .rh-access-role-sidebar,.rh-permission-role-sidebar { position:static; max-height:none; }
}
@media (max-width:900px) {
  .rh-access-workspace,.rh-permission-workspace { grid-template-columns:1fr; }
  .rh-access-role-list,.rh-permission-role-list { max-height:300px; }
  .rh-admin-overview-grid,.rh-access-layer-list,.rh-access-current-grid,.rh-admin-two-layer { grid-template-columns:1fr; }
  .rh-admin-resource-row { grid-template-columns:minmax(0,1fr) auto; }
  .rh-admin-resource-row > .rh-admin-resource-meta { display:none; }
  .rh-log-row { grid-template-columns:120px minmax(0,1fr) auto; }
  .rh-log-row .rh-log-meta { display:none; }
}
@media (max-width:700px) {
  .rh-admin-page { gap:13px; }
  .rh-admin-stat-grid,.rh-admin-card-grid,.rh-admin-form-grid,.rh-access-section-grid { grid-template-columns:1fr; }
  .rh-admin-tabs { top:5px; }
  .rh-admin-form-grid .field-span-2 { grid-column:auto; }
  .rh-user-filter-grid,.rh-log-filter-grid { grid-template-columns:1fr; }
  .rh-user-profile { align-items:flex-start; flex-wrap:wrap; }
  .rh-user-profile-status { width:100%; justify-content:flex-start; }
  .rh-access-savebar,.rh-permission-savebar,.rh-admin-savebar { flex-direction:column; align-items:stretch; }
  .rh-access-savebar button,.rh-permission-savebar button,.rh-admin-savebar button { width:100%; }
  .rh-permission-rule { grid-template-columns:7px minmax(0,1fr); }
  .rh-permission-rule select { grid-column:2; }
  .rh-log-row { grid-template-columns:1fr auto; }
  .rh-log-time { grid-column:1 / -1; }
}

/* v14.8.2 – eigenständiger Verwaltungs-Hero ohne Legacy-Topbar-Abhängigkeit */
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding-bottom: 78px !important;
}

body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero {
  position: relative !important;
  top: auto !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 14px 0 2px !important;
  padding: 20px 22px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--accent, #ef233c) 24%, rgba(255,255,255,.08)) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--accent, #ef233c) 13%, transparent), transparent 28rem),
    linear-gradient(145deg, rgba(18,18,25,.985), rgba(9,10,15,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 48px rgba(0,0,0,.20) !important;
  backdrop-filter: blur(18px) !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 14px auto 14px 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, transparent, var(--accent, #ef233c), transparent) !important;
  opacity: .9 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero::after {
  content: '' !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 0 !important;
  left: 18px !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--accent, #ef233c), transparent 62%) !important;
  opacity: .82 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero > div:first-child {
  position: relative !important;
  min-width: 0 !important;
  max-width: 760px !important;
  align-self: center !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 8px;
  color: #747b8a;
  font-size: 9.5px;
  font-weight: 760;
  letter-spacing: .045em;
  text-transform: uppercase;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-breadcrumbs a {
  color: #9ba2b0;
  text-decoration: none;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-breadcrumbs a:hover { color: #fff; }
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-breadcrumbs span[aria-hidden='true'] { color: #515765; }
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .eyebrow {
  margin: 0 0 5px !important;
  color: var(--accent, #ef233c) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
  line-height: 1.25 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero h1 {
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: clamp(28px, 2.25vw, 38px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero p:not(.eyebrow) {
  max-width: 720px !important;
  margin: 0 !important;
  color: #a6acb9 !important;
  font-size: 12px !important;
  line-height: 1.52 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero > .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  max-width: 920px !important;
  flex-wrap: wrap !important;
  align-self: center !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .account-toolbar {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .rh-page-kind,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .rh-header-status-group,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .rh-studio-module-state,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .rh-view-density-button,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-module-context-bar,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-section-jumpbar,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-page-nav {
  display: none !important;
}

body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-stat-grid {
  margin: 0 !important;
  align-items: stretch !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-stat {
  min-height: 112px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 17px 19px !important;
  overflow: hidden !important;
  justify-content: center !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-stat > span {
  font-size: 10px !important;
  line-height: 1.25 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-stat > strong {
  max-width: 100%;
  font-size: clamp(25px, 2vw, 34px) !important;
  line-height: 1.06 !important;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-stat.rh-admin-stat-text > strong {
  font-size: clamp(18px, 1.55vw, 25px) !important;
  line-height: 1.15 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-stat > small {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-tabs {
  position: sticky !important;
  top: 8px !important;
  z-index: 25 !important;
  display: flex !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: auto !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 14px !important;
  background: rgba(10,11,16,.96) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-tabs > button,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-tabs > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  opacity: 1 !important;
  transform: none !important;
  color: #aeb4c0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-tabs > .is-active {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--accent, #ef233c) 45%, transparent) !important;
  background: color-mix(in srgb, var(--accent, #ef233c) 18%, rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 -2px 0 var(--accent, #ef233c) !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-tab-panel,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > form > .rh-admin-tab-panel {
  min-width: 0 !important;
  margin: 0 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-tab-panel[hidden] {
  display: none !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-tab-panel.is-active:not([hidden]) {
  display: flex !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .panel,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .panel + .panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-overview-grid,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-form-layout,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-access-workspace,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-permission-workspace {
  align-items: start !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-overview-grid > .panel,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-card-grid > .panel {
  align-self: stretch !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .panel-header {
  min-height: 0 !important;
}


/* Der Verwaltungs-Hero ist absichtlich keine .topbar. Alte Dashboard-Laufzeiten
   können ihn dadurch weder verschieben noch auf eine Breadcrumb-Zeile reduzieren. */
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  contain: layout paint;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero > :first-child,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero > .topbar-actions {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-access-workspace > *,
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-permission-workspace > * {
  align-self: start !important;
}
@media (max-width: 1240px) {
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero > .topbar-actions {
    justify-content: flex-start !important;
    max-width: none !important;
  }
}
@media (max-width: 760px) {
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero {
    margin-top: 8px !important;
    padding: 16px !important;
    border-radius: 15px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero h1 {
    font-size: 28px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .account-toolbar,
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-hero .user-menu {
    width: 100% !important;
  }
}

/* v14.8.3 – robuste Verwaltungs-Kommandozeile
   Eigene Klassen und ein section-Element verhindern, dass historische Header-,
   Topbar- oder Modulregeln Titel und Aktionen entfernen oder zusammenfalten. */
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-command-header {
  position: relative !important;
  inset: auto !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) minmax(0, auto) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 142px !important;
  height: auto !important;
  max-height: none !important;
  margin: 14px 0 2px !important;
  padding: 20px 22px !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  border: 1px solid color-mix(in srgb, var(--accent, #ef233c) 24%, rgba(255,255,255,.08)) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--accent, #ef233c) 13%, transparent), transparent 28rem),
    linear-gradient(145deg, rgba(18,18,25,.985), rgba(9,10,15,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 48px rgba(0,0,0,.20) !important;
  backdrop-filter: blur(18px) !important;
  contain: none !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-command-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 14px auto 14px 0 !important;
  display: block !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, transparent, var(--accent, #ef233c), transparent) !important;
  opacity: .9 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-command-header::after {
  content: '' !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 0 !important;
  left: 18px !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--accent, #ef233c), transparent 62%) !important;
  opacity: .82 !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 780px !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy > .rh-admin-breadcrumbs {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 9px !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy > .eyebrow {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 6px !important;
  color: var(--accent, #ef233c) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  clip: auto !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy > h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 8px !important;
  overflow: visible !important;
  color: #fff !important;
  font-size: clamp(30px, 2.35vw, 40px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
  white-space: normal !important;
  clip: auto !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy > p:last-child:not(.eyebrow) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #a6acb9 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  clip: auto !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  flex-wrap: wrap !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions > * {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions .account-toolbar {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
/* Der nicht mehr verwendete Zwischen-Hero darf auf aktualisierten Seiten nicht
   versehentlich als leere Leiste stehen bleiben. */
body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-hero:empty {
  display: none !important;
}
@media (max-width: 1240px) {
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-command-header {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 15px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions {
    justify-content: flex-start !important;
  }
}
@media (max-width: 760px) {
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] > .rh-admin-command-header {
    margin-top: 8px !important;
    padding: 16px !important;
    border-radius: 15px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-copy > h1 {
    font-size: 28px !important;
  }
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions,
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions .account-toolbar,
  body.rankhouse-dashboard-v14 .main.rh-admin-page[data-rh-admin-page] .rh-admin-command-actions .user-menu {
    width: 100% !important;
  }
}
