formulaire: default interne, unpublished, contact toggle, settings section

public/assets/css/admin.css

@@ -1164,3 +1164,83 @@
     height: 50vh;
     border: 1px solid var(--border-primary);
 }
+
+/* ── Settings: formulaire toggles ──────────────────────────────────────────── */
+.admin-settings-toggles {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    margin-bottom: var(--space-m);
+}
+
+.admin-toggle-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-m);
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 4px;
+    padding: var(--space-xs) var(--space-m);
+    cursor: pointer;
+}
+
+.admin-toggle-row--disabled {
+    opacity: 0.6;
+}
+
+.admin-toggle-label {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.admin-toggle-label strong {
+    font-size: var(--step-0);
+}
+
+.admin-toggle-label small {
+    color: var(--text-secondary);
+    font-size: var(--step--2);
+}
+
+/* Native checkbox styled as toggle pill */
+.admin-toggle {
+    appearance: none;
+    -webkit-appearance: none;
+    width: 40px;
+    height: 22px;
+    background: var(--border-primary);
+    border-radius: 11px;
+    position: relative;
+    cursor: pointer;
+    flex-shrink: 0;
+    transition: background 0.2s;
+}
+
+.admin-toggle::after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: #fff;
+    transition: transform 0.2s;
+}
+
+.admin-toggle:checked {
+    background: var(--accent-primary);
+}
+
+.admin-toggle:checked::after {
+    transform: translateX(18px);
+}
+
+/* ── Form group (for checkbox inside .admin-form) ──────────────────────────── */
+.admin-form-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3xs);
+}