/* Ban screen and Admin Panel. */
body.is-banned{overflow:hidden}
/* Roblox 2020-style ban page: header stays visible, content in a centered white card. */
.ban-screen{position:fixed;top:40px;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;background:#f2f4f5;overflow:auto;box-sizing:border-box}
body.dark .ban-screen{background:#232527}
.ban-card{width:min(760px,100%);box-sizing:border-box;padding:28px 36px 32px;background:#fff;color:#393b3d;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15);line-height:1.5}
body.dark .ban-card{background:#393b3d;color:#eee;box-shadow:none}
.ban-card h1{margin:0 0 16px;font-size:32px;font-weight:bold;color:inherit}
.ban-card p{margin:12px 0;font-size:16px}
.ban-details{margin:18px 0;padding:14px 18px;background:#f2f4f5;border-radius:4px}
body.dark .ban-details{background:#2c2e30}
.ban-details div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:4px 0}
.ban-details dt{font-weight:bold;color:#606162}
body.dark .ban-details dt{color:#b9bdc1}
.ban-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ban-outcome{font-weight:500}
.ban-button{display:block;min-width:160px;height:44px;margin:24px auto 0;padding:0 28px;font-size:17px;font-weight:bold;color:#fff;background:#00a2ff;border:0;border-radius:3px;cursor:pointer}
.ban-button:hover{background:#32b5ff}
@media(max-width:600px){.ban-card{padding:22px 18px}.ban-card h1{font-size:26px}.ban-details div{grid-template-columns:1fr;gap:0}}
.ap-tabs{margin-bottom:16px}
.ap-search{display:flex;gap:10px;margin-bottom:16px;max-width:520px}
.ap-search input{flex:1;min-width:0;height:36px;padding:0 10px;font-size:15px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:3px}
.ap-table{width:100%;border-collapse:collapse;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.12)}
body.dark .ap-table{box-shadow:none}
.ap-table th,.ap-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}
.ap-table th{font-size:13px;color:var(--muted);font-weight:bold}
.ap-table td a{font-weight:bold}
.ap-id{font-size:12px;color:var(--muted)}
.ap-reason{margin-top:4px;font-size:13px;color:var(--muted);max-width:360px;overflow-wrap:anywhere}
.ap-actions{text-align:right;white-space:nowrap}
.ap-actions .outline{margin-left:6px}
.ap-danger{color:#d43131!important;border-color:#d43131!important}
.ap-danger-button{background:#d43131!important}
.ap-danger-button:hover{background:#e25555!important}
.ap-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;color:#fff}
.ap-ok{background:#02b757}.ap-warn{background:#f5a623}.ap-bad{background:#d43131}.ap-owner{background:#00a2ff}
.ap-form select,.ap-form input,.ap-form textarea{width:100%;box-sizing:border-box;padding:8px 10px;font:inherit;font-size:15px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:3px;margin-bottom:6px}
@media(max-width:760px){.ap-table thead{display:none}.ap-table tr{display:block;border-bottom:1px solid var(--line)}.ap-table td{display:block;border:0;padding:6px 12px}.ap-actions{text-align:left}}

.ap-inventory{text-align:left;max-height:65vh;overflow:auto}.ap-inventory>input{width:100%;box-sizing:border-box;padding:9px;margin:7px 0 10px;background:#fff;color:#222;border:1px solid #aaa}.dark .ap-inventory>input{background:#262729;color:#fff;border-color:#777}.ap-inventory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #8884}.ap-inventory-row span{min-width:0;overflow-wrap:anywhere;text-align:left}.ap-inventory-row small{color:#999}.ap-inventory-row button{flex:none}.ap-inventory h3{text-align:left}
