/* App-style sheets */
.mobile-journal #dialog .dialog-head,.mobile-journal .mj-choice-head{padding-top:22px!important;border-bottom:0!important}
.sh-grab{position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:5px;background:var(--mj-border);opacity:.9}
.mobile-journal #dialog .dialog-head .sh-close,.mobile-journal .mj-choice-head .sh-close{display:none!important}
.mobile-journal #dialog .dialog-head,.mobile-journal .mj-choice-head{justify-content:center!important;text-align:center;padding-left:20px!important;padding-right:20px!important;min-height:58px}
.mobile-journal #dialog .dialog-head h2,.mobile-journal #dialog .dialog-head #dialog-title,.mobile-journal .mj-choice-head h2{flex:1;text-align:center;margin:0 auto!important;font-size:18px!important}
/* settings opens as a normal sheet, not a full screen without a way out */
.mobile-journal #dialog.mj-settings-screen,.mobile-journal #dialog.mj-settings-screen[open]{inset:auto 0 0 0!important;height:auto!important;max-height:88dvh!important;border-radius:22px 22px 0 0!important;padding-top:0!important;margin:auto 0 0!important}
.mobile-journal #dialog[open],.mobile-journal #mj-choice-dialog[open]{animation:shUp .26s cubic-bezier(.2,.8,.2,1)}
@keyframes shUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:768px){.sh-grab{display:none}.mobile-journal #dialog[open]{animation:none}}
/* member sheets */
.ip-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--ip-accent) 16%,transparent);color:var(--ip-accent);font-size:12px;font-weight:700}
.ip-feature{font-size:21px;line-height:1.35;margin:10px 0 6px;font-weight:700}
.ip-benefit{font-size:15px;line-height:1.6;margin:0 0 14px}
.ip-who{font-size:13px;line-height:1.55;color:var(--mj-muted);margin:0 0 18px;padding:12px 14px;border-radius:12px;background:var(--mj-card)}
.ip-line-btn{display:flex!important;align-items:center;justify-content:center;text-decoration:none}
.ip-have{display:block;width:100%;margin-top:10px;height:46px;border:0!important;background:transparent!important;color:var(--mj-muted)!important;font:500 14px 'Investmin Thai',sans-serif}
.ip-have b{color:var(--ip-accent)}
.ip-form{margin-top:8px}
.ip-line-link{display:block;margin-top:14px;text-align:center;font-size:13px;color:var(--mj-muted);text-decoration:none}
.mobile-journal #page .ip-lock{display:flex;flex-direction:column;align-items:flex-start;padding:22px 18px;border-radius:18px;background:var(--mj-card)}
.mobile-journal #page .ip-lock h2{font-size:21px;margin:10px 0 6px}
.mobile-journal #page .ip-lock .ip-who{background:color-mix(in srgb,var(--mj-text) 5%,transparent)}
.mobile-journal #page .ip-lock .za-primary,.mobile-journal #page .ip-lock .ip-have{width:100%}
.ip-badge{align-self:flex-start;width:auto!important;flex:none}
.mobile-journal #page .bk-card{margin:12px 0 18px!important}
.ip-login .ip-badge,.ip-lock .ip-badge{justify-self:start;display:inline-flex!important;max-width:max-content}