/* StockNote x60 — a coherent mobile-first financial journal system.
   Replaces the x59 presentation layer. Existing storage/record logic is unchanged.
   Scales: 4/8/12/16/20/24/32; type 12/13/14/16/18/28; controls 44/48.
 */
:root{
  --ui-ink:#171d29;--ui-ink-sub:#49566a;--ui-muted:#6b788a;--ui-placeholder:#69788a;
  --ui-canvas:#f6f8fb;--ui-surface:#fff;--ui-soft:#f3f6fa;--ui-soft-strong:#ebf0f5;
  --ui-line:#e8edf3;--ui-strong-line:#d6dfe9;--ui-blue:#2878f0;--ui-blue-ink:#1967d9;
  --ui-blue-light:#eaf3ff;--ui-focus:rgba(40,120,240,.2);
  --ui-shadow:0 3px 18px rgba(23,44,70,.035);
  --ui-radius-sm:12px;--ui-radius-md:16px;--ui-radius-lg:22px;
  --page-x:20px;--page-y-top:29px;--card-px:18px;
  --quiet-foreground:var(--ui-muted);--quiet-foreground-soft:var(--ui-placeholder);
}
html[data-stocknote-theme="dark"]{
  color-scheme:dark;
  --ui-ink:#f4f6fb;--ui-ink-sub:#d7deea;--ui-muted:#aab5c5;--ui-placeholder:#8796a9;
  --ui-canvas:#10151d;--ui-surface:#1b2330;--ui-soft:#242f3e;--ui-soft-strong:#2b394a;
  --ui-line:#334052;--ui-strong-line:#455368;--ui-blue:#7aafff;--ui-blue-ink:#9ac2ff;
  --ui-blue-light:#263d5d;--ui-focus:rgba(130,178,255,.33);--ui-shadow:none;
  --quiet-foreground:var(--ui-muted);--quiet-foreground-soft:var(--ui-placeholder);
}
html,body{color:var(--ui-ink) !important;background:var(--ui-canvas) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif !important;font-size:15px;line-height:1.52;letter-spacing:-.018em;}
button,input,textarea,select{font:inherit;letter-spacing:inherit;}
button{cursor:pointer;touch-action:manipulation;}
button:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ui-focus) !important;outline-offset:2px !important;}
button:disabled{opacity:.52;cursor:not-allowed;}
.app{max-width:560px !important;background:var(--ui-canvas) !important;box-shadow:none !important;}
.screen{padding:calc(var(--safe-top) + var(--page-y-top)) var(--page-x) calc(var(--tabbar-h) + var(--safe-bottom) + 108px) !important;color:var(--ui-ink) !important;}
.title,.home-title-v2{font-size:29px !important;font-weight:780 !important;line-height:1.22 !important;letter-spacing:-.055em !important;color:var(--ui-ink) !important;}
.header-row{min-height:44px;margin-bottom:23px !important;align-items:center !important;gap:12px !important;}
.home-header-v2{min-height:44px;margin-bottom:26px !important;align-items:center !important;}
.section-title{margin:29px 0 13px !important;}
.section-title h2,.home-section-title-v2{font-size:18px !important;font-weight:760 !important;letter-spacing:-.04em !important;line-height:1.36 !important;color:var(--ui-ink) !important;}
.small{font-size:13px;}.tiny{font-size:12px;}.muted{color:var(--ui-muted) !important;}.note-line{line-height:1.62;overflow-wrap:anywhere;}
/* Compact visual buttons with generous interaction zones */
.btn{min-height:46px !important;border-radius:12px !important;font-size:14px !important;font-weight:700 !important;box-shadow:none !important;letter-spacing:-.02em !important;}
.btn.primary{background:var(--ui-blue) !important;border-color:var(--ui-blue) !important;color:#fff !important;}
.btn.secondary{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;border-color:transparent !important;}
.btn.ghost{background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border-color:transparent !important;}
.btn.text{background:transparent !important;color:var(--ui-blue-ink) !important;}
.icon-btn{min-width:44px !important;min-height:44px !important;width:44px !important;height:44px !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:var(--ui-muted) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
.icon-btn svg,.icon-btn .ui-icon{width:20px !important;height:20px !important;}
.icon-btn:active,.btn.text:active{background:var(--ui-soft) !important;}
.screen-compose-btn{height:42px !important;min-height:42px !important;display:inline-flex !important;align-items:center !important;gap:3px !important;padding:0 15px !important;border-radius:12px !important;background:var(--ui-blue) !important;color:#fff !important;font-size:13px !important;font-weight:730 !important;white-space:nowrap !important;}
.screen-compose-btn span{font-size:20px !important;font-weight:440 !important;line-height:1 !important;transform:none !important;}
.search-box{min-height:51px !important;background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:15px !important;box-shadow:var(--ui-shadow) !important;padding-left:13px !important;}
.search-box:focus-within{border-color:var(--ui-blue) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
.search-box input{background:transparent !important;color:var(--ui-ink) !important;font-size:14px !important;min-width:0 !important;}
.search-box input::placeholder{color:var(--ui-placeholder) !important;opacity:1;}
.search-box .search-icon,.search-clear{color:var(--ui-muted) !important;}
.search-clear{min-width:44px !important;min-height:44px !important;}
.search-meta{font-size:12px !important;color:var(--ui-muted) !important;}
.badge{min-height:25px !important;height:25px !important;padding:0 9px !important;border-radius:8px !important;font-size:11.5px !important;font-weight:700 !important;white-space:nowrap;}
.badge.tag,.badge.hold,.badge.closed,.badge.avgprice{background:var(--ui-soft-strong) !important;color:var(--ui-muted) !important;}
.badge.buy{background:#fff0ee !important;color:#d83932 !important;}.badge.sell{background:#e8f1ff !important;color:#246cdb !important;}
html[data-stocknote-theme="dark"] .badge.buy{background:#4a282d !important;color:#ffaaa2 !important;}
html[data-stocknote-theme="dark"] .badge.sell{background:#263e60 !important;color:#a3caff !important;}
.divider{background:var(--ui-line) !important;}
/* Navigation: stable 44+px hit areas and separated composition affordance. */
.tabbar{background:var(--ui-surface) !important;border-top:1px solid var(--ui-line) !important;box-shadow:0 -3px 16px rgba(24,44,68,.025) !important;min-height:70px !important;}
.tab{color:var(--ui-placeholder) !important;gap:4px !important;font-size:11.5px !important;font-weight:640 !important;min-height:58px !important;}
.tab.active{color:var(--ui-blue-ink) !important;font-weight:780 !important;}
.tab .tab-ico,.tab .tab-ico svg{width:23px !important;height:23px !important;}
.quick-action-handle{width:54px !important;height:54px !important;border-radius:18px !important;background:var(--ui-blue) !important;box-shadow:0 8px 20px rgba(31,97,198,.18) !important;}
.quick-action-handle__bars::before{content:"+" !important;font-size:30px !important;line-height:1 !important;font-weight:380 !important;color:#fff !important;}
.quick-action-handle__bars i{display:none !important;}
.quick-action-sheet{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:20px !important;box-shadow:0 22px 52px rgba(10,30,54,.2) !important;overflow:hidden;}
.quick-action-item{min-height:72px !important;border-bottom:1px solid var(--ui-line) !important;}
.quick-action-item__label{font-size:15px !important;color:var(--ui-ink) !important;font-weight:720 !important;}
.quick-action-item__hint{font-size:12.5px !important;color:var(--ui-muted) !important;}
.logo-attribution{opacity:.48 !important;color:var(--ui-placeholder) !important;font-size:9px !important;}
/* Home — one strong summary surface; rows grouped by task rather than decorative cards. */
.home-settings-button{width:44px !important;height:44px !important;border-radius:13px !important;color:var(--ui-muted) !important;}
.home-settings-button:active{background:var(--ui-soft) !important;}
.home-summary-card-v2{display:block !important;background:var(--ui-surface) !important;padding:23px 22px 21px !important;border:1px solid var(--ui-line) !important;border-radius:22px !important;margin:0 0 36px !important;box-shadow:var(--ui-shadow) !important;}
.home-summary-eyebrow{color:var(--ui-muted);font-size:12px;font-weight:690;letter-spacing:-.01em;}
.home-summary-main{display:flex;align-items:baseline;gap:8px;margin:7px 0 14px;}
.home-summary-main strong{font-size:39px;font-weight:810;letter-spacing:-.065em;line-height:1.1;color:var(--ui-blue-ink);font-variant-numeric:tabular-nums;}
.home-summary-main span{font-size:18px;font-weight:740;letter-spacing:-.035em;color:var(--ui-ink);}
.home-summary-breakdown{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.home-summary-breakdown span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;background:var(--ui-soft);color:var(--ui-muted);font-size:12.5px;font-weight:640;}
.home-summary-breakdown b{font-weight:760;color:var(--ui-ink-sub);font-variant-numeric:tabular-nums;}
.home-section-v2{margin-bottom:37px !important;}
.home-section-head-v2{min-height:40px !important;margin-bottom:9px !important;align-items:center !important;}
.home-section-link-v2{color:var(--ui-muted) !important;font-size:13px !important;font-weight:650 !important;min-height:42px !important;}
.home-section-link-v2::after{content:" ›";font-size:18px;line-height:1;}
.home-list-card{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;overflow:hidden !important;box-shadow:var(--ui-shadow) !important;}
.home-list-row,.home-list-row + .home-list-row{border:0 !important;}
.home-list-row + .home-list-row{border-top:1px solid var(--ui-line) !important;}
.home-list-row-inner,.home-row-main--full{min-height:82px !important;padding:15px 16px !important;}
.home-row-main{column-gap:12px !important;}
.home-list-row .row-logo-slot{width:39px !important;height:39px !important;}
.row-name{color:var(--ui-ink) !important;font-size:15px !important;font-weight:760 !important;}
.row-ticker{color:var(--ui-placeholder) !important;font-size:12px !important;}
.row-subtext,.row-date{color:var(--ui-muted) !important;font-size:12.5px !important;}
.row-action-chip,.row-action-chip.is-primary,.row-action-chip.is-review,.row-action-chip.is-trade-review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;min-height:39px !important;border-radius:11px !important;font-size:12px !important;font-weight:720 !important;}
.home-empty-card{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;padding:23px !important;}
.home-empty-card h3{color:var(--ui-ink) !important;font-size:16px !important;font-weight:730 !important;}
.home-empty-card p{color:var(--ui-muted) !important;font-size:13px !important;}
.data-management-fold{border-color:var(--ui-line) !important;}.data-management-summary,.data-management-summary strong{color:var(--ui-ink-sub) !important;}
/* Stock list — one readable surface; logo/identity, thesis, due state, actions. */
.note-list-head{margin-top:27px !important;margin-bottom:13px !important;gap:9px !important;}
.note-list-head h2{font-size:16px !important;font-weight:760 !important;}
.note-list-count{font-size:13px !important;color:var(--ui-muted) !important;font-weight:620 !important;}
.note-list-head__right{gap:12px !important;}
.note-inline-filter-wrap,.note-inline-sort-wrap{min-height:44px !important;}
.note-inline-filter-label,.note-inline-sort-label{font-size:13px !important;color:var(--ui-ink-sub) !important;font-weight:650 !important;}
.note-inline-filter-caret,.note-inline-sort-caret{color:var(--ui-placeholder) !important;}
.stock-collection{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:20px;overflow:hidden;box-shadow:var(--ui-shadow);}
.stock-list-item{padding:19px 18px 17px !important;margin:0 !important;border:0 !important;background:transparent !important;}
.stock-list-item:first-of-type{padding-top:19px !important;}
.stock-list-item+.stock-list-item{border-top:1px solid var(--ui-line) !important;}
.stock-list-item__open{width:100%;display:block;text-align:left;min-height:44px;border-radius:8px;}
.stock-list-item__heading{gap:10px !important;align-items:center !important;}
.stock-list-item__identity{gap:12px !important;min-width:0;}
.stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:44px !important;height:44px !important;flex-basis:44px !important;}
.stock-list-item__names{gap:3px !important;}
.stock-list-item__name{color:var(--ui-ink) !important;font-size:16.5px !important;font-weight:770 !important;letter-spacing:-.037em !important;line-height:1.3 !important;}
.stock-list-item__ticker{color:var(--ui-placeholder) !important;font-size:12px !important;line-height:1.3 !important;}
.stock-list-item__status.badge{background:var(--ui-soft) !important;color:var(--ui-muted) !important;font-size:11.5px !important;font-weight:650 !important;max-width:83px;}
.stock-list-item__status.badge.watch{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
.stock-list-item__thesis{margin:14px 0 0 !important;color:var(--ui-ink-sub) !important;font-size:14px !important;line-height:1.53 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.stock-list-item__context{font-size:12.5px !important;color:var(--ui-muted) !important;}
.stock-list-item__signals{margin:10px 0 0 !important;display:flex !important;align-items:center !important;gap:5px 0 !important;font-size:12px !important;line-height:1.55 !important;color:var(--ui-muted) !important;}
.stock-list-item__signals span+span::before{content:"·" !important;color:var(--ui-placeholder) !important;padding:0 7px !important;}
.stock-list-item__signal--warning{color:#bc6d2d !important;font-weight:680 !important;}
.stock-list-item__footer{margin-top:15px !important;gap:6px !important;}
.stock-list-item__updated{color:var(--ui-placeholder) !important;font-size:11.5px !important;}
.stock-list-item__actions{gap:5px !important;}
.stock-list-item__action{display:inline-flex !important;gap:5px;align-items:center;justify-content:center;min-height:40px !important;min-width:0 !important;padding:0 10px !important;border-radius:10px !important;border:0 !important;background:transparent !important;color:var(--ui-ink-sub) !important;font-size:12.5px !important;font-weight:690 !important;}
.stock-list-item__action svg{width:15px;height:15px;display:block;flex:none;}
.stock-list-item__action--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
.stock-list-item__open:active,.stock-list-item__action:active{background:var(--ui-soft) !important;opacity:1 !important;}
/* Stock detail — hierarchy is narrative -> numbers -> decisions -> records. */
#notesScreen .note-detail-header-brand{min-width:0;gap:9px !important;}
#notesScreen .note-detail-header-copy{min-width:0;}
#notesScreen .stock-detail-title{color:var(--ui-ink) !important;font-size:23px !important;letter-spacing:-.045em !important;font-weight:780 !important;line-height:1.25 !important;}
#notesScreen .stock-detail-subtitle{color:var(--ui-muted) !important;}
#notesScreen .note-detail-header-brand>.icon-btn{min-width:38px !important;width:38px !important;height:44px !important;margin-left:-6px;}
#notesScreen .note-detail-header-brand>.row-logo-slot{width:39px !important;height:39px !important;}
#notesScreen > .card.stack-12{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:21px !important;padding:21px 19px !important;margin:10px 0 18px !important;box-shadow:var(--ui-shadow) !important;}
#notesScreen > .card.stack-12>.space:first-child{margin-bottom:17px !important;gap:8px !important;align-items:center !important;}
#notesScreen > .card.stack-12>.space:first-child h2{font-size:17px !important;font-weight:760 !important;color:var(--ui-ink) !important;}
#notesScreen .summary-stack{gap:16px !important;}
#notesScreen .summary-stack .key-block{padding:0 !important;background:transparent !important;border:0 !important;}
#notesScreen .key-block .tiny{font-size:12px !important;color:var(--ui-muted) !important;margin-bottom:4px !important;}
#notesScreen .key-block .note-line{color:var(--ui-ink-sub) !important;font-size:14px !important;line-height:1.6 !important;}
#notesScreen .summary-stack .key-block:first-child .note-line{color:var(--ui-ink) !important;font-size:16px !important;font-weight:680 !important;line-height:1.54 !important;}
#notesScreen .detail-metrics-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 !important;background:var(--ui-soft) !important;border:0 !important;border-radius:15px !important;margin:22px 0 19px !important;padding:3px 14px !important;}
#notesScreen .detail-metrics-grid .metric{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;min-width:0;padding:14px 4px !important;margin:0 !important;}
#notesScreen .detail-metrics-grid .metric:nth-child(2){padding-left:15px !important;border-left:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .metric-span-2{grid-column:1/-1 !important;border-top:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .small{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .detail-metrics-grid .v{margin-top:7px !important;font-size:17px !important;font-weight:760 !important;line-height:1.3 !important;color:var(--ui-ink) !important;}
#notesScreen .detail-metrics-grid .v.pnl-positive{color:var(--profit) !important;}
#notesScreen .detail-metrics-grid .v.pnl-negative{color:var(--loss) !important;}
#notesScreen .metric-realized-row.has-rate .v{width:auto !important;max-width:100% !important;flex:0 1 auto !important;}
#notesScreen .metric-realized-rate{font-size:12.5px !important;max-width:100% !important;}
#notesScreen .summary-grid-2{border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);gap:0 !important;margin:16px 0 12px !important;}
#notesScreen .summary-grid-2 .secondary-block{background:transparent !important;border:0 !important;border-radius:0 !important;padding:14px 4px !important;min-height:66px !important;}
#notesScreen .secondary-block .small{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .secondary-block .connection-main{color:var(--ui-ink) !important;font-size:14px !important;font-weight:730 !important;}
#notesScreen .link-summary-grid{gap:9px !important;margin:13px 0 17px !important;}
#notesScreen .detail-record-btn{min-height:44px !important;border:1px solid var(--ui-line) !important;background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border-radius:11px !important;font-size:13px !important;font-weight:680 !important;}
#notesScreen .detail-primary-actions{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px !important;margin:4px 0 20px !important;}
#notesScreen .detail-primary-actions .btn{min-height:46px !important;padding:0 4px !important;font-size:13px !important;border-radius:12px !important;background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border:1px solid var(--ui-line) !important;}
#notesScreen .detail-primary-actions .detail-action-btn--review{background:var(--ui-blue) !important;color:#fff !important;border-color:var(--ui-blue) !important;}
#notesScreen .stack-10>.card.stack-10{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;padding:19px !important;box-shadow:var(--ui-shadow) !important;}
#notesScreen .stack-10>.card.stack-10 h2{color:var(--ui-ink) !important;font-size:16px !important;}
#notesScreen .schedule-chip{background:var(--ui-soft) !important;border:0 !important;border-radius:11px !important;min-height:44px !important;font-size:13px !important;color:var(--ui-ink-sub) !important;}
#notesScreen [data-invalidation]{justify-content:flex-start !important;background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border:0 !important;border-radius:10px !important;font-size:13px !important;text-align:left !important;padding:12px !important;white-space:normal;}
#notesScreen .section-title-with-action{margin-top:26px !important;}
#notesScreen .detail-collapsible-section{border:1px solid var(--ui-line) !important;background:var(--ui-surface) !important;border-radius:15px !important;box-shadow:none !important;}
#notesScreen .detail-collapsible-summary,#notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;color:var(--ui-ink) !important;}
#notesScreen .detail-collapsible-summary{min-height:52px !important;border-radius:15px !important;}
#notesScreen .detail-collapsible-title strong{color:var(--ui-ink) !important;font-size:14px !important;}
#notesScreen .detail-collapsible-title span,#notesScreen .detail-collapsible-caret{color:var(--ui-muted) !important;}
/* Detail context menu (keeps long Korean names readable). */
#notesScreen .note-detail-actions{position:relative;flex:0 0 auto !important;}
#notesScreen .note-detail-more-menu{position:relative;}
#notesScreen .note-detail-more-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--ui-muted);background:transparent;cursor:pointer;}
#notesScreen .note-detail-more-menu>summary::-webkit-details-marker{display:none;}
#notesScreen .note-detail-more-menu>summary::marker{content:"";}
#notesScreen .note-detail-more-menu[open]>summary,#notesScreen .note-detail-more-menu>summary:active{background:var(--ui-soft);}
#notesScreen .note-detail-more-panel{position:absolute;right:0;top:48px;z-index:35;width:208px;padding:7px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:15px;box-shadow:0 16px 44px rgba(12,28,52,.2);}
#notesScreen .note-detail-more-panel button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;color:var(--ui-ink-sub);font-size:13.5px;font-weight:680;text-align:left;border-radius:9px;}
#notesScreen .note-detail-more-panel button:active{background:var(--ui-soft);}
#notesScreen .note-detail-more-panel svg{width:18px;height:18px;flex:0 0 18px;}
#notesScreen .note-detail-more-panel .note-detail-more-danger{color:#cf4545;}
html[data-stocknote-theme="dark"] #notesScreen .note-detail-more-panel .note-detail-more-danger{color:#ff9d98;}
/* Trades & reviews — consistent typography, no ornamental chip overload. */
.card[data-trade-card-id],.card[data-review-card-id]{padding:19px 0 18px !important;background:transparent !important;border:0 !important;border-bottom:1px solid var(--ui-line) !important;box-shadow:none !important;}
.card[data-trade-card-id] .trade-record-title strong,.card[data-review-card-id] .review-record-title strong{font-size:16px !important;color:var(--ui-ink) !important;font-weight:740 !important;line-height:1.3 !important;}
.card[data-trade-card-id] .trade-record-meta,.card[data-review-card-id] .review-record-meta{font-size:12.5px !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .trade-record-actions,.card[data-review-card-id] .review-record-actions{gap:1px !important;align-items:center !important;}
.card[data-trade-card-id] .trade-record-grid .trade-record-logo{display:flex !important;height:44px !important;align-items:center !important;justify-content:center !important;padding:0 !important;}
.card[data-trade-card-id] .trade-record-grid .trade-record-title,.card[data-trade-card-id] .trade-record-grid .trade-record-actions{min-height:44px !important;align-self:start !important;align-items:center !important;}
.card[data-trade-card-id] .divider,.card[data-review-card-id] .divider{background:var(--ui-line) !important;margin:13px 0 !important;}
.card[data-trade-card-id] .note-line,.card[data-review-card-id] .note-line{font-size:14px !important;color:var(--ui-ink-sub) !important;line-height:1.58 !important;}
.card[data-trade-card-id] .mini-link,.card[data-review-card-id] .mini-link{font-size:13px !important;font-weight:690 !important;color:var(--ui-blue-ink) !important;}
.card[data-trade-card-id] .badge.tag,.card[data-review-card-id] .badge.tag{background:var(--ui-soft) !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .pnl-label,.card[data-review-card-id] .pnl-label{color:var(--ui-muted) !important;font-size:11.5px !important;}
.review-segment-row{border-bottom:1px solid var(--ui-line) !important;}
.review-segment-row .segment{min-height:44px !important;font-size:14px !important;font-weight:640 !important;color:var(--ui-muted) !important;}
.review-segment-row .segment.active{color:var(--ui-blue-ink) !important;border-color:var(--ui-blue) !important;font-weight:770 !important;}
.trade-summary-line{color:var(--ui-muted) !important;font-size:12.5px !important;}
/* Record cards are complete reading surfaces, not loose text on the canvas. */
.card[data-trade-card-id],.card[data-review-card-id]{
  background:var(--ui-surface) !important;
  border:1px solid var(--ui-line) !important;
  border-radius:18px !important;
  padding:18px 17px !important;
  margin:0 0 12px !important;
  box-shadow:var(--ui-shadow) !important;
}
.card[data-trade-card-id] .record-link-row,.card[data-review-card-id] .record-link-row{padding-top:4px !important;}
/* No second floating creation button when the tab already provides one. */
/* Forms, preferences, panels. */
.modal{background:var(--ui-surface) !important;color:var(--ui-ink) !important;border-radius:24px 24px 0 0 !important;}
.modal.center{border-radius:20px !important;}
.modal-title{color:var(--ui-ink) !important;font-weight:760 !important;letter-spacing:-.025em !important;}
#modalRoot .field label{font-size:13px !important;color:var(--ui-ink-sub) !important;font-weight:710 !important;}
#modalRoot input,#modalRoot textarea,#modalRoot select{background:var(--ui-surface) !important;color:var(--ui-ink) !important;border:1px solid var(--ui-strong-line) !important;border-radius:12px !important;}
#modalRoot input:focus,#modalRoot textarea:focus,#modalRoot select:focus{border-color:var(--ui-blue) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
#modalRoot .fields{gap:15px !important;}
.appearance-option{min-height:67px !important;background:var(--ui-soft) !important;border:1px solid transparent !important;border-radius:14px !important;}
.appearance-option.is-selected{background:var(--ui-blue-light) !important;border-color:var(--ui-blue) !important;}
.appearance-option__copy strong,.settings-section h3{color:var(--ui-ink) !important;}
.appearance-option__copy small,.settings-section p,.settings-storage-note p{color:var(--ui-muted) !important;}
.appearance-option__check{color:var(--ui-blue-ink) !important;}
.settings-storage-note{border-color:var(--ui-line) !important;}
.toast{border-radius:999px !important;}
/* Strengthen dark-mode surfaces against pre-existing hardcoded legacy CSS. */
html[data-stocknote-theme="dark"] .app,html[data-stocknote-theme="dark"] .tabbar{background:var(--ui-canvas) !important;}
html[data-stocknote-theme="dark"] .tabbar{background:var(--ui-surface) !important;}
html[data-stocknote-theme="dark"] .home-list-card,html[data-stocknote-theme="dark"] .stock-collection,html[data-stocknote-theme="dark"] .home-summary-card-v2,html[data-stocknote-theme="dark"] #notesScreen > .card.stack-12,html[data-stocknote-theme="dark"] #notesScreen .stack-10>.card.stack-10{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] #notesScreen .summary-stack .key-block,html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid .metric{background:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid{background:var(--ui-soft) !important;}
html[data-stocknote-theme="dark"] #notesScreen .summary-grid-2 .secondary-block{background:transparent !important;border-color:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-section,html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-summary,html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] .stock-list-item__thesis,html[data-stocknote-theme="dark"] .note-line{color:var(--ui-ink-sub) !important;}
html[data-stocknote-theme="dark"] .quick-action-handle__bars::before{color:#fff !important;}
@media(max-width:390px){:root{--page-x:17px;} .stock-list-item{padding:18px 15px 16px !important;} #notesScreen > .card.stack-12{padding:19px 16px !important;} .home-summary-card-v2{padding:21px 18px !important;}}
@media(max-width:355px){:root{--page-x:14px;} .note-list-head__right{gap:7px !important;} .stock-list-item__identity{gap:9px !important;} .stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:39px !important;height:39px !important;flex-basis:39px !important;} .stock-list-item__name{font-size:15.5px !important;} .stock-list-item__action{padding:0 8px !important;} #notesScreen .stock-detail-title{font-size:21px !important;} #notesScreen .detail-primary-actions .btn{font-size:12px !important;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;}}