/* 생활 건강 도구 3종(운동 칼로리·카페인·수면 주기) 전용 스타일 */
.dl-h{font-size:16px;margin:16px 0 6px}
.panel > .dl-h:first-child,.tbl-wrap > .dl-h{margin-top:0}
/* 경고 상자: app.css .warn 위에 크기·왼쪽 띠만 더한다(회색 힌트가 아니라 눈에 띄는 15px, 라이트·다크 모두 본문색 글자) */
.dl-warn{font-size:15px;line-height:1.6;border-left:4px solid var(--yellow);color:var(--ink)}
/* 줄 입력(운동·음료): 고르기 + 숫자 + 삭제 */
.dl-rhead{display:grid;grid-template-columns:minmax(0,1fr) 76px 32px;gap:6px;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}
.dl-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 32px;gap:6px;align-items:center;
  padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--line)}
.dl-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.dl-sel{min-width:0;width:100%;padding:7px 8px;font-size:13.5px;border-radius:8px}
.dl-n{min-width:0;width:100%;box-sizing:border-box;padding:7px 8px;font-size:13.5px;border-radius:8px;text-align:right}
.dl-del{width:30px;height:30px;flex:none;border:1px solid var(--line);background:var(--card);border-radius:8px;line-height:1;font-size:16px;color:var(--muted)}
.dl-del:hover{border-color:var(--red);color:var(--red)}
/* 출처 줄: 활동 코드와 원문 설명 */
.dl-src{margin:10px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.55;overflow-wrap:anywhere}
.dl-src span{color:var(--muted);font-size:12.5px}
.dl-code{display:block;font-size:11.5px;font-weight:400;color:var(--muted)}
[data-theme=dark] table.t tr.hl td .dl-code{color:var(--ink)}
.dl-t td:nth-child(2),.dl-t td:nth-child(3),.dl-t th:nth-child(2),.dl-t th:nth-child(3){white-space:nowrap;text-align:right}
/* 음료 줄 아래 보조 칸(마신 시각·직접 입력 mg)과 작은 입력 묶음 */
.dl-sub,.dl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}
.dl-sub{grid-column:1/-1}
.dl-sub label,.dl-grid label{display:block;min-width:0}
.dl-sub span,.dl-grid span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:3px}
.dl-sub input,.dl-grid input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13.5px;border-radius:8px}
/* 권고량 대비 막대 */
.dl-bar{height:12px;border-radius:999px;background:var(--soft);overflow:hidden;margin-top:10px}
.dl-bar i{display:block;height:100%;border-radius:999px}
/* 권고량을 넘었을 때는 빨간 띠 */
.dl-over{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--card))}
/* 수면 시각 후보 카드 */
.dl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dl-card{background:var(--soft);border-radius:12px;padding:12px;min-width:0}
.dl-card b{display:block;font-family:'Hahmlet',Pretendard;font-size:30px;line-height:1.15}
.dl-card small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.dl-card span{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--ink);border-radius:6px;padding:2px 6px;
  background:color-mix(in srgb,var(--yellow) 40%,transparent)}
.dl-card.good span{background:color-mix(in srgb,var(--mint) 35%,transparent)}
.dl-card.short b{color:var(--muted)}
@media(max-width:420px){.dl-sel,.dl-n{font-size:13px;padding:6px 8px}.dl-card b{font-size:26px}}