/* Calm Clinical Pink completion layer: feedback and hierarchy only. */
:root{--status-ok:#24734d;--status-warn:#9a6700;--status-danger:#a82030;--status-info:#35648a}
.icon-mark{width:1.35em;height:1.35em;display:inline-block;vertical-align:-.3em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-box{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--p100);color:var(--p600)}
.icon-box .icon-mark{width:22px;height:22px;vertical-align:0}
.qa .icon-mark{display:block;margin:0 auto 4px;width:24px;height:24px}
.bottom .icon-mark{display:block;margin:0 auto 2px;width:21px;height:21px}
.save-confirm{min-width:120px}.save-confirm .save-check{font-weight:800}
.inline-error{display:block;min-height:1.2em;margin:5px 0 0;color:var(--status-danger);font-size:12px}
.field-invalid{border-color:var(--status-danger)!important;box-shadow:0 0 0 2px rgba(168,32,48,.12)!important}
.status-ok{color:var(--status-ok)!important}.status-warn{color:var(--status-warn)!important}.status-danger{color:var(--status-danger)!important}.status-info{color:var(--status-info)!important}
.inventory-card progress,.inventory-detail progress{accent-color:var(--p400);transition:accent-color 160ms ease}
.inventory-card progress[value],.inventory-detail progress[value]{transition:width 300ms var(--ease-out)}
.dialog.is-closing{animation:dialog-fade-out 150ms ease forwards}.dialog.is-closing .sheet{animation:sheet-out 150ms var(--ease-move) forwards}
@keyframes sheet-out{to{transform:translateY(20px);opacity:0}}@keyframes dialog-fade-out{to{opacity:0}}
.undo-toast{position:fixed;z-index:400;left:50%;bottom:calc(var(--nh) + var(--sb) + 14px);transform:translate(-50%,12px);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:10px 12px 10px 14px;border:1px solid var(--bd);border-radius:14px;background:var(--cream);color:var(--text);box-shadow:0 8px 24px rgba(45,24,32,.16);opacity:0;pointer-events:none;transition:opacity 160ms ease,transform 180ms var(--ease-out)}
.undo-toast.open{opacity:1;transform:translate(-50%,0);pointer-events:auto}.undo-toast button{min-height:36px;padding:6px 12px;border:1px solid var(--p200);border-radius:10px;background:var(--p100);color:var(--p600);font-weight:700}
@media(prefers-reduced-motion:reduce){.inventory-card progress,.inventory-detail progress,.dialog.is-closing,.dialog.is-closing .sheet,.undo-toast{transition:opacity 120ms ease;animation:none}.dialog.is-closing .sheet{transform:none}}
@media(min-width:768px){.undo-toast{bottom:24px}}

/* PepTrack friendly controls and measurement list. */
.button,.btn,.pill,.symptom-chips button{min-height:44px;box-sizing:border-box;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.actions,.qa,.section-head,.row-actions{gap:8px;} .symptom-chips{gap:8px;} .symptom-chips button{width:calc(50% - 4px);}
.measure-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;} .measure-summary p{margin:4px 0 0;}
.measure-list{display:grid;gap:10px;margin-top:16px;} .measure-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--p50);}
.measure-values{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;color:var(--ts);font-size:13px;} .measure-values strong{color:var(--text);} .row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;} .row-actions .button{min-width:72px;padding:10px 14px;}
@media(max-width:520px){.measure-summary{align-items:flex-start;flex-direction:column;} .measure-summary .button{width:100%;} .measure-row{align-items:stretch;flex-direction:column;} .row-actions{justify-content:stretch;} .row-actions .button{flex:1;} .symptom-chips button{width:100%;}}

/* Shared button rhythm: separate every action and keep equal control sizes. */
.actions,.report-actions,.row-actions{column-gap:12px;row-gap:12px;}
.actions>.button,.report-actions>.button,.row-actions>.button{flex:1 1 0;min-width:0;}
.tracker-onboarding .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:520px){.tracker-onboarding .actions{grid-template-columns:1fr;}.actions>.button,.report-actions>.button,.row-actions>.button{width:100%;}}