/* Mood Diary CSS */
.mdfs-wrap { max-width: 720px; margin: 0 auto; }
.mdfs-card { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 20px; box-shadow: 0 6px 24px rgba(0,0,0,.06); margin-bottom: 16px; }
.mdfs-title { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.mdfs-row { display: grid; grid-template-columns: 1fr; gap: 12px; }
.mdfs-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.mdfs-btn { border: 0; border-radius: 999px; padding: 10px 16px; cursor: pointer; background: #111; color: #fff; font-weight: 600; }
.mdfs-btn:disabled { opacity: .5; cursor: not-allowed; }
.mdfs-warning { background: #fff7e6; border-color: #ffe0a3; }
.mdfs-note { width: 100%; min-height: 90px; padding: 10px; border-radius: 12px; border: 1px solid #ddd; }
.mdfs-preview { display:flex; justify-content:center; }
.mdfs-preview img, .mdfs-preview video, .mdfs-preview canvas { max-width: 100%; border-radius: 12px; }
.mdfs-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 640px) { .mdfs-grid { grid-template-columns: 1fr; } }
.mdfs-kpi { display:flex; gap:12px; align-items:center; }
.mdfs-kpi .num { font-size: 28px; font-weight: 800; }
.mdfs-kpi .label { color:#666; }
/* Crisis block */
.mdfs-crisis { border:1px solid #ff9aa2; background:#fff2f2; }
.mdfs-crisis .mdfs-title { color:#c2172d; }