fix(catalog): make access controls visible and compact

src/components/admin/catalog-manager/catalog-access.module.css

@@ -0,0 +1,73 @@
+.options {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
+	gap: 12px;
+}
+.option {
+	min-width: 0;
+	padding: 14px;
+	border: 1px solid var(--admin-border);
+	border-radius: 10px;
+	background: var(--admin-surface);
+	color: var(--admin-text);
+}
+.optionHeader,
+.control {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+.optionHeader {
+	justify-content: space-between;
+}
+.label {
+	font-size: 13px;
+	font-weight: 600;
+	cursor: pointer;
+}
+.control {
+	flex-shrink: 0;
+	min-height: 32px;
+}
+.state {
+	font-size: 12px;
+	color: var(--admin-text-muted);
+}
+.description {
+	margin-top: 4px;
+	font-size: 12px;
+	line-height: 1.5;
+	color: var(--admin-text-muted);
+}
+.toggle[data-slot="switch"] {
+	width: 44px;
+	height: 24px;
+	border: 1px solid var(--admin-text-muted);
+	background: var(--admin-border);
+	cursor: pointer;
+}
+.toggle[data-checked] {
+	background: var(--admin-accent);
+	border-color: var(--admin-accent);
+}
+.toggle [data-slot="switch-thumb"] {
+	width: 18px;
+	height: 18px;
+	left: 2px;
+	background: var(--admin-text);
+	color: var(--admin-canvas);
+}
+.toggle[data-checked] [data-slot="switch-thumb"] {
+	left: 22px;
+}
+.toggle:focus-visible {
+	outline: 2px solid var(--admin-accent);
+	outline-offset: 3px;
+}
+.option[data-disabled] .toggle,
+.option[data-disabled] .label {
+	cursor: not-allowed;
+}
+.option[data-disabled] .control {
+	opacity: 0.6;
+}