/* Keep five-character meal times on a single line on phones. */
@media screen and (max-width:900px){
 .sheet-panel .week-log .meal-time{font-size:clamp(10px,2.8vw,12px);line-height:1.4;padding:4px 0;white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:0;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;text-size-adjust:100%}
}
/* A visible prompt also works where native time inputs render empty. */
#recordForm .meal-time-field{position:relative;display:block;width:100%;min-width:0;border:1px solid #dce3d2;border-radius:7px;background:#fff}
#recordForm .meal-time-field:focus-within{outline:2px solid #a4b584;outline-offset:1px}
#recordForm .meal-time-field>input[type=time]{width:100%;min-width:0;min-height:44px;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;border:0;background:transparent;outline:none}
#recordForm .meal-time-field.is-empty>input[type=time]{opacity:0}
#recordForm .meal-time-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;pointer-events:none;white-space:nowrap;font-size:14px;line-height:1.4;color:#64745b}
#recordForm .meal-time-prompt[hidden]{display:none}