/* OptionsOpp light theme: neutral surfaces with navy chrome and blue actions. */
.journal-page{--ink:#202124;--muted:#666970;--line:#e8e9ec;--blue:#086aff;background:#fafafa;color:#202124;color-scheme:light}
.journal-page .dashboard-header{background:#071a36;border-bottom:0;box-shadow:none;color:#fff}
.journal-page .dashboard-header .icon-button{color:#fff}
.journal-page .dashboard-header .icon-button:hover{background:#ffffff14}
.journal-page .dashboard-header .dashboard-logo{filter:none}
.journal-page .dashboard-header .opp-header{background:#ffffff08;border-color:#ffffff24;color:#fff;box-shadow:none}
.journal-page .app-rail{background:#071a36;border-right:0}
.journal-page .rail-link{color:#a8b5c9}
.journal-page .rail-link:hover,.journal-page .rail-link.active{background:#ffffff12;color:#fff}
.journal-page .rail-bottom .rail-link{color:#fff}
.journal-page .journal-sidebar{background:#fafafa;border-right-color:#ebecf0}
.journal-page .journal-nav{color:#202124}
.journal-page .journal-nav svg{color:#9b9da7}
.journal-page .journal-nav:hover{background:#f0f1f4}
.journal-page .journal-nav.active{background:#edf2fa;color:#086aff}
.journal-page .journal-nav.active svg{color:#086aff}
.journal-page .account-settings-nav [data-setting-item=Accounts]:before,.journal-page .account-settings-nav [data-setting-item="AI Settings"]:before{border-color:#e9eaed}
.journal-page .journal-toolbar{background:#fafafaf5;border-color:#e8e9ec}
.journal-page .primary-button,.journal-page .small-primary{background:#086aff;box-shadow:none}
.journal-page .subtle-button,.journal-page .select-button,.journal-page .journal-filters select{color:#202124;border-color:#dedfe3;background:#fff}
.journal-page .subtle-button:hover,.journal-page .select-button:hover{background:#f7f7f8}
.journal-page.settings-mode .journal-content{padding:0 0 72px}
.journal-page .personal-settings-panel,.journal-page .accounts-settings-panel{border:0;border-radius:10px;background:#fff;box-shadow:none;padding:24px;min-height:calc(100dvh - var(--header) - 72px);color:#202124}
.journal-page .personal-settings-panel h1,.journal-page .accounts-settings-heading h1,.journal-page .rules-heading h1{color:#18191b;font-size:24px;font-weight:500;letter-spacing:-.4px}
.journal-page .personal-settings-panel>header p,.journal-page .accounts-settings-heading p,.journal-page .rules-heading p{color:#65666a}
.journal-page .rules-tabs>button{color:#a0a1a5}
.journal-page .rules-tabs>button[aria-selected=true]{color:#086aff;border-color:#086aff}
.journal-page .rules-empty>svg{color:#7c7d80}
.journal-page .rules-empty h2{color:#202124}
.journal-page .rules-empty>p{color:#65666a}
.journal-page .rules-session-note,.journal-page .personal-preview-note,.journal-page .accounts-session-caption{color:#797c82}
.journal-page .rules-table th,.journal-page .accounts-table th{background:#f5f5f6;color:#67686d;border-color:#e1e2e5}
.journal-page .rules-table td,.journal-page .accounts-table td{color:#303136;border-color:#e8e9ec}
.journal-page .rules-table small,.journal-page .accounts-table .account-muted{color:#777a81}
.journal-page .rules-search,.journal-page .personal-field input,.journal-page .personal-field textarea,.journal-page .personal-field select,.journal-page .trading-offset-input,.journal-page .trading-market-pill{border-color:#d9dade;color:#202124;background:#fff}
.journal-page .rules-search input,.journal-page .trading-offset-input input{color:#202124}
.journal-page .rules-search input::placeholder,.journal-page .personal-field input::placeholder,.journal-page .personal-field textarea::placeholder{color:#92949a}
.journal-page .personal-field,.journal-page .trading-settings-form legend,.journal-page .trading-offset-label{color:#65666a}
.journal-page .personal-check,.journal-page .personal-privacy h2,.journal-page .trading-breakeven-field legend{color:#202124}
.journal-page .personal-check small,.journal-page .personal-field>small,.journal-page .personal-privacy>p,.journal-page .trading-breakeven-field>p{color:#65666a}
.journal-page .personal-save-row>.primary-button:disabled{background:#e4e4e7;color:#999ba0}
.journal-page .trading-market-pill[aria-pressed=true]{color:#086aff;border-color:#086aff;background:#eef4ff}
.journal-page .trading-unit-toggle{background:#f0f0f2}
.journal-page .trading-unit-toggle button{color:#62646b}
.journal-page .trading-unit-toggle button[aria-pressed=true]{color:#086aff;background:#fff}
.journal-page .rules-dialog{color:#202124;border-color:#dedfe3;box-shadow:0 20px 70px #0003}
.journal-page .rules-dialog h2{color:#202124}
.journal-page .rule-field{color:#66686e}
.journal-page .rule-field>input,.journal-page .rule-field select,.journal-page .rule-percentage-input,.journal-page .rule-symbol-box{border-color:#d9dade;color:#202124}
.journal-page .rule-percentage-input input,.journal-page .rule-symbol-box>input,.journal-page .rule-switch-row{color:#202124}
.journal-page .rules-dialog footer{border-color:#e5e5e8;background:#fff}
.journal-page .rules-dialog::backdrop{background:#0008;backdrop-filter:none}
.journal-page .rules-action-menu,.journal-page .account-row-menu{border-color:#dedfe3;box-shadow:0 8px 28px #00000014}
.journal-page .rules-action-menu>button:not(.rule-delete),.journal-page .account-row-menu button:not(.account-remove-action){color:#303136}
.journal-page .header-popover{color:#202124;border-color:#d5d6da;box-shadow:0 10px 32px #00000012}
.journal-page .notification-tabs{border-color:#e2e3e6}
.journal-page .notification-tabs button{color:#85868c}
.journal-page .notification-tabs button[aria-selected=true]{color:#086aff}
.journal-page .notification-content{color:#7b7d83}
.journal-page .profile-theme,.journal-page .profile-links{border-color:#e2e3e6}
.journal-page .profile-links>button,.journal-page .profile-links>a{color:#303136}
.journal-page .profile-theme>span{background:#f2f3f5;color:#65666a}
.journal-page .subscription-settings{padding:24px;color:#202124}
.journal-page .subscription-heading h1,.journal-page .subscription-plan h3{color:#202124}
.journal-page .subscription-heading p,.journal-page .subscription-plan header p{color:#65666a}
@media(min-width:901px){.journal-page{--header:64px;--rail:62px;--journal-sidebar:200px}.journal-page .dashboard-header{padding-inline:16px}.journal-page .opp-header{height:40px;font-size:14px;padding:3px 13px;gap:8px}.journal-page .opp-header img{width:30px;height:30px}.journal-page .journal-sidebar{padding:20px 16px}.journal-page .app-rail{padding:12px 7px;gap:5px}.journal-page .rail-link{width:34px;height:35px}.journal-page .rail-link svg{width:20px;height:20px}}
@media(max-width:600px){.journal-page .personal-settings-panel,.journal-page .accounts-settings-panel{padding:20px 16px}.journal-page .subscription-settings{padding:20px 16px}.journal-page.settings-mode .journal-content{padding-bottom:32px}}
.journal-page.billing-portal-mode .journal-content{padding:0}

.journal-header-logo{display:block;position:relative;overflow:hidden;width:222px;aspect-ratio:4.4}.journal-page .dashboard-header .journal-header-logo img{position:absolute;left:-5%;top:-33%;width:109%;max-width:none;height:auto;filter:none}@media(max-width:900px){.journal-header-logo{width:174px}}@media(max-width:600px){.journal-header-logo{width:135px}}

/* Match Add Trade and journal navigation button proportions. */
.journal-page .journal-sidebar :where(.add-trade,nav[aria-label="Journal navigation"] .journal-nav){box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:20px;gap:10px;flex-shrink:0}
.journal-page .journal-sidebar :where(.add-trade,nav[aria-label="Journal navigation"] .journal-nav)>svg{width:18px;height:18px;flex:none}
.journal-page .journal-sidebar nav[aria-label="Journal navigation"]{gap:8px;margin-top:20px}

/* Desktop compact navigation keeps the journal shortcuts available. */
@media(min-width:761px){
 .journal-page.journal-nav-hidden{--rail:0px;--journal-sidebar:62px}
 .journal-nav-hidden .app-rail{display:none}
 .journal-page.journal-nav-hidden .journal-sidebar{display:flex;left:0;width:62px;padding:20px 7px;overflow-x:hidden}
 .journal-nav-hidden .journal-sidebar nav{gap:8px}
 .journal-page.journal-nav-hidden .journal-sidebar .journal-nav{width:40px;min-height:40px;height:40px;padding:0;display:grid;place-items:center;gap:0;margin-inline:auto}
 .journal-nav-hidden .journal-nav span,.journal-nav-hidden .session-note{display:none}
 .journal-page.journal-nav-hidden .journal-nav svg{width:20px;height:20px}
 .journal-page.journal-nav-hidden .add-trade{width:40px;min-height:40px;height:40px;padding:0;font-size:0;gap:0;margin-inline:auto}
 .journal-nav-hidden .add-trade svg{width:20px;height:20px;flex:none}
 .journal-page.journal-nav-hidden .settings-back{width:40px;height:40px;padding:0;margin:20px auto 0;font-size:0;display:grid;place-items:center}
 .journal-nav-hidden .settings-back:before{content:'←';font-size:20px}
}