.moderation-shell { --panel-accent:#7955ee; min-height:100vh; display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; padding:28px; color:var(--text); background:radial-gradient(ellipse at 85% 0,rgba(121,85,238,.19),transparent 50%),radial-gradient(ellipse at 0 45%,rgba(66,182,219,.08),transparent 45%),var(--bg,#14111f); text-align:start; }
[data-theme=light] .moderation-shell { background:radial-gradient(ellipse at 85% 0,rgba(121,85,238,.13),transparent 50%),#f6f4fb; }
.sova-panel-surface { border-radius:30px; padding:clamp(20px,3vw,32px); border:1px solid var(--line); background:color-mix(in srgb,var(--surface-solid) 78%,transparent); box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 38px rgba(24,16,48,.06); backdrop-filter:blur(18px); }
.moderation-nav { display:flex; flex-direction:column; gap:10px; align-self:start; position:sticky; top:28px; padding:20px; }
.moderation-nav strong { font-size:28px; }.moderation-nav small { color:var(--muted); margin-bottom:20px; }
.moderation-shell button,.moderation-shell input,.moderation-shell select,.moderation-shell textarea { box-sizing:border-box; font:inherit; color:var(--text); border-radius:18px; border:1px solid var(--line); background:color-mix(in srgb,var(--surface-solid) 80%,transparent); }
.moderation-shell button { min-height:46px; padding:10px 18px; cursor:pointer; white-space:normal; max-width:100%; }
.moderation-shell button[aria-current=page] { background:var(--panel-accent); color:white; border-color:transparent; }
.moderation-shell button:disabled { opacity:.5; cursor:default; }
.moderation-main,.cms-editor { min-width:0; }.moderation-main h1 { font-size:clamp(27px,4vw,42px); letter-spacing:-.035em; line-height:1.15; }
.moderation-eyebrow { color:var(--panel-accent); font-size:12px; letter-spacing:.15em; }.moderation-notice { padding:16px 22px; border-radius:20px; background:var(--surface-solid); }
.cms-editor { display:grid; gap:24px; }.cms-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.cms-toolbar>div { flex:1 1 180px; }
.cms-field { display:flex; flex-direction:column; gap:7px; margin:14px 0; min-width:0; }.cms-field input,.cms-field textarea,.cms-field select { width:100%; max-width:100%; padding:12px 14px; min-height:46px; }.cms-field textarea { resize:vertical; min-height:100px; }.cms-field input[type=color] { padding:6px; }
.cms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.cms-item { margin:20px 0; padding:20px; border:1px solid var(--line); border-radius:24px; }.cms-item input[type=checkbox] { width:18px;height:18px; }
.cms-preview { max-height:75vh; overflow:auto; border-radius:24px; border:1px solid var(--line); }
@media(max-width:900px) { .moderation-shell { grid-template-columns:minmax(0,1fr);padding:16px;gap:18px; }.moderation-nav { position:static;flex-direction:row;flex-wrap:wrap;align-items:center; }.moderation-nav small { margin:0; }.moderation-nav strong { margin-right:10px; } }
@media(max-width:480px) { .cms-grid { grid-template-columns:minmax(0,1fr); }.cms-toolbar button { flex:1 1 150px; }.cms-item { padding:14px; }.moderation-shell { padding:10px; } }

/* Auth reuses Web login classes, not the owner modal geometry. */
.moderation-auth .login-primary,.moderation-auth .login-card,.moderation-auth .login-card form,.moderation-auth .login-card label { min-width:0; }
.moderation-auth .moderation-auth-info { min-height:320px; }
.moderation-auth-error { color:var(--danger); margin:0; overflow-wrap:anywhere; }
.moderation-shell { --panel-accent:var(--primary); }
.moderation-shell .sova-panel-surface,.moderation-shell .owner-user-row,.moderation-shell .report-summary,.moderation-shell .report-detail,.moderation-shell .owner-modal-card { background:var(--surface); border-color:var(--line); box-shadow:var(--shadow),inset 0 1px color-mix(in srgb,var(--text) 6%,transparent); backdrop-filter:blur(23px); -webkit-backdrop-filter:blur(23px); text-align:start; }
.moderation-shell button[aria-current=page],.moderation-shell button.primary { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; }
.moderation-shell button:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.moderation-shell button:hover:not(:disabled) { border-color:var(--primary); }
.moderation-auth-info { text-align:start; justify-items:start; }
.moderation-shell .report-details-header > [role=status] { display:inline-block; padding:7px 12px; border-radius:12px; color:var(--primary); border:1px solid color-mix(in srgb,var(--primary) 25%,transparent); background:color-mix(in srgb,var(--primary) 10%,transparent); }
@media(max-width:800px) { .moderation-auth .moderation-auth-info { min-height:0; } }