html.atlas-mobile-app-v1{
--r51-app-max:820px;
--r51-topbar-h:62px;
--r51-bottom-h:78px;
}
html.atlas-mobile-app-v1 body{
overscroll-behavior-y:none;
}
/* ---------- HOME APP CHROME ---------- */
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open) #appScreen:not(.hidden)>.topbar{
height:calc(var(--r51-topbar-h) + env(safe-area-inset-top))!important;
min-height:calc(var(--r51-topbar-h) + env(safe-area-inset-top))!important;
padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))!important;
border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,var(--line))!important;
background:color-mix(in srgb,var(--bg-0) 92%,transparent)!important;
box-shadow:0 8px 24px rgba(0,0,0,.07)!important;
backdrop-filter:blur(18px)!important;
-webkit-backdrop-filter:blur(18px)!important;
}
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open) #appScreen>.topbar .brand{
gap:10px!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-mark{
width:36px!important;height:36px!important;min-width:36px!important;border-radius:13px!important;
box-shadow:none!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-mark img{width:25px!important;height:25px!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-copy{gap:0!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-copy strong{
font-size:.82rem!important;letter-spacing:.09em!important;line-height:1.05!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-copy span{display:none!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions>*{display:none!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openProfessionalCenter:not(.hidden),
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openAdminCenter:not(.hidden),
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #logoutBtn{
display:grid!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openProfessionalCenter:not(.hidden),
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openAdminCenter:not(.hidden){
min-height:34px!important;padding:0 10px!important;border-radius:12px!important;font-size:.64rem!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar #logoutBtn{
width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;
}
/* ---------- HOME CONTENT RAIL ---------- */
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open):not(.modal-open) #atlasMain.main{
width:min(calc(100% - 18px),var(--r51-app-max))!important;
max-width:var(--r51-app-max)!important;
display:flex!important;
flex-direction:column!important;
gap:0!important;
margin:0 auto!important;
padding-top:calc(var(--r51-topbar-h) + env(safe-area-inset-top) + 12px)!important;
padding-bottom:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom) + 22px)!important;
overflow:visible!important;
}
html.atlas-mobile-app-v1 #atlasMain>.atlas-welcome-center{order:1!important}
html.atlas-mobile-app-v1 #atlasMain>.atlas-people-center{order:2!important}
html.atlas-mobile-app-v1 #atlasMain>.module-group-primary{order:3!important}
html.atlas-mobile-app-v1 #atlasMain>.atlas-start-dashboard{order:4!important}
html.atlas-mobile-app-v1 #atlasMain>#experienceModePanel{order:5!important}
html.atlas-mobile-app-v1 #atlasMain>#advancedAstrologyHome{order:6!important}
html.atlas-mobile-app-v1 #atlasMain>.atlas-live-sky-entry{order:7!important}
html.atlas-mobile-app-v1 #atlasMain>#professionalHomeGateway{order:8!important}
html.atlas-mobile-app-v1 #atlasMain>.atlas-ai-home-entry,
html.atlas-mobile-app-v1 #atlasMain>#commerceCenter{display:none!important}
/* ---------- GREETING ---------- */
html.atlas-mobile-app-v1 .atlas-welcome-center{
min-height:0!important;
margin:0 0 8px!important;
padding:14px 14px 12px!important;
border:0!important;
border-radius:20px!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
html.atlas-mobile-app-v1 .atlas-welcome-center::before,
html.atlas-mobile-app-v1 .atlas-welcome-center::after{display:none!important}
html.atlas-mobile-app-v1 .atlas-welcome-center .atlas-welcome-head{display:none!important}
html.atlas-mobile-app-v1 .atlas-welcome-center h1{
margin:0!important;
font-size:clamp(1.55rem,5.8vw,2rem)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
}
html.atlas-mobile-app-v1 .atlas-welcome-center .hero-content>p{display:none!important}
/* ---------- PERSON SWITCHER ---------- */
html.atlas-mobile-app-v1 .atlas-people-center{
margin:0 0 14px!important;
padding:10px!important;
border:1px solid color-mix(in srgb,var(--gold) 16%,var(--line))!important;
border-radius:19px!important;
background:color-mix(in srgb,var(--surface-1) 88%,transparent)!important;
box-shadow:0 10px 26px rgba(0,0,0,.055)!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .atlas-people-head,
html.atlas-mobile-app-v1 .atlas-people-center .atlas-person-secondary-actions{display:none!important}
html.atlas-mobile-app-v1 .atlas-people-center .atlas-selected-person-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin:0 0 8px!important;
padding:6px 7px 6px 10px!important;
min-height:42px!important;
border:0!important;
border-radius:13px!important;
background:color-mix(in srgb,var(--gold) 5%,transparent)!important;
}
html.atlas-mobile-app-v1 .atlas-selected-person-copy small{display:none!important}
html.atlas-mobile-app-v1 .atlas-selected-person-copy strong{font-size:.78rem!important;line-height:1.2!important}
html.atlas-mobile-app-v1 .atlas-people-center .atlas-inline-edit{
min-height:32px!important;
margin:0!important;
padding:0 9px!important;
border:0!important;
border-radius:10px!important;
font-size:.64rem!important;
background:color-mix(in srgb,var(--gold) 7%,transparent)!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .atlas-profile-selector{
display:block!important;margin:0!important;overflow:hidden!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs{
display:flex!important;
gap:7px!important;
margin:0!important;
padding:0 1px 2px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x proximity!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs::-webkit-scrollbar{display:none!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tab.atlas-profile-mini,
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab{
flex:0 0 132px!important;
min-width:132px!important;
min-height:54px!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr)!important;
align-items:center!important;
align-content:center!important;
justify-items:start!important;
gap:8px!important;
padding:7px 9px!important;
border-radius:14px!important;
scroll-snap-align:start!important;
box-shadow:none!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab{flex-basis:116px!important;min-width:116px!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-avatar,
html.atlas-mobile-app-v1 .atlas-people-center .profile-add-icon{
grid-row:1!important;grid-column:1!important;
width:34px!important;min-width:34px!important;height:34px!important;
border-radius:11px!important;font-size:.8rem!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tab-copy,
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab>span:last-child{
grid-row:1!important;grid-column:2!important;display:grid!important;gap:1px!important;min-width:0!important;text-align:left!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tab-copy b,
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab b{
font-size:.67rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tab-copy small,
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab small{display:none!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-selected-badge{
position:absolute!important;left:30px!important;bottom:7px!important;width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;border-radius:50%!important;font-size:0!important;border:2px solid var(--surface-1)!important;background:var(--gold)!important;
}
html.atlas-mobile-app-v1 .atlas-people-center .profile-selected-badge::after{content:"✓";font-size:.48rem!important;color:#fff!important}
/* ---------- SIX PRIMARY APP CARDS ---------- */
html.atlas-mobile-app-v1 .module-group-primary{
margin:0 0 14px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
html.atlas-mobile-app-v1 .module-group-primary>.module-group-head{
align-items:center!important;
margin:0 2px 9px!important;
}
html.atlas-mobile-app-v1 .module-group-primary>.module-group-head .eyebrow,
html.atlas-mobile-app-v1 .module-group-primary>.module-group-head p,
html.atlas-mobile-app-v1 .module-group-primary>.module-group-head .section-version{display:none!important}
html.atlas-mobile-app-v1 .module-group-primary>.module-group-head h2{
margin:0!important;font-size:1rem!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.015em!important;
}
html.atlas-mobile-app-v1 .module-group-primary>.card-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card.obsidian-primary-card{
min-width:0!important;
min-height:164px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
padding:11px!important;
border:1px solid color-mix(in srgb,var(--gold) 16%,var(--line))!important;
border-radius:19px!important;
background:color-mix(in srgb,var(--surface-1) 92%,transparent)!important;
box-shadow:0 10px 28px rgba(0,0,0,.065)!important;
overflow:hidden!important;
transform:none!important;
cursor:pointer!important;
touch-action:manipulation!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card.obsidian-primary-card::before{
inset:6px!important;border-radius:14px!important;opacity:.35!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card.obsidian-primary-card::after{
width:110px!important;height:110px!important;right:-38px!important;bottom:-48px!important;opacity:.055!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-top{
width:100%!important;min-height:54px!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .themed-card-icon,
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-icon{
width:54px!important;min-width:54px!important;height:54px!important;
padding:0!important;border:0!important;border-radius:14px!important;
background-size:contain!important;filter:none!important;box-shadow:none!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .themed-card-icon img{
display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-icon-fallback{display:none!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-status{
width:8px!important;min-width:8px!important;height:8px!important;min-height:8px!important;
margin:5px 3px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;
background:color-mix(in srgb,var(--muted) 55%,transparent)!important;color:transparent!important;font-size:0!important;box-shadow:none!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-status.live{background:#6f9a7b!important;box-shadow:0 0 0 4px color-mix(in srgb,#6f9a7b 10%,transparent)!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card h3{
width:100%!important;margin:7px 0 0!important;color:var(--text)!important;font-size:.83rem!important;font-weight:750!important;line-height:1.16!important;text-align:left!important;letter-spacing:-.01em!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card>p,
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-scope-details,
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .mini-stats{display:none!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .module-option{
width:100%!important;gap:2px!important;margin:5px 0 0!important;font-size:.52rem!important;letter-spacing:0!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .module-option>span{display:none!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .module-option .input{
width:100%!important;height:27px!important;min-height:27px!important;padding:0 7px!important;border-radius:9px!important;font-size:.58rem!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .calculation-action-area{
width:100%!important;margin-top:auto!important;gap:4px!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .calculation-ready-actions{display:block!important;width:100%!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .calculation-ready-actions>.calculation-complete-state{display:none!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .calculation-state-checking{
display:flex!important;min-height:30px!important;padding:6px 8px!important;border-radius:10px!important;font-size:.58rem!important;line-height:1.15!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-action:not(.calculation-complete-state){
min-height:31px!important;width:100%!important;padding:6px 9px!important;border-radius:10px!important;font-size:0!important;line-height:1!important;justify-content:space-between!important;
}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-action:not(.calculation-complete-state)::before{content:"Başla";font-size:.62rem!important;font-weight:800!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-action[data-action$="-open"]::before{content:"Aç"}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-action[data-action$="-state-refresh"]::before{content:"Kontrol Et"}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-action>span{font-size:.72rem!important}
/* ---------- TODAY / WEEK ---------- */
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs{
order:4!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:4px!important;
margin:0 0 8px!important;
padding:4px!important;
border:1px solid color-mix(in srgb,var(--gold) 15%,var(--line))!important;
border-radius:15px!important;
background:color-mix(in srgb,var(--surface-1) 82%,transparent)!important;
}
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs button{
min-height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--muted)!important;font:inherit!important;font-size:.7rem!important;font-weight:800!important;
}
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs button.active{
background:color-mix(in srgb,var(--gold) 10%,var(--surface-1))!important;color:var(--text)!important;box-shadow:0 4px 12px rgba(0,0,0,.055)!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard{
order:4!important;display:block!important;margin:0 0 12px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-today-overview,
html.atlas-mobile-app-v1 .atlas-start-dashboard>.weekly-transit-card{
min-height:0!important;margin:0!important;padding:13px!important;border-radius:19px!important;box-shadow:0 10px 28px rgba(0,0,0,.055)!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-mobile-app-panel-hidden{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-head .eyebrow,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-head .eyebrow{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-head h2,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-head h2{margin:0!important;font-size:1rem!important;line-height:1.2!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard #todayOverviewDate,
html.atlas-mobile-app-v1 .atlas-start-dashboard #weeklyTransitPerson{margin:4px 0 0!important;font-size:.64rem!important;line-height:1.35!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-technical-disclosure{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-theme,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme{
min-height:0!important;margin:10px 0 0!important;padding:11px 12px!important;border-radius:13px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-theme>span,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme>span{font-size:.52rem!important;letter-spacing:.11em!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-theme>b,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme>p{
-webkit-line-clamp:3!important;font-size:.83rem!important;line-height:1.38!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-open,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-ai-btn{
min-height:38px!important;margin-top:9px!important;padding:8px 11px!important;border-radius:11px!important;font-size:.65rem!important;
}
/* ---------- "MORE" GATE ---------- */
html.atlas-mobile-app-v1 #experienceModePanel{
margin:0 0 14px!important;padding:10px 12px!important;border-radius:16px!important;
}
html.atlas-mobile-app-v1 #experienceModePanel .eyebrow,
html.atlas-mobile-app-v1 #experienceModePanel h2,
html.atlas-mobile-app-v1 #experienceModePanel p{display:none!important}
html.atlas-mobile-app-v1 #experienceModePanel .atlas-experience-toggle{
width:100%!important;min-height:40px!important;border-radius:12px!important;font-size:.68rem!important;
}
/* ---------- APP-LIKE BOTTOM NAV ON ALL VIEWPORTS ---------- */
html.atlas-mobile-app-v1 #appScreen:not(.hidden)>.mobile-bottom-nav{
display:grid!important;
position:fixed!important;
left:50%!important;right:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
width:min(calc(100% - 16px),620px)!important;
transform:translateX(-50%)!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:3px!important;
padding:6px!important;
border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line))!important;
border-radius:20px!important;
background:color-mix(in srgb,var(--bg-1) 94%,transparent)!important;
box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
z-index:9100!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{
width:100%!important;min-width:0!important;min-height:54px!important;padding:5px 2px!important;
display:grid!important;grid-template-rows:20px auto!important;align-content:center!important;justify-items:center!important;gap:3px!important;
border:0!important;border-radius:14px!important;background:transparent!important;color:var(--muted)!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button span{font-size:.98rem!important;line-height:1!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:.54rem!important;line-height:1.08!important;white-space:nowrap!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button.active{
background:color-mix(in srgb,var(--gold) 10%,var(--surface-1))!important;color:var(--text)!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button.active::after{display:none!important}
html.atlas-mobile-app-v1 body:is(.atlas-ai-page-open,.atlas-settings-page-open,.atlas-reports-page-open,.atlas-support-page-open,.atlas-trust-page-open,.admin-center-open) #appScreen>.mobile-bottom-nav{
display:none!important;
}
@media(max-width:520px){
html.atlas-mobile-app-v1{--r51-topbar-h:58px;--r51-bottom-h:74px}
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open):not(.modal-open) #atlasMain.main{
width:calc(100% - 14px)!important;padding-top:calc(var(--r51-topbar-h) + env(safe-area-inset-top) + 8px)!important;
}
html.atlas-mobile-app-v1 .atlas-welcome-center{padding:10px 9px 8px!important;margin-bottom:6px!important}
html.atlas-mobile-app-v1 .atlas-welcome-center h1{font-size:1.5rem!important}
html.atlas-mobile-app-v1 .atlas-people-center{padding:8px!important;margin-bottom:11px!important;border-radius:17px!important}
html.atlas-mobile-app-v1 .module-group-primary>.card-grid{gap:7px!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card.obsidian-primary-card{min-height:154px!important;padding:9px!important;border-radius:17px!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .themed-card-icon,
html.atlas-mobile-app-v1 .module-group-primary .analysis-card .card-icon{width:49px!important;min-width:49px!important;height:49px!important}
html.atlas-mobile-app-v1 .module-group-primary .analysis-card h3{font-size:.76rem!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav{bottom:0!important;width:100%!important;border-radius:20px 20px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{min-height:51px!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:.5rem!important}
}
/* ---------- R51.1 CORRECTIONS ---------- */
/* R51 V1 accidentally applied the phone shell to desktop. The class is now JS-gated
to <=900px, but these rules also strengthen the actual mobile layout. */
html.atlas-mobile-app-v1 #atlasMain > section.atlas-ai-home-entry,
html.atlas-mobile-app-v1 #atlasMain > #commerceCenter{
display:none!important;
}
/* Daily transit list is part of the core home experience and must stay visible. */
html.atlas-mobile-app-v1 .atlas-start-dashboard #todayTransitListSection{
display:block!important;
margin:10px 0 0!important;
padding:10px!important;
border:1px solid color-mix(in srgb,var(--gold) 14%,var(--line))!important;
border-radius:13px!important;
background:color-mix(in srgb,var(--surface-1) 86%,transparent)!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transits-head{
display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transits-head span{font-size:.52rem!important;letter-spacing:.08em!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transits-head b{font-size:.72rem!important;line-height:1.2!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transits-head small{font-size:.55rem!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transit-list{
display:grid!important;gap:6px!important;max-height:270px!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transit-toggle{display:inline-flex!important;margin-top:7px!important;min-height:32px!important;font-size:.58rem!important}
/* Weekly calendar and selected-day transit panel are restored. */
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-calendar-section-head{
display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important;margin:10px 0 7px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-calendar-section-head span{font-size:.5rem!important;letter-spacing:.08em!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-calendar-section-head b{font-size:.7rem!important;line-height:1.2!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-calendar-section-head small{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar{
display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;margin:0!important;overflow:visible!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-legend{
display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:8px!important;font-size:.52rem!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-expand-hint{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard #weeklyTransitDayPanel:not([hidden]){
display:block!important;margin-top:8px!important;max-height:310px!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
/* Keep the mobile page simple: detailed transit list replaces duplicate summary blocks. */
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-highlight,
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-stats{
display:none!important;
}
/* Strong ID selector fixes the dock being pushed/clipped by older navigation CSS. */
html.atlas-mobile-app-v1 #appScreen:not(.hidden) > nav#mobileBottomNav{
display:grid!important;
position:fixed!important;
inset:auto auto max(0px,env(safe-area-inset-bottom)) 50%!important;
width:min(calc(100% - 14px),560px)!important;
max-width:560px!important;
transform:translateX(-50%)!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
overflow:visible!important;
}
@media(max-width:520px){
html.atlas-mobile-app-v1 #appScreen:not(.hidden) > nav#mobileBottomNav{
left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;transform:none!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar{gap:3px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transit-list{max-height:240px!important}
}
/* ---------- R51.2 · TRUE MOBILE APP DENSITY + SMOOTH HOME ---------- */
html.atlas-mobile-app-v1{
--r51-topbar-h:54px;
--r51-bottom-h:66px;
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
}
html.atlas-mobile-app-v1 body{
overscroll-behavior-y:contain;
-webkit-overflow-scrolling:touch;
}
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open) #appScreen:not(.hidden)>.topbar{
padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))!important;
box-shadow:0 3px 12px rgba(0,0,0,.045)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
background:color-mix(in srgb,var(--bg-0) 97%,var(--surface-1))!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand{gap:8px!important;min-width:0!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-mark{width:32px!important;height:32px!important;min-width:32px!important;border-radius:11px!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-mark img{width:22px!important;height:22px!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .brand-copy strong{font-size:.76rem!important;letter-spacing:.075em!important;white-space:nowrap!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions{gap:5px!important;margin-left:auto!important;min-width:0!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openProfessionalCenter:not(.hidden),
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openAdminCenter:not(.hidden){
min-height:32px!important;height:32px!important;padding:0 7px!important;border-radius:10px!important;font-size:.55rem!important;line-height:1!important;box-shadow:none!important;
}
html.atlas-mobile-app-v1 #appScreen>.topbar #logoutBtn{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important;box-shadow:none!important}
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open):not(.modal-open) #atlasMain.main{
width:min(calc(100% - 12px),var(--r51-app-max))!important;
padding-top:calc(var(--r51-topbar-h) + env(safe-area-inset-top) + 7px)!important;
padding-bottom:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom) + 14px)!important;
}
html.atlas-mobile-app-v1 #atlasMain>*{scroll-margin-top:calc(var(--r51-topbar-h) + env(safe-area-inset-top) + 8px)}
/* Greeting/person switcher: one compact app header block. */
html.atlas-mobile-app-v1 .atlas-welcome-center{padding:7px 8px 5px!important;margin:0 0 3px!important}
html.atlas-mobile-app-v1 .atlas-welcome-center h1{font-size:1.32rem!important;line-height:1.08!important}
html.atlas-mobile-app-v1 .atlas-people-center{padding:7px!important;margin:0 0 9px!important;border-radius:15px!important;box-shadow:0 4px 14px rgba(0,0,0,.04)!important}
html.atlas-mobile-app-v1 .atlas-people-center .atlas-selected-person-row{min-height:38px!important;margin-bottom:6px!important;padding:4px 5px 4px 8px!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tab.atlas-profile-mini,
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab{min-height:48px!important;flex-basis:122px!important;min-width:122px!important;padding:6px 8px!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-tabs>.profile-add-tab{flex-basis:106px!important;min-width:106px!important}
html.atlas-mobile-app-v1 .atlas-people-center .profile-avatar,
html.atlas-mobile-app-v1 .atlas-people-center .profile-add-icon{width:30px!important;min-width:30px!important;height:30px!important;border-radius:10px!important}
/* Six systems: compact 2x3 app-launcher cards. High specificity intentionally beats old readable-type layers. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary{margin:0 0 9px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.module-group-head{margin:0 2px 7px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.module-group-head h2{font-size:.9rem!important;line-height:1.1!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.card-grid{gap:7px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card{
min-height:126px!important;
height:auto!important;
padding:9px!important;
border-radius:16px!important;
box-shadow:0 5px 15px rgba(0,0,0,.045)!important;
contain:layout paint style;
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card:active{transform:scale(.985)!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-top{min-height:42px!important;height:42px!important;gap:5px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .themed-card-icon,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-icon{width:42px!important;min-width:42px!important;height:42px!important;border-radius:12px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-status{width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;margin:4px 2px 0 0!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{
width:100%!important;
min-height:28px!important;
margin:4px 0 3px!important;
font-family:inherit!important;
font-size:14px!important;
font-weight:760!important;
line-height:1.12!important;
letter-spacing:-.015em!important;
text-align:left!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:none!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .module-option{margin:1px 0 2px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .module-option .input{height:25px!important;min-height:25px!important;font-size:10px!important;padding:0 6px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-action-area{gap:0!important;margin-top:auto!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .filuxia-ai-analyze{display:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-ready-actions{display:block!important;width:100%!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-complete-state{display:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action:not(.calculation-complete-state){min-height:30px!important;height:30px!important;padding:5px 8px!important;border-radius:9px!important;box-shadow:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action:not(.calculation-complete-state)::before{content:"Hesapla"!important;font-size:10px!important;font-weight:800!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action[data-action$="-open"]::before{content:"Raporu Aç"!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action[data-action$="-state-refresh"]::before{content:"Kontrol Et"!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action>span{font-size:11px!important}
/* Today/week: no ellipsis, no nested scroll. The page itself is the single scroll surface. */
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs{margin:0 0 7px!important;padding:3px!important;border-radius:13px!important;box-shadow:none!important}
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs button{min-height:34px!important;border-radius:10px!important;font-size:.66rem!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-today-overview,
html.atlas-mobile-app-v1 .atlas-start-dashboard>.weekly-transit-card{padding:11px!important;border-radius:17px!important;box-shadow:0 5px 16px rgba(0,0,0,.04)!important;animation:r512PanelIn .2s ease both}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-theme>b,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme>p{
display:block!important;
-webkit-line-clamp:unset!important;
overflow:visible!important;
max-height:none!important;
white-space:normal!important;
text-overflow:clip!important;
font-size:.78rem!important;
line-height:1.42!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transit-list{
max-height:none!important;
overflow:visible!important;
overscroll-behavior:auto!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard #weeklyTransitDayPanel:not([hidden]){
max-height:none!important;
overflow:visible!important;
overscroll-behavior:auto!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar{
display:flex!important;
grid-template-columns:none!important;
gap:6px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x proximity!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-x:contain!important;
scrollbar-width:none!important;
padding:1px 1px 5px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar::-webkit-scrollbar{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar>*{flex:0 0 76px!important;min-width:76px!important;scroll-snap-align:start!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-legend{gap:6px!important;font-size:.5rem!important;margin-top:6px!important}
/* "More" is a small utility control, not another large card. */
html.atlas-mobile-app-v1 #experienceModePanel{min-height:0!important;margin:2px 0 9px!important;padding:0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;justify-content:flex-end!important}
html.atlas-mobile-app-v1 #experienceModePanel>div{display:none!important}
html.atlas-mobile-app-v1 #experienceModePanel .atlas-experience-toggle{width:auto!important;min-height:30px!important;padding:4px 9px!important;border-radius:9px!important;font-size:.58rem!important;box-shadow:none!important}
/* Advanced tools become a 2x2 quick-tool launcher. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome{
margin:0 0 9px!important;
padding:11px!important;
border-radius:17px!important;
box-shadow:0 5px 16px rgba(0,0,0,.04)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head{margin:0 0 8px!important;align-items:flex-start!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head h2{font-size:1rem!important;line-height:1.15!important;margin:2px 0 0!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head p,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .section-version,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-note{display:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head .eyebrow{font-size:.52rem!important;letter-spacing:.11em!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card{
min-height:108px!important;
padding:9px!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
box-shadow:none!important;
contain:layout paint style;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card .card-top{min-height:34px!important;margin:0 0 3px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-icon{width:34px!important;min-width:34px!important;height:34px!important;border-radius:10px!important;font-size:1rem!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-access-status{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;padding:0!important;font-size:0!important;border-radius:50%!important;margin-top:4px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card h3{font-size:12px!important;line-height:1.18!important;margin:2px 0 5px!important;min-height:28px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card>p,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-tags{display:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-action{margin-top:auto!important;min-height:29px!important;height:29px!important;padding:4px 7px!important;border-radius:9px!important;font-size:9px!important;box-shadow:none!important}
/* Live sky / Professional are compact service rows. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway{
min-height:0!important;
margin:0 0 8px!important;
padding:11px!important;
border-radius:17px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:7px!important;
box-shadow:0 5px 16px rgba(0,0,0,.04)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry .eyebrow,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway .eyebrow{font-size:.5rem!important;letter-spacing:.11em!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry h2,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway h2{font-size:1rem!important;line-height:1.15!important;margin:2px 0 0!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry p,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-badges,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway p,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .professional-home-gateway-badges{display:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-open,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .professional-home-gateway-open{width:100%!important;min-height:34px!important;height:34px!important;margin:0!important;padding:5px 9px!important;border-radius:10px!important;font-size:.62rem!important;box-shadow:none!important;justify-content:space-between!important}
/* Bottom navigation: smaller, lighter and stable while scrolling. */
html.atlas-mobile-app-v1 #appScreen:not(.hidden)>nav#mobileBottomNav{
min-height:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom))!important;
padding:4px max(6px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
border-radius:17px 17px 0 0!important;
background:color-mix(in srgb,var(--bg-0) 98%,var(--surface-1))!important;
box-shadow:0 -4px 16px rgba(0,0,0,.055)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
transform:translateZ(0)!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{min-height:45px!important;height:45px!important;padding:3px 1px!important;grid-template-rows:17px auto!important;gap:2px!important;border-radius:11px!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button span{font-size:.86rem!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:9px!important;line-height:1!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button.active{background:color-mix(in srgb,var(--gold) 8%,var(--surface-1))!important}
@keyframes r512PanelIn{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html.atlas-mobile-app-v1{scroll-behavior:auto}html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-today-overview,html.atlas-mobile-app-v1 .atlas-start-dashboard>.weekly-transit-card{animation:none!important}html.atlas-mobile-app-v1 body #appScreen #atlasMain .analysis-card{transition:none!important}}
@media(max-width:380px){
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{font-size:13px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card h3{font-size:11px!important}
html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openProfessionalCenter:not(.hidden),html.atlas-mobile-app-v1 #appScreen>.topbar .header-actions #openAdminCenter:not(.hidden){padding:0 5px!important;font-size:.5rem!important}
}
/* ---------- R51.3 · MOBILE HOME POLISH + TRUE APP CHROME ---------- */
html.atlas-mobile-app-v1{
--r51-topbar-h:50px;
--r51-bottom-h:58px;
}
/* Strong final guard: the large desktop ATLAS promo never belongs on the mobile home. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain > section.atlas-ai-home-entry,
html.atlas-mobile-app-v1 body #appScreen #atlasMain > #commerceCenter{
display:none!important;
}
/* One clean app bar. Professional is available from its home card; management lives outside the primary mobile chrome. */
html.atlas-mobile-app-v1 body #appScreen > .topbar{
min-height:calc(var(--r51-topbar-h) + env(safe-area-inset-top))!important;
height:calc(var(--r51-topbar-h) + env(safe-area-inset-top))!important;
padding:max(5px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left))!important;
transition:box-shadow .16s ease,background-color .16s ease!important;
will-change:auto!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar .brand{
flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar .brand-copy{
min-width:0!important;max-width:none!important;overflow:visible!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar .brand-copy strong{
display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;
white-space:nowrap!important;font-size:12.5px!important;letter-spacing:.085em!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar .header-actions #openProfessionalCenter,
html.atlas-mobile-app-v1 body #appScreen > .topbar .header-actions #openAdminCenter,
html.atlas-mobile-app-v1 body #appScreen > .topbar .header-actions #openSettings{
display:none!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar .header-actions{
flex:0 0 34px!important;width:34px!important;min-width:34px!important;gap:0!important;
}
html.atlas-mobile-app-v1 body #appScreen > .topbar #logoutBtn{
display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;
}
html.atlas-mobile-app-v1.atlas-mobile-home-scrolled body #appScreen > .topbar{
box-shadow:0 2px 10px rgba(0,0,0,.065)!important;
background:color-mix(in srgb,var(--bg-0) 99%,var(--surface-1))!important;
}
/* Main rail reserves exactly the space used by app chrome. */
html.atlas-mobile-app-v1 body:not(.atlas-ai-page-open):not(.atlas-settings-page-open):not(.atlas-reports-page-open):not(.atlas-support-page-open):not(.atlas-trust-page-open):not(.admin-center-open):not(.modal-open) #atlasMain.main{
width:min(calc(100% - 12px),var(--r51-app-max))!important;
padding-top:18px!important;
padding-bottom:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom) + 18px)!important;
touch-action:pan-y!important;
}
/* Greeting: small app greeting, not a desktop hero card. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center{
min-height:0!important;margin:0 0 6px!important;padding:4px 4px 6px!important;
border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center .hero-content{max-width:none!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center h1{
display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px!important;
margin:0!important;padding:0!important;font-size:26px!important;line-height:1.08!important;letter-spacing:-.035em!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center h1>span,
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center h1>strong{
display:inline!important;margin:0!important;font:inherit!important;font-weight:500!important;
}
/* Remove the duplicated selected-person summary. The horizontal profile row is the selector. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center{
margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .atlas-selected-person-row{
display:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .atlas-profile-selector{
margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs{
gap:7px!important;padding:0 1px 1px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab.atlas-profile-mini,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab{
min-height:46px!important;height:46px!important;flex-basis:118px!important;min-width:118px!important;
padding:5px 7px!important;border-radius:13px!important;box-shadow:0 3px 10px rgba(0,0,0,.035)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab{
flex-basis:100px!important;min-width:100px!important;
}
/* Six systems are launch tiles, not report cards. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary{
margin:0 0 9px!important;padding:0!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.module-group-head{
margin:0 2px 7px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.module-group-head h2{
font-size:16px!important;line-height:1.1!important;font-weight:650!important;letter-spacing:-.015em!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.card-grid{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card{
min-height:108px!important;height:108px!important;
display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:42px 28px!important;
align-items:center!important;align-content:space-between!important;column-gap:8px!important;row-gap:7px!important;
padding:8px!important;border-radius:15px!important;overflow:hidden!important;
contain:layout paint style!important;box-shadow:0 3px 11px rgba(0,0,0,.04)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-top{
grid-column:1!important;grid-row:1!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
margin:0!important;align-self:start!important;position:relative!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .themed-card-icon,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-icon{
width:40px!important;min-width:40px!important;height:40px!important;border-radius:12px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-status{
position:absolute!important;right:-2px!important;top:-2px!important;width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;margin:0!important;padding:0!important;font-size:0!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{
grid-column:2!important;grid-row:1!important;align-self:center!important;min-width:0!important;min-height:0!important;
margin:0!important;padding:0!important;font-size:13px!important;line-height:1.12!important;font-weight:700!important;
display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .module-option{
display:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-action-area{
grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important;align-self:end!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action:not(.calculation-complete-state){
width:100%!important;height:28px!important;min-height:28px!important;padding:4px 8px!important;border-radius:9px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-action:not(.calculation-complete-state)::before{
font-size:9.5px!important;
}
/* Today/week: compact spacing, full message, no nested vertical scroll. */
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs{margin:0 0 6px!important;padding:2px!important;border-radius:12px!important}
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs button{min-height:31px!important;height:31px!important;font-size:10.5px!important;border-radius:9px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-today-overview,
html.atlas-mobile-app-v1 .atlas-start-dashboard>.weekly-transit-card{padding:10px!important;border-radius:16px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar>*{flex:0 0 70px!important;min-width:70px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar{gap:5px!important;padding-bottom:3px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-legend{margin-top:4px!important;margin-bottom:0!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-ai-btn,
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-open{margin-top:8px!important;min-height:34px!important}
/* "More" behaves like a small section disclosure. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain #experienceModePanel{
margin:1px 0 8px!important;padding:0!important;justify-content:flex-start!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #experienceModePanel .atlas-experience-toggle{
min-height:30px!important;height:30px!important;padding:4px 10px!important;font-size:10px!important;border-radius:10px!important;
}
/* Lower home modules are cheap to scroll past until they enter the viewport. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway{
content-visibility:auto!important;
contain-intrinsic-size:auto 240px!important;
}
/* Dock: visually lighter and no longer consumes a tenth of the screen. */
html.atlas-mobile-app-v1 #appScreen:not(.hidden)>nav#mobileBottomNav{
min-height:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom))!important;
height:auto!important;
padding:3px max(5px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;
border-radius:15px 15px 0 0!important;
box-shadow:0 -2px 10px rgba(0,0,0,.05)!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{
min-height:40px!important;height:40px!important;padding:2px 1px!important;grid-template-rows:15px auto!important;gap:1px!important;border-radius:10px!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button span{font-size:.78rem!important;line-height:1!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:8.5px!important;line-height:1!important}
@media(max-width:380px){
html.atlas-mobile-app-v1 body #appScreen > .topbar .brand-copy strong{font-size:11.5px!important;letter-spacing:.065em!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain > .atlas-welcome-center h1{font-size:23px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{font-size:12px!important}
}
/* ---------- R51.4 · COMPACT CARDS + SAFE AREA + STARTUP READY GATE ---------- */
html.atlas-mobile-app-v1{
--r51-bottom-h:54px;
}
/* One natural page scroll; no nested vertical surfaces on the mobile home. */
html.atlas-mobile-app-v1,
html.atlas-mobile-app-v1 body{
scroll-behavior:auto!important;
overscroll-behavior-y:none!important;
-webkit-overflow-scrolling:touch!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain{
touch-action:pan-y!important;
padding-bottom:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom) + 46px)!important;
}
/* Person selector: fixed geometry, text can never collide with avatar/check. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs{
display:flex!important;
width:max-content!important;
max-width:100%!important;
justify-content:flex-start!important;
align-items:stretch!important;
gap:7px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab.atlas-profile-mini{
position:relative!important;
display:grid!important;
grid-template-columns:30px minmax(0,1fr)!important;
grid-template-rows:1fr!important;
align-items:center!important;
column-gap:8px!important;
width:144px!important;
min-width:144px!important;
max-width:144px!important;
height:48px!important;
min-height:48px!important;
padding:6px 24px 6px 7px!important;
overflow:hidden!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab{
width:104px!important;
min-width:104px!important;
max-width:104px!important;
height:48px!important;
min-height:48px!important;
padding:6px 8px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy{
grid-column:2!important;
min-width:0!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
display:block!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy b{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
font-size:11px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy small{
display:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-selected-badge{
left:auto!important;
right:6px!important;
top:50%!important;
bottom:auto!important;
transform:translateY(-50%)!important;
width:14px!important;
min-width:14px!important;
height:14px!important;
min-height:14px!important;
z-index:2!important;
}
/* Six main modules become true launch tiles. The whole tile is the button. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card{
height:82px!important;
min-height:82px!important;
grid-template-columns:40px minmax(0,1fr) 14px!important;
grid-template-rows:1fr!important;
align-items:center!important;
align-content:center!important;
column-gap:8px!important;
row-gap:0!important;
padding:8px 9px!important;
cursor:pointer!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card::after{
content:"›"!important;
position:static!important;
grid-column:3!important;
grid-row:1!important;
width:auto!important;
height:auto!important;
margin:0!important;
opacity:.62!important;
font-size:20px!important;
line-height:1!important;
background:none!important;
border:0!important;
transform:none!important;
pointer-events:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-top{
grid-column:1!important;
grid-row:1!important;
width:40px!important;
min-width:40px!important;
height:40px!important;
min-height:40px!important;
align-self:center!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{
grid-column:2!important;
grid-row:1!important;
align-self:center!important;
font-size:12px!important;
line-height:1.15!important;
-webkit-line-clamp:2!important;
}
/* Keep the real action in DOM for accessibility/programmatic click, but remove visual state flicker. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-action-area{
position:absolute!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
clip:rect(0 0 0 0)!important;
clip-path:inset(50%)!important;
white-space:nowrap!important;
margin:-1px!important;
padding:0!important;
border:0!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-state-checking{
display:none!important;
}
/* "Other tools" starts closed; when opened it remains compact. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain #experienceModePanel{
margin:2px 0 7px!important;
}
/* Lower service cards are single-tap compact entries. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway{
min-height:72px!important;
padding:10px 12px!important;
border-radius:15px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry h2,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway h2{
font-size:15px!important;
line-height:1.15!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry .hero-actions,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway .hero-actions{
margin-top:6px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry .primary-btn,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway .primary-btn{
min-height:31px!important;
height:31px!important;
padding:4px 9px!important;
border-radius:9px!important;
box-shadow:none!important;
font-size:10px!important;
}
/* Bottom dock never covers the end of content. */
html.atlas-mobile-app-v1 #appScreen:not(.hidden)>nav#mobileBottomNav{
min-height:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom))!important;
padding:2px max(5px,env(safe-area-inset-right)) calc(2px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;
box-shadow:0 -1px 8px rgba(0,0,0,.045)!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{
min-height:38px!important;
height:38px!important;
}
/* Startup readiness gate: UI is visible only after the first stable state has been assembled. */
#atlasHomeReadyGate{
position:fixed;
inset:0;
z-index:2147483150;
display:grid;
place-items:center;
padding:24px 18px;
background:linear-gradient(145deg,color-mix(in srgb,var(--bg-0,#f7f1e6) 98%,transparent),color-mix(in srgb,var(--bg-1,#fff9f0) 99%,transparent));
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .18s ease,visibility .18s ease;
}
body.atlas-home-startup-preparing #atlasHomeReadyGate{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#atlasHomeReadyGate[hidden]{display:none!important;pointer-events:none!important}
html[data-atlas-embedded-browser="1"] button,
html[data-atlas-embedded-browser="1"] a[href],
html[data-atlas-embedded-browser="1"] [role="button"],
html[data-atlas-embedded-browser="1"] [data-action]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.atlas-home-ready-card{
width:min(430px,calc(100vw - 34px));
padding:20px 20px 18px;
border:1px solid color-mix(in srgb,var(--gold,#c79a52) 34%,transparent);
border-radius:22px;
background:color-mix(in srgb,var(--surface-1,#fff9f0) 94%,transparent);
box-shadow:0 18px 48px rgba(0,0,0,.09);
color:var(--text,#243445);
}
.atlas-home-ready-brand{
margin-bottom:13px;
color:var(--gold,#c79a52);
font:700 10px/1 Georgia,serif;
letter-spacing:.22em;
}
.atlas-home-ready-card strong{
display:block;
font:500 21px/1.2 Georgia,serif;
}
.atlas-home-ready-card p{
margin:7px 0 13px;
color:var(--muted,#687582);
font-size:13px;
line-height:1.45;
}
.atlas-home-ready-track{
height:4px;
overflow:hidden;
border-radius:999px;
background:color-mix(in srgb,var(--gold,#c79a52) 15%,transparent);
}
.atlas-home-ready-bar{
width:8%;
height:100%;
border-radius:inherit;
background:var(--gold,#c79a52);
transition:width .24s ease;
}
.atlas-home-ready-status{
display:block;
margin-top:9px;
color:var(--muted,#687582);
font-size:11px;
}
@media(max-width:380px){
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab.atlas-profile-mini{
width:136px!important;min-width:136px!important;max-width:136px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{font-size:11.5px!important}
}
/* ========================================================================== */
/* ========================================================================== */
html.atlas-mobile-app-v1{
--r51-topbar-h:54px;
--r51-bottom-h:64px;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain{
font-size:15px!important;
overflow-anchor:none!important;
padding-bottom:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom) + 48px)!important;
}
/* Header stays legible and never truncates the brand. */
html.atlas-mobile-app-v1 body #appScreen>.topbar .brand-copy strong{
font-size:14px!important;
line-height:1!important;
letter-spacing:.075em!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
html.atlas-mobile-app-v1 body #appScreen>.topbar .brand-mark{
width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;
}
html.atlas-mobile-app-v1 body #appScreen>.topbar #logoutBtn{
width:38px!important;height:38px!important;min-width:38px!important;
}
/* Greeting is strong but not a desktop-sized hero. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain>.atlas-welcome-center h1{
font-size:30px!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
}
/* Person selector — 3-column geometry: avatar | text | check. No overlap. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center{
margin-bottom:12px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs{
gap:8px!important;
padding:1px 2px 3px!important;
width:100%!important;
max-width:100%!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab.atlas-profile-mini{
position:relative!important;
display:grid!important;
grid-template-columns:38px minmax(0,1fr) 20px!important;
grid-template-rows:auto auto!important;
column-gap:9px!important;
row-gap:2px!important;
align-items:center!important;
width:174px!important;min-width:174px!important;max-width:174px!important;
height:64px!important;min-height:64px!important;
padding:8px 8px!important;
border-radius:16px!important;
overflow:hidden!important;
box-shadow:0 3px 12px rgba(0,0,0,.035)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-avatar{
grid-column:1!important;grid-row:1/3!important;
width:38px!important;min-width:38px!important;height:38px!important;
border-radius:50%!important;font-size:16px!important;
align-self:center!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy{
grid-column:2!important;grid-row:1/3!important;
min-width:0!important;width:100%!important;
display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;
overflow:hidden!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy b{
display:block!important;width:100%!important;margin:0!important;
font-size:14px!important;line-height:1.12!important;font-weight:750!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab-copy small{
display:block!important;width:100%!important;margin:0!important;
font-size:11.5px!important;line-height:1.15!important;color:var(--muted)!important;
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-selected-badge{
position:static!important;grid-column:3!important;grid-row:1/3!important;
align-self:center!important;justify-self:end!important;transform:none!important;
display:grid!important;place-items:center!important;
width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;
margin:0!important;padding:0!important;border-radius:50%!important;
border:1px solid color-mix(in srgb,var(--gold) 60%,var(--line))!important;
background:color-mix(in srgb,var(--gold) 13%,var(--surface-1))!important;
color:var(--text)!important;font-size:0!important;line-height:1!important;
box-shadow:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-selected-badge::after{
content:"✓"!important;font-size:12px!important;line-height:1!important;font-weight:900!important;color:var(--gold)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab{
display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;
width:126px!important;min-width:126px!important;max-width:126px!important;height:64px!important;min-height:64px!important;
padding:8px!important;border-radius:16px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-add-icon{
width:38px!important;min-width:38px!important;height:38px!important;border-radius:50%!important;font-size:18px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab b,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tabs>.profile-add-tab>span:last-child{
font-size:13px!important;line-height:1.15!important;font-weight:700!important;
}
/* Six report tiles are visually immutable launch buttons. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.module-group-head h2{
font-size:20px!important;line-height:1.1!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary>.card-grid{
gap:8px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card{
height:92px!important;min-height:92px!important;
grid-template-columns:46px minmax(0,1fr) 18px!important;grid-template-rows:1fr!important;
column-gap:10px!important;padding:10px!important;border-radius:17px!important;
transition:transform .10s ease,box-shadow .10s ease!important;
contain:layout paint style!important;overflow:hidden!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card.obsidian-primary-card:active{
transform:scale(.985)!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-top{
grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .themed-card-icon,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-icon{
width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{
grid-column:2!important;grid-row:1!important;margin:0!important;
font-size:15px!important;line-height:1.18!important;font-weight:750!important;
-webkit-line-clamp:2!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .card-status{
display:none!important;
}
/* Real action remains in DOM and can be clicked programmatically, but never flickers visually. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card .calculation-action-area{
display:none!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card::after{
grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
font-size:24px!important;line-height:1!important;opacity:.6!important;
}
/* Today / Week is readable; nested vertical scrolling is forbidden. */
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs{
min-height:46px!important;padding:3px!important;border-radius:14px!important;
}
html.atlas-mobile-app-v1 .atlas-mobile-app-section-tabs button{
min-height:38px!important;height:38px!important;font-size:13px!important;font-weight:750!important;border-radius:11px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard>.atlas-today-overview,
html.atlas-mobile-app-v1 .atlas-start-dashboard>.weekly-transit-card{
padding:13px!important;border-radius:18px!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-head h2,
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-overview h2{
font-size:22px!important;line-height:1.15!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard #weeklyTransitPerson,
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-overview p{
font-size:14px!important;line-height:1.4!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme>span,
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-calendar-section-head span{
font-size:11px!important;letter-spacing:.1em!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-theme p,
html.atlas-mobile-app-v1 .atlas-start-dashboard #weeklyTransitTheme{
font-size:17px!important;line-height:1.48!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar{
overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar::-webkit-scrollbar{display:none!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-calendar>*{flex:0 0 76px!important;min-width:76px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-day-name{font-size:11px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-day-number{font-size:18px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-legend{font-size:12px!important;gap:8px!important}
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-transit-list{
max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;
}
html.atlas-mobile-app-v1 .atlas-start-dashboard .weekly-transit-ai-btn,
html.atlas-mobile-app-v1 .atlas-start-dashboard .atlas-today-open{
min-height:44px!important;height:auto!important;padding:10px 14px!important;font-size:14px!important;line-height:1.2!important;border-radius:13px!important;
}
/* Other tools + service buttons: readable, stable sizes. */
html.atlas-mobile-app-v1 body #appScreen #atlasMain #experienceModePanel .atlas-experience-toggle{
min-height:38px!important;height:38px!important;padding:7px 12px!important;font-size:13px!important;border-radius:12px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head h2{
font-size:20px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-head .eyebrow,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry .eyebrow,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway .eyebrow{
font-size:11px!important;letter-spacing:.11em!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-card h3{
font-size:14px!important;line-height:1.22!important;min-height:35px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain #advancedAstrologyHome .advanced-astrology-action{
min-height:40px!important;height:40px!important;padding:8px 10px!important;font-size:12.5px!important;border-radius:11px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry h2,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway h2{
font-size:19px!important;
}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-live-sky-entry .primary-btn,
html.atlas-mobile-app-v1 body #appScreen #atlasMain #professionalHomeGateway .primary-btn,
html.atlas-mobile-app-v1 body #appScreen #atlasMain .professional-home-gateway-open{
min-height:42px!important;height:42px!important;padding:8px 12px!important;font-size:13px!important;border-radius:12px!important;
}
/* Bottom navigation: readable and never covers content. */
html.atlas-mobile-app-v1 #appScreen:not(.hidden)>nav#mobileBottomNav{
min-height:calc(var(--r51-bottom-h) + env(safe-area-inset-bottom))!important;
padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
border-radius:18px 18px 0 0!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button{
min-height:52px!important;height:52px!important;padding:4px 2px!important;grid-template-rows:22px auto!important;gap:3px!important;border-radius:12px!important;
}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button span{font-size:18px!important;line-height:1!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:11px!important;line-height:1.05!important;font-weight:700!important}
/* Preparation gate is the only changing screen during login preparation. */
body.atlas-home-startup-preparing #appScreen{visibility:hidden!important;pointer-events:none!important}
#atlasHomeReadyGate{z-index:2147483300!important}
.atlas-home-ready-card strong{font-size:23px!important}
.atlas-home-ready-card p{font-size:14px!important}
.atlas-home-ready-status{font-size:12px!important}
@media(max-width:380px){
html.atlas-mobile-app-v1 body #appScreen #atlasMain>.atlas-welcome-center h1{font-size:27px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .atlas-people-center .profile-tab.atlas-profile-mini{width:164px!important;min-width:164px!important;max-width:164px!important}
html.atlas-mobile-app-v1 body #appScreen #atlasMain .module-group-primary .analysis-card h3{font-size:14px!important}
html.atlas-mobile-app-v1 #appScreen>.mobile-bottom-nav button b{font-size:10.5px!important}
}
html.atlas-mobile-app-v1{--atlas-dock-height:calc(64px + env(safe-area-inset-bottom))}
html.atlas-mobile-app-v1 body #appScreen>.topbar .brand{min-width:0!important;flex:1 1 auto!important;gap:7px!important}
html.atlas-mobile-app-v1 body #appScreen>.topbar .brand-copy{min-width:0!important}
html.atlas-mobile-app-v1 body #appScreen>.topbar .brand-copy strong{font-size:12px!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.atlas-mobile-app-v1 body #appScreen>.topbar .header-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0!important}
html.atlas-mobile-app-v1 body #appScreen>.topbar .header-actions :is(#openProfessionalCenter,#openAdminCenter):not(.hidden){
display:flex!important;align-items:center!important;justify-content:center!important;
width:auto!important;min-width:34px!important;max-width:none!important;height:34px!important;min-height:34px!important;
padding:0 7px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important;word-break:normal!important;writing-mode:horizontal-tb!important;
}
html.atlas-mobile-app-v1 body #appScreen>.topbar #logoutBtn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock{
display:grid!important;position:fixed!important;
top:auto!important;left:0!important;right:0!important;
bottom:max(0px,calc(100% - var(--atlas-stable-visual-height,100dvh) - var(--atlas-stable-visual-top,0px)))!important;
width:100%!important;max-width:none!important;height:var(--atlas-dock-height)!important;
min-height:var(--atlas-dock-height)!important;max-height:var(--atlas-dock-height)!important;
box-sizing:border-box!important;margin:0!important;transform:none!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:54px!important;grid-auto-rows:54px!important;
gap:2px!important;align-content:start!important;align-items:center!important;
padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
border:0!important;border-top:1px solid var(--line)!important;border-radius:16px 16px 0 0!important;
background:var(--bg-1)!important;color:var(--text)!important;
box-shadow:0 -3px 12px rgba(0,0,0,.08)!important;
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
z-index:2147483200!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock[hidden]{display:none!important}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock[inert]{pointer-events:none!important;opacity:.6!important}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button{
display:grid!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;
grid-template-rows:22px auto!important;gap:3px!important;align-content:center!important;justify-items:center!important;
padding:4px 2px!important;margin:0!important;border:0!important;border-radius:11px!important;
background:transparent!important;color:var(--muted)!important;touch-action:manipulation;
}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button.active{
background:color-mix(in srgb,var(--gold) 10%,var(--bg-1))!important;color:var(--text)!important;
}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button>span{
display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
border:0!important;border-radius:0!important;transform:none!important;background:none!important;box-shadow:none!important;
font-size:19px!important;line-height:22px!important;color:inherit!important;
}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button>b{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important}
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button::before,
html.atlas-mobile-app-v1 body>nav#mobileBottomNav.atlas-mobile-dock>button::after{display:none!important}
/* Reserve actual dock space by shortening page surfaces, including chat composers. */
html.atlas-mobile-app-v1 body :is(#aiModal.atlas-ai-page,#settingsModal,#reportsPage,#supportPage,#trustCenterPage,#professionalPage,#adminCenter,#astrologyCenterModal,#resultModal.atlas-report-page,.modal.atlas-tool-page,#dailyTransitModal,#weeklyTransitDetailModal):not(.hidden){
top:var(--atlas-stable-visual-top,0px)!important;bottom:auto!important;
height:calc(var(--atlas-stable-visual-height,100dvh) - var(--atlas-dock-height))!important;
min-height:0!important;max-height:calc(var(--atlas-stable-visual-height,100dvh) - var(--atlas-dock-height))!important;
box-sizing:border-box!important;
}
html.atlas-mobile-app-v1 body #atlasMain.main{padding-bottom:calc(var(--atlas-dock-height) + 20px)!important}
html.atlas-mobile-app-v1 #atlasMain :is(.analysis-card,.atlas-people-center,.atlas-today-overview,.weekly-transit-card){
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html.atlas-mobile-app-v1 #atlasMain :is(#todayTransitList.is-expanded,#weeklyTransitDayPanel.is-open){
max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;touch-action:auto!important;
}
html.atlas-mobile-app-v1 #atlasMain :is(.atlas-start-dashboard>.atlas-today-overview,.atlas-start-dashboard>.weekly-transit-card){animation:none!important}