/* ========== 习惯模块 ========== */
.hb-container { display: flex; flex-direction: column; gap: 1rem; }

.hb-pending-list { display: flex; flex-direction: column; gap: 0.5rem; }
.hb-habit-card { display: flex; align-items: center; gap: 0.7rem; padding: 0.7rem 1rem; border-radius: var(--tw-radius); background: var(--tw-bg-card); border: 1px solid var(--tw-border); transition: all 0.2s; }
.hb-habit-card:hover { box-shadow: var(--tw-shadow); }
.hb-habit-emoji { font-size: 1.5rem; }
.hb-habit-name { flex: 1; font-weight: 500; }
.hb-habit-streak { display: inline-flex; align-items: center; gap: 0.2rem; padding: 0.2rem 0.5rem; border-radius: 10px; background: #fef3c7; color: #92400e; font-size: 0.75rem; font-weight: 600; }
[data-theme="dark"] .hb-habit-streak { background: #451a03; color: #fbbf24; }

.hb-done-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--tw-bg-secondary); border: 2px solid var(--tw-border); font-size: 1.1rem; cursor: pointer; transition: all 0.2s; }
.hb-done-btn:hover { background: var(--tw-success); border-color: var(--tw-success); color: #fff; }
.hb-done-btn.done { background: var(--tw-success); border-color: var(--tw-success); color: #fff; }

.hb-completed-list { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.hb-completed-chip { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.6rem; border-radius: 12px; font-size: 0.8rem; background: #d1fae5; color: #065f46; }
[data-theme="dark"] .hb-completed-chip { background: #064e3b; color: #34d399; }

.hb-create-form { display: flex; flex-direction: column; gap: 0.6rem; }
.hb-form-row { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.hb-form-row label { min-width: 70px; font-size: 0.85rem; color: var(--tw-text-secondary); }

.hb-detail-row { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; padding: 0.8rem; border-radius: var(--tw-radius); background: var(--tw-bg-secondary); }
.hb-detail-info { display: flex; flex-direction: column; gap: 0.2rem; }
.hb-detail-name { font-weight: 600; }
.hb-detail-meta { font-size: 0.8rem; color: var(--tw-text-muted); }

.hb-deleted-list { display: flex; flex-direction: column; gap: 0.3rem; }
.hb-deleted-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; font-size: 0.85rem; color: var(--tw-text-muted); text-decoration: line-through; }

.ring-chart { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.ring-label { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ring-pct { font-size: 1.1rem; font-weight: 700; }
.ring-sub { font-size: 0.65rem; color: var(--tw-text-muted); }

@media (max-width: 768px) {
  .hb-detail-row { justify-content: center; }
  .hb-habit-card { padding: 0.6rem 0.8rem; }
}