html[data-fs="large"] body { zoom: 1.12; }
html[data-fs="xlarge"] body { zoom: 1.25; }

html[data-radius="square"][data-radius="square"] * { border-radius: 0 !important; }

html[data-a11y="1"] body { font-weight: 500; }
html[data-a11y="1"] a { text-decoration: underline; }
html[data-a11y="1"] { --muted: var(--text-2); }

html[data-bg="gonka"] body.crm-app {
    background-image: linear-gradient(var(--dot) 1px, transparent 1px),
        linear-gradient(90deg, var(--dot) 1px, transparent 1px);
    background-size: 46px 46px;
}
html[data-bg="gradient"] body.crm-app {
    background-image: linear-gradient(160deg, rgba(var(--accent-rgb), .10), transparent 55%),
        radial-gradient(760px 460px at 92% -12%, rgba(var(--accent-2-rgb), .16), transparent 60%);
    background-size: auto;
}
html[data-bg="dots"] body.crm-app {
    background-image: radial-gradient(var(--dot) 1px, transparent 1px);
    background-size: 22px 22px;
}

.crm-theme-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.crm-theme-swatch {
    display: flex; flex-direction: column; gap: 8px; align-items: center;
    padding: 12px 8px; border: 2px solid var(--border); border-radius: 12px;
    background: var(--surface-2); cursor: pointer; font-size: 12px; font-weight: 600; color: var(--text-2);
}
.crm-theme-swatch:hover { border-color: var(--border-strong); }
.crm-theme-swatch.is-active { border-color: var(--accent); color: var(--accent); }
.crm-theme-prev { width: 100%; height: 42px; border-radius: 8px; display: flex; overflow: hidden; border: 1px solid var(--border); }
.crm-theme-prev i { flex: 1; }
.crm-opt-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.crm-opt-row .crm-seg a { cursor: pointer; }
@media (max-width: 640px) { .crm-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }