/* Stage41: incremental navigation/layout on the accepted 400px UI. */
#soulmap-context-preview{--mobile-nav-space:calc(73px + env(safe-area-inset-bottom,0px))!important;min-width:0;padding-bottom:var(--mobile-nav-space)}
#soulmap-context-preview :is(.sp-bottom-nav,.td-nav,.rm-nav,.mi-nav,.cx-nav):not(.stage41-nav){display:none!important}
#soulmap-context-preview .stage41-nav{display:flex!important;justify-content:space-around;align-items:center;gap:0;border-top:1px solid #e8dcc9}
.stage41-nav button{flex:1;min-width:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a49176;font-size:11px;min-height:44px}
.stage41-nav button{color:#a49176!important}
.stage41-nav button[aria-current="page"]{color:#775630!important;font-weight:600}
.stage41-nav svg{width:22px;height:22px}
body[data-stage41-immersive="true"] #soulmap-context-preview .stage41-nav{display:none!important}
body[data-stage41-immersive="true"] #soulmap-context-preview{--mobile-nav-space:0px!important}
#soulmap-context-preview :is(.mi-body,.td-main,.cp-body,.rm-body,.cx-scroll){min-width:0;overflow-wrap:anywhere}
#soulmap-context-preview img{max-width:100%}
.stage41-runtime{width:100%;min-width:0;margin:0;border:0;background:#fffcf6}
.stage41-runtime[hidden]{display:none!important}
.stage41-runtime iframe{display:block;width:100%;height:100%;min-width:0;border:0;background:#fffcf6}
.stage41-runtime[data-kind="chat"]{height:calc(var(--stage41-visible-height,100dvh) - var(--stage41-header-height,70px) - var(--mobile-nav-space));min-height:260px}
.stage41-runtime[data-kind="chart"]{height:600px;min-height:340px}
.stage41-chart-tabs{display:flex;gap:8px;padding:12px 20px;background:#fffcf6}
.stage41-chart-tabs button{flex:1;padding:9px 3px;border:1px solid #e6d9c5;background:transparent;border-radius:10px;color:#8b6d42;font-size:13px}
.stage41-chart-tabs button[aria-pressed="true"]{background:#efe2c9;border-color:#c7ad7d}
body[data-keyboard-open="true"] #soulmap-context-preview{--mobile-nav-space:0px!important}
body[data-keyboard-open="true"] #soulmap-context-preview .stage41-nav{visibility:hidden!important}
#soulmap-context-preview[data-stage41-chat="true"] #soulmap-poster-preview section[data-view="companion"]>.cp-body{display:none!important}
#soulmap-context-preview[data-stage41-chart="true"] #soulmap-mine-preview .mi-body{display:none!important}
#soulmap-context-preview[data-stage41-chart="true"] #soulmap-mine-preview :is(.mi-phone,.sm-frame){min-height:0!important}
@media(max-width:359px){#soulmap-context-preview :is(.sp-home-inner,.td-main,.mi-body,.cp-body){padding-left:16px;padding-right:16px}.stage41-chart-tabs{padding-inline:16px}}

.sm-profile-controls { margin: 12px 20px 92px; display: flex; flex-wrap: wrap; gap: 10px; }
.sm-profile-controls[hidden] { display: none; }
.sm-profile-controls button,.sm-profile-dialog button { padding: 11px 15px; border: 1px solid #dac59d; border-radius: 14px; background: #fffaf0; color: #65513a; font: inherit; }
.sm-profile-controls p { width: 100%; }
.sm-profile-dialog { border: 1px solid #dac59d; border-radius: 20px; max-width: min(360px,90vw); background: #fffaf3; color: #534637; }
.sm-profile-dialog div { display: grid; gap: 12px; margin-top: 15px; }
.sm-profile-dialog::backdrop { background: #0006; }