/* Shared Ogenta application theme. Existing screens, data, and handlers retained. */
:root{--midnight:#075e56;--navy:#174e45;--navy-light:#2d7261;--amber:#075e56;--amber-light:#cbe8dc;--amber-pale:#e6f1e7;--amber-dark:#17574a;--teal:#16796e;--teal-pale:#e3f2ec;--cream:#fffaf2;--white:#fffefa;--text:#153e39;--text-muted:#49655e;--border:#bccfc1;--danger:#ad3e34;--danger-light:#fff0ec;--warning:#a45725;--warning-light:#fff0de;--good:#267348;--good-light:#e2f1e5;--shadow:0 3px 14px #153e3907;color-scheme:light}
body,input,select,textarea,button{font-family:'DM Sans',sans-serif}body{background:var(--cream);font-size:16px;line-height:1.5}h1,h2,h3,.sec-title,.card-title,.modal-title,.stat-num,.logo-main,.ob-title,.ob-logo{font-family:'Instrument Serif',serif;font-weight:400}em{color:#b64e28}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8582b}button{min-height:44px}.app{max-width:1100px;padding:26px 28px 40px}header{background:#fffaf2;border-bottom:1px solid #bccfc1;height:auto;min-height:80px;padding:15px max(24px,calc((100vw - 1044px)/2));gap:24px;flex-wrap:wrap;box-shadow:none}.logo-main{color:var(--midnight)!important;font-size:34px!important;font-weight:400!important;letter-spacing:-1px}.logo-main img{height:30px!important;mix-blend-mode:multiply}.header-nav{gap:5px;flex-wrap:wrap;max-width:100%}.nav-btn{color:#49655e;padding:10px 13px;border-radius:6px;font-size:16px;border:1px solid transparent}.nav-btn.active{color:#fff;background:#075e56;border-color:#075e56}.nav-btn:hover:not(.active){color:#075e56;background:#e6f1e7}.hero{background:#c7e5d2;border:1px solid #a1c5ad;border-radius:12px;color:#153e39;padding:26px 28px;margin-bottom:20px}.hero:before,.hero:after{display:none}.hero-tag{background:#fffaf2;color:#255d43;border:1px solid #a1c5ad;font-size:16px;letter-spacing:.5px;padding:5px 12px;margin-bottom:12px;border-radius:5px}.hero h1{font-size:44px;font-weight:400;line-height:1.1;margin-bottom:12px}.hero h1 em{color:#a64c2c}.hero p{color:#355b4a;font-size:18px;max-width:700px;font-weight:400;margin-bottom:20px;line-height:1.55}.hero-btns{gap:10px}.btn{border-radius:6px;font-size:16px;padding:11px 18px;font-weight:500;line-height:1.4}.btn-primary,.btn-dark{background:#075e56;color:white}.btn-primary:hover,.btn-dark:hover{background:#164a3f;box-shadow:none}.btn-secondary{background:#e6f1e7;color:#17574a;border:1px solid #a9c3ad}.btn-outline{border-color:#99b3a1;color:#315d46}.btn-sm{font-size:16px;padding:8px 12px}.btn-white{color:#075e56}.card{padding:22px;border-radius:10px;border-color:#bccfc1;box-shadow:none;margin-bottom:18px}.card-title{font-size:29px;line-height:1.15;margin-bottom:8px}.card-sub{font-size:16px;margin-bottom:18px;line-height:1.5}.sec-title{font-size:36px;line-height:1.15}.sec-header{gap:15px;flex-wrap:wrap}.stats-row{gap:12px;margin-bottom:18px}.stat-box{background:#edf3e7;border:1px solid #bdcfb4;border-radius:8px;padding:16px}.stat-num{color:#075e56;font-size:37px}.stat-label{color:#496144;font-size:16px;letter-spacing:.3px;line-height:1.5}.med-pill{background:#e6f1e7;color:#17574a;border:1px solid #a9c3ad;border-radius:6px;font-size:17px;padding:9px 14px}.reminder-banner{background:#ffeddb;border:1px solid #e1bb95;border-radius:8px;padding:16px;gap:14px;flex-wrap:wrap}.reminder-banner p,.reminder-banner strong{font-size:16px;color:#714322}.reminder-banner p{min-width:160px}.crisis-banner{background:#fff0ec;color:#873a32;border:1px solid #e1b8af;border-radius:8px;padding:16px}.crisis-banner p,.crisis-banner strong{font-size:16px;opacity:1}.crisis-btn{color:#873a32;border:1px solid #d09f95;border-radius:6px;font-size:16px;white-space:normal;min-height:44px}.alert{font-size:16px;border-radius:6px;line-height:1.6}.alert-info{background:#e7f1eb}.alert-amber{background:#edf3e7}input,select,textarea{font-family:'DM Sans',sans-serif;font-size:16px!important;border-color:#a8bfad;border-radius:6px;background:#fffefa;color:#153e39;padding:12px;max-width:100%;min-width:0}input[type=range]{accent-color:#075e56}label{font-size:16px;line-height:1.5}.mood-btn{border-width:1px;border-radius:8px;padding:14px 5px}.mood-btn span{font-size:16px}.mood-btn.selected{border:2px solid #075e56;background:#dcefdc}.mood-btn:hover{transform:none}.chip,.tag-btn,.sugg-chip{font-size:16px;border-radius:6px;padding:9px 12px}.chip.selected{border-color:var(--danger)}.sev-lbl,.privacy-note,.brand-footer p,.progress-label{font-size:16px;line-height:1.5}.tag-btn.active,.vtab.active{background:#075e56;color:white}.chat-wrap{height:580px;border-radius:10px;box-shadow:none}.chat-head{background:#e0edde;border-bottom:1px solid #a9c3ad;padding:17px 20px}.chat-head-name{font-size:18px;color:#153e39}.chat-head-status{font-size:16px;color:#49655e}.chat-avatar{background:#b9dcc4}.chat-msgs{background:#f7f8f0;padding:18px}.msg-bubble{font-size:17px;line-height:1.6;border-radius:9px}.msg-time{font-size:16px}.msg-user .msg-bubble{background:#075e56}.chat-input,.sugg-chip{font-size:16px}.send-btn{background:#075e56;color:white;width:46px;height:46px}.chat-input-row{gap:12px}.chat-suggs{gap:8px}.tool-card{background:#e0edde;border:1px solid #a6c2a8;border-radius:9px;padding:20px;box-shadow:none}.tool-name{color:#153e39;font-size:23px}.tool-desc{color:#49655e;font-size:16px;line-height:1.6}.tool-card:hover{border-color:#075e56;box-shadow:none;transform:translateY(-2px)}.vtab{border-radius:6px;font-size:17px}.vtab-sub{font-size:16px;opacity:1;color:inherit}.video-card{background:#fffefa;border-color:#bccfc1;border-radius:9px}.video-title{color:#153e39;font-size:18px}.video-meta{color:#49655e;font-size:16px}.play-btn{color:white;background:#075e56}.note-card{border-radius:8px;padding:18px}.note-date,.note-preview,.note-tag{font-size:16px}.note-tag{border-radius:4px}.log-date{font-size:16px}.log-date strong{font-size:29px}.log-d h4{font-size:21px}.log-d p{font-size:16px}.modal-overlay{background:#143d3270;backdrop-filter:blur(3px)}.modal{border-radius:12px;border:1px solid #bccfc1;padding:24px;max-width:600px}.modal-title{font-size:30px;line-height:1.15}.modal-close{font-size:28px;min-width:44px}.step-list li{font-size:16px;line-height:1.6}.step-num{font-size:16px;min-width:30px;height:30px;color:white}.brand-footer{padding-top:18px}.brand-footer p{font-size:16px}.brand-footer a{color:#075e56}.breath-count{color:#e7c88f}.breath-phase{font-size:17px;opacity:1}.breath-inner{color:white}
/* Intake is a compact, scrolling form, with no fixed controls over fields. */
#onboarding{background:#edf3e7;padding:26px 20px;justify-content:flex-start;min-height:100dvh;height:100dvh;overflow:auto;align-items:center}#onboarding .ob-step{max-width:650px;width:100%;text-align:left;background:#fffaf2;border:1px solid #b7ccb4;border-radius:12px;padding:26px!important;margin:auto;min-height:0!important;overflow:visible!important;box-shadow:0 6px 24px #16482d0a}#onboarding .ob-step.active{display:block!important}#onboarding .ob-step:after{display:none!important}#onboarding .ob-step .ob-logo{font-size:42px!important;font-weight:400!important;letter-spacing:-1px;color:#075e56!important;margin:0 0 22px!important;align-items:flex-start}#onboarding .ob-logo span{font-family:'DM Sans',sans-serif;font-size:16px!important;font-weight:500;letter-spacing:.6px!important;color:#49655e!important;margin-top:7px}#onboarding .ob-logo-row{font-family:'Instrument Serif',serif;font-size:42px!important;gap:8px;justify-content:flex-start}#onboarding .ob-logo-row img,#onboarding #ob1 .ob-logo-row img{height:34px!important;mix-blend-mode:multiply}#onboarding .ob-icon{display:none!important}#onboarding .ob-title,#onboarding #ob1 .ob-title,#onboarding #ob2 .ob-title{font-size:40px!important;line-height:1.1;color:#153e39!important;margin-bottom:14px!important}#onboarding .ob-title em{color:#b64e28!important}#onboarding .ob-body,#onboarding #ob1 .ob-body{font-size:18px!important;line-height:1.6;color:#49655e!important;font-weight:400;margin-bottom:18px!important}#onboarding .ob-step>div[style*="margin"]{margin:0 0 18px!important;padding:0!important}#onboarding .ob-input,#onboarding .ob-select{width:100%!important;border:1px solid #a4bba7!important;border-radius:6px!important;background:#fffefa!important;color:#153e39!important;font-size:16px!important;padding:12px!important;margin:0 0 12px!important;min-height:48px;box-shadow:none!important}#onboarding .ob-input::placeholder{color:#5a7163!important;opacity:1}#onboarding .ob-select option{background:white;color:#153e39}#onboarding .ob-field-label,#onboarding .ob-field-hint{color:#49655e!important;font-size:16px!important}#onboarding .ob1-bottom{position:static!important;padding:0!important;background:none!important;width:100%!important;display:block!important}#onboarding .ob-dots{position:static!important;display:flex;margin:20px 0!important;justify-content:flex-start;pointer-events:auto}#onboarding .ob-dot{background:#c8d6bf}#onboarding .ob-dot.active{background:#075e56}#onboarding .btn-primary,#onboarding .btn-lg{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;font-size:18px!important;padding:14px 18px!important;min-height:50px;margin:14px 0 8px!important;background:#075e56!important;color:white!important;border-radius:6px!important}#onboarding .ob1-bottom p{font-size:16px!important;color:#075e56!important;text-align:center;margin-top:14px!important}#onboarding .ob-chips{justify-content:flex-start;margin:18px 0!important;gap:10px}#onboarding .ob-chip{font-size:16px!important;border:1px solid #9db99e;color:#315a41;background:#fffefa;border-radius:6px;padding:10px 14px}#onboarding .ob-chip.sel{background:#d8ebd9;border-color:#075e56;color:#075e56}#onboarding .disclaimer-box{background:#e9f1e3;border-color:#b8cdb3;border-radius:7px;margin:18px 0!important}#onboarding .disclaimer-box p,#onboarding .disclaimer-box strong{font-size:16px!important;color:#355a3d!important;line-height:1.7}#onboarding label[style]{color:#355a3d!important;font-size:16px!important}
@media(max-width:850px){header{padding:14px 20px;gap:12px;display:block}.logo-wrap{margin-bottom:12px}.header-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;width:100%;scrollbar-width:thin}.nav-btn{flex:0 0 auto}.app{padding:20px}.hero h1{font-size:39px}.hero{padding:22px}.stats-row{gap:9px}.stat-label{font-size:16px}.chat-wrap{height:620px;max-height:85dvh}.mood-scale{gap:5px}.mood-btn{padding:12px 3px}.mood-btn span{font-size:16px}.grid-2{grid-template-columns:1fr}.crisis-banner{flex-wrap:wrap}.tool-grid,.video-grid{gap:12px}.modal{max-height:90dvh;padding:20px}.sec-header{align-items:flex-start}.screen{min-width:0}}
@media(max-width:520px){.app{padding:16px}.hero{padding:20px}.hero h1{font-size:36px}.hero p{font-size:17px}.card{padding:18px}.card-title{font-size:28px}.stats-row{grid-template-columns:1fr 1fr 1fr;gap:7px}.stat-box{padding:13px 6px}.stat-num{font-size:30px}.stat-label{font-size:16px;letter-spacing:0;text-transform:none}.sec-title{font-size:33px}.tool-grid,.video-grid{grid-template-columns:1fr}.tool-desc,.video-meta,.vtab-sub{font-size:16px}.chat-wrap{height:620px}.chat-head{padding:14px}.chat-head-status{font-size:16px}.chat-msgs{padding:12px}.msg{max-width:95%}.msg-bubble{font-size:16px}.sugg-chip{font-size:16px}.chat-input-row{padding:12px;gap:7px}.modal{padding:18px}.modal-title{font-size:28px}.mood-scale{flex-wrap:wrap}.mood-btn{flex:1 0 28%;min-width:0}.mood-btn span{font-size:16px}.log-entry{gap:10px}.log-date{min-width:48px}.reminder-banner{gap:10px}.btn{font-size:16px}.hero-btns .btn{width:100%;justify-content:center}#onboarding{padding:14px 12px;display:block}#onboarding .ob-step{padding:20px!important;margin:0 auto!important}#onboarding .ob-logo-row{font-size:38px!important}#onboarding .ob-title,#onboarding #ob1 .ob-title,#onboarding #ob2 .ob-title{font-size:35px!important}#onboarding .ob-body,#onboarding #ob1 .ob-body{font-size:17px!important}#onboarding .ob-logo span{letter-spacing:0!important;line-height:1.5}#onboarding .ob-select{white-space:normal!important}#onboarding .ob-chip{padding:10px 12px}.sev-row{gap:8px;flex-wrap:wrap}.sev-lbl{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#onboarding .ob-step.active{flex-shrink:0!important;flex-grow:0!important;height:auto!important;padding:26px!important}#onboarding{justify-content:flex-start!important}#onboarding #ob1.ob-step.active,#onboarding #ob2.ob-step.active,#onboarding #ob3.ob-step.active,#onboarding #ob4.ob-step.active,#onboarding #ob5.ob-step.active{padding:26px!important}#onboarding .ob-dots{justify-content:flex-start!important}#breathModal .modal-title{color:#fffaf2!important}#breathModal .modal-close{color:white!important}
@media(max-width:520px){#onboarding #ob1.ob-step.active,#onboarding #ob2.ob-step.active,#onboarding #ob3.ob-step.active,#onboarding #ob4.ob-step.active,#onboarding #ob5.ob-step.active{padding:20px!important}#onboarding{padding:14px 12px!important;display:block!important}#onboarding .ob-step.active{max-width:100%!important}#onboarding #ob5 .ob-title{font-size:35px!important}}
.screen,.ob-step,.msg{animation:none!important}.ob-skip{border:0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;display:block;width:100%;margin-top:14px;color:#075e56;font-size:16px}.ob-chip{font-family:'DM Sans',sans-serif;text-align:left}
#insurance>.card:nth-child(2){text-align:left!important;background:#e0edde;padding:24px!important}#insurance>.card:nth-child(2)>div:first-child{display:none}#insurance>.card:nth-child(2)>p{max-width:760px!important;margin:12px 0 18px!important}#insurance>.card:nth-child(2)>div{font-size:32px!important}#history .card svg,#report svg{height:140px!important}#home .hero .btn-dark{background:#fffaf2;color:#075e56;border:1px solid #9ab89f}#insurance .card>div[style*="grid-template-columns"]>div{text-align:left!important;padding:12px!important}
@media(max-width:520px){#insurance>.card:nth-child(2){padding:20px!important}#insurance>.card:nth-child(2)>div{font-size:29px!important}.header-nav{mask-image:none!important;-webkit-mask-image:none!important}#history .card svg,#report svg{height:110px!important}}
@media(max-width:768px){.app{padding:18px 16px 30px!important}#reportContent>.card>div:first-child{flex-wrap:wrap;gap:14px}#reportContent>.card>div:first-child>div:last-child{text-align:left!important}#reportContent table{display:block;overflow-x:auto;width:100%;max-width:100%}}
