/* Section switches (create page, dashboard) */
.sp { display: grid; border-radius: 14px; overflow: hidden; border: 1px solid #d2d2d7; background: #fff; }
.sp-row { display: flex !important; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border-bottom: 1px solid #e5e5ea; cursor: pointer; }
.sp-row:last-child { border-bottom: 0; }
.sp-row span { display: grid; gap: 1px; min-width: 0; }
.sp-row b { font-size: 15px; font-weight: 600; }
.sp-row small { font-size: 13px; color: #6e6e73; font-weight: 400; }
.sp-row input { appearance: none; flex: none; width: 46px !important; height: 28px; border-radius: 999px; background: #e5e5ea; position: relative; cursor: pointer; transition: background .2s; padding: 0 !important; border: 0 !important; }
.sp-row input::after { content: ""; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .2s; }
.sp-row input:checked { background: #1d1d1f; }
.sp-row input:checked::after { transform: translateX(18px); }