/* Realm management shares the account pages' open, quiet section structure. */
.realms-app [data-realm-section][hidden]{display:none}
.realms-app .ops-management{margin-top:32px}
.realms-app .ops-management-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.realms-app .ops-management .ops-panel{margin:0;padding:24px;border:0;background:rgba(255,255,255,.025);box-shadow:none}
.realms-app .ops-management .ops-panel h2{font-family:var(--heading);font-size:1.5rem;line-height:1.3;margin:0 0 12px}
.realms-app .ops-management .ops-panel p{max-width:68ch;margin:16px 0;font-size:.9375rem}
.realms-app .ops-management .ops-panel>p:last-child{margin-bottom:0}
.realms-app .ops-management .ops-panel .ops-field{margin:20px 0;gap:10px}
.realms-app .ops-management .ops-panel .ops-field small{color:var(--muted);font-weight:400;line-height:1.5}
.realms-app .ops-management .ops-panel .ops-field small:empty{display:none}
.realms-app .ops-management form[data-access-policy]{padding:0;border-top:0;background:transparent}
.realms-app .ops-management form[data-access-policy]>h2{margin-bottom:10px}
.realms-app .ops-management form[data-access-policy]>p.ops-muted{margin:0 0 24px;font-size:.8125rem}
.realms-app .ops-management form[data-access-policy]>button{margin-top:4px}
.realms-app .ops-management .ops-management-accounts{display:grid;gap:32px;min-width:0}
.realms-app .ops-management .ops-inline-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.realms-app .ops-management .ops-inline-form .ops-field{margin:0}
.realms-app .ops-management .ops-inline-form .ops-field:has(input[name="username"]){flex:2 1 210px}
.realms-app .ops-management .ops-inline-form .ops-field:has(select[name="access"]){flex:1 1 100px}
.realms-app .ops-management .ops-inline-form>button{flex-shrink:0}
.realms-app .ops-management .ops-records{margin-top:20px}
.realms-app .ops-management .ops-records>li{padding:18px 20px;gap:16px}
.realms-app .ops-management .ops-records>li>span{min-width:0;overflow-wrap:anywhere}
.realms-app .ops-management .ops-records>li>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.realms-app .ops-management .ops-records [role="alert"]{flex-basis:100%;margin:4px 0 0}
.realms-app .ops-management .ops-panel [role="alert"]{padding:14px 16px;border-left:0;background:var(--panel);line-height:1.55}
.realms-app .ops-management .ops-management-players{margin-top:40px;padding-top:26px}
.realms-app .ops-management .ops-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;margin-bottom:8px}
.realms-app .ops-management .ops-section-heading h2{margin:0}
.realms-app .ops-management .ops-section-heading .ops-tabs .btn{box-shadow:none}
.realms-app .ops-management .ops-section-heading .ops-tabs [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#000}
.realms-app .ops-management .ops-section-heading .ops-tabs [aria-pressed=false]{background:transparent;border-color:transparent;color:var(--text)}
.realms-app .ops-management .ops-section-heading .ops-tabs [aria-pressed=false]:hover{border-color:var(--line);background:var(--panel)}
.realms-app .ops-management .ops-management-players .ops-records{margin-top:4px}
.realms-app .ops-management .ops-management-players .ops-records>li{padding:10px 20px}
.realms-app .ops-management .ops-management-players .ops-records>li>span{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;align-items:baseline;gap:4px 20px;width:100%}
.realms-app .ops-management .ops-management-players .ops-records strong{font-size:1rem;line-height:1.5}
.realms-app .ops-management .ops-management-players .ops-records small{line-height:1.5;margin:0}
.realms-app .ops-management .ops-management-players .ops-records small:last-child{text-align:right}
@media(max-width:760px){
.realms-app .ops-management .ops-management-players .ops-records>li>span{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.realms-app .ops-management .ops-management-players .ops-records small:last-child{grid-column:1 / -1;text-align:left}
}
@media(max-width:1000px){.realms-app .ops-management-settings{gap:28px}.realms-app .ops-management form[data-access-policy]{padding:22px}.realms-app .ops-management .ops-inline-form>button{margin-top:2px}}
@media(max-width:850px){.realms-app .ops-management-settings{grid-template-columns:1fr;gap:32px}.realms-app .ops-management .ops-management-players{margin-top:32px}.realms-app .ops-management .ops-records>li{align-items:flex-start}}
@media(max-width:640px){.realms-app .ops-management .ops-section-heading{align-items:flex-start;flex-direction:column}.realms-app .ops-management .ops-section-heading .ops-tabs{gap:8px}.realms-app .ops-management .ops-management-players .ops-records>li{gap:12px}}
@media(max-width:480px){.realms-app .ops-management{margin-top:26px}.realms-app .ops-management form[data-access-policy]{padding:22px 18px}.realms-app .ops-management .ops-inline-form .ops-field{flex-basis:100%}.realms-app .ops-management .ops-section-heading .ops-tabs{width:100%}.realms-app .ops-management .ops-section-heading .ops-tabs .btn{flex:1}}
.realms-app .ops-management .ops-field{display:grid;gap:10px;font-weight:700}
.realms-app .ops-management .ops-management-feedback{box-sizing:border-box;overflow-wrap:anywhere}
.realms-app .ops-management .ops-management-feedback:empty{display:none}
.realms-app .ops-management select{color-scheme:dark}
.realms-app .ops-management [data-access-policy] select{appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23f3f6f4' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
.realms-app .ops-management select option{background:var(--input);color:var(--text)}
.realms-app .ops-management .ops-management-deletion{margin-top:0}
.realms-app .ops-delete-realm{color:var(--danger);border-color:var(--danger);background:transparent}
.realms-app [data-realm-deletion] [hidden]{display:none}


.realms-app .ops-management .ops-list-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:16px}
.realms-app .ops-management .ops-list-pagination>span{min-width:6ch;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:480px){.realms-app .ops-management .ops-list-pagination{justify-content:space-between;gap:8px}}

/* The owner editor uses the creation controls in a full-width management section. */
.realms-app .realm-owner-settings { display:grid; gap:16px; }
.realms-app .ops-management .realm-owner-settings { margin-bottom:24px; }
.realms-app .realm-owner-settings .owner-settings-heading { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; }
.realms-app .realm-owner-settings .owner-settings-heading > div { flex:1 1 260px; }
.realms-app .ops-management .owner-settings-heading h2 { margin:0; }
.realms-app .realm-owner-settings .owner-settings-nav { display:flex; flex-wrap:wrap; gap:10px; }
.realms-app .realm-owner-settings .owner-section-mobile-label { display:none; }
.realms-app .realm-owner-settings .owner-settings-nav .btn { white-space:nowrap; }
.realms-app .realm-owner-settings .owner-settings-nav .btn[aria-pressed=true] { background:#fff3bf; border-color:var(--color-accent-gold); color:#222; box-shadow:inset 0 1px 0 #fff; }
.realms-app .ops-management .realm-owner-settings > [data-owner-settings-feedback] { margin:0; }
.realms-app .realm-owner-settings > [data-owner-settings-feedback]:empty { display:none; }
.realms-app .realm-owner-settings [data-owner-settings-editor] { display:grid; gap:16px; min-width:0; }
.realms-app .realm-owner-settings [data-owner-settings-stage] { display:grid; gap:16px; }
@media(min-width:901px) {
.realms-app .realm-owner-settings .tabbed-editor { height:var(--creation-workspace-height); }
}
.realms-app .realm-owner-settings fieldset { border:0; padding:0; margin:0; min-width:0; }
.realms-app .realm-owner-settings .owner-settings-review { overflow-x:auto; }
.realms-app .realm-owner-settings .owner-settings-review-heading { display:grid; gap:8px; }
.realms-app .realm-owner-settings .owner-settings-review-heading h3 { margin:0; font-size:1.25rem; line-height:1.3; }
.realms-app .ops-management .owner-settings-review-heading p { margin:0; color:var(--muted); line-height:1.5; }
.realms-app .realm-owner-settings .review-table { margin:0; min-width:560px; table-layout:fixed; }
.realms-app .realm-owner-settings .review-table th,
.realms-app .realm-owner-settings .review-table td { padding:12px 16px; vertical-align:top; overflow-wrap:anywhere; }
.realms-app .realm-owner-settings .review-table th { background:rgba(255,255,255,.04); color:var(--muted); font-size:.875rem; font-weight:600; }
.realms-app .realm-owner-settings .review-table th:first-child { width:42%; }
.realms-app .realm-owner-settings .review-table th:nth-child(2) { width:26%; }
.realms-app .realm-owner-settings .review-table th:nth-child(n+3),
.realms-app .realm-owner-settings .review-table td:nth-child(n+3) { text-align:right; font-variant-numeric:tabular-nums; }
.realms-app .realm-owner-settings .review-table tbody tr { background:rgba(255,255,255,.015); }
.realms-app .realm-owner-settings .review-table td:last-child { font-weight:700; }
.realms-app .realm-owner-settings .owner-settings-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.realms-app .realm-owner-settings .owner-settings-footer > span { margin-right:auto; }

@media(max-width:800px) {
    .realms-app .ops-management .ops-panel,
    .realms-app .ops-management form[data-access-policy] { padding:20px 16px; }
    .realms-app .realm-owner-settings .owner-settings-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; width:100%; }
    .realms-app .realm-owner-settings .owner-settings-nav .btn { min-width:0; min-height:44px; white-space:nowrap; padding:8px 2px; font-size:.875rem; }
    .realms-app .realm-owner-settings .owner-section-label { display:none; }
    .realms-app .realm-owner-settings .owner-section-mobile-label { display:inline; }
    .realms-app .realm-owner-settings .owner-settings-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .realms-app .realm-owner-settings .owner-settings-footer>span { grid-column:1 / -1; }
    .realms-app .realm-owner-settings .owner-settings-footer .btn { padding-inline:10px; }
    .realms-app .ops-management .ops-list-pagination { flex-wrap:wrap; }
}