/* Turtle Trading data surfaces — UI v2 production layer. ?uiv2=0 keeps the legacy fallback. */
html.ui-v2 {
  --bg-primary:#0e1116;
  --bg-card:#151a21;
  --bg-elevated:#1b222c;
  --header-bg:rgba(14,17,22,.94);
  --border:#293241;
  --border-subtle:#202936;
  --text-primary:#e7e9ed;
  --text-secondary:#aeb7c5;
  --text-muted:#7f8a9d;
  --accent-blue:#26a69a;
  --accent-blue-hover:#3bb8ad;
  --accent-green:#26a69a;
  --accent-red:#ee626b;
  --accent-yellow:#e2aa52;
  --semantic-success:#26a69a;
  --semantic-success-bg:rgba(38,166,154,.10);
  --semantic-success-border:rgba(38,166,154,.32);
  --data-green-strong:#2f8f62;
  --data-green:#4dbb78;
  --data-green-soft:#79c596;
  --data-amber:#e2aa52;
  --data-orange:#de8054;
  --data-red:#ee626b;
  --semantic-danger:#ee626b;
  --semantic-danger-bg:rgba(238,98,107,.10);
  --semantic-danger-border:rgba(238,98,107,.30);
  --semantic-warning:#e2aa52;
  --semantic-warning-bg:rgba(226,170,82,.10);
  --semantic-warning-border:rgba(226,170,82,.30);
  --ui-hover:rgba(127,138,157,.10);
  --ui-selected:rgba(38,166,154,.14);
  --ui-radius-control:6px;
  --ui-radius-panel:8px;
  --ui-radius-float:10px;
  --ui-fast:100ms;
  --ui-base:160ms;
  --ui-ease:cubic-bezier(.2,.7,.2,1);
  --bg:var(--bg-primary);
  --panel:var(--bg-card);
  --th:var(--bg-elevated);
  --txt:var(--text-primary);
  --mut:var(--text-muted);
  --line:var(--border);
  --teal:var(--accent-blue);
}
html.ui-v2[data-theme="light"] {
  --bg-primary:#f4f6f8;
  --bg-card:#fff;
  --bg-elevated:#eef2f5;
  --header-bg:rgba(255,255,255,.94);
  --border:#d3dae3;
  --border-subtle:#e3e8ee;
  --text-primary:#18212b;
  --text-secondary:#465363;
  --text-muted:#647184;
  --accent-green:#0f766e;
  --accent-red:#cf3e48;
  --accent-yellow:#9b6a09;
  --semantic-success:#0f766e;
  --semantic-success-bg:rgba(15,118,110,.08);
  --semantic-success-border:rgba(15,118,110,.25);
  --data-green-strong:#126b3d;
  --data-green:#178447;
  --data-green-soft:#58a16f;
  --data-amber:#9b6a09;
  --data-orange:#b95632;
  --data-red:#cf3e48;
  --semantic-danger:#cf3e48;
  --semantic-danger-bg:rgba(207,62,72,.08);
  --semantic-danger-border:rgba(207,62,72,.24);
  --semantic-warning:#9b6a09;
  --semantic-warning-bg:rgba(155,106,9,.08);
  --semantic-warning-border:rgba(155,106,9,.24);
  --ui-hover:rgba(24,33,43,.06);
  --ui-selected:rgba(38,166,154,.12);
}

html.ui-v2,html.ui-v2 body { font-size:14px; line-height:1.5; }
html.ui-v2 body { letter-spacing:-.002em; }
html.ui-v2 button,html.ui-v2 input,html.ui-v2 select,html.ui-v2 textarea { font:inherit; }
html.ui-v2 .container { width:100%; max-width:1600px; padding-inline:18px; }
html.ui-v2 .ui-icon { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html.ui-v2 .ui-icon-label { display:inline-flex; align-items:center; gap:7px; min-width:0; }

/* Header */
html.ui-v2 .site-header { padding:0; border-bottom-color:var(--border); box-shadow:0 1px 0 rgba(0,0,0,.12); backdrop-filter:blur(12px); }
html.ui-v2 .site-header .container { min-height:52px; flex-wrap:nowrap; gap:12px; }
html.ui-v2 .nav-primary,html.ui-v2 .nav-secondary { gap:2px; }
html.ui-v2 .site-header nav a,html.ui-v2 .nav-dropdown>summary {
  display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 9px;
  border:1px solid transparent; border-radius:var(--ui-radius-control); color:var(--text-secondary)!important;
  font-size:13px; font-weight:550!important; line-height:1; white-space:nowrap;
  transition:background-color var(--ui-fast) var(--ui-ease),color var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease);
}
html.ui-v2 .site-header nav a:hover,html.ui-v2 .nav-dropdown>summary:hover { color:var(--text-primary)!important; background:var(--ui-hover); }
html.ui-v2 .site-header nav a.active,html.ui-v2 .nav-dropdown.active>summary { color:var(--accent-blue)!important; background:var(--ui-selected); border-color:rgba(38,166,154,.18); }
html.ui-v2 .nav-dropdown>summary::after { content:""; width:6px; height:6px; margin:-3px 1px 0 2px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform var(--ui-fast) var(--ui-ease); }
html.ui-v2 .nav-dropdown[open]>summary::after { content:""; transform:translateY(3px) rotate(225deg); }
html.ui-v2 .nav-dropdown-menu { box-sizing:border-box; min-width:214px; max-width:calc(100vw - 16px); padding:5px; border-radius:var(--ui-radius-float); background:var(--bg-card); border-color:var(--border); box-shadow:0 14px 36px rgba(0,0,0,.38); }
html.ui-v2 .nav-dropdown-menu>a { min-height:34px; padding:7px 9px; border-radius:var(--ui-radius-control); font-size:13px; }
html.ui-v2 .header-search { flex:1 1 300px; max-width:520px; }
html.ui-v2 .header-search input { min-height:36px; padding:7px 34px 7px 34px; border-radius:var(--ui-radius-control); background:var(--bg-primary); font-size:13px; }
html.ui-v2 .header-search::before { content:""; position:absolute; left:12px; top:50%; width:13px; height:13px; border:1.7px solid var(--text-muted); border-radius:50%; transform:translateY(-58%); pointer-events:none; }
html.ui-v2 .header-search::after { content:""; position:absolute; left:23px; top:57%; width:6px; border-top:1.7px solid var(--text-muted); transform:rotate(45deg); pointer-events:none; }
html.ui-v2 .header-search input:focus { border-color:var(--accent-blue); box-shadow:0 0 0 2px rgba(38,166,154,.14); }
html.ui-v2 .header-search-suggest { margin-top:3px; border-radius:var(--ui-radius-float); border-color:var(--border); box-shadow:0 14px 36px rgba(0,0,0,.38); }
html.ui-v2 .header-suggest-item { min-height:40px; padding:7px 10px; border-color:var(--border-subtle); }

/* Page hierarchy */
html.ui-v2 body>main.container { padding-top:18px; padding-bottom:28px; }
html.ui-v2 .hero { margin:0 0 14px; padding:0; border:0; background:none; }
html.ui-v2 .hero h1 { margin:0 0 3px; color:var(--text-primary); font-size:22px; font-weight:680; letter-spacing:-.025em; }
html.ui-v2 .lead { margin:0; color:var(--text-muted); font-size:13px; }
html.ui-v2 section h2,html.ui-v2 .chart-section h2 { font-size:16px; font-weight:650; letter-spacing:-.012em; }

/* Screener/filter shell */
html.ui-v2 .screener { grid-template-columns:282px minmax(0,1fr); gap:12px; }
html.ui-v2 .screener-sidebar { top:66px; max-height:calc(100vh - 80px); padding:0; border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); scrollbar-color:var(--border) transparent; }
html.ui-v2 .screener-summary { position:sticky; top:0; z-index:3; min-height:42px; padding:10px 12px; background:var(--bg-card); border-bottom:1px solid var(--border); font-size:13px; font-weight:650; }
html.ui-v2 .screener-toolbar { padding:8px 10px; border-bottom:1px solid var(--border-subtle); }
html.ui-v2 .btn-reset { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:32px; padding:6px 9px; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:transparent; color:var(--text-secondary); font-weight:550; }
html.ui-v2 .btn-reset:hover { color:var(--text-primary); background:var(--ui-hover); border-color:var(--text-muted); }
html.ui-v2 .filter-group { margin:0; padding:11px 10px; border-bottom:1px solid var(--border-subtle); }
html.ui-v2 .filter-group:last-child { border-bottom:0; }
html.ui-v2 .filter-group>label:first-child { margin-bottom:6px; color:var(--text-secondary); font-size:11.5px; font-weight:620; letter-spacing:.01em; }
html.ui-v2 .filter-group input[type="text"],html.ui-v2 .filter-group input[type="number"],html.ui-v2 .filter-group select {
  min-height:34px; width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-primary); color:var(--text-primary); font-size:12.5px;
}
html.ui-v2 .filter-group input:focus,html.ui-v2 .filter-group select:focus { border-color:var(--accent-blue); box-shadow:0 0 0 2px rgba(38,166,154,.12); outline:0; }
html.ui-v2 .filter-group select[multiple],html.ui-v2 .filter-group select[size] { min-height:132px; padding:4px; border-radius:var(--ui-radius-panel); }
html.ui-v2 .filter-group select[multiple] option,html.ui-v2 .filter-group select[size] option { padding:6px 7px; border-radius:4px; }
html.ui-v2 .range-inputs { gap:6px; }
html.ui-v2 .checkbox-group { gap:5px; }
html.ui-v2 .checkbox-label { min-height:28px; gap:7px; padding:4px 6px; border-radius:5px; color:var(--text-secondary); }
html.ui-v2 .checkbox-label:hover { background:var(--ui-hover); color:var(--text-primary); }
html.ui-v2 .checkbox-label input[type="checkbox"] { width:15px; height:15px; accent-color:var(--accent-blue); }
html.ui-v2 .filter-hint { display:block; margin-top:5px; color:var(--text-muted); font-size:10.5px; line-height:1.4; }

/* Watchlist actions */
html.ui-v2 .watchlist-toolbar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; }
html.ui-v2 .watchlist-toolbar>.ui-select { grid-column:1/-1; width:100%; }
html.ui-v2 .watchlist-toolbar>select { grid-column:1/-1; }
html.ui-v2 .wl-btn { display:inline-flex; align-items:center; justify-content:center; min-width:0; width:100%; height:31px; padding:0; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-primary); color:var(--text-secondary); }
html.ui-v2 .wl-btn:hover { color:var(--accent-blue); background:var(--ui-selected); border-color:rgba(38,166,154,.35); }
html.ui-v2 .wl-btn.danger:hover { color:var(--accent-red); background:rgba(239,91,100,.10); border-color:rgba(239,91,100,.3); }
html.ui-v2 .watch-star { color:var(--text-muted); transition:color var(--ui-fast),transform var(--ui-fast); }
html.ui-v2 .watch-star.on { color:var(--accent-yellow); }

/* Custom single-select, native select remains the state holder. */
html.ui-v2 .ui-select { position:relative; display:inline-block; min-width:0; }
html.ui-v2 .ui-select>select { display:none!important; }
html.ui-v2 .ui-select-btn { position:relative; width:100%; min-height:34px; padding:6px 28px 6px 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-primary); color:var(--text-primary); font-size:12.5px; cursor:pointer; }
html.ui-v2 .ui-select-btn::after { content:""; position:absolute; right:10px; top:50%; width:6px; height:6px; border-right:1.5px solid var(--text-muted); border-bottom:1.5px solid var(--text-muted); transform:translateY(-70%) rotate(45deg); }
html.ui-v2 .ui-select-btn[aria-expanded="true"] { border-color:var(--accent-blue); box-shadow:0 0 0 2px rgba(38,166,154,.12); }
html.ui-v2 .ui-select-menu { position:fixed; z-index:1500; display:none; box-sizing:border-box; padding:5px; overflow-y:auto; border:1px solid var(--border); border-radius:var(--ui-radius-float); background:var(--bg-card); box-shadow:0 14px 38px rgba(0,0,0,.42); }
html.ui-v2 .ui-select-menu.open { display:block; animation:ui-v2-menu-in var(--ui-base) var(--ui-ease); }
html.ui-v2 .ui-select-item { display:flex; align-items:center; min-height:32px; padding:6px 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:var(--ui-radius-control); color:var(--text-secondary); cursor:pointer; }
html.ui-v2 .ui-select-item:hover,html.ui-v2 .ui-select-item:focus-visible { background:var(--ui-hover); color:var(--text-primary); outline:0; }
html.ui-v2 .ui-select-item.selected { background:var(--ui-selected); color:var(--accent-blue); }
html.ui-v2 .ui-select-item.disabled { opacity:.42; cursor:default; }

/* Results/table */
html.ui-v2 .screener-main { border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); overflow:hidden; }
html.ui-v2 .screener-results-bar { min-height:42px; margin:0; padding:9px 12px; border-bottom:1px solid var(--border); background:var(--bg-card); }
html.ui-v2 .result-count { color:var(--text-primary); font-size:13px; font-weight:650; }
html.ui-v2 .screener-sort-info { font-size:11px; }
html.ui-v2 .screener-table-wrap { border:0; border-radius:0; background:var(--bg-card); }
html.ui-v2 .screener-table { font-size:12px; }
html.ui-v2 .screener-table thead th { position:sticky; top:0; z-index:2; height:36px; padding:7px 9px; background:var(--bg-elevated); border-bottom:1px solid var(--border); color:var(--text-muted); font-size:10.5px; font-weight:650; letter-spacing:.025em; text-transform:uppercase; }
html.ui-v2 .screener-table tbody td { height:38px; padding:7px 9px; border-bottom-color:var(--border-subtle); font-variant-numeric:tabular-nums; }
html.ui-v2 .screener-table tbody tr:hover { background:var(--ui-hover); }
html.ui-v2 .screener-table .symbol { color:var(--accent-blue); font-weight:680; }
html.ui-v2 .screener-table .industry-link { border-radius:4px; background:var(--bg-elevated); color:var(--text-secondary); }
html.ui-v2 .moat-badge,html.ui-v2 .delta,html.ui-v2 .industry-tag { border-radius:4px; }
html.ui-v2 .moat-badge { display:inline-flex; align-items:center; gap:6px; min-height:22px; padding:2px 7px; font-weight:580; }
html.ui-v2 .semantic-dot { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:currentColor; box-shadow:none; }
html.ui-v2 .semantic-label { display:inline-flex; align-items:center; gap:6px; color:var(--text-secondary); }
html.ui-v2 .tone-wide .semantic-dot { background:var(--semantic-success); }
html.ui-v2 .tone-narrow .semantic-dot { background:var(--semantic-warning); }
html.ui-v2 .tone-eroding .semantic-dot { background:var(--semantic-danger); }
html.ui-v2 .tone-none .semantic-dot { background:var(--text-muted); }
html.ui-v2 .moat-wide { color:var(--semantic-success)!important; background:var(--semantic-success-bg)!important; border-color:var(--semantic-success-border)!important; }
html.ui-v2 .moat-narrow { color:var(--semantic-warning)!important; background:var(--semantic-warning-bg)!important; border-color:var(--semantic-warning-border)!important; }
html.ui-v2 .moat-eroding { color:var(--semantic-danger)!important; background:var(--semantic-danger-bg)!important; border-color:var(--semantic-danger-border)!important; }
html.ui-v2 .moat-none { color:var(--text-muted)!important; background:var(--ui-hover)!important; border-color:var(--border)!important; }
html.ui-v2 .disc-cheap,html.ui-v2 .ratios-table tbody td.num.up,html.ui-v2 .intrinsic-grid .up,html.ui-v2 .scenario-card .scenario-vs strong.up { color:var(--semantic-success)!important; }
html.ui-v2 .disc-expensive,html.ui-v2 .ratios-table tbody td.num.down,html.ui-v2 .intrinsic-grid .down,html.ui-v2 .scenario-card .scenario-vs strong.down { color:var(--semantic-danger)!important; }
html.ui-v2 .delta.up { color:var(--semantic-success)!important; background:var(--semantic-success-bg)!important; }
html.ui-v2 .delta.down { color:var(--semantic-danger)!important; background:var(--semantic-danger-bg)!important; }
html.ui-v2 .alert-success { color:var(--semantic-success)!important; background:var(--semantic-success-bg)!important; border-left-color:var(--semantic-success)!important; }
html.ui-v2 .verdict-cheap { background:var(--semantic-success-bg)!important; border-left-color:var(--semantic-success)!important; }
html.ui-v2 .compare-table tbody td.best { color:var(--semantic-success)!important; background:var(--semantic-success-bg)!important; }
html.ui-v2 .screener-hscroll { border-top:1px solid var(--border); background:var(--bg-card); }

/* Detail, compare and content pages */
html.ui-v2 .ticker-page { max-width:1180px; }
html.ui-v2 .ticker-header { padding-bottom:12px; border-bottom:1px solid var(--border); }
html.ui-v2 .ticker-header h1 { font-size:20px; }
html.ui-v2 .symbol-big { color:var(--accent-blue); font-size:28px; letter-spacing:-.03em; }
html.ui-v2 .ticker-meta { color:var(--text-muted); font-size:12px; }
html.ui-v2 .valuation-card,html.ui-v2 .info-card,html.ui-v2 .chart-block,html.ui-v2 .metric-grid>div,html.ui-v2 .scenario-card,html.ui-v2 .composition-card,html.ui-v2 .compare-chart-block,html.ui-v2 .params {
  border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); box-shadow:none;
}
html.ui-v2 .valuation-card,html.ui-v2 .info-card { padding:16px; }
html.ui-v2 .intrinsic-grid { gap:10px; }
html.ui-v2 .intrinsic-grid>div,html.ui-v2 .metric-grid>div { padding:13px 14px; border-color:var(--border-subtle); }
html.ui-v2 .intrinsic-grid .big,html.ui-v2 .metric-grid .big,html.ui-v2 .scenario-card .scenario-value { font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
html.ui-v2 .chart-block { padding:10px; }
html.ui-v2 .chart-block h3 { font-size:13px; }
html.ui-v2 .ratios-table-wrap,html.ui-v2 .compare-table-wrap { border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); }
html.ui-v2 .ratios-table thead th,html.ui-v2 .compare-table thead th { background:var(--bg-elevated); color:var(--text-muted); font-size:10.5px; text-transform:uppercase; letter-spacing:.025em; }
html.ui-v2 .ratios-table tbody td,html.ui-v2 .compare-table tbody td { border-color:var(--border-subtle); font-variant-numeric:tabular-nums; }
html.ui-v2 .alert,html.ui-v2 .note-important,html.ui-v2 .note-soft,html.ui-v2 .warning-box,html.ui-v2 .warning-inline,html.ui-v2 .warning-critical,html.ui-v2 .verdict-box,html.ui-v2 .moat-callout { border-radius:var(--ui-radius-control); box-shadow:none; }
html.ui-v2 .site-footer { padding:16px 0; border-top:1px solid var(--border); background:var(--bg-card); color:var(--text-muted); font-size:11.5px; }
html.ui-v2 .site-footer p { margin:2px 0; }

/* Bất động sản — shared shell across national, province, district and trend pages */
html.ui-v2 .bds-appbar {
  display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; margin:0 0 14px;
  padding:6px; border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); box-shadow:0 1px 0 rgba(0,0,0,.08);
}
html.ui-v2 .bds-appbar-brand,html.ui-v2 .bds-appbar-link {
  display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:6px 9px; border:1px solid transparent;
  border-radius:var(--ui-radius-control); color:var(--text-secondary); text-decoration:none; line-height:1; white-space:nowrap;
}
html.ui-v2 .bds-appbar-brand { color:var(--text-primary); font-size:14px; font-weight:680; }
html.ui-v2 .bds-appbar-brand .ui-icon { color:var(--accent-blue); }
html.ui-v2 .bds-appbar-links { display:flex; align-items:center; gap:2px; }
html.ui-v2 .bds-appbar-link { font-size:12.5px; font-weight:560; }
html.ui-v2 .bds-appbar-link:hover { color:var(--text-primary); background:var(--ui-hover); }
html.ui-v2 .bds-appbar-link.active { color:var(--accent-blue); background:var(--ui-selected); border-color:rgba(38,166,154,.2); }

html.ui-v2 .bds-index,html.ui-v2 .bds-province,html.ui-v2 .bds-district { color:var(--text-primary); }
html.ui-v2 .bds-index>.card,html.ui-v2 .bds-province>.card,html.ui-v2 .bds-province>.bds-sections>.card,html.ui-v2 .bds-district>.card {
  padding:16px; border:1px solid var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); box-shadow:none;
}
html.ui-v2 .bds-index .card-title,html.ui-v2 .bds-province .card-title,html.ui-v2 .bds-district .card-title {
  margin:0 0 10px; color:var(--text-primary); font-size:15px; font-weight:650; letter-spacing:-.01em;
}
html.ui-v2 .bds-index .card-title .ui-icon,html.ui-v2 .bds-province .card-title .ui-icon,html.ui-v2 .bds-district .card-title .ui-icon { color:var(--text-muted); }
html.ui-v2 .bds-province .ticker-org,html.ui-v2 .bds-district .ticker-org { margin-top:3px; font-size:12.5px; }
html.ui-v2 .bds-province .ticker-org .ui-icon,html.ui-v2 .bds-district .ticker-org .ui-icon { color:var(--accent-blue); }
html.ui-v2 .bds-index .vnmap-cats button,html.ui-v2 .bds-province .pmap-cats button {
  min-height:31px; padding:5px 11px; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-primary); color:var(--text-secondary); font-size:12px; transition:background-color var(--ui-fast),color var(--ui-fast),border-color var(--ui-fast);
}
html.ui-v2 .bds-index .vnmap-cats button:hover,html.ui-v2 .bds-province .pmap-cats button:hover { color:var(--text-primary); background:var(--ui-hover); }
html.ui-v2 .bds-index .vnmap-cats button.on,html.ui-v2 .bds-province .pmap-cats button.on { color:var(--accent-blue); border-color:rgba(38,166,154,.36); background:var(--ui-selected); }
html.ui-v2 .bds-index .vnmap-tip,html.ui-v2 .bds-province .pmap-tip { border-color:var(--border); border-radius:var(--ui-radius-control); background:var(--bg-card); color:var(--text-primary); box-shadow:0 10px 28px rgba(0,0,0,.36); }
html.ui-v2 .bds-index .trend-cta {
  min-height:38px; padding:8px 13px; border:1px solid rgba(38,166,154,.3); border-radius:var(--ui-radius-control);
  background:var(--ui-selected); color:var(--accent-blue); box-shadow:none; font-size:13px; font-weight:620; transform:none;
}
html.ui-v2 .bds-index .trend-cta:hover { color:var(--accent-blue-hover); background:rgba(38,166,154,.2); border-color:rgba(38,166,154,.5); box-shadow:none; transform:none; }
html.ui-v2 .bds-index .screener-table .num,html.ui-v2 .bds-district .screener-table .num { font-variant-numeric:tabular-nums; }
html.ui-v2 [data-bds-page] .semantic-positive,html.ui-v2 body[data-bds-page="trend"] .semantic-positive { color:var(--semantic-success)!important; font-weight:600; }
html.ui-v2 [data-bds-page] .semantic-negative,html.ui-v2 body[data-bds-page="trend"] .semantic-negative { color:var(--semantic-danger)!important; font-weight:600; }
html.ui-v2 .bds-index .industry-link,html.ui-v2 .bds-province .industry-tag,html.ui-v2 .bds-district .industry-tag { border:1px solid var(--border); border-radius:4px; background:var(--bg-elevated); color:var(--text-secondary); }
html.ui-v2 .bds-province details.card>summary,html.ui-v2 .bds-district details.card>summary { color:var(--text-secondary); }
html.ui-v2 .bds-province details.card>summary:hover,html.ui-v2 .bds-district details.card>summary:hover { color:var(--text-primary); }
html.ui-v2 .bds-note,html.ui-v2 .bds-disclaimer { align-items:flex-start; gap:9px; padding:10px 12px; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-elevated); }
html.ui-v2 .bds-note>.ui-icon { margin-top:2px; color:var(--accent-blue); }
html.ui-v2 .bds-disclaimer { border-color:var(--semantic-warning-border); background:var(--semantic-warning-bg); }
html.ui-v2 .bds-disclaimer>.ui-icon { margin-top:2px; color:var(--semantic-warning); }

html.ui-v2 body[data-bds-page="trend"] { width:100%; max-width:1240px; padding:16px 20px 24px; background:var(--bg-primary); color:var(--text-primary); }
html.ui-v2 body[data-bds-page="trend"] h1 { margin:2px 0 3px; font-size:21px; font-weight:680; letter-spacing:-.025em; }
html.ui-v2 body[data-bds-page="trend"] .sub { color:var(--text-muted); font-size:12.5px; }
html.ui-v2 body[data-bds-page="trend"] .bar { gap:7px; margin-bottom:12px; }
html.ui-v2 body[data-bds-page="trend"] button,html.ui-v2 body[data-bds-page="trend"] .ddbtn { min-height:34px; padding:6px 10px; border:1px solid var(--border); border-radius:var(--ui-radius-control); background:var(--bg-card); color:var(--text-secondary); font-size:12.5px; }
html.ui-v2 body[data-bds-page="trend"] button:hover,html.ui-v2 body[data-bds-page="trend"] .ddbtn:hover { color:var(--text-primary); border-color:var(--text-muted); background:var(--ui-hover); }
html.ui-v2 body[data-bds-page="trend"] button.on { color:var(--accent-blue); border-color:rgba(38,166,154,.36); background:var(--ui-selected); }
html.ui-v2 body[data-bds-page="trend"] .ddpanel { box-sizing:border-box; width:max-content; min-width:220px; max-width:calc(100vw - 24px); padding:5px; border-color:var(--border); border-radius:var(--ui-radius-float); background:var(--bg-card); box-shadow:0 14px 38px rgba(0,0,0,.4); }
html.ui-v2 body[data-bds-page="trend"] .ddopt { min-height:32px; padding:6px 9px; border-radius:var(--ui-radius-control); color:var(--text-secondary); }
html.ui-v2 body[data-bds-page="trend"] .ddopt:hover { color:var(--text-primary); background:var(--ui-hover); }
html.ui-v2 body[data-bds-page="trend"] .ddopt.on { color:var(--accent-blue); background:var(--ui-selected); }
html.ui-v2 body[data-bds-page="trend"] .ddsep { border-color:var(--border-subtle); color:var(--text-muted); }
html.ui-v2 body[data-bds-page="trend"] .card { padding:12px; border-color:var(--border); border-radius:var(--ui-radius-panel); background:var(--bg-card); box-shadow:none; }
html.ui-v2 body[data-bds-page="trend"] table { font-size:12px; font-variant-numeric:tabular-nums; }
html.ui-v2 body[data-bds-page="trend"] th { background:var(--bg-elevated); color:var(--text-muted); font-size:10.5px; font-weight:650; letter-spacing:.02em; text-transform:uppercase; }
html.ui-v2 body[data-bds-page="trend"] th,html.ui-v2 body[data-bds-page="trend"] td { padding:6px 8px; border-color:var(--border-subtle); }
html.ui-v2 body[data-bds-page="trend"] .foot { color:var(--text-muted); }

@keyframes ui-v2-menu-in { from { opacity:0; transform:translateY(-3px) scale(.99); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { html.ui-v2 *,html.ui-v2 *::before,html.ui-v2 *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }

@media (max-width:900px) {
  html.ui-v2 .site-header .container { flex-wrap:wrap; gap:6px; padding-block:7px; }
  html.ui-v2 .nav-primary { order:1; flex:1 1 auto; min-width:0; overflow-x:auto; scrollbar-width:none; }
  html.ui-v2 .nav-primary::-webkit-scrollbar { display:none; }
  html.ui-v2 .header-search { order:3; flex:1 1 100%; max-width:none; }
  html.ui-v2 .nav-secondary { order:2; }
}
@media (max-width:720px) {
  html.ui-v2 .container { padding-inline:12px; }
  html.ui-v2 body>main.container { padding-top:12px; }
  html.ui-v2 .nav-secondary { display:none; }
  html.ui-v2 .site-header nav a,html.ui-v2 .nav-dropdown>summary { min-height:32px; padding:5px 8px; font-size:12px; }
  html.ui-v2 .hero h1 { font-size:19px; }
  html.ui-v2 .screener { grid-template-columns:1fr; gap:10px; }
  html.ui-v2 .screener-sidebar { position:static; max-height:none; }
  html.ui-v2 .screener-sidebar:not([open]) { padding:0; }
  html.ui-v2 .screener-sidebar:not([open])>.screener-summary { border-bottom:0; }
  html.ui-v2 .screener-results-bar { align-items:flex-start; gap:3px; }
  html.ui-v2 .screener-sort-info { display:block; }
  html.ui-v2 .ticker-header { align-items:flex-start; }
  html.ui-v2 .symbol-big { font-size:24px; }
  html.ui-v2 .bds-appbar { min-height:42px; margin-bottom:10px; padding:4px; overflow-x:auto; scrollbar-width:none; }
  html.ui-v2 .bds-appbar::-webkit-scrollbar { display:none; }
  html.ui-v2 .bds-appbar-brand,html.ui-v2 .bds-appbar-link { min-height:30px; padding:5px 7px; }
  html.ui-v2 .bds-appbar-brand { font-size:13px; }
  html.ui-v2 .bds-appbar-link { font-size:12px; }
  html.ui-v2 .bds-index>.card,html.ui-v2 .bds-province>.card,html.ui-v2 .bds-province>.bds-sections>.card,html.ui-v2 .bds-district>.card { padding:12px; }
  html.ui-v2 .bds-index .trend-cta { width:100%; justify-content:center; }
  html.ui-v2 body[data-bds-page="trend"] { padding:12px; }
  html.ui-v2 body[data-bds-page="trend"] h1 { font-size:18px; }
  html.ui-v2 body[data-bds-page="trend"] .dd,html.ui-v2 body[data-bds-page="trend"] .ddbtn { width:100%; }
  html.ui-v2 body[data-bds-page="trend"] #catbar { display:flex; width:100%; gap:5px; overflow-x:auto; }
  html.ui-v2 body[data-bds-page="trend"] #catbar button { flex:1 0 auto; }
}