/* Разделы «Пространство»: карточки, формы, отметки привычек. На телефоне форма уже в одну колонку. */

.sform { display: flex; flex-direction: column; gap: 10px; max-width: 560px; }
.slist { display: flex; flex-direction: column; gap: 8px; }
.scard {
  background: var(--card); border-radius: 16px; padding: 14px 16px;
  display: flex; flex-direction: column; gap: 6px;
}
.scard h2 { margin: 0; font-size: 16px; font-weight: 700; }
.smeta { margin: 0; color: var(--muted); font-size: 13px; }
.sbody { margin: 0; white-space: pre-wrap; }
textarea.field { height: auto; min-height: 88px; padding: 10px 12px; resize: vertical; }
.sbtn {
  display: inline-flex; align-items: center; height: 32px; padding: 0 12px;
  border: 1px solid #D7DAE2; border-radius: 10px; background: #fff; color: var(--ink);
  font: inherit; font-size: 13px; cursor: pointer; text-decoration: none;
}
.sbtn.is-on { background: #E3F5EA; border-color: #8ED4AE; color: #17604A; }
.sdays { display: flex; flex-wrap: wrap; gap: 6px; }
.sfilters { display: flex; flex-wrap: wrap; gap: 8px; }
.sfilters a.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }
details.sfold > summary { width: fit-content; list-style: none; }
details.sfold > summary::-webkit-details-marker { display: none; }
.stable { width: 100%; border-collapse: collapse; font-size: 14px; }
.stable th, .stable td { padding: 8px 6px; border-bottom: 1px solid #F0F1F4; text-align: left; }
.stable thead th { color: var(--muted); font-weight: 600; }