/* StressfreiPfoten: shared warm palette, readable controls and mobile spacing. */
:root{--parch:#f7f1e8;--warm:#fffdf9;--border:#e5dccf;--shadow:0 5px 24px rgba(49,57,34,.06)}
.sfp-appbar{max-width:760px;margin:auto;padding:14px 20px!important;background:#fff7e9!important;border-bottom:1px solid var(--border);font:14px/1.5 Arial,sans-serif!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-radius:0 0 18px 18px}
.sfp-appbar a{margin:0!important;font-weight:600;text-decoration:none;padding:6px 0}
#sfp-auth-status{margin-left:auto;font-size:12px;color:#456035}
.sfp-appbar details{flex-basis:100%;font-size:12px;color:#665e50}
.sfp-appbar summary{cursor:pointer;padding:4px 0}
.sfp-appbar details p{max-width:65ch;margin:8px 0}
#sfp-sync-status{flex-basis:100%;margin:0;color:#456035;font-size:12px;overflow-wrap:anywhere}
#sfp-sync-retry,#sfp-import{padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:#fffdf9;color:#243d1c;cursor:pointer;max-width:100%;white-space:normal}
.dash-header{border-radius:0 0 26px 26px;padding-bottom:26px}
#edit-profile{min-height:44px;font-size:13px!important;background:#ffffff12!important}
#sfp-ai-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:18px;padding:13px 18px;border:0;border-radius:24px;background:#254319;color:#fff;font:600 14px/1.4 inherit;cursor:pointer;white-space:normal}
#sfp-ai-button:disabled{opacity:.6;cursor:wait}
#ai-plan-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.75}
button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #c97b1a;outline-offset:3px}
#symptom-notes{background:#fffdf9;border:1.5px solid var(--border);color:var(--ink);font-size:16px!important;line-height:1.5}
.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 18px #1e3a0f08}
.nav-item{min-height:48px;border-radius:12px;margin:0 2px}
.nav-item.active{background:#edf2e5}
.nav-label{font-size:11px}
.chat-input-wrap{bottom:calc(68px + env(safe-area-inset-bottom,0px))}
.chat-input{min-width:0;font-size:16px}
.chat-feed{padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}
#sfp-chat-status{padding:8px 20px;color:#456035;font-size:13px}
@media(max-width:480px){.sfp-appbar{padding:12px 16px!important;gap:4px 14px;border-radius:0}.sfp-appbar a{font-size:13px}#sfp-auth-status{flex-basis:100%;margin:0}.field-input{font-size:16px}.bubble{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.screen{animation:none}.btn{transition:none}}


#screen-landing{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}
.sfp-appbar{max-width:480px;box-sizing:border-box}
#screen-landing .hero{padding:52px 28px 72px}
#screen-landing .hero h1{font-size:42px!important;line-height:1.15!important}
#screen-landing .hero .btn{width:auto;max-width:100%}
#screen-landing .hero .logo-clone{max-width:85%;object-fit:contain}
@media(max-width:380px){#screen-landing .hero h1{font-size:36px!important}}