/* ═══════════════════════════════════════════════════════
   pages.css — page-specific styles (tasks, calendar, journal)
   ═══════════════════════════════════════════════════════ */

/* ── Tasks ──────────────────────────────────────── */
.task-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;border-bottom:1px solid #F3F4F6;transition:background .1s
}
.task-item:last-child{border-bottom:none}
.task-item:hover{background:#FAFAFA}
.task-check{
  width:20px;height:20px;cursor:pointer;accent-color:#2563EB;flex-shrink:0
}
.task-content{flex:1;min-width:0}
.task-title{font-size:19px;font-weight:600;color:#111827}
.task-meta{font-size:16px;color:#9CA3AF;margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}
.task-overdue .task-title{color:#DC2626}
.task-soon .task-title{color:#D97706}
.due-chip{font-size:15px;font-weight:600;padding:5px 12px;border-radius:20px;flex-shrink:0}
.due-overdue{background:#FEE2E2;color:#991B1B}
.due-soon{background:#FEF3C7;color:#92400E}
.due-today{background:#2563EB;color:#fff;animation:today-pulse 2s ease-in-out infinite;font-size:16px;font-weight:700;box-shadow:0 2px 8px rgba(37,99,235,.35)}
@keyframes today-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.due-ok{background:#F0FDF4;color:#166534}
.due-none{background:#F3F4F6;color:#9CA3AF}
.task-done .task-title{color:#065F46}
/* TODAY highlight — strong border + tint, ensures the row stands out.
   Uses !important everywhere to win over hover and per-row inline styles. */
.task-today,
.task-item.task-today:hover{
  background:linear-gradient(90deg,#FEF3C7 0%,#FDE68A 100%)!important;
  border-right:6px solid #D97706!important;
  padding-right:14px!important;
  box-shadow:inset 0 0 0 2px rgba(217,119,6,.25)
}
.task-today .task-title{color:#92400E!important;font-weight:800!important;font-size:21px!important}
.task-today .task-meta span{color:#92400E}

/* ── Calendar ────────────────────────────────────── */
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-cell{padding:6px;border-right:1px solid #F3F4F6;border-bottom:1px solid #F3F4F6;min-height:72px;vertical-align:top;overflow:hidden}
.cal-cell:nth-child(7n){border-right:none}
.cal-empty{background:#FAFAFA}
.cal-today{background:#EFF6FF}

/* ── Journal ─────────────────────────────────────── */
.journal-entry{
  background:#F9FAFB;border-radius:10px;padding:14px 16px;
  margin-bottom:10px;border-right:3px solid #2563EB
}
.journal-text{font-size:17px;color:#374151;white-space:pre-wrap;line-height:1.6}