/* Our Journey unified visual layer — styles only; no authorization or database changes */
:root{--oj-unified-border:#527d8f;--oj-unified-pink:#87c5ed;--oj-unified-purple:#3fabd9}
body:not(.auth-bg) .container{min-width:0}
body:not(.auth-bg) :is(.panel,.card,.oj-connect .tile,.oj-home-feature,.oj-dashboard-shortcut){border-radius:22px!important;border-color:#4f798b!important;box-shadow:0 10px 24px rgba(2,5,22,.12);transition:border-color .18s,transform .18s,box-shadow .18s}
body:not(.auth-bg) :is(.panel,.card,.oj-connect .tile,.oj-home-feature,.oj-dashboard-shortcut):hover{border-color:#74bbda!important}
body:not(.auth-bg) :is(.panel,.card) > h2:first-child{letter-spacing:-.025em}
body:not(.auth-bg) :is(.btn.primary,button.primary,.oj-connect button,.oj-connect .button){background:linear-gradient(110deg,#38a8d8,#58a0ce)!important;border:1px solid #7cbdd9!important;color:#fff!important;font-weight:750;border-radius:16px!important}
body:not(.auth-bg) :is(.btn,.oj-connect button,.oj-connect .button){min-height:44px}
body:not(.auth-bg) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border:1px solid #526183;border-radius:14px;max-width:100%}
body:not(.auth-bg) :is(input,textarea,select):focus-visible{outline:2px solid #6bbadc;outline-offset:2px}
body:not(.auth-bg) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #87ceec;outline-offset:3px}
body:not(.auth-bg) :is(.panel,.card) :is(h2,h3){overflow-wrap:anywhere}
body:not(.auth-bg) .oj-home-feature-icon{border:1px solid #5e93aa!important;background:linear-gradient(135deg,#284e5e,#24264b)!important;color:#8cccf5!important;border-radius:16px!important}
body:not(.auth-bg) .oj-home-feature{background:linear-gradient(150deg,#242c50,#1b2b45)!important}
body:not(.auth-bg) .oj-home-feature-primary{background:linear-gradient(150deg,#23424f,#242c50)!important}
body:not(.auth-bg) .oj-connect .hero{display:block!important;min-width:0;background:radial-gradient(circle at 90% 0%,#529dbd4d,transparent 55%),linear-gradient(135deg,#182b45,#241d40)!important}
body:not(.auth-bg) .oj-connect .hero h1{max-width:100%;overflow-wrap:normal;word-break:normal;font-size:clamp(1.8rem,6vw,2.8rem);line-height:1.15}
body:not(.auth-bg) .oj-connect .hero p{max-width:62ch}
body:not(.auth-bg) .oj-connect .tile{background:linear-gradient(140deg,#1c3049,#232847)!important}
body:not(.auth-bg) .oj-connect .grid{align-items:stretch}
body:not(.auth-bg) .oj-connect :is(button,.button){max-width:100%;white-space:normal}
body:not(.auth-bg) .oj-dashboard-shortcut-icon{background:linear-gradient(135deg,#2b5d73,#264654)!important;color:#89c8f0!important}
body:not(.auth-bg) .oj-home-collections{border-color:#5d8fa5!important}
@media(max-width:680px){body:not(.auth-bg) .oj-connect .hero{padding:22px!important}body:not(.auth-bg) .oj-home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:not(.auth-bg) .oj-home-feature{min-height:145px!important}body:not(.auth-bg) .oj-connect .grid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){body:not(.auth-bg) :is(.panel,.card,.oj-home-feature,.oj-dashboard-shortcut){transition:none!important}}
/* Auth screens: existing wolf-heart logo retained */
.auth-bg{background:radial-gradient(ellipse at 80% 4%,#2f6c865e,transparent 45%),radial-gradient(ellipse at 8% 95%,#2e95c154,transparent 48%),#081527!important;min-height:100vh}
.auth-bg .auth-card{background:linear-gradient(150deg,#1b2a49,#271e40)!important;border:1px solid #6aa6c0!important;border-radius:26px!important;box-shadow:0 24px 70px #030717bb,0 0 0 1px #5ea3c021!important}
.auth-bg .auth-card .auth-logo{filter:drop-shadow(0 0 14px #4aafdb65)}
.auth-bg .auth-card h1{color:#fff!important}
.auth-bg .auth-card :is(input,select){background:#09182c!important;border:1px solid #4d7687!important;color:#fff!important;border-radius:13px!important}
.auth-bg .auth-card :is(input,select):focus-visible{outline:2px solid #80c6e4;outline-offset:2px}
.auth-bg .auth-card .btn.primary{background:linear-gradient(110deg,#38a8d8,#58a4d4)!important;border:1px solid #7fc1de!important;border-radius:15px!important}
.auth-bg .auth-card a{color:#88c7ef}