/* ------------------------------------------------------------
   9 · CHECKBOX / RADIO / SWITCH — flat by default
   ------------------------------------------------------------ */
.dcs-check {
  display: inline-flex; align-items: center; gap: var(--dcs-s-3);
  cursor: pointer;
  user-select: none;
  font-size: var(--dcs-fs-sm);
}
.dcs-check__box {
  width: 14px; height: 14px;
  background: var(--dcs-well);
  border: 1px solid var(--dcs-line-strong);
  border-radius: var(--dcs-r-1);
  display: flex; align-items: center; justify-content: center;
  color: transparent;
  transition: background var(--dcs-t-fast), color var(--dcs-t-fast), border-color var(--dcs-t-fast);
}
.dcs-check[aria-checked="true"] .dcs-check__box {
  background: var(--dcs-accent);
  border-color: var(--dcs-accent-lo);
  color: #0a1220;
}
.dcs-check__box svg { width: 10px; height: 10px; }
.dcs-check:hover .dcs-check__box { border-color: var(--dcs-accent); }

.dcs-radio .dcs-check__box { border-radius: 50%; }
.dcs-radio[aria-checked="true"] .dcs-check__box { color: transparent; position: relative; }
.dcs-radio[aria-checked="true"] .dcs-check__box::after {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: #0a1220;
}

.dcs-switch {
  position: relative;
  width: 28px; height: 16px;
  background: var(--dcs-well);
  border: 1px solid var(--dcs-line-strong);
  border-radius: 999px;
  cursor: pointer;
  transition: background var(--dcs-t-fast), border-color var(--dcs-t-fast);
}
.dcs-switch::after {
  content: ""; position: absolute;
  top: 1px; left: 1px;
  width: 12px; height: 12px;
  background: var(--dcs-text-mute);
  border-radius: 50%;
  transition: transform var(--dcs-t), background var(--dcs-t-fast);
}
.dcs-switch[aria-checked="true"] { background: var(--dcs-accent); border-color: var(--dcs-accent-lo); }
.dcs-switch[aria-checked="true"]::after { transform: translateX(12px); background: #0a1220; }