/* 10 복용 알람 카드 */
.ui-reminder { align-self: flex-start; width: min(100%, 520px); display: flex; flex-direction: column; gap: 10px; }
.reminder-card {
  border: 1px solid var(--line, #e2e8e6);
  border-left: 4px solid var(--mint, #2bb3a3);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--gray-soft, #f4f7f6);
  display: flex; flex-direction: column; gap: 8px;
}
.reminder-head { font-weight: 700; font-size: 16px; }
.reminder-meta { font-size: 14px; color: var(--gray, #6b7b78); }
.reminder-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.reminder-btn {
  border: 1px solid var(--mint, #2bb3a3); background: #fff; color: var(--ink, #1f2d2b);
  border-radius: 999px; padding: 8px 14px; font-size: 14px; cursor: pointer;
}
.reminder-btn.primary { background: var(--mint, #2bb3a3); color: #fff; }
.reminder-btn.ghost { border-color: var(--line, #e2e8e6); color: var(--gray, #6b7b78); }
.reminder-btn:hover { filter: brightness(0.95); }
.reminder-status { font-size: 13px; color: var(--ink, #1f2d2b); min-height: 1em; }
.reminder-hint { font-size: 12px; color: var(--gray, #6b7b78); }
.reminder-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
  background: var(--ink, #1f2d2b); color: #fff; padding: 12px 18px; border-radius: 10px;
  font-size: 14px; z-index: 1000; box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
@media (max-width: 480px) {
  .reminder-actions { flex-direction: column; }
  .reminder-btn { width: 100%; }
}