/* Minimal extras on top of Tailwind to avoid a build step */
.soft-card { border-radius: 1rem; border: 1px solid rgb(226 232 240); background: white; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.btn { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1rem; border-radius: .75rem; font-size: .875rem; font-weight: 500; }
.btn-primary { background: rgb(79 70 229); color: white; }
.btn-primary:hover { background: rgb(67 56 202); }
.btn-secondary { background: rgb(241 245 249); }
.btn-secondary:hover { background: rgb(226 232 240); }
.btn-outline { border: 1px solid rgb(226 232 240); }
.btn-outline:hover { background: rgb(248 250 252); }

.switch { width: 46px; height: 26px; background: #e5e7eb; border-radius: 9999px; position: relative; transition: background .2s; cursor: pointer; }
.switch.on { background: #4f46e5; }
.switch-circle { width: 22px; height: 22px; background: white; border-radius: 9999px; position: absolute; top: 2px; left: 2px; transition: left .2s; }
.switch.on .switch-circle { left: 22px; }

.badge { font-size: .75rem; padding: .125rem .5rem; border-radius: 9999px; background: rgb(241 245 249); }