.milk-sheet{overflow-wrap:anywhere}.milk-sheet [hidden]{display:none!important}.milk-section{margin-top:22px;padding:20px 0;border-top:1px solid var(--feeding-rule)}.milk-section h2{margin:0 0 12px;color:var(--feeding-navy);font-size:19px}.milk-section h3{font-size:16px}.milk-section p,.milk-sheet>p{line-height:1.75}.milk-section summary,.milk-sheet>details>summary{min-height:44px;align-content:center;color:var(--feeding-blue-deep);cursor:pointer;font-weight:600}.milk-advice{padding:18px;border:1px solid var(--feeding-rule);border-radius:14px;background:var(--feeding-wash)}.milk-advice[data-tier=contact],.milk-advice[data-tier=urgent]{border-color:var(--feeding-danger);background:#fff8f6}.milk-status{color:var(--feeding-muted);font-size:13px;line-height:1.7}.milk-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.milk-actions button,.milk-actions a,.milk-quick button,.milk-records button,#milk-undo{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid var(--feeding-rule);border-radius:10px;background:#fff;color:var(--feeding-blue-deep);font:inherit;text-decoration:none;cursor:pointer}.milk-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.milk-quick button{padding:10px 6px}.milk-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.milk-day-head label{max-width:160px;color:var(--feeding-muted);font-size:12px}.milk-day-head input{max-width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--feeding-rule);border-radius:8px;padding:6px;background:white;color:var(--feeding-ink);font:inherit}.milk-form{display:grid;gap:20px;margin-top:24px}.milk-form label{display:grid;gap:8px;color:var(--feeding-navy);font-weight:600}.milk-form input,.milk-form select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--feeding-rule);border-radius:10px;background:#fff;color:var(--feeding-ink);font:inherit}.milk-form label>span,.milk-form small{color:var(--feeding-muted);font-size:13px;font-weight:400;line-height:1.6}.milk-form fieldset{min-width:0;padding:14px;border:1px solid var(--feeding-rule);border-radius:12px}.milk-form fieldset label+label{margin-top:12px}.milk-form legend{padding:0 6px;font-weight:600}.milk-form .milk-check{display:flex;align-items:center;gap:12px;min-height:48px}.milk-check input{width:22px;min-height:22px;accent-color:var(--feeding-blue)}.milk-form p{color:var(--feeding-muted);font-size:14px;line-height:1.7}.milk-form>div{display:grid;gap:16px}.milk-emergency{padding:16px;border:2px solid var(--feeding-danger);border-radius:12px;background:white;line-height:1.7}.milk-emergency strong{color:var(--feeding-danger)}.milk-emergency a{display:inline-flex;align-items:center;min-height:48px;color:var(--feeding-danger);font-weight:700}.milk-growth-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.milk-growth-facts>div{display:grid;gap:8px;padding:14px;background:var(--feeding-canvas);border-radius:10px}.milk-growth-facts span{color:var(--feeding-navy);font-size:18px;font-weight:600}.milk-growth-facts small{color:var(--feeding-muted);font-size:12px;line-height:1.6}.milk-records{padding:0;list-style:none}.milk-records li{padding:16px 0;border-bottom:1px solid var(--feeding-rule)}.milk-records time{color:var(--feeding-muted);font-size:13px}.milk-plan-hint{padding:14px;background:var(--feeding-yellow-wash);border-radius:10px;line-height:1.7}.milk-sheet :focus-visible{outline:3px solid var(--feeding-blue);outline-offset:3px}.milk-sheet [data-milk-delete]{color:var(--feeding-danger)}.milk-summary{line-height:1.7}.milk-summary small{color:var(--feeding-muted)}@media(max-width:420px){.milk-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-day-head{align-items:flex-start;flex-direction:column}.milk-growth-facts{grid-template-columns:minmax(0,1fr)}}
.milk-observation-group{border:1px solid var(--feeding-rule);border-radius:12px;padding:12px}.milk-observation-group>summary{min-height:44px;align-content:center;font-weight:600;color:var(--feeding-navy);cursor:pointer}.milk-observation-group>div{display:grid;gap:18px;margin:16px 0}.milk-form textarea{box-sizing:border-box;width:100%;min-height:96px;padding:12px;border:1px solid var(--feeding-rule);border-radius:10px;font:inherit;resize:vertical}.milk-sheet .milk-check{display:flex;gap:10px;align-items:center;min-height:48px}.milk-observation-group button{min-height:48px;padding:10px;border:1px solid var(--feeding-rule);border-radius:10px;background:white;color:var(--feeding-blue-deep);font:inherit;cursor:pointer}
.milk-home .feeding-focus-intro{padding-top:8px;padding-bottom:12px}.milk-home .feeding-title{font-size:26px;line-height:1.3;margin:8px 0}.milk-home .milk-advice{margin-top:12px;padding:16px}.milk-home>.milk-quick{margin:16px 0 8px;grid-template-columns:2fr 1fr 1fr 1fr}.milk-quick .milk-main-action{background:#176b91;color:#fff;border-color:#176b91;font-weight:700}.milk-support-actions{margin:8px 0}.milk-support-actions button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:8px}.milk-day-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.milk-day-cards>div{display:grid;gap:6px;background:#f5f8fa;border-radius:12px;padding:14px}.milk-day-cards span,.milk-day-cards small{font-size:13px;line-height:1.5;color:#52636e}.milk-day-cards strong{font-size:20px;line-height:1.4;color:#193b4b}.milk-optional{border:1px solid #d5e2e9;border-radius:12px;padding:12px}.milk-optional summary{min-height:44px;cursor:pointer;display:list-item;align-content:center}.milk-history-notice{padding:12px;background:#fff4db;border-radius:12px}.milk-history-notice button{margin-left:10px;min-height:44px}.milk-home>h2{font-size:20px;margin-top:24px}.milk-optional .milk-form{margin:16px 0 0}@media(max-width:600px){.milk-home>.milk-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.milk-quick .milk-main-action{grid-column:1/-1}.milk-day-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-home .milk-section{padding:16px 0;margin-top:16px}.milk-home .milk-advice{padding:16px}.milk-home .feeding-focus-age{font-size:14px}}
.milk-sheet .milk-single-period{grid-template-columns:minmax(0,1fr)}.milk-periods{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.milk-periods button{min-height:44px;padding:8px 12px;border:1px solid var(--feeding-rule);border-radius:8px;background:white;color:var(--feeding-blue-deep);font:inherit;cursor:pointer}.milk-periods button[aria-pressed=true]{background:var(--feeding-blue-deep);color:white}
.milk-sheet .milk-profile-link{display:inline-flex;align-items:center;min-height:44px;color:var(--feeding-blue-deep);text-decoration:underline;text-underline-offset:3px;max-width:100%;overflow-wrap:anywhere}
.milk-sheet .milk-guidance-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;margin:4px 8px 4px 0;border:1px solid var(--feeding-blue-deep);border-radius:10px;background:#fff;color:var(--feeding-blue-deep);font:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;max-width:100%}.milk-next-steps{padding-left:20px;margin:12px 0;font-size:14px;line-height:1.65}.milk-next-steps li+li{margin-top:8px}.milk-guidance-reference{margin-top:12px;font-size:13px}.milk-guidance-reference summary{font-weight:400}
.milk-calendar{margin:12px 0}.milk-calendar-head{display:flex;align-items:center;gap:8px}.milk-calendar-head strong{flex:1;text-align:center;font-size:16px}.milk-calendar button,.milk-inline-head button,.milk-day-timeline button,.milk-time-now{min-height:44px;border:1px solid var(--feeding-rule);border-radius:8px;background:#fff;color:var(--feeding-blue-deep);font:inherit;cursor:pointer}.milk-calendar-head button{min-width:44px;padding:4px 8px}.milk-calendar-week,.milk-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.milk-calendar-week{font-size:12px;color:var(--feeding-muted);margin:8px 0}.milk-calendar-grid button{position:relative;min-width:0;border:0;padding:4px;font-size:14px}.milk-calendar-grid button[aria-pressed=true]{background:var(--feeding-blue-deep);color:#fff}.milk-calendar button:disabled{color:#8b989f;cursor:default;opacity:.55}.milk-calendar-grid i{position:absolute;bottom:3px;left:calc(50% - 2px);height:4px;width:4px;background:currentColor;border-radius:50%}.milk-home .milk-section>.milk-quick{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.milk-home .milk-section>.milk-quick .milk-main-action{grid-column:auto}.milk-home .milk-section>.milk-quick #milk-supplement{grid-column:1/-1;min-height:44px;border:0;background:transparent;font-size:13px}.milk-inline-record{padding:16px;background:var(--feeding-wash);border-radius:12px;scroll-margin-top:12px}.milk-inline-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.milk-inline-head h2{margin:0;font-size:18px}.milk-inline-head button{padding:8px 12px}.milk-inline-record .milk-form{margin-top:12px;gap:12px}.milk-inline-record .milk-optional{background:#fff}.milk-day-timeline ul{list-style:none;padding:0}.milk-day-timeline li{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--feeding-rule);font-size:14px}.milk-day-timeline time{font-size:12px;color:var(--feeding-muted)}.milk-save-notice{color:var(--feeding-blue-deep);font-size:14px}.milk-time-now{justify-self:start;padding:4px 10px;font-size:13px}.milk-home .milk-day-head>label{display:none}
.milk-calendar .milk-month-toggle{display:block;margin:4px auto 0;border:0;background:transparent;font-size:13px;padding:4px 8px}.milk-calendar-grid button{min-height:44px}.milk-day-timeline li button{min-width:44px;padding:4px}
.milk-calendar-grid small{display:block;font-size:10px;line-height:12px}
/* Recording and querying are separate tasks, scoped to the milk tool. */
.milk-home [hidden] { display: none !important; }
.milk-view-tabs { display: flex; gap: 0; margin: 16px 0; border-bottom: 1px solid #D9E5EA; }
.milk-view-tabs button { position: relative; flex: 1; min-height: 48px; padding: 10px 8px; border: 0; border-radius: 0; background: transparent; color: #617784; font: inherit; cursor: pointer; }
.milk-view-tabs button[aria-pressed="true"] { color: #087FB9; font-weight: 650; }
.milk-view-tabs button[aria-pressed="true"]::after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 32px; height: 3px; border-radius: 2px; background: #0093DD; transform: translateX(-50%); }
.milk-view-tabs button:hover { color: #087FB9; }
.milk-home #milk-record-view .milk-quick { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 0 12px; }
.milk-home #milk-record-view .milk-quick button { min-height: 64px; margin: 0; grid-column: auto; background: #EAF6FC; color: #123D59; border: 1px solid transparent; border-radius: 12px; font-size: 16px; }
.milk-home #milk-record-view .milk-quick #milk-weight,.milk-home #milk-record-view .milk-quick #milk-length { min-height:44px; padding:4px 8px; background:#fff; color:#087FB9; border:1px solid #D9E5EA; border-radius:10px; font-size:14px; }
.milk-home #milk-record-view .milk-quick button.milk-quick-saved { background:#EAF7F0; border-color:#278662; color:#216C50; opacity:1; cursor:default; font-weight:600; }
.milk-home #milk-record-view .milk-quick small { margin-left: 6px; font-size: 13px; color: #617784; }
.milk-measure-field { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.milk-measure-field input { min-width: 0; width: 100%; flex: 1; padding: 12px; border: 1px solid #AED7E8; border-radius: 10px; font: inherit; font-size: 24px; }
.milk-ongoing { padding: 12px; background: #EAF6FC; border-radius: 10px; }
.milk-ongoing button { margin-left: 8px; min-height: 44px; background: transparent; border: 0; color: #087FB9; }
.milk-view-tabs button:focus-visible, .milk-measure-field input:focus-visible { outline: 2px solid #0093DD; outline-offset: 3px; }
.milk-clock-heading { display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; align-items:center; margin-top:18px; }
.milk-clock-heading h3 { margin:0; font-size:18px; color:#123D59; }
.milk-activity-link { display:inline-flex; align-items:center; min-height:44px; color:#087FB9; font-size:14px; }
.milk-clock-point { position:absolute; left:3px; right:3px; min-height:44px; transform:translateY(-50%); padding:4px 1px; border:1px solid #AED7E8; border-radius:8px; background:#EAF6FC; color:#123D59; font:inherit; font-size:12px; line-height:1.3; cursor:pointer; z-index:2; }
.milk-clock-point i { display:block; width:5px; height:5px; margin:0 auto 3px; border-radius:50%; background:#0093DD; }
.milk-clock-point small { display:block; margin-bottom:3px; font-size:11px; color:#617784; }
.milk-clock-point>span { display:block; }
.milk-clock-diaper .milk-clock-point { background:#FFF6DC; border-color:#F5DD9F; }
.milk-clock-diaper .milk-clock-point i { background:#946300; }
.milk-clock-sleep-band { position:absolute; left:6px; right:6px; background:#DDEFE8; border:1px solid #94BFAF; border-radius:5px; box-sizing:border-box; }
.milk-clock-sleep-band.is-pending { background:repeating-linear-gradient(135deg,#DDEFE8 0,#DDEFE8 5px,#fff 5px,#fff 10px); border-style:dashed; }
.milk-clock-sleep-band button { position:absolute; top:50%; left:0; width:100%; min-height:44px; transform:translateY(-50%); border:0; background:transparent; padding:2px; font:inherit; font-size:12px; color:#19543F; cursor:pointer; }
.milk-clock-detail { padding:12px; border:1px solid #D9E5EA; border-radius:10px; background:#F3FAFF; font-size:14px; scroll-margin-bottom:90px; }
.milk-clock-detail p { margin:6px 0; }
.milk-clock-detail>div+div { border-top:1px solid #D9E5EA; margin-top:12px; padding-top:12px; }
.milk-clock-detail button,.milk-clock-untimed button { min-height:44px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; padding:8px 10px; font:inherit; }
.milk-clock-untimed button { display:block; margin:8px 0; text-align:left; width:100%; }
.milk-clock-record-list { margin-top:12px; }
.milk-row-actions { position:relative; align-self:center; }
.milk-embedded-growth { margin-top:16px; }
#milk-sleep-now { position:relative; }
.milk-sleep-icon { position:absolute; top:5px; right:9px; display:flex; align-items:flex-end; gap:1px; color:#087FB9; font-size:17px; line-height:1; pointer-events:none; }
.milk-sleep-icon i { font-style:normal; font-weight:650; }
.milk-sleep-icon[data-state="asleep"] i::before { content:'Z'; }
.milk-sleep-icon i:nth-child(1) { font-size:9px; }
.milk-sleep-icon i:nth-child(2) { font-size:12px; transform:translateY(-3px); }
.milk-sleep-icon i:nth-child(3) { font-size:16px; transform:translateY(-6px); }
.milk-record-author { grid-column:2/-1; justify-self:end; color:#617784; font-size:11px; line-height:1.5; }
#milk-query-view[data-query-pane=life] #milk-advice[data-tier=observe],#milk-query-view[data-query-pane=life] #milk-advice[data-tier=steady] { display:none; }
.milk-home .milk-query-tabs { margin:0 0 12px; }
#milk-query-view .milk-query-growth { margin-top:8px; padding-top:0; border-top:0; }
#milk-query-view[data-query-pane=growth]>.milk-section:first-child { padding-bottom:0; }
.milk-diaper-notes { padding:10px 12px; border-radius:10px; background:#FFF6DC; color:#123D59; font-size:13px; line-height:1.7; }
.milk-diaper-notes p { margin:4px 0; }
.milk-record-note { grid-column:2/-1; margin:0; font-size:12px; line-height:1.7; color:#946300; }
.milk-choice-options.milk-diaper-choices { display:flex; flex-wrap:wrap; gap:6px; }
.milk-diaper-choices button { padding:6px 10px; min-height:44px; font-size:13px; font-weight:400; }
.milk-sheet .milk-history-notice { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 8px; padding:4px 12px; border-radius:10px; background:#FFF6DC; font-size:13px; line-height:1.6; }
.milk-sheet .milk-history-notice button { flex-shrink:0; min-height:44px; margin:0; padding:4px 0; border:0; background:transparent; color:#087FB9; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.milk-activity-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
.milk-home #milk-record-view .milk-measurement-quick { margin:12px 0 0; }
.milk-activity-controls>div { display:grid; gap:4px; align-content:start; }
.milk-activity-controls button { min-height:64px; border:1px solid transparent; border-radius:12px; background:#F5F6F4; color:#123D59; font:inherit; font-size:16px; cursor:pointer; }
.milk-activity-controls button[aria-pressed=true] { background:#EAF6FC; font-weight:600; }
.milk-home #milk-record-view .milk-quick [data-activity-timer][aria-pressed=true] { border-color:#4B9C68; background-color:#E8F6EC; color:#176438; font-weight:700; }
.milk-activity-controls small { color:#617784; font-size:12px; }
.milk-activity-controls .milk-activity-running-label { color:#176438; font-weight:600; }
.milk-activity-controls .milk-activity-cancel { min-height:44px; border:0; background:transparent; text-align:left; color:#087FB9; font-size:13px; }
.milk-home #milk-record-view .milk-quick [data-activity-timer="interaction"][aria-pressed=true] { background-image:url("diary-icons/interaction-active.svg"); }
.milk-home #milk-record-view .milk-quick [data-activity-timer="outdoor"][aria-pressed=true] { background-image:url("diary-icons/outdoor-active.svg"); }
.milk-activity-controls>.milk-interaction-actions { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.milk-play-link { display:flex; align-items:center; justify-content:flex-end; min-height:44px; margin:0; color:#087FB9; font-size:13px; font-weight:400; text-decoration:underline; text-underline-offset:3px; }
.milk-home #milk-record-view>.milk-day-timeline { margin-top:4px; }
.milk-home #milk-record-view:has(.milk-inline-record)>.milk-activity-controls,.milk-home #milk-record-view:has(.milk-inline-record)>.milk-play-link { display:none; }
.milk-choice-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.milk-choice-options button { min-height:44px; padding:8px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#123D59; font:inherit; font-size:14px; cursor:pointer; }
.milk-choice-options button[aria-pressed=true] { background:#0093DD; border-color:#0093DD; color:#fff; }
.milk-sheet .milk-growth-more { font-size:13px; font-weight:400; min-height:44px; }
.milk-measure-links { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; }
.milk-measure-link { min-height:44px; padding:4px 0; border:0; background:transparent; color:#087FB9; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.milk-growth-tabs { display:flex; gap:4px; border-bottom:1px solid #D9E5EA; }
.milk-growth-tabs button { flex:1; padding:8px 2px; min-height:44px; border:0; background:transparent; color:#617784; font:inherit; font-size:13px; cursor:pointer; }
.milk-growth-tabs button[aria-pressed=true] { color:#0093DD; border-bottom:3px solid #0093DD; font-weight:600; }
.milk-embedded-growth h3 { margin:16px 0 4px; }
.milk-growth-picture { border:1px solid #D9E5EA; border-radius:12px; background:#FAFDFF; overflow:hidden; }
.milk-growth-picture svg { display:block; width:100%; height:auto; }
.milk-growth-legend { font-size:12px; color:#617784; }
.milk-growth-legend span { color:#946300; }
.milk-clock-activity .milk-clock-point i { background:#B87500; }
.milk-measure-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.milk-measure-actions button { min-height:44px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; font:inherit; cursor:pointer; }
.milk-measure-actions #milk-measure-close { background:#0093DD; border-color:#0093DD; color:#fff; }
.milk-measure-actions button:disabled { opacity:.45; cursor:default; }
.milk-delete-dialog { box-sizing:border-box; width:calc(100% - 32px); max-width:380px; padding:22px; border:1px solid #D9E5EA; border-radius:16px; color:#1F3847; background:#fff; font-family:inherit; box-shadow:0 16px 48px #123D5926; }
.milk-delete-dialog::backdrop { background:#123D5970; }
.milk-delete-dialog h2 { margin:0 0 16px; font-size:20px; color:#123D59; }
.milk-delete-preview { padding:12px; border-radius:10px; background:#F5F6F4; overflow-wrap:anywhere; }
.milk-delete-preview time { color:#617784; font-size:13px; }
.milk-delete-preview p { margin:6px 0 0; font-size:15px; line-height:1.6; }
.milk-delete-dialog>p { font-size:13px; line-height:1.7; color:#617784; margin:14px 0 18px; }
.milk-delete-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.milk-delete-dialog-actions button { min-height:48px; border:1px solid #AED7E8; border-radius:10px; background:#fff; color:#123D59; font:inherit; cursor:pointer; }
.milk-delete-dialog-actions [data-delete-confirm] { background:#B84A4A; border-color:#B84A4A; color:#fff; }
.milk-delete-dialog button:focus-visible { outline:3px solid #0093DD; outline-offset:3px; }
.milk-row-actions>summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; list-style:none; color:#617784; cursor:pointer; font-size:22px; }
.milk-row-actions>summary::-webkit-details-marker { display:none; }
.milk-row-menu { position:absolute; z-index:20; top:44px; right:0; display:flex; flex-direction:column; width:120px; box-sizing:border-box; padding:4px; background:#fff; border:1px solid #D9E5EA; border-radius:10px; box-shadow:0 6px 18px #123D591A; }
.milk-day-timeline .milk-row-menu button,.milk-sheet .milk-row-menu button.milk-delete-action { display:block; width:100%; min-height:44px; margin:0; padding:8px 12px; border:0; border-radius:6px; background:transparent; text-align:left; font:inherit; font-size:14px; }
.milk-row-menu button+button { border-top:1px solid #D9E5EA!important; border-radius:0!important; }
.milk-row-menu button:hover { background:#EAF6FC!important; }
.milk-row-actions:not([open])>.milk-row-menu { display:none; }
.milk-day-timeline li { grid-template-columns:40px minmax(0,1fr) 44px; min-height:52px; }
.milk-sheet .milk-day-timeline .milk-record-edit { min-height:44px; padding:4px 0; border:0; border-radius:0; background:transparent; text-align:left; color:#087FB9; text-decoration:underline; text-underline-offset:3px; font:inherit; }
.milk-sheet .milk-day-timeline button[data-milk-inline-delete] { min-height:44px; padding:4px 0; border:0; background:transparent; font-size:13px; justify-self:end; }
.milk-sheet button.milk-delete-action { color:#B84A4A; border-color:#E2BDBD; background:#fff; min-height:44px; padding:8px 10px; font:inherit; border-width:1px; border-style:solid; border-radius:8px; }
.milk-delete-notice { padding:12px; margin:12px 0; background:#EAF6FC; border-radius:10px; font-size:14px; }
.milk-delete-notice button { min-height:44px; margin-left:8px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; font:inherit; padding:8px; }
.milk-clock-record-list summary,.milk-clock-untimed summary { color:#087FB9; min-height:44px; align-content:center; cursor:pointer; font-size:14px; }
/* Keep identity and date switching compact; the day chart is the query's primary content. */
.milk-home .feeding-focus-intro { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; padding:0; margin:0; background:transparent; border:0; border-radius:0; }
.milk-home .feeding-focus-intro>.feeding-kicker { display:none; }
.milk-home .feeding-focus-intro .feeding-title { display:flex; align-items:center; min-height:44px; padding-right:72px; font-size:19px; line-height:1.4; margin:0; }
.milk-home .feeding-focus-intro .feeding-focus-age { font-size:13px; }
.milk-home .feeding-focus-intro>p:not(.feeding-kicker) { flex-basis:100%; margin:0; font-size:12px; color:#617784; }
body.calendar-pwa-enabled .milk-home.calendar-pwa-card { padding-top:14px!important; }
body.calendar-pwa-enabled .milk-home>[data-pwa-card-back] { top:14px!important; right:34px!important; }
.milk-home>.milk-view-tabs { align-items:center; margin:0 0 8px; padding-bottom:0; border-bottom:1px solid #D9E5EA; }
.milk-home>.milk-view-tabs>button { flex:0 0 88px; min-height:44px; padding:6px 2px; }
.milk-home>.milk-view-tabs>.feeding-focus-age { flex:1; min-width:0; margin:0; text-align:right; font-size:12px; }
.milk-home>.milk-view-tabs .milk-profile-link { justify-content:flex-end; }
.milk-home .milk-query-tabs { display:flex; gap:4px; margin:0 0 8px; border:0; }
.milk-query-tabs button { min-height:44px; padding:4px 12px; border:0; border-radius:8px; background:transparent; color:#617784; font:inherit; font-size:14px; cursor:pointer; }
.milk-query-tabs button[aria-pressed=true] { color:#087FB9; background:#EAF6FC; font-weight:600; }
.milk-query-tabs button:hover { color:#087FB9; }
.milk-query-tabs button:focus-visible { outline:2px solid #0093DD; outline-offset:2px; }
@media(max-width:600px) {
  body.calendar-pwa-enabled .milk-home>[data-pwa-card-back] { right:22px!important; }
  .milk-home>.milk-view-tabs>button { flex-basis:72px; }
}
.milk-home #milk-query-view>.milk-section:first-child { margin-top:0; padding-top:0; border-top:0; }
.milk-home .milk-calendar { display:flex; align-items:center; gap:8px; margin:0 0 8px; position:relative; }
.milk-calendar>button { min-width:44px; flex-shrink:0; padding:4px 8px; }
#milk-date-picker { flex:1; min-width:0; }
#milk-date-picker>summary { min-height:44px; display:flex; align-items:center; justify-content:center; padding:0 6px; border:1px solid #D9E5EA; border-radius:8px; font-size:14px; color:#123D59; list-style:none; cursor:pointer; }
#milk-date-picker>summary::-webkit-details-marker { display:none; }
@media(max-width:360px) {
  #milk-date-picker>summary { padding:0 2px; font-size:12px; white-space:nowrap; }
}
.milk-date-panel { position:absolute; left:0; right:0; top:calc(100% + 6px); padding:12px; border:1px solid #AED7E8; border-radius:12px; background:#fff; box-shadow:0 8px 20px #123d591a; z-index:8; }
.milk-home .milk-clock-heading { margin-top:8px; }
.milk-home .milk-clock-heading+.milk-status { margin:4px 0 8px; }
.milk-overview { margin:10px 0; padding:10px 0; }
.milk-overview-axis { display:flex; justify-content:space-between; margin:0 0 8px 44px; font-size:10px; color:#617784; }
.milk-overview-row { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; font-size:12px; color:#617784; }
.milk-overview-track { position:relative; height:44px; background:repeating-linear-gradient(to right,#F3FAFF 0,#F3FAFF calc(25% - 1px),#D9E5EA calc(25% - 1px),#D9E5EA 25%); border-bottom:1px solid #D9E5EA; }
.milk-day-story .milk-clock-point { top:0; right:auto; width:44px; min-height:44px; height:44px; transform:translateX(-50%); border:0; background:transparent; padding:0; }
.milk-day-story .milk-clock-point i { width:9px; height:9px; margin:0 auto; background:#0093DD; }
.milk-day-story .milk-clock-diaper .milk-clock-point i { background:#946300; }
.milk-day-story .milk-clock-point small { position:absolute; top:0; width:100%; margin:0; color:#123D59; font-size:10px; }
.milk-day-story .milk-clock-sleep-band { top:14px; right:auto; height:16px; min-width:1px; border-radius:4px; }
.milk-day-story .milk-clock-sleep-band button { top:50%; min-width:24px; width:100%; }
.milk-story-note { margin:6px 0 12px; color:#617784; font-size:12px; line-height:1.6; }
.milk-story-card { display:grid; grid-template-columns:50px minmax(0,1fr) 12px; width:100%; align-items:center; gap:10px; padding:12px 10px; margin:8px 0; border:1px solid #D9E5EA; border-left:4px solid #0093DD; border-radius:10px; background:#fff; text-align:left; color:#123D59; font:inherit; min-height:64px; cursor:pointer; }
.milk-story-card time { font-size:13px; color:#617784; }
.milk-story-card time small { display:block; font-size:10px; line-height:1.5; }
.milk-story-card>span:nth-child(2) { display:grid; gap:4px; font-size:13px; line-height:1.6; }
.milk-story-card strong { font-size:15px; }
.milk-story-sleep { border-left-color:#278662; background:#F5FAF7; }
.milk-story-diaper { border-left-color:#B87500; background:#FFFCF4; }
.milk-story-card[aria-expanded=true] { border-color:#0093DD; }
.milk-detail-close { float:right; min-height:44px; }
.milk-story-empty { margin:8px 0; padding:16px; background:#F3FAFF; border-radius:10px; line-height:1.7; font-size:14px; color:#617784; }
.milk-home #milk-record-view:has(.milk-inline-record)>.milk-quick { display:none; }
.milk-home #milk-record-view:has(.milk-inline-record)>.milk-day-timeline { margin-top:16px; }
.milk-overview-now { position:absolute; top:0; bottom:0; border-left:1px dashed #946300; pointer-events:none; }
.milk-secondary-panel>summary { min-height:44px; color:#087FB9; align-content:center; cursor:pointer; font-size:15px; }
.milk-story-more { min-height:44px; width:100%; margin:8px 0; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; font:inherit; }
.milk-extra-links { display:grid; gap:0; margin-top:4px; }
.milk-extra-links>button:not(.milk-extra-history) { display:grid; gap:3px; width:100%; padding:12px 0; min-height:64px; border:0; border-bottom:1px solid #D9E5EA; border-radius:0; background:transparent; color:#087FB9; font:inherit; text-align:left; cursor:pointer; }
.milk-extra-links>button>span { font-size:15px; font-weight:600; }
.milk-extra-links>button>small { color:#617784; font-size:12px; line-height:1.6; }
.milk-extra-links>.milk-extra-history { justify-self:start; min-height:44px; padding:6px 0; border:0; background:transparent; color:#087FB9; font:inherit; font-size:13px; cursor:pointer; }
.milk-extra-links button:focus-visible,.milk-advice-edit:focus-visible { outline:2px solid #0093DD; outline-offset:2px; }
.milk-advice-edit { display:block; min-height:44px; padding:4px 0; border:0; background:transparent; color:#087FB9; font:inherit; font-size:14px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.milk-ongoing { display:grid; gap:4px; }
.milk-ongoing [data-sleep-elapsed] { color:#52636E; font-size:12px; line-height:1.5; }
.milk-ongoing [data-sleep-long-warning] { color:#B84A4A; font-size:14px; font-weight:650; line-height:1.6; }
.milk-ongoing [hidden] { display:none!important; }
.milk-ongoing.milk-ongoing-review { background:#FFF1F1; color:#8B2E2E; }
.milk-pending-timer-corrections { margin:0 0 12px; padding:12px; border:1px solid #AED7E8; border-radius:12px; background:#F3FAFF; color:#123D59; }
.milk-pending-timer-corrections h2 { margin:0; font-size:15px; line-height:1.5; }
.milk-pending-timer-corrections p { margin:4px 0 8px; color:#617784; font-size:13px; line-height:1.6; }
.milk-pending-timer-corrections ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.milk-pending-timer-corrections li { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; padding-top:8px; border-top:1px solid #D9E5EA; }
.milk-pending-timer-corrections li button { min-height:44px; padding:6px 10px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; font:inherit; font-size:14px; cursor:pointer; }
.milk-pending-timer-corrections li small { color:#617784; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.milk-pending-timer-corrections button:focus-visible { outline:2px solid #0093DD; outline-offset:2px; }
.milk-sleep-review-warning { color:#B84A4A; font-weight:600; }
.milk-day-timeline li.milk-sleep-review-row { grid-template-columns:minmax(0,1fr) 72px; background:#FFF8F8; }
.milk-day-timeline li.milk-sleep-review-row>time { display:none; }
.milk-sleep-review-times { display:grid; gap:4px; }
.milk-sleep-review-times>span { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; }
.milk-sleep-review-times>span>strong { color:#617784; font-size:12px; }
.milk-sleep-review-times>span>time { color:#123D59; font-size:14px; }
.milk-sleep-review-times>small { color:#617784; font-size:12px; line-height:1.5; }
.milk-day-timeline li .milk-sleep-review-warning { display:block; margin:6px 0 0; padding:6px 8px; border-radius:8px; background:#FFF1F1; font-size:13px; line-height:1.6; }
.milk-day-timeline .milk-sleep-review-action { color:#B84A4A!important; font-weight:650; }
.milk-day-timeline li.milk-sleep-review-row .milk-sleep-review-action { white-space:nowrap; }
.milk-sleep-duration { white-space:nowrap; }
.milk-clock-detail .milk-sleep-review-warning,.milk-records .milk-sleep-review-warning { margin:8px 0; padding:8px 10px; border-radius:8px; background:#FFF1F1; font-size:13px; line-height:1.6; }
.milk-day-timeline .milk-sleep-review-action:focus-visible,.milk-ongoing button:focus-visible { outline:2px solid #0093DD; outline-offset:2px; }
.milk-advice-date { margin:0!important; font-size:12px; color:#617784; }
.milk-observation-page>h1 { font-size:22px; margin:0; }
.milk-observation-page>p { margin:10px 0 16px; font-size:13px; color:#617784; line-height:1.7; }
.milk-observation-page .milk-form { gap:12px; margin-top:12px; }
.milk-observation-page .milk-observation-group { padding:0; border:0; border-radius:0; border-bottom:1px solid #D9E5EA; }
.milk-observation-page .milk-observation-group>summary { font-size:15px; min-height:44px; }
.milk-observation-page .milk-observation-group>div { gap:14px; margin:8px 0 16px; }
.milk-observation-page .milk-observation-choice { min-width:0; margin:0; padding:0; border:0; border-radius:0; }
.milk-observation-page .milk-observation-choice legend { padding:0; margin-bottom:6px; font-size:14px; line-height:1.5; color:#123D59; }
.milk-observation-choice>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.milk-observation-page .milk-observation-choice label { position:relative; display:block; margin:0; cursor:pointer; }
.milk-observation-choice input { position:absolute; width:1px; height:1px; opacity:0; }
.milk-observation-page .milk-observation-choice span { display:flex; align-items:center; justify-content:center; min-height:44px; padding:4px 2px; box-sizing:border-box; border:1px solid #D9E5EA; border-radius:8px; background:#fff; font-size:13px; color:#617784; }
.milk-observation-page .milk-observation-choice input { width:1px; height:1px; min-height:0; padding:0; border:0; }
.milk-observation-page .milk-observation-choice input:checked+span { color:#087FB9; background:#EAF6FC; border-color:#AED7E8; font-weight:600; }
body.calendar-pwa-enabled .milk-observation-page.calendar-pwa-card { padding-top:14px!important; }
.milk-observation-page>h1 { display:flex; align-items:center; min-height:44px; padding-right:72px; }
body.calendar-pwa-enabled .milk-observation-page>[data-pwa-card-back] { top:14px!important; }
.milk-observation-choice input:checked+span { color:#087FB9; background:#EAF6FC; border-color:#AED7E8; font-weight:600; }
.milk-observation-choice input:focus-visible+span { outline:2px solid #0093DD; outline-offset:2px; }
.milk-observation-page #milk-safety-clear { width:100%; margin:4px 0 8px; min-height:44px; padding:8px; border:1px solid #AED7E8; border-radius:8px; background:#EAF6FC; color:#087FB9; font:inherit; font-size:13px; }
.milk-observation-page .milk-observation-remove { min-height:44px; padding:6px 0; border:0; background:transparent; color:#B84A4A; font:inherit; font-size:13px; justify-self:start; cursor:pointer; }
.feeding-page .feeding-assessment-sheet .feeding-title { font-size:22px; }
.feeding-page .feeding-assessment-sheet .feeding-question { margin-top:16px; }
.feeding-page .feeding-assessment-sheet .feeding-question h2 { font-size:19px; line-height:1.5; }
.feeding-page .feeding-assessment-sheet .feeding-options { gap:8px; margin-top:12px; }
.feeding-page .feeding-assessment-sheet .feeding-actions { margin-top:16px; }
body.calendar-pwa-enabled .feeding-assessment-sheet:not(.feeding-safety-sheet).calendar-pwa-card { padding-top:14px!important; }
.feeding-assessment-sheet:not(.feeding-safety-sheet)>.feeding-kicker { display:none; }
.feeding-assessment-sheet:not(.feeding-safety-sheet)>.feeding-title { display:flex; align-items:center; min-height:44px; margin:0; padding-right:72px; }
body.calendar-pwa-enabled .feeding-assessment-sheet:not(.feeding-safety-sheet) [data-pwa-card-back] { top:14px!important; }
.feeding-assessment-sheet:not(.feeding-safety-sheet)>.feeding-progress { margin-top:12px; height:5px; }
.feeding-assessment-sheet #feeding-previous:disabled,.feeding-assessment-sheet #feeding-question-form button[type=submit]:disabled { display:none; }
.feeding-assessment-sheet #feeding-question-form .feeding-actions:has(#feeding-previous:disabled):has(button[type=submit]:disabled) { display:none; }
.milk-check-history>.feeding-kicker { display:none; }
body.calendar-pwa-enabled .milk-check-history.calendar-pwa-card { padding-top:14px!important; }
.milk-check-history>.feeding-title { display:flex; align-items:center; min-height:44px; padding-right:72px; margin:0; font-size:22px; }
body.calendar-pwa-enabled .milk-check-history>[data-pwa-card-back] { top:14px!important; }
.milk-check-history>details { margin-top:8px; }
.milk-check-history>details>summary { min-height:44px; align-content:center; font-size:14px; color:#087FB9; cursor:pointer; }
.milk-observation-page .milk-measurement-fieldset { display:grid; gap:10px; padding:14px; border:1px solid #D9E5EA; border-radius:12px; background:#FAFDFF; }
.milk-observation-page .milk-measurement-fieldset legend { color:#123D59; }
.milk-observation-page .milk-measurement-fieldset>p { margin:0; font-size:13px; }
.milk-observation-page .milk-measurement-fieldset small { color:#617784; font-size:12px; line-height:1.65; }
.milk-overall-check,.milk-daily-observation-result,.milk-emergency-entry { margin:12px 0; padding:16px; border:1px solid #D9E5EA; border-radius:12px; background:#FAFDFF; }
.milk-overall-check h2,.milk-daily-observation-result h2 { margin:0 0 8px; color:#123D59; font-size:17px; }
.milk-overall-check p,.milk-daily-observation-result p { font-size:14px; line-height:1.65; }
.milk-overall-options { display:grid; gap:8px; margin:14px 0; }
.milk-overall-options button,.milk-measurement-optin,.milk-emergency-entry button { min-height:48px; padding:10px 12px; border:1px solid #AED7E8; border-radius:9px; background:#fff; color:#087FB9; font:inherit; cursor:pointer; }
.milk-overall-options button:first-child { border-color:#8CC7A0; background:#F1FAF3; color:#176438; font-weight:600; }
.milk-state-edit-link { min-height:44px; padding:4px 0; border:0; background:transparent; color:#087FB9; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.milk-daily-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.milk-daily-actions button { min-width:0; padding:8px; font-size:13px; }
.milk-measurement-prompt { padding:10px 12px; border-radius:8px; background:#F3FAFF; color:#345363; }
.milk-observation-page .milk-breathing-timer { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.milk-observation-page .milk-breathing-timer button { min-height:44px; padding:8px 12px; border:1px solid #AED7E8; border-radius:8px; background:#fff; color:#087FB9; font:inherit; cursor:pointer; }
.milk-observation-page .milk-breathing-timer button:disabled { opacity:.6; cursor:default; }
.milk-observation-page .milk-breathing-timer output { min-width:42px; color:#123D59; font-size:20px; font-variant-numeric:tabular-nums; font-weight:700; text-align:center; }
.milk-observation-page #milk-measurement-live { min-height:0; padding:0; color:#52636E; font-size:13px; line-height:1.6; }
.milk-observation-page #milk-measurement-live:not(:empty) { padding:10px 12px; border-radius:8px; background:#F3FAFF; }
.milk-measurement-result { display:grid; gap:10px; margin:0 0 16px; padding:14px; border:1px solid #D9E5EA; border-radius:12px; background:#FAFDFF; }
.milk-measurement-result h3 { margin:0; color:#123D59; font-size:16px; }
.milk-measurement-result>div { padding:10px; border-radius:8px; background:#fff; }
.milk-measurement-result>div[data-level=attention],.milk-measurement-result>div[data-level=urgent] { border-left:3px solid #B87500; background:#FFFCF4; }
.milk-measurement-result>div[data-level=urgent] { border-color:#B84A4A; background:#FFF8F6; }
.milk-measurement-result p { margin:6px 0 0; font-size:13px; line-height:1.65; }
.milk-measurement-result small { color:#617784; font-size:12px; line-height:1.6; }
.milk-feeding-check-result { margin:14px 0; padding:14px; border:1px solid #AED7E8; border-radius:12px; background:#F3FAFF; }
.milk-feeding-check-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; }
.milk-feeding-check-head h2 { margin:0; color:#123D59; font-size:17px; flex-shrink:0; }
.milk-self-check-group { min-width:0; margin:18px 0; padding:12px; border:1px solid #D9E5EA; border-radius:12px; }
.milk-self-check-group legend { font-weight:700; color:#123D59; padding:0 4px; }
.milk-self-check-group>p { margin:0 0 8px; color:#617784; font-size:13px; }
.milk-form .milk-self-check-option { display:flex; align-items:flex-start; gap:10px; padding:10px 0; min-height:44px; box-sizing:border-box; border-bottom:1px solid #EAF1F5; font-size:14px; line-height:1.65; }
.milk-form .milk-self-check-option:last-child { border-bottom:0; font-weight:700; }
.milk-form .milk-self-check-option input { flex:0 0 20px; width:20px; height:20px; min-height:20px; margin:2px 0 0; accent-color:#0093DD; }
.milk-totals-entry { align-self:flex-start; min-height:44px; margin:0 0 8px; font-size:14px; }
.milk-summary-field { min-width:0; padding:12px; margin:14px 0; border:1px solid #D9E5EA; border-radius:12px; }
.milk-summary-field legend { color:#123D59; font-weight:700; }
.milk-summary-field input:disabled { background:#F5F6F4; color:#617784; }
.milk-form .milk-save-reminder { display:block; min-height:44px; margin:10px 0 4px; padding:10px 16px; background:#0093DD; border:1px solid #0093DD; border-radius:8px; color:white; font-weight:700; }
.milk-period-tools { display:grid; gap:10px; padding:12px 0; border-bottom:1px solid #D9E5EA; }
.milk-period-tools h3 { margin:0 0 6px; color:#617784; font-size:12px; font-weight:500; }
.milk-period-tools>div>div { display:flex; flex-wrap:wrap; gap:6px; }
.milk-period-tools button { min-height:44px; padding:8px 10px; border:1px solid #D9E5EA; border-radius:8px; color:#123D59; background:white; font-size:13px; }
.milk-period-tools button[aria-pressed=true] { background:#EAF6FC; border-color:#0093DD; color:#087FB9; font-weight:700; }
.milk-period-tools button i { display:inline-block; width:5px; height:5px; border-radius:50%; margin-left:5px; background:#0093DD; vertical-align:middle; }
.milk-period-analysis>h3 { margin:16px 0 8px; color:#123D59; }
.milk-period-analysis>p { margin:6px 0; font-size:14px; line-height:1.7; }
.milk-period-analysis details { margin-top:14px; }
.milk-period-daily ul,.milk-period-records ul { list-style:none; padding:0; }
.milk-period-daily li,.milk-period-records li { padding:6px 0; border-bottom:1px solid #D9E5EA; }
.milk-period-daily button { display:flex; gap:10px; width:100%; min-height:44px; text-align:left; border:0; color:#123D59; background:white; font:inherit; font-size:13px; }
.milk-period-daily time { flex:0 0 42px; }
.milk-period-records button { min-height:44px; max-width:100%; text-align:left; border:0; color:#087FB9; background:white; font:inherit; font-size:14px; overflow-wrap:anywhere; }
.milk-period-records li p { margin:0 0 6px; font-size:13px; overflow-wrap:anywhere; }
.milk-period-warning { color:#B84A4A; }
.milk-sheet .milk-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-width:0; padding-top:14px; }
.milk-sheet .milk-title-row .feeding-title { flex:0 0 auto; padding-right:0; margin:0; font-size:19px; line-height:1.4; }
.milk-title-row .feeding-focus-age { min-width:0; margin:0; text-align:right; }
.milk-title-row .milk-profile-link { justify-content:flex-end; font-size:12px; text-align:right; line-height:1.5; }
.milk-home>.milk-view-tabs>button { flex:1; min-width:0; }
.milk-sheet:has(.milk-title-row)>[data-pwa-card-back],body.calendar-pwa-enabled .milk-home:has(.milk-title-row)>[data-pwa-card-back] { top:0!important; }
.milk-state-title { margin:14px 0 10px; font-size:18px; color:#123D59; }
body.calendar-pwa-enabled .milk-sheet:has(.milk-title-row).calendar-pwa-card { padding-top:14px!important; }
.milk-feeding-check-result>small,.milk-feeding-check-head small { color:#617784; font-size:12px; line-height:1.6; }
.milk-feeding-check-result ul { display:grid; gap:10px; margin:12px 0; padding:0; list-style:none; }
.milk-feeding-check-result li { display:grid; gap:4px; padding:10px; border-radius:8px; background:#fff; font-size:13px; line-height:1.65; }
.milk-feeding-check-result li strong { color:#123D59; }
.milk-feeding-check-result li span { color:#52636E; }
.milk-feeding-check-result details>summary { min-height:44px; align-content:center; color:#087FB9; cursor:pointer; font-size:13px; }
.milk-feeding-check-status { margin:10px 0; color:#8B3636; font-size:13px; font-weight:600; line-height:1.6; }
.feeding-question-context { padding:10px 12px; border-radius:8px; background:#F3FAFF; color:#52636E; font-size:13px; line-height:1.7; }
.feeding-cue-stages { display:grid; gap:8px; margin:10px 0; padding:0; list-style:none; }
.feeding-cue-stages li { display:grid; gap:3px; padding:10px 12px; border-left:3px solid #0093DD; border-radius:8px; background:#F3FAFF; font-size:13px; line-height:1.6; }
.feeding-cue-stages li strong { color:#123D59; }
.feeding-cue-stages li span { color:#52636E; }

/* Weekly and monthly family record review. */
.milk-period { min-width:0; }
.milk-period-toolbar,.milk-period-toolbar>div { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.milk-period-toolbar { justify-content:space-between; margin:12px 0; }
.milk-period button { font:inherit; cursor:pointer; }
.milk-period-toolbar button,.milk-period-confirm button { min-height:44px; padding:8px 12px; border:1px solid #AED7E8; border-radius:8px; color:#087FB9; background:white; }
.milk-period-toolbar button[aria-pressed=true] { background:#EAF6FC; border-color:#087FB9; }
.milk-period-toolbar button:disabled { opacity:.45; cursor:default; }
.milk-period h2 { font-size:17px; margin:12px 0; }
.milk-period-overview,.milk-period-legend { font-size:13px; line-height:1.65; color:#52636E; }
.milk-period-section { padding:18px 0; border-top:1px solid #D9E5EA; }
.milk-period-section h3 { margin:0 0 8px; font-size:17px; color:#123D59; }
.milk-period-section p { margin:8px 0; font-size:14px; line-height:1.65; }
.milk-period-section small { display:block; font-size:12px; color:#52636E; line-height:1.65; }
.milk-period-bars { display:grid; grid-template-columns:repeat(var(--period-days),minmax(44px,1fr)); gap:4px; overflow-x:auto; padding:10px 2px; scrollbar-width:thin; }
.milk-period-bars>button { display:flex; flex-direction:column; align-items:center; gap:4px; padding:4px 2px; border:0; background:transparent; color:#123D59; font-size:12px; min-height:44px; }
.milk-period-bar-value { font-size:11px; font-variant-numeric:tabular-nums; }
.milk-period-bar-track { position:relative; display:flex; flex-direction:column-reverse; align-items:stretch; width:22px; height:100px; border-bottom:1px solid #617784; }
.milk-period-bar-track i { display:block; flex-shrink:0; background:#087FB9; }
.milk-period-bar-track i.period-series-1 { background:#F1A400; }
.milk-period-bar-track.is-partial i { background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(255,255,255,.6) 4px 6px); }
.milk-period-bar-track b { position:absolute; bottom:4px; width:100%; text-align:center; }
.milk-period-series { color:#52636E; font-size:12px!important; }
.milk-period-section details>summary,.milk-period-confirm>summary { cursor:pointer; min-height:44px; align-content:center; color:#087FB9; font-size:14px; }
.milk-period-week,.milk-period-stool-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.milk-period-week { margin-top:12px; text-align:center; color:#52636E; font-size:12px; }
.milk-period-stool-calendar>button { min-height:72px; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:4px 1px; border:1px solid #D9E5EA; border-radius:8px; background:white; color:#123D59; font-size:11px; }
.milk-period-stool-calendar>button strong { font-size:12px; }
.milk-period-stool-calendar>button small { font-size:10px; }
.milk-period-stool-calendar>button.is-complete { background:#EAF6FC; border-color:#AED7E8; }
.milk-period-stool-calendar>button.is-hard { border-color:#B87500; }
.milk-period-confirm { border-top:1px solid #D9E5EA; padding-top:12px; }
.milk-period-confirm form { display:grid; gap:10px; }
.milk-period-confirm label { display:grid; gap:4px; font-size:14px; }
.milk-period-confirm input,.milk-period-confirm select { box-sizing:border-box; min-width:0; width:100%; padding:10px; min-height:44px; border:1px solid #AED7E8; border-radius:8px; font:inherit; background:white; color:#123D59; }
.milk-period-confirm small { font-size:12px; line-height:1.65; color:#52636E; }
.milk-period [data-period-feedback] { font-size:14px; color:#087FB9; }
.milk-period button:focus-visible,.milk-period summary:focus-visible { outline:2px solid #087FB9; outline-offset:2px; }
@media(max-width:360px) { .milk-period-stool-calendar { gap:2px; } .milk-period-stool-calendar>button small { font-size:9px; } .milk-period-toolbar { gap:8px; } }

.milk-period-bars.is-week { grid-template-columns:repeat(var(--period-days),minmax(0,1fr)); }
.milk-period-bar-track i.is-partial { background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(255,255,255,.6) 4px 6px); }

.milk-growth-today-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.milk-growth-today-head h2{margin:0}

/* Fixed diaper layers: each click area stays inside its own 30 px row. */
.milk-day-story .milk-clock-diaper{height:90px}
.milk-day-story .milk-clock-diaper .milk-clock-point{min-height:30px;height:30px}
.milk-day-story .milk-clock-diaper .milk-diaper-wet{top:0}
.milk-day-story .milk-clock-diaper .milk-diaper-stool{top:30px}
.milk-day-story .milk-clock-diaper .milk-diaper-mixed{top:60px}
.milk-day-story .milk-clock-diaper .milk-diaper-wet i{background:#0093DD}
.milk-day-story .milk-clock-diaper .milk-diaper-stool i{background:#946300}
.milk-day-story .milk-clock-diaper .milk-diaper-mixed i{background:#8056B3}

.milk-home #milk-record-view .milk-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
.milk-home #milk-record-view .milk-quick button{min-width:0;font-size:14px;min-height:64px;padding:8px 4px}
.milk-home #milk-record-view .milk-quick[hidden],.milk-more-records[hidden]{display:none}
.milk-home #milk-record-view:has(.milk-inline-record)>.milk-more-records{display:none}
.milk-more-records .milk-inline-head{margin:0 0 12px}
.milk-more-records .milk-inline-head button{min-height:44px;border:0;background:transparent;color:#087FB9;font:inherit}

.milk-rhythm{margin:12px 0 20px}
.milk-rhythm>summary{min-height:44px;align-content:center;color:#087FB9;cursor:pointer}
.milk-rhythm-frame{display:grid;grid-template-columns:36px minmax(0,1fr);padding-top:10px}
.milk-rhythm-axis{height:250px;position:relative;color:#617784;font-size:10px}
.milk-rhythm-axis span{position:absolute;left:0;transform:translateY(-50%)}
.milk-rhythm-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}
.milk-rhythm-columns{display:grid;grid-template-columns:repeat(var(--rhythm-days),minmax(0,1fr));width:var(--rhythm-width)}
.milk-rhythm .milk-rhythm-column{padding:0;min-width:0;border:0;background:transparent;color:#617784;font:inherit;cursor:pointer;border-radius:0}
.milk-rhythm-plot{display:block;position:relative;height:250px;border-right:1px solid #D9E5EA;background:linear-gradient(to bottom,#123D590A 0 25%,transparent 25% 83.333%,#123D590A 83.333% 100%),repeating-linear-gradient(to bottom,#D9E5EA 0 1px,transparent 1px calc(250px / 6))}
.milk-rhythm-date{display:block;padding-top:8px;font-size:10px}
.milk-rhythm-feed{position:absolute;left:50%;width:10px;height:6px;border-radius:3px;transform:translate(-50%,-50%);pointer-events:none}
.milk-rhythm-sleep{position:absolute;left:22%;width:56%;min-height:2px;background:#278662;border-radius:3px;box-sizing:border-box;pointer-events:none}
.milk-rhythm-sleep.is-pending{border:1px dashed #278662;background:#27866218}
.milk-rhythm-column:focus-visible{outline:2px solid #0093DD;outline-offset:-2px}

.milk-home #milk-record-view .milk-quick button{min-height:110px;padding:58px 4px 12px;background-repeat:no-repeat;background-size:30px 30px;background-position:center 18px}
.milk-home #milk-record-view .milk-quick #milk-weight,.milk-home #milk-record-view .milk-quick #milk-length{min-height:110px;padding:58px 4px 12px;background-color:#EAF6FC}
.milk-quick .milk-sleep-icon{display:none}
.milk-showing-more .milk-play-link{display:none}
.milk-more-return{display:flex;justify-content:flex-end;margin:4px 0 12px}
.milk-more-return button{min-height:44px;padding:8px 0;border:0;background:transparent;color:#087FB9;font:inherit;cursor:pointer}
.milk-day-timeline li.milk-diary-two-row{display:block;padding:10px 0}
.milk-diary-row-head,.milk-diary-row-body{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.milk-diary-row-head .milk-record-edit{display:flex;align-items:center;gap:10px}
.milk-diary-row-body .milk-record-edit{flex:1;min-width:0;overflow-wrap:anywhere}
.milk-diary-row-body .milk-record-author{flex-shrink:0;align-self:center;margin:4px 0;grid-column:auto}
.milk-diary-two-row .milk-record-note{margin:6px 0}
.milk-home #milk-record-view .milk-quick #milk-feed{background-image:url("diary-icons/feed.svg")}
.milk-home #milk-record-view .milk-quick #milk-sleep-now{background-image:url("diary-icons/sleep.svg")}
.milk-home #milk-record-view .milk-quick #milk-sleep-now.milk-sleep-active{border-color:#4B9C68;background-color:#E8F6EC;color:#176438;font-weight:700;background-image:url("diary-icons/sleep-active.svg")}
.milk-home #milk-record-view .milk-quick #milk-wet-now{background-image:url("diary-icons/urine.svg")}
.milk-home #milk-record-view .milk-quick #milk-stool-now{background-image:url("diary-icons/stool.svg")}
.milk-home #milk-record-view .milk-quick #milk-weight{background-image:url("diary-icons/weight.svg")}
.milk-home #milk-record-view .milk-quick #milk-length{background-image:url("diary-icons/length.svg")}
.milk-home #milk-record-view .milk-quick #milk-weight.milk-measurement-recorded{background-image:url("diary-icons/weight-recorded.svg");background-color:#E8F6EC;border-color:#99D3AC;color:#176438;font-weight:650}
.milk-home #milk-record-view .milk-quick #milk-length.milk-measurement-recorded{background-image:url("diary-icons/length-recorded.svg");background-color:#E8F6EC;border-color:#99D3AC;color:#176438;font-weight:650}
.milk-home #milk-record-view .milk-quick [data-activity-timer="interaction"]{background-image:url("diary-icons/interaction.svg")}
.milk-home #milk-record-view .milk-quick [data-activity-timer="outdoor"]{background-image:url("diary-icons/outdoor.svg")}
.milk-home #milk-record-view .milk-quick [data-diary-icon="more"]{background-image:url("diary-icons/more.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="bath"]{background-image:url("diary-icons/bath.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="spit"]{background-image:url("diary-icons/spit.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="supplement"]{background-image:url("diary-icons/supplement.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="vitamin_d"]{background-image:url("diary-icons/vitamin_d.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="iron"]{background-image:url("diary-icons/iron.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="vitamin_ad"]{background-image:url("diary-icons/vitamin_ad.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="vaccine"]{background-image:url("diary-icons/vaccine.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="visit"]{background-image:url("diary-icons/visit.svg")}
.milk-home #milk-record-view .milk-quick [data-life-type="custom"]{background-image:url("diary-icons/custom.svg")}

.milk-arrange-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 8px;font-size:13px;flex-wrap:wrap}
.milk-arrange-tools button,.milk-today-supplements button,.milk-reminder-settings button{min-height:44px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;padding:6px 10px;font:inherit;cursor:pointer}
.milk-arrange-tools span{margin-right:auto}
.milk-home #milk-record-view .milk-quick button.milk-tool-selected{outline:2px solid #087FB9;outline-offset:-2px}
.milk-home #milk-record-view .milk-quick button{position:relative}
.milk-tool-due::after{content:'';position:absolute;top:10px;right:10px;width:8px;height:8px;background:#B84A4A;border-radius:50%}
.milk-home #milk-record-view:has(.milk-inline-record)>.milk-arrange-tools{display:none}
.milk-diary-row-head .milk-record-edit time{width:42px;flex-shrink:0}
.milk-diary-row-body{padding-left:52px}
.milk-reminder-settings{padding:12px;border:1px solid #D9E5EA;border-radius:10px}
.milk-reminder-settings>summary{min-height:44px;align-content:center;color:#087FB9;cursor:pointer}
.milk-reminder-settings label{margin-top:8px}
.milk-today-supplements{display:grid;gap:6px}

.milk-reminder-settings [data-cycle-inputs][hidden]{display:none}

.milk-arrange-hint{color:#617784;font-size:12px;font-weight:400}
.milk-sort-page>p{margin:4px 0 8px;font-size:13px}
.milk-sort-page h2{font-size:14px;margin:8px 0}
.milk-sort-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.milk-sort-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:6px 2px;background:#EAF6FC;border:1px solid transparent;border-radius:8px;color:#123D59;font:inherit;font-size:12px;cursor:pointer}
.milk-sort-grid button.milk-tool-selected{border-color:#087FB9;outline:1px solid #087FB9}
.milk-sort-divider{border-top:1px solid #D9E5EA;padding-top:8px}
.milk-sort-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.milk-sort-actions button{min-height:44px;padding:6px 12px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;font:inherit;cursor:pointer}
.milk-reminder-time-row{display:flex;gap:8px;align-items:flex-end;margin:8px 0}
.milk-reminder-time-row label{flex:1;min-width:0}
.milk-reminder-time-row input{min-height:44px;box-sizing:border-box;width:100%}
.milk-home #milk-record-view .milk-quick [data-tool-key="bath"].milk-tool-completed{background-image:url("diary-icons/bath-done.svg")}
.milk-home #milk-record-view .milk-quick [data-tool-key="vitamin_d"].milk-tool-completed{background-image:url("diary-icons/vitamin_d-done.svg")}
.milk-home #milk-record-view .milk-quick [data-tool-key="vitamin_ad"].milk-tool-completed{background-image:url("diary-icons/vitamin_ad-done.svg")}
.milk-home #milk-record-view .milk-quick [data-tool-key="iron"].milk-tool-completed{background-image:url("diary-icons/iron-done.svg")}
.milk-home #milk-record-view .milk-quick [data-tool-key="supplement"].milk-tool-completed{background-image:url("diary-icons/supplement-done.svg")}

.milk-sheet:has(.milk-sort-page){padding:12px}
.milk-sheet:has(.milk-sort-page) .feeding-title{font-size:22px;margin:8px 0}
.milk-sheet:has(.milk-sort-page) .feeding-kicker{margin:6px 0}

.milk-day-timeline li.milk-diary-two-row{position:relative;padding-left:52px}
.milk-diary-two-row>.milk-diary-clock{position:absolute;left:0;top:22px;width:42px}
.milk-diary-two-row .milk-diary-row-body{padding-left:0}
.milk-history-date{display:block!important;border:0!important;padding:12px 0 0!important}
.milk-history-date h3{font-size:15px;color:#123D59;margin:0}
.milk-extra-period-group{margin:14px 0;padding-top:10px;border-top:1px solid #D9E5EA}
.milk-extra-period-group h4{margin:0;font-size:15px;color:#123D59}
.milk-extra-period-group h4 small{display:inline;margin-left:8px;font-weight:400}
.milk-extra-period-group ul{list-style:none;margin:8px 0;padding:0}
.milk-extra-period-group li button{min-height:44px;border:0;background:transparent;padding:6px 0;color:#087FB9;font:inherit;text-align:left;cursor:pointer}

.milk-previous-observation,.milk-observation-draft{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px solid #D9E5EA;border-radius:12px;background:#F7FBFD}
.milk-previous-observation>strong,.milk-observation-draft>strong{color:#123D59;font-size:15px}
.milk-previous-observation>p,.milk-observation-draft>p{margin:0;font-size:13px;line-height:1.65}
.milk-previous-observation[data-previous-observation=urgent]{border-color:#D78A83;background:#FFF8F6}
.milk-previous-observation[data-previous-observation=urgent]>strong{color:#8E2525}
.milk-previous-observation[data-previous-observation=contact]{border-color:#E4C77D;background:#FFFCF4}
.milk-previous-observation .milk-emergency,.milk-previous-observation .milk-measurement-result{margin:0}
.milk-previous-observation>button,.milk-observation-draft>button{justify-self:start;min-height:44px;padding:8px 12px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;font:inherit;cursor:pointer}
.milk-previous-observation[data-previous-observation=urgent]>button{border-color:#B84A4A;color:#8E2525}
.milk-observation-draft{background:#F3FAFF}
.milk-advice[data-tier=contact],.milk-advice[data-tier=urgent]{border-color:#D9E5EA;background:#F3FAFF}
.milk-emergency{padding:14px;border:1px solid #D9E5EA;border-radius:12px;background:#F3FAFF;color:#1F3847;line-height:1.7}
.milk-emergency strong{color:#123D59}
.milk-emergency a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #AED7E8;border-radius:8px;color:#087FB9;font-weight:700;text-decoration:none}
.milk-previous-observation[data-previous-observation=urgent]{border-color:#D9E5EA;background:#F3FAFF}
.milk-previous-observation[data-previous-observation=urgent]>strong{color:#123D59}
.milk-previous-observation[data-previous-observation=urgent]>button{border-color:#AED7E8;color:#087FB9}
.milk-measurement-result>div[data-level=urgent]{border-left-color:#D9E5EA;background:#F3FAFF}
.milk-safety-guide{display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid #D9E5EA;border-radius:10px;background:#F3FAFF;color:#1F3847}
.milk-safety-guide p{margin:0;font-size:13px;line-height:1.65}
.milk-safety-guide a{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;font-weight:700;text-decoration:none}
.milk-measurement-result>div[data-level=attention]{border-left-color:#D9E5EA;background:#F3FAFF}
.milk-previous-observation[data-previous-observation=contact]{border-color:#D9E5EA;background:#F3FAFF}

.milk-medicine-entry,.milk-medicine-check,.milk-medicine-record{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid #D9E5EA;border-radius:12px;background:#F7FBFD;color:#1F3847;line-height:1.65}
.milk-medicine-entry h3,.milk-medicine-check h2,.milk-medicine-record h2{margin:0;color:#123D59;font-size:17px}
.milk-medicine-entry p,.milk-medicine-check p,.milk-medicine-record p{margin:0}
.milk-medicine-entry button,.milk-medicine-check button,.milk-medicine-record button{min-height:44px;padding:8px 12px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;font:inherit;font-weight:700;cursor:pointer}
.milk-medicine-entry details,.milk-medicine-check details{padding:8px 10px;border-radius:8px;background:#fff}
.milk-medicine-entry summary,.milk-medicine-check summary{min-height:40px;color:#087FB9;cursor:pointer}
.milk-medicine-check fieldset{display:grid;gap:8px;margin:0;padding:10px;border:1px solid #D9E5EA;border-radius:8px}
.milk-medicine-check legend{padding:0 4px;color:#123D59;font-weight:700}
.milk-medicine-check label,.milk-medicine-record label{display:grid;gap:5px;color:#123D59;font-weight:600}
.milk-medicine-check label:has(input[type=checkbox]),.milk-medicine-check label:has(input[type=radio]),.milk-medicine-record label:has(input[type=checkbox]){grid-template-columns:22px 1fr;align-items:start;font-weight:400}
.milk-medicine-check input:not([type=checkbox]):not([type=radio]),.milk-medicine-check select,.milk-medicine-record input,.milk-medicine-record select,.milk-medicine-record textarea{box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;border:1px solid #C8DCE7;border-radius:8px;background:#fff;color:#123D59;font:inherit}
.milk-medicine-check input[type=checkbox],.milk-medicine-check input[type=radio],.milk-medicine-record input[type=checkbox]{width:20px;height:20px;margin:2px 0;accent-color:#0093DD}
.milk-medicine-check [hidden]{display:none!important}
.milk-medicine-history-list{margin:0;padding-left:20px}
.milk-medicine-history-row{display:grid;gap:8px;padding:10px 0;border-top:1px solid #D9E5EA}
.milk-medicine-result{padding:12px;border:1px solid #AED7E8;border-radius:8px;background:#fff}
.milk-medicine-result[data-allowed=false]{border-color:#E4C77D;background:#FFFCF4}
.milk-medicine-result strong{display:block;color:#123D59}
.milk-vaccine-suggestions{display:grid;gap:4px;margin-top:6px;padding:6px;border:1px solid #D9E5EA;border-radius:8px;background:#F7FBFD}
.milk-vaccine-suggestions[hidden]{display:none}
.milk-vaccine-suggestions button{min-height:44px;padding:8px;border:0;border-radius:6px;background:transparent;color:#087FB9;text-align:left;font:inherit;cursor:pointer}
.milk-vaccine-suggestions button:hover,.milk-vaccine-suggestions button:focus-visible{background:#EAF6FC}

.milk-form>.milk-vaccine-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
.milk-vaccine-name-row>label{min-width:0;margin:0}
.milk-vaccine-name-row>button{min-height:48px;padding:8px 14px;border:1px solid #AED7E8;border-radius:10px;background:#fff;color:#087FB9;font:inherit;font-weight:700;cursor:pointer}
.milk-vaccine-lookup-dialog{box-sizing:border-box;width:min(700px,calc(100% - 24px));height:min(820px,calc(100% - 24px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #D9E5EA;border-radius:16px;background:#fff;color:#1F3847;box-shadow:0 18px 60px #123D5933}
.milk-vaccine-lookup-dialog::backdrop{background:#123D5970}
.milk-vaccine-lookup{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:18px;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.milk-vaccine-lookup [hidden]{display:none!important}
.milk-vaccine-lookup header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.milk-vaccine-lookup header p{margin:0 0 3px;color:#617784;font-size:12px}
.milk-vaccine-lookup header h2{margin:0;color:#123D59;font-size:21px}
.milk-vaccine-lookup header button,.milk-vaccine-detail-back{min-height:44px;padding:8px 12px;border:1px solid #AED7E8;border-radius:8px;background:#fff;color:#087FB9;font:inherit;font-weight:600;cursor:pointer}
.milk-vaccine-checked{margin:0;padding:8px 10px;border-radius:8px;background:#F3FAFF;color:#52636E;font-size:12px;line-height:1.6}
.milk-vaccine-search{display:grid;gap:6px;color:#123D59;font-size:13px;font-weight:600}
.milk-vaccine-search input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid #C8DCE7;border-radius:9px;background:#fff;color:#123D59;font:inherit}
.milk-vaccine-filters{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin}
.milk-vaccine-filters button{flex:0 0 auto;min-height:40px;padding:7px 12px;border:1px solid #C8DCE7;border-radius:999px;background:#fff;color:#52636E;font:inherit;font-size:13px;cursor:pointer}
.milk-vaccine-filters button[aria-pressed=true]{border-color:#087FB9;background:#087FB9;color:#fff;font-weight:700}
.milk-vaccine-result-count{flex:0 0 auto;margin:0;color:#617784;font-size:12px}
.milk-vaccine-results{display:grid;gap:7px}
.milk-vaccine-result{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:10px 12px;border:1px solid #D9E5EA;border-radius:10px;background:#fff;color:#123D59;text-align:left;font:inherit;cursor:pointer}
.milk-vaccine-result>span:first-child{display:grid;gap:4px;min-width:0}
.milk-vaccine-result strong{font-size:14px;line-height:1.4}
.milk-vaccine-result small{color:#617784;font-size:12px;line-height:1.45}
.milk-vaccine-result-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#087FB9;font-size:12px}
.milk-vaccine-result-meta b{font-size:20px;font-weight:400}
.milk-vaccine-result:hover,.milk-vaccine-result:focus-visible{border-color:#8DCBE6;background:#F3FAFF}
.milk-vaccine-empty{padding:12px;border-radius:9px;background:#F7FBFD;color:#617784;font-size:13px;line-height:1.6}
.milk-vaccine-unknown{margin-top:5px;padding:10px 12px;border:1px solid #E6D8AE;border-radius:10px;background:#FFFCF4}
.milk-vaccine-unknown summary,.milk-vaccine-sources summary{min-height:40px;align-content:center;color:#087FB9;font-size:13px;font-weight:700;cursor:pointer}
.milk-vaccine-unknown>p{margin:4px 0 8px;color:#617784;font-size:12px;line-height:1.6}
.milk-vaccine-unknown ul,.milk-vaccine-history,.milk-vaccine-sources ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.milk-vaccine-unknown li,.milk-vaccine-history li{display:grid;gap:4px;padding:9px 0;border-top:1px solid #E6D8AE}
.milk-vaccine-unknown time,.milk-vaccine-history time,.milk-vaccine-sources time{color:#617784;font-size:12px}
.milk-vaccine-unknown strong,.milk-vaccine-history strong{color:#123D59;font-size:13px}
.milk-vaccine-unknown li>span,.milk-vaccine-history li>span{color:#52636E;font-size:12px;line-height:1.55}
.milk-vaccine-detail{display:grid;gap:14px;align-content:start}
.milk-vaccine-detail-back{justify-self:start}
.milk-vaccine-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.milk-vaccine-detail-head h3{margin:7px 0 0;color:#123D59;font-size:20px}
.milk-vaccine-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#EAF6FC;color:#087FB9;font-size:12px;font-weight:700}
.milk-vaccine-badge[data-category=conditional]{background:#EFF8F3;color:#28764E}
.milk-vaccine-badge[data-category=family]{background:#F3F4F5;color:#52636E}
.milk-vaccine-detail dl{display:grid;gap:8px;margin:0}
.milk-vaccine-detail dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:9px;background:#F7FBFD}
.milk-vaccine-detail dt{color:#617784;font-size:13px;font-weight:600}
.milk-vaccine-detail dd{margin:0;color:#1F3847;font-size:13px;line-height:1.7}
.milk-vaccine-records{display:grid;gap:8px}
.milk-vaccine-records h4{margin:0;color:#123D59;font-size:15px}
.milk-vaccine-records>p{margin:0;color:#617784;font-size:13px;line-height:1.6}
.milk-vaccine-history li{border-color:#D9E5EA}
.milk-vaccine-sources{padding:10px 12px;border:1px solid #D9E5EA;border-radius:10px}
.milk-vaccine-sources ul{padding-top:5px}
.milk-vaccine-sources li{display:grid;gap:4px;padding:8px 0;border-top:1px solid #EAF0F3}
.milk-vaccine-sources a{color:#087FB9;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.milk-vaccine-detail>[data-vaccine-use]{width:100%;min-height:48px}
.milk-vaccine-save-note{margin:0;color:#617784;font-size:12px;line-height:1.6;text-align:center}
@media(max-width:600px){
  .milk-vaccine-lookup-dialog{width:calc(100% - 16px);height:calc(100% - 16px);border-radius:14px}
  .milk-vaccine-lookup{padding:14px}
  .milk-form>.milk-vaccine-name-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .milk-vaccine-name-row>button{padding:8px 10px;font-size:14px}
  .milk-vaccine-detail dl>div{grid-template-columns:64px minmax(0,1fr)}
}
/* Care handoff summary and searchable history for the query view. */
.milk-handoff-summary{margin:8px 0 18px;padding:16px;border:1px solid #d9e5ea;border-radius:14px;background:#fff}
#milk-query-view .milk-query-tabs+.milk-handoff-summary{margin-top:0}
.milk-handoff-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.milk-handoff-head h2{margin:0;font-size:18px;color:#123d59}
.milk-handoff-head p{margin:4px 0 0;color:#617784;font-size:13px;line-height:1.5}
.milk-handoff-period{display:inline-flex;gap:3px;padding:3px;border:1px solid #d9e5ea;border-radius:10px;background:#f5f8fa}
.milk-handoff-period button{min-height:36px;padding:6px 11px;border:0;border-radius:7px;background:transparent;color:#52636e;font:inherit;font-size:13px;cursor:pointer}
.milk-handoff-period button[aria-pressed="true"]{background:#087fb9;color:#fff;font-weight:650}
.milk-handoff-period button:focus-visible,.milk-handoff-actions button:focus-visible{outline:3px solid #85d2f1;outline-offset:2px}
.milk-handoff-coverage{margin:12px 0;padding:10px 12px;border-radius:9px;background:#f1f8fb;color:#52636e;font-size:13px;line-height:1.6}
.milk-handoff-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.milk-handoff-group{min-width:0;padding:12px;border:1px solid #e2eaee;border-radius:11px;background:#fff}
.milk-handoff-group h3{margin:0;color:#123d59;font-size:15px;line-height:1.45}
.milk-handoff-group ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:0}
.milk-handoff-group li{padding:8px 0;border-top:1px solid #edf1f3;color:#52636e;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.milk-handoff-group li:first-child{border-top:0}
.milk-handoff-note{margin-top:12px;padding:13px;border:1px solid #d9e5ea;border-radius:11px;background:#f8fbfc}
.milk-handoff-note>label{display:block;margin-bottom:7px;color:#123d59;font-size:14px;font-weight:650}
.milk-handoff-note textarea{box-sizing:border-box;width:100%;min-height:96px;resize:vertical;border:1px solid #c8dbe3;border-radius:9px;background:#fff;padding:10px 11px;color:#123d59;font:inherit;font-size:14px;line-height:1.6}
.milk-handoff-note textarea:focus{outline:3px solid #b8e4f4;border-color:#087fb9}
.milk-handoff-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px}
.milk-handoff-note-meta small{color:#617784;font-size:12px}
.milk-handoff-note-meta p,.milk-handoff-summary>[data-handoff-status]{margin:0;color:#617784;font-size:12px;line-height:1.5}
.milk-handoff-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.milk-handoff-actions button,.milk-history-filters button{min-height:42px;border:1px solid #aed7e8;border-radius:9px;background:#fff;color:#087fb9;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}
.milk-handoff-actions [data-handoff-copy]{background:#087fb9;border-color:#087fb9;color:#fff;font-weight:650}
.milk-handoff-actions button:disabled{opacity:.48;cursor:not-allowed}
.milk-handoff-disclaimer{margin:9px 0 0;color:#617784;font-size:12px;line-height:1.55}
.milk-history-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;margin:16px 0}
.milk-history-filters label{display:grid;gap:5px;font-size:13px;color:#52636e}
.milk-history-filters input,.milk-history-filters select{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #c8dbe3;border-radius:9px;background:#fff;padding:8px 10px;font:inherit;color:#123d59}
.milk-observation-history{margin:16px 0;padding:12px;border:1px solid #d9e5ea;border-radius:12px;background:#fff}
.milk-observation-history>summary{min-height:42px;align-content:center;color:#123d59;font-weight:650;cursor:pointer}
.milk-observation-history ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.milk-observation-history-row,.milk-history-summary-row{display:grid;gap:6px;padding:12px;border-radius:10px;background:#f5f8fa}
.milk-observation-history-row time,.milk-history-summary-row time{font-size:12px;color:#617784}
.milk-observation-history-row strong,.milk-history-summary-row strong{font-size:14px;color:#123d59}
.milk-observation-history-row small,.milk-history-summary-row small{font-size:13px;line-height:1.55;color:#52636e;overflow-wrap:anywhere}
.milk-observation-history-row>div{display:flex;gap:8px}
.milk-observation-history-row button,.milk-history-summary-row button{min-height:40px;padding:6px 10px;border:1px solid #aed7e8;border-radius:8px;background:#fff;color:#087fb9;font:inherit;cursor:pointer}
@media(max-width:680px){.milk-handoff-groups{grid-template-columns:1fr}}
@media(max-width:520px){.milk-handoff-summary{padding:12px}.milk-handoff-head{align-items:flex-start}.milk-handoff-period{width:100%}.milk-handoff-period button{flex:1}.milk-handoff-note{padding:11px}.milk-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-history-filters label:nth-child(4),.milk-history-filters button{grid-column:1/-1}}