/* ─── PLANNING SESSION ─── */
.planning-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--linen);
  z-index: 200;
  flex-direction: column;
}

.planning-overlay.open { display: flex; }

.planning-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  height: var(--header-h);
  border-bottom: 2px solid var(--pitch);
  flex-shrink: 0;
  gap: 16px;
}

.planning-title {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--pitch);
  flex-shrink: 0;
}

.planning-step-indicator {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: center;
}

.planning-step-pill {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 4px 12px;
  border: 1.5px solid var(--border-strong);
  border-right: none;
  color: var(--pitch);
  opacity: 0.3;
  cursor: pointer;
  transition: all 0.15s;
  background: transparent;
  white-space: nowrap;
}

.planning-step-pill:first-child { border-radius: var(--r-lg) 0 0 var(--r-lg); }
.planning-step-pill:last-child  { border-radius: 0 var(--r-lg) var(--r-lg) 0; border-right: 1.5px solid var(--border-strong); }
.planning-step-pill.active { background: var(--pitch); color: var(--linen); opacity: 1; border-color: var(--pitch); }
.planning-step-pill.done   { background: var(--forest); color: var(--linen); opacity: 1; border-color: var(--forest); }

.planning-close {
  background: none;
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  padding: 6px 14px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--pitch);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.planning-close:hover { opacity: 1; }

.planning-body {
  flex: 1;
  display: flex;
  overflow: hidden;
  gap: 0;
}

/* CHAT PANEL */
.planning-chat-panel {
  width: 320px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-right: 2px solid var(--pitch);
  background: var(--white);
}

.planning-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.planning-message { display: flex; flex-direction: column; gap: 3px; animation: fadeUp 0.2s ease; }
.planning-message.user      { align-items: flex-end; }
.planning-message.assistant { align-items: flex-start; }

.planning-bubble {
  max-width: 92%;
  padding: 10px 13px;
  border-radius: var(--r-md);
  font-size: 12px;
  line-height: 1.6;
}

.planning-message.user .planning-bubble {
  background: var(--pitch);
  color: var(--linen);
  border-radius: var(--r-md) var(--r-md) 4px var(--r-md);
}

.planning-message.assistant .planning-bubble {
  background: var(--linen);
  border: 1.5px solid var(--border-strong);
  color: var(--pitch);
  border-radius: var(--r-md) var(--r-md) var(--r-md) 4px;
}

.planning-message .msg-label {
  font-family: var(--font-mono);
  font-size: 8px;
  opacity: 0.3;
}

.planning-typing {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 10px 13px;
  background: var(--linen);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  width: fit-content;
}

.typing-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--pitch);
  opacity: 0.3;
  animation: typingBounce 1.2s infinite;
}

.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes typingBounce {
  0%,60%,100% { transform: translateY(0); opacity: 0.3; }
  30% { transform: translateY(-5px); opacity: 1; }
}

.planning-input-area {
  padding: 12px;
  border-top: 1px solid var(--border);
  flex-shrink: 0;
}

.planning-input-row { display: flex; gap: 6px; align-items: flex-end; }

.planning-input {
  flex: 1;
  background: var(--linen);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-sm);
  padding: 8px 12px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--pitch);
  outline: none;
  resize: none;
  min-height: 38px;
  max-height: 120px;
  line-height: 1.5;
  transition: border-color 0.15s;
}

.planning-input:focus { border-color: var(--pitch); }
.planning-input::placeholder { color: rgba(30,30,30,0.3); font-family: var(--font-mono); font-size: 10px; }

.planning-send {
  padding: 8px 14px;
  background: var(--pitch);
  border: none;
  border-radius: var(--r-sm);
  color: var(--linen);
  font-family: var(--font-mono);
  font-size: 10px;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
  height: 38px;
}

.planning-send:hover    { background: var(--forge); }
.planning-send:disabled { opacity: 0.4; cursor: not-allowed; }

/* WORK PANEL */
.planning-work-panel {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px;
  background: var(--linen);
}

.work-panel-title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: var(--pitch);
  margin-bottom: 4px;
}

.work-panel-title em { font-style: italic; color: var(--forge); font-weight: 400; }
.work-panel-subtitle { font-family: var(--font-mono); font-size: 10px; color: var(--pitch); opacity: 0.4; margin-bottom: 24px; }

/* FOOTER */
.planning-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-top: 1px solid var(--border-strong);
  background: var(--linen);
  flex-shrink: 0;
}

.planning-footer-left {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--pitch);
  opacity: 0.4;
}

.planning-footer-right { display: flex; gap: 8px; }

/* STEP: MIGRATION */
.migration-card {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 14px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.migration-card-title { flex: 1; font-size: 13px; color: var(--pitch); }
.migration-card-meta  { font-family: var(--font-mono); font-size: 10px; opacity: 0.35; margin-top: 2px; }

.migration-btn {
  padding: 5px 12px;
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
  border: 1.5px solid;
  transition: all 0.15s;
  background: transparent;
}

.migration-btn.migrate  { color: var(--forest); border-color: var(--forest); }
.migration-btn.backlog  { color: var(--amber);  border-color: var(--amber); }
.migration-btn.cancel   { color: var(--forge);  border-color: var(--forge); }
.migration-btn.selected { color: var(--linen); }
.migration-btn.migrate.selected  { background: var(--forest); border-color: var(--forest); }
.migration-btn.backlog.selected  { background: var(--amber);  border-color: var(--amber); }
.migration-btn.cancel.selected   { background: var(--forge);  border-color: var(--forge); }

/* STEP: JOURNAL */
.journal-prompt-card {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 24px;
  margin-bottom: 16px;
}

.journal-prompt-number { font-family: var(--font-mono); font-size: 10px; color: var(--forge); opacity: 0.6; margin-bottom: 8px; }
.journal-prompt-text   { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--pitch); line-height: 1.3; margin-bottom: 16px; }
.journal-prompt-input  { width: 100%; background: var(--linen); border: 1.5px solid var(--border-strong); border-radius: var(--r-sm); padding: 12px 14px; font-family: var(--font-body); font-size: 13px; color: var(--pitch); outline: none; resize: vertical; min-height: 100px; line-height: 1.6; transition: border-color 0.15s; }
.journal-prompt-input:focus { border-color: var(--pitch); }

/* STEP: CALENDAR */
.week-day-col {
  flex: 1;
  min-width: 0;
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  overflow: hidden;
}

.week-day-col.today { border-color: var(--forge); border-width: 2px; }

.week-day-header {
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  background: var(--linen);
}

.week-day-col.today .week-day-header { background: var(--forge); }
.week-day-name { font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.5; }
.week-day-col.today .week-day-name { color: var(--linen); opacity: 0.8; }
.week-day-date { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.5px; }
.week-day-col.today .week-day-date { color: var(--linen); }

.week-day-events { padding: 6px; display: flex; flex-direction: column; gap: 3px; min-height: 120px; }

.week-event-chip {
  font-family: var(--font-mono);
  font-size: 9px;
  padding: 4px 7px;
  border-radius: 5px;
  border-left: 2px solid var(--sand);
  background: var(--linen);
  line-height: 1.3;
  cursor: pointer;
}

.week-event-chip.calendar { border-left-color: var(--deepsea); }
.week-event-chip.routine  { border-left-color: var(--forest); color: var(--forest); }
.week-event-chip.new      { border-left-color: var(--forge); color: var(--forge); }

/* STEP: PROJECTS */
.priority-project-card {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 14px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  transition: all 0.15s;
  cursor: pointer;
}

.priority-project-card.selected { border-color: var(--forge); background: rgba(192,63,39,0.03); }

.priority-rank {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  color: var(--pitch);
  opacity: 0.15;
  flex-shrink: 0;
  width: 32px;
  line-height: 1;
}

.priority-project-card.selected .priority-rank { color: var(--forge); opacity: 1; }

.priority-project-name { font-size: 13px; font-weight: 700; margin-bottom: 2px; }
.priority-project-meta { font-family: var(--font-mono); font-size: 10px; opacity: 0.35; margin-bottom: 8px; }
.priority-project-prompt { width: 100%; background: var(--linen); border: 1.5px solid var(--border-strong); border-radius: var(--r-sm); padding: 7px 10px; font-family: var(--font-body); font-size: 12px; color: var(--pitch); outline: none; resize: none; transition: border-color 0.15s; }
.priority-project-prompt:focus { border-color: var(--forge); }

/* STEP: TASKS */
.task-selection-project { margin-bottom: 20px; }
.task-selection-header  { font-family: var(--font-display); font-size: 16px; font-weight: 700; margin-bottom: 10px; color: var(--pitch); }

.task-select-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-sm);
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.15s;
}

.task-select-card:hover   { border-color: var(--pitch); }
.task-select-card.selected{ border-color: var(--forge); background: rgba(192,63,39,0.03); }

.task-select-check {
  width: 16px; height: 16px;
  border: 1.5px solid var(--border-strong);
  border-radius: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transition: all 0.15s;
}

.task-select-card.selected .task-select-check { background: var(--forge); border-color: var(--forge); color: var(--linen); }
.task-select-title { flex: 1; font-size: 12px; }
.task-select-meta  { font-family: var(--font-mono); font-size: 9px; opacity: 0.35; }

/* ─── PLAN STEP ─── */
.plan-week-selector {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
}

.plan-week-btn {
  padding: 8px 20px;
  border: 1.5px solid var(--border-strong);
  border-right: none;
  font-family: var(--font-mono);
  font-size: 10px;
  cursor: pointer;
  background: transparent;
  color: var(--pitch);
  opacity: 0.5;
  transition: all 0.15s;
}

.plan-week-btn:first-child { border-radius: var(--r-lg) 0 0 var(--r-lg); }
.plan-week-btn:last-child  { border-radius: 0 var(--r-lg) var(--r-lg) 0; border-right: 1.5px solid var(--border-strong); }
.plan-week-btn.active      { background: var(--pitch); color: var(--linen); border-color: var(--pitch); opacity: 1; }

.plan-grid {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.plan-day-col {
  flex: 1;
  min-width: 140px;
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  overflow: hidden;
  transition: border-color 0.15s;
}

.plan-day-col.today   { border-color: var(--forge); border-width: 2px; }
.plan-day-col.past    { opacity: 0.4; pointer-events: none; }
.plan-day-col.weekend { background: var(--linen); }

.plan-day-col.drag-over { border-color: var(--forge); border-style: dashed; }

.plan-day-header {
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  background: var(--linen);
}

.plan-day-col.today .plan-day-header   { background: var(--forge); }
.plan-day-col.today .plan-day-name     { color: var(--linen); opacity: 0.8; }
.plan-day-col.today .plan-day-date     { color: var(--linen); }

.plan-day-name { font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.45; }
.plan-day-date { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.1; }

.plan-day-section {
  border-bottom: 1px solid var(--border);
  min-height: 36px;
}

.plan-day-section:last-child { border-bottom: none; }

.plan-section-label {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px 2px;
  opacity: 0.3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plan-section-slots {
  font-family: var(--font-mono);
  font-size: 8px;
  opacity: 0.4;
}

.plan-task-chip {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 2px 6px;
  padding: 4px 7px;
  border-radius: 5px;
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: grab;
  transition: all 0.12s;
  border-left: 2px solid var(--sand);
  background: var(--linen);
  line-height: 1.3;
}

.plan-task-chip:active { cursor: grabbing; opacity: 0.7; transform: scale(0.98); }
.plan-task-chip.work   { border-left-color: var(--deepsea); }
.plan-task-chip.hk     { border-left-color: var(--forest); }
.plan-task-chip.event  { border-left-color: var(--amber); color: var(--amber); }
.plan-task-chip.contact{ border-left-color: var(--forge); }

.plan-task-chip .chip-remove {
  margin-left: auto;
  opacity: 0;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 10px;
  color: var(--forge);
}

.plan-task-chip:hover .chip-remove { opacity: 1; }

.plan-empty-slot {
  margin: 2px 6px;
  padding: 3px 7px;
  border-radius: 5px;
  border: 1px dashed var(--border-strong);
  font-family: var(--font-mono);
  font-size: 8px;
  opacity: 0.2;
  text-align: center;
}

/* BACKLOG PANEL */
.plan-backlog {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 14px 16px;
  margin-top: 8px;
}

.plan-backlog-title {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.35;
  margin-bottom: 10px;
}

.plan-backlog-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.plan-backlog-chip {
  padding: 5px 10px;
  background: var(--linen);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: grab;
  transition: all 0.15s;
  user-select: none;
}

.plan-backlog-chip:hover  { border-color: var(--pitch); }
.plan-backlog-chip.work   { border-left: 3px solid var(--deepsea); }
.plan-backlog-chip.hk     { border-left: 3px solid var(--forest); }
.plan-backlog-chip.contact{ border-left: 3px solid var(--forge); }
.plan-backlog-chip.dragging { opacity: 0.4; }

/* BRAIN DUMP */
.brain-dump-area {
  width: 100%;
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 16px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--pitch);
  outline: none;
  resize: none;
  min-height: 180px;
  line-height: 1.7;
  transition: border-color 0.15s;
  margin-bottom: 14px;
}

.brain-dump-area:focus { border-color: var(--pitch); }
.brain-dump-area::placeholder { color: rgba(30,30,30,0.25); font-family: var(--font-mono); font-size: 11px; }

/* REVIEW CARDS */
.review-card {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 12px 14px;
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.review-card-content { flex: 1; }
.review-card-title   { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.review-card-meta    { font-family: var(--font-mono); font-size: 9px; opacity: 0.4; display: flex; gap: 6px; flex-wrap: wrap; }

.review-btn {
  padding: 3px 9px;
  background: none;
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
  transition: all 0.15s;
  color: var(--pitch);
  opacity: 0.6;
  flex-shrink: 0;
}

.review-btn:hover  { opacity: 1; }
.review-btn.remove { border-color: var(--forge); color: var(--forge); opacity: 1; }

@media (max-width: 768px) {
  .planning-body { flex-direction: column; }
  .planning-chat-panel { width: 100%; height: 200px; border-right: none; border-bottom: 2px solid var(--pitch); }
  .planning-step-pill { display: none; }
}
/* Review cards */
.review-card {
  background: var(--linen);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 14px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.review-card-content { flex: 1; }
.review-card-title { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.review-card-meta  { font-family: var(--font-mono); font-size: 10px; opacity: 0.4; }

.review-card-actions { display: flex; gap: 6px; flex-shrink: 0; }

.review-btn {
  padding: 4px 10px;
  background: none;
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
  transition: all 0.15s;
  color: var(--pitch);
  opacity: 0.6;
}

.review-btn:hover { opacity: 1; border-color: var(--pitch); }
.review-btn.confirm { border-color: var(--forest); color: var(--forest); opacity: 1; }
.review-btn.remove  { border-color: var(--forge);  color: var(--forge);  opacity: 1; }

.planning-action-btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.planning-quick-btn {
  padding: 8px 14px;
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.15s;
  color: var(--pitch);
  opacity: 0.7;
}

.planning-quick-btn:hover { opacity: 1; border-color: var(--pitch); }

/* ─── CHIP POPOVER ─── */
.chip-popover {
  position: fixed;
  background: var(--pitch);
  color: var(--linen);
  font-family: var(--font-mono);
  font-size: 11px;
  padding: 8px 12px;
  border-radius: var(--r-sm);
  max-width: 240px;
  line-height: 1.5;
  z-index: 300;
  pointer-events: none;
  animation: fadeUp 0.15s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.chip-popover::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 12px;
  width: 10px;
  height: 10px;
  background: var(--pitch);
  transform: rotate(45deg);
}

/* ─── CHECKIN / EOD OVERLAYS ─── */
.checkin-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--linen);
  z-index: 200;
  flex-direction: column;
}

.checkin-overlay.open { display: flex; }

.checkin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  height: var(--header-h);
  border-bottom: 2px solid var(--pitch);
  flex-shrink: 0;
}

.checkin-title {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--pitch);
}

.checkin-steps {
  display: flex;
  gap: 0;
}

.checkin-step-pill {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 4px 12px;
  border: 1.5px solid var(--border-strong);
  border-right: none;
  color: var(--pitch);
  opacity: 0.3;
  background: transparent;
  white-space: nowrap;
}

.checkin-step-pill:first-child { border-radius: var(--r-lg) 0 0 var(--r-lg); }
.checkin-step-pill:last-child  { border-radius: 0 var(--r-lg) var(--r-lg) 0; border-right: 1.5px solid var(--border-strong); }
.checkin-step-pill.active { background: var(--pitch); color: var(--linen); opacity: 1; border-color: var(--pitch); }
.checkin-step-pill.done   { background: var(--forest); color: var(--linen); opacity: 1; border-color: var(--forest); }

.checkin-close {
  background: none;
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-lg);
  padding: 6px 14px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--pitch);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}

.checkin-close:hover { opacity: 1; }

.checkin-body {
  flex: 1;
  overflow-y: auto;
  padding: 32px;
  max-width: 680px;
  margin: 0 auto;
  width: 100%;
}

.checkin-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-top: 1px solid var(--border-strong);
  flex-shrink: 0;
}

.checkin-footer-left {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--pitch);
  opacity: 0.4;
}

.checkin-footer-right { display: flex; gap: 8px; }

/* TASK ACTION CARD */
.checkin-task-card {
  background: var(--white);
  border: 1.5px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 12px 14px;
  margin-bottom: 8px;
}

.checkin-task-title {
  font-size: 13px;
  color: var(--pitch);
  margin-bottom: 8px;
  line-height: 1.4;
}

.checkin-task-meta {
  font-family: var(--font-mono);
  font-size: 9px;
  opacity: 0.35;
  margin-bottom: 10px;
}

.checkin-task-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.checkin-action-btn {
  padding: 4px 10px;
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
  border: 1.5px solid;
  background: transparent;
  transition: all 0.15s;
}

.checkin-action-btn.done     { color: var(--forest); border-color: var(--forest); }
.checkin-action-btn.migrate  { color: var(--amber);  border-color: var(--amber); }
.checkin-action-btn.backlog  { color: var(--deepsea);border-color: var(--deepsea); }
.checkin-action-btn.cancel   { color: var(--forge);  border-color: var(--forge); }
.checkin-action-btn.selected { color: var(--linen); }
.checkin-action-btn.done.selected    { background: var(--forest); border-color: var(--forest); }
.checkin-action-btn.migrate.selected { background: var(--amber);  border-color: var(--amber); }
.checkin-action-btn.backlog.selected { background: var(--deepsea);border-color: var(--deepsea); }
.checkin-action-btn.cancel.selected  { background: var(--forge);  border-color: var(--forge); }

.checkin-date-picker {
  display: none;
  margin-top: 6px;
}

.checkin-date-picker.visible { display: flex; gap: 6px; align-items: center; }

/* ─── MOOD & ENERGY ─── */
.mood-score-row {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.mood-score-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid var(--border-strong);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s;
  flex-shrink: 0;
  user-select: none;
  background: var(--white);
}

.mood-score-circle:hover {
  border-color: var(--forge);
  color: var(--forge);
}

.mood-score-circle.selected {
  background: var(--forge);
  border-color: var(--forge);
  color: var(--linen);
}

.mood-tag {
  padding: 4px 10px;
  border-radius: var(--r-lg);
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
  border: 1.5px solid var(--border-strong);
  background: transparent;
  color: var(--pitch);
  transition: all 0.15s;
}

.mood-tag:hover { border-color: var(--pitch); }
.mood-tag.selected { background: var(--pitch); color: var(--linen); border-color: var(--pitch); }