/* Uses the approved app theme; only these personal-plan surfaces are affected. */
#onboardingRoot .ob-field textarea,#onboardingRoot .ob-field select {width:100%;min-width:0;min-height:48px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;line-height:1.5;}
#onboardingRoot .ob-field textarea {resize:vertical;}
#onboardingRoot .ob-condition {padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:12px;}
#onboardingRoot .ob-condition .ob-field {margin-bottom:8px;}
#onboardingRoot .ob-condition p {font-size:.9rem;line-height:1.55;color:var(--muted);margin:8px 0;}
#onboardingRoot a {color:var(--purple);text-underline-offset:3px;}
#onboardingRoot .ob-number-grid {margin-top:20px;gap:18px;}
.personal-plan-card {border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:22px;margin:0 0 28px;color:var(--ink);max-width:100%;}
.personal-card-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.personal-card-heading p {font-size:.8rem;color:var(--muted);margin:0 0 4px;}
.personal-plan-card h2 {font-size:1.35rem;letter-spacing:-.03em;margin:0;}
.personal-plan-card p,.personal-summary p {font-size:.9rem;line-height:1.6;max-width:65ch;}
.personal-plan-card small {display:block;font-size:.8rem;color:var(--muted);line-height:1.6;}
.personal-plan-card button {border:0;border-radius:12px;min-height:44px;margin:0;padding:10px 14px;color:var(--purple);background:var(--blue-soft);font:inherit;font-size:.9rem;white-space:normal;overflow-wrap:normal;}
.personal-actions {display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px;}
.personal-explanation {margin-top:8px;}
.personal-explanation summary {min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted);font-size:.9rem;gap:10px;}
.personal-explanation summary::after {content:'+';margin-left:auto;color:var(--purple);font-size:1.2rem;}
.personal-explanation[open] summary::after {content:'−';}
#personalProgress>.personal-summary>h3 {display:none;}
.personal-context {font-size:.9rem;margin:0;}
.personal-context>div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);}
.personal-context dt {color:var(--muted);}
.personal-context dd {margin:0;}
.personal-plan-card ul,.personal-summary ul {padding-left:22px;font-size:.9rem;line-height:1.6;}
.personal-summary {padding:14px 0;}
.personal-summary h3 {font-size:1.1rem;margin:0 0 8px;}
.personal-reference {display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.personal-reference strong {font-size:2rem;font-weight:650;letter-spacing:-.04em;}
.personal-reference small,.personal-reference a {font-size:.8rem;line-height:1.5;max-width:60ch;}
.personal-reference a {color:var(--purple);}
dialog.personal-editor {position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:var(--canvas);color:var(--ink);overflow:hidden;}
.personal-editor-task {width:min(100%,680px);margin:auto!important;padding:0 24px max(18px,env(safe-area-inset-bottom));flex:1;}
.personal-editor [data-personal-error] {color:var(--danger);}
.personal-checkin-note {font-size:.9rem;line-height:1.6;color:var(--muted);}
@media(max-width:600px){.personal-plan-card{padding:18px;border-radius:20px;}.personal-editor-task{padding-left:18px;padding-right:18px;}}

/* Today is meals-first: goal context is an opt-in disclosure, not a dashboard card. */
#personalToday { padding:0; margin:0 0 22px; border:0; background:transparent; border-radius:0; }
.personal-plan-disclosure > summary { display:flex; align-items:center; gap:10px; width:fit-content; max-width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:24px; background:var(--surface); cursor:pointer; list-style:none; font-size:.8125rem; line-height:1.4; }
.personal-plan-disclosure > summary::-webkit-details-marker { display:none; }
.personal-pill-label { color:var(--muted); flex:none; }
.personal-pill-goal { color:var(--ink); font-weight:600; min-width:0; }
.personal-plan-disclosure > summary svg { flex:none; width:18px; height:18px; margin-left:2px; fill:none; stroke:var(--purple); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.personal-plan-disclosure[open] > summary svg { transform:rotate(180deg); }
.personal-plan-disclosure > summary:focus-visible { outline:2px solid var(--purple); outline-offset:4px; }
.personal-plan-expanded { padding:16px 18px; margin-top:10px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.personal-plan-expanded > p:first-child { margin-top:0; }
.personal-plan-expanded .personal-actions { margin-top:14px; }
@media(prefers-reduced-motion:reduce){.personal-plan-disclosure > summary svg { transition:none; }}