/* Matches https://uat.lifeonewellness.com/ and its existing assistant branding. */
:root { --green-950:#044c31; --green-900:#045b39; --green-800:#087849; --green-700:#0a8957; --green-100:#edf8f1; --green-50:#f4fbf7; --command-ink:#17382b; --command-accent:#087849; --command-line:#e0ebe4; --lifeone-gold:#d6a52d; }
.lifeone-announcement { display:flex; justify-content:space-between; padding:9px max(24px,calc((100% - 1180px)/2)); background:#efbe25; color:#19392d; font-size:11px; font-weight:700; }
.lifeone-site-logo { display:block; width:185px; height:58px; object-fit:contain; }
.site-header { background:#fff; }
.site-nav { height:80px; }
.nav-chat-btn,.primary-action { background:#045b39; }
.floating-chat-panel { border-radius:24px; border-color:#d5e7db; width:min(590px,calc(100vw - 48px)); box-shadow:0 28px 80px #12432e40; }
.chat-header { padding:16px 20px; background:linear-gradient(135deg,#087849,#045b39); min-height:82px; }
.chat-header h1 { font-size:18px; font-weight:800; }
.brand-mark { border:0; background:transparent; box-shadow:none; border-radius:0; width:48px; height:48px; }
.brand-mark img { width:48px; height:48px; object-fit:contain; }
.lifeone-brand-strip { flex-shrink:0; padding:10px 16px; background:#fff9e8; color:#86671d; text-align:center; text-transform:uppercase; font-size:9px; letter-spacing:1.5px; font-weight:800; }
.lifeone-brand-strip span { margin:0 8px; color:#d6a52d; }
.command-kicker { color:#927025; }
.command-toolbar button { color:#087849; background:#edf8f1; }
.floating-chat-panel .messages { background:linear-gradient(180deg,#f6fbf8,#fff); }
.bot-avatar { background:#edf8f1; border:1px solid #dfebe2; }
.bot-avatar img { width:24px; height:24px; object-fit:contain; }
.conversation-welcome { background:#f1f8f3; border:1px solid #e0ebe4; }
.conversation-welcome-icon { background:transparent; box-shadow:none; }
.conversation-welcome-icon img { width:34px; height:34px; object-fit:contain; }
.user .bubble,.send-btn { background:#087849; }
.choice-leaf { background:#edf8f1; color:#087849; }
.choice-card:hover,.catalog-card:hover { border-color:#d6a52d; background:#fffdf6; }
.choice-card[data-command="packages"] .choice-leaf,.choice-card[data-command="terms"] .choice-leaf { background:#fff7dc; color:#95701c; }
.catalog-action { color:#087849; }
.detail-type-badge { background:#fff7dc; color:#86671d; }
.detail-hero,.document-heading { background:linear-gradient(135deg,#edf8f1,#fff9e8); }
.profile-v2-hero { background:linear-gradient(135deg,#087849,#045b39); }
.profile-v2-wallet { background:linear-gradient(110deg,#fff9e8,#fffdf6); border-color:#ebdba6; }
.profile-v2-wallet-copy strong { color:#045b39; }
.mode-icon { background:transparent; box-shadow:none; width:76px; height:76px; }
.mode-icon img { width:76px; height:76px; object-fit:contain; }
.mode-selector { background:radial-gradient(ellipse at top,#edf8f1,transparent 65%),#fff; }
.mode-kicker { color:#927025; }
.mode-card:hover { border-color:#d6a52d; }
.floating-chat-btn { width:64px; height:64px; padding:0; justify-content:center; border:3px solid #fff; border-radius:50%; background:linear-gradient(135deg,#0a8957,#045939); box-shadow:0 14px 38px #08784957; }
.floating-chat-btn>span:last-child { display:none; }
.floating-chat-btn svg { width:28px; height:28px; }
.floating-chat-btn .chat-pulse { border-radius:50%; }
.quick-chip:hover { background:#fff7dc; border-color:#d6a52d; color:#684b0d; }
.composer:focus-within { border-color:#087849; }
.site-links button { border:0; padding:8px 4px; background:transparent; color:#17382b; font-size:12px; font-weight:700; cursor:pointer; }
.site-links button:hover { color:#087849; }
.journey-shell { overflow:hidden; background:#fff; border:1px solid #e0ebe4; border-radius:20px; }
.journey-hero { padding:24px; background:linear-gradient(125deg,#087849,#045b39); color:#fff; position:relative; }
.journey-hero>span { color:#f3d36d; font-size:9px; letter-spacing:1.6px; font-weight:800; }
.journey-hero h3 { margin:9px 0; font-size:27px; letter-spacing:-.6px; }
.journey-hero p { margin:0; font-size:12px; color:#e3f2e9; line-height:1.7; max-width:380px; }
.journey-passive .journey-hero { background:linear-gradient(125deg,#1b4838,#536542); }
.journey-count { padding:12px 20px; color:#85631b; background:#fff9e8; font-size:11px; font-weight:700; }
.rank-list { display:grid; gap:12px; padding:16px; background:#f7faf7; }
.rank-card { position:relative; padding:18px; border:1px solid #dfebe2; border-radius:15px; background:#fff; box-shadow:0 4px 14px #12432e06; }
.rank-card:last-child { border-color:#d6a52d; background:linear-gradient(130deg,#fff,#fff9e8); }
.rank-head { display:flex; align-items:center; gap:13px; margin-bottom:15px; }
.rank-icon { width:48px; min-width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#edf8f1; font-size:23px; letter-spacing:-5px; padding-right:5px; }
.rank-copy { min-width:0; }
.rank-icon-stars { font-size:14px; letter-spacing:-2px; padding-right:0; }
.rank-copy>span { color:#95701c; font-size:9px; letter-spacing:1.4px; font-weight:800; }
.rank-copy h4 { margin:5px 0 0; font-size:16px; color:#17382b; line-height:1.4; overflow-wrap:anywhere; }
.rank-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.rank-metrics>div { background:#f0f7f2; padding:12px; border-radius:10px; min-width:0; }
.rank-metrics span { display:block; color:#5d7567; font-size:10px; margin-bottom:5px; }
.rank-metrics strong { display:block; font-size:19px; color:#045b39; letter-spacing:-.4px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.journey-passive .rank-metrics { grid-template-columns:1fr; }
.journey-passive .rank-metrics>div { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff9e8; }
.rank-reward { margin-top:13px; border-top:1px solid #edf1ed; padding-top:13px; }
.rank-reward>span { color:#95701c; font-size:9px; font-weight:800; letter-spacing:1.4px; }
.rank-reward p { margin:6px 0 0; font-size:13px; color:#40594b; line-height:1.8; overflow-wrap:anywhere; }
.about-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #e0ebe4; background:#fff9e8; }
.about-facts>div { padding:16px 8px; text-align:center; border-right:1px solid #ede2c1; }
.about-facts strong { display:block; font-size:17px; color:#045b39; }
.about-facts span { display:block; font-size:10px; margin-top:4px; color:#85631b; }
.journey-story { padding:8px 22px 22px; color:#40594b; font-size:13px; line-height:1.9; }
.journey-story p { margin:17px 0; }
.journey-story blockquote { margin:20px 0; padding:16px; border-left:3px solid #d6a52d; background:#fff9e8; border-radius:0 12px 12px 0; color:#685522; }
.journey-story .story-closing { padding:16px; border-radius:12px; background:#edf8f1; font-weight:700; color:#045b39; }
.document-stack:has(.journey-shell) { width:100%!important; max-width:100%!important; }
@media(max-width:640px) { .site-links { gap:8px; flex-wrap:wrap; justify-content:flex-end; } .site-links button { font-size:10px; padding:4px 0; } .site-brand { flex-shrink:0; } .site-nav { height:auto!important; min-height:78px; gap:12px; } .lifeone-site-logo { width:120px!important; } .journey-hero { padding:20px; } .rank-list { padding:12px; } .rank-card { padding:15px; } .rank-metrics strong { font-size:17px; } }
@media(max-width:640px) { .floating-chat-panel { width:100vw; height:100dvh; border-radius:0; } .lifeone-announcement { padding:7px 14px; font-size:9px; } .lifeone-announcement span { display:none; } .lifeone-site-logo { width:158px; height:48px; } .site-nav { height:68px; } .chat-header { padding:14px 16px; min-height:74px; } .lifeone-brand-strip { padding:8px; } }