body {
      background: #0b0f16;
    }

    .app {
      max-width: none;
      padding: 0;
    }

    .home-platform-bar {
      position: sticky;
      top: 0;
      z-index: 70;
      min-height: 70px;
      padding: 0 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      background: rgba(11, 15, 22, 0.92);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(120, 139, 161, 0.14);
    }

    .home-platform-logo {
      color: #f8fafc;
      text-decoration: none;
      font-size: 30px;
      font-weight: 950;
      letter-spacing: -0.045em;
      white-space: nowrap;
    }

    .home-platform-logo:hover {
      color: #93c5fd;
    }

    .home-search-area {
      position: relative;
      width: min(720px, 62vw);
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .home-search-area .symbol-search-wrap {
      width: 100%;
      position: relative;
    }

    .home-search-area .symbol-search {
      width: 100%;
      height: 42px;
      border-radius: 999px;
      padding: 0 15px;
      border: 1px solid rgba(120, 139, 161, 0.18);
      background: rgba(255, 255, 255, 0.055);
      color: #f8fafc;
      outline: none;
      font-size: 13px;
      font-weight: 800;
    }

    .home-search-area .symbol-search:focus {
      border-color: rgba(96, 165, 250, 0.62);
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
    }

    .home-search-area .add-symbol-btn {
      height: 42px;
      min-width: 86px;
      border-radius: 999px;
      padding: 0 18px;
      white-space: nowrap;
    }

    .home-search-area .symbol-suggestions {
      top: calc(100% + 8px);
      left: 0;
      right: 0;
      border-radius: 16px;
      z-index: 100;
    }

    .home-menu-wrap {
      position: relative;
      display: flex;
      align-items: center;
      flex: 0 0 auto;
    }

    .home-menu-btn {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      border: 1px solid rgba(120, 139, 161, 0.18);
      background: rgba(255, 255, 255, 0.045);
      color: #dbeafe;
      font-size: 20px;
      font-weight: 950;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .home-menu-btn:hover {
      background: rgba(96, 165, 250, 0.12);
      border-color: rgba(96, 165, 250, 0.38);
    }

    .home-menu-dropdown {
      position: absolute;
      right: 0;
      top: calc(100% + 10px);
      width: 220px;
      display: none;
      padding: 8px;
      border-radius: 16px;
      border: 1px solid rgba(120, 139, 161, 0.20);
      background: rgba(15, 23, 42, 0.98);
      box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
      z-index: 120;
    }

    .home-menu-dropdown.is-open {
      display: grid;
      gap: 4px;
    }

    .home-menu-dropdown a,
    .home-menu-dropdown button {
      width: 100%;
      border: 0;
      border-radius: 12px;
      background: transparent;
      color: #e5edf7;
      text-align: left;
      text-decoration: none;
      padding: 11px 12px;
      font-size: 14px;
      font-weight: 900;
      cursor: pointer;
    }

    .home-menu-dropdown a:hover,
    .home-menu-dropdown button:hover {
      background: rgba(96, 165, 250, 0.12);
      color: #93c5fd;
    }

    .market-tape {
      border-bottom: 1px solid rgba(120, 139, 161, 0.12);
      background: rgba(2, 6, 23, 0.72);
      overflow: hidden;
      height: 34px;
      display: flex;
      align-items: center;
    }

    .market-tape-track {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      animation: tradehubTapeScroll 80s linear infinite;
    }

    .market-tape:hover .market-tape-track {
      animation-play-state: paused;
    }

    .market-tape-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 18px;
      color: #9fb2c7;
      font-size: 12px;
      font-weight: 800;
    }

    .market-tape-item strong {
      color: #f8fafc;
      font-weight: 950;
    }


/* TRADEHUB_PHASE6_3I_MARKET_CLOSED_TAPE_WARNING_START */
.market-tape-warning {
  margin: 0 12px;
  padding: 5px 16px;
  border: 1px solid rgba(250, 204, 21, 0.5);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(245, 158, 11, 0.12));
  color: #fde68a;
  box-shadow: 0 0 18px rgba(245, 158, 11, 0.12);
}

.market-tape-warning strong,
.market-tape-warning span {
  color: #fef3c7;
}

.market-tape-warning strong {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* TRADEHUB_PHASE6_3I_MARKET_CLOSED_TAPE_WARNING_END */

    .tape-positive {
      color: #00e676;
    }

    .tape-negative {
      color: #ff3b4f;
    }

    @keyframes tradehubTapeScroll {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    .home-main {
      max-width: 1240px;
      margin: 0 auto;
      padding: 20px;
      display: grid;
      gap: 16px;
    }

    .home-status-compact {
      display: none;
    }

    .home-dashboard-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      align-items: start;
    }

    .home-left-column,
    .home-right-column {
      display: grid;
      gap: 16px;
      min-width: 0;
      width: 100%;
    }

    .card.card-watchlist h2,
    .scanner-card h2,
    .important-news-card h2 {
      margin-bottom: 12px;
    }

    .scanner-card .section-title-row,
    .important-news-card .section-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 12px;
    }

    .scanner-meta-compact,
    #scanner-updated-mini,
    #home-news-status {
      color: rgba(147, 197, 253, 0.72);
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
      opacity: 0.9;
    }

    .scan-results-placeholder .scan-meta {
      font-size: 12px;
      opacity: 0.76;
      padding: 8px 0;
      border: 0;
      background: transparent;
    }

    .important-news-card {
      position: static;
      margin-bottom: 24px;
    }

    .home-news-list {
      max-height: none;
      overflow: visible;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      padding-right: 0;
    }

    .home-news-item {
      display: block;
      padding: 13px;
      border-radius: 14px;
      border: 1px solid rgba(120, 139, 161, 0.14);
      background: rgba(255, 255, 255, 0.03);
      text-decoration: none;
      color: #dbeafe;
      transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
    }

    .home-news-item:hover {
      transform: translateY(-1px);
      border-color: rgba(96, 165, 250, 0.42);
      background: rgba(96, 165, 250, 0.08);
    }

    .home-news-headline {
      color: #f8fafc;
      font-weight: 950;
      line-height: 1.35;
      font-size: 14px;
    }

    .home-news-meta {
      margin-top: 7px;
      color: #93c5fd;
      font-size: 11px;
      font-weight: 900;
    }

    .home-news-summary {
      margin-top: 8px;
      color: #a9bed4;
      line-height: 1.5;
      font-size: 12px;
    }

    .home-news-empty {
      padding: 16px;
      border: 1px dashed rgba(120, 139, 161, 0.20);
      border-radius: 14px;
      color: #9fb2c7;
      line-height: 1.5;
      background: rgba(255, 255, 255, 0.02);
    }

    .suggestion-item {
      position: relative;
      padding-right: 48px;
      cursor: pointer;
    }

    .suggestion-plus-btn {
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      border-radius: 999px;
      border: 1px solid rgba(96, 165, 250, 0.35);
      background: rgba(37, 99, 235, 0.16);
      color: #dbeafe;
      font-size: 18px;
      font-weight: 950;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .suggestion-plus-btn:hover {
      background: rgba(37, 99, 235, 0.32);
      border-color: rgba(147, 197, 253, 0.70);
    }

    @media (max-width: 900px) {
      .home-news-list {
        grid-template-columns: 1fr;
      }

      .market-tape-item {
        padding: 0 14px;
      }

    }

    @media (max-width: 700px) {
      .home-platform-bar {
        height: auto;
        min-height: 64px;
        padding: 12px 14px;
        align-items: stretch;
        flex-direction: column;
      }

      .home-platform-logo {
        font-size: 24px;
      }

      .home-search-area {
        width: 100%;
      }

      .home-menu-wrap {
        position: absolute;
        right: 14px;
        top: 14px;
      }

      .home-main {
        padding: 14px;
      }

      .home-search-area .add-symbol-btn {
        padding: 0 14px;
      }

      .market-tape {
        height: 32px;
      }
    }

    @media (max-width: 560px) {
      .home-search-area {
        flex-direction: column;
        align-items: stretch;
      }

      .home-search-area .add-symbol-btn {
        width: 100%;
      }
    }

.home-portfolio-card {
      margin-top: 16px;
    }

    .home-portfolio-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .home-portfolio-head h2 {
      margin: 0;
    }

    .home-portfolio-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }

    .home-portfolio-status {
      color: #93c5fd;
      font-size: 13px;
      font-weight: 800;
    }

    .home-portfolio-link,
    .home-portfolio-mini-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 8px 13px;
      border-radius: 999px;
      border: 1px solid rgba(96, 165, 250, 0.50);
      background: rgba(37, 99, 235, 0.18);
      color: #dbeafe;
      text-decoration: none;
      font-size: 13px;
      font-weight: 900;
      transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
      cursor: pointer;
      font-family: inherit;
    }

    .home-portfolio-link:hover,
    .home-portfolio-mini-link:hover {
      transform: translateY(-1px);
      border-color: rgba(147, 197, 253, 0.90);
      background: rgba(37, 99, 235, 0.30);
    }

    .home-portfolio-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 12px;
    }

    .home-portfolio-stat,
    .home-portfolio-empty {
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: rgba(2, 6, 23, 0.30);
      border-radius: 16px;
      padding: 12px 14px;
      min-height: 70px;
    }

    .home-portfolio-empty {
      grid-column: 1 / -1;
      color: #9bb2cf;
      display: flex;
      align-items: center;
    }

    .home-portfolio-stat-label,
    .home-portfolio-holding-label {
      color: #93c5fd;
      font-size: 11px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      font-weight: 900;
      margin-bottom: 7px;
    }

    .home-portfolio-stat-value {
      color: #f8fafc;
      font-size: 21px;
      font-weight: 950;
      line-height: 1.05;
    }

    .home-portfolio-alerts {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin: 0 0 12px;
    }

    .home-portfolio-alert {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      border-radius: 15px;
      border: 1px solid rgba(245, 158, 11, 0.28);
      background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(15, 23, 42, 0.54));
      padding: 10px 12px;
      color: #f8fafc;
    }

    .home-portfolio-alert.red {
      border-color: rgba(239, 68, 68, 0.34);
      background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(15, 23, 42, 0.54));
    }

    .home-portfolio-alert.green {
      border-color: rgba(34, 197, 94, 0.30);
      background: linear-gradient(135deg, rgba(34, 197, 94, 0.10), rgba(15, 23, 42, 0.54));
    }

    .home-portfolio-alert-title {
      font-size: 13px;
      font-weight: 950;
      line-height: 1.25;
    }

    .home-portfolio-alert-note {
      margin-top: 3px;
      color: #bfdbfe;
      font-size: 12px;
      line-height: 1.35;
    }

    .home-portfolio-alert-pill {
      flex: 0 0 auto;
      border-radius: 999px;
      padding: 5px 9px;
      font-size: 11px;
      font-weight: 950;
      color: #fde68a;
      background: rgba(245, 158, 11, 0.12);
      border: 1px solid rgba(245, 158, 11, 0.32);
      white-space: nowrap;
    }

    .home-portfolio-alert.red .home-portfolio-alert-pill {
      color: #fecaca;
      background: rgba(239, 68, 68, 0.12);
      border-color: rgba(239, 68, 68, 0.32);
    }

    .home-portfolio-alert.green .home-portfolio-alert-pill {
      color: #bbf7d0;
      background: rgba(34, 197, 94, 0.12);
      border-color: rgba(34, 197, 94, 0.28);
    }

    .home-portfolio-compact-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 4px;
    }

    .home-portfolio-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: rgba(15, 23, 42, 0.58);
      border-radius: 999px;
      padding: 8px 11px;
      color: #dbeafe;
      font-size: 13px;
      font-weight: 900;
      text-decoration: none;
    }

    .home-portfolio-chip span {
      color: #9bb2cf;
      font-weight: 800;
    }

    .home-portfolio-chip.green b { color: #22c55e; }
    .home-portfolio-chip.red b { color: #fb7185; }

    .home-portfolio-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .home-portfolio-card.is-collapsed .home-portfolio-grid {
      display: none;
    }

    .home-portfolio-card:not(.is-collapsed) .home-portfolio-compact-list {
      margin-bottom: 4px;
    }

    .home-portfolio-holding {
      border: 1px solid rgba(148, 163, 184, 0.16);
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(2, 6, 23, 0.44));
      border-radius: 18px;
      padding: 15px;
    }

    .home-portfolio-holding-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .home-portfolio-symbol {
      color: #f8fafc;
      font-size: 22px;
      font-weight: 950;
      line-height: 1;
    }

    .home-portfolio-company {
      color: #bfdbfe;
      font-size: 13px;
      margin-top: 4px;
    }

    .home-portfolio-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 6px 10px;
      font-size: 12px;
      font-weight: 950;
      white-space: nowrap;
      background: rgba(37, 99, 235, 0.20);
      color: #bfdbfe;
      border: 1px solid rgba(96, 165, 250, 0.30);
    }

    .home-portfolio-pill.green {
      color: #22c55e;
      background: rgba(34, 197, 94, 0.12);
      border-color: rgba(34, 197, 94, 0.25);
    }

    .home-portfolio-pill.red {
      color: #fb7185;
      background: rgba(239, 68, 68, 0.12);
      border-color: rgba(239, 68, 68, 0.25);
    }

    .home-portfolio-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 12px;
    }

    .home-portfolio-mini {
      border: 1px solid rgba(148, 163, 184, 0.13);
      background: rgba(15, 23, 42, 0.58);
      border-radius: 13px;
      padding: 10px;
      min-height: 66px;
    }

    .home-portfolio-mini-value {
      color: #f8fafc;
      font-weight: 950;
      font-size: 15px;
    }

    .home-portfolio-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      color: #9bb2cf;
      font-size: 13px;
    }

    @media (max-width: 980px) {
      .home-portfolio-summary,
      .home-portfolio-grid {
        grid-template-columns: 1fr;
      }
      .home-portfolio-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .home-portfolio-head {
        align-items: flex-start;
        flex-direction: column;
      }
      .home-portfolio-actions {
        justify-content: flex-start;
      }
    }

  @media (max-width: 760px) {
    

    body {
      padding-top: 0 !important;
    }

    

    .home-platform-logo {
      grid-area: logo !important;
      justify-self: start !important;
      align-self: center !important;
      margin: 0 !important;
      padding: 0 !important;
      font-size: clamp(29px, 8vw, 34px) !important;
      line-height: 1 !important;
      letter-spacing: -0.045em !important;
      white-space: nowrap !important;
    }

    .home-menu-wrap {
      grid-area: menu !important;
      position: relative !important;
      right: auto !important;
      top: auto !important;
      justify-self: end !important;
      align-self: center !important;
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      min-height: 40px !important;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .home-menu-btn,
    #home-menu-btn {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      min-height: 34px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 8px !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #dbeafe !important;
      font-size: 25px !important;
      line-height: 34px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .home-menu-btn:hover,
    #home-menu-btn:hover,
    .home-menu-btn:focus,
    #home-menu-btn:focus {
      background: rgba(30, 41, 59, 0.36) !important;
      border: 0 !important;
      outline: none !important;
      box-shadow: none !important;
    }

    .home-menu-dropdown,
    #home-menu-dropdown {
      position: absolute !important;
      top: calc(100% + 8px) !important;
      right: 0 !important;
      left: auto !important;
      z-index: 10001 !important;
      min-width: 220px !important;
      max-width: min(82vw, 270px) !important;
    }

    .home-search-area {
      grid-area: search !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 82px !important;
      align-items: center !important;
      gap: 8px !important;
      flex-direction: unset !important;
    }

    .home-search-area .symbol-search-wrap {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .home-search-area .symbol-search,
    #symbol-search {
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      height: 40px !important;
      min-height: 40px !important;
      margin: 0 !important;
      padding: 0 13px !important;
      border-radius: 999px !important;
      font-size: 14px !important;
      line-height: 40px !important;
    }

    .home-search-area .add-symbol-btn,
    #add-symbol-btn {
      width: 82px !important;
      min-width: 82px !important;
      max-width: 82px !important;
      height: 40px !important;
      min-height: 40px !important;
      margin: 0 !important;
      padding: 0 10px !important;
      border-radius: 999px !important;
      font-size: 12px !important;
      line-height: 40px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      white-space: nowrap !important;
    }

    .market-tape {
      position: relative !important;
      z-index: 2 !important;
      height: 30px !important;
    }

    .home-main {
      padding: 14px !important;
    }

    .home-portfolio-card,
    #portfolio-section {
      text-align: center !important;
    }

    .home-portfolio-head {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      gap: 11px !important;
    }

    .home-portfolio-head h2,
    .home-portfolio-status {
      width: 100% !important;
      text-align: center !important;
    }

    .home-portfolio-actions {
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
    }

    .card.card-watchlist .section-title-row.watchlist-title-row,
    .watchlist-title-row {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      width: 100% !important;
      min-height: 44px !important;
      margin: 0 0 16px !important;
      padding: 0 !important;
      gap: 0 !important;
      text-align: center !important;
    }

    .watchlist-title-row h2,
    .card.card-watchlist .watchlist-title-row h2 {
      grid-column: 2 !important;
      justify-self: center !important;
      align-self: center !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: center !important;
      line-height: 1.1 !important;
    }

    .watchlist-title-row .watchlist-header-add-btn,
    #open-create-watchlist-modal-header {
      grid-column: 3 !important;
      justify-self: end !important;
      align-self: center !important;
      position: static !important;
      top: auto !important;
      right: auto !important;
      transform: none !important;
      margin: 0 !important;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
    }
  }

  @media (max-width: 390px) {
    .home-platform-bar {
      padding-left: 13px !important;
      padding-right: 13px !important;
      grid-template-columns: minmax(0, 1fr) 36px !important;
    }

    .home-menu-wrap {
      width: 36px !important;
      min-width: 36px !important;
    }

    .home-menu-btn,
    #home-menu-btn {
      width: 32px !important;
      height: 32px !important;
      min-width: 32px !important;
      min-height: 32px !important;
      font-size: 23px !important;
    }

    .home-search-area {
      grid-template-columns: minmax(0, 1fr) 76px !important;
      gap: 7px !important;
    }

    .home-search-area .add-symbol-btn,
    #add-symbol-btn {
      width: 76px !important;
      min-width: 76px !important;
      max-width: 76px !important;
      font-size: 11px !important;
    }
  }

@media (max-width: 760px) {
  

  .menu-wrap,
  .home-menu-wrap,
  .chart-menu-wrap {
    position: relative !important;
    z-index: 65000 !important;
  }

  .menu-dropdown,
  .home-menu-dropdown,
  .chart-menu-dropdown {
    z-index: 70000 !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(82vw, 260px) !important;
    max-width: min(82vw, 260px) !important;
  }

  .menu-btn,
  .home-menu-btn,
  .chart-menu-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .home-platform-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 60000 !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    grid-template-areas:
      "logo menu"
      "search search" !important;
    align-items: center !important;
    gap: 9px 10px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    background: rgba(8, 12, 22, 0.98) !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.16) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: visible !important;
  }

  .home-platform-logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    width: auto !important;
    margin: 0 !important;
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: 1.05 !important;
  }

  .home-menu-wrap {
    grid-area: menu !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .home-search-area {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }

  

  .home-search-area .symbol-search {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
  }

  .home-search-area .add-symbol-btn {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

}

  @media (min-width: 1024px) {
    

    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 56px) !important;
      max-width: 1840px !important;
      margin: 0 auto !important;
      padding: 18px 0 34px !important;
      gap: 16px !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1.66fr) minmax(370px, 0.72fr) !important;
      gap: 16px !important;
      align-items: start !important;
    }

    .phase8a2-main-column,
    .phase8a2-side-column {
      min-width: 0 !important;
      display: grid !important;
      gap: 16px !important;
    }

    .phase8a2-side-column {
      align-self: start !important;
    }

    

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card {
      margin-top: 0 !important;
      padding: 18px 20px !important;
      text-align: left !important;
    }

    .home-portfolio-head,
    #portfolio-section .home-portfolio-head {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      margin-bottom: 10px !important;
      text-align: left !important;
    }

    .home-portfolio-head h2,
    #portfolio-section .home-portfolio-head h2 {
      text-align: left !important;
      margin: 0 !important;
    }

    .home-portfolio-actions,
    #portfolio-section .home-portfolio-actions {
      width: auto !important;
      justify-content: flex-end !important;
      flex-wrap: wrap !important;
    }

    .home-portfolio-summary {
      margin-bottom: 0 !important;
    }

    .home-portfolio-empty {
      min-height: 48px !important;
      padding: 12px 14px !important;
      border-radius: 14px !important;
    }

    

    .scanner-card .section-title-row,
    .important-news-card .section-title-row {
      padding-bottom: 12px !important;
      margin-bottom: 14px !important;
      border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    }

    .scanner-categories {
      margin-bottom: 14px !important;
    }

    

    .scan-card {
      min-width: 0 !important;
      border-radius: 16px !important;
      padding: 14px !important;
      gap: 11px !important;
      background: linear-gradient(180deg, rgba(16, 24, 35, 0.98), rgba(9, 14, 23, 0.98)) !important;
      border-color: rgba(148, 163, 184, 0.15) !important;
    }

    .scan-card:hover {
      transform: translateY(-1px) !important;
      border-color: rgba(96, 165, 250, 0.34) !important;
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.26) !important;
    }

    

    .scan-name,
    .scan-read {
      color: #9fb4cc !important;
    }

    

    .scan-card-grid-simple {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }

    

    .scan-plan {
      border-radius: 13px !important;
      background: rgba(37, 99, 235, 0.14) !important;
      border-color: rgba(96, 165, 250, 0.24) !important;
      line-height: 1.44 !important;
    }

    .scanner-context-panel {
      margin-top: 2px !important;
      padding: 10px 11px !important;
      border: 1px solid rgba(148, 163, 184, 0.13) !important;
      border-radius: 14px !important;
      background: rgba(2, 6, 23, 0.20) !important;
    }

    .scanner-context-heading {
      color: #93c5fd !important;
      font-size: 10px !important;
      line-height: 1 !important;
      letter-spacing: 0.14em !important;
      text-transform: uppercase !important;
      font-weight: 950 !important;
      margin-bottom: 8px !important;
    }

    .scanner-context-badges {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      margin: 0 !important;
    }

    .scanner-context-badge {
      display: inline-flex !important;
      align-items: center !important;
      gap: 4px !important;
      padding: 5px 8px !important;
      border: 1px solid rgba(147, 197, 253, 0.24) !important;
      border-radius: 999px !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
      color: #bfdbfe !important;
      background: rgba(30, 64, 175, 0.14) !important;
      white-space: normal !important;
    }

    .scanner-context-badge[data-tone="good"] {
      border-color: rgba(34, 197, 94, 0.38) !important;
      color: #bbf7d0 !important;
      background: rgba(20, 83, 45, 0.20) !important;
    }

    .scanner-context-badge[data-tone="caution"] {
      border-color: rgba(251, 191, 36, 0.42) !important;
      color: #fde68a !important;
      background: rgba(120, 53, 15, 0.20) !important;
    }

    .scanner-context-badge[data-tone="risk"] {
      border-color: rgba(248, 113, 113, 0.45) !important;
      color: #fecaca !important;
      background: rgba(127, 29, 29, 0.22) !important;
    }

    .scan-quick-plan {
      margin-top: 0 !important;
      padding: 10px 11px !important;
      border: 1px solid rgba(96, 165, 250, 0.18) !important;
      border-radius: 14px !important;
      background: rgba(15, 23, 42, 0.45) !important;
    }

    .scanner-plan-label {
      font-size: 11px !important;
      color: #93c5fd !important;
      font-weight: 950 !important;
      letter-spacing: 0.08em !important;
      text-transform: uppercase !important;
      margin-bottom: 5px !important;
    }

    .scanner-plan-value {
      font-size: 13px !important;
      color: #dbeafe !important;
      line-height: 1.42 !important;
      font-weight: 850 !important;
      overflow-wrap: anywhere !important;
    }

    

    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row {
      display: flex !important;
      grid-template-columns: none !important;
      align-items: center !important;
      justify-content: space-between !important;
      min-height: 0 !important;
      margin: 0 0 14px !important;
      text-align: left !important;
    }

    .phase8a2-side-column .watchlist-title-row h2 {
      width: auto !important;
      text-align: left !important;
      justify-self: auto !important;
    }

    .phase8a2-side-column #open-create-watchlist-modal-header {
      position: static !important;
      width: 34px !important;
      min-width: 34px !important;
      height: 34px !important;
      min-height: 34px !important;
    }

    

    .phase8a2-side-column .home-news-list {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 8px !important;
      max-height: none !important;
      overflow: visible !important;
    }

    .phase8a2-side-column .home-news-item {
      padding: 11px 12px !important;
      border-radius: 13px !important;
    }

    

    .phase8a2-side-column .home-news-summary {
      font-size: 11px !important;
      line-height: 1.42 !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1280px) {
    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1fr) 330px !important;
    }

    .scan-results-grid {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 1023px) {
    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: 1fr !important;
    }

    .phase8a2-side-column {
      display: grid !important;
      gap: 16px !important;
    }
  }

  @media (min-width: 1024px) {
    

    

    

    .home-menu-btn {
      width: 44px !important;
      height: 44px !important;
      background: rgba(255,255,255,.035) !important;
      border-color: rgba(148,163,184,.13) !important;
    }

    .card,
    .home-portfolio-card,
    .scanner-card,
    .card-watchlist,
    .important-news-card {
      border-color: rgba(148, 163, 184, 0.08) !important;
      background: linear-gradient(180deg, rgba(20, 25, 35, 0.94), rgba(10, 15, 24, 0.94)) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
    }

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card {
      padding: 18px 22px 16px !important;
      border-radius: 20px !important;
    }

    

    .home-portfolio-link {
      min-height: 36px !important;
      padding: 8px 15px !important;
      background: rgba(37,99,235,.14) !important;
      border-color: rgba(96,165,250,.36) !important;
    }

    .home-portfolio-summary {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    

    

    

    .home-portfolio-compact-list {
      margin-top: 10px !important;
      gap: 7px !important;
    }

    

    

    .scanner-toolbar-row .scanner-categories {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin: 0 !important;
      flex: 1 1 auto !important;
    }

    .tradehub-scanner-filters {
      flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      min-height: 0 !important;
    }

    .scan-results-placeholder {
      border: 0 !important;
      padding: 0 !important;
      background: transparent !important;
    }

    .tradehub-load-meta,
    .scan-meta.tradehub-load-meta {
      border: 0 !important;
      padding: 10px 1px 12px !important;
      background: transparent !important;
      color: rgba(147, 197, 253, .72) !important;
    }

    

    

    .scan-card-grid-simple {
      border: 0 !important;
      background: transparent !important;
    }

    

    

    

    .scanner-plan-list {
      display: grid !important;
      gap: 7px !important;
    }

    .scanner-plan-row {
      display: grid !important;
      grid-template-columns: 58px minmax(0, 1fr) !important;
      gap: 10px !important;
      align-items: start !important;
      padding: 8px 0 !important;
      border-bottom: 1px solid rgba(148, 163, 184, .07) !important;
    }

    .scanner-plan-row:last-child {
      border-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    .scanner-plan-row:first-child {
      padding-top: 0 !important;
    }

    .phase8a2-side-column .watchlist-folder {
      border: 0 !important;
      background: transparent !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .07) !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      margin-bottom: 10px !important;
    }

    

    .watchlist-mini-list {
      display: grid !important;
      gap: 0 !important;
      padding: 0 8px 8px !important;
    }

    .watchlist-mini-row {
      display: grid !important;
      grid-template-columns: 48px minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 9px !important;
      min-height: 48px !important;
      padding: 8px 2px !important;
      border-bottom: 1px solid rgba(148, 163, 184, .07) !important;
      cursor: pointer !important;
    }

    .watchlist-mini-row:last-child {
      border-bottom: 0 !important;
    }

    .watchlist-mini-symbol {
      color: #f8fafc !important;
      font-size: 13px !important;
      font-weight: 950 !important;
    }

    .watchlist-mini-name {
      min-width: 0 !important;
      color: #dbeafe !important;
      font-size: 12px !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      line-height: 1.25 !important;
    }

    .watchlist-mini-subline {
      margin-top: 2px !important;
      color: #8fa4bd !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .watchlist-mini-right {
      min-width: 118px !important;
      display: grid !important;
      justify-items: end !important;
      gap: 5px !important;
    }

    .watchlist-mini-price {
      color: #f8fafc !important;
      font-size: 12px !important;
      font-weight: 950 !important;
    }

    

    .watchlist-mini-row .remove-symbol-btn {
      opacity: .42 !important;
      width: 22px !important;
      height: 22px !important;
      min-width: 22px !important;
      margin-left: 5px !important;
    }

    .watchlist-mini-row:hover .remove-symbol-btn {
      opacity: 1 !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1280px) {
    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 32px) !important;
    }
  }

  @media (min-width: 1024px) {
    :root {
      --home-panel: rgba(13, 18, 28, 0.88);
      --home-panel-soft: rgba(8, 13, 22, 0.72);
      --home-divider: rgba(148, 163, 184, 0.075);
      --home-divider-strong: rgba(148, 163, 184, 0.12);
      --home-text: #eaf2ff;
      --home-muted: #9fb2c7;
    }

    

    .home-platform-bar {
      min-height: 76px !important;
      padding-left: 36px !important;
      padding-right: 36px !important;
    }

    

    

    .home-search-area .symbol-search,
    .home-search-area .add-symbol-btn {
      height: 48px !important;
      font-size: 14px !important;
    }

    

    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 28px) !important;
      max-width: 2200px !important;
      padding: 18px 0 42px !important;
      gap: 14px !important;
    }

    

    .card,
    .home-portfolio-card,
    .scanner-card,
    .card-watchlist,
    .important-news-card {
      border: 0 !important;
      border-radius: 22px !important;
      background: linear-gradient(180deg, rgba(18, 24, 34, 0.90), rgba(9, 14, 22, 0.92)) !important;
      box-shadow:
        inset 0 0 0 1px var(--home-divider),
        0 20px 54px rgba(0, 0, 0, 0.18) !important;
    }

    .section-title-row,
    .scanner-card .section-title-row,
    .important-news-card .section-title-row {
      border-bottom: 1px solid var(--home-divider) !important;
    }

    .scanner-card h2,
    .card-watchlist h2,
    .important-news-card h2,
    .home-portfolio-head h2 {
      font-size: 23px !important;
      letter-spacing: -0.035em !important;
    }

    

    .home-portfolio-status {
      display: none !important;
    }

    .home-portfolio-link,
    .home-portfolio-details-btn,
    .home-portfolio-mini-link {
      min-height: 38px !important;
      padding: 9px 15px !important;
      border-radius: 999px !important;
      border: 0 !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.30) !important;
      background: rgba(37, 99, 235, 0.14) !important;
      color: #dbeafe !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      text-decoration: none !important;
      cursor: pointer !important;
      font-family: inherit !important;
    }

    .home-portfolio-details-btn:hover,
    .home-portfolio-link:hover,
    .home-portfolio-mini-link:hover {
      background: rgba(37, 99, 235, 0.25) !important;
      box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.52) !important;
      transform: translateY(-1px) !important;
    }

    

    .home-portfolio-stat-label,
    .home-portfolio-holding-label {
      color: #93c5fd !important;
      font-size: 11px !important;
    }

    

    .home-portfolio-card.is-collapsed .home-portfolio-grid,
    .home-portfolio-card.is-collapsed .home-portfolio-alerts {
      display: none !important;
    }

    .home-portfolio-card:not(.is-collapsed) .home-portfolio-grid {
      display: grid !important;
      margin-top: 14px !important;
    }

    

    .scanner-card,
    #scanner-section.scanner-card {
      padding: 20px !important;
    }

    

    

    

    .scan-card {
      position: relative !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
      min-height: 0 !important;
      padding: 16px !important;
      border: 0 !important;
      border-radius: 20px !important;
      background: linear-gradient(180deg, rgba(10, 16, 26, 0.94), rgba(7, 12, 20, 0.96)) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.065) !important;
    }

    

    

    

    .scan-top-actions .callout-pill {
      grid-column: 1 / 2 !important;
      grid-row: 1 !important;
      max-width: 155px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      font-size: 11px !important;
      padding: 5px 8px !important;
    }

    .scan-top-actions .scan-save-btn {
      grid-column: 2 !important;
      grid-row: 1 !important;
      width: 34px !important;
      height: 34px !important;
    }

    .scan-top-chart-link {
      grid-column: 1 / -1 !important;
      justify-self: stretch !important;
      min-height: 32px !important;
      padding: 7px 12px !important;
      border-radius: 999px !important;
      text-align: center !important;
      text-decoration: none !important;
      color: #dbeafe !important;
      font-size: 12px !important;
      font-weight: 950 !important;
      background: rgba(37, 99, 235, 0.13) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.28) !important;
    }

    .scan-top-chart-link:hover {
      background: rgba(37, 99, 235, 0.24) !important;
      box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.45) !important;
    }

    

    

    

    .scan-card-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }

    .scan-card-grid div {
      padding: 10px 11px !important;
      border-radius: 14px !important;
      background: rgba(2, 6, 23, 0.30) !important;
      box-shadow: none !important;
    }

    

    

    .scanner-context-panel,
    .scan-quick-plan {
      padding: 11px 12px !important;
      border-radius: 16px !important;
      background: rgba(2, 6, 23, 0.24) !important;
      box-shadow: none !important;
    }

    .scanner-context-heading {
      margin-bottom: 8px !important;
      font-size: 11px !important;
      letter-spacing: 0.13em !important;
    }

    

    .scanner-context-badge {
      font-size: 11px !important;
      padding: 5px 8px !important;
      border: 0 !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.10) !important;
    }

    .scanner-plan-row {
      grid-template-columns: 64px minmax(0, 1fr) !important;
      gap: 12px !important;
      padding: 9px 0 !important;
      border-bottom: 1px solid rgba(148, 163, 184, 0.075) !important;
      font-size: 14px !important;
    }

    .scanner-plan-label {
      font-size: 11px !important;
      letter-spacing: 0.12em !important;
    }

    

    .scan-card > div:last-child[style] {
      display: none !important;
    }

    .phase8a2-side-column .card-watchlist,
    .phase8a2-side-column .important-news-card {
      padding: 17px !important;
    }

    .watchlist-folder {
      box-shadow: none !important;
    }

    .phase8a2-side-column .watchlist-folder {
      border-radius: 16px !important;
      background: rgba(2, 6, 23, 0.18) !important;
      box-shadow: none !important;
      margin-bottom: 9px !important;
    }

    

    

    

    

    

    

    

    .home-news-item {
      border: 0 !important;
      border-radius: 15px !important;
      background: rgba(2, 6, 23, 0.26) !important;
      box-shadow: none !important;
    }
  }

  @media (min-width: 1600px) {
    .scan-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1320px) {

    
  }

  @media (max-width: 700px) {
    .home-portfolio-details-btn {
      width: 100% !important;
    }
  }

@media (min-width: 1024px) {
    .scanner-card .section-title-row,
    #scanner-section.scanner-card .section-title-row,
    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      min-height: 44px !important;
      padding: 0 0 14px !important;
      margin: 0 0 14px !important;
      line-height: 1 !important;
    }

    .scanner-card .section-title-row h2,
    #scanner-section.scanner-card .section-title-row h2,
    .phase8a2-side-column .watchlist-title-row h2,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row h2 {
      font-size: 23px !important;
      line-height: 1.1 !important;
      margin: 0 !important;
      padding: 0 !important;
      letter-spacing: -0.035em !important;
      align-self: center !important;
    }

    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row {
      border-bottom: 0 !important;
      padding-bottom: 18px !important;
      margin-bottom: 12px !important;
    }

    .phase8a2-side-column #open-create-watchlist-modal-header,
    .phase8a2-side-column .watchlist-title-row .watchlist-header-add-btn {
      width: 36px !important;
      min-width: 36px !important;
      height: 36px !important;
      min-height: 36px !important;
      margin: 0 2px 0 12px !important;
      align-self: center !important;
      flex: 0 0 auto !important;
      position: static !important;
      transform: none !important;
    }

    .phase8a2-side-column .watchlist-folder:first-of-type {
      margin-top: 0 !important;
    }
  }

@media (min-width: 1024px) {
    .card,
    .home-portfolio-card,
    #portfolio-section.home-portfolio-card,
    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    .important-news-card,
    .scan-card,
    .home-portfolio-stat,
    .home-portfolio-empty,
    .home-portfolio-chip,
    .scanner-context-panel,
    .scan-quick-plan,
    .scan-card-grid div,
    .scan-plan,
    .watchlist-folder,
    .watchlist-folder-header,
    .watchlist-mini-row,
    .home-news-item {
      border: 0 !important;
      box-shadow: none !important;
      outline: 0 !important;
    }

    .section-title-row,
    .scanner-card .section-title-row,
    #scanner-section.scanner-card .section-title-row,
    .important-news-card .section-title-row,
    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row,
    .scanner-plan-row,
    .watchlist-mini-row,
    .home-news-item,
    .watchlist-folder-header {
      border: 0 !important;
      box-shadow: none !important;
    }

    

    

    .home-portfolio-stat,
    .scanner-context-panel,
    .scan-quick-plan,
    .scan-card-grid div,
    .watchlist-folder,
    .watchlist-folder-header,
    .home-news-item {
      background: rgba(2, 6, 23, 0.28) !important;
    }

    

    
  }

  @media (min-width: 1024px) {
    

    

    

    

    

    

    

    .scanner-card .section-title-row h2,
    #scanner-section.scanner-card .section-title-row h2,
    .phase8a2-side-column .watchlist-title-row h2,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row h2,
    .important-news-card .section-title-row h2,
    .home-portfolio-head h2 {
      font-size: 24px !important;
      line-height: 1.08 !important;
      font-weight: 950 !important;
      color: #f8fbff !important;
    }

    .scanner-meta-compact,
    #scanner-updated-mini,
    #home-news-status {
      font-size: 12px !important;
      color: rgba(147, 197, 253, 0.82) !important;
      font-weight: 900 !important;
    }

    

    .home-portfolio-stat,
    .home-portfolio-empty {
      min-height: 70px !important;
      padding: 13px 15px !important;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      background: linear-gradient(180deg, rgba(4, 9, 18, 0.56), rgba(2, 6, 14, 0.38)) !important;
    }

    .home-portfolio-stat-label,
    .home-portfolio-holding-label {
      font-size: 11.5px !important;
      letter-spacing: 0.13em !important;
    }

    

    .home-portfolio-chip {
      font-size: 14.5px !important;
      padding: 8px 12px !important;
      background: rgba(2, 6, 23, 0.35) !important;
    }

    .scanner-toolbar-row {
      margin-bottom: 14px !important;
      gap: 14px !important;
    }

    

    .tradehub-load-meta,
    .scan-meta.tradehub-load-meta {
      padding: 7px 1px 14px !important;
      font-size: 12.5px !important;
    }

    .scan-results-grid {
      gap: 15px !important;
      align-items: stretch !important;
    }

    .scan-card {
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      padding: 17px !important;
      gap: 13px !important;
      background:
        linear-gradient(180deg, rgba(8, 14, 24, 0.98), rgba(4, 9, 17, 0.98)) !important;
    }

    

    

    .scan-top-actions {
      min-width: 0 !important;
      grid-template-columns: minmax(0, 1fr) 36px !important;
      align-content: start !important;
      gap: 8px !important;
    }

    

    .scan-top-actions .scan-save-btn {
      width: 36px !important;
      height: 36px !important;
    }

    .scan-top-chart-link {
      min-height: 34px !important;
      padding: 8px 12px !important;
      font-size: 12.5px !important;
      background: rgba(37, 99, 235, 0.16) !important;
      box-shadow: none !important;
    }

    

    

    

    .scan-card-grid {
      gap: 9px !important;
    }

    .scan-card-grid div {
      padding: 11px 12px !important;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      background: rgba(2, 6, 23, 0.34) !important;
    }

    

    .scan-card-grid span {
      font-size: 14.5px !important;
      line-height: 1.25 !important;
    }

    

    .scanner-context-panel,
    .scan-quick-plan {
      padding: 12px 13px !important;
      border: 0 !important;
      box-shadow: none !important;
      background: rgba(2, 6, 23, 0.28) !important;
    }

    .scanner-context-heading {
      font-size: 11.5px !important;
      margin-bottom: 9px !important;
    }

    .scanner-context-badge {
      font-size: 11.5px !important;
      padding: 5.5px 8.5px !important;
      box-shadow: none !important;
    }

    .scanner-plan-row {
      grid-template-columns: 70px minmax(0, 1fr) !important;
      gap: 14px !important;
      padding: 11px 0 !important;
      border: 0 !important;
      box-shadow: none !important;
      background:
        linear-gradient(90deg, rgba(147, 197, 253, 0.09), transparent 42%) left bottom / 100% 1px no-repeat !important;
    }

    .scanner-plan-row:last-child {
      background: transparent !important;
    }

    .scanner-plan-label {
      font-size: 11.5px !important;
    }

    .scanner-plan-value {
      font-size: 14.5px !important;
      line-height: 1.45 !important;
    }

    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row {
      padding-right: 2px !important;
      padding-bottom: 12px !important;
      margin-bottom: 13px !important;
    }

    .phase8a2-side-column #open-create-watchlist-modal-header,
    .phase8a2-side-column .watchlist-title-row .watchlist-header-add-btn {
      margin-right: 0 !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
      box-shadow: none !important;
      background: rgba(37, 99, 235, 0.18) !important;
    }

    .phase8a2-side-column .watchlist-folder {
      background: rgba(2, 6, 23, 0.20) !important;
      border: 0 !important;
      box-shadow: none !important;
      margin-bottom: 10px !important;
    }

    .phase8a2-side-column .watchlist-folder-header {
      padding: 10px 11px !important;
      background: rgba(15, 23, 42, 0.36) !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    

    .watchlist-mini-row {
      grid-template-columns: 48px minmax(0, 1fr) 132px !important;
      min-height: 50px !important;
      gap: 10px !important;
      padding: 8px 2px !important;
      border: 0 !important;
      box-shadow: none !important;
      background:
        linear-gradient(90deg, rgba(147, 197, 253, 0.075), transparent 45%) left bottom / 100% 1px no-repeat !important;
    }

    .watchlist-mini-row:last-child {
      background: transparent !important;
    }

    

    

    

    

    

    .home-news-item {
      padding: 13px 14px !important;
      border: 0 !important;
      box-shadow: none !important;
      background: rgba(2, 6, 23, 0.27) !important;
    }

    .phase8a2-side-column .home-news-headline {
      font-size: 13.5px !important;
      line-height: 1.36 !important;
    }

    .phase8a2-side-column .home-news-summary {
      font-size: 11.5px !important;
      line-height: 1.44 !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1320px) {

  }

  @media (min-width: 1024px) {

    #scanner-price-cap{
      border: 1px solid rgba(147, 197, 253, 0.38) !important;
      box-shadow:
        inset 0 0 0 1px rgba(2, 6, 23, 0.72),
        0 0 0 2px rgba(37, 99, 235, 0.08) !important;
      background: rgba(8, 13, 24, 0.86) !important;
    }

    #scanner-price-cap:hover,
    #scanner-price-cap:focus{
      border-color: rgba(96, 165, 250, 0.62) !important;
      box-shadow:
        inset 0 0 0 1px rgba(2, 6, 23, 0.72),
        0 0 0 3px rgba(37, 99, 235, 0.13) !important;
      outline: none !important;
    }

    

    .scan-top-chart-link:hover {
      border-color: rgba(147, 197, 253, 0.72) !important;
      background: rgba(37, 99, 235, 0.24) !important;
    }

    

    .phase8a2-side-column .watchlist-folder[data-list-name="Money Makers"],
    .card-watchlist .watchlist-folder[data-list-name="Money Makers"],
    .phase8a2-side-column .watchlist-folder[data-list-name="Stock Ideas"],
    .card-watchlist .watchlist-folder[data-list-name="Stock Ideas"] {
      border-color: rgba(96, 165, 250, 0.24) !important;
    }
  }

  @media (min-width: 1024px) {
    :root {
      --c-bg: #060b12;
      --c-panel: rgba(12, 18, 28, 0.92);
      --c-panel-2: rgba(15, 23, 36, 0.86);
      --c-panel-3: rgba(2, 6, 23, 0.28);
      --c-soft: rgba(148, 163, 184, 0.08);
      --c-soft-2: rgba(96, 165, 250, 0.14);
      --c-text: #f8fbff;
      --c-muted: #a8bdd3;
      --c-blue: #60a5fa;
    }

    body {
      background:
        radial-gradient(circle at 15% -5%, rgba(59, 130, 246, 0.14), transparent 32%),
        radial-gradient(circle at 86% 2%, rgba(16, 185, 129, 0.055), transparent 26%),
        linear-gradient(180deg, #070b12 0%, #050910 100%) !important;
      color: var(--c-text) !important;
      font-size: 15.5px !important;
    }

    .home-platform-bar {
      min-height: 78px !important;
      padding: 0 42px !important;
      background: rgba(7, 11, 18, 0.86) !important;
      border: 0 !important;
      box-shadow: 0 1px 0 rgba(148, 163, 184, 0.07), 0 18px 42px rgba(0,0,0,.18) !important;
    }

    .home-platform-logo {
      font-size: 34px !important;
      letter-spacing: -0.055em !important;
    }

    .home-search-area {
      width: min(760px, 48vw) !important;
    }

    .home-search-area .symbol-search {
      height: 48px !important;
      border-radius: 18px !important;
      border: 0 !important;
      background: rgba(255, 255, 255, 0.07) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.13) !important;
      font-size: 14px !important;
      padding-left: 18px !important;
    }

    .home-search-area .symbol-search:focus {
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.72), 0 0 0 4px rgba(37, 99, 235, .16) !important;
    }

    .home-search-area .add-symbol-btn {
      height: 48px !important;
      min-width: 90px !important;
      border-radius: 18px !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28) !important;
    }

    .home-menu-btn {
      width: 48px !important;
      height: 48px !important;
      border-radius: 18px !important;
      border: 0 !important;
      background: rgba(255,255,255,.055) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .13) !important;
    }

    .market-tape {
      height: 36px !important;
      border: 0 !important;
      background: rgba(4, 9, 20, 0.82) !important;
      box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.055), inset 0 -1px 0 rgba(148, 163, 184, 0.055) !important;
    }

    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 20px) !important;
      max-width: 2240px !important;
      padding-top: 18px !important;
      gap: 16px !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1.82fr) minmax(440px, 0.72fr) !important;
      gap: 16px !important;
    }

    .home-left-column,
    .home-right-column,
    .phase8a2-main-column,
    .phase8a2-side-column {
      gap: 16px !important;
    }

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card,
    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    .important-news-card {
      border: 0 !important;
      outline: 0 !important;
      border-radius: 28px !important;
      background:
        linear-gradient(180deg, rgba(17, 24, 37, 0.92), rgba(7, 12, 21, 0.94)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 18px 54px rgba(0, 0, 0, 0.16) !important;
    }

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card {
      padding: 24px 26px 22px !important;
      background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 38%),
        linear-gradient(180deg, rgba(17, 24, 37, 0.95), rgba(7, 12, 21, 0.94)) !important;
    }

    .home-portfolio-head {
      margin-bottom: 16px !important;
    }

    .home-portfolio-head h2,
    .scanner-card h2,
    #scanner-section.scanner-card h2,
    .card-watchlist h2,
    .important-news-card h2 {
      font-size: 24px !important;
      line-height: 1.1 !important;
      letter-spacing: -0.045em !important;
      font-weight: 950 !important;
      color: #f8fbff !important;
    }

    .home-portfolio-actions {
      gap: 10px !important;
    }

    .home-portfolio-link,
    .home-portfolio-details-btn {
      min-height: 40px !important;
      padding: 10px 16px !important;
      border-radius: 15px !important;
      border: 0 !important;
      background: rgba(37, 99, 235, 0.18) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.32) !important;
      color: #eaf2ff !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      text-decoration: none !important;
    }

    .home-portfolio-link:hover,
    .home-portfolio-details-btn:hover {
      background: rgba(37, 99, 235, 0.28) !important;
      box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.56) !important;
      transform: translateY(-1px) !important;
    }

    .home-portfolio-summary {
      gap: 12px !important;
    }

    .home-portfolio-stat,
    .home-portfolio-empty {
      min-height: 74px !important;
      border: 0 !important;
      border-radius: 20px !important;
      background: rgba(2, 6, 23, 0.30) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.045) !important;
      padding: 14px 16px !important;
    }

    .home-portfolio-stat-label {
      font-size: 11px !important;
      letter-spacing: .14em !important;
      color: #93c5fd !important;
      margin-bottom: 7px !important;
    }

    .home-portfolio-stat-value {
      font-size: 24px !important;
      line-height: 1.1 !important;
      letter-spacing: -0.035em !important;
    }

    .home-portfolio-chip {
      border: 0 !important;
      border-radius: 999px !important;
      background: rgba(2, 6, 23, 0.34) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08) !important;
      padding: 8px 11px !important;
    }

    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    .important-news-card {
      padding: 24px !important;
    }

    .scanner-card .section-title-row,
    #scanner-section.scanner-card .section-title-row,
    .phase8a2-side-column .watchlist-title-row,
    .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row,
    .important-news-card .section-title-row {
      min-height: 46px !important;
      padding: 0 !important;
      margin: 0 0 16px !important;
      border: 0 !important;
      box-shadow: none !important;
      align-items: center !important;
    }

    .scanner-toolbar-row {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 14px !important;
      margin: 0 0 14px !important;
      flex-wrap: wrap !important;
    }

    .scanner-toolbar-row .scanner-categories {
      gap: 9px !important;
      margin: 0 !important;
    }

    .scanner-categories button{
      min-height: 38px !important;
      padding: 9px 15px !important;
      border-radius: 999px !important;
      border: 0 !important;
      background: rgba(255, 255, 255, 0.055) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.10) !important;
      font-size: 13px !important;
      font-weight: 950 !important;
    }

    .scanner-categories button.active{
      background: rgba(37, 99, 235, 0.24) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.42) !important;
    }

    .scanner-toolbar-row label{
      display: none !important;
    }

    select[id*="price"]{
      height: 38px !important;
      min-width: 132px !important;
      border-radius: 15px !important;
      border: 0 !important;
      background: rgba(2, 6, 23, 0.34) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.34) !important;
      color: #f8fbff !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      padding: 0 13px !important;
    }

    .scan-meta.tradehub-load-meta,
    .scan-results-placeholder .scan-meta {
      border: 0 !important;
      background: transparent !important;
      padding: 4px 0 12px !important;
      color: rgba(147, 197, 253, 0.72) !important;
      font-size: 12.5px !important;
    }

    .scan-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 16px !important;
    }

    .scan-card {
      position: relative !important;
      border: 0 !important;
      border-radius: 24px !important;
      padding: 20px !important;
      gap: 13px !important;
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.09), transparent 36%),
        rgba(2, 6, 23, 0.31) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.045) !important;
      transition: transform 150ms ease, background 150ms ease, box-shadow 150ms ease !important;
    }

    .scan-card:hover {
      transform: translateY(-2px) !important;
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.13), transparent 36%),
        rgba(6, 11, 20, 0.44) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18), 0 16px 36px rgba(0, 0, 0, 0.18) !important;
    }

    .scan-card-top {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 142px !important;
      gap: 14px !important;
      align-items: start !important;
    }

    .scan-symbol {
      font-size: 27px !important;
      line-height: 1 !important;
      letter-spacing: -0.055em !important;
      color: #f8fbff !important;
    }

    .scan-name {
      font-size: 13px !important;
      color: #9cc9ff !important;
      margin-top: 3px !important;
    }

    .scan-read {
      font-size: 14px !important;
      line-height: 1.48 !important;
      color: #d8e8fb !important;
      max-width: 92% !important;
    }

    .scan-top-actions {
      display: grid !important;
      grid-template-columns: 1fr auto !important;
      gap: 8px !important;
      align-items: center !important;
      justify-items: end !important;
    }

    .scan-top-actions .callout-pill {
      grid-column: 1 / 2 !important;
      justify-self: end !important;
      max-width: 118px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    .scan-save-btn {
      grid-column: 2 / 3 !important;
      width: 34px !important;
      height: 34px !important;
      border-radius: 14px !important;
    }

    .scan-top-chart-link {
      grid-column: 1 / 3 !important;
      width: 100% !important;
      min-height: 34px !important;
      border-radius: 14px !important;
      border: 0 !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.42) !important;
      background: rgba(37, 99, 235, 0.13) !important;
      font-size: 12.5px !important;
      font-weight: 950 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .scan-card-grid.scan-card-grid-simple {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 9px !important;
      margin-top: 2px !important;
    }

    .scan-card-grid.scan-card-grid-simple > div {
      border: 0 !important;
      border-radius: 16px !important;
      padding: 11px 12px !important;
      background: rgba(2, 6, 23, 0.24) !important;
      box-shadow: none !important;
    }

    .scan-card-grid strong {
      color: #93c5fd !important;
      font-size: 10.5px !important;
      letter-spacing: .12em !important;
    }

    .scan-card-grid span {
      font-size: 14px !important;
    }

    .scan-plan {
      border: 0 !important;
      border-radius: 18px !important;
      background: rgba(15, 37, 70, 0.34) !important;
      box-shadow: none !important;
      padding: 12px 14px !important;
      font-size: 14px !important;
      line-height: 1.48 !important;
      color: #f2f7ff !important;
    }

    .scanner-context-badges{
      gap: 7px !important;
    }

    .scanner-plan-row {
      border: 0 !important;
      border-top: 1px solid rgba(148, 163, 184, 0.07) !important;
      padding: 11px 0 !important;
      font-size: 14px !important;
    }

    .scanner-plan-row:first-child {
      border-top: 0 !important;
    }

    .scanner-plan-row strong,
    .scanner-plan-label {
      color: #93c5fd !important;
      font-size: 11px !important;
      letter-spacing: .12em !important;
    }

    .scanner-plan-row span,
    .scanner-plan-value {
      color: #f3f8ff !important;
      font-size: 14px !important;
      line-height: 1.38 !important;
    }

    .phase8a2-side-column #open-create-watchlist-modal-header,
    .phase8a2-side-column .watchlist-title-row .watchlist-header-add-btn {
      width: 36px !important;
      height: 36px !important;
      border-radius: 14px !important;
      border: 0 !important;
      background: rgba(37, 99, 235, 0.18) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.42) !important;
    }

    .phase8a2-side-column .watchlist-folder,
    .card-watchlist .watchlist-folder {
      border: 0 !important;
      border-radius: 22px !important;
      background: rgba(2, 6, 23, 0.28) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18) !important;
      overflow: hidden !important;
      margin-bottom: 12px !important;
    }

    .phase8a2-side-column .watchlist-folder-header,
    .watchlist-folder-header {
      min-height: 48px !important;
      padding: 12px 14px !important;
      background: rgba(15, 23, 42, 0.30) !important;
      border: 0 !important;
    }

    .watchlist-folder-title {
      font-size: 14px !important;
      font-weight: 950 !important;
      color: #f8fbff !important;
    }

    .watchlist-mini-list {
      padding: 6px 10px 10px !important;
    }

    .watchlist-mini-row {
      grid-template-columns: 44px minmax(0, 1fr) auto !important;
      min-height: 58px !important;
      padding: 9px 0 !important;
      border: 0 !important;
      border-top: 1px solid rgba(148, 163, 184, 0.06) !important;
      background: transparent !important;
    }

    .watchlist-mini-row:first-child {
      border-top: 0 !important;
    }

    .watchlist-mini-symbol,
    .watchlist-mini-price {
      font-size: 14px !important;
      font-weight: 950 !important;
    }

    .watchlist-mini-name {
      font-size: 13px !important;
      line-height: 1.25 !important;
    }

    .watchlist-mini-subline {
      font-size: 10.5px !important;
      color: #8ea7bf !important;
      margin-top: 2px !important;
    }

    

    .watchlist-mini-row .callout-pill {
      max-width: 116px !important;
      font-size: 10.5px !important;
      padding: 4px 8px !important;
    }

    .watchlist-mini-row .remove-symbol-btn {
      opacity: 0.28 !important;
    }

    .important-news-card {
      padding: 24px 20px !important;
    }

    .important-news-card .home-news-list {
      gap: 9px !important;
    }

    .important-news-card .home-news-item {
      border: 0 !important;
      border-radius: 18px !important;
      background: rgba(2, 6, 23, 0.24) !important;
      box-shadow: none !important;
      padding: 13px 14px !important;
    }

    .important-news-card .home-news-headline {
      font-size: 13.5px !important;
      line-height: 1.35 !important;
    }

    .important-news-card .home-news-summary {
      font-size: 11.5px !important;
      line-height: 1.45 !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1320px) {
    

    
  }

  .tradehub-scanner-filters,
  #tradehub-scanner-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
  }

  #scanner-price-cap {
    appearance: none !important;
    -webkit-appearance: none !important;
    height: 40px !important;
    min-width: 142px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    background:
      linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(8, 13, 24, 0.96)),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    color: #f8fbff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    padding: 0 40px 0 14px !important;
    box-shadow:
      inset 0 0 0 1px rgba(2, 6, 23, 0.72),
      0 0 0 2px rgba(37, 99, 235, 0.07) !important;
    cursor: pointer !important;
    outline: none !important;
  }

  #scanner-price-cap:hover,
  #scanner-price-cap:focus {
    border-color: rgba(96, 165, 250, 0.72) !important;
    box-shadow:
      inset 0 0 0 1px rgba(2, 6, 23, 0.72),
      0 0 0 4px rgba(37, 99, 235, 0.14) !important;
  }

  

  @media (min-width: 1024px) {
    .scanner-toolbar-row {
      align-items: center !important;
    }

    .scanner-toolbar-row .scanner-categories {
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1.7fr) minmax(480px, 0.7fr) !important;
      align-items: start !important;
    }

    .card-watchlist {
      padding: 24px 20px !important;
    }

    .watchlist-mini-row {
      grid-template-columns: 48px minmax(0, 1fr) minmax(138px, auto) !important;
      column-gap: 12px !important;
    }

    .watchlist-mini-right {
      min-width: 138px !important;
      align-items: flex-end !important;
    }

    .watchlist-mini-row .callout-pill {
      max-width: 180px !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      line-height: 1.15 !important;
      text-align: right !important;
    }

    .watchlist-mini-name {
      max-width: none !important;
    }
  }

  @media (min-width: 1321px) and (max-width: 1500px) {
    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1.55fr) minmax(450px, 0.65fr) !important;
    }

    .scan-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1320px) {
    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 24px) !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    .phase8a2-side-column {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 16px !important;
      align-items: start !important;
    }

    .scan-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .watchlist-mini-row .callout-pill {
      max-width: 170px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1023px) {
    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 24px) !important;
      max-width: none !important;
      padding: 16px 0 32px !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid,
    .phase8a2-side-column {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 16px !important;
    }

    .scan-results-grid {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 760px) {
    .home-portfolio-details-btn,
    .home-portfolio-link {
      border: 1px solid rgba(96, 165, 250, 0.42) !important;
      background: rgba(37, 99, 235, 0.18) !important;
      color: #f8fbff !important;
      border-radius: 14px !important;
    }

    .tradehub-scanner-filters,
    #tradehub-scanner-filters {
      justify-content: flex-start !important;
      width: 100% !important;
      margin: 8px 0 0 !important;
    }

    #scanner-price-cap {
      width: 100% !important;
      max-width: 220px !important;
    }
  }

  #scanner-price-cap option {
    background: #08111f !important;
    color: #eef6ff !important;
    font-weight: 900 !important;
    padding: 10px 12px !important;
  }

  #scanner-price-cap option:hover,
  #scanner-price-cap option:focus,
  #scanner-price-cap option:checked {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.95), rgba(14, 165, 233, 0.72)) !important;
    color: #ffffff !important;
  }

  .scan-results-placeholder {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .scanner-state-card {
    position: relative;
    overflow: hidden;
    min-height: 118px;
    border-radius: 24px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: left;
    background:
      radial-gradient(circle at 20% 0%, rgba(96, 165, 250, 0.16), transparent 34%),
      linear-gradient(135deg, rgba(15, 23, 42, 0.56), rgba(2, 6, 23, 0.28));
    box-shadow:
      inset 0 0 0 1px rgba(96, 165, 250, 0.12),
      0 18px 42px rgba(0, 0, 0, 0.12);
    color: #f8fbff;
  }

  .scanner-state-card::after {
    content: "";
    position: absolute;
    inset: auto 18px 0 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.28), transparent);
  }

  .scanner-state-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #bfdbfe;
    font-size: 19px;
    font-weight: 950;
    background: rgba(37, 99, 235, 0.16);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.32);
  }

  .scanner-loading-pulse {
    background:
      radial-gradient(circle, rgba(96, 165, 250, 0.95) 0 28%, transparent 30%),
      rgba(37, 99, 235, 0.14);
    animation: tradehubScannerPulse 1.25s ease-in-out infinite;
  }

  @keyframes tradehubScannerPulse {
    0%, 100% { transform: scale(0.96); opacity: 0.72; }
    50% { transform: scale(1.04); opacity: 1; }
  }

  .scanner-state-copy {
    min-width: 0;
    max-width: 720px;
  }

  .scanner-state-title {
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.25;
  }

  .scanner-state-subtitle {
    margin-top: 5px;
    color: rgba(203, 222, 245, 0.78);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
  }

  .scanner-state-bars {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
  }

  .scanner-state-bars span {
    width: 8px;
    height: 28px;
    border-radius: 99px;
    background: rgba(96, 165, 250, 0.30);
    animation: tradehubScannerBars 1.05s ease-in-out infinite;
  }

  .scanner-state-bars span:nth-child(2) { animation-delay: 0.12s; }
  .scanner-state-bars span:nth-child(3) { animation-delay: 0.24s; }

  @keyframes tradehubScannerBars {
    0%, 100% { transform: scaleY(0.45); opacity: 0.55; }
    50% { transform: scaleY(1); opacity: 1; }
  }

  .scanner-state-action {
    margin-top: 0 !important;
    flex: 0 0 auto;
  }

  .scanner-empty-state {
    justify-content: center;
    text-align: left;
  }

  @media (min-width: 1024px) {
    .scan-top-actions {
      grid-template-columns: minmax(0, 1fr) 36px !important;
      align-items: start !important;
    }

    .scan-top-actions .callout-pill {
      max-width: none !important;
      min-width: 0 !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      line-height: 1.16 !important;
      text-align: right !important;
      justify-self: end !important;
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }

    .scan-top-chart-link {
      margin-top: 0 !important;
    }

    

    .scan-read {
      max-width: 100% !important;
    }

    .scanner-state-card {
      margin-top: 2px;
    }
  }

  @media (min-width: 1321px) and (max-width: 1540px) {
    
  }

  @media (max-width: 760px) {
    .scanner-state-card {
      min-height: 128px;
      align-items: flex-start;
      flex-direction: column;
      padding: 18px;
      text-align: left;
    }

    .scanner-state-action {
      width: 100%;
    }
  }

  #tradehub-scanner-filters,
  .tradehub-scanner-filters {
    position: relative !important;
    z-index: 35 !important;
  }

  .scanner-price-native {
    display: none !important;
  }

  .tradehub-price-select {
    position: relative;
    width: 146px;
    z-index: 50;
  }

  .tradehub-price-button {
    width: 100%;
    height: 40px;
    border: 1px solid rgba(96, 165, 250, 0.48);
    border-radius: 16px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #f8fbff;
    background: linear-gradient(135deg, rgba(13, 24, 44, 0.96), rgba(4, 10, 22, 0.98));
    box-shadow:
      inset 0 0 0 1px rgba(2, 6, 23, 0.80),
      0 0 0 2px rgba(37, 99, 235, 0.07);
    font-size: 13px;
    font-weight: 950;
    cursor: pointer;
  }

  .tradehub-price-button:hover,
  .tradehub-price-button:focus-visible,
  .tradehub-price-select.is-open .tradehub-price-button {
    border-color: rgba(96, 165, 250, 0.82);
    background: linear-gradient(135deg, rgba(18, 35, 64, 0.98), rgba(8, 18, 36, 0.98));
    box-shadow:
      inset 0 0 0 1px rgba(96, 165, 250, 0.12),
      0 0 0 4px rgba(37, 99, 235, 0.14);
    outline: none;
  }

  .tradehub-price-chevron {
    color: #93c5fd;
    font-size: 15px;
    line-height: 1;
    transform: translateY(-1px);
  }

  .tradehub-price-select.is-open .tradehub-price-chevron {
    transform: translateY(1px) rotate(180deg);
  }

  .tradehub-price-menu {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    width: 154px;
    padding: 6px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(8, 16, 31, 0.98), rgba(3, 8, 18, 0.99));
    border: 1px solid rgba(96, 165, 250, 0.32);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(255, 255, 255, 0.025);
    overflow: hidden;
    z-index: 400;
  }

  .tradehub-price-option {
    width: 100%;
    min-height: 34px;
    border: 0;
    border-radius: 11px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #e8f2ff;
    background: transparent;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
  }

  .tradehub-price-option:hover,
  .tradehub-price-option:focus-visible {
    background: linear-gradient(135deg, rgba(30, 64, 120, 0.92), rgba(14, 31, 62, 0.95));
    color: #ffffff;
    outline: none;
  }

  .tradehub-price-option.is-selected {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.34), rgba(14, 165, 233, 0.18));
    color: #ffffff;
  }

  .scanner-no-results-state {
    justify-content: center !important;
    text-align: center !important;
    gap: 18px !important;
  }

  .scanner-no-results-state .scanner-state-copy {
    max-width: 720px !important;
  }

  .scanner-no-results-state .scanner-state-action {
    margin-left: 0 !important;
  }

  @media (min-width: 1024px) {
    .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(212px, 236px) !important;
    }

    .scan-top-actions {
      grid-template-columns: minmax(0, 1fr) 36px !important;
      gap: 8px !important;
    }

    .scan-top-actions .callout-pill {
      max-width: 190px !important;
      min-width: 0 !important;
      width: auto !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      font-size: 10.75px !important;
      line-height: 1 !important;
      padding: 6px 9px !important;
      justify-self: end !important;
      text-align: center !important;
    }

    .scan-top-actions .callout-pill[title],
    .scan-top-actions .callout-pill:hover {
      overflow: visible !important;
    }

    .scan-top-chart-link {
      min-height: 34px !important;
    }
  }

  @media (min-width: 1321px) and (max-width: 1540px) {
    .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(196px, 218px) !important;
    }

    .scan-top-actions .callout-pill {
      max-width: 174px !important;
    }
  }

  @media (max-width: 760px) {
    

    
  }

  @media (min-width: 1361px) {
    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      grid-template-columns: minmax(0, 1.78fr) minmax(430px, 0.72fr) !important;
      align-items: start !important;
    }

    .phase8a2-side-column {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 18px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1360px) {
    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 28px) !important;
      max-width: none !important;
      padding: 16px 0 32px !important;
      gap: 16px !important;
    }

    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 16px !important;
      align-items: start !important;
    }

    .phase8a2-side-column,
    .home-right-column.phase8a2-side-column {
      display: contents !important;
    }

    .card-watchlist,
    #watchlist-section.card-watchlist {
      order: 1 !important;
    }

    .phase8a2-main-column,
    .home-left-column.phase8a2-main-column {
      order: 2 !important;
      display: grid !important;
      min-width: 0 !important;
    }

    .important-news-card,
    #news-section.important-news-card {
      order: 3 !important;
    }

    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    #watchlist-section.card-watchlist,
    .important-news-card,
    #news-section.important-news-card {
      width: 100% !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }

    .scanner-toolbar-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      flex-wrap: wrap !important;
    }

    .scanner-categories {
      flex: 1 1 620px !important;
      min-width: 0 !important;
    }

    #scanner-price-cap{
      flex: 0 0 auto !important;
      max-width: 180px !important;
    }

    .watchlist-mini-row {
      grid-template-columns: 54px minmax(220px, 1fr) minmax(88px, auto) minmax(170px, auto) 22px !important;
      column-gap: 14px !important;
    }

    .watchlist-mini-row .callout-pill,
    .watchlist-mini-row .badge,
    .watchlist-mini-row [class*="callout"] {
      max-width: none !important;
      white-space: normal !important;
      text-align: right !important;
      line-height: 1.12 !important;
    }
  }

  @media (min-width: 1101px) and (max-width: 1360px) {
    
  }

  @media (min-width: 761px) and (max-width: 1100px) {
    

    .home-portfolio-summary,
    #home-portfolio-summary.home-portfolio-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .watchlist-mini-row {
      grid-template-columns: 52px minmax(160px, 1fr) minmax(78px, auto) minmax(130px, auto) 22px !important;
    }
  }

  @media (max-width: 760px) {
    .phase8a2-dashboard-grid,
    .home-dashboard-grid.phase8a2-dashboard-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 14px !important;
    }

    .card-watchlist,
    #watchlist-section.card-watchlist {
      order: 1 !important;
    }

    

    .important-news-card,
    #news-section.important-news-card {
      order: 3 !important;
    }
  }

  .scan-top-actions .callout-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    min-width: 112px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  @media (min-width: 1361px) {
    .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(240px, 270px) !important;
    }

    .scan-top-actions {
      grid-template-columns: minmax(0, 1fr) 38px !important;
      gap: 9px !important;
    }

    .scan-top-actions .callout-pill {
      max-width: 224px !important;
      font-size: 12.25px !important;
    }

    .scan-save-btn {
      width: 38px !important;
      height: 38px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1360px) {
    .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(230px, 260px) !important;
    }

    .scan-top-actions .callout-pill {
      max-width: 216px !important;
      font-size: 12px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1100px) {
    
  }

  .card-watchlist .watchlist-folder {
    overflow: hidden !important;
  }

  .card-watchlist .watchlist-mini-list,
  .phase8a2-side-column .watchlist-mini-list {
    padding: 8px 10px 12px !important;
  }

  .card-watchlist .watchlist-mini-row,
  .phase8a2-side-column .watchlist-mini-row {
    width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: 56px minmax(0, 1fr) minmax(198px, 232px) !important;
    column-gap: 14px !important;
    min-height: 62px !important;
    padding: 10px 0 !important;
    align-items: center !important;
  }

  .card-watchlist .watchlist-mini-main,
  .phase8a2-side-column .watchlist-mini-main {
    min-width: 0 !important;
  }

  .card-watchlist .watchlist-mini-name,
  .phase8a2-side-column .watchlist-mini-name {
    font-size: 13.5px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card-watchlist .watchlist-mini-subline,
  .phase8a2-side-column .watchlist-mini-subline {
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card-watchlist .watchlist-mini-right,
  .phase8a2-side-column .watchlist-mini-right {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 22px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: end !important;
    row-gap: 6px !important;
  }

  .card-watchlist .watchlist-mini-right > div,
  .phase8a2-side-column .watchlist-mini-right > div {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .card-watchlist .watchlist-mini-price,
  .phase8a2-side-column .watchlist-mini-price {
    min-width: 72px !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    color: #f8fbff !important;
  }

  .card-watchlist .watchlist-mini-row .remove-symbol-btn,
  .phase8a2-side-column .watchlist-mini-row .remove-symbol-btn {
    position: static !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    opacity: 0.24 !important;
  }

  .card-watchlist .watchlist-mini-row:hover .remove-symbol-btn,
  .phase8a2-side-column .watchlist-mini-row:hover .remove-symbol-btn {
    opacity: 0.68 !important;
  }

  .card-watchlist .watchlist-mini-right .callout-pill,
  .phase8a2-side-column .watchlist-mini-right .callout-pill {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    max-width: 210px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: right !important;
    font-size: 10.75px !important;
    line-height: 1.05 !important;
    padding: 5px 9px !important;
  }

  @media (min-width: 1361px) {
    .card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 58px minmax(0, 1fr) minmax(215px, 246px) !important;
    }

    .card-watchlist .watchlist-mini-right .callout-pill,
    .phase8a2-side-column .watchlist-mini-right .callout-pill {
      max-width: 228px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1360px) {
    .card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 58px minmax(0, 1fr) minmax(220px, 270px) !important;
    }

    .card-watchlist .watchlist-mini-right .callout-pill,
    .phase8a2-side-column .watchlist-mini-right .callout-pill {
      max-width: 250px !important;
    }
  }

  @media (max-width: 760px) {
    

    .card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 54px minmax(0, 1fr) minmax(112px, auto) !important;
      column-gap: 10px !important;
    }

    .card-watchlist .watchlist-mini-right,
    .phase8a2-side-column .watchlist-mini-right {
      grid-template-columns: minmax(0, 1fr) 20px !important;
    }

    .card-watchlist .watchlist-mini-right .callout-pill,
    .phase8a2-side-column .watchlist-mini-right .callout-pill {
      max-width: 132px !important;
    }
  }

  .phase8a2-home-main,
  .home-main.phase8a2-home-main {
    max-width: 1800px !important;
    width: min(100% - 28px, 1800px) !important;
    box-sizing: border-box !important;
  }

  .scanner-card,
  #scanner-section.scanner-card,
  .card-watchlist,
  #watchlist-section.card-watchlist,
  .important-news-card,
  #news-section.important-news-card,
  .scan-card,
  .watchlist-folder {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .scan-top-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    grid-auto-rows: auto !important;
    gap: 9px !important;
    align-items: center !important;
    justify-items: end !important;
    min-width: 0 !important;
  }

  .scan-top-actions .callout-pill {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    min-width: 116px !important;
    max-width: 230px !important;
    min-height: 28px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
  }

  .scan-save-btn {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 999px !important;
  }

  .scan-top-chart-link,
  .scan-card a.scan-top-chart-link {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(96, 165, 250, 0.60) !important;
    background: rgba(37, 99, 235, 0.16) !important;
    color: #f8fbff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.34) !important;
  }

  .scan-top-chart-link:hover,
  .scan-card a.scan-top-chart-link:hover {
    background: rgba(37, 99, 235, 0.26) !important;
    border-color: rgba(147, 197, 253, 0.78) !important;
    color: #ffffff !important;
  }

  .scanner-context-panel {
    margin-top: 12px !important;
    padding: 14px 14px !important;
    border-radius: 18px !important;
    background: rgba(2, 6, 23, 0.22) !important;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.035) !important;
  }

  .scanner-context-heading {
    margin-bottom: 8px !important;
    color: #93c5fd !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }

  .scanner-context-badges {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .scanner-context-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    max-width: 100% !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    color: #dbeafe !important;
    background: rgba(30, 41, 59, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18) !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .scanner-context-badge[data-tone="good"] {
    color: #b8ffd1 !important;
    background: rgba(16, 185, 129, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.30) !important;
  }

  .scanner-context-badge[data-tone="caution"] {
    color: #ffe9a8 !important;
    background: rgba(245, 158, 11, 0.15) !important;
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.30) !important;
  }

  .scanner-context-badge[data-tone="risk"] {
    color: #fecaca !important;
    background: rgba(239, 68, 68, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.28) !important;
  }

  .scan-quick-plan {
    margin-top: 12px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(2, 6, 23, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.04) !important;
  }

  .scanner-plan-list {
    display: grid !important;
    width: 100% !important;
  }

  .scanner-plan-row {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 10px 12px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.08) !important;
  }

  .scanner-plan-row:first-child {
    border-top: 0 !important;
  }

  .scanner-plan-label {
    color: #93c5fd !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }

  .scanner-plan-value {
    min-width: 0 !important;
    color: #f8fbff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.34 !important;
  }

  .card-watchlist .watchlist-mini-row,
  .phase8a2-side-column .watchlist-mini-row {
    display: grid !important;
    align-items: center !important;
  }

  .card-watchlist .watchlist-mini-right,
  .phase8a2-side-column .watchlist-mini-right {
    justify-self: stretch !important;
  }

  .card-watchlist .watchlist-mini-price,
  .phase8a2-side-column .watchlist-mini-price {
    margin-left: auto !important;
    text-align: right !important;
  }

  @media (min-width: 1101px) and (max-width: 1360px) {
    .scan-results-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 16px !important;
    }

    .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(225px, 255px) !important;
      gap: 16px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1100px) {
    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: calc(100vw - 24px) !important;
      max-width: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .home-platform-bar {
      min-height: 68px !important;
      padding: 0 28px !important;
      gap: 18px !important;
    }

    .home-platform-logo {
      font-size: 30px !important;
      flex: 0 0 auto !important;
    }

    .home-search-area {
      width: auto !important;
      flex: 1 1 auto !important;
      min-width: 260px !important;
    }

    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    #watchlist-section.card-watchlist,
    .important-news-card,
    #news-section.important-news-card {
      padding: 24px !important;
      border-radius: 24px !important;
    }

    .scanner-toolbar-row {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 14px !important;
      align-items: center !important;
    }

    .scanner-categories {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 9px !important;
      min-width: 0 !important;
    }

    #tradehub-scanner-filters,
    .tradehub-scanner-filters {
      justify-self: end !important;
      margin: 0 !important;
    }

    .scan-results-grid {
      grid-template-columns: 1fr !important;
      gap: 16px !important;
    }

    .scan-card {
      padding: 22px !important;
      border-radius: 24px !important;
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.34) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.045) !important;
    }

    .scan-card-top {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 250px) !important;
      gap: 16px !important;
      align-items: start !important;
    }

    .scan-read {
      max-width: none !important;
      font-size: 14px !important;
      line-height: 1.45 !important;
    }

    .scan-card-grid.scan-card-grid-simple,
    .scan-card-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    .scan-plan {
      border-radius: 16px !important;
      padding: 12px 14px !important;
      background: rgba(15, 44, 78, 0.34) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.16) !important;
    }

    .card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 58px minmax(0, 1fr) minmax(220px, 270px) !important;
      column-gap: 14px !important;
      min-height: 60px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 920px) {
    .home-platform-bar {
      padding: 0 18px !important;
      gap: 12px !important;
    }

    .home-platform-logo {
      font-size: 26px !important;
    }

    .home-search-area {
      min-width: 220px !important;
    }

    .scanner-toolbar-row {
      grid-template-columns: 1fr !important;
      align-items: start !important;
    }

    #tradehub-scanner-filters,
    .tradehub-scanner-filters {
      justify-self: start !important;
    }

    .scan-card-top {
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }

    .scan-top-actions {
      display: grid !important;
      grid-template-columns: auto 38px minmax(150px, 220px) !important;
      justify-content: end !important;
      align-items: center !important;
      width: 100% !important;
    }

    .scan-top-actions .callout-pill {
      grid-column: 1 / 2 !important;
      grid-row: 1 !important;
      justify-self: end !important;
      max-width: 200px !important;
    }

    .scan-save-btn {
      grid-column: 2 / 3 !important;
      grid-row: 1 !important;
    }

    .scan-top-chart-link,
    .scan-card a.scan-top-chart-link {
      grid-column: 3 / 4 !important;
      grid-row: 1 !important;
      min-width: 150px !important;
    }

    .scan-card-grid.scan-card-grid-simple,
    .scan-card-grid {
      grid-template-columns: 1fr !important;
    }

    .scanner-plan-row {
      grid-template-columns: 72px minmax(0, 1fr) !important;
    }

    .card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 56px minmax(0, 1fr) minmax(180px, 230px) !important;
    }
  }

  .card-watchlist,
  #watchlist-section.card-watchlist {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .card-watchlist .watchlist-title-row,
  #watchlist-section.card-watchlist .watchlist-title-row,
  .phase8a2-side-column .watchlist-title-row,
  .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  .card-watchlist .watchlist-folder,
  #watchlist-section.card-watchlist .watchlist-folder,
  .phase8a2-side-column .watchlist-folder {
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at top right, rgba(37, 99, 235, 0.09), transparent 36%),
      rgba(2, 6, 23, 0.24) !important;
    box-shadow:
      inset 0 0 0 1px rgba(2, 6, 23, 0.42),
      0 14px 34px rgba(0, 0, 0, 0.14) !important;
  }

  .card-watchlist .watchlist-folder-header,
  #watchlist-section.card-watchlist .watchlist-folder-header,
  .phase8a2-side-column .watchlist-folder-header {
    min-height: 50px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.58), rgba(11, 18, 30, 0.40)) !important;
    border: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(147, 197, 253, 0.08) !important;
  }

  .card-watchlist .watchlist-folder-main,
  #watchlist-section.card-watchlist .watchlist-folder-main,
  .phase8a2-side-column .watchlist-folder-main {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 9px !important;
  }

  .card-watchlist .watchlist-folder-toggle,
  #watchlist-section.card-watchlist .watchlist-folder-toggle,
  .phase8a2-side-column .watchlist-folder-toggle {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
    color: #f8fbff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
  }

  .card-watchlist .watchlist-mini-list,
  #watchlist-section.card-watchlist .watchlist-mini-list,
  .phase8a2-side-column .watchlist-mini-list {
    display: grid !important;
    gap: 0 !important;
    padding: 0 14px 13px !important;
    min-width: 0 !important;
  }

  .card-watchlist .watchlist-mini-row,
  #watchlist-section.card-watchlist .watchlist-mini-row,
  .phase8a2-side-column .watchlist-mini-row {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) minmax(250px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 64px !important;
    padding: 11px 0 !important;
    border: 0 !important;
    background:
      linear-gradient(90deg, rgba(147, 197, 253, 0.075), transparent 46%) left bottom / 100% 1px no-repeat !important;
    box-shadow: none !important;
  }

  .card-watchlist .watchlist-mini-row:last-child,
  #watchlist-section.card-watchlist .watchlist-mini-row:last-child,
  .phase8a2-side-column .watchlist-mini-row:last-child {
    background: transparent !important;
  }

  .card-watchlist .watchlist-mini-symbol,
  #watchlist-section.card-watchlist .watchlist-mini-symbol,
  .phase8a2-side-column .watchlist-mini-symbol {
    color: #f8fbff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
  }

  .card-watchlist .watchlist-mini-main,
  #watchlist-section.card-watchlist .watchlist-mini-main,
  .phase8a2-side-column .watchlist-mini-main {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .card-watchlist .watchlist-mini-name,
  #watchlist-section.card-watchlist .watchlist-mini-name,
  .phase8a2-side-column .watchlist-mini-name {
    color: #f8fbff !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card-watchlist .watchlist-mini-subline,
  #watchlist-section.card-watchlist .watchlist-mini-subline,
  .phase8a2-side-column .watchlist-mini-subline {
    margin-top: 3px !important;
    color: #9fb8d8 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card-watchlist .watchlist-mini-right,
  #watchlist-section.card-watchlist .watchlist-mini-right,
  .phase8a2-side-column .watchlist-mini-right {
    justify-self: end !important;
    align-self: center !important;
    min-width: 250px !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(72px, auto) 24px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: end !important;
    justify-items: end !important;
    gap: 5px 8px !important;
  }

  .card-watchlist .watchlist-mini-right > div,
  #watchlist-section.card-watchlist .watchlist-mini-right > div,
  .phase8a2-side-column .watchlist-mini-right > div {
    grid-column: 1 / 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .card-watchlist .watchlist-mini-price,
  #watchlist-section.card-watchlist .watchlist-mini-price,
  .phase8a2-side-column .watchlist-mini-price {
    color: #f8fbff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    min-width: 82px !important;
    text-align: right !important;
    margin-left: auto !important;
  }

  .card-watchlist .watchlist-mini-row .callout-pill,
  #watchlist-section.card-watchlist .watchlist-mini-row .callout-pill,
  .phase8a2-side-column .watchlist-mini-row .callout-pill {
    grid-column: 1 / 3 !important;
    justify-self: end !important;
    max-width: min(240px, 100%) !important;
    min-height: 23px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .card-watchlist .watchlist-mini-row .remove-symbol-btn,
  #watchlist-section.card-watchlist .watchlist-mini-row .remove-symbol-btn,
  .phase8a2-side-column .watchlist-mini-row .remove-symbol-btn {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    opacity: 0.28 !important;
    margin: 0 !important;
  }

  .card-watchlist .watchlist-mini-row:hover .remove-symbol-btn,
  #watchlist-section.card-watchlist .watchlist-mini-row:hover .remove-symbol-btn,
  .phase8a2-side-column .watchlist-mini-row:hover .remove-symbol-btn {
    opacity: 0.85 !important;
  }

  @media (min-width: 761px) and (max-width: 1320px) {
    .card-watchlist,
    #watchlist-section.card-watchlist,
    .phase8a2-side-column .card-watchlist {
      padding: 24px !important;
      border-radius: 26px !important;
      background: linear-gradient(180deg, rgba(17, 24, 36, 0.96), rgba(7, 12, 21, 0.965)) !important;
      box-shadow: 0 22px 56px rgba(0, 0, 0, 0.16) !important;
    }

    .card-watchlist .watchlist-mini-row,
    #watchlist-section.card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 62px minmax(0, 1fr) minmax(250px, 300px) !important;
    }
  }

  @media (min-width: 761px) and (max-width: 920px) {
    .card-watchlist .watchlist-mini-row,
    #watchlist-section.card-watchlist .watchlist-mini-row,
    .phase8a2-side-column .watchlist-mini-row {
      grid-template-columns: 58px minmax(0, 1fr) minmax(190px, 235px) !important;
      gap: 11px !important;
    }

    .card-watchlist .watchlist-mini-right,
    #watchlist-section.card-watchlist .watchlist-mini-right,
    .phase8a2-side-column .watchlist-mini-right {
      min-width: 190px !important;
    }

    .card-watchlist .watchlist-mini-row .callout-pill,
    #watchlist-section.card-watchlist .watchlist-mini-row .callout-pill,
    .phase8a2-side-column .watchlist-mini-row .callout-pill {
      max-width: 190px !important;
    }
  }

  @media (max-width: 760px) {
    .card-watchlist,
    #watchlist-section.card-watchlist {
      padding: 18px !important;
      border-radius: 22px !important;
      background: linear-gradient(180deg, rgba(17, 24, 36, 0.96), rgba(7, 12, 21, 0.965)) !important;
    }

    .card-watchlist .watchlist-folder,
    #watchlist-section.card-watchlist .watchlist-folder {
      border-radius: 18px !important;
    }

    .card-watchlist .watchlist-mini-list,
    #watchlist-section.card-watchlist .watchlist-mini-list {
      padding: 0 12px 12px !important;
    }

    .card-watchlist .watchlist-mini-row,
    #watchlist-section.card-watchlist .watchlist-mini-row {
      grid-template-columns: 52px minmax(0, 1fr) !important;
      gap: 10px !important;
      align-items: start !important;
      min-height: 76px !important;
      padding: 12px 0 !important;
    }

    .card-watchlist .watchlist-mini-right,
    #watchlist-section.card-watchlist .watchlist-mini-right {
      grid-column: 2 / 3 !important;
      min-width: 0 !important;
      width: 100% !important;
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 6px 10px !important;
      margin-top: 6px !important;
    }

    .card-watchlist .watchlist-mini-right > div,
    #watchlist-section.card-watchlist .watchlist-mini-right > div {
      width: auto !important;
      display: inline-flex !important;
    }

    .card-watchlist .watchlist-mini-price,
    #watchlist-section.card-watchlist .watchlist-mini-price {
      min-width: 0 !important;
      font-size: 13px !important;
    }

    .card-watchlist .watchlist-mini-row .callout-pill,
    #watchlist-section.card-watchlist .watchlist-mini-row .callout-pill {
      max-width: 170px !important;
      justify-self: start !important;
    }
  }

  #portfolio-section .home-portfolio-details-btn,
  #portfolio-section #home-portfolio-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: rgba(37, 99, 235, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.36) !important;
    color: #eaf2ff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
  }

  #portfolio-section .home-portfolio-details-btn:hover,
  #portfolio-section .home-portfolio-details-btn:focus-visible,
  #portfolio-section #home-portfolio-toggle:hover,
  #portfolio-section #home-portfolio-toggle:focus-visible {
    background: rgba(37, 99, 235, 0.28) !important;
    box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.58), 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
    color: #ffffff !important;
    outline: none !important;
    transform: translateY(-1px) !important;
  }

  @media (min-width: 761px) and (max-width: 1360px) {
    #portfolio-section .home-portfolio-head {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      text-align: left !important;
    }

    #portfolio-section .home-portfolio-head h2 {
      width: auto !important;
      text-align: left !important;
    }

    #portfolio-section .home-portfolio-actions {
      width: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex-wrap: nowrap !important;
      gap: 10px !important;
    }
  }

  #scanner-section #tradehub-scanner-filters,
  #scanner-section .tradehub-scanner-filters {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  #scanner-section .tradehub-price-select {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  #scanner-section .tradehub-price-button {
    border: 1px solid rgba(96, 165, 250, 0.52) !important;
    background: linear-gradient(135deg, rgba(12, 23, 43, 0.98), rgba(4, 10, 22, 0.99)) !important;
    box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.72), 0 0 0 2px rgba(37, 99, 235, 0.06) !important;
  }

  #scanner-section .tradehub-price-button:hover,
  #scanner-section .tradehub-price-button:focus-visible,
  #scanner-section .tradehub-price-select.is-open .tradehub-price-button {
    border-color: rgba(96, 165, 250, 0.86) !important;
    background: linear-gradient(135deg, rgba(18, 35, 64, 1), rgba(8, 18, 36, 1)) !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.12), 0 0 0 4px rgba(37, 99, 235, 0.14) !important;
  }

  #news-section.important-news-card {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 36%),
      linear-gradient(180deg, rgba(17, 24, 37, 0.94), rgba(7, 12, 21, 0.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 54px rgba(0, 0, 0, 0.16) !important;
  }

  #news-section.important-news-card .section-title-row {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
  }

  #news-section .home-news-list {
    gap: 12px !important;
  }

  #news-section .home-news-item {
    border: 0 !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at top left, rgba(96, 165, 250, 0.075), transparent 38%),
      rgba(2, 6, 23, 0.34) !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.075) !important;
    padding: 16px !important;
  }

  #news-section .home-news-item:hover {
    transform: translateY(-1px) !important;
    background:
      radial-gradient(circle at top left, rgba(96, 165, 250, 0.12), transparent 40%),
      rgba(8, 18, 36, 0.52) !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22), 0 14px 34px rgba(0, 0, 0, 0.16) !important;
  }

  #news-section .home-news-headline {
    color: #f8fbff !important;
    font-size: 14.5px !important;
    line-height: 1.32 !important;
  }

  #news-section .home-news-meta,
  #news-section #home-news-status {
    color: rgba(147, 197, 253, 0.84) !important;
  }

  #news-section .home-news-summary {
    color: #b7c9df !important;
    font-size: 12.5px !important;
    line-height: 1.48 !important;
  }

  @media (min-width: 761px) and (max-width: 1100px) {
    #news-section .home-news-list {
      grid-template-columns: 1fr !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1360px) {

    #watchlist-section.card-watchlist .section-title-row.watchlist-title-row,
    #watchlist-section.card-watchlist .watchlist-title-row,
    .card-watchlist .section-title-row.watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 14px !important;
      min-height: 42px !important;
      margin: 0 0 14px !important;
      padding: 0 !important;
      text-align: left !important;
    }

    #watchlist-section.card-watchlist .watchlist-title-row h2,
    .card-watchlist .watchlist-title-row h2 {
      flex: 1 1 auto !important;
      width: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      justify-self: auto !important;
      text-align: left !important;
      line-height: 1.05 !important;
    }

    #watchlist-section.card-watchlist .watchlist-header-add-btn,
    #watchlist-section.card-watchlist #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      position: static !important;
      top: auto !important;
      right: auto !important;
      transform: none !important;
      margin: 0 0 0 auto !important;
      align-self: center !important;
      flex: 0 0 38px !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
    }

    

    #scanner-section.scanner-card .section-title-row h2,
    .scanner-card .section-title-row h2 {
      flex: 1 1 auto !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important;
      line-height: 1.06 !important;
    }

    #scanner-updated-mini {
      flex: 0 0 auto !important;
      margin: 0 !important;
      padding: 0 !important;
      align-self: center !important;
      text-align: right !important;
      line-height: 1.2 !important;
    }

    .scan-card .scan-card-top {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
      grid-template-areas:
        "scan-title scan-actions"
        "scan-name scan-actions"
        "scan-read scan-read" !important;
      column-gap: 20px !important;
      row-gap: 3px !important;
      align-items: start !important;
      margin-bottom: 14px !important;
    }

    .scan-card .scan-card-top > div:first-child {
      display: contents !important;
    }

    .scan-card .scan-symbol {
      grid-area: scan-title !important;
      align-self: start !important;
      margin: 0 !important;
    }

    .scan-card .scan-name {
      grid-area: scan-name !important;
      margin: 0 !important;
    }

    .scan-card .scan-read {
      grid-area: scan-read !important;
      margin: 7px 0 0 !important;
      max-width: none !important;
    }

    .scan-card .scan-top-actions {
      grid-area: scan-actions !important;
      align-self: start !important;
      justify-self: end !important;
      width: min(100%, 330px) !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 38px !important;
      grid-template-areas:
        "badge save"
        "chart chart" !important;
      gap: 8px !important;
      margin: 0 !important;
    }

    .scan-card .scan-top-actions .callout-pill {
      grid-area: badge !important;
      justify-self: end !important;
      align-self: center !important;
      min-height: 30px !important;
      min-width: 128px !important;
      max-width: 250px !important;
      padding: 7px 13px !important;
      font-size: 12.25px !important;
      line-height: 1.12 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .scan-card .scan-save-btn {
      grid-area: save !important;
      justify-self: end !important;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
    }

    .scan-card .scan-top-chart-link {
      grid-area: chart !important;
      width: 100% !important;
      min-height: 36px !important;
      margin: 0 !important;
    }
  }

  @media (min-width: 761px) and (max-width: 980px) {
    .scan-card .scan-card-top {
      grid-template-columns: minmax(0, 1fr) minmax(260px, 280px) !important;
      column-gap: 16px !important;
    }

    .scan-card .scan-top-actions {
      width: min(100%, 280px) !important;
    }

    .scan-card .scan-top-actions .callout-pill {
      max-width: 212px !important;
      min-width: 118px !important;
    }
  }

  @media (max-width: 760px) {

    #watchlist-section.card-watchlist .watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      margin: 0 0 14px !important;
      text-align: left !important;
    }

    #watchlist-section.card-watchlist .watchlist-title-row h2,
    .card-watchlist .watchlist-title-row h2 {
      text-align: left !important;
      margin: 0 !important;
    }

    #watchlist-section.card-watchlist .watchlist-header-add-btn,
    #watchlist-section.card-watchlist #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      position: static !important;
      margin-left: auto !important;
      transform: none !important;
    }

    #scanner-section.scanner-card .section-title-row,
    .scanner-card .section-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      margin: 0 0 14px !important;
      text-align: left !important;
    }
  }

  @media (min-width: 761px) and (max-width: 1360px) {

    #watchlist-section.card-watchlist {
      position: relative !important;
      padding-top: 24px !important;
    }

    #watchlist-section.card-watchlist .section-title-row.watchlist-title-row,
    #watchlist-section.card-watchlist .watchlist-title-row,
    .card-watchlist .section-title-row.watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      position: static !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 40px !important;
      margin: 0 52px 18px !important;
      padding: 0 !important;
      text-align: center !important;
    }

    #watchlist-section.card-watchlist .watchlist-title-row h2,
    .card-watchlist .watchlist-title-row h2 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: center !important;
      line-height: 1.05 !important;
    }

    #watchlist-section.card-watchlist .watchlist-header-add-btn,
    #watchlist-section.card-watchlist #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      position: absolute !important;
      top: 22px !important;
      right: 24px !important;
      transform: none !important;
      margin: 0 !important;
      z-index: 4 !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    #scanner-section.scanner-card .section-title-row,
    .scanner-card .section-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      min-height: 30px !important;
      margin: 0 0 8px !important;
      padding: 0 !important;
      text-align: left !important;
    }

    #scanner-section.scanner-card .section-title-row h2,
    .scanner-card .section-title-row h2 {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.05 !important;
      text-align: left !important;
    }

    #scanner-updated-mini {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.1 !important;
      align-self: center !important;
      white-space: nowrap !important;
    }

    #scanner-section.scanner-card .scanner-toolbar-row,
    .scanner-card .scanner-toolbar-row {
      margin-top: 0 !important;
      margin-bottom: 10px !important;
    }
  }

  @media (min-width: 761px) and (max-width: 980px) {
    #watchlist-section.card-watchlist {
      padding-top: 22px !important;
    }

    #watchlist-section.card-watchlist .watchlist-header-add-btn,
    #watchlist-section.card-watchlist #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      top: 20px !important;
      right: 22px !important;
    }

    #watchlist-section.card-watchlist .section-title-row.watchlist-title-row,
    #watchlist-section.card-watchlist .watchlist-title-row,
    .card-watchlist .section-title-row.watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      margin-bottom: 16px !important;
    }

    #scanner-section.scanner-card .section-title-row,
    .scanner-card .section-title-row {
      margin-bottom: 6px !important;
    }
  }

  @media (max-width: 760px) {
    html,
    body {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: hidden !important;
      background: #070b12 !important;
    }

    .app {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: hidden !important;
      padding: 0 !important;
    }

    .home-platform-bar {
      position: sticky !important;
      top: 0 !important;
      z-index: 90 !important;
      min-height: 118px !important;
      height: auto !important;
      padding: 14px 14px 12px !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas:
        "logo menu"
        "search search" !important;
      align-items: center !important;
      gap: 12px !important;
      background: rgba(7, 11, 18, 0.96) !important;
      border-bottom: 1px solid rgba(96, 165, 250, 0.14) !important;
      backdrop-filter: blur(14px) !important;
    }

    .home-platform-logo {
      grid-area: logo !important;
      font-size: 28px !important;
      line-height: 1 !important;
      letter-spacing: -0.045em !important;
      margin: 0 !important;
      min-width: 0 !important;
    }

    .home-menu-wrap {
      grid-area: menu !important;
      justify-self: end !important;
      position: relative !important;
      z-index: 120 !important;
    }

    .home-menu-btn {
      width: 42px !important;
      height: 42px !important;
      border-radius: 16px !important;
      background: rgba(15, 23, 42, 0.72) !important;
      border: 1px solid rgba(96, 165, 250, 0.22) !important;
      color: #f8fbff !important;
      box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.40) !important;
    }

    .home-menu-dropdown {
      right: 0 !important;
      top: calc(100% + 10px) !important;
      min-width: 220px !important;
      border-radius: 18px !important;
      background: linear-gradient(180deg, rgba(8, 16, 31, 0.98), rgba(3, 8, 18, 0.99)) !important;
      border: 1px solid rgba(96, 165, 250, 0.30) !important;
      box-shadow: 0 24px 54px rgba(0, 0, 0, 0.55) !important;
      overflow: hidden !important;
    }

    .home-search-area {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 10px !important;
    }

    .home-search-area .symbol-search-wrap {
      min-width: 0 !important;
      width: 100% !important;
    }

    .home-search-area .symbol-search {
      height: 44px !important;
      width: 100% !important;
      border-radius: 16px !important;
      font-size: 14px !important;
      padding: 0 14px !important;
      background: rgba(255, 255, 255, 0.065) !important;
      border: 1px solid rgba(120, 139, 161, 0.20) !important;
    }

    .home-search-area .add-symbol-btn,
    #add-symbol-btn.add-symbol-btn {
      height: 44px !important;
      min-width: 76px !important;
      padding: 0 16px !important;
      border-radius: 16px !important;
      font-size: 13px !important;
      font-weight: 950 !important;
    }

    .symbol-suggestions {
      position: absolute !important;
      top: calc(100% + 8px) !important;
      left: 0 !important;
      right: 0 !important;
      max-height: 280px !important;
      overflow-y: auto !important;
      z-index: 200 !important;
      border-radius: 16px !important;
    }

    .market-tape {
      height: 30px !important;
      min-height: 30px !important;
      overflow: hidden !important;
      border-bottom: 1px solid rgba(96, 165, 250, 0.10) !important;
    }

    .market-tape-track,
    .market-tape-item {
      min-height: 30px !important;
      font-size: 12px !important;
      line-height: 30px !important;
    }

    .phase8a2-home-main,
    .home-main.phase8a2-home-main {
      width: 100% !important;
      max-width: none !important;
      padding: 12px 10px 28px !important;
      display: grid !important;
      gap: 14px !important;
      overflow-x: hidden !important;
    }

    .home-dashboard-grid.phase8a2-dashboard-grid,
    .phase8a2-dashboard-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 14px !important;
      width: 100% !important;
      min-width: 0 !important;
    }

    .phase8a2-side-column,
    .home-right-column.phase8a2-side-column {
      display: contents !important;
    }

    #watchlist-section.card-watchlist {
      order: 1 !important;
    }

    .phase8a2-main-column,
    .home-left-column.phase8a2-main-column {
      order: 2 !important;
      min-width: 0 !important;
      width: 100% !important;
    }

    #news-section.important-news-card {
      order: 3 !important;
    }

    .home-status-compact {
      display: none !important;
    }

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card,
    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    #watchlist-section.card-watchlist,
    .important-news-card,
    #news-section.important-news-card {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      padding: 18px !important;
      border-radius: 24px !important;
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 38%),
        linear-gradient(180deg, rgba(17, 24, 36, 0.96), rgba(7, 12, 21, 0.965)) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.17), inset 0 0 0 1px rgba(96, 165, 250, 0.10) !important;
      overflow: hidden !important;
    }

    #portfolio-section .home-portfolio-head,
    .home-portfolio-head {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 14px !important;
      margin: 0 0 14px !important;
      text-align: left !important;
    }

    #portfolio-section .home-portfolio-head h2,
    .home-portfolio-head h2 {
      text-align: left !important;
      font-size: 23px !important;
      line-height: 1 !important;
      margin: 0 !important;
    }

    #portfolio-section .home-portfolio-actions,
    .home-portfolio-actions {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 10px !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #portfolio-section .home-portfolio-details-btn,
    #portfolio-section #home-portfolio-toggle,
    #portfolio-section .home-portfolio-link {
      width: 100% !important;
      min-height: 42px !important;
      border-radius: 15px !important;
      border: 1px solid rgba(96, 165, 250, 0.44) !important;
      background: rgba(37, 99, 235, 0.18) !important;
      color: #f8fbff !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-decoration: none !important;
      box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.32) !important;
      appearance: none !important;
      -webkit-appearance: none !important;
    }

    .home-portfolio-summary,
    #home-portfolio-summary.home-portfolio-summary {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
      width: 100% !important;
    }

    .home-portfolio-stat,
    .home-portfolio-empty {
      min-height: 72px !important;
      padding: 13px !important;
      border-radius: 17px !important;
      background: rgba(2, 6, 23, 0.28) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.07) !important;
    }

    .home-portfolio-stat-label {
      font-size: 10px !important;
      letter-spacing: 0.12em !important;
      line-height: 1.1 !important;
    }

    

    .home-portfolio-compact-list {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin-top: 12px !important;
    }

    .home-portfolio-chip {
      min-height: 32px !important;
      border-radius: 999px !important;
      padding: 7px 10px !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }

    .home-portfolio-grid {
      gap: 10px !important;
      margin-top: 12px !important;
    }

    #watchlist-section.card-watchlist {
      position: relative !important;
      padding-top: 18px !important;
    }

    #watchlist-section .watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      margin: 0 0 14px !important;
      padding: 0 !important;
      min-height: 40px !important;
      text-align: left !important;
    }

    

    #watchlist-section .watchlist-header-add-btn,
    #watchlist-section #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      position: static !important;
      transform: none !important;
      margin: 0 !important;
      width: 40px !important;
      min-width: 40px !important;
      height: 40px !important;
      min-height: 40px !important;
      border-radius: 15px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: rgba(37, 99, 235, 0.20) !important;
      border: 1px solid rgba(96, 165, 250, 0.44) !important;
      color: #dbeafe !important;
      box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.34) !important;
    }

    #watchlist-section .watchlist-folder,
    .card-watchlist .watchlist-folder {
      border-radius: 18px !important;
      border: 1px solid rgba(96, 165, 250, 0.22) !important;
      background: rgba(2, 6, 23, 0.24) !important;
      overflow: hidden !important;
    }

    #watchlist-section .watchlist-folder-header,
    .card-watchlist .watchlist-folder-header {
      min-height: 48px !important;
      padding: 12px 13px !important;
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.58), rgba(11, 18, 30, 0.38)) !important;
      box-shadow: inset 0 -1px 0 rgba(147, 197, 253, 0.08) !important;
    }

    #watchlist-section .watchlist-folder-toggle,
    .card-watchlist .watchlist-folder-toggle {
      font-size: 14px !important;
      font-weight: 950 !important;
      color: #f8fbff !important;
    }

    

    

    #watchlist-section .watchlist-mini-symbol,
    .card-watchlist .watchlist-mini-symbol {
      font-size: 13px !important;
      font-weight: 950 !important;
      color: #f8fbff !important;
    }

    

    

    

    

    

    

    

    #scanner-section .section-title-row,
    .scanner-card .section-title-row {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 6px !important;
      margin: 0 0 14px !important;
      min-height: 0 !important;
      text-align: left !important;
    }

    #scanner-section .section-title-row h2,
    .scanner-card .section-title-row h2 {
      text-align: left !important;
      font-size: 23px !important;
      line-height: 1 !important;
      margin: 0 !important;
    }

    #scanner-updated-mini {
      text-align: left !important;
      font-size: 11.5px !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      color: #8fb2d8 !important;
    }

    .scanner-toolbar-row {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
      margin: 0 0 12px !important;
    }

    .scanner-categories {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      gap: 8px !important;
      padding: 0 2px 8px !important;
      scroll-snap-type: x proximity !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
    }

    .scanner-categories::-webkit-scrollbar {
      display: none !important;
    }

    .scanner-categories button{
      flex: 0 0 auto !important;
      min-height: 38px !important;
      border-radius: 999px !important;
      padding: 0 13px !important;
      font-size: 12px !important;
      white-space: nowrap !important;
      scroll-snap-align: start !important;
    }

    #tradehub-scanner-filters,
    .tradehub-scanner-filters {
      justify-self: start !important;
      width: 100% !important;
      margin: 0 !important;
      z-index: 40 !important;
    }

    .tradehub-price-select {
      width: 100% !important;
      max-width: 180px !important;
    }

    .tradehub-price-button {
      height: 42px !important;
      border-radius: 15px !important;
      font-size: 13px !important;
    }

    .tradehub-price-menu {
      left: 0 !important;
      right: auto !important;
      width: 180px !important;
      border-radius: 15px !important;
      z-index: 350 !important;
    }

    #scan-results {
      width: 100% !important;
      min-width: 0 !important;
    }

    .scan-results-grid {
      grid-template-columns: 1fr !important;
      gap: 14px !important;
    }

    .scan-card {
      width: 100% !important;
      min-width: 0 !important;
      padding: 18px !important;
      border-radius: 24px !important;
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.13), transparent 34%),
        rgba(2, 6, 23, 0.34) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.12) !important;
      overflow: hidden !important;
    }

    .scan-card .scan-card-top {
      display: grid !important;
      grid-template-columns: 1fr !important;
      grid-template-areas:
        "scan-title"
        "scan-name"
        "scan-actions"
        "scan-read" !important;
      gap: 6px !important;
      margin-bottom: 13px !important;
    }

    .scan-card .scan-card-top > div:first-child {
      display: contents !important;
    }

    .scan-name {
      grid-area: scan-name !important;
      font-size: 12.5px !important;
      margin: 0 !important;
      color: #9fd0ff !important;
    }

    

    

    .scan-save-btn {
      grid-area: save !important;
      justify-self: end !important;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
    }

    .scan-top-chart-link,
    .scan-card a.scan-top-chart-link {
      grid-area: chart !important;
      width: 100% !important;
      min-height: 40px !important;
      margin: 0 !important;
      border-radius: 15px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-decoration: none !important;
      font-size: 13px !important;
      font-weight: 950 !important;
    }

    .scan-read {
      grid-area: scan-read !important;
      max-width: none !important;
      font-size: 13px !important;
      line-height: 1.43 !important;
      margin: 4px 0 0 !important;
    }

    

    .scan-card-grid > div{
      min-height: 56px !important;
      border-radius: 15px !important;
      padding: 11px 12px !important;
      background: rgba(255, 255, 255, 0.035) !important;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.07) !important;
    }

    .scan-plan {
      border-radius: 16px !important;
      padding: 13px !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      background: rgba(15, 44, 78, 0.38) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18) !important;
    }

    .scanner-context-panel {
      padding: 13px !important;
      border-radius: 16px !important;
      margin-top: 11px !important;
    }

    .scanner-context-badges {
      gap: 7px !important;
    }

    .scanner-context-badge {
      min-height: 24px !important;
      padding: 5px 8px !important;
      font-size: 11px !important;
      line-height: 1.12 !important;
    }

    .scan-quick-plan {
      margin-top: 11px !important;
      border-radius: 16px !important;
    }

    .scanner-plan-row {
      grid-template-columns: 68px minmax(0, 1fr) !important;
      gap: 9px !important;
      padding: 10px 11px !important;
    }

    .scanner-plan-label {
      font-size: 10px !important;
    }

    .scanner-plan-value {
      font-size: 12.5px !important;
      line-height: 1.35 !important;
    }

    .scanner-state-card {
      min-height: 116px !important;
      padding: 18px !important;
      border-radius: 20px !important;
      display: grid !important;
      grid-template-columns: 42px minmax(0, 1fr) !important;
      gap: 13px !important;
      align-items: center !important;
      text-align: left !important;
    }

    .scanner-state-bars {
      display: none !important;
    }

    .scanner-no-results-state {
      grid-template-columns: 1fr !important;
      justify-items: center !important;
      text-align: center !important;
    }

    .scanner-no-results-state .scanner-state-action {
      width: 100% !important;
      margin-top: 8px !important;
    }

    #news-section .section-title-row,
    .important-news-card .section-title-row {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 6px !important;
      align-items: start !important;
      margin: 0 0 14px !important;
    }

    #news-section .section-title-row h2,
    .important-news-card .section-title-row h2 {
      font-size: 23px !important;
      line-height: 1 !important;
      margin: 0 !important;
      text-align: left !important;
    }

    #home-news-status {
      text-align: left !important;
      font-size: 11.5px !important;
    }

    .home-news-list {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 10px !important;
    }

    .home-news-item,
    #home-news-list > *{
      min-width: 0 !important;
      border-radius: 18px !important;
      padding: 14px !important;
      background: rgba(2, 6, 23, 0.26) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.09) !important;
    }

    #home-news-list h3,
    #home-news-list strong{
      font-size: 14px !important;
      line-height: 1.28 !important;
    }

    .home-news-summary,
    #home-news-list p {
      font-size: 12px !important;
      line-height: 1.42 !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
    }
  }

  @media (max-width: 430px) {
    .home-platform-bar {
      padding: 13px 12px 11px !important;
    }

    .home-platform-logo {
      font-size: 26px !important;
    }

    .home-search-area {
      grid-template-columns: 1fr auto !important;
      gap: 8px !important;
    }

    .home-search-area .symbol-search {
      font-size: 13px !important;
    }

    .home-search-area .add-symbol-btn,
    #add-symbol-btn.add-symbol-btn {
      min-width: 70px !important;
      padding: 0 13px !important;
    }

    .home-portfolio-card,
    #portfolio-section.home-portfolio-card,
    .scanner-card,
    #scanner-section.scanner-card,
    .card-watchlist,
    #watchlist-section.card-watchlist,
    .important-news-card,
    #news-section.important-news-card {
      padding: 16px !important;
      border-radius: 22px !important;
    }

    

    

    #watchlist-section .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right {
      grid-column: 2 / 3 !important;
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      margin-top: 7px !important;
    }

    

    .scanner-plan-row {
      grid-template-columns: 1fr !important;
      gap: 4px !important;
    }
  }

  @media (max-width: 760px) {

    #portfolio-section.home-portfolio-card,
    .home-portfolio-card {
      padding: 16px !important;
    }

    #portfolio-section .home-portfolio-head,
    .home-portfolio-head {
      align-items: stretch !important;
      text-align: center !important;
      gap: 12px !important;
      margin-bottom: 12px !important;
    }

    #portfolio-section .home-portfolio-head h2,
    .home-portfolio-head h2 {
      width: 100% !important;
      text-align: center !important;
      font-size: 22px !important;
      line-height: 1.05 !important;
    }

    #portfolio-section .home-portfolio-actions,
    .home-portfolio-actions {
      grid-template-columns: 1fr 1fr !important;
      gap: 8px !important;
    }

    #portfolio-section .home-portfolio-details-btn,
    #portfolio-section #home-portfolio-toggle,
    #portfolio-section .home-portfolio-link {
      min-height: 38px !important;
      border-radius: 14px !important;
      font-size: 12px !important;
    }

    .home-portfolio-summary,
    #home-portfolio-summary.home-portfolio-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }

    .home-portfolio-stat,
    .home-portfolio-empty {
      min-height: 70px !important;
      padding: 11px 8px !important;
      display: grid !important;
      align-content: center !important;
      justify-items: center !important;
      text-align: center !important;
      border-radius: 16px !important;
    }

    .home-portfolio-stat-label,
    .home-portfolio-holding-label {
      font-size: 9.5px !important;
      letter-spacing: 0.12em !important;
      line-height: 1.1 !important;
    }

    .home-portfolio-stat-value {
      margin-top: 6px !important;
      font-size: 18px !important;
      line-height: 1.05 !important;
    }

    .home-portfolio-compact-list {
      justify-content: center !important;
      margin-top: 11px !important;
    }

    #watchlist-section.card-watchlist,
    .card-watchlist {
      position: relative !important;
      padding: 16px !important;
    }

    #watchlist-section .watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 40px !important;
      margin: 0 0 12px !important;
      padding: 0 48px 0 !important;
      text-align: center !important;
    }

    

    #watchlist-section .watchlist-header-add-btn,
    #watchlist-section #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
      margin: 0 !important;
      transform: none !important;
      border-radius: 14px !important;
      z-index: 5 !important;
    }

    

    

    

    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      display: grid !important;
      grid-template-columns: 42px minmax(0, 1fr) minmax(82px, auto) !important;
      grid-template-areas: "symbol info right" !important;
      gap: 9px !important;
      align-items: center !important;
      min-height: 64px !important;
      padding: 10px 0 !important;
      border: 0 !important;
      background: linear-gradient(90deg, rgba(147, 197, 253, 0.075), transparent 58%) left bottom / 100% 1px no-repeat !important;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    .scan-card-grid .label,
    .scan-card-grid small{
      font-size: 9px !important;
      letter-spacing: 0.12em !important;
    }

    .scan-card-grid strong,
    .scan-card-grid b{
      font-size: 12.2px !important;
      line-height: 1.12 !important;
    }
  }

  @media (max-width: 430px) {

    .home-portfolio-summary,
    #home-portfolio-summary.home-portfolio-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      grid-template-columns: 42px minmax(0, 1fr) minmax(80px, auto) !important;
      grid-template-areas: "symbol info right" !important;
      align-items: center !important;
    }

    #watchlist-section .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right {
      grid-column: auto !important;
      width: auto !important;
      margin-top: 0 !important;
      display: grid !important;
      justify-items: end !important;
      gap: 5px !important;
    }

    
  }

  @media (max-width: 370px) {

    .scan-card-grid,
    .scan-card-grid.scan-card-grid-simple {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 760px) {

    #watchlist-section.card-watchlist,
    .card-watchlist {
      position: relative !important;
      overflow: hidden !important;
    }

    #watchlist-section .watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      justify-items: center !important;
      min-height: 42px !important;
      margin: 0 0 14px !important;
      padding: 0 !important;
      text-align: center !important;
    }

    #watchlist-section .watchlist-title-row h2,
    .card-watchlist .watchlist-title-row h2 {
      grid-column: 2 / 3 !important;
      width: auto !important;
      margin: 0 !important;
      text-align: center !important;
      font-size: 22px !important;
      line-height: 1.05 !important;
    }

    #watchlist-section .watchlist-header-add-btn,
    #watchlist-section #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn,
    .card-watchlist #open-create-watchlist-modal-header {
      grid-column: 3 / 4 !important;
      justify-self: end !important;
      align-self: center !important;
      position: static !important;
      transform: none !important;
      width: 38px !important;
      min-width: 38px !important;
      height: 38px !important;
      min-height: 38px !important;
      margin: 0 !important;
      border-radius: 14px !important;
    }

    

    

    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      display: grid !important;
      grid-template-columns: 42px minmax(0, 1fr) minmax(106px, auto) !important;
      grid-template-areas: "symbol info right" !important;
      column-gap: 10px !important;
      row-gap: 0 !important;
      align-items: center !important;
      min-height: 66px !important;
      padding: 10px 0 !important;
      border: 0 !important;
      background: linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.10), transparent) left bottom / 100% 1px no-repeat !important;
    }

    

    

    

    #watchlist-section .watchlist-mini-subline,
    .card-watchlist .watchlist-mini-subline {
      font-size: 10.2px !important;
      line-height: 1.15 !important;
      margin-top: 3px !important;
      color: #93c5fd !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #watchlist-section .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right {
      grid-area: right !important;
      grid-column: auto !important;
      justify-self: end !important;
      align-self: center !important;
      min-width: 106px !important;
      width: 106px !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      justify-items: end !important;
      align-items: center !important;
      gap: 5px !important;
      margin: 0 !important;
      text-align: right !important;
    }

    

    

    

    #watchlist-section .remove-symbol-btn,
    .card-watchlist .remove-symbol-btn {
      opacity: 0.10 !important;
      width: 15px !important;
      min-width: 15px !important;
      height: 15px !important;
    }

    #scanner-section.scanner-card,
    .scanner-card {
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(8, 15, 27, 0.98), rgba(3, 7, 14, 0.99)) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.09), 0 14px 34px rgba(0,0,0,.16) !important;
    }

    .scan-card {
      background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.09), transparent 28%),
        linear-gradient(180deg, rgba(9, 18, 34, 0.97), rgba(4, 8, 17, 0.99)) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.14) !important;
    }

    .scan-card .scan-card-top {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas:
        "scan-title scan-actions"
        "scan-name scan-actions"
        "scan-read scan-read" !important;
      column-gap: 10px !important;
      row-gap: 4px !important;
      align-items: start !important;
      margin-bottom: 12px !important;
    }

    .scan-symbol {
      grid-area: scan-title !important;
      font-size: 25px !important;
      line-height: 1 !important;
      margin: 0 !important;
    }

    .scan-name {
      grid-area: scan-name !important;
      font-size: 12.2px !important;
      line-height: 1.15 !important;
      margin: 0 !important;
    }

    .scan-top-actions {
      grid-area: scan-actions !important;
      width: 142px !important;
      max-width: 142px !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 36px !important;
      grid-template-areas:
        "badge save"
        "chart chart" !important;
      gap: 7px !important;
      align-items: start !important;
      margin: 0 !important;
    }

    .scan-top-actions .callout-pill {
      grid-area: badge !important;
      justify-self: stretch !important;
      min-width: 0 !important;
      max-width: none !important;
      min-height: 30px !important;
      padding: 5px 8px !important;
      font-size: 9.7px !important;
      line-height: 1.08 !important;
      text-align: center !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .scan-save-btn {
      grid-area: save !important;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
    }

    .scan-top-chart-link,
    .scan-card a.scan-top-chart-link {
      grid-area: chart !important;
      width: 100% !important;
      min-height: 36px !important;
      border-radius: 14px !important;
      font-size: 12.5px !important;
    }

    .scan-read {
      grid-area: scan-read !important;
      margin-top: 8px !important;
    }

    .scan-card-grid,
    .scan-card-grid.scan-card-grid-simple {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 7px !important;
    }

    .scan-card-grid > div{
      min-height: 54px !important;
      padding: 9px 8px !important;
      border-radius: 14px !important;
    }
  }

  @media (max-width: 430px) {
    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      grid-template-columns: 40px minmax(0, 1fr) 104px !important;
      column-gap: 8px !important;
    }

    

    

    .scan-top-actions {
      width: 136px !important;
      max-width: 136px !important;
    }

    .scan-top-actions .callout-pill {
      font-size: 9.2px !important;
      padding-left: 6px !important;
      padding-right: 6px !important;
    }
  }

  @media (max-width: 370px) {
    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      grid-template-columns: 40px minmax(0, 1fr) !important;
      grid-template-areas:
        "symbol info"
        ". right" !important;
      row-gap: 6px !important;
    }

    #watchlist-section .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right {
      width: 100% !important;
      min-width: 0 !important;
      justify-items: start !important;
      text-align: left !important;
    }

    #watchlist-section .watchlist-mini-right > div,
    .card-watchlist .watchlist-mini-right > div {
      justify-content: flex-start !important;
    }

    #watchlist-section .watchlist-mini-row .callout-pill,
    .card-watchlist .watchlist-mini-row .callout-pill {
      text-align: left !important;
      max-width: 100% !important;
    }

    .scan-card .scan-card-top {
      grid-template-columns: 1fr !important;
      grid-template-areas:
        "scan-title"
        "scan-name"
        "scan-actions"
        "scan-read" !important;
    }

    .scan-top-actions {
      width: 100% !important;
      max-width: 100% !important;
      margin-top: 5px !important;
    }
  }

    @media (max-width: 760px) {

      #watchlist-section .section-title-row.watchlist-title-row,
      #watchlist-section .watchlist-title-row,
      .card-watchlist .section-title-row.watchlist-title-row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        justify-items: center !important;
        min-height: 44px !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        gap: 0 !important;
        text-align: center !important;
      }

      #watchlist-section .watchlist-title-row h2,
      #watchlist-section .section-title-row.watchlist-title-row h2,
      .card-watchlist .section-title-row.watchlist-title-row h2 {
        grid-column: 2 / 3 !important;
        justify-self: center !important;
        align-self: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        font-size: 22px !important;
        line-height: 1.05 !important;
      }

      #watchlist-section #open-create-watchlist-modal-header,
      #watchlist-section .watchlist-header-add-btn,
      #watchlist-section .watchlist-add-folder-btn,
      .card-watchlist #open-create-watchlist-modal-header,
      .card-watchlist .watchlist-header-add-btn {
        grid-column: 3 / 4 !important;
        justify-self: end !important;
        align-self: center !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      #watchlist-section #watchlist,
      .card-watchlist #watchlist {
        width: 100% !important;
        min-width: 0 !important;
      }

      #watchlist-section .watchlist-folder,
      .card-watchlist .watchlist-folder {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        background: linear-gradient(180deg, rgba(8, 15, 28, 0.96), rgba(3, 8, 17, 0.98)) !important;
        box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.20) !important;
      }

      #watchlist-section .watchlist-folder-header,
      .card-watchlist .watchlist-folder-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 48px !important;
        padding: 12px 14px !important;
        margin: 0 !important;
        border: 0 !important;
        background: rgba(15, 23, 42, 0.26) !important;
      }

      #watchlist-section .watchlist-folder-main,
      .card-watchlist .watchlist-folder-main {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-width: 0 !important;
      }

      #watchlist-section .watchlist-folder-title,
      .card-watchlist .watchlist-folder-title {
        font-size: 13px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
      }

      #watchlist-section .watchlist-folder-body,
      .card-watchlist .watchlist-folder-body {
        padding: 0 !important;
        margin: 0 !important;
      }

      #watchlist-section .watchlist-mini-list,
      .card-watchlist .watchlist-mini-list {
        display: grid !important;
        gap: 0 !important;
        padding: 8px 12px 12px !important;
        width: 100% !important;
        min-width: 0 !important;
      }

      #watchlist-section .watchlist-row.watchlist-mini-row,
      #watchlist-section .watchlist-mini-row,
      .card-watchlist .watchlist-row.watchlist-mini-row,
      .card-watchlist .watchlist-mini-row {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 92px !important;
        grid-template-areas: "symbol info right" !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
        align-items: center !important;
        min-height: 70px !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
        background: linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.10), transparent) left bottom / 100% 1px no-repeat !important;
      }

      

      

      

      

      

      #watchlist-section .watchlist-mini-right > div,
      .card-watchlist .watchlist-mini-right > div {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        position: static !important;
        transform: none !important;
      }

      

      #watchlist-section .watchlist-mini-row .callout-pill,
      .card-watchlist .watchlist-mini-row .callout-pill {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: flex-end !important;
        max-width: 92px !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 4px 7px !important;
        border-radius: 999px !important;
        font-size: 8.8px !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: center !important;
      }

      .scan-top-actions .callout-pill,
      .scan-card .scan-top-actions .callout-pill {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        width: 100% !important;
        min-height: 28px !important;
        line-height: 1.08 !important;
      }
    }

    @media (max-width: 430px) {
      #watchlist-section .watchlist-row.watchlist-mini-row,
      #watchlist-section .watchlist-mini-row,
      .card-watchlist .watchlist-row.watchlist-mini-row,
      .card-watchlist .watchlist-mini-row {
        grid-template-columns: 42px minmax(0, 1fr) 88px !important;
        column-gap: 9px !important;
      }

      #watchlist-section .watchlist-mini-right,
      .card-watchlist .watchlist-mini-right {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
      }

      #watchlist-section .watchlist-mini-row .callout-pill,
      .card-watchlist .watchlist-mini-row .callout-pill {
        max-width: 88px !important;
        font-size: 8.4px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
      }

      #watchlist-section .watchlist-mini-name,
      .card-watchlist .watchlist-mini-name {
        font-size: 12.1px !important;
      }
    }

  @media (max-width: 760px) {
    #watchlist-section.card-watchlist,
    .card-watchlist#watchlist-section {
      position: relative !important;
      padding: 16px !important;
    }

    #watchlist-section .section-title-row.watchlist-title-row,
    #watchlist-section .watchlist-title-row,
    .card-watchlist .section-title-row.watchlist-title-row,
    .card-watchlist .watchlist-title-row {
      position: relative !important;
      display: block !important;
      min-height: 42px !important;
      margin: 0 0 14px !important;
      padding: 0 !important;
      text-align: center !important;
    }

    #watchlist-section .watchlist-title-row h2,
    #watchlist-section .section-title-row.watchlist-title-row h2,
    .card-watchlist .section-title-row.watchlist-title-row h2,
    .card-watchlist .watchlist-title-row h2 {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 6px 48px 0 !important;
      text-align: center !important;
      font-size: 22px !important;
      line-height: 1.05 !important;
      white-space: nowrap !important;
    }

    #watchlist-section #open-create-watchlist-modal-header,
    #watchlist-section .watchlist-header-add-btn,
    #watchlist-section .watchlist-add-folder-btn,
    .card-watchlist #open-create-watchlist-modal-header,
    .card-watchlist .watchlist-header-add-btn {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      left: auto !important;
      bottom: auto !important;
      transform: none !important;
      width: 36px !important;
      min-width: 36px !important;
      max-width: 36px !important;
      height: 36px !important;
      min-height: 36px !important;
      max-height: 36px !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 14px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      z-index: 4 !important;
    }

    #watchlist-section #watchlist,
    #watchlist-section .watchlist-folder,
    #watchlist-section .watchlist-folder-body,
    #watchlist-section .watchlist-mini-list,
    .card-watchlist #watchlist,
    .card-watchlist .watchlist-folder,
    .card-watchlist .watchlist-folder-body,
    .card-watchlist .watchlist-mini-list {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    #watchlist-section .watchlist-folder,
    .card-watchlist .watchlist-folder {
      border-radius: 20px !important;
      overflow: hidden !important;
      background: linear-gradient(180deg, rgba(8, 15, 28, 0.96), rgba(3, 8, 17, 0.98)) !important;
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.20) !important;
    }

    #watchlist-section .watchlist-folder-header,
    .card-watchlist .watchlist-folder-header {
      min-height: 46px !important;
      padding: 12px 14px !important;
      margin: 0 !important;
    }

    #watchlist-section .watchlist-mini-list,
    .card-watchlist .watchlist-mini-list {
      display: grid !important;
      padding: 8px 12px 12px !important;
      gap: 0 !important;
    }

    #watchlist-section .watchlist-row.watchlist-mini-row,
    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-row.watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      position: relative !important;
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 96px !important;
      grid-template-areas: "symbol info right" !important;
      column-gap: 10px !important;
      align-items: center !important;
      min-height: 70px !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      padding: 10px 0 !important;
      margin: 0 !important;
      border: 0 !important;
      overflow: visible !important;
      background: linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.10), transparent) left bottom / 100% 1px no-repeat !important;
    }

    #watchlist-section .watchlist-mini-symbol,
    .card-watchlist .watchlist-mini-symbol {
      grid-area: symbol !important;
      position: static !important;
      transform: none !important;
      justify-self: start !important;
      align-self: center !important;
      width: 44px !important;
      min-width: 44px !important;
      max-width: 44px !important;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 13px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #watchlist-section .watchlist-mini-main,
    .card-watchlist .watchlist-mini-main{
      grid-area: info !important;
      position: static !important;
      transform: none !important;
      justify-self: stretch !important;
      align-self: center !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 4px !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 4px 0 0 !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
    }

    #watchlist-section .watchlist-mini-name,
    .card-watchlist .watchlist-mini-name {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #f8fbff !important;
      font-size: 12.4px !important;
      line-height: 1.12 !important;
      font-weight: 950 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #watchlist-section .watchlist-mini-subline,
    .card-watchlist .watchlist-mini-subline {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #93c5fd !important;
      font-size: 10.4px !important;
      line-height: 1.12 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #watchlist-section .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right {
      grid-area: right !important;
      position: static !important;
      inset: auto !important;
      transform: none !important;
      justify-self: end !important;
      align-self: center !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-end !important;
      justify-content: center !important;
      gap: 6px !important;
      width: 96px !important;
      min-width: 96px !important;
      max-width: 96px !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      text-align: right !important;
      overflow: visible !important;
    }

    #watchlist-section .watchlist-mini-right > div,
    .card-watchlist .watchlist-mini-right > div {
      display: block !important;
      width: 96px !important;
      min-width: 96px !important;
      max-width: 96px !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: right !important;
      line-height: 1 !important;
      overflow: visible !important;
    }

    #watchlist-section .watchlist-mini-price,
    .card-watchlist .watchlist-mini-price {
      display: block !important;
      width: 96px !important;
      min-width: 96px !important;
      max-width: 96px !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #f8fbff !important;
      font-size: 12.6px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      text-align: right !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #watchlist-section .watchlist-mini-row .callout-pill,
    .card-watchlist .watchlist-mini-row .callout-pill {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: 96px !important;
      min-height: 20px !important;
      margin: 0 !important;
      padding: 4px 7px !important;
      border-radius: 999px !important;
      font-size: 8.6px !important;
      line-height: 1.05 !important;
      font-weight: 950 !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      text-align: center !important;
    }

    #watchlist-section .remove-symbol-btn,
    .card-watchlist .remove-symbol-btn {
      display: none !important;
    }
  }

  @media (max-width: 380px) {
    #watchlist-section .watchlist-row.watchlist-mini-row,
    #watchlist-section .watchlist-mini-row,
    .card-watchlist .watchlist-row.watchlist-mini-row,
    .card-watchlist .watchlist-mini-row {
      grid-template-columns: 42px minmax(0, 1fr) 88px !important;
      column-gap: 8px !important;
    }

    #watchlist-section .watchlist-mini-right,
    #watchlist-section .watchlist-mini-right > div,
    #watchlist-section .watchlist-mini-price,
    .card-watchlist .watchlist-mini-right,
    .card-watchlist .watchlist-mini-right > div,
    .card-watchlist .watchlist-mini-price {
      width: 88px !important;
      min-width: 88px !important;
      max-width: 88px !important;
    }

    #watchlist-section .watchlist-mini-row .callout-pill,
    .card-watchlist .watchlist-mini-row .callout-pill {
      max-width: 88px !important;
      font-size: 8.2px !important;
    }
  }

@media (max-width: 760px) {
  body .card.card-watchlist,
  body .phase8a2-side-column .card-watchlist {
    position: relative !important;
    overflow: hidden !important;
  }

  body .card.card-watchlist .section-title-row.watchlist-title-row,
  body .phase8a2-side-column .card.card-watchlist .section-title-row.watchlist-title-row,
  body .phase8a2-side-column .watchlist-title-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 52px !important;
    margin: 0 0 14px !important;
    width: 100% !important;
    text-align: center !important;
  }

  body .card.card-watchlist .watchlist-title-row h2,
  body .phase8a2-side-column .watchlist-title-row h2 {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    line-height: 1.15 !important;
  }

  body .card.card-watchlist #open-create-watchlist-modal-header,
  body .phase8a2-side-column #open-create-watchlist-modal-header,
  body .card.card-watchlist .watchlist-title-row .watchlist-header-add-btn,
  body .phase8a2-side-column .watchlist-title-row .watchlist-header-add-btn {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
  }

  body .card.card-watchlist .watchlist-folder,
  body .phase8a2-side-column .watchlist-folder {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body .card.card-watchlist .watchlist-folder-body,
  body .phase8a2-side-column .watchlist-folder-body,
  body .card.card-watchlist .watchlist-mini-list,
  body .phase8a2-side-column .watchlist-mini-list {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body .card.card-watchlist .watchlist-mini-list,
  body .phase8a2-side-column .watchlist-mini-list {
    padding: 8px 10px 10px !important;
  }

  body .card.card-watchlist .watchlist-mini-row,
  body .phase8a2-side-column .watchlist-mini-row,
  body .card.card-watchlist .watchlist-row.watchlist-mini-row,
  body .phase8a2-side-column .watchlist-row.watchlist-mini-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) minmax(92px, 112px) !important;
    grid-template-areas: "symbol main right" !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body .card.card-watchlist .watchlist-mini-symbol,
  body .phase8a2-side-column .watchlist-mini-symbol {
    grid-area: symbol !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 42px !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    align-self: center !important;
  }

  body .card.card-watchlist .watchlist-mini-main,
  body .phase8a2-side-column .watchlist-mini-main {
    grid-area: main !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body .card.card-watchlist .watchlist-mini-name,
  body .phase8a2-side-column .watchlist-mini-name {
    display: block !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body .card.card-watchlist .watchlist-mini-subline,
  body .phase8a2-side-column .watchlist-mini-subline {
    display: block !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body .card.card-watchlist .watchlist-mini-right,
  body .phase8a2-side-column .watchlist-mini-right {
    grid-area: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 5px !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 112px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: right !important;
  }

  body .card.card-watchlist .watchlist-mini-right > div,
  body .phase8a2-side-column .watchlist-mini-right > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
  }

  body .card.card-watchlist .watchlist-mini-price,
  body .phase8a2-side-column .watchlist-mini-price {
    display: block !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
    text-align: right !important;
  }

  body .card.card-watchlist .watchlist-mini-row .callout-pill,
  body .phase8a2-side-column .watchlist-mini-row .callout-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    transform: none !important;
    width: fit-content !important;
    max-width: 112px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }

  body .card.card-watchlist .watchlist-mini-row .remove-symbol-btn,
  body .phase8a2-side-column .watchlist-mini-row .remove-symbol-btn,
  body .card.card-watchlist .delete-watchlist-btn,
  body .phase8a2-side-column .delete-watchlist-btn {
    display: none !important;
  }
}

@media (max-width: 374px) {
  body .card.card-watchlist .watchlist-mini-row,
  body .phase8a2-side-column .watchlist-mini-row,
  body .card.card-watchlist .watchlist-row.watchlist-mini-row,
  body .phase8a2-side-column .watchlist-row.watchlist-mini-row {
    grid-template-columns: 38px minmax(0, 1fr) minmax(82px, 94px) !important;
    gap: 7px !important;
  }

  body .card.card-watchlist .watchlist-mini-symbol,
  body .phase8a2-side-column .watchlist-mini-symbol {
    max-width: 38px !important;
    font-size: 12px !important;
  }

  body .card.card-watchlist .watchlist-mini-right,
  body .phase8a2-side-column .watchlist-mini-right,
  body .card.card-watchlist .watchlist-mini-row .callout-pill,
  body .phase8a2-side-column .watchlist-mini-row .callout-pill {
    max-width: 94px !important;
  }
}

/* ===== Phase 11.2 mobile watchlist swipe-delete ===== */
.watchlist-folder-swipe-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}

@media (min-width: 761px) {
  body .delete-watchlist-btn.delete-watchlist-last-btn {
    display: none !important;
  }
}

@media (max-width: 760px) {
    body #watchlist-section.card-watchlist, body .card.card-watchlist { position: relative !important; padding: 16px !important; overflow: hidden !important; }
    body #watchlist-section.card-watchlist .section-title-row.watchlist-title-row,
    body #watchlist-section.card-watchlist .watchlist-title-row,
    body .card.card-watchlist .section-title-row.watchlist-title-row,
    body .card.card-watchlist .watchlist-title-row { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 38px !important; margin: 0 0 16px !important; padding: 0 48px !important; text-align: center !important; }
    body #watchlist-section.card-watchlist .watchlist-title-row h2, body .card.card-watchlist .watchlist-title-row h2 { display:block!important; width:100%!important; margin:0!important; text-align:center!important; font-size:22px!important; line-height:1.05!important; letter-spacing:-0.03em!important; }
    body #watchlist-section.card-watchlist #open-create-watchlist-modal-header,
    body #watchlist-section.card-watchlist .watchlist-header-add-btn,
    body .card.card-watchlist #open-create-watchlist-modal-header,
    body .card.card-watchlist .watchlist-header-add-btn { position:absolute!important; top:0!important; right:0!important; left:auto!important; bottom:auto!important; transform:none!important; margin:0!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; border-radius:14px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; z-index:20!important; background:rgba(37,99,235,.22)!important; border:1px solid rgba(96,165,250,.48)!important; color:#dbeafe!important; box-shadow:inset 0 0 0 1px rgba(2,6,23,.34),0 10px 22px rgba(0,0,0,.22)!important; }
    body #watchlist-section.card-watchlist .watchlist-folder, body .card.card-watchlist .watchlist-folder { width:100%!important; max-width:100%!important; margin:0!important; border-radius:18px!important; overflow:hidden!important; background:linear-gradient(180deg, rgba(9,16,29,.84), rgba(5,10,19,.90))!important; box-shadow:inset 0 0 0 1px rgba(96,165,250,.20)!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header, body .card.card-watchlist .watchlist-folder-header { display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:46px!important; padding:12px 14px!important; background:linear-gradient(180deg, rgba(15,23,42,.58), rgba(11,18,30,.38))!important; box-shadow:inset 0 -1px 0 rgba(147,197,253,.08)!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-main, body .card.card-watchlist .watchlist-folder-main { min-width:0!important; display:flex!important; align-items:center!important; gap:8px!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-toggle, body .card.card-watchlist .watchlist-folder-toggle { min-width:0!important; display:inline-flex!important; align-items:center!important; gap:7px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-list, body .card.card-watchlist .watchlist-mini-list { display:grid!important; gap:0!important; width:100%!important; max-width:100%!important; padding:0 10px 10px!important; overflow:hidden!important; }
    body #watchlist-section.card-watchlist .watchlist-row.watchlist-mini-row,
    body #watchlist-section.card-watchlist .watchlist-mini-row,
    body .card.card-watchlist .watchlist-row.watchlist-mini-row,
    body .card.card-watchlist .watchlist-mini-row { display:grid!important; grid-template-columns:44px minmax(0,1fr) 98px!important; grid-template-rows:auto!important; grid-template-areas:none!important; column-gap:9px!important; align-items:center!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:68px!important; padding:11px 0!important; margin:0!important; border:0!important; position:relative!important; overflow:hidden!important; background:linear-gradient(90deg, rgba(147,197,253,.075), transparent 58%) left bottom/100% 1px no-repeat!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-symbol, body .card.card-watchlist .watchlist-mini-symbol { grid-column:1!important; grid-row:1!important; align-self:center!important; justify-self:start!important; display:block!important; width:44px!important; min-width:0!important; max-width:44px!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; color:#f8fbff!important; font-size:13px!important; font-weight:950!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:left!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-main, body .card.card-watchlist .watchlist-mini-main { grid-column:2!important; grid-row:1!important; align-self:center!important; justify-self:stretch!important; display:grid!important; gap:3px!important; width:auto!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; overflow:hidden!important; text-align:left!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-name, body .card.card-watchlist .watchlist-mini-name { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; color:#f8fbff!important; font-size:12.2px!important; font-weight:950!important; line-height:1.13!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:left!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-subline, body .card.card-watchlist .watchlist-mini-subline { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; color:#9fd0ff!important; font-size:10.2px!important; font-weight:850!important; line-height:1.12!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:left!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-right, body .card.card-watchlist .watchlist-mini-right { grid-column:3!important; grid-row:1!important; align-self:center!important; justify-self:end!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:6px!important; width:98px!important; min-width:98px!important; max-width:98px!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; overflow:visible!important; text-align:right!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-right > div, body .card.card-watchlist .watchlist-mini-right > div { display:block!important; width:98px!important; max-width:98px!important; min-width:0!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; text-align:right!important; overflow:hidden!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-price, body .card.card-watchlist .watchlist-mini-price { display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; color:#f8fbff!important; font-size:12.3px!important; font-weight:950!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-row .callout-pill, body .card.card-watchlist .watchlist-mini-row .callout-pill { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; max-width:98px!important; min-width:0!important; min-height:22px!important; margin:0!important; padding:4px 7px!important; position:static!important; transform:none!important; border-radius:999px!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; text-align:center!important; font-size:9px!important; font-weight:950!important; line-height:1.05!important; }
    body #watchlist-section.card-watchlist .remove-symbol-btn, body .card.card-watchlist .remove-symbol-btn { display:none!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header, body .card.card-watchlist .watchlist-folder-header { display:block!important; position:relative!important; width:100%!important; min-height:48px!important; overflow:hidden!important; padding:0!important; touch-action:pan-y!important; background:rgba(15,23,42,.26)!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-swipe-content, body .card.card-watchlist .watchlist-folder-swipe-content { position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; width:100%!important; min-width:0!important; min-height:48px!important; box-sizing:border-box!important; padding:12px 14px!important; background:linear-gradient(180deg, rgba(15,23,42,.58), rgba(11,18,30,.38))!important; box-shadow:inset 0 -1px 0 rgba(147,197,253,.08)!important; transform:translateX(var(--watchlist-swipe-offset, 0px))!important; transition:transform 210ms cubic-bezier(.2,.85,.2,1)!important; will-change:transform!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-swipe-content, body .card.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-swipe-content { transition:none!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-actions, body .card.card-watchlist .watchlist-folder-actions { position:absolute!important; top:0!important; right:0!important; bottom:0!important; z-index:1!important; display:flex!important; align-items:stretch!important; justify-content:flex-end!important; width:58px!important; height:100%!important; margin:0!important; padding:0!important; opacity:0!important; pointer-events:none!important; transform:translateX(100%)!important; transition:transform 210ms cubic-bezier(.2,.85,.2,1), opacity 140ms ease!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header.watchlist-swipe-open .watchlist-folder-actions, body #watchlist-section.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-actions, body .card.card-watchlist .watchlist-folder-header.watchlist-swipe-open .watchlist-folder-actions, body .card.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-actions { opacity:1!important; pointer-events:auto!important; transform:translateX(0)!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-actions, body .card.card-watchlist .watchlist-folder-header.watchlist-swiping .watchlist-folder-actions { transition:none!important; }
    body #watchlist-section.card-watchlist .delete-watchlist-btn, body #watchlist-section.card-watchlist .delete-watchlist-btn.delete-watchlist-last-btn, body .card.card-watchlist .delete-watchlist-btn, body .card.card-watchlist .delete-watchlist-btn.delete-watchlist-last-btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:58px!important; min-width:58px!important; height:100%!important; min-height:48px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0 18px 18px 0!important; background:linear-gradient(180deg, rgba(220,38,38,.96), rgba(153,27,27,.96))!important; color:#fff!important; font-size:22px!important; font-weight:950!important; line-height:1!important; box-shadow:inset 1px 0 0 rgba(255,255,255,.14)!important; opacity:1!important; transform:none!important; }
    body #watchlist-section.card-watchlist .watchlist-folder-header:not(.watchlist-swipe-open):not(.watchlist-swiping) .delete-watchlist-btn, body .card.card-watchlist .watchlist-folder-header:not(.watchlist-swipe-open):not(.watchlist-swiping) .delete-watchlist-btn { pointer-events:none!important; }
  }
  @media (max-width:374px) {
    body #watchlist-section.card-watchlist .watchlist-row.watchlist-mini-row, body #watchlist-section.card-watchlist .watchlist-mini-row, body .card.card-watchlist .watchlist-row.watchlist-mini-row, body .card.card-watchlist .watchlist-mini-row { grid-template-columns:40px minmax(0,1fr) 88px!important; column-gap:7px!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-symbol, body .card.card-watchlist .watchlist-mini-symbol { width:40px!important; max-width:40px!important; font-size:12px!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-right, body #watchlist-section.card-watchlist .watchlist-mini-right > div, body .card.card-watchlist .watchlist-mini-right, body .card.card-watchlist .watchlist-mini-right > div { width:88px!important; min-width:88px!important; max-width:88px!important; }
    body #watchlist-section.card-watchlist .watchlist-mini-row .callout-pill, body .card.card-watchlist .watchlist-mini-row .callout-pill { max-width:88px!important; font-size:8.5px!important; padding:4px 6px!important; }
  }

/* Phase 13.5B — Scanner decision-tone cleanup
   Card tone now follows the final scanner identity. TQ can warn inside badges,
   but it should not turn a No Trade / Wait card into a bearish red card. */
.scan-card.scan-card-identity-no-trade {
  border-color: rgba(251, 191, 36, 0.28) !important;
  background:
    radial-gradient(circle at top right, rgba(251, 191, 36, 0.08), transparent 34%),
    rgba(2, 6, 23, 0.31) !important;
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.08) !important;
}

.scan-card.scan-card-identity-no-trade .scan-plan {
  background: rgba(120, 53, 15, 0.14) !important;
  border-color: rgba(251, 191, 36, 0.22) !important;
}

.scan-card.scan-card-identity-watch {
  border-color: rgba(251, 191, 36, 0.24) !important;
}

.scan-card.scan-card-identity-extended {
  border-color: rgba(248, 113, 113, 0.30) !important;
}

.scan-card.scan-card-event-driven {
  border-color: rgba(248, 113, 113, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.10) !important;
}

.scanner-quality-notice {
  margin-top: 0 !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: rgba(15, 23, 42, 0.50) !important;
}

.scanner-quality-notice[data-tone="risk"] {
  border-color: rgba(248, 113, 113, 0.42) !important;
  background: rgba(127, 29, 29, 0.18) !important;
}

.scanner-quality-notice[data-tone="caution"] {
  border-color: rgba(251, 191, 36, 0.38) !important;
  background: rgba(120, 53, 15, 0.16) !important;
}

.scanner-quality-notice-title {
  color: #fef3c7 !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  margin-bottom: 5px !important;
}

.scanner-quality-notice[data-tone="risk"] .scanner-quality-notice-title {
  color: #fecaca !important;
}

.scanner-quality-notice-body {
  color: #dbeafe !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
}



/* Phase 13.24C — visible active scanner filter state without underline */
#scanner-section .scanner-categories .scanner-tab.is-active,
#scanner-section .scanner-categories button.is-active,
#scanner-section .scanner-categories button[aria-pressed="true"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(14, 165, 233, 0.58)) !important;
  border-color: rgba(147, 197, 253, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(147, 197, 253, 0.34) inset,
    0 10px 24px rgba(37, 99, 235, 0.24),
    0 0 22px rgba(14, 165, 233, 0.14) !important;
}