:root{--alm-bg:#071c17;--alm-panel:#0c2b23;--alm-panel2:#123a2f;--alm-gold:#d8b85a;--alm-cream:#f8f2df;--alm-muted:#b9c9c2;--alm-line:rgba(216,184,90,.25)}
body.product-app-page{background:radial-gradient(circle at 20% 0%,rgba(24,92,70,.32),transparent 36%),linear-gradient(180deg,#071c17 0%,#0a241d 100%)!important;color:var(--alm-cream);min-height:100vh;overflow-x:hidden}
body.product-app-page .product-layout{display:block!important;min-height:calc(100vh - 76px)}
body.product-app-page .product-sidebar{display:none!important}
body.product-app-page .product-main,body.product-app-page .num-shell{width:min(1500px,100%);max-width:none!important;margin:0 auto!important;padding:24px clamp(14px,3vw,42px)!important}
body.product-app-page .product-topbar{position:sticky;top:0;z-index:1000;display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;padding:10px clamp(14px,3vw,42px)!important;background:rgba(5,24,19,.94)!important;border-bottom:1px solid var(--alm-line)!important;backdrop-filter:blur(16px)}
body.product-app-page .product-brand{justify-self:start}
body.product-app-page .product-topbar-center{justify-self:center;display:flex!important;align-items:center;gap:10px}
body.product-app-page .account-menu{justify-self:end}
.alm-top-link,.alm-services-trigger{border:1px solid transparent;background:transparent;color:var(--alm-cream);font:inherit;font-weight:750;text-decoration:none;padding:10px 15px;border-radius:999px;cursor:pointer}
.alm-top-link:hover,.alm-services-trigger:hover,.alm-services-trigger[aria-expanded="true"]{border-color:var(--alm-line);background:rgba(216,184,90,.1);color:#fff7d6}
.alm-services-popover{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:1200;width:min(760px,calc(100vw - 24px));padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#0c2b23;border:1px solid var(--alm-line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.alm-services-popover[hidden]{display:none!important}.alm-services-popover a{color:var(--alm-cream);text-decoration:none;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.alm-services-popover a:hover{background:rgba(216,184,90,.12);border-color:var(--alm-line)}
.alm-service-row{position:sticky;top:70px;z-index:800;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;background:rgba(7,28,23,.91);border-bottom:1px solid rgba(216,184,90,.14);backdrop-filter:blur(12px)}
.alm-profile-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--alm-line);border-radius:999px;padding:8px 14px;color:var(--alm-cream);background:rgba(216,184,90,.08)}
.alm-global-disclaimer{width:min(1200px,calc(100% - 28px));margin:18px auto 12px;padding:10px 14px;text-align:center;color:var(--alm-muted);font-size:.82rem;border-top:1px solid rgba(216,184,90,.16)}
body.product-app-page .card,body.product-app-page .num-panel{background:linear-gradient(145deg,rgba(18,58,47,.95),rgba(9,35,28,.95))!important;border:1px solid var(--alm-line)!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;color:var(--alm-cream)}
/* AI chat: full width, no side content, composer directly under conversation */
body.ai-chat-page .ai-chat-workspace{display:block!important;max-width:1180px;margin:0 auto}
body.ai-chat-page .ai-chat-main{width:100%!important;max-width:none!important}
body.ai-chat-page .ai-search-heading,body.ai-chat-page .ai-topic-chips,body.ai-chat-page .ai-voice-status-row{display:none!important}
body.ai-chat-page .ai-search-experience{display:flex;flex-direction:column;gap:10px}
body.ai-chat-page .ai-conversation{order:1;background:rgba(4,20,16,.45)!important;border:1px solid rgba(216,184,90,.16);border-radius:22px;padding:18px;height:clamp(470px,64vh,760px)!important;min-height:470px!important}
body.ai-chat-page .ai-google-search{order:2;position:sticky!important;bottom:52px!important;top:auto!important;z-index:40;background:#f8fafc!important;border:2px solid rgba(216,184,90,.65)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important;padding:10px 12px 10px 58px!important}
body.ai-chat-page .ai-google-search:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:url('/static/images/divine-parrot-ai.png') center/cover no-repeat;border:1px solid rgba(216,184,90,.7)}
body.ai-chat-page .ai-search-icon{display:none!important}
body.ai-chat-page .ai-answer-mode-selector{order:3;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;background:transparent!important;padding:0!important}
body.ai-chat-page .ai-answer-mode-label{display:none!important}
body.ai-chat-page .ai-answer-mode-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
body.ai-chat-page .ai-answer-mode-options button{min-width:120px;border-radius:999px!important;border:1px solid var(--alm-line)!important;background:rgba(216,184,90,.07)!important;color:var(--alm-cream)!important}
body.ai-chat-page .ai-answer-mode-options button.active{background:linear-gradient(135deg,#d8b85a,#f0d887)!important;color:#172017!important}
body.ai-chat-page .ai-message-avatar img{object-fit:cover;object-position:center}
body.ai-chat-page .ai-sky-decor{display:none!important}
/* Numerology: top choices, one view at a time */
body.product-app-page .num-layout{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.alm-num-hidden{display:none!important}
@media(max-width:850px){body.product-app-page .product-topbar{grid-template-columns:1fr auto;gap:10px}.product-topbar-center{grid-row:2;grid-column:1/-1}.alm-services-popover{grid-template-columns:1fr 1fr;top:112px}.alm-service-row{top:108px}body.product-app-page .account-copy small{display:none}}
@media(max-width:560px){body.product-app-page .product-brand small{display:none}.alm-services-popover{grid-template-columns:1fr}.alm-top-link,.alm-services-trigger{padding:8px 10px}.alm-service-row{overflow:visible}.alm-profile-pill{max-width:100%;font-size:.85rem}body.ai-chat-page .ai-conversation{height:58vh!important;min-height:390px!important;padding:10px}body.ai-chat-page .ai-google-search{bottom:58px!important;border-radius:18px!important}.ai-answer-mode-options button{min-width:92px!important}}

/* AstroLifeMap 117 — mobile header/profile switcher overlap fix
   On <=850px the top navigation moves to a second CSS-grid row. The legacy
   .product-topbar height:72px rule from app.css kept the header artificially
   short, so that second row overflowed on top of the global profile switcher.
   Let the header grow naturally and keep the profile strip in normal flow. */
@media(max-width:850px){
  body.product-app-page .product-topbar{
    height:auto!important;
    min-height:0!important;
    grid-template-rows:auto auto;
    row-gap:8px;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.product-app-page .product-topbar-center{
    position:static!important;
    grid-row:2!important;
    grid-column:1/-1!important;
    width:100%;
    max-width:none!important;
    justify-self:stretch!important;
    justify-content:center!important;
    margin:0!important;
  }
  .top-profile-switcher{
    position:relative!important;
    top:auto!important;
    clear:both;
    z-index:700;
  }
}
@media(max-width:560px){
  body.product-app-page .product-topbar-center{
    padding:4px 6px!important;
    gap:4px!important;
    border-radius:14px!important;
  }
  body.product-app-page .product-topbar-center .alm-top-link,
  body.product-app-page .product-topbar-center .alm-services-trigger{
    flex:1 1 0;
    text-align:center;
  }
  .top-profile-switcher-inner{
    min-height:48px;
    position:relative;
    z-index:1;
  }
}