.ops-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 16px; margin-bottom: 22px; }
.ops-panel { padding: 18px; border: 1px solid #e0e3e8; border-radius: 16px; background: #fff; }
.ops-panel .section-head { margin-bottom: 13px; }
.ops-panel h2 { margin: 3px 0 0; font-size: 20px; letter-spacing: -.35px; }
.ops-list { display: grid; gap: 9px; }
.ops-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 13px 14px; border: 1px solid #e6e8ec; border-radius: 12px; background: #fafbfc; color: inherit; }
.ops-item.compact { align-items: center; }
.ops-item strong { font-size: 14px; }
.ops-item p { margin: 4px 0 0; color: #777f8a; font-size: 11px; }
.ops-detail { max-width: 700px; margin-top: 8px; color: #505761; font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.ops-log-panel { margin-top: 18px; }
.ops-log-item { cursor: default; }
.moderation-card { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); gap: 20px; margin: 0 0 26px; padding: 18px; border: 1px solid #dedfe4; border-radius: 16px; background: #fff; }
.moderation-card h2 { margin: 4px 0 7px; font-size: 20px; }
.moderation-form { display: grid; gap: 12px; }
.moderation-form > label { display: grid; gap: 6px; color: #4f5660; font-size: 12px; font-weight: 700; }
.moderation-form input[type="text"], .moderation-form select { width: 100%; box-sizing: border-box; border: 1px solid #d8dce2; border-radius: 9px; padding: 9px 10px; background: white; color: #252a31; }
.permission-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.permission-grid label { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid #dfe2e7; border-radius: 9px; background: #f8f9fb; color: #4c535d; font-size: 12px; }
.restriction-until { margin: 0; color: #9a5d00; font-size: 11px; }
@media (max-width: 820px) { .ops-grid, .moderation-card { grid-template-columns: 1fr; } .ops-item { flex-direction: column; } }