/* L’Alcôve 4.11.0 — interface de protection et de mutes. */
.security-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.security-rule-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface-2),var(--surface-1));box-shadow:var(--shadow-soft)}.security-rule-card>div{display:grid;gap:3px;min-width:0;flex:1}.security-rule-card strong{overflow:hidden;text-overflow:ellipsis}.security-rule-card small{color:var(--muted)}.security-rule-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}.security-rule-card.is-enabled .security-rule-dot{color:var(--success);background:var(--success)}.security-rule-card.is-disabled .security-rule-dot{color:var(--muted);background:var(--muted)}.security-detail{display:block;max-width:340px;max-height:88px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.moderation-mutes-section{margin-top:34px;padding-top:6px;border-top:1px solid var(--border)}.config-subsection{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.config-subsection h3{margin:0 0 5px;font-size:15px}.config-subsection .field-help{margin:0}.security-metrics .card{min-height:132px}@media(max-width:1280px){.security-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.security-rule-grid{grid-template-columns:1fr}.security-detail{max-width:220px}.security-metrics{grid-template-columns:1fr!important}}

/* Sélecteur de portées multiples pour les mutes ciblés. */
.mute-picker-modal .modal-body{padding:0;max-height:min(78vh,840px);overflow:auto}
.mute-picker-modal .form-grid{padding:20px}
.mute-picker-modal #security-mute-targets{margin-inline:-20px}
.mute-target-counts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mute-target-picker{border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface-1) 86%,transparent)}
.mute-target-columns{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:16px;padding:16px 20px 20px}
.mute-target-pane{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);overflow:hidden}
.mute-target-pane>header{padding:13px 15px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.mute-target-pane>header div{display:grid;gap:4px}
.mute-target-pane>header small{color:var(--muted);line-height:1.45}
.mute-target-options{display:grid;gap:8px;padding:10px;max-height:470px;overflow:auto}
.mute-channel-groups{max-height:470px;padding:10px}
.mute-target-option.is-covered{opacity:.58;cursor:not-allowed;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.mute-target-option.is-covered:hover{transform:none;border-color:var(--border)}
.mute-covered-note{display:block;margin-top:4px;color:var(--warning);font-size:10px}
.mute-picker-modal .empty-state{margin:0 20px 20px}
@media(max-width:980px){.mute-target-columns{grid-template-columns:1fr}.mute-target-options,.mute-channel-groups{max-height:320px}}
@media(max-width:720px){.mute-picker-modal .form-grid{padding:14px}.mute-picker-modal #security-mute-targets{margin-inline:-14px}.mute-target-columns{padding:12px}.mute-target-counts{width:100%}.mute-target-counts .badge{flex:1;text-align:center}}