/* App 8: mobile typography and a separate desktop composition. */
/* Mufolio 12: unified wealth summary and native-style pull feedback. */
/* Local copy replaces the old Google Fonts import for the 'Noto Sans Thai' family name. */
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/noto-sans-thai-0.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/noto-sans-thai-1.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/noto-sans-thai-2.ttf') format('truetype')}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/noto-sans-thai-3.ttf') format('truetype')}
@font-face{font-family:'Investmin Thai';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/noto-sans-thai-0.ttf') format('truetype')}
@font-face{font-family:'Investmin Thai';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/noto-sans-thai-1.ttf') format('truetype')}
@font-face{font-family:'Investmin Thai';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/noto-sans-thai-2.ttf') format('truetype')}
@font-face{font-family:'Investmin Thai';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/noto-sans-thai-3.ttf') format('truetype')}
.mobile-journal{--mj-bg:#fff;--mj-card:#fff;--mj-text:#151716;--mj-muted:#828784;--mj-soft:#f6f7f8;--mj-border:#e7e9e8;--mj-green:#175c49;--mj-up:#1caa53;--mj-down:#e45d88;--mj-active:#171918;--mj-nav:#c6cac8;--mj-tint:#edf6f0;--mj-head:#175c49;--mj-shadow:0 8px 24px #152b1610;--ui-bg:var(--mj-bg);--ui-card:var(--mj-card);--ui-solid:var(--mj-card);--ui-text:var(--mj-text);--ui-secondary:var(--mj-muted);--ui-soft:var(--mj-soft);--ui-input:var(--mj-card);--ui-line:var(--mj-border);--ui-accent:var(--mj-green);--ui-positive:var(--mj-up);--ui-negative:var(--mj-down);--ui-shadow:none;--ui-glass-edge:var(--mj-border);--ink:var(--mj-text);--muted:var(--mj-muted);--bg:var(--mj-bg);color-scheme:light}
.mobile-journal[data-appearance=dark]{--mj-bg:#111111;--mj-card:#242424;--mj-text:#f7f7f8;--mj-muted:#969899;--mj-soft:#1b1c1e;--mj-border:#303234;--mj-up:#31c45a;--mj-down:#f278a6;--mj-active:#f7f7f8;--mj-nav:#696c6d;--mj-tint:#172b23;--mj-head:#124a3b;--mj-shadow:none;color-scheme:dark}
.mobile-journal body{margin:0!important;background:var(--mj-bg)!important;color:var(--mj-text);font:15px/1.6 'Investmin Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}
.mobile-journal body>.app{width:100%;max-width:none;margin:0;padding:0 0 calc(76px + env(safe-area-inset-bottom))!important}
.mobile-journal body>header,.mobile-journal .topline,.mobile-journal .app>footer{display:none!important}
.mobile-journal #page{padding:0;margin:0;min-width:0}
.mobile-journal #page.mj-page{width:100%;max-width:none;background:var(--mj-bg);min-height:calc(100dvh - 76px)}
.mobile-journal :is(.mj-page,.mj-sheet-content) *{box-sizing:border-box}
.mobile-journal :is(.mj-page,.mj-sheet-content) :is(h1,h2,h3,p){padding:0;letter-spacing:0;color:inherit}
.mobile-journal :is(.mj-page,.mj-sheet-content) h1{font-size:24px;line-height:1.45;font-weight:700;margin:0;white-space:nowrap}
.mobile-journal :is(.mj-page,.mj-sheet-content) h2{font-size:19px;font-weight:650;line-height:1.5;margin:0}
.mobile-journal :is(.mj-page,.mj-sheet-content) h3{font-size:16px;font-weight:600;line-height:1.6;margin:0}
.mobile-journal :is(.mj-page,.mj-sheet-content) p{margin:8px 0;color:var(--mj-muted);font-size:14px;line-height:1.65}
.mobile-journal :is(.mj-page,.mj-sheet-content) small{color:inherit;font-size:12px}
.mobile-journal :is(.mj-page,.mj-sheet-content) button{font:inherit;color:inherit;cursor:pointer;text-align:initial;max-width:100%;margin:0;box-shadow:none;background:none;border:0;border-radius:0;padding:0;line-height:1.5;letter-spacing:0;touch-action:manipulation}
.mobile-journal :is(.mj-page,.mj-sheet-content) svg{width:22px;height:22px;display:block;flex:0 0 auto}
.mobile-journal :is(.mj-page,.mj-sheet-content) :is(button,summary,input,select):focus-visible{outline:2px solid #3dcb87;outline-offset:3px}
.mobile-journal :is(.mj-page,.mj-sheet-content) :is(input,select){width:100%;min-width:0;min-height:44px;font-size:16px;background:var(--mj-soft);color:var(--mj-text);border:1px solid var(--mj-border);border-radius:12px;padding:10px 12px;box-sizing:border-box}
.mobile-journal :is(.mj-page,.mj-sheet-content) label{display:block;font-size:14px;color:var(--mj-muted)}
.mobile-journal .mj-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mobile-journal .mj-number{display:block;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:-.3px}
.mobile-journal #page .mj-up,.mobile-journal .mj-sheet-content .mj-up{color:var(--mj-up)!important}
.mobile-journal #page .mj-down,.mobile-journal .mj-sheet-content .mj-down{color:var(--mj-down)!important}
.mobile-journal .mj-neutral{color:var(--mj-text)}.mobile-journal .mj-muted{color:var(--mj-muted)}
.mobile-journal :is(.mj-page,.mj-sheet-content) .mj-button{min-height:44px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--mj-border);border-radius:12px;padding:9px 13px;font-weight:600;font-size:13px;white-space:nowrap;background:var(--mj-card)}
.mobile-journal :is(.mj-page,.mj-sheet-content) .mj-button svg{width:18px;height:18px}
.mobile-journal :is(.mj-page,.mj-sheet-content) .mj-primary{background:var(--mj-green);color:#fff;border-color:transparent}
.mobile-journal :is(.mj-page,.mj-sheet-content) .mj-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:10px;border-radius:50%}
.mobile-journal :is(.mj-page,.mj-sheet-content) :is(.mj-link,.mj-icon-text){display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:13px;white-space:nowrap}
.mobile-journal .mj-link svg{width:17px!important;height:17px!important}
.mobile-journal #page .mj-page-head{position:static;display:block;height:auto;min-height:0;padding:24px 22px 16px;margin:0;border:0;border-radius:0;background:var(--mj-bg);backdrop-filter:none;box-shadow:none;z-index:auto}
.mobile-journal #page .mj-page-head.mj-green{position:relative;overflow:hidden}
.mobile-journal .mj-title-line{display:flex;align-items:center;gap:2px;justify-content:space-between;min-width:0}
.mobile-journal .mj-brand-mark{display:inline-block;position:relative;width:40px;height:40px;flex:0 0 40px;border-radius:12px;overflow:hidden;background:#0b2a20}
.mobile-journal .mj-brand-mark img{position:absolute;width:100%!important;height:100%!important;max-width:none!important;left:0;top:0;object-fit:cover;border-radius:0!important;margin:0!important}
.mobile-journal .mj-brand-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:0}
.mobile-journal .mj-brand-name strong{font-size:20px;line-height:1.25}.mobile-journal .mj-brand-name small{font-size:10px;font-weight:400;opacity:.8;line-height:1.5}
.mobile-journal .mj-byline{font-size:11px;opacity:.8}
.mobile-journal .mj-profile>.mj-brand-mark{width:68px;height:68px;flex-basis:68px;border-radius:20px}
.mobile-journal .mj-settings-profile>.mj-brand-mark{width:48px;height:48px;flex-basis:48px}
.mobile-journal .mj-home-head .mj-brand-line>.mj-icon{flex:0 0 40px;width:40px;min-width:40px;margin:0}
.mobile-journal #dialog-title{min-width:0;flex:1;overflow-wrap:anywhere}.mobile-journal #close{flex-shrink:0}
@media(max-width:767px){
 html.mobile-journal, .mobile-journal body{max-width:100%;overflow-x:clip;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .mobile-journal :is(input,select,textarea){font-size:16px!important}
 .mobile-journal button,.mobile-journal a{touch-action:manipulation}
}
.mobile-journal .mj-etf-subtitle{font-size:13px!important;color:var(--mj-muted);margin:4px 0 0!important}
.mobile-journal .mj-etf-count{display:flex;justify-content:space-between;gap:12px;color:var(--mj-muted);font-size:11px;margin:14px 0 6px}
.mobile-journal #page .mj-etf-row{display:flex;align-items:center;gap:12px;padding:19px 0;min-height:102px;border-bottom:1px solid var(--mj-border);text-decoration:none;color:var(--mj-text);background:transparent;border-radius:0}
.mobile-journal #page .mj-etf-row .stock-logo{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;padding:0;align-self:flex-start;margin-top:3px}
.mobile-journal #page .mj-etf-row .stock-logo img{width:100%;height:100%;object-fit:cover}
.mobile-journal .mj-etf-copy{flex:1;min-width:0;display:grid;gap:3px}
.mobile-journal .mj-etf-copy strong{font-size:16px;font-weight:650;line-height:1.4}
.mobile-journal .mj-etf-copy>span{font-size:12px;line-height:1.5}
.mobile-journal .mj-etf-copy>small{font-size:11px;line-height:1.5;color:var(--mj-muted);overflow-wrap:anywhere}
.mobile-journal .mj-etf-market{flex:0 0 30px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mj-muted)}
.mobile-journal .mj-etf-market img{border-radius:50%}.mobile-journal .mj-etf-market small{font-size:10px}.mobile-journal .mj-etf-market>span{font-size:23px;line-height:1}
.mobile-journal .mj-fx-fetch{border-bottom:1px solid var(--mj-border);padding-bottom:14px}
.mobile-journal .mj-fx-fetch p{font-size:12px;line-height:1.7;margin:10px 0 0}
.mobile-journal .mj-fx-fetch a{color:var(--mj-green);text-decoration:underline}
.mobile-journal #pf-fetch-rate{width:100%;min-height:44px}.mobile-journal #pf-fetch-rate:disabled{opacity:.6;cursor:wait}
.mobile-journal #pf-rate-status{color:var(--mj-muted)}
.mobile-journal .mj-reconciliation{margin:18px 0;padding:16px;border:1px solid var(--mj-border);border-radius:14px}
.mobile-journal .mj-reconcile-row{padding:12px 0;border-bottom:1px solid var(--mj-border)}
.mobile-journal .mj-reconcile-row>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px}
.mobile-journal .mj-reconcile-row small{font-size:11px;color:var(--mj-muted);display:block;margin-top:5px}
.mobile-journal .mj-green{position:relative;isolation:isolate;background:linear-gradient(118deg,#23735a 0%,var(--mj-head) 68%,#124636 100%)!important;color:#fff!important;overflow:hidden}
.mobile-journal .mj-green:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:repeating-linear-gradient(3deg,transparent 0 57px,#bad4c722 58px 59px),repeating-linear-gradient(94deg,transparent 0 84px,#bad4c722 85px 86px);pointer-events:none}
.mobile-journal .mj-green:after{content:'';position:absolute;width:160px;height:160px;border:24px solid #9bceb715;border-radius:50%;right:-58px;top:-30px;z-index:-1;pointer-events:none}
.mobile-journal .mj-page-content{padding:4px 22px 30px}
.mobile-journal .mj-section{margin:26px 0 0;min-width:0}
.mobile-journal .mj-section-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.mobile-journal .mj-section-line>span{font-size:13px;color:var(--mj-muted)}
.mobile-journal .mj-section-line>.mj-icon{width:30px;min-width:30px;height:44px;padding:5px}
.mobile-journal .mj-section-line>.mj-icon svg{width:16px;height:16px}
.mobile-journal .mj-line-list{margin-top:8px}
.mobile-journal :is(.mj-page,.mj-sheet-content) .mj-menu-row{display:flex;align-items:center;gap:13px;width:100%;padding:16px 0;min-height:66px;border-bottom:1px solid var(--mj-border);border-radius:0;background:transparent}
.mobile-journal .mj-menu-icon{flex:0 0 25px;color:inherit}.mobile-journal .mj-menu-copy{flex:1;min-width:0}
.mobile-journal .mj-menu-copy strong{display:block;font-size:15px;font-weight:600}
.mobile-journal .mj-menu-copy small{display:block;color:var(--mj-muted);font-size:12px;margin-top:3px;line-height:1.6}
.mobile-journal .mj-menu-row>svg{width:17px;height:17px;color:var(--mj-muted)}
.mobile-journal .mj-empty{text-align:center;padding:40px 16px 24px;max-width:430px;margin:auto}
.mobile-journal .mj-empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--mj-soft);color:var(--mj-muted);border-radius:50%;margin:0 auto 14px}
.mobile-journal .mj-empty p{font-size:13px;max-width:270px;margin:8px auto 18px}
.mobile-journal .mj-empty .mj-button{margin:auto}.mobile-journal .mj-empty-action{display:flex!important;margin:0 auto 20px!important}
.mobile-journal #page .mj-footnote,.mobile-journal .mj-sheet-content .mj-footnote{font-size:11px;color:var(--mj-muted);margin:22px 0;line-height:1.7}
/* Home */
.mobile-journal .mj-home-head{padding:20px 22px 58px}
.mobile-journal .mj-brand-line{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:14px}
.mobile-journal .mj-brand-line img{width:30px;height:30px;border-radius:9px;object-fit:cover}
.mobile-journal .mj-brand-line .mj-icon{margin-left:auto}
.mobile-journal .mj-period-label{font-size:12px;opacity:.7;margin-top:3px}
.mobile-journal .mj-home-body{position:relative;margin-top:-32px;border-radius:22px 22px 0 0;background:var(--mj-bg);padding:0 22px 28px}
.mobile-journal .mj-summary-card{position:relative;top:-16px;margin-bottom:-2px;padding:10px 17px 16px;background:var(--mj-card);border-radius:18px;box-shadow:var(--mj-shadow)}
.mobile-journal .mj-hero-number{font-size:35px;line-height:1.35;font-weight:700;margin:1px 0 18px}
.mobile-journal .mj-hero-number small{font-size:20px;font-weight:650}
.mobile-journal .mj-income-breakdown{border-top:1px dashed var(--mj-border);padding-top:11px;display:grid;gap:10px}
.mobile-journal .mj-income-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:8px}
.mobile-journal .mj-income-breakdown>div>span{font-size:13px;color:var(--mj-muted)}
.mobile-journal .mj-income-breakdown strong{text-align:right;font-size:16px}
.mobile-journal .mj-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}
.mobile-journal .mj-filter-line{display:flex;align-items:center;gap:8px;margin:10px 0 18px;min-width:0}
.mobile-journal .mj-filter-line .mj-select-wrap{flex:0 0 141px;min-width:0}
.mobile-journal .mj-filter-line select{border:0;background:var(--mj-soft);font-size:13px;min-height:44px;padding:9px 10px}
.mobile-journal .mj-filter-button{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;min-height:44px;margin-left:auto!important;font-size:13px!important}
.mobile-journal .mj-filter-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px}
.mobile-journal .mj-filter-button svg{width:17px!important;height:17px!important}
.mobile-journal .mj-notice{display:flex;gap:8px;align-items:center;padding:10px 12px;margin:12px 0;font-size:12px;border-radius:10px;background:var(--mj-tint)}
.mobile-journal .mj-notice>span{flex:1}.mobile-journal .mj-notice svg{width:18px;height:18px}
.mobile-journal .mj-year-badge{font-size:12px;padding:3px 8px;background:var(--mj-soft);border-radius:6px}
.mobile-journal #page.mj-page .ij-chart{padding:0;margin:22px 0 0;border:0;border-radius:0;box-shadow:none;background:transparent!important;backdrop-filter:none}
.mobile-journal #page.mj-page .ij-chart .section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}
.mobile-journal #page.mj-page .ij-chart .section-head>span{font-size:12px;color:var(--mj-muted)}
.mobile-journal #page.mj-page .ij-chart .ij-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px;padding:0}
.mobile-journal #page.mj-page .ij-chart .pill-tabs{display:flex;width:auto;gap:2px;background:var(--mj-soft);border-radius:10px;padding:3px}
.mobile-journal #page.mj-page .ij-chart .pill-tabs button{min-height:38px;padding:7px 14px;border-radius:8px;border:0;font-size:12px;background:transparent;color:var(--mj-muted)}
.mobile-journal #page.mj-page .ij-chart .pill-tabs button.active{background:var(--mj-card);color:var(--mj-text);box-shadow:0 1px 5px #0001}
.mobile-journal #page.mj-page .ij-chart .ij-filters label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:12px}
.mobile-journal #page.mj-page .ij-chart select{font-size:12px;min-height:38px;padding:5px;width:auto}
.mobile-journal #page.mj-page .ij-legend{display:flex;gap:18px;font-size:11px;margin:14px 0 6px;color:var(--mj-muted)}
.mobile-journal #page.mj-page .ij-legend>span{display:flex;align-items:center;gap:6px}
.mobile-journal #page.mj-page .ij-dot{width:6px;height:6px;border-radius:2px}
.mobile-journal #page.mj-page .ij-chart-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;height:138px;margin:0;padding:0;min-width:0;border:0;background:repeating-linear-gradient(to top,transparent 0 35px,var(--mj-border) 35px 36px)}
.mobile-journal #page.mj-page .ij-chart-grid.ij-daily{grid-template-columns:repeat(31,30px);overflow-x:auto;height:150px;overscroll-behavior-x:contain}
.mobile-journal #page.mj-page .ij-chart-grid .ij-month{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-height:0;min-width:0;padding:5px 1px;border:0;border-radius:0;background:transparent;font-size:9px;color:var(--mj-muted);white-space:nowrap}
.mobile-journal #page.mj-page .ij-chart-grid .ij-month>span:last-child{line-height:20px;letter-spacing:-.25px}
.mobile-journal #page.mj-page .ij-bars{height:102px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;background:none;border-radius:0;margin:0;border:0}
.mobile-journal #page.mj-page .ij-bar{width:6px;min-height:0;border-radius:3px 3px 0 0}
.mobile-journal #page.mj-page .ij-chart .positive{background:var(--mj-up)!important}
.mobile-journal #page.mj-page .ij-chart .negative{background:var(--mj-down)!important}
.mobile-journal #page.mj-page .ij-chart-readout{font-size:11px;line-height:1.6;margin:10px 0 0;color:var(--mj-muted)}
.mobile-journal .mj-goal-banner{display:flex!important;align-items:center;gap:13px;padding:18px!important;width:100%;margin-top:24px!important;border-radius:16px!important;background:var(--mj-tint)!important}
.mobile-journal .mj-goal-banner>span{flex:1;min-width:0}.mobile-journal .mj-goal-banner strong{display:block;font-size:14px}
.mobile-journal .mj-goal-banner small{display:block;font-size:12px;color:var(--mj-muted);margin-top:3px}
/* Portfolio: overlapped rounded balance card and flat three-column rows. */
.mobile-journal .mj-portfolio-head{padding:28px 22px 170px}
.mobile-journal .mj-portfolio-head .mj-title-line{justify-content:initial;gap:1px}
.mobile-journal .mj-portfolio-head h1{font-size:23px}
.mobile-journal .mj-head-pill{display:inline-flex!important;gap:4px;align-items:center;justify-content:center;padding:6px 9px!important;margin-left:auto!important;min-height:32px;white-space:nowrap;border-radius:30px!important;background:#05291d3d!important;font-size:11px!important}
.mobile-journal .mj-head-pill svg{width:14px!important;height:14px!important}
.mobile-journal .mj-market-tabs{display:flex;gap:10px;overflow:auto;scrollbar-width:none;margin:15px -22px 0;padding:0 22px}
.mobile-journal .mj-market{display:flex!important;flex:0 0 auto;gap:7px;align-items:center;min-height:40px;padding:8px 17px!important;border:1px solid var(--mj-border)!important;background:var(--mj-card)!important;border-radius:22px!important;color:var(--mj-muted)!important;font-size:14px!important;font-weight:600!important}
.mobile-journal .mj-market svg{width:18px!important;height:18px!important}
.mobile-journal .mj-market[aria-pressed=true]{border-color:#92bda9!important;background:#d8eee0!important;color:#154c39!important}
.mobile-journal[data-appearance=dark] .mj-market[aria-pressed=true]{background:#284d3d!important;color:#fff!important;border-color:#afccb9!important}
.mobile-journal .mj-portfolio-body{position:relative;border-radius:20px 20px 0 0;background:var(--mj-bg);padding:1px 22px 32px;margin-top:-20px;min-height:calc(100dvh - 300px)}
.mobile-journal .mj-balance{position:relative;margin:-138px 0 18px;padding:8px 15px 15px;background:var(--mj-card);border-radius:17px;box-shadow:var(--mj-shadow)}
.mobile-journal .mj-total{font-size:32px;font-weight:700;line-height:1.5;margin:0 0 4px}.mobile-journal .mj-total small{font-size:.67em;font-weight:700}.mobile-journal .mj-decimal{font-size:.7em}
.mobile-journal #page p.mj-cost{font-size:13px;margin:4px 0 13px;color:var(--mj-muted);display:flex;align-items:center;gap:5px}.mobile-journal .mj-cost .mj-number{display:inline}
.mobile-journal .mj-balance-result{border-top:1px dashed var(--mj-border);padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.mobile-journal .mj-balance-result>span{font-weight:550;font-size:12px}.mobile-journal .mj-balance-result>strong{font-size:17px;line-height:1.6;margin-left:auto}.mobile-journal .mj-balance-result>strong small{font-size:14px}
.mobile-journal .mj-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 13px}
.mobile-journal .mj-toolbar .mj-button{font-size:12px;padding:7px 9px;min-height:40px;gap:4px;border-radius:12px}.mobile-journal .mj-toolbar .mj-button>svg{order:2;width:16px;height:16px}
.mobile-journal .mj-columns,.mobile-journal .mj-asset>summary{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.9fr) minmax(0,1fr);gap:6px;align-items:center}
.mobile-journal .mj-columns{font-size:10px;line-height:1.5;color:var(--mj-muted);padding:7px 0 3px;white-space:nowrap}.mobile-journal .mj-columns>span:not(:first-child){text-align:right}
.mobile-journal .mj-asset{border:0;border-bottom:1px solid var(--mj-border);border-radius:0;background:none;margin:0;padding:0}
.mobile-journal .mj-asset>summary{min-height:83px;padding:15px 0;list-style:none;cursor:pointer}.mobile-journal .mj-asset>summary::-webkit-details-marker{display:none}.mobile-journal .mj-asset>summary:after{display:none}
.mobile-journal .mj-identity{display:flex;gap:7px;align-items:center;min-width:0}.mobile-journal .mj-identity>span:last-child{min-width:0}
.mobile-journal .mj-identity strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:0}
.mobile-journal .mj-identity small{display:flex;align-items:center;gap:4px;color:var(--mj-muted);font-size:11px;white-space:nowrap;margin-top:4px}.mobile-journal .mj-identity small svg{width:11px;height:11px}
.mobile-journal #page .mj-identity .stock-logo{width:30px;height:30px;flex:0 0 30px;border:1px solid var(--mj-border);background:var(--mj-soft);font-size:7px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:2px}
.mobile-journal .mj-identity .stock-logo img{max-width:24px;max-height:24px;border-radius:50%;object-fit:contain}
.mobile-journal .mj-value,.mobile-journal .mj-performance{text-align:right;min-width:0;align-self:start;padding-top:2px}
.mobile-journal .mj-value strong,.mobile-journal .mj-performance strong{font-size:15px;font-weight:700;line-height:1.5}.mobile-journal .mj-performance small{font-size:11px;display:block;margin-top:4px;font-weight:550}
.mobile-journal .mj-expanded{background:var(--mj-soft);padding:16px 22px 18px;margin:0 -22px}.mobile-journal .mj-expanded h3{font-size:14px;overflow-wrap:anywhere;margin-bottom:13px}
.mobile-journal .mj-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-bottom:17px}.mobile-journal .mj-detail-grid>div{min-width:0}
.mobile-journal .mj-detail-grid span{font-size:12px;color:var(--mj-muted);display:block}.mobile-journal .mj-detail-grid strong{font-size:16px;font-weight:500;margin-top:6px}.mobile-journal .mj-expanded>.mj-button{display:flex;margin-left:auto}
/* Transactions */
.mobile-journal .mj-transaction-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--mj-border);margin:0 0 12px}
.mobile-journal #page .mj-transaction-tabs button{text-align:center;min-height:46px;font-size:14px;color:var(--mj-muted);border-bottom:2px solid transparent}
.mobile-journal #page .mj-transaction-tabs button[aria-pressed=true]{color:var(--mj-text);border-bottom-color:var(--mj-text);font-weight:600}
.mobile-journal #page .mj-kind-tabs[hidden]{display:none}
.mobile-journal .mj-trade-price,.mobile-journal .mj-trade-quantity{display:block;font-size:12px;margin-top:5px;color:var(--mj-text)}
.mobile-journal .mj-trade-record .mj-account{display:inline-flex;align-items:center;gap:5px}
.mobile-journal .mj-trade-record .mj-account .mj-flag{width:12px;height:12px;flex-basis:12px}
.mobile-journal .mj-route-transactions .mj-page-head .mj-button{padding:8px 10px;font-size:12px}
.mobile-journal .mj-search-line{display:flex;align-items:center;gap:8px;margin:6px 0 12px}.mobile-journal .mj-search{position:relative;flex:1;min-width:0}.mobile-journal .mj-search svg{position:absolute;left:13px;top:12px;color:var(--mj-muted);width:20px}
.mobile-journal #mj-search{border:0;border-radius:24px;padding:10px 12px 10px 43px;font-size:14px;background:var(--mj-soft);min-height:44px}
.mobile-journal .mj-kind-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -22px;padding:0 22px 5px}.mobile-journal .mj-kind-tabs button{min-height:40px;padding:8px 17px;border:1px solid var(--mj-border);border-radius:22px;font-size:13px;white-space:nowrap}
.mobile-journal .mj-kind-tabs button[aria-pressed=true]{border-color:var(--mj-text);background:var(--mj-soft);font-weight:600}.mobile-journal .mj-month-group h2{font-size:15px;color:var(--mj-muted);margin:25px 0 4px}
.mobile-journal .mj-record{display:block!important;width:100%;border-bottom:1px solid var(--mj-border)!important;min-width:0;padding:17px 0!important}
.mobile-journal .mj-record-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:start}.mobile-journal .mj-record-top>strong{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-journal .mj-record-top>b{font-size:15px;text-align:right;font-weight:650}.mobile-journal .mj-record-top b small{font-size:11px}
.mobile-journal .mj-record-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--mj-muted);margin-top:7px;align-items:center}.mobile-journal .mj-account{padding:3px 7px;border-radius:7px;background:var(--mj-tint);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-journal .mj-record-bottom time{white-space:nowrap}
.mobile-journal .mj-pending-label{font-size:11px!important;color:var(--mj-muted)!important;display:block;margin-top:5px}.mobile-journal .mj-history-links{margin-top:24px}.mobile-journal .mj-date-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mj-muted)}
/* Halal and personal */
.mobile-journal #page .mj-tools-content .mj-intro{font-size:13px;margin:17px 0}.mobile-journal .mj-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile-journal .mj-feature{position:relative;display:block!important;padding:18px 15px 16px!important;background:var(--mj-card)!important;border:1px solid var(--mj-border)!important;border-radius:16px!important;min-height:163px}
.mobile-journal .mj-feature-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--mj-tint);color:var(--mj-up);margin-bottom:14px}.mobile-journal .mj-feature h2{font-size:20px}.mobile-journal .mj-feature p{font-size:11px!important;margin:4px 0 0!important}.mobile-journal .mj-feature>svg{position:absolute;right:13px;top:21px;width:18px}
.mobile-journal .mj-profile-head{padding:26px 22px 65px}.mobile-journal .mj-head-settings{display:flex!important;align-items:center;gap:6px;background:white!important;color:#131713!important;min-height:38px;padding:7px 13px!important;border-radius:24px!important;font-size:13px!important;font-weight:600!important}.mobile-journal .mj-head-settings svg{width:18px!important;height:18px!important}
.mobile-journal .mj-profile{display:flex;align-items:center;gap:16px;padding-top:28px}.mobile-journal .mj-profile>img{width:58px;height:58px;border-radius:18px;box-shadow:0 2px 8px #0002}.mobile-journal .mj-profile>div{min-width:0}.mobile-journal .mj-profile span{font-size:12px;opacity:.75}.mobile-journal .mj-profile h2{font-size:23px;margin-top:3px}.mobile-journal .mj-profile p{color:#c2ded0;font-size:11px;margin-top:3px}
.mobile-journal .mj-me-body{position:relative;background:var(--mj-bg);border-radius:22px 22px 0 0;margin-top:-25px;padding:0 22px 30px}
.mobile-journal .mj-personal-banner{position:relative;top:-20px;display:flex!important;align-items:center;gap:12px;padding:20px 16px!important;width:100%;margin-bottom:-8px!important;background:linear-gradient(120deg,#e7dfcc,#f6f6f2 60%,#d2ddd4)!important;color:#1b241d!important;border-radius:16px!important;box-shadow:var(--mj-shadow)}
.mobile-journal .mj-personal-banner>span:nth-child(2){flex:1;min-width:0}.mobile-journal .mj-personal-banner strong{font-size:15px;display:block}.mobile-journal .mj-personal-banner small{font-size:11px;display:block;margin-top:4px;color:#596258}
.mobile-journal #page .mj-local-label{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;margin:28px 0 0}.mobile-journal .mj-local-label svg{width:14px;height:14px}
/* Fixed navigation, native focus-trapped sheets */
.mobile-journal #mobile-nav{position:fixed;inset:auto 0 0;z-index:60;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));height:auto;min-height:68px;padding:7px 6px calc(8px + env(safe-area-inset-bottom));gap:0;margin:0;background:var(--mj-card)!important;border:0;border-top:1px solid var(--mj-border);border-radius:0;box-shadow:none;backdrop-filter:none}
.mobile-journal #mobile-nav .mj-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:52px;min-width:0;padding:3px 0;color:var(--mj-nav);background:transparent;font-size:10px;font-weight:400;border:0;border-radius:0;line-height:1.5}.mobile-journal #mobile-nav svg{width:24px;height:24px;display:block}
.mobile-journal #mobile-nav .mj-nav-item[aria-current=page]{color:var(--mj-active);font-weight:650}.mobile-journal #mobile-nav .mj-nav-item[aria-current=page] svg{stroke-width:2.3}.mobile-journal #mobile-nav .mj-nav-item[aria-current=page][data-go=portfolio] svg{fill:currentColor;stroke-width:1}
.mobile-journal #dialog{width:min(100%,560px);max-width:100%;max-height:88dvh;padding:0 22px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border:0;background:var(--mj-bg)!important;color:var(--mj-text);box-shadow:0 -10px 70px #0002;inset:auto 0 0;margin:0 auto;overflow-y:auto;overscroll-behavior:contain}
.mobile-journal #dialog::backdrop{background:#0008;backdrop-filter:none}.mobile-journal #dialog .dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--mj-bg);padding:20px 0 12px;margin:0 0 10px;gap:12px;border:0;z-index:1}.mobile-journal #dialog-title{font-size:24px;line-height:1.45;color:var(--mj-text);margin:0}.mobile-journal #close{width:44px;height:44px;min-width:44px;border-radius:50%;background:transparent;font-size:30px;padding:0;color:var(--mj-text)}
.mobile-journal #dialog-content{font-size:14px;overflow-wrap:break-word}.mobile-journal #dialog-content p{font-size:14px}.mobile-journal #dialog-content :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-height:44px;font-size:16px}.mobile-journal #dialog-content input[type=checkbox]{min-height:20px;width:20px;height:20px}
.mobile-journal .mj-sheet-content>h3{margin:26px 0 5px;font-size:14px;color:var(--mj-muted)}.mobile-journal .mj-sheet-content>h3:first-child{margin-top:0}
.mobile-journal .mj-settings-profile{display:flex;align-items:center;gap:14px;background:var(--mj-card);border-radius:17px;padding:20px;margin:8px 0 25px;border:1px solid var(--mj-border)}.mobile-journal .mj-settings-profile img{width:46px;height:46px;border-radius:14px}.mobile-journal .mj-settings-profile strong{display:block;font-size:17px}.mobile-journal .mj-settings-profile small{display:block;margin-top:4px;color:var(--mj-muted)}
.mobile-journal .mj-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.mobile-journal .mj-sort-options .mj-sort-option{min-height:64px;width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--mj-border);padding:15px 0;font-size:14px}.mobile-journal .mj-radio{width:20px;height:20px;flex:0 0 20px;border:1px solid var(--mj-muted);border-radius:50%;display:grid;place-items:center}.mobile-journal .mj-sort-option[aria-pressed=true] .mj-radio{background:#53ed91;color:#112619;border-color:#53ed91}.mobile-journal .mj-radio svg{width:16px;height:16px}
.mobile-journal .mj-theme-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.mobile-journal .mj-theme-previews button{position:relative;text-align:center;border:1px solid var(--mj-border);border-radius:14px;padding:12px 8px;font-size:13px}.mobile-journal .mj-theme-previews button[aria-pressed=true]{border-color:var(--mj-up);box-shadow:0 0 0 1px var(--mj-up)}.mobile-journal .mj-theme-previews button>svg{position:absolute;right:5px;top:5px;width:16px;height:16px;color:var(--mj-up)}
.mobile-journal .mj-theme-sample{display:flex;flex-direction:column;gap:6px;padding:12px 7px;width:55px;height:78px;border:1px solid #bbb;border-radius:8px;margin:0 auto 12px;background:#fff}.mobile-journal .mj-theme-sample i{height:7px;border-radius:3px;background:#e2e6e3}.mobile-journal .mj-theme-sample i:first-child{background:#175c49;height:20px}.mobile-journal .mj-theme-sample.dark{background:#141414;border-color:#444}.mobile-journal .mj-theme-sample.dark i:not(:first-child){background:#414141}.mobile-journal .mj-theme-sample.system{background:linear-gradient(90deg,#fff 50%,#141414 50%)}
.mobile-journal #page.mj-legacy-page{max-width:1050px;margin:auto;padding:22px;min-width:0}.mobile-journal .mj-back-link{display:flex;align-items:center;gap:7px;min-height:44px;margin-bottom:18px;color:var(--mj-muted);font-size:14px;background:none}.mobile-journal .mj-back-link svg{width:18px;height:18px}.mobile-journal .mj-legacy-page :is(h1,.page-heading h1){font-size:24px}.mobile-journal .mj-legacy-page :is(.surface,.tool-tile,.metric){border-radius:16px;box-shadow:none;backdrop-filter:none}.mobile-journal .mj-legacy-page :is(.line-row,.ref-tx-top){overflow-wrap:anywhere}
.mobile-journal #toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);background:var(--mj-active);color:var(--mj-bg)}
@media(max-width:767px){
 .mobile-journal #dialog.mj-settings-screen{inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top)}
 .mobile-journal #mobile-nav .mj-nav-item{font-size:11px}
 .mobile-journal #page.mj-page .ij-chart-grid .ij-month{font-size:10px}
}
@media(min-width:768px){
 .mobile-journal body{background:var(--mj-soft)!important}
 .mobile-journal body>header{display:flex!important;position:fixed;inset:0 auto 0 0;width:220px;height:100dvh;min-height:0;padding:30px 18px;margin:0;border:0;border-right:1px solid var(--mj-border);border-radius:0;flex-direction:column;align-items:stretch;gap:36px;background:var(--mj-card)!important;box-shadow:none;backdrop-filter:none;z-index:60}
 .mobile-journal body>header .brand{font-size:19px;padding-left:43px!important;min-height:40px;display:flex;align-items:center;letter-spacing:-.3px}.mobile-journal body>header .brand img{width:32px;height:32px;border-radius:9px;left:0}.mobile-journal body>header :is(.appearance-control,.demo,.brand small){display:none!important}
 .mobile-journal #desktop-nav{display:flex;flex-direction:column;gap:8px;margin:0;width:100%;order:0}.mobile-journal #desktop-nav .mj-nav-item{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 16px;text-align:left;font-size:14px;color:var(--mj-muted);border-radius:12px}.mobile-journal #desktop-nav svg{width:22px;height:22px}.mobile-journal #desktop-nav [aria-current=page]{background:var(--mj-tint);color:var(--mj-text);font-weight:650}
 .mobile-journal #mobile-nav{display:none!important}.mobile-journal body>.app{width:calc(100% - 220px);margin-left:220px;padding:28px!important}.mobile-journal #page.mj-page{max-width:1120px;margin:auto;border-radius:22px;overflow:clip;min-height:calc(100dvh - 56px)}
 .mobile-journal .mj-page h1{font-size:28px}.mobile-journal #page .mj-page-head{padding:30px 32px 20px}.mobile-journal .mj-page-content{padding:8px 32px 36px}
 .mobile-journal .mj-home-head{padding:24px 32px 65px}.mobile-journal .mj-brand-line{display:none}.mobile-journal .mj-home-body{padding:0 32px 32px}.mobile-journal .mj-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.mobile-journal .mj-home-aside{padding-top:15px}.mobile-journal .mj-summary-card{padding:16px 24px 22px}.mobile-journal .mj-hero-number{font-size:38px}.mobile-journal .mj-section:first-child{margin-top:12px}
 .mobile-journal #page.mj-page .ij-chart-grid{height:208px}.mobile-journal #page.mj-page .ij-bars{height:170px}.mobile-journal #page.mj-page .ij-chart-grid .ij-month{font-size:11px}
 .mobile-journal .mj-portfolio-head{padding:28px 32px 170px}.mobile-journal .mj-portfolio-head h1{font-size:28px}.mobile-journal .mj-portfolio-head .mj-icon{margin-left:10px}.mobile-journal .mj-head-pill{font-size:13px!important;padding:8px 16px!important}.mobile-journal .mj-market-tabs{margin-left:0;margin-right:0;padding:0;margin-top:22px}.mobile-journal .mj-portfolio-body{padding:1px 32px 32px}.mobile-journal .mj-balance{padding:12px 24px 20px}.mobile-journal .mj-total{font-size:42px}.mobile-journal .mj-balance-result{flex-wrap:nowrap}.mobile-journal .mj-balance-result>span{font-size:15px}.mobile-journal .mj-balance-result>strong{font-size:20px}.mobile-journal .mj-balance-result>strong small{font-size:17px}
 .mobile-journal .mj-toolbar .mj-button{font-size:14px;padding:8px 14px}.mobile-journal .mj-columns{font-size:12px;padding:14px 0}.mobile-journal .mj-asset>summary{min-height:92px}.mobile-journal .mj-identity{gap:15px}.mobile-journal #page .mj-identity .stock-logo{width:38px;height:38px;flex-basis:38px;font-size:9px}.mobile-journal .mj-identity strong,.mobile-journal .mj-value strong,.mobile-journal .mj-performance strong{font-size:18px}.mobile-journal .mj-identity small,.mobile-journal .mj-performance small{font-size:13px}
 .mobile-journal .mj-expanded{margin:0 -32px;padding:22px 32px;display:grid;grid-template-columns:1fr auto;gap:15px}.mobile-journal .mj-expanded h3{grid-column:1/-1;margin:0}.mobile-journal .mj-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.mobile-journal .mj-expanded>.mj-button{align-self:center}
 .mobile-journal .mj-route-transactions .mj-page-content{max-width:890px;margin:auto}.mobile-journal .mj-record{padding:20px 0!important}.mobile-journal .mj-record-top>strong,.mobile-journal .mj-record-top>b{font-size:16px}
 .mobile-journal .mj-tools-content{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}.mobile-journal .mj-tools-content .mj-intro,.mobile-journal .mj-feature-grid{grid-column:1/-1}.mobile-journal .mj-feature{min-height:155px;padding:22px!important}
 .mobile-journal .mj-profile-head{padding:30px 32px 60px}.mobile-journal .mj-me-body{padding:0 32px 30px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.mobile-journal .mj-personal-banner,.mobile-journal .mj-local-label{grid-column:1/-1}
 .mobile-journal #dialog{inset:0;margin:auto;border-radius:20px;max-height:85dvh;padding:0 28px 28px;width:560px}.mobile-journal #toast{bottom:24px}
}
@media(min-width:768px) and (max-width:1050px){.mobile-journal body>header{width:180px;padding:25px 12px}.mobile-journal body>.app{width:calc(100% - 180px);margin-left:180px;padding:20px!important}.mobile-journal .mj-home-grid{grid-template-columns:1fr}.mobile-journal .mj-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mobile-journal .mj-home-aside .mj-goal-banner{grid-column:1/-1}.mobile-journal .mj-detail-grid{grid-template-columns:1fr 1fr}.mobile-journal .mj-me-body{display:block}.mobile-journal body>header .brand{font-size:16px}}
@media(max-width:374px){.mobile-journal .mj-page h1{font-size:22px}.mobile-journal .mj-portfolio-head h1{font-size:21px}.mobile-journal .mj-portfolio-head .mj-head-pill{font-size:10px!important;padding:5px 6px!important}.mobile-journal .mj-identity{gap:4px}.mobile-journal .mj-identity strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mobile-journal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.mobile-journal body>header,.mobile-journal #mobile-nav{display:none!important}.mobile-journal body>.app{margin:0;width:100%;padding:0!important}.mobile-journal #page{box-shadow:none}}
.mobile-journal .mj-brand-mark img,.mobile-journal body>header .brand .mj-brand-mark img{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover}
.mobile-journal .mj-wealth-card{margin-top:-45px;position:relative;border-radius:18px;background:var(--mj-card);padding:17px 16px 13px;box-shadow:var(--mj-shadow)}
.mobile-journal .mj-wealth-card>.mj-section-line{color:var(--mj-muted);font-size:13px}.mobile-journal .mj-wealth-total{font-size:34px;font-weight:700;line-height:1.4;margin:3px 0 13px}.mobile-journal .mj-wealth-total>small{font-size:20px}
.mobile-journal .mj-wealth-return{padding:12px 0;border-top:1px dashed var(--mj-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;font-size:12px}.mobile-journal .mj-wealth-return strong{font-size:15px}.mobile-journal .mj-wealth-return small{font-size:12px}
.mobile-journal .mj-allocation{border-top:1px solid var(--mj-border);padding-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.mobile-journal .mj-allocation button{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:42px;gap:3px;font-size:11px}.mobile-journal .mj-allocation button>span{display:flex;align-items:center;gap:5px}.mobile-journal .mj-allocation .mj-category-icon{width:18px;height:18px}.mobile-journal .mj-allocation .mj-category-icon svg{width:16px;height:16px}.mobile-journal .mj-allocation .mj-category-icon img{max-width:18px;max-height:18px}.mobile-journal .mj-allocation strong{font-variant-numeric:tabular-nums;font-size:12px}
.mobile-journal .mj-wealth-card p.mj-wealth-caption{font-size:10px;margin:7px 0 0;color:var(--mj-muted)}.mobile-journal .mj-summary-card.mj-income-card{margin-top:18px;padding:15px 16px;box-shadow:none;background:var(--mj-soft)}.mobile-journal .mj-income-card .mj-hero-number{font-size:25px;margin:6px 0}.mobile-journal .mj-income-card .mj-hero-number small{font-size:16px}.mobile-journal .mj-holding-source{font-size:12px!important}
.mj-pull-refresh{pointer-events:none;position:fixed;top:env(safe-area-inset-top,0);left:50%;z-index:110;transform:translate(-50%,-100%);opacity:0;display:flex;align-items:center;gap:8px;background:var(--mj-card,#fff);color:var(--mj-text,#111);padding:8px 15px;border-radius:24px;box-shadow:0 3px 18px #0002;font:12px 'Investmin Thai',sans-serif;transition:opacity .15s,transform .15s}.mj-pull-refresh.visible{opacity:1;transform:translate(-50%,var(--pull,20px))}.mj-pull-refresh>span{font-size:24px;line-height:1}.mj-pull-refresh.ready>span{color:#22b86a}.mj-pull-refresh.loading>span{animation:mj-refresh-spin .7s linear infinite}@keyframes mj-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){html.mobile-journal{overscroll-behavior-y:contain}.mobile-journal .mj-allocation button{font-size:11px}}
@media(min-width:768px){.mobile-journal body>header .brand{padding-left:0!important;gap:9px}.mobile-journal body>header .brand .mj-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px}.mobile-journal body>header .brand .mj-brand-mark img{left:-32.5%;top:-15%}.mobile-journal body>header .brand .mj-brand-name{color:var(--mj-text)}.mobile-journal body>header .brand .mj-brand-name strong{font-size:19px}.mobile-journal body>header .brand .mj-brand-name small{display:block!important;font-size:9px;white-space:nowrap}}

.mobile-journal .mj-portfolio-allocation{margin:16px 0 20px}.mobile-journal .mj-portfolio-allocation .mj-allocation{border-top:0;border-bottom:1px solid var(--mj-border);padding:0 0 12px}