/* ============================================================
   daily_checkin.css — ежедневный check-in (С5).
   ============================================================ */
.dc-slot { margin-bottom: var(--space-md); }
.dc-block { padding: var(--space-md) var(--space-lg); }
.dc-open { display: flex; align-items: center; gap: var(--space-md); flex-wrap: wrap; }
.dc-open-t { flex: 1 1 260px; display: flex; flex-direction: column; }
.dc-open-t span { font-size: 13px; }

.dc-body { display: flex; flex-direction: column; gap: var(--space-md); }
.dc-field { max-width: 220px; }
.dc-q-t { font-size: 14.5px; margin-bottom: 6px; }
.dc-scale { display: flex; gap: 6px; }
.dc-pill { min-width: 40px; padding: 8px 10px; border-radius: var(--radius-full); cursor: pointer;
  border: 1px solid var(--line); background: var(--bg-card); color: var(--text-muted);
  font: inherit; font-weight: 600; }
.dc-pill.active { background: var(--accent-primary); border-color: var(--accent-primary); color: var(--white); }
.dc-pain { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dc-pain-in { padding: 7px 10px; border-radius: var(--radius-sm); border: 1px solid var(--line);
  background: var(--bg-card); color: var(--text-main); font: inherit; min-width: 160px; }
.dc-foot { display: flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap;
  padding-top: var(--space-sm); border-top: 1px solid var(--line); }

.dc-result { display: flex; flex-direction: column; gap: 4px; }
.dc-result-h { font-size: 17px; display: flex; align-items: center; gap: var(--space-xs); }
.dc-result-hint { color: var(--text-muted); }
.dc-why { font-size: 13px; }
.dc-dis { font-size: 12px; margin-top: 4px; }
.dc-result.dc-ok { border-left: 3px solid var(--status-success); padding-left: var(--space-md); }
.dc-result.dc-warn { border-left: 3px solid var(--status-warning); padding-left: var(--space-md); }
.dc-result.dc-bad { border-left: 3px solid var(--status-danger); padding-left: var(--space-md); }

@media (max-width: 640px) {
  .dc-block { padding: var(--space-md); }
  .dc-pill { min-width: 36px; padding: 7px 8px; }
}