/* 홈 빠른진입 카드 */
.quick-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 8px 0 32px;
}
.quick-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:16px;
  background:#fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  text-decoration:none;
  color:#222;
}
.quick-card:active{ transform: translateY(1px); }
.quick-card .thumb{
  flex:0 0 56px;
  width:56px; height:56px;
  border-radius:14px;
  background:#f4f6fa;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.quick-card .thumb img{ width:60px; height:60px; display:block; }
.quick-card .texts{ flex:1; line-height:1.2; }
.quick-card .title{ font-weight:700; font-size:15px; }
.quick-card .desc{ font-size:12px; color:#6b7280; margin-top:4px; }
.quick-card .chev{ font-size:18px; color:#9ca3af; }


/* ── Dashboard: 오늘의 칼로리 ───────────────────────── */
.dash { margin: 18px 0 28px; }
.dash-title {
  font-size: 16px; font-weight: 800; margin: 4px 0 10px;
}
.dash-list { display: grid; grid-template-columns: 1fr; gap: 10px; }

.dash-card{
  background:#fff; border-radius:16px; padding:12px;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.dash-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.pet-name{ font-weight:700; font-size:15px; }
.dash-pct{ font-size:13px; color:#6b7280; }

.dash-vals{ font-size:13px; color:#374151; margin-bottom:8px; }
.dash-vals .now strong{ font-size:16px; }

.dash-progress{ width:100%; height:10px; background:#f3f4f6; border-radius:999px; overflow:hidden; }
.dash-progress .bar{ height:100%; width:0; background:linear-gradient(90deg, #60a5fa, #34d399); }

.dash-mini{ margin-top:8px; font-size:12px; color:#6b7280; }
.dash-empty{ color:#9ca3af; font-size:13px; padding:12px; text-align:center; }


/* ── I/O 한줄 배치 ───────────────────────── */
.io-row-line {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:6px;
}

.io-col {
  flex:1;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
}

.io-col .io-icon { font-size:16px; }
.io-col .io-label { font-weight:600; font-size:13px; color:#374151; }
.io-col .io-line { font-size:12px; color:#6b7280; }
.io-col .io-when { font-weight:700; margin-left:4px; }

/* 경고 색상 그대로 재사용 */
.io-warn .io-when{ color:#ef8f00; }
.io-risk .io-when{ color:#e11d48; }