/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/shared/dashboard-user/DashboardUserProvider.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.DashboardUserProvider_transitionOverlay__VHypO {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in srgb, var(--color-bg-primary) 84%, transparent);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.DashboardUserProvider_belowAdminToolbar__nXoHE {
  inset-block-start: var(--impersonation-bar-height);
}

.DashboardUserProvider_transitionCard__r8JDk {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 220px;
  padding: 14px 16px;
  border: 1px solid var(--color-border-default);
  border-radius: 12px;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  box-shadow: 0 18px 50px rgb(0 0 0 / 16%);
}

.DashboardUserProvider_spinner__mzPUk {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid var(--color-border-default);
  border-top-color: var(--color-bg-accent);
  border-radius: 999px;
  animation: DashboardUserProvider_spin__gWvbf 700ms linear infinite;
}

.DashboardUserProvider_transitionCopy__Z_MzA {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.DashboardUserProvider_transitionCopy__Z_MzA span:first-child {
  font-size: 12px;
  font-weight: 600;
}

.DashboardUserProvider_transitionCopy__Z_MzA span:last-child {
  color: var(--color-text-secondary);
  font-size: 10px;
}

@keyframes DashboardUserProvider_spin__gWvbf {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .DashboardUserProvider_spinner__mzPUk {
    animation-duration: 1400ms;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/DashboardServices/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__eJ0Fr {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.styles_content__7Quww {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  gap: 10px;
}

/* Status Section */
.styles_statusSection__Wb3iz {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  height: 17px;
  max-height: 44px;
  width: 100%;
  flex-shrink: 0;
}

.styles_statusDots__FzQJQ {
  display: flex;
  gap: 4px;
  height: 8px;
  align-items: center;
  width: 32px;
  flex-shrink: 0;
}

.styles_statusDot__Yp1pq {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-neutral-400);
  flex-shrink: 0;
}

.styles_statusDot__Yp1pq.styles_active___D35m {
  background-color: var(--color-bg-accent);
}

.styles_statusText__PrBV5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin: 0;
  flex-shrink: 0;
}

.styles_bold__dsz0_ {
  font-weight: 700;
}

/* Manage Section */
.styles_manageSection__EfCFd {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
}

.styles_manageLink__RE1QD {
  all: unset;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  background: transparent;
  transition: opacity 0.2s ease;
}

.styles_manageLink__RE1QD:hover {
  opacity: 0.8;
}

.styles_manageLink__RE1QD:active {
  opacity: 0.6;
}

.styles_manageText__V1Z4J {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
}

.styles_chevron__cfSko {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_chevron__cfSko svg {
  width: 6px;
  height: 10px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Drawer/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.styles_drawer-overlay__fNthI {
  position: fixed;
  z-index: 210;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;

  /* State */
  &[data-state="open"] {
    animation-name: styles_fade-in__pi6hZ;
  }

  &[data-state="closed"] {
    animation-name: styles_fade-out__Vq6OI;
  }
}

.styles_drawer-content__W_KuE {
  display: flex;
  position: fixed;
  z-index: 210;
  flex-direction: column;
  height: auto;
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  outline: none;

  & > div:first-child {
    display: none;
    flex-shrink: 0;
    width: 120px;
    height: 0.3rem;
    margin-block: 1rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9999px;
    background-color: var(--color-neutral-400);
  }

  .styles_drawer-close__pGL5p {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    z-index: 10;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s;
  }

  .styles_drawer-close__pGL5p:hover {
    opacity: 1;
  }

  .styles_drawer-close-icon__Y8XXX {
    font-size: 2rem;
    line-height: 1;
    color: var(--color-text-primary);
  }

  .styles_drawer-scrollable__MLRy_ {
    flex: 1 1;
    overflow-y: auto;
    padding: 0rem 1.5rem;
    box-sizing: border-box;
  }

  .styles_drawer-header__QIcM6 {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    padding: 1.5rem;
    padding-bottom: 1rem;
    flex-shrink: 0;
  }

  /* Direction */
  &[data-vaul-drawer-direction="top"] {
    max-height: 80vh;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border-module);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;

    .styles_drawer-header__QIcM6 {
      text-align: center;
    }
  }

  &[data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 6rem;
    border-top: 1px solid var(--color-border-module);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;

    & > div:first-child {
      display: block;
    }

    .styles_drawer-header__QIcM6 {
      text-align: center;
    }
  }

  &[data-vaul-drawer-direction="right"] {
    width: 75%;
    max-width: 24rem;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid var(--color-border-module);
  }

  &[data-vaul-drawer-direction="left"] {
    width: 75%;
    max-width: 24rem;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 1px solid var(--color-border-module);
  }

  .styles_drawer-footer__00ZhS {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-top: auto;
    margin-inline: -1.5rem;
    padding: 1rem 1rem 1rem 1rem;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: var(--color-bg-surface);
  }

  .styles_drawer-title__UeV67 {
    color: var(--color-text-primary);
    font-weight: var(--semi-bold);
    font-size: 1.25rem;
    margin: 0;
  }

  .styles_drawer-description__31Bny {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .styles_drawer-content__W_KuE {
    .styles_drawer-header__QIcM6 {
      text-align: left;
      gap: 0.75rem;
    }
  }
}

@media (min-width: 640px) {
  .styles_drawer-content__W_KuE {
    &[data-vaul-drawer-direction="right"],
    &[data-vaul-drawer-direction="left"] {
      max-width: 24rem;
    }
  }
}

/* Fade animations */
@keyframes styles_fade-in__pi6hZ {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes styles_fade-out__Vq6OI {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Sheet/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.styles_sheet-overlay__aEorh {
  position: fixed;
  z-index: 999;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;

  /* State */
  &[data-state="open"] {
    animation-name: styles_fade-in__OrI_N;
  }

  &[data-state="closed"] {
    animation-name: styles_fade-out__2Y9XK;
  }
}

.styles_sheet-content__2_NKf {
  display: flex;
  position: fixed;
  z-index: 999;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-lg);
  gap: 1.5rem;
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  padding-bottom: 0;
  overflow-y: auto;
  box-sizing: border-box;

  /* State */
  &[data-state="open"] {
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
  }

  &[data-state="closed"] {
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
  }

  /* Side */
  &[data-side="left"],
  &[data-side="right"] {
    height: 100vh;
    top: 0;
    bottom: 0;
  }

  /* Size variants for left/right sheets */
  &[data-side="left"][data-size="sm"],
  &[data-side="right"][data-size="sm"] {
    width: 25%;
    /* 1/4 */
    max-width: 20rem;
  }

  &[data-side="left"][data-size="md"],
  &[data-side="right"][data-size="md"] {
    width: 33.333%;
    /* 1/3 */
    max-width: 24rem;
  }

  &[data-side="left"][data-size="lg"],
  &[data-side="right"][data-size="lg"] {
    width: 50%;
    /* 1/2 */
    max-width: 32rem;
  }

  &[data-side="left"][data-size="xl"],
  &[data-side="right"][data-size="xl"] {
    width: 66.666%;
    /* 2/3 */
    max-width: 40rem;
  }

  &[data-side="left"][data-size="full"],
  &[data-side="right"][data-size="full"] {
    width: 100%;
    max-width: 100%;
  }

  /* Default size (if not specified) - matches md */
  &[data-side="left"]:not([data-size]),
  &[data-side="right"]:not([data-size]) {
    width: 33.333%;
    /* 1/3 - default */
    max-width: 24rem;
  }

  &[data-side="top"],
  &[data-side="bottom"] {
    height: auto;
    left: 0;
    right: 0;
  }

  &[data-side="right"] {
    right: 0;
    /* border-left: 1px solid lightgrey; */
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);

    &[data-state="open"] {
      animation-name: styles_slide-in-from-right__8B_F3;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-right__QGAWv;
    }
  }

  &[data-side="left"] {
    left: 0;
    /* border-right: 1px solid lightgrey; */

    &[data-state="open"] {
      animation-name: styles_slide-in-from-left__ZA_fe;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-left__Cy7Fy;
    }
  }

  &[data-side="top"] {
    top: 0;
    border-bottom: 1px solid var(--color-border-module);

    &[data-state="open"] {
      animation-name: styles_slide-in-from-top__PlLY7;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-top__U9fsq;
    }
  }

  &[data-side="bottom"] {
    bottom: 0;
    border-top: 1px solid var(--color-border-module);

    &[data-state="open"] {
      animation-name: styles_slide-in-from-bottom__BGbYA;
    }

    &[data-state="closed"] {
      animation-name: styles_slide-out-to-bottom__2u8NS;
    }
  }

  .styles_sheet-close__DBARm {
    position: absolute;
    transition: opacity 0.3s ease-in-out;
    border: none;
    border-radius: 0.25rem;
    outline: none;
    opacity: 0.7;
    background-color: transparent;
    color: inherit;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Icon */
    & > svg {
      width: 1rem;
      height: 1rem;
    }

    /* State */
    &[data-state="open"] {
      background-color: transparent;
    }

    /* Hover */
    &:hover {
      opacity: 1;
      background-color: var(--color-bg-hover);
    }

    /* Focus */
    &:focus {
      box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.5);
      outline: none;
    }

    /* Disabled */
    &:disabled {
      pointer-events: none;
    }
  }

  .styles_sheet-header__3_D7D {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
    margin-bottom: 1rem;
  }

  .styles_sheet-footer__xACeS {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: var(--color-bg-surface);
    margin-top: auto;
    padding-block: 10px;
    border-top: 1px solid var(--color-border-module);
  }

  .styles_sheet-title___MEKf {
    color: var(--color-text-primary);
    font-weight: var(--semi-bold);
    font-size: 1.25rem;
    margin: 0;
  }

  .styles_sheet-description__VKK4D {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
  }
}

@media (min-width: 640px) {
  /* Size-specific max-widths are already defined above */
}

/* Fade animations */
@keyframes styles_fade-in__OrI_N {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes styles_fade-out__2Y9XK {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Right */
@keyframes styles_slide-in-from-right__8B_F3 {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes styles_slide-out-to-right__QGAWv {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

/* Left */
@keyframes styles_slide-in-from-left__ZA_fe {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes styles_slide-out-to-left__Cy7Fy {
  from {
    transform: translateX(0);
  }

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

/* Top */
@keyframes styles_slide-in-from-top__PlLY7 {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes styles_slide-out-to-top__U9fsq {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

/* Bottom */
@keyframes styles_slide-in-from-bottom__BGbYA {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes styles_slide-out-to-bottom__2u8NS {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Tooltip/Tooltip.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.Tooltip_tooltip__YIFo4 {
  z-index: 9999;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(var(--space-1) * 1.5) calc(var(--space-1) * 3);
  transform-origin: var(--radix-tooltip-content-transform-origin);
  animation-duration: var(--transition-base);
  animation-timing-function: ease-out;
  border-radius: var(--radius-md);
  background-color: var(--color-bg-accent);
  color: var(--color-text-inverted);
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  text-wrap: balance;
  pointer-events: none;
  box-shadow: var(--shadow-md);

  /* Side */
  &[data-side="top"] {
    animation-name: Tooltip_slide-top__by6oo;
  }

  &[data-side="bottom"] {
    animation-name: Tooltip_slide-bottom__rPY2t;
  }

  &[data-side="left"] {
    animation-name: Tooltip_slide-left__Ek4aa;
  }

  &[data-side="right"] {
    animation-name: Tooltip_slide-right__UvYYn;
  }

  &[data-state="closed"] {
    animation-name: Tooltip_fade-zoom-out__Xkvv_;
  }
}

.Tooltip_tooltipArrow__ekPe5 {
  z-index: 9999;
  width: calc(var(--space-1) * 2.5);
  height: calc(var(--space-1) * 2.5);
  background-color: var(--color-bg-accent);
  fill: var(--color-bg-accent);
  rotate: 45deg;
  border-end-end-radius: 2px;
  translate: 0 calc(-50% - 2px);
}

/* Animations */
@keyframes Tooltip_slide-top__by6oo {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Tooltip_slide-bottom__rPY2t {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Tooltip_slide-left__Ek4aa {
  from {
    opacity: 0;
    transform: translateX(0.5rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes Tooltip_slide-right__UvYYn {
  from {
    opacity: 0;
    transform: translateX(-0.5rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes Tooltip_fade-zoom-out__Xkvv_ {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/YoutubeEmbed/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.styles_iframe__G1RfW {
  display: block;
  max-width: 100%;
  width: 35rem;
  aspect-ratio: 16/9;
  border: none;
  border-radius: 0.5rem;
  background: #5b5b5b;
  box-shadow: 0 0 0.25rem 0 #000;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/Guidance/Guidance.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* Guidance sheet shell — desktop Figma 4279:63944; mobile 4279:65005 (no outer padding) */
.Guidance_sheetContent__5P2Ox {
  gap: 0;
  padding: 16px !important;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .Guidance_sheetContent__5P2Ox {
    padding: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Replace drawer’s default handle — GuidanceHeader owns that row */
  .Guidance_sheetContent__5P2Ox > div:first-child {
    display: none !important;
  }
}

/* Drawer scroll area: remove default 1.5rem horizontal padding for Guidance only */
.Guidance_guidanceDrawerScrollable__jdn7W {
  padding: 0 !important;
}

.Guidance_sheetInner__k7rCx {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  width: 100%;
  padding-inline: 0;
}

/* Header actions: external link + close — Figma 4279:63977 */
.Guidance_header__aasKb {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.Guidance_mobileHandle__C_NG9 {
  display: none;
}

.Guidance_headerToolbar__Z0THN {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.Guidance_headerLeading__W77jo {
  display: none;
  flex: 1 1;
  min-width: 0;
}

.Guidance_headerActions__xRcpD {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .Guidance_header__aasKb {
    min-height: 20px;
  }

  .Guidance_headerToolbar__Z0THN {
    justify-content: flex-end;
  }

  .Guidance_headerToolbar__Z0THN:has(.Guidance_headerLeading__W77jo) {
    justify-content: space-between;
  }

  .Guidance_headerLeading__W77jo {
    display: block;
  }

  .Guidance_desktopBackButton__xuvza {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .Guidance_header__aasKb {
    position: relative;
    top: 4px;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 6px 10px 4px;
    box-sizing: border-box;
  }

  .Guidance_mobileHandle__C_NG9 {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96px;
    height: 4px;
    border-radius: 9999px;
    background-color: var(--color-neutral-400);
    transform: translate(-50%, -50%);
  }

  .Guidance_headerToolbar__Z0THN {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-width: 0;
    pointer-events: none;
  }

  .Guidance_headerLeading__W77jo {
    display: none !important;
  }

  .Guidance_headerActions__xRcpD {
    position: static;
    transform: none;
    gap: 2px;
    pointer-events: auto;
  }

  .Guidance_headerIconLink__vrPDW,
  .Guidance_headerClose__9yy8r {
    width: 32px;
    height: 32px;
  }
}

.Guidance_headerIconLink__vrPDW {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.Guidance_headerIconLink__vrPDW:hover {
  background: var(--color-bg-hover);
  color: var(--color-text-primary);
}

.Guidance_headerClose__9yy8r {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.Guidance_headerClose__9yy8r:hover {
  background: var(--color-bg-hover);
  color: var(--color-text-primary);
}

.Guidance_headerCloseIcon__1gH0T {
  width: 20px;
  height: 20px;
}

.Guidance_headerClose__9yy8r svg {
  width: 20px;
  height: 20px;
}

/* Video — Figma 4279:63949: full width of content column, 552:310, radius 8px */
.Guidance_bodyStack__Xe8ci {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  width: 100%;
}

.Guidance_scrollAnchor__t1G9Q {
  height: 0;
  overflow: hidden;
}

.Guidance_guidePanel__GOG9l {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  width: 100%;
  animation: Guidance_guidancePanelEnter__jRFD7 0.2s ease-out;
}

@keyframes Guidance_guidancePanelEnter__jRFD7 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Guidance_backButton__6Tio7 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 0 8px;
  border: none;
  background: transparent;
  color: var(--color-text-secondary);
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  transition: color 0.15s ease;
}

.Guidance_backButton__6Tio7:hover {
  color: var(--color-text-primary);
}

.Guidance_backButton__6Tio7:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.45);
  border-radius: 4px;
}

.Guidance_backChevron__yubAT {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.Guidance_backLabel__ey0vR {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18rem;
}

.Guidance_desktopBackButton__xuvza {
  display: none;
}

@media (min-width: 768px) {
  .Guidance_desktopBackButton__xuvza {
    display: inline-flex;
    padding-inline: 0;
  }

  .Guidance_mobileBackSection__pntoR {
    display: none;
  }
}

@media (max-width: 767px) {
  .Guidance_sheetInner__k7rCx {
    gap: 0;
    padding-inline: 0;
  }

  .Guidance_mobileBackSection__pntoR {
    display: flex;
    align-items: center;
    width: 100%;
    margin-inline: 0;
    min-height: 48px;
    padding: 4px 12px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-border-module);
    background: var(--color-bg-surface);
  }

  .Guidance_mobileBackButton__gCfej {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    width: 100%;
    margin: 0;
    padding: 8px 4px;
    border: none;
    border-radius: 8px;
    background: transparent;
    box-sizing: border-box;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    transition:
      background-color 0.15s ease,
      color 0.15s ease;
  }

  .Guidance_mobileBackButton__gCfej:hover,
  .Guidance_mobileBackButton__gCfej:active {
    background: var(--color-bg-hover);
    color: var(--color-text-primary);
  }

  .Guidance_mobileBackButton__gCfej .Guidance_backChevron__yubAT {
    width: 14px;
    height: 14px;
    color: var(--color-text-accent);
  }

  .Guidance_mobileBackButton__gCfej .Guidance_backLabel__ey0vR {
    max-width: none;
    flex: 1 1;
    min-width: 0;
  }

  .Guidance_guidePanel__GOG9l {
    gap: 0;
  }
}

.Guidance_videoWrap__rxutZ {
  position: relative;
  aspect-ratio: 552 / 310;
  overflow: hidden;
  border-radius: 8px;
  background: #5b5b5b;
  padding-inline: 8px;
}

@media (max-width: 767px) {
  .Guidance_videoWrap__rxutZ {
    aspect-ratio: 16 / 9;
    width: calc(100% - 20px);
    margin-inline: 10px;
    padding-inline: 0;
    border-radius: 8px;
  }
}

.Guidance_videoIframe__9DgHX {
  position: absolute;
  inset: 0;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  aspect-ratio: unset !important;
}

@media (max-width: 767px) {
  .Guidance_videoIframe__9DgHX {
    border-radius: 8px;
  }
}

.Guidance_furtherSection__86C7U {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: calc(100% + 20px);
  max-width: none;
  margin-inline: -10px;
  margin-bottom: -10px;
  padding: 20px;
  box-sizing: border-box;
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border-module);
}

@media (max-width: 767px) {
  .Guidance_furtherSection__86C7U {
    width: 100%;
    margin-inline: 0;
    margin-bottom: 0;
  }
}

.Guidance_furtherHeading__0F843 {
  margin: 0;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.Guidance_guideList__wO6Pm {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Guidance_guideRow__mrFGd {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  background: var(--color-bg-surface);
  font: inherit;
  text-align: left;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.15s ease;
}

.Guidance_guideRow__mrFGd:hover {
  background: var(--color-bg-hover);
}

.Guidance_guideText__N_9Dx {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Guidance_guideTitle__oUTqE {
  margin: 0;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.Guidance_guideDescription__st4NK {
  margin: 0;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.Guidance_chevron__3zqnJ {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--color-text-secondary);
}

/* Trigger — Figma 4307:53164 default, 4307:53155 hover */
.Guidance_trigger__IER1I {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  min-height: 20px;
  border: 1px solid var(--color-guide-accent);
  border-radius: 24px;
  background: var(--color-bg-surface);
  cursor: pointer;
  flex-shrink: 0;
  color: var(--color-guide-accent);
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.Guidance_trigger__IER1I:hover {
  background: var(--color-guide-accent);
  border-color: var(--color-guide-accent);
  color: #fff;
}

.Guidance_trigger__IER1I:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.45);
}

.Guidance_playGlyph__G9A0S {
  display: block;
  flex-shrink: 0;
}

.Guidance_invertedTooltipBg__BTCw8 {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
}

.Guidance_invertedTooltipBg__BTCw8 [class*="tooltipArrow"] {
  background-color: var(--color-bg-surface) !important;
  fill: var(--color-bg-surface) !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Button/Button.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.Button_button__f_l0m {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: var(--font-ibm-plex-sans), sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition:
    color 150ms ease-out,
    box-shadow 150ms ease-out,
    transform 150ms ease-out,
    background-color var(--transition-base),
    border-color var(--transition-base);
  white-space: nowrap;
  outline: none;
}

.Button_button__f_l0m:active:not(:disabled) {
  transform: scale(0.97);
}

.Button_button__f_l0m:disabled {
  pointer-events: none;
}

.Button_button__f_l0m:focus-visible {
  border-color: var(--color-ring);
  box-shadow: 0 0 0 3px rgba(0, 162, 107, 0.5);
}

.Button_button__f_l0m[aria-invalid="true"] {
  border-color: var(--color-red-500);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* Default variant (Main/Green) */
.Button_button__f_l0m[data-variant="default"] {
  background-color: var(--color-green-500);
  color: var(--color-neutral-50);
}

.Button_button__f_l0m[data-variant="default"]:hover:not(:disabled) {
  background-color: var(--color-green-600);
}

.Button_button__f_l0m[data-variant="default"]:active:not(:disabled) {
  background-color: var(--color-green-700);
}

.Button_button__f_l0m[data-variant="default"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Secondary variant (Outline) */
.Button_button__f_l0m[data-variant="secondary"],
.Button_button__f_l0m[data-variant="outline"] {
  background-color: var(--color-button-secondary-bg);
  border: 1px solid var(--color-button-secondary-border);
  color: var(--color-text-accent);
}

.Button_button__f_l0m[data-variant="secondary"]:hover:not(:disabled),
.Button_button__f_l0m[data-variant="outline"]:hover:not(:disabled) {
  background-color: var(--color-button-secondary-hover);
}

.Button_button__f_l0m[data-variant="secondary"]:active:not(:disabled),
.Button_button__f_l0m[data-variant="outline"]:active:not(:disabled) {
  background-color: var(--color-green-100);
  border-color: var(--color-green-600);
}

[data-theme="dark"] .Button_button__f_l0m[data-variant="secondary"],
[data-theme="dark"] .Button_button__f_l0m[data-variant="outline"] {
  color: var(--color-text-primary);
}

[data-theme="dark"] .Button_button__f_l0m[data-variant="secondary"]:hover:not(:disabled),
[data-theme="dark"] .Button_button__f_l0m[data-variant="outline"]:hover:not(:disabled) {
  color: var(--color-text-primary);
}

[data-theme="dark"] .Button_button__f_l0m[data-variant="secondary"]:active:not(:disabled),
[data-theme="dark"] .Button_button__f_l0m[data-variant="outline"]:active:not(:disabled) {
  background-color: var(--color-neutral-600);
  border-color: var(--color-neutral-600);
  color: var(--color-text-primary);
}

.Button_button__f_l0m[data-variant="secondary"]:disabled,
.Button_button__f_l0m[data-variant="outline"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: var(--color-neutral-400);
  color: var(--color-neutral-400);
}

/* Ghost variant (Transparent background) */
.Button_button__f_l0m[data-variant="ghost"] {
  background-color: transparent;
  color: var(--color-green-700);
}

.Button_button__f_l0m[data-variant="ghost"]:hover:not(:disabled) {
  color: var(--color-green-800);
  background-color: var(--color-green-50);
}

.Button_button__f_l0m[data-variant="ghost"]:active:not(:disabled) {
  background-color: var(--color-green-100);
  color: var(--color-green-900);
}

.Button_button__f_l0m[data-variant="ghost"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--color-neutral-400);
}

/* Link variant (Text link style) */
.Button_button__f_l0m[data-variant="link"] {
  background-color: transparent;
  color: var(--color-green-500);
  height: auto;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
}

.Button_button__f_l0m[data-variant="link"]:hover:not(:disabled) {
  color: var(--color-green-800);
}

.Button_button__f_l0m[data-variant="link"]:active:not(:disabled) {
  color: var(--color-green-900);
}

.Button_button__f_l0m[data-variant="link"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--color-neutral-400);
}

/* Link Secondary variant */
.Button_button__f_l0m[data-variant="linkSecondary"] {
  background-color: transparent;
  color: var(--color-text-secondary);
  height: auto;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
}

.Button_button__f_l0m[data-variant="linkSecondary"]:hover:not(:disabled) {
  color: var(--color-text-primary);
}

.Button_button__f_l0m[data-variant="linkSecondary"]:active:not(:disabled) {
  color: var(--color-text-primary);
}

.Button_button__f_l0m[data-variant="linkSecondary"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--color-neutral-400);
}

/* Size variants */
.Button_button__f_l0m[data-size="sm"] {
  height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}

.Button_button__f_l0m[data-variant="link"][data-size="sm"],
.Button_button__f_l0m[data-variant="linkSecondary"][data-size="sm"] {
  height: auto;
  padding: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/ExploreCTA/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__ilNTs {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.styles_content__phbFL {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  border-radius: inherit;
  gap: 20px;
}

.styles_header__oMm56 {
  display: flex;
  flex: 1 0;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.styles_title__vwYlf {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_actionSection__FeK4N {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}

@media (max-width: 768px) {
  .styles_actionSection__FeK4N {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
}

.styles_description__fxD2i {
  flex: 1 1 220px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

@media (max-width: 768px) {
  .styles_description__fxD2i {
    flex: none;
    text-align: center;
    width: 100%;
  }
}

.styles_ctaButton__Kslzy {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .styles_ctaButton__Kslzy {
    width: 100%;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/overview/TradePlacardOverview.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TradePlacardOverview_stockInfoContainer__QlTJB {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.TradePlacardOverview_stockInfo__WvU_e {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}

.TradePlacardOverview_bookmarkIcon__c02Kb {
  color: var(--color-text-accent);
  font-size: 24px;
  position: relative;
  flex-shrink: 0;
}

.TradePlacardOverview_bookmarkIconHistorical__JdBtz {
  color: var(--color-text-secondary);
}

.TradePlacardOverview_bookmarkIconFollowed__09J8J {
  color: var(--color-text-accent);
}

.TradePlacardOverview_bookmarkIconButton__oQCia {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: -4px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
}

.TradePlacardOverview_bookmarkIconButton__oQCia:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.TradePlacardOverview_bookmarkIconButton__oQCia:not(:disabled):focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}

.TradePlacardOverview_stockDetails__b_QEO {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  line-height: 1.5;
  flex-shrink: 0;
}

.TradePlacardOverview_ticker__oNfU6 {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  white-space: nowrap;
  text-decoration: none;
}

.TradePlacardOverview_ticker__oNfU6:hover {
  color: var(--color-text-accent);
  text-decoration: underline;
}

.TradePlacardOverview_industry__h1uqL {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: nowrap;
}

.TradePlacardOverview_optionDateText__fcJYj {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: nowrap;
}

.TradePlacardOverview_optionPriceText__oFe6D {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  white-space: nowrap;
}

.TradePlacardOverview_scoreInfo__ZYIXZ {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}

.TradePlacardOverview_scoreLabel__p3o8Q {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  text-align: right;
  margin: 0;
  white-space: nowrap;
}

.TradePlacardOverview_stockRating__V_QlS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* Sentiment bands — same thresholds and colors as ScoreBadge (SMG Scores) */
.TradePlacardOverview_stockRating__V_QlS[data-tone="high"] {
  background-color: var(--color-green-100);
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="mid"] {
  background-color: #fdf0d2;
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="low"] {
  background-color: var(--color-red-100);
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="na"] {
  background-color: var(--color-bg-tag);
}

.TradePlacardOverview_stockRatingHistorical__wIZvD {
  background-color: var(--color-bg-tag);
}

.TradePlacardOverview_scoreValue__Y3IyL {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  white-space: nowrap;
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="high"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: var(--color-green-700);
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="mid"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: #9a3412;
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="low"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: var(--color-red-700);
}

.TradePlacardOverview_stockRating__V_QlS[data-tone="na"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: var(--color-text-muted);
}

.TradePlacardOverview_scoreValueNA__vO7aM {
  font-weight: 500;
  font-size: 12px;
}

.TradePlacardOverview_scoreValueHistorical__H9UaK {
  color: var(--color-text-secondary);
}

.TradePlacardOverview_tradeInfo__pbeYZ {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 20px 0px;
}

.TradePlacardOverview_tradeDetails__ENe2g {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding-top: 4px;
  line-height: 1.5;
}

.TradePlacardOverview_tradeDetailsTitle__8LphM {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  min-width: 100%;
  white-space: pre-wrap;
}

.TradePlacardOverview_alertPosted__uppol {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.TradePlacardOverview_priceInfo__0qZUt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-end;
  line-height: 1.5;
  text-align: right;
  height: 50px;
}

.TradePlacardOverview_priceValue__qbeuB {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.TradePlacardOverview_priceLabel__tsLiP {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

/* Trade Summary Section */
.TradePlacardOverview_tradeSummary__S_nSl {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .TradePlacardOverview_tradeSummary__S_nSl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    gap: 8px;
  }

  /* Hide all dividers by default */
  .TradePlacardOverview_tradeSummary__S_nSl .TradePlacardOverview_divider__mgZ27 {
    display: none;
  }

  /* Position summary items explicitly in grid */
  /* Row 1: Hold Investment (1st child) and Trade Exit (3rd child) */
  .TradePlacardOverview_tradeSummary__S_nSl > .TradePlacardOverview_summaryItem__Ftq3i:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    border-right: 1px solid var(--color-border-module);
    padding-right: 16px;
    margin-right: -4px;
  }

  .TradePlacardOverview_tradeSummary__S_nSl > .TradePlacardOverview_summaryItem__Ftq3i:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  /* Row 2: Position size (5th child) and Profit Target (7th child) */
  .TradePlacardOverview_tradeSummary__S_nSl > .TradePlacardOverview_summaryItem__Ftq3i:nth-child(5) {
    grid-column: 1;
    grid-row: 2;
    border-right: 1px solid var(--color-border-module);
    padding-right: 16px;
    margin-right: -4px;
  }

  .TradePlacardOverview_tradeSummary__S_nSl > .TradePlacardOverview_summaryItem__Ftq3i:nth-child(7) {
    grid-column: 2;
    grid-row: 2;
  }
}

.TradePlacardOverview_summaryItem__Ftq3i {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  line-height: 1.5;
  padding: 12px;
  text-align: center;
  white-space: pre-wrap;
  flex: 1 1;
}

.TradePlacardOverview_summaryLabel__78M_A {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.TradePlacardOverview_summaryValue__RKgbZ {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.TradePlacardOverview_profitTargetValue__KWJ5W {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
}

.TradePlacardOverview_divider__mgZ27 {
  background-color: var(--color-border-module);
  height: 100px;
  width: 1px;
  flex-shrink: 0;
}

.TradePlacardOverview_exitDate___r2FJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
  text-align: center;
  white-space: pre-wrap;
  width: 100%;
}

.TradePlacardOverview_exitTime__1jW3w {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

/* Follow Trade Section */
.TradePlacardOverview_followTradeContainer__w34zH {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;

  padding: 16px 0px 0px 0px;
}

.TradePlacardOverview_followTradeText__0SJRS {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: right;
  margin: 0;
}

.TradePlacardOverview_followTradeText__0SJRS a {
  color: inherit;
  text-decoration: underline;
}

.TradePlacardOverview_followTradeButton__RLZ8Q {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 160px;
  height: 40px;
  padding: 10px 12px;
  background-color: var(--color-bg-accent);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-inverted);
  flex-shrink: 0;
  box-sizing: border-box;
}

.TradePlacardOverview_followTradeButton__RLZ8Q:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}

@media screen and (max-width: 768px) {
  .TradePlacardOverview_followTradeContainer__w34zH {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: stretch;
    justify-content: center;
  }

  .TradePlacardOverview_followTradeText__0SJRS {
    text-align: center;
  }

  .TradePlacardOverview_followTradeButton__RLZ8Q {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}

.TradePlacardOverview_followTradeButton__RLZ8Q:hover:not(:disabled) {
  background-color: var(--color-green-700);
}

.TradePlacardOverview_followTradeButton__RLZ8Q:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_ {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-accent);
  color: var(--color-text-accent);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_:hover:not(:disabled) {
  background-color: var(--color-bg-surface);
  border-color: var(--color-green-800);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_:hover:not(:disabled) .TradePlacardOverview_starIcon__Dh9sR {
  color: var(--color-green-700);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_:hover:not(:disabled) .TradePlacardOverview_followTradeButtonText__iOF0i {
  color: var(--color-green-700);
}

.TradePlacardOverview_starIcon__Dh9sR {
  width: 20px;
  height: 20px;
  font-size: 18px;
  flex-shrink: 0;
}

.TradePlacardOverview_followTradeButton__RLZ8Q:not(.TradePlacardOverview_followTradeButtonFollowed__yKuQ_) .TradePlacardOverview_starIcon__Dh9sR {
  color: var(--color-text-inverted);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_ .TradePlacardOverview_starIcon__Dh9sR {
  color: var(--color-text-accent);
}

.TradePlacardOverview_followTradeButtonText__iOF0i {
  white-space: nowrap;
}

.TradePlacardOverview_followTradeButton__RLZ8Q:not(.TradePlacardOverview_followTradeButtonFollowed__yKuQ_) .TradePlacardOverview_followTradeButtonText__iOF0i {
  color: var(--color-text-inverted);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_ .TradePlacardOverview_followTradeButtonText__iOF0i {
  color: var(--color-text-accent);
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_ .TradePlacardOverview_followTradeButtonTextDefault__G7GhV {
  display: inline;
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_ .TradePlacardOverview_followTradeButtonTextHover__rLmaD {
  display: none;
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_:hover:not(:disabled) .TradePlacardOverview_followTradeButtonTextDefault__G7GhV {
  display: none !important;
}

.TradePlacardOverview_followTradeButtonFollowed__yKuQ_:hover:not(:disabled) .TradePlacardOverview_followTradeButtonTextHover__rLmaD {
  display: inline !important;
  color: var(--color-green-700);
}

/* Strategies Section */
[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="high"] {
  background-color: var(--color-green-900);
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="mid"] {
  background-color: rgba(154, 52, 18, 0.35);
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="low"] {
  background-color: rgba(185, 28, 28, 0.35);
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="na"],
[data-theme="dark"] .TradePlacardOverview_stockRatingHistorical__wIZvD {
  background-color: var(--color-neutral-700);
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="high"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: var(--color-green-300);
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="mid"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: #fdba74;
}

[data-theme="dark"] .TradePlacardOverview_stockRating__V_QlS[data-tone="low"] .TradePlacardOverview_scoreValue__Y3IyL {
  color: #fca5a5;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Badge/Badge.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* Badge Component */
.Badge_badge___Jmm6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
  font-family: var(--font-sans);
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  line-height: 1.5;
  white-space: nowrap;
  box-sizing: border-box;
}

.Badge_badge___Jmm6[data-size="sm"] {
  padding: 0px 8px;
  font-weight: 500;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 0.65rem;
  @media screen and (max-width: 768px) {
    font-size: 10px;
  }
}

/* Neutral variant */
.Badge_badge___Jmm6[data-variant="neutral"] {
  background-color: var(--color-bg-chip-neutral);
  color: var(--color-text-primary);
}

/* Primary variant */
.Badge_badge___Jmm6[data-variant="primary"] {
  background-color: var(--color-bg-chip-primary);
  color: var(--color-text-primary);
}

/* Attention variant */
.Badge_badge___Jmm6[data-variant="attention"] {
  background-color: #fad84e;
  color: var(--color-text-primary);
}

/* Button-specific styles */
.Badge_badgeButton__1s494 {
  border: none;
  cursor: pointer;
  outline: none;
  transition:
    background-color var(--transition-base),
    color var(--transition-base),
    transform 150ms ease-out,
    box-shadow 150ms ease-out;
}

.Badge_badgeButton__1s494:active:not(:disabled) {
  transform: scale(0.97);
}

.Badge_badgeButton__1s494:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 162, 107, 0.5);
}

.Badge_badgeButton__1s494:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Neutral button states */
.Badge_badgeButton__1s494[data-variant="neutral"] {
  background-color: var(--color-bg-chip-neutral);
  color: var(--color-text-primary);
}

.Badge_badgeButton__1s494[data-variant="neutral"]:hover:not(:disabled) {
  background-color: var(--color-bg-chip-neutral-hover);
}

.Badge_badgeButton__1s494[data-variant="neutral"][data-selected="true"] {
  background-color: var(--color-bg-chip-neutral-selected);
  color: var(--color-bg-chip-neutral-selected-text);
}

.Badge_badgeButton__1s494[data-variant="neutral"][data-selected="true"]:hover:not(:disabled) {
  background-color: var(--color-bg-chip-neutral-selected);
  filter: brightness(1.05);
}

/* Primary button states */
.Badge_badgeButton__1s494[data-variant="primary"] {
  background-color: var(--color-bg-chip-primary);
  color: var(--color-text-primary);
  border: 1px solid transparent;
}

.Badge_badgeButton__1s494[data-variant="primary"]:hover:not(:disabled) {
  background-color: var(--color-bg-chip-primary-hover);
}

.Badge_badgeButton__1s494[data-variant="primary"][data-selected="true"] {
  background-color: var(--color-bg-chip-primary-selected);
  color: var(--color-bg-chip-primary-selected-text);
  border: 1px solid var(--color-chip-selected-border);
  font-weight: var(--font-bold);
}

.Badge_badgeButton__1s494[data-variant="primary"][data-selected="true"]:hover:not(:disabled) {
  background-color: var(--color-bg-chip-primary-selected);
  filter: brightness(1.05);
}

/* Attention button states (rarely used as button, but supported) */
.Badge_badgeButton__1s494[data-variant="attention"] {
  background-color: #fad84e;
  color: var(--color-text-primary);
}

.Badge_badgeButton__1s494[data-variant="attention"]:hover:not(:disabled) {
  background-color: #f5c842;
}

.Badge_badgeButton__1s494[data-variant="attention"][data-selected="true"] {
  background-color: #e6b800;
  color: var(--color-text-primary);
}

[data-theme="dark"] .Badge_badge___Jmm6[data-variant="attention"],
[data-theme="dark"] .Badge_badgeButton__1s494[data-variant="attention"] {
  background-color: #5c4a00;
  color: #ffeb9a;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/EnterUpToColumn/EnterUpToColumn.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.EnterUpToColumn_headerMultiline__j1ebl {
  display: block;
  white-space: pre-line;
  text-align: center;
  line-height: 1.25;
  font-size: 11px;
  max-width: 100%;
}

.EnterUpToColumn_headerMultilineText__snQZ2 {
  display: block;
  white-space: pre-line;
  text-align: center;
  line-height: 1.25;
  font-size: 11px;
}

.EnterUpToColumn_headerWithInfo__iE2uP {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
}

.EnterUpToColumn_infoButton__tVqeB {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--color-text-muted);
}

.EnterUpToColumn_infoButton__tVqeB:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
  border-radius: 50%;
}

.EnterUpToColumn_labelWithInfo__CidGn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

/* Right-aligned columns: parent flex positions the wrapper; lines stay centered within it. */
.EnterUpToColumn_headerWithInfo__iE2uP.EnterUpToColumn_headerRight__2wMMO,
.EnterUpToColumn_headerMultiline__j1ebl.EnterUpToColumn_headerRight__2wMMO {
  flex-shrink: 0;
}

.EnterUpToColumn_numericCell__KDpxK {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/TradePlacardPrimitives.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.TradePlacardPrimitives_pendingBadge__udL6f {
  padding: 0 8px;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.TradePlacardPrimitives_snapshotBadge__1_wiJ {
  padding: 4px 12px;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.TradePlacardPrimitives_overviewSnapshot__omBkd {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

.TradePlacardPrimitives_strategiesSnapshot__Z7SnF {
  margin-top: 8px;
  margin-bottom: 8px;
}

.TradePlacardPrimitives_dividerFull__UOFZ5 {
  height: 1px;
  margin-top: 16px;
  background-color: var(--color-border-module);
}

.TradePlacardPrimitives_dividerFull__UOFZ5[data-full="true"] {
  margin-inline: -1.5rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Dialog/Dialog.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.Dialog_dialog-overlay__6QFMt {
  position: fixed;
  z-index: 1200;
  animation-duration: var(--transition-base);
  animation-timing-function: ease;
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;

  /* State */
  &[data-state="open"] {
    animation-name: Dialog_fadeIn__FOCEm;
  }

  &[data-state="closed"] {
    animation-name: Dialog_fadeOut__xMKeZ;
  }
}

@keyframes Dialog_fadeIn__FOCEm {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Dialog_fadeOut__xMKeZ {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes Dialog_fadeZoomIn__EaK7N {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes Dialog_fadeZoomOut__ac9Dp {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
}

.Dialog_dialog-content__PKnwU {
  display: grid;
  position: fixed;
  z-index: 1201;
  left: 50%;
  width: 100%;
  max-width: calc(100% - var(--space-8));
  padding: var(--space-6);
  transform: translate(-50%, -50%);
  transition: all var(--transition-base);
  animation-duration: var(--transition-base);
  animation-timing-function: ease;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-surface);
  box-shadow: var(--shadow-lg);
  inset-block-start: 50%;
  grid-gap: var(--space-4);
  gap: var(--space-4);

  /* State */
  &[data-state="open"] {
    animation-name: Dialog_fadeZoomIn__EaK7N;
  }

  &[data-state="closed"] {
    animation-name: Dialog_fadeZoomOut__ac9Dp;
  }

  .Dialog_dialog-close__YjchH {
    position: absolute;
    border: none;
    border-radius: var(--radius-sm);
    outline: none;
    opacity: 0.7;
    background-color: transparent;
    color: inherit;
    inset-inline-end: var(--space-4);
    inset-block-start: var(--space-4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-6);
    height: var(--space-6);
    transition: opacity var(--transition-fast);

    /* State */
    &[data-state="open"] {
      background-color: var(--color-bg-muted);
      color: var(--color-text-muted);
    }

    /* Icon */
    & > svg {
      flex-shrink: 0;
      width: var(--space-4);
      height: var(--space-4);
      pointer-events: none;
    }

    /* Hover */
    &:hover {
      opacity: 1;
    }

    /* Focus */
    &:focus {
      box-shadow: 0 0 0 2px var(--color-ring);
    }

    /* Disabled */
    &:disabled {
      opacity: 0.7;
      pointer-events: none;
    }
  }

  .Dialog_dialog-header__G3ZQk {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--space-2);
  }

  .Dialog_dialog-footer__vyK9C {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--space-2);
  }

  .Dialog_dialog-title__V4_i3 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    line-height: var(--leading-normal);
    color: var(--color-text-primary);
  }

  .Dialog_dialog-description__9Qcv0 {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
  }
}

@media (min-width: 640px) {
  .Dialog_dialog-content__PKnwU {
    max-width: 32rem;

    .Dialog_dialog-header__G3ZQk {
      text-align: start;
    }

    .Dialog_dialog-footer__vyK9C {
      flex-direction: row;
      justify-content: end;
    }
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Skeleton/Skeleton.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_skeleton__wDV0B {
  animation: var(--animate-pulse);
  border-radius: var(--radius-xl);
  background-color: var(--color-bg-muted);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/BacktestDetailsModal/BacktestDetailsModal.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BacktestDetailsModal_backtestDialog__gliQf {
  max-width: 900px;
}

.BacktestDetailsModal_backtestDialogOptions__IWPiL {
  max-width: 620px;
}

.BacktestDetailsModal_backtestDialogBody__Epnhx {
  max-height: 70vh;
  overflow: auto;
  border: 1px solid var(--color-border-module);
  border-radius: 8px;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  .BacktestDetailsModal_backtestDialogBody__Epnhx {
    max-height: 55vh;
  }
}

.BacktestDetailsModal_backtestTable__34CmD {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: var(--color-text-secondary);
}

.BacktestDetailsModal_backtestTableOptions__LxivI {
  width: 100%;
}

.BacktestDetailsModal_backtestTableOptions__LxivI th:last-child,
.BacktestDetailsModal_backtestTableOptions__LxivI td:last-child {
  width: 42%;
  white-space: nowrap;
}

.BacktestDetailsModal_backtestTable__34CmD thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--color-bg-table-header);
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-table-divider);
}

.BacktestDetailsModal_backtestTable__34CmD tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-table-divider);
  color: var(--color-text-primary);
}

.BacktestDetailsModal_backtestTable__34CmD th.BacktestDetailsModal_backtestChangeCell__DYdte,
.BacktestDetailsModal_backtestTable__34CmD td.BacktestDetailsModal_backtestChangeCell__DYdte {
  text-align: right;
}

.BacktestDetailsModal_backtestPositive__AIj3d {
  color: var(--color-text-accent);
  font-weight: 600;
}

.BacktestDetailsModal_backtestNegative__tzBS7 {
  color: var(--color-red-600);
  font-weight: 600;
}

.BacktestDetailsModal_backtestTrendArrow__hEvkt {
  margin-left: 6px;
}

.BacktestDetailsModal_backtestStatusText__grHb3 {
  padding: 24px 16px;
  font-size: 13px;
  color: var(--color-text-secondary);
}

.BacktestDetailsModal_backtestErrorState__eICs_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 0 24px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/StockChart/styles.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__HddNs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  height: 100%;
}

.styles_tooltip__oREHc {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  padding: 0.6rem !important;
  box-sizing: border-box;

  z-index: 99;
  pointer-events: none !important;
  border: 1px solid lightgrey !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0 0.5rem -0.2rem;
  font-style: initial !important;
  font-weight: normal !important;
  font-size: 0.85rem !important;
  text-align: start;

  color: #676767 !important;
  background-color: rgb(255 255 255 / 50%) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(15px) !important;
          backdrop-filter: blur(15px) !important;

  &:hover {
    visibility: visible !important;
  }
}

.styles_tooltipArrow__ESgkC {
  background-color: rgb(255 255 255 / 50%);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  -webkit-clip-path: polygon(0 123.5%, 100% 23.5%, 100% 100%, 0 100%);
          clip-path: polygon(0 123.5%, 100% 23.5%, 100% 100%, 0 100%);
  border: 1px solid lightgrey;
}

.styles_tooltip__oREHc > * {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1ch;
}

.styles_tooltip__oREHc > *:first-child {
  align-self: center;
}

.styles_container__Bh7m7 {
  width: 100%;
  height: 100%;
}

.styles_container__Bh7m7 > canvas {
  width: 100%;
  height: 100%;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/strategies/TradePlacardDialogs.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TradePlacardDialogs_strategyChartDialog__xbUl9 {
  max-width: min(92vw, 720px) !important;
  width: 100%;
}

.TradePlacardDialogs_strategyChartDialogHeader__VhBc3 {
  text-align: center !important;
}

.TradePlacardDialogs_strategyChartDialogTitle__r1OgF {
  text-align: center;
}

.TradePlacardDialogs_strategyChartDialogBody__xP75U {
  width: 100%;
  min-width: 0;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/StrategyChartImage/StrategyChartImage.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
.StrategyChartImage_placeholder__47dZk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  box-sizing: border-box;
  padding: 4px;
  background: #f9fafb;
  border: none;
  border-radius: 4px;
  box-shadow: var(--shadow-sm);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  transition: box-shadow 0.15s ease;
}

.StrategyChartImage_placeholder__47dZk:hover {
  box-shadow: var(--shadow-md);
}

.StrategyChartImage_placeholderCompact__WkpSy {
  gap: 2px;
  padding: 3px 2px;
}

.StrategyChartImage_icon__SXr_d {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #a3a3a3;
}

.StrategyChartImage_iconCompact__zzKHz {
  width: 12px;
  height: 12px;
}

.StrategyChartImage_text__GX51Z {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.25;
  color: #737373;
  text-align: center;
  padding: 0 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.StrategyChartImage_textCompact__NudYN {
  display: block;
  width: 100%;
  min-width: 0;
  font-size: 7px;
  line-height: 1.15;
  padding: 0 1px;
  white-space: normal;
  overflow-wrap: break-word;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/strategies/TradePlacardStrategies.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TradePlacardStrategies_strategiesContainer__jetWL {
  background-color: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  margin-inline: -1.5rem;
}

.TradePlacardStrategies_reasonsContainer__poHJc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.5;
  font-size: 12px;
  white-space: pre-wrap;
}

.TradePlacardStrategies_reasonsTitle__wixpV {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0;
}

.TradePlacardStrategies_reasonsDescription__3MQd_ {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.TradePlacardStrategies_strategiesList__VDFfI {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}

.TradePlacardStrategies_fundamentalsSection__NFjiR {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}

.TradePlacardStrategies_strategyCard__TlXO_ {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.TradePlacardStrategies_strategyCardExpanded__iEbNH {
  border-color: var(--color-border-accent);
}

.TradePlacardStrategies_strategyCardInteractive__lKn1h {
  cursor: pointer;
}

.TradePlacardStrategies_strategyCardCollapsed__maCdl {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.TradePlacardStrategies_strategyCardCollapsedContent__Xafde {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex: 1 1;
  min-width: 0;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}

.TradePlacardStrategies_strategyIndexBadge__iqfi_ {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background-color: var(--color-bg-accent-light);
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: var(--color-text-accent-dark);
}

/* Matches one title row + gap + two description rows in strategyCollapsedText */
.TradePlacardStrategies_strategyCollapsedChartButton__Xs1og {
  all: unset;
  flex-shrink: 0;
  display: block;
  cursor: pointer;
  border-radius: 4px;
}

.TradePlacardStrategies_strategyCollapsedChartButton__Xs1og:disabled {
  cursor: default;
}

.TradePlacardStrategies_strategyCollapsedChartButton__Xs1og:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}

.TradePlacardStrategies_strategyCollapsedChart__xwnDp {
  height: calc(14px * 1.2 + 4px + 12px * 1.5 * 2);
  width: calc((14px * 1.2 + 4px + 12px * 1.5 * 2) * (148 / 95));
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.TradePlacardStrategies_strategyCollapsedChartImage__iZZ_v {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_strategyCollapsedChartButton__Xs1og:not(:disabled):hover .TradePlacardStrategies_strategyCollapsedChartImage__iZZ_v {
    box-shadow: inset 0 0 0 1px var(--color-border-accent);
  }
}

.TradePlacardStrategies_strategyCollapsedText__x9q9X {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1;
  min-width: 0;
}

.TradePlacardStrategies_strategyCollapsedTitle__ntGDy {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-accent);
  text-decoration: underline;
  margin: 0;
  white-space: pre-wrap;
}

.TradePlacardStrategies_strategyCollapsedDescription__pHn4x {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: pre-wrap;
}

.TradePlacardStrategies_viewBacktestButton__WVPol {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 8px 12px;
  margin: 0;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-button-secondary-border);
  background-color: var(--color-button-secondary-bg);
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  @media screen and (max-width: 768px) {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_viewBacktestButton__WVPol:hover {
    background-color: var(--color-button-secondary-hover);
  }
}

.TradePlacardStrategies_viewBacktestChevron__90Xwn {
  flex-shrink: 0;
  color: var(--color-text-accent);
  font-size: 10px;
  width: 10px;
  height: 10px;
}

.TradePlacardStrategies_strategyExpandChevron__XWlSN {
  flex-shrink: 0;
  color: var(--color-text-accent);
  font-size: 12px;
  width: 12px;
  height: 12px;
}

.TradePlacardStrategies_durationToggle___4hWg {
  all: unset;
  display: flex;
  gap: 4px;
  align-items: center;
  line-height: 1.5;
  font-size: 12px;
  flex-shrink: 0;
  cursor: pointer;
}

/* Desktop hover state - show border on hover */
@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_strategyCard__TlXO_:hover {
    border: 1px solid var(--color-border-accent);
  }
}

.TradePlacardStrategies_strategyCardMarked__JH3qI {
  border-color: var(--color-border-accent);
  padding-top: 16px;
}

.TradePlacardStrategies_strategyBadge__uCz_2 {
  position: absolute;
  top: -12px;
  left: 15px;
  background-color: var(--color-green-50);
  padding: 4px 8px;
  border-radius: 42px;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-green-700);
}

.TradePlacardStrategies_strategyCardContainer__tb_GQ {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}

/* Desktop: show nested historical performance, hide mobile version (default) */
.TradePlacardStrategies_historicalPerformanceDesktop__AwgVe {
  display: flex;
}

.TradePlacardStrategies_historicalPerformanceMobile___AE_Z {
  display: none;
}

/* Ensure mobile version stays hidden on desktop */
@media (min-width: 769px) {
  .TradePlacardStrategies_historicalPerformanceMobile___AE_Z {
    display: none !important;
  }
}

/* Mobile layout: image + title/duration in top row, historical performance below */
@media screen and (max-width: 768px) {
  .TradePlacardStrategies_strategyCard__TlXO_ {
    padding: 16px;
  }

  /* On mobile, use CSS Grid for better layout control */
  .TradePlacardStrategies_strategyCardContainer__tb_GQ {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto auto;
    grid-gap: 12px 12px;
    gap: 12px 12px;
    align-items: start;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .TradePlacardStrategies_strategyImageWrapper__xsrkn {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .TradePlacardStrategies_strategyData__WPOau {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-self: start;
    min-width: 0;
    overflow: hidden;
  }

  .TradePlacardStrategies_strategyHeader__24ZJq {
    align-self: start;
    min-width: 0;
    width: 100%;
  }

  /* Hide desktop version on mobile */
  .TradePlacardStrategies_historicalPerformanceDesktop__AwgVe {
    display: none !important;
  }

  /* Show mobile version on mobile */
  .TradePlacardStrategies_historicalPerformanceMobile___AE_Z {
    display: flex;
    flex-direction: column;
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    margin-top: 0;
  }
}

.TradePlacardStrategies_strategyImageWrapper__xsrkn {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}

.TradePlacardStrategies_strategyImageHoverContainer__wFJvt {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Desktop: make container relative for absolute positioning of link */
@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_strategyImageHoverContainer__wFJvt {
    position: relative;
  }
}

.TradePlacardStrategies_strategyImageContainer__RKv5E {
  height: 95px;
  width: 148px;
  border-radius: 4.8px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.TradePlacardStrategies_strategyImage__6lY_n {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: box-shadow 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_strategyImageContainer__RKv5E:hover img.TradePlacardStrategies_strategyImage__6lY_n,
  .TradePlacardStrategies_strategyImageHoverContainer__wFJvt:hover img.TradePlacardStrategies_strategyImage__6lY_n {
    box-shadow: inset 0 0 0 1px var(--color-border-accent);
  }

  .TradePlacardStrategies_strategyImageContainer__RKv5E:hover > :not(img),
  .TradePlacardStrategies_strategyImageHoverContainer__wFJvt:hover .TradePlacardStrategies_strategyImageContainer__RKv5E > :not(img) {
    border-color: var(--color-border-accent);
  }
}

.TradePlacardStrategies_priceChartLink__fv5w_ {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-accent);
  padding: 0 4px;
  height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: transparent;
  box-sizing: border-box;
}

.TradePlacardStrategies_priceChartLink__fv5w_:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Desktop: absolutely position inside image container area, invisible by default */
@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_priceChartLink__fv5w_ {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    transition:
      opacity 0.2s ease,
      visibility 0.2s ease;
    padding: 0 8px;
    height: 20px;
  }

  .TradePlacardStrategies_strategyImageContainer__RKv5E:hover ~ .TradePlacardStrategies_priceChartLink__fv5w_,
  .TradePlacardStrategies_strategyImageHoverContainer__wFJvt:hover .TradePlacardStrategies_priceChartLink__fv5w_ {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }
}

/* Mobile: always show link */
@media screen and (max-width: 768px) {
  .TradePlacardStrategies_priceChartLink__fv5w_ {
    position: static;
    display: flex;
    height: 16px;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
    padding: 0 4px;
    justify-content: center;
  }

  .TradePlacardStrategies_strategyImageWrapper__xsrkn {
    gap: 4px;
  }

  .TradePlacardStrategies_strategyImageContainer__RKv5E {
    width: 120px;
    height: 77px;
  }
}

.TradePlacardStrategies_strategyData__WPOau {
  display: flex;
  flex: 1 0;
  gap: 16px;
  flex-direction: column;
  justify-content: space-between;
}

/* Desktop: ensure historical performance is shown */
.TradePlacardStrategies_historicalPerformanceDesktop__AwgVe {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.TradePlacardStrategies_strategyHeader__24ZJq {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}

/* Mobile: header should be in row with image, not stacked */
@media screen and (max-width: 768px) {
  .TradePlacardStrategies_strategyHeader__24ZJq {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.TradePlacardStrategies_strategyTitle__PfQel {
  flex: 1 0;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-accent);
  text-decoration: underline;
  margin: 0;
  min-width: 0;
  white-space: pre-wrap;
}

.TradePlacardStrategies_duration__CfwkR {
  display: flex;
  gap: 4px;
  align-items: center;
  line-height: 1.5;
  font-size: 12px;
  flex-shrink: 0;
}

.TradePlacardStrategies_durationLabel__OjNCS {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  color: var(--color-text-secondary);
}

.TradePlacardStrategies_durationValue__5L8GB {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  color: var(--color-text-primary);
}

.TradePlacardStrategies_historicalPerformance__IkK3R {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* Mobile: adjust spacing */
@media screen and (max-width: 768px) {
  .TradePlacardStrategies_historicalPerformance__IkK3R {
    gap: 4px;
  }
}

.TradePlacardStrategies_historicalPerformanceLabel__V_KhK {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-muted);
  margin: 0;
  cursor: help;
}

.TradePlacardStrategies_performanceMetrics__mm9SD {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}

.TradePlacardStrategies_metricItem__9kf6w {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  min-height: 40px;
}

.TradePlacardStrategies_metricItem__9kf6w:last-child {
  align-items: flex-end;
  text-align: right;
}

.TradePlacardStrategies_metricLabel__jfNk5 {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.TradePlacardStrategies_metricValue__gw0QU {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin: 0;
}

.TradePlacardStrategies_annualizedReturnContainer__LGJDn {
  all: unset;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  position: relative;
  padding: 2px;
  margin: -2px;
  cursor: pointer;
  text-align: right;
}

.TradePlacardStrategies_annualizedReturnContainer__LGJDn:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Desktop: add border on hover */
@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_annualizedReturnContainer__LGJDn:hover {
    cursor: pointer;
    outline: 1px solid var(--color-border-focus);
    outline-offset: 2px;
    border-radius: 4px;
  }
}

.TradePlacardStrategies_performanceDetailsLink__3YDfV {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-accent);
  padding: 0;
  height: 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  margin-top: -1px;
}

/* Desktop: hide performance details link completely */
@media (hover: hover) and (pointer: fine) {
  .TradePlacardStrategies_historicalPerformanceDesktop__AwgVe .TradePlacardStrategies_performanceDetailsLink__3YDfV {
    display: none !important;
  }
}

/* Mobile: always show link */
@media screen and (max-width: 768px) {
  .TradePlacardStrategies_performanceDetailsLink__3YDfV {
    display: flex;
  }
}

.TradePlacardStrategies_sourceLink__cnNuV {
  color: var(--color-text-accent);
  text-decoration: underline;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
}

.TradePlacardStrategies_disclaimer__qmTZM {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: pre-wrap;
}

.TradePlacardStrategies_disclaimer__qmTZM a {
  color: inherit;
  text-decoration: underline;
}

[data-theme="dark"] .TradePlacardStrategies_strategyBadge__uCz_2 {
  background-color: var(--color-green-900);
  color: var(--color-green-300);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/TradePlacardShell.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.TradePlacardShell_placardSheetContent__bQKER {
  gap: 0;
}

.TradePlacardShell_sheetTitle__NBnVs {
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

@media (min-width: 768px) {
  .TradePlacardShell_placardSheetContent__bQKER {
    padding-top: 2.5rem;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/components/TradePlacard/TradePlacardSkeleton.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Skeleton dimensions matching TradePlacard layout */
.TradePlacardSkeleton_title__IQK0n {
  width: 140px;
  height: 24px;
}

.TradePlacardSkeleton_bookmarkIcon__HSs6m {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.TradePlacardSkeleton_ticker__VLq64 {
  width: 72px;
  height: 20px;
}

.TradePlacardSkeleton_industry__IX4Kn {
  width: 96px;
  height: 12px;
  margin-top: 4px;
}

.TradePlacardSkeleton_scoreBox__n8aib {
  width: 56px;
  height: 56px;
  border-radius: 8px;
}

.TradePlacardSkeleton_tradeDetailsTitle__2tcQ2 {
  width: 120px;
  height: 16px;
}

.TradePlacardSkeleton_alertPosted__qSbmA {
  width: 160px;
  height: 12px;
  margin-top: 6px;
}

.TradePlacardSkeleton_priceValue__svSBH {
  width: 80px;
  height: 20px;
}

.TradePlacardSkeleton_priceLabel__g1EEt {
  width: 140px;
  height: 12px;
  margin-top: 4px;
}

.TradePlacardSkeleton_summaryLabel__DuP_S {
  width: 80px;
  height: 12px;
}

.TradePlacardSkeleton_summaryValue__ViD0P {
  width: 64px;
  height: 16px;
  margin-top: 8px;
}

.TradePlacardSkeleton_followText__XxmsH {
  width: 200px;
  height: 14px;
}

.TradePlacardSkeleton_followButton__z4bwg {
  width: 160px;
  height: 40px;
  border-radius: 8px;
}

.TradePlacardSkeleton_reasonsTitle__mi0C_ {
  width: 280px;
  height: 14px;
}

.TradePlacardSkeleton_reasonsDescription__lg4Yp {
  width: 100%;
  max-width: 400px;
  height: 36px;
  margin-top: 8px;
}

.TradePlacardSkeleton_strategyImage__yULM3 {
  width: 100%;
  height: 100%;
  border-radius: 4.8px;
}

.TradePlacardSkeleton_strategyIndexBadge__SVX3j {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--radius-md);
}

.TradePlacardSkeleton_strategyCollapsedTitle__zkC7a {
  width: 180px;
  max-width: 100%;
  height: 14px;
}

.TradePlacardSkeleton_strategyCollapsedDescription__kXmFb {
  width: 100%;
  height: 32px;
  margin-top: 4px;
}

.TradePlacardSkeleton_viewBacktestButton__2e8kG {
  width: 120px;
  height: 36px;
  flex-shrink: 0;
  border-radius: var(--radius-full);
}

.TradePlacardSkeleton_duration__4iCj0 {
  width: 100px;
  height: 14px;
}

.TradePlacardSkeleton_performanceLabel__Ql4l9 {
  width: 220px;
  height: 10px;
}

.TradePlacardSkeleton_metricLabel__qH6zk {
  width: 60px;
  height: 12px;
}

.TradePlacardSkeleton_metricValue__qfI_u {
  width: 32px;
  height: 14px;
  margin-top: 4px;
}

.TradePlacardSkeleton_disclaimer__PrIcO {
  width: 160px;
  height: 12px;
}

@media screen and (max-width: 768px) {
  .TradePlacardSkeleton_strategyImage__yULM3 {
    width: 120px;
    height: 77px;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Table/Table.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.Table_tableWrapper__oZRHg {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.Table_table__vDVkk {
  width: max-content;
  min-width: 100%;
  /* box-shadow and borders will not work with position: sticky otherwise */
  border-collapse: separate !important;
  border-spacing: 0;
  font-size: 12px;
  line-height: 1.5;
}

.Table_tableHeader__IVkzZ {
  height: 48px;
}

.Table_tableBody__EDB4v {
  /* Body styles */
}

.Table_tableFooter__piNJd {
  /* Footer styles */
}

.Table_tableRow__X5o44 {
  transition: background-color 0.2s ease;
  background-color: var(--color-bg-table-row);
}

.Table_tableRow__X5o44:nth-child(even) {
  background-color: var(--color-bg-table-row-alt);
}

.Table_tableRow__X5o44:hover {
  background-color: var(--color-bg-table-row-hover);
}

.Table_tableHead__cVOdH {
  padding: 8px 12px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  vertical-align: middle;
  background-color: var(--color-bg-table-header);
  border-bottom: 1px solid var(--color-table-divider);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  white-space: nowrap;
}

.Table_tableCell__kRuk2 {
  padding: 0 12px;
  vertical-align: middle;
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  box-sizing: border-box;
  height: 56px;
  border-bottom: 1px solid var(--color-table-divider);
  white-space: nowrap;
}

.Table_omitLastRowBorder__AX1BE .Table_tableBody__EDB4v .Table_tableRow__X5o44:last-child .Table_tableCell__kRuk2 {
  border-bottom: 0;
}

.Table_tableCaption__g4Gwp {
  margin-top: 1rem;
  font-size: 12px;
  color: var(--color-text-secondary);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/DataTable/DataTable.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.DataTable_pinnedTableWrapper__iCE73 {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.DataTable_pinnedCell__KOjjx {
  background-color: var(--color-bg-table-row);
  transition: background-color 0.2s ease;
}

/* Make pinned cells match row hover background (css-only, no layout thrashing) */
.DataTable_pinnedTableWrapper__iCE73 tr:hover .DataTable_pinnedCell__KOjjx {
  background-color: var(--color-bg-table-row-hover) !important;
}

.DataTable_pinnedTableWrapper__iCE73 tr:nth-child(even) .DataTable_pinnedCell__KOjjx {
  background-color: var(--color-bg-table-row-alt);
}

.DataTable_pinnedTableWrapper__iCE73 tr:nth-child(even):hover .DataTable_pinnedCell__KOjjx {
  background-color: var(--color-bg-table-row-hover) !important;
}

.DataTable_pinnedHeaderCell__QJktp {
  background-color: var(--color-bg-table-header);
}

/* Sticky positioning and z-index (left/right remain inline – dynamic per column) */
.DataTable_pinnedLeft__FmHFS {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

.DataTable_pinnedRight__oGEBc {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

.DataTable_shadowLeft__ckNM_ {
  box-shadow: 8px 0 8px 0px rgba(82, 82, 82, 0.1);
}

.DataTable_shadowRight__T31dd {
  box-shadow: -8px 0 8px 0px rgba(82, 82, 82, 0.1);
}

/* Server-side sortable column header */
.DataTable_sortableHeader__nJr_H {
  vertical-align: middle;
}

.DataTable_numericAlignHeader__m15wE {
  text-align: right;
}

.DataTable_numericAlignHeader__m15wE .DataTable_sortableHeaderButton__Lfmo8 {
  width: 100%;
  justify-content: flex-end;
}

.DataTable_numericAlignHeader__m15wE > :not(.DataTable_sortableHeaderButton__Lfmo8) {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.DataTable_centerAlignHeader__fg7Iv {
  text-align: center;
}

.DataTable_centerAlignHeader__fg7Iv .DataTable_sortableHeaderButton__Lfmo8 {
  width: 100%;
  justify-content: center;
}

.DataTable_centerAlignHeader__fg7Iv > :not(.DataTable_sortableHeaderButton__Lfmo8) {
  display: flex;
  width: 100%;
  justify-content: center;
}

.DataTable_numericAlignCell__WDo_3 {
  text-align: right;
}

.DataTable_centerAlignCell__qc0Pd {
  text-align: center;
}

.DataTable_sortableHeaderButton__Lfmo8 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  line-height: inherit;
}

.DataTable_sortableHeaderButton__Lfmo8:hover {
  opacity: 0.85;
}

.DataTable_sortIndicator__87EIs {
  flex-shrink: 0;
  color: var(--color-text-secondary);
}

.DataTable_sortIndicatorHidden__2M_4p {
  visibility: hidden;
}

.DataTable_sortIndicatorActive__n2kSS {
  color: var(--color-text-accent);
}

.DataTable_sortIndicatorUnsorted__Yz0CK {
  opacity: 0.4;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/FollowedTrades/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__kHkus {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}

.styles_mobileOnly__5Km4A {
  display: none;
}

.styles_desktopOnly__UynGY {
  display: block;
  height: 100%;
}

.styles_content__dpW9u {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  border-radius: inherit;
  gap: 20px;
}

.styles_collapsedTrigger__sDdwQ {
  all: unset;
  width: 100%;
  cursor: pointer;
}

.styles_mobileCollapsedRow__XDQuV {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.styles_mobileCollapsedRow__XDQuV .styles_collapsedTrigger__sDdwQ {
  flex: 1 1;
  min-width: 0;
}

.styles_header__Ze_we {
  display: flex;
  flex: 1 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.styles_headerLeft__6DGEE {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.styles_badge__HtlCX {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background-color: var(--color-bg-accent);
  border-radius: 9999px;
  padding: 6px 12px;
  min-width: 40px;
  height: auto;
}

.styles_badgeEmpty__2eZzd {
  background-color: var(--color-text-secondary);
}

.styles_badgeStar__mRXHm {
  color: var(--color-text-inverted);
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.styles_badgeNumber__aI0Cq {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-inverted);
}

.styles_titleSection__vslzm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 0;
}

.styles_titleRow__xB6jb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.styles_title__GE65a {
  flex: 1 0;
  min-width: 0;
}

.styles_chevronButton__pDImV {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_chevronIcon__BvPOY {
  color: var(--color-text-secondary);
  font-size: 20px;
  width: 18px;
  height: 18px;
}

.styles_tradesCountRow__GQavB {
  display: flex;
  align-items: center;
  gap: 10px;
}

.styles_alertIcon__7UB_5 {
  color: var(--color-text-secondary);
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.styles_tradesCount__SCC13 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.styles_tradesCountText__d9U23 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  flex: 1 1;
}

.styles_title__GE65a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_subtitle__T5FUl {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  text-align: left;
}

.styles_drawerHeaderContent__8g8eA {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.styles_drawerHeaderContent__8g8eA .styles_headerLeft__6DGEE {
  flex: 1 0;
  width: 100%;
}

.styles_drawerHeaderContent__8g8eA .styles_titleSection__vslzm {
  flex: 1 0;
  min-width: 0;
  text-align: left;
}

.styles_drawerTitle__y95n7 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
}

.styles_seeAllLink__GLsPt {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 48px;
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
  background: transparent;
  transition: opacity 0.2s ease;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.styles_seeAllLink__GLsPt:hover {
  opacity: 0.8;
}

.styles_seeAllLink__GLsPt:active {
  opacity: 0.6;
}

.styles_seeAllText__Y1lxb {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
  white-space: nowrap;
}

.styles_chevron__W7Ncu {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_chevron__W7Ncu svg {
  width: 6px;
  height: 10px;
}

.styles_tableContainer__xFSYd {
  /* padding: 0 20px 20px 20px; */
}

.styles_tableContainer__xFSYd thead th:first-child {
  border-top-left-radius: 8px;
}

.styles_tableContainer__xFSYd thead th:last-child {
  border-top-right-radius: 8px;
}

.styles_emptyState__y8WBL {
  padding: 32px 20px;
}

.styles_drawerScrollableNoPadding__lFdly {
  padding: 0 !important;
}

.styles_tickerCell__kd9Ki {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 4px 0;
  box-sizing: border-box;
}

.styles_tickerInfo__xLnom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.5;
  gap: 0;
  min-width: 0;
}

@keyframes styles_starButtonPop__Wg8Wd {
  0% {
    transform: scale(0.8);
  }

  40% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.styles_starButton__ibTMW {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}

.styles_starButton__ibTMW:active {
  animation: styles_starButtonPop__Wg8Wd 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.styles_starOutline__IuBTl {
  color: var(--color-text-muted);
  font-size: 18px;
}

.styles_starFilled__0Q6qJ {
  color: #ffa346;
  font-size: 18px;
}

.styles_tickerText__I8vV4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.styles_tickerText__I8vV4:hover {
  color: var(--color-text-accent);
  text-decoration: underline;
}

.styles_dateText__aGSN3 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.styles_priceText__ugL89 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
}

.styles_cellText__ynefe {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.styles_dateTimeCell__fAuss {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
}

.styles_timeText__DObJC {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

.styles_statusIconCell__LVp_a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_statusButton__bmhAy {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-color: transparent;
  border: 1.5px solid #ffa346;
  border-radius: 50%;
}

.styles_statusIcon__HXynL {
  color: #ffa346;
  font-size: 10px;
}

/* Empty State Styles */
.styles_emptyState__y8WBL {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
  max-width: 504px;
  margin: 0 auto;
}

.styles_emptyStateContent__MAhdc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 100%;
}

.styles_emptyStateSubtext__kZrO4 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

.styles_emptyStateTitle__aFT91 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

.styles_emptyStateText__JJLmg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.styles_emptyStateDescription__jHJ2o {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

.styles_emptyStateFollowRow__t0Hp7 {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

.styles_followStarIcon__ooreN {
  color: #ec9000;
  font-size: 18px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.styles_followBold__wJpvr {
  font-weight: 700;
}

.styles_emptyStateCta__EnB_l {
  display: flex;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  max-width: 450px;
}

.styles_ctaCard__g4cOU {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-surface-border);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  flex: 1 0;
  min-height: 124px;
  box-sizing: border-box;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.styles_ctaCard__g4cOU:hover {
  opacity: 0.8;
}

.styles_ctaCardText__pJW1C {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: pre-wrap;
}

.styles_ctaCardLink__0llcx {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
}

.styles_ctaCardLinkText__xUJqq {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
}

.styles_ctaCardChevron__SaQXk {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_ctaCardChevron__SaQXk svg {
  width: 6px;
  height: 10px;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
  .styles_mobileOnly__5Km4A {
    display: block;
  }

  .styles_desktopOnly__UynGY {
    display: none;
  }

  .styles_header__Ze_we {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .styles_seeAllLink__GLsPt {
    align-self: flex-start;
    height: auto;
  }

  .styles_tableContainer__xFSYd {
    padding: 0 0px 0px 12px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Popover/Popover.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.Popover_popoverContent__GTIqp {
  z-index: 50;
  width: 18rem;
  max-width: calc(100vw - 1rem);
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 1rem;
  color: #111827;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  outline: none;
  animation-duration: 150ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="top"] {
  animation-name: Popover_slide-in-from-bottom__urS9b;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="bottom"] {
  animation-name: Popover_slide-in-from-top__oDrMP;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="left"] {
  animation-name: Popover_slide-in-from-right__tVcWw;
}

.Popover_popoverContent__GTIqp[data-state="open"][data-side="right"] {
  animation-name: Popover_slide-in-from-left__sr28k;
}

.Popover_popoverContent__GTIqp[data-state="open"]:not([data-side]) {
  animation-name: Popover_popover-in__7RGsR;
}

.Popover_popoverContent__GTIqp[data-state="closed"] {
  animation-name: Popover_popover-out__KM7if;
}

@keyframes Popover_popover-in__7RGsR {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Popover_popover-out__KM7if {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@keyframes Popover_slide-in-from-top__oDrMP {
  from {
    transform: translateY(-0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-bottom__urS9b {
  from {
    transform: translateY(0.5rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-left__sr28k {
  from {
    transform: translateX(-0.5rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes Popover_slide-in-from-right__tVcWw {
  from {
    transform: translateX(0.5rem);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Tour/Tour.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.Tour_anchor__lMNHx {
  pointer-events: none;
  position: fixed;
}

.Tour_frame__1RXW5 {
  pointer-events: none;
  position: fixed;
  border-radius: 0.375rem;
  outline: 2px solid var(--primary);
}

.Tour_overlay__fNPgW {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: auto;
}

.Tour_contentBase__wUapi {
  min-width: 20rem;
  max-width: 24rem;
  border: 2px solid var(--border);
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
  background-color: var(--color-bg-surface);
  color: var(--popover-foreground);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  outline: none;
}

.Tour_dialogWrapper__yZDhU {
  position: fixed;
  inset: 0;
  z-index: 1002;
  pointer-events: none;
  animation: Tour_tourFadeIn__4F4Qb 150ms ease-out;
}

.Tour_dialogContent__0I3VG {
  pointer-events: auto;
}

.Tour_mobileContent__mQoaC {
  overflow: auto;
}

@media (max-width: 768px) {
  .Tour_mobileContent__mQoaC {
    border-color: var(--primary);
    outline: 1px solid var(--primary);
    outline-offset: 0;
  }
}

.Tour_popoverContentAnimated__Gt7zs {
  animation: Tour_tourFadeZoomIn__orkVn 180ms ease-out;
}

.Tour_popoverContentHiddenWhenDialog__etrrl {
  pointer-events: none;
  display: none;
}

.Tour_title__ElxdK {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.Tour_description__0_dRo {
  margin: 0 0 1rem;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--muted-foreground);
}

.Tour_progress__SDA45 {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  color: var(--muted-foreground);
  opacity: 1;
}

.Tour_arrow__GEku2 {
  display: block;
  fill: var(--color-bg-surface);
  stroke: var(--border);
  stroke-width: 1px;
  visibility: visible !important;
  opacity: 1 !important;
}

.Tour_actionsRow__8W2rf {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.Tour_actionsGroup__mIXxw {
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}

.Tour_headerRow__dMQJH {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.Tour_headerInfo__oISzR {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.Tour_closeText__y8wih {
  cursor: pointer;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--primary);
  white-space: nowrap;
}

.Tour_actionButton__CzX82 {
  height: 40px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

@keyframes Tour_tourFadeIn__4F4Qb {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes Tour_tourFadeZoomIn__orkVn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/PopularCategories/styles.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__VeEQ2 {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.styles_content__SWZsB {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  border-radius: inherit;
  gap: 20px;
}

.styles_header__Fzm5j {
  display: flex;
  flex: 1 0;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.styles_title__j4AHS {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_categoriesList__iLJ_E {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-auto-rows: 40px;
  grid-gap: 8px;
  gap: 8px;
  width: 100%;
}

.styles_categoryButton__DmZHw {
  all: unset;
  display: flex;
  flex: 1 0;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 8px 0 12px;
  background-color: var(--color-bg-accent-light);
  border: 1px solid var(--color-border-module);
  border-radius: 8px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
  box-sizing: border-box;
}

.styles_categoryButton__DmZHw:hover {
  background-color: var(--color-green-200);
  border-color: var(--color-neutral-500);
  text-decoration: none;
}

.styles_categoryButtonHovered__wSeue {
  background-color: var(--color-green-200);
  border-color: var(--color-neutral-500);
}

.styles_categoryText__bJQsn {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.styles_chevronIcon__98c_L {
  font-size: 10px;
  color: var(--color-text-secondary);
}

.styles_categoryButtonHovered__wSeue .styles_chevronIcon__98c_L {
  color: var(--color-text-primary);
}

[data-theme="dark"] .styles_categoryButton__DmZHw:hover,
[data-theme="dark"] .styles_categoryButtonHovered__wSeue {
  background-color: var(--color-neutral-600);
  border-color: var(--color-neutral-500);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ui/Input/Input.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.Input_input__a5J6C {
  display: flex;
  height: 40px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--color-input-border);
  background-color: var(--color-bg-primary);
  padding: 0 12px;
  font-family: var(--font-ibm-plex-sans), sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-text-primary);
  box-sizing: border-box;
  transition:
    border-color var(--transition-base),
    box-shadow var(--transition-base);
}

.Input_inputWrapper__iMK2O {
  position: relative;
  width: 100%;
}

.Input_inputWithToggle__RvafI {
  padding-right: 38px;
}

.Input_visibilityToggle__3_eRI {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--color-text-muted);
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.Input_visibilityToggle__3_eRI:hover:not(:disabled) {
  color: var(--color-text-primary);
}

.Input_visibilityToggle__3_eRI:focus-visible {
  border-radius: 4px;
  outline: 1px solid var(--color-border-default);
  outline-offset: 1px;
}

.Input_visibilityToggle__3_eRI:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.Input_input__a5J6C::placeholder {
  color: var(--color-neutral-400);
}

.Input_input__a5J6C:hover:not(:disabled) {
  border-color: var(--color-border-default);
}

.Input_input__a5J6C:focus {
  outline: none;
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.15);
}

.Input_input__a5J6C:focus-visible {
  outline: none;
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(0, 162, 107, 0.15);
}

.Input_input__a5J6C:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: var(--color-bg-muted);
}

.Input_input__a5J6C[type="file"] {
  padding: 0;
}

.Input_input__a5J6C[type="file"]::-webkit-file-upload-button {
  background-color: var(--color-bg-muted);
  border: none;
  border-right: 1px solid var(--color-border-default);
  padding: 0 12px;
  height: 100%;
  font-family: var(--font-ibm-plex-sans), sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary);
  cursor: pointer;
  -webkit-transition: background-color var(--transition-base);
  transition: background-color var(--transition-base);
}

.Input_input__a5J6C[type="file"]::file-selector-button {
  background-color: var(--color-bg-muted);
  border: none;
  border-right: 1px solid var(--color-border-default);
  padding: 0 12px;
  height: 100%;
  font-family: var(--font-ibm-plex-sans), sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: background-color var(--transition-base);
}

.Input_input__a5J6C[type="file"]::-webkit-file-upload-button:hover {
  background-color: var(--color-bg-hover);
}

.Input_input__a5J6C[type="file"]::file-selector-button:hover {
  background-color: var(--color-bg-hover);
}

/* Hide number input spinners */
.Input_input__a5J6C[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
  -webkit-appearance: textfield;
          appearance: textfield;
  /* Standard */
}

.Input_input__a5J6C[type="number"]::-webkit-inner-spin-button,
.Input_input__a5J6C[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* Chrome, Safari, Edge */
  appearance: none;
  /* Standard */
  margin: 0;
}

/* Size variants */
.Input_input__a5J6C[data-size="sm"] {
  font-size: 12px;
  line-height: 1.5;

  /* on mobile make the text size 1em to prevent zooming */
  @media (max-width: 600px) {
    font-size: 16px;

    &::placeholder {
      font-size: 12px;
    }
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/Portfolio/styles.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
/* Responsive show/hide utilities */
.styles_desktopOnly__jCWG3 {
  display: block;
}

.styles_mobileOnly__Y82cL {
  display: none;
}

@media screen and (max-width: 768px) {
  .styles_desktopOnly__jCWG3 {
    display: none;
  }

  .styles_mobileOnly__Y82cL {
    display: block;
  }
}

.styles_container__Asv0h {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  min-height: 88px;
  height: 100%;
  box-sizing: border-box;
}

.styles_content__ffSJ7 {
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  align-items: center;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.styles_accountInfo__qSBU7 {
  display: flex;
  flex: 1 0;
  gap: 20px;
  align-items: center;
  min-height: 0;
  min-width: 0;
}

/* Account Size Component */
.styles_accountSize__12DxQ {
  background-color: var(--color-bg-accent);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 88px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 8px;
  width: 240px;
  flex-shrink: 0;
}

.styles_accountHeader__kQszs {
  display: flex;
  gap: 8px;
  height: 22px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.styles_labelRow__TLC2v {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 0;
}

.styles_accountLabel__WTjKi {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-inverted);
  margin: 0;
  flex-shrink: 0;
}

.styles_accountValue__QrbwT {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.styles_accountValueText__PsoAn {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-inverted);
  margin: 0;
}

/* Portfolio Allocation Component */
.styles_portfolioAllocation__SCMmp {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 12px;
  height: 88px;
  align-items: flex-start;
  min-height: 0;
  min-width: 0;
}

.styles_portfolioHeader__ec6vO {
  display: flex;
  gap: 8px;
  align-items: center;
  max-height: 44px;
  width: 100%;
  flex-shrink: 0;
}

.styles_portfolioLabel__zz3fx {
  flex: 1 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  min-height: 0;
  min-width: 0;
  white-space: pre-wrap;
}

.styles_portfolioBreakdown__tMg5_ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.styles_portfolioItem__tcXKi {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-shrink: 0;
}

.styles_portfolioBullet__EMZbH {
  width: 8px;
  height: 8px;
  background-color: var(--color-bg-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.styles_portfolioItemText__w8mtC {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  flex-shrink: 0;
}

.styles_portfolioItemValue___sjht {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.styles_portfolioItemLoadingValue__WVYWP {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  min-width: 18px;
}

.styles_spinnerCircle___GG0T {
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-neutral-400);
  border-top-color: var(--color-border-accent);
  border-radius: 50%;
  animation: styles_spin__c0Qhz 0.8s linear infinite;
}

@keyframes styles_spin__c0Qhz {
  to {
    transform: rotate(360deg);
  }
}

/* Edit Button */
.styles_editButton__Upp7c {
  background-color: var(--color-bg-accent-light);
  border: none;
  border-radius: 24px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  width: 45px;
  height: 22px;
  max-height: 44px;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

.styles_editButton__Upp7c:hover {
  background-color: var(--color-bg-accent-light-hover);
}

.styles_editButton__Upp7c:active {
  background-color: var(--color-green-200);
}

.styles_editButtonText__7rqsf {
  font-family: var(--font-ibm-plex-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-green-700);
  margin: 0;
  letter-spacing: 0px;
}

[data-theme="dark"] .styles_editButtonText__7rqsf {
  color: var(--color-text-inverted);
}

/* Popover Styles */
.styles_accountSizePopover__8ETy4 {
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-module) !important;
  border-radius: 24px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  padding: 20px !important;
  position: relative;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2) !important;
  z-index: 50;
}

.styles_popoverClose__O5UHB {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-text-secondary);
  overflow: hidden;
}

.styles_popoverClose__O5UHB:hover {
  opacity: 0.7;
}

.styles_popoverClose__O5UHB svg {
  width: 11.4px;
  height: 11.4px;
}

.styles_popoverTitle__r39CE {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
}

.styles_popoverTitle__r39CE p {
  flex: 1 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
  min-height: 0;
  min-width: 0;
  white-space: pre-wrap;
}

.styles_popoverBody__muNI4 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.styles_portfolioAllocationPopover__uNagc .styles_popoverBody__muNI4 {
  align-items: flex-start;
}

.styles_popoverDescription__FeRpq {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  width: 100%;
  white-space: pre-wrap;
}

.styles_popoverContainer__UY1RE {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.styles_inputField__EiItL {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.styles_inputContainer__9vmGC {
  background-color: var(--color-bg-input);
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.styles_input__TAAmV {
  flex: 1 0;
  font-family: var(--font-ibm-plex-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-primary);
  border: none;
  background: none;
  outline: none;
  width: 100%;
  padding: 0;
}
.styles_popoverButtons__5TXk0 {
  display: flex;

  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
  & > * {
    font-family: var(--font-ibm-plex-sans) !important;
  }
}

.styles_cancelButton__tV91H {
  background-color: var(--color-button-secondary-bg);
  border: 1px solid var(--color-border-accent);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  font-family: var(--font-ibm-plex-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-accent);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.styles_cancelButton__tV91H:hover {
  background-color: var(--color-button-secondary-hover);
}

.styles_saveButton__dbx9d {
  background-color: var(--color-bg-accent);
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  width: 92px;
  font-family: var(--font-ibm-plex-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-inverted);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.styles_saveButton__dbx9d:hover {
  background-color: var(--color-green-600);
}

/* Portfolio Allocation Popover Styles */
.styles_portfolioAllocationPopover__uNagc {
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-module) !important;
  border-radius: 24px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  padding: 20px !important;
  position: relative;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2) !important;
  z-index: 50;
}

.styles_portfolioEditContainer__5NRP3 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
}

.styles_portfolioEditRow__XrPq6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
}

.styles_portfolioEditLabel__VYxii {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  width: 102px;
  margin: 0;
  white-space: pre-wrap;
}

.styles_portfolioEditValueContainer__MkUVX {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}

.styles_portfolioEditInputField__2tfxL {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 64px;
  flex-shrink: 0;
}

.styles_portfolioEditInputContainer__MQ8gJ {
  background-color: var(--color-bg-input);
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.styles_portfolioEditInput__haa_7 {
  width: 64px;
  flex-shrink: 0;
}

.styles_portfolioEditAmount__W6W7f {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  width: 64px;
  margin: 0;
  white-space: pre-wrap;
}

.styles_portfolioEditNote__Cf1PT {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  width: 100%;
  margin: 0;
  white-space: pre-wrap;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/Portfolio/styles-mobile.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles-mobile_container__4uLV9 {
  width: 100%;
  box-sizing: border-box;
  min-height: 136px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-inline: 12px;
}

.styles-mobile_carousel__Ny8AN {
  width: 100%;
  height: 100%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}

.styles-mobile_carousel__Ny8AN > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.styles-mobile_carouselContent__rVLm0 {
  display: flex;
  gap: 0px;
  height: 100%;
  flex: 1 1;
}

.styles-mobile_carouselItem__dMGC9 {
  flex: 0 0 auto;
  min-width: 280px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.styles-mobile_carouselItemService__VMzBf {
  flex: 0 0 auto;
  min-width: 280px;
}

/* Account Size Component */
.styles-mobile_accountSize__UbEQF {
  background-color: var(--color-bg-accent);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  min-height: 104px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 8px;
  width: 280px;
  flex-shrink: 0;
}

.styles-mobile_accountHeader__J2ST3 {
  display: flex;
  gap: 8px;
  height: 22px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.styles-mobile_labelRow__gnGY3 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 0;
}

.styles-mobile_accountLabel__JnIX_ {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-inverted);
  margin: 0;
  flex-shrink: 0;
}

.styles-mobile_accountValue__6_6Kt {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.styles-mobile_accountValueText__PMT9y {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-inverted);
  margin: 0;
}

/* Portfolio Allocation Component */
.styles-mobile_portfolioAllocation__FdPT_ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  min-height: 0;
  width: 280px;
  flex-shrink: 0;
  background-color: var(--color-bg-surface);
  padding: 12px;
  border: 1px solid var(--color-input-border);
  border-radius: 12px;
  height: 100%;
  box-sizing: border-box;
}

.styles-mobile_portfolioHeader__yWacP {
  display: flex;
  gap: 8px;
  align-items: center;
  max-height: 44px;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_portfolioLabel__EicD2 {
  flex: 1 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  min-height: 0;
  min-width: 0;
  white-space: pre-wrap;
}

.styles-mobile_portfolioBreakdown__lMnU_ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_portfolioItem__ZR7Zy {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-shrink: 0;
}

.styles-mobile_portfolioBullet__9kYFj {
  width: 8px;
  height: 8px;
  background-color: var(--color-bg-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.styles-mobile_portfolioItemText__F1Vvw {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  flex-shrink: 0;
}

.styles-mobile_portfolioItemValue__iiNAJ {
  font-weight: 600;
  color: var(--color-text-secondary);
}

.styles-mobile_portfolioItemLoadingValue__v_n2A {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  min-width: 18px;
}

.styles-mobile_spinnerCircle__BEcbb {
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-neutral-400);
  border-top-color: var(--color-border-accent);
  border-radius: 50%;
  animation: styles-mobile_spin__k70Lj 0.8s linear infinite;
}

@keyframes styles-mobile_spin__k70Lj {
  to {
    transform: rotate(360deg);
  }
}

/* Edit Button */
.styles-mobile_editButton__PUN9t {
  background-color: var(--color-bg-accent-light);
  border: none;
  border-radius: 24px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  width: 45px;
  height: 22px;
  max-height: 44px;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

.styles-mobile_editButton__PUN9t:hover {
  background-color: var(--color-bg-accent-light-hover);
}

.styles-mobile_editButton__PUN9t:active {
  background-color: var(--color-green-200);
}

.styles-mobile_editButtonText__2t4ik {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-green-700);
  margin: 0;
  letter-spacing: 0px;
}

[data-theme="dark"] .styles-mobile_editButtonText__2t4ik {
  color: var(--color-text-inverted);
}

/* Popover Styles */
.styles-mobile_accountSizePopover__OMsdQ {
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-module) !important;
  border-radius: 24px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  padding: 20px !important;
  position: relative;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2) !important;
  z-index: 50;
}

.styles-mobile_popoverClose__HLEqp {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-text-secondary);
  overflow: hidden;
}

.styles-mobile_popoverClose__HLEqp:hover {
  opacity: 0.7;
}

.styles-mobile_popoverClose__HLEqp svg {
  width: 11.4px;
  height: 11.4px;
}

.styles-mobile_popoverTitle__W_CFU {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_popoverTitle__W_CFU p {
  flex: 1 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
  min-height: 0;
  min-width: 0;
  white-space: pre-wrap;
}

.styles-mobile_popoverBody__1wMlN {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  flex-shrink: 0;
}

.styles-mobile_portfolioAllocationPopover__6_XTn .styles-mobile_popoverBody__1wMlN {
  align-items: flex-start;
}

.styles-mobile_popoverDescription__b21lk {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  width: 100%;
  white-space: pre-wrap;
  text-align: center;
}

.styles-mobile_popoverContainer__Ok4wk {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 24px;
}

.styles-mobile_inputField__S_JKk {
  font-family: var(--font-ibm-plex-sans);
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.styles-mobile_inputContainer__366_T {
  background-color: var(--color-bg-input);
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.styles-mobile_input__yjgge {
  flex: 1 0;
  font-family: var(--font-ibm-plex-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: var(--color-text-primary);
  border: none;
  background: none;
  outline: none;
  width: 100%;
  padding: 0;
}

.styles-mobile_popoverButtons__pwp2z {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_cancelButton__lQg3Y {
  background-color: var(--color-button-secondary-bg);
  border: 1px solid var(--color-border-accent);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-accent);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.styles-mobile_cancelButton__lQg3Y:hover {
  background-color: var(--color-button-secondary-hover);
}

.styles-mobile_saveButton__rCurR {
  background-color: var(--color-bg-accent);
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  width: 92px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-inverted);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.styles-mobile_saveButton__rCurR:hover {
  background-color: var(--color-green-600);
}

/* Portfolio Allocation Popover Styles */
.styles-mobile_portfolioAllocationPopover__6_XTn {
  background-color: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-module) !important;
  border-radius: 24px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  padding: 20px !important;
  position: relative;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2) !important;
  z-index: 50;
}

.styles-mobile_portfolioEditContainer__7kCJs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_portfolioEditRow__gm5U0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
}

.styles-mobile_portfolioEditLabel__Al5av {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  width: 102px;
  margin: 0;
  white-space: pre-wrap;
}

.styles-mobile_portfolioEditValueContainer__J6D5j {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}

.styles-mobile_portfolioEditInputField__yjV8q {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 64px;
  flex-shrink: 0;
}

.styles-mobile_portfolioEditInputContainer__F4_He {
  background-color: var(--color-bg-input);
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.styles-mobile_portfolioEditInput__BfoND {
  width: 64px;
  flex-shrink: 0;
}

.styles-mobile_portfolioEditAmount__6FAcI {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  width: 64px;
  margin: 0;
  white-space: pre-wrap;
}

.styles-mobile_portfolioEditNote__9wnOs {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  width: 100%;
  margin: 0;
  white-space: pre-wrap;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/ProTraderCommentary/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__qZ1ox {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

.styles_content__tQyFU {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  border-radius: inherit;
  gap: 12px;
}

.styles_header__C4eKg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
}

.styles_headerTitle__aQz4a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_widgetEmptyShell__sFV8M {
  width: 100%;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
}

.styles_widgetEmptyInner__098sr {
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.styles_widgetEmptyIconWrap__9JEw_ {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background-color: var(--color-bg-table-header);
}

[data-theme="dark"] .styles_widgetEmptyIconWrap__9JEw_ {
  background-color: var(--color-neutral-800);
}

.styles_widgetEmptyIcon__eaG8h {
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  color: var(--color-text-muted);
  opacity: 0.75;
}

.styles_widgetEmptyTitle__x9M3_ {
  margin: 0 0 4px;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-secondary);
}

.styles_widgetEmptyDesc__96AcF {
  margin: 0;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-muted);
  max-width: 240px;
}

.styles_widgetEmptyButton__JyogV {
  margin-top: 12px;
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-muted);
  border-color: var(--color-border-module);
}

.styles_widgetSkeletonAvatar__dGmNw {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  flex-shrink: 0;
}

.styles_widgetSkeletonAuthorLine__wv5BG {
  height: 14px;
  width: min(42%, 10rem);
  border-radius: 6px;
}

.styles_widgetSkeletonDateLine__XboCG {
  height: 10px;
  width: 5rem;
  border-radius: 4px;
}

.styles_widgetSkeletonTag__S7qSA {
  height: 28px;
  width: 4.25rem;
  border-radius: 14px;
  flex-shrink: 0;
}

.styles_widgetSkeletonTitleLine__iC86u {
  height: 14px;
  width: min(75%, 18rem);
  border-radius: 6px;
}

.styles_widgetSkeletonMd__nXHn_ {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.styles_widgetSkeletonBodyLine__pMdjd {
  height: 10px;
  width: 100%;
  border-radius: 4px;
}

.styles_widgetSkeletonBodyWide__gEm_K {
  width: 94%;
}

.styles_widgetSkeletonBodyNarrow__0bHs2 {
  width: 71%;
}

.styles_seeAllLink___bd3c {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  background: transparent;
  border: none;
  text-decoration: none;
  color: inherit;
  font: inherit;
  transition: opacity 0.2s ease;
}

.styles_seeAllLink___bd3c:hover {
  opacity: 0.8;
}

.styles_seeAllLink___bd3c:active {
  opacity: 0.6;
}

.styles_seeAllText__36eAw {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
}

.styles_chevron__p4_k0 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.styles_chevron__p4_k0 svg {
  width: 6px;
  height: 10px;
}

.styles_scrollArea__DeKjD {
  height: 458px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  position: relative;
}

.styles_commentaryList__dawtj {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.styles_commentaryCard__yLVDS {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
  padding: 12px;
  width: 100%;
  flex-shrink: 0;
}

.styles_cardHeader__x7Zzh {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}

.styles_userInfo__iTpsv {
  display: flex;
  flex: 1 0;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.styles_avatar__SpNtk {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--color-bg-tag);
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_avatarImg__TvVmZ {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.styles_avatarInitials__SbiYz {
  font-weight: 600;
  font-size: 18px;
  color: var(--color-text-secondary);
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
}

.styles_userDetails__71E_L {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  min-width: 0;
}

.styles_authorName__b4gIW {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_date__Dctw1 {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.styles_tag__XafI2 {
  background-color: var(--color-bg-tag);
  border-radius: 14px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  height: 28px;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.styles_cardContent__Rnu9g {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.styles_title__ApEXs {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin: 0;
  width: 100%;
}

.styles_mdWrap__Mdi6r {
  width: 100%;
  min-width: 0;
}

.styles_readAllLink__qEF7W {
  display: flex;
  gap: 4px;
  height: 20px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  border-radius: 4px;
}

.styles_readAllButton__rVfBm {
  all: unset;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  background: transparent;
  transition: opacity 0.2s ease;
}

.styles_readAllButton__rVfBm:hover {
  opacity: 0.8;
}

.styles_readAllButton__rVfBm:active {
  opacity: 0.6;
}

.styles_readAllText__HqbMh {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
}

.styles_chevronExpanded__ZL6ye {
  transform: rotate(90deg);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Markdown/MarkdownBodyLink/MarkdownBodyLink.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.MarkdownBodyLink_externalIcon__nrpDK {
  display: inline-block;
  margin-left: 0.28em;
  width: 0.72em;
  height: 0.72em;
  vertical-align: middle;
  opacity: 0.88;
  flex-shrink: 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/Markdown/CommentaryMarkdownBody/CommentaryMarkdownBody.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CommentaryMarkdownBody_root__Gyn4S {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  min-width: 0;
}

.CommentaryMarkdownBody_paragraph__bG0eJ {
  margin: 0 0 12px;
}

.CommentaryMarkdownBody_paragraph__bG0eJ:last-child {
  margin-bottom: 0;
}

.CommentaryMarkdownBody_link__erlAg {
  color: var(--color-text-accent);
  text-decoration: none;
  cursor: pointer;
}

.CommentaryMarkdownBody_link__erlAg:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.CommentaryMarkdownBody_list__nqIR_,
.CommentaryMarkdownBody_listOrdered__gEOz7 {
  margin: 0 0 12px;
  padding-left: 1.25rem;
}

.CommentaryMarkdownBody_listItem__I3SAW {
  margin: 0.25em 0;
}

.CommentaryMarkdownBody_strong__2_DK0 {
  font-weight: 700;
  color: var(--color-text-primary);
}

.CommentaryMarkdownBody_em__Y84KS {
  font-style: italic;
}

.CommentaryMarkdownBody_image__t2lW8 {
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 8px;
  margin: 8px auto;
  display: block;
  box-sizing: border-box;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/picks/components/PicksEmptyRow/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_emptyCell__RHwh1 {
  text-align: center;
  height: 62px;
}

.styles_emptyRowText__vnQa0 {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.styles_emptyRowTitle__6B4C8 {
  font-weight: 600;
  color: var(--color-text-primary);
}

@media screen and (max-width: 768px) {
  .styles_emptyCell__RHwh1 {
    height: auto;
    min-height: 62px;
    padding: 12px;
    text-align: left;
  }

  .styles_emptyRowText__vnQa0 {
    white-space: normal;
    text-align: left;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/TopPicksTable/styles.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__DWeTa {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.styles_content__yN3qC {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  border-radius: inherit;
  gap: 20px;
}

.styles_header___ig57 {
  display: flex;
  flex: 1 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 26px;
}

.styles_titleRow__5Xfa4 {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 768px) {
  .styles_header___ig57 {
    flex-direction: column;
    gap: 20px;
    height: auto;
  }
  .styles_content__yN3qC {
    -webkit-padding-start: 12px;
            padding-inline-start: 12px;
    padding-block: 16px;
    -webkit-padding-end: 0px;
            padding-inline-end: 0px;
  }
}

.styles_title__n9Ka2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_filterTabs__NXJTD {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.styles_filterTab__z_rDr {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background-color 0.2s ease;
  background-color: var(--color-bg-chip-neutral);
  white-space: nowrap;
  flex-shrink: 0;
}

.styles_filterTab__z_rDr:hover {
  background-color: var(--color-bg-chip-neutral-hover);
}

.styles_filterTabActive__ydu8Z {
  background-color: var(--color-bg-chip-neutral-selected);
  color: var(--color-bg-chip-neutral-selected-text);
}

.styles_filterTabActive__ydu8Z:hover {
  background-color: var(--color-bg-chip-neutral-selected);
}

.styles_tableContainer__kIM8i {
  width: 100%;
}

.styles_tableContainer__kIM8i thead th:first-child {
  border-top-left-radius: 8px;
}

.styles_tableContainer__kIM8i thead th:last-child {
  border-top-right-radius: 8px;
}

.styles_seeMoreRow__pTXWb {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 12px;
}

.styles_seeMoreLink__Fyglg {
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
  background: transparent;
  transition: opacity 0.2s ease;
  text-decoration: none;
}

.styles_seeMoreLink__Fyglg:hover {
  opacity: 0.8;
}

.styles_seeMoreLink__Fyglg:active {
  opacity: 0.6;
}

.styles_seeMoreText__sF79n {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
}

.styles_chevron__hbfMM {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_chevron__hbfMM svg {
  width: 6px;
  height: 10px;
}

.styles_emptyState__o1gvc {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
}

.styles_emptyStateInner__j6qbE {
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.styles_emptyIconWrap__UgqVk {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background-color: var(--color-bg-table-header);
}

.styles_emptyIcon__nrim_ {
  flex-shrink: 0;
  display: block;
  font-size: 20px;
  color: var(--color-text-muted);
  opacity: 0.75;
}

.styles_emptyStateTitle__W1TJI {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin: 0 0 4px;
}

.styles_emptyStateDescription__PQoZX {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-muted);
  margin: 0;
  max-width: 240px;
}

[data-theme="dark"] .styles_emptyIconWrap__UgqVk {
  background-color: var(--color-neutral-800);
}

.styles_tickerCell__QPUvp {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 4px 0;
  box-sizing: border-box;
}

.styles_tickerInfo__S1W0U {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.5;
  gap: 0;
  min-width: 0;
}

@keyframes styles_starButtonPop__DTf8O {
  0% {
    transform: scale(0.8);
  }

  40% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.styles_starButton__5V_Bb {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}

.styles_starButton__5V_Bb:active {
  animation: styles_starButtonPop__DTf8O 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.styles_starOutline__trcaY {
  color: var(--color-text-muted);
  font-size: 18px;
}

.styles_starFilled__qmyMy {
  color: #ffa346;
  font-size: 18px;
}

.styles_tickerText__tc9Y7 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.styles_dateText__mSe3P {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
}

.styles_priceText__7hAM0 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
}

.styles_tickerText__tc9Y7:hover {
  color: var(--color-text-accent);
  text-decoration: underline;
}

.styles_cellText__mV7BT {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.styles_positionSizeCell__PMcvn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.styles_infoIconCell__NKjDi {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_infoButton__xmbmQ {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.styles_infoIcon__Xuzof {
  color: var(--color-text-secondary);
  font-size: 18px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/components/TopScoredStocks/styles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__AUFvw {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-module);
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.styles_content__6Dkyq {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  border-radius: inherit;
  gap: 20px;
}

.styles_header__ndv9S {
  display: flex;
  flex: 1 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.styles_titleWithGuide__H_R5b {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.styles_title__Dc5IL {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
}

.styles_seeAllLink__ssPHF {
  all: unset;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  padding: 0;
  background: transparent;
  transition: opacity 0.2s ease;
}

.styles_seeAllLink__ssPHF:hover {
  opacity: 0.8;
}

.styles_seeAllLink__ssPHF:active {
  opacity: 0.6;
}

.styles_seeAllText__4Qvhd {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  flex-shrink: 0;
}

.styles_chevron__92Lf1 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_chevron__92Lf1 svg {
  width: 6px;
  height: 10px;
}

.styles_filterTabs__zL0lN {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.styles_filterTab__xVKsi {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background-color 0.2s ease;
  background-color: var(--color-bg-chip-neutral);
  white-space: nowrap;
  flex-shrink: 0;
}

.styles_filterTab__xVKsi:hover {
  background-color: var(--color-bg-chip-neutral-hover);
}

.styles_filterTabActive__2CXLQ {
  background-color: var(--color-bg-chip-neutral-selected);
  color: var(--color-bg-chip-neutral-selected-text);
}

.styles_filterTabActive__2CXLQ:hover {
  background-color: var(--color-bg-chip-neutral-selected);
}

.styles_tableContainer__Qk2hb {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.styles_emptyState__0DyBN {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  box-sizing: border-box;
}

.styles_emptyStateInner__hbsZk {
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.styles_emptyIconWrap__Ax6n2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background-color: var(--color-bg-table-header);
}

.styles_emptyIcon__vnRAC {
  flex-shrink: 0;
  display: block;
  font-size: 20px;
  color: var(--color-text-muted);
  opacity: 0.75;
}

.styles_emptyStateTitle__RUgJR {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin: 0 0 4px;
}

.styles_emptyStateDescription__ZyGfa {
  font-family: var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-muted);
  margin: 0;
  max-width: 240px;
}

.styles_emptyStateButton__FE9lL {
  margin-top: 4px;
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-muted);
  border-color: var(--color-border-module);
}

.styles_table__JEe_F {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
  border-spacing: 0 12px !important;
  border-collapse: separate;
}

.styles_table__JEe_F .tableCell,
.styles_table__JEe_F .tableHead {
  white-space: nowrap;
}

.styles_tableRow__9GQAi {
  &:hover {
    background-color: var(--color-bg-muted);
    cursor: pointer;
  }
}

/* Row cell background and border radius
 * Note: Table rows (<tr>) don't support border-radius, so we apply background
 * and border-radius to individual cells to create rounded row appearance
 */
.styles_rowCell__GLIIo {
  background-color: var(--color-bg-secondary) !important;
}

/* Left rounded corners on first cell of each row */
.styles_firstCell__sL3F8 {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* Right rounded corners on last cell of each row */
.styles_lastCell__TtsBA {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Last row: round bottom corners to match the widget */
.styles_table__JEe_F tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.styles_table__JEe_F tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

/* Hover state for row cells */
.styles_tableRow__9GQAi:hover .styles_rowCell__GLIIo {
  background-color: var(--color-bg-muted) !important;
}

/* Remove all borders from table */
.styles_table__JEe_F tr,
.styles_table__JEe_F td,
.styles_table__JEe_F .tableRow,
.styles_table__JEe_F .tableCell {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-width: 0 !important;
}

/* add border bottom to header row */
.styles_table__JEe_F thead th {
  border-bottom: 1px solid var(--color-table-divider) !important;
  background-color: var(--color-bg-table-header) !important;
}

.styles_table__JEe_F thead th:first-child {
  border-top-left-radius: 8px;
}

.styles_table__JEe_F thead th:last-child {
  border-top-right-radius: 8px;
}

.styles_stickyColumn__GoSiW {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 20;
}

/* Only show shadow on mobile when scrolling */
@media (max-width: 768px) {
  .styles_stickyColumn__GoSiW {
    background-color: var(--color-bg-secondary);
  }
}

.styles_stickyColumn__GoSiW.tableHead {
  background-color: var(--color-bg-table-header) !important;
  z-index: 21;
}

.styles_stickyColumn__GoSiW.tableCell {
  z-index: 20;
  transition: background-color 0.2s ease;
}

/* Override sticky column background for row cells
 * Ensures sticky column matches row background instead of default white
 */
.styles_stickyColumn__GoSiW.styles_rowCell__GLIIo {
  background-color: var(--color-bg-secondary) !important;
}

.styles_table__JEe_F .tableRow:hover {
  background-color: var(--color-bg-muted);
}

.styles_table__JEe_F .tableRow:hover .styles_stickyColumn__GoSiW.styles_rowCell__GLIIo,
.styles_stickyColumn__GoSiW.styles_rowCell__GLIIo:hover,
.styles_table__JEe_F .tableRow:hover .stickyColumn.rowCell {
  background-color: var(--color-bg-muted) !important;
}

.styles_serviceColumn__YcSo2 {
  text-align: left;
  position: relative;
  z-index: 1;
  padding-inline: 8px;
}

.styles_serviceCellText__dtBQG {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .styles_serviceColumnMobile___OrIT {
    white-space: normal !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    padding-inline: 4px !important;
    vertical-align: middle !important;
    height: auto !important;
    min-height: 56px;
  }

  .styles_serviceColumnMobile___OrIT .styles_serviceCellText__dtBQG {
    display: block;
    white-space: normal !important;
    text-align: left;
    line-height: 1.3;
    overflow-wrap: break-word;
    word-break: normal;
  }
}

.styles_scoreColumn__BQ_Zk {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-inline: 8px;
}

.styles_scoreColumn__BQ_Zk.tableHead,
.styles_scoreColumn__BQ_Zk.tableCell {
  text-align: center !important;
}

.styles_scoreColumnContent__HPmxj {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.styles_topScoresScoreBadge__7HCt2 {
  justify-content: center;
  width: max-content;
}

.styles_tickerCell__pL4LM {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 50px;
  padding: 4px 12px 4px 0;
  box-sizing: border-box;
  width: max-content;
}

.styles_bookmarkButton__j_W5T {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.styles_bookmarkButton__j_W5T:hover {
  opacity: 0.7;
}

.styles_bookmarkButton__j_W5T:active {
  opacity: 0.5;
}

.styles_bookmarkIcon__jP7H4 {
  color: var(--color-text-accent);
  font-size: 15px;
}

.styles_tickerInfo__Kc__J {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.styles_tickerLink__GPZX6 {
  text-decoration: none;
}

.styles_tickerLink__GPZX6:hover .styles_tickerText__WQmfi {
  color: var(--color-text-accent);
  text-decoration: underline;
}

.styles_tickerText__WQmfi {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-primary);
}

.styles_dateText__cEueM {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  white-space: nowrap;
}

.styles_priceText__DJGM3 {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-accent);
  margin: 0;
  white-space: nowrap;
}

.styles_sectorText__50eHu {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

.styles_cellText__jDlF3 {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  text-align: center;
  white-space: nowrap;
}

.styles_scoreBox__uw7wO {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-green-100);
  border-radius: 8px;
  padding: 8px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  margin: 0 auto;
}

.styles_scoreText__40V9I {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-green-700);
}

[data-theme="dark"] .styles_table__JEe_F {
  background-color: var(--color-bg-surface);
}

[data-theme="dark"] .styles_table__JEe_F .tableCell.styles_rowCell__GLIIo {
  background-color: var(--color-bg-surface) !important;
  box-shadow: none;
  border-top: 1px solid var(--color-border-module) !important;
  border-bottom: 1px solid var(--color-border-module) !important;
  border-left: none !important;
  border-right: none !important;
}

[data-theme="dark"] .styles_table__JEe_F .tableCell.styles_firstCell__sL3F8 {
  border-left: 1px solid var(--color-border-module) !important;
}

[data-theme="dark"] .styles_table__JEe_F .tableCell.styles_lastCell__TtsBA {
  border-right: 1px solid var(--color-border-module) !important;
}

[data-theme="dark"] .styles_tableRow__9GQAi:hover .tableCell.styles_rowCell__GLIIo,
[data-theme="dark"] .styles_table__JEe_F .tableRow:hover .tableCell.styles_rowCell__GLIIo {
  background-color: color-mix(
    in srgb,
    var(--color-neutral-50) 6%,
    var(--color-bg-surface)
  ) !important;
  border-top-color: var(--color-neutral-600) !important;
  border-bottom-color: var(--color-neutral-600) !important;
}

[data-theme="dark"] .styles_tableRow__9GQAi:hover .tableCell.styles_firstCell__sL3F8,
[data-theme="dark"] .styles_table__JEe_F .tableRow:hover .tableCell.styles_firstCell__sL3F8 {
  border-left-color: var(--color-neutral-600) !important;
}

[data-theme="dark"] .styles_tableRow__9GQAi:hover .tableCell.styles_lastCell__TtsBA,
[data-theme="dark"] .styles_table__JEe_F .tableRow:hover .tableCell.styles_lastCell__TtsBA {
  border-right-color: var(--color-neutral-600) !important;
}

[data-theme="dark"] .styles_stickyColumn__GoSiW.tableHead {
  background-color: var(--color-bg-table-header) !important;
  box-shadow: none;
}

@media (max-width: 768px) {
  [data-theme="dark"] .styles_stickyColumn__GoSiW.tableCell {
    background-color: var(--color-bg-surface) !important;
  }
}

[data-theme="dark"] .styles_emptyIconWrap__Ax6n2 {
  background-color: var(--color-neutral-800);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/ScoreBadge/ScoreBadge.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.ScoreBadge_scoreCell__emyF9 {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 62px;
}

.ScoreBadge_clickable__QnD15 {
  cursor: pointer;
}

.ScoreBadge_clickable__QnD15 .ScoreBadge_scoreBox__Q7V0P {
  border: 1px solid transparent;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 150ms ease-out;
}

.ScoreBadge_clickable__QnD15:active .ScoreBadge_scoreBox__Q7V0P {
  transform: scale(0.97);
}

.ScoreBadge_clickable__QnD15:focus-visible {
  outline: none;
}

.ScoreBadge_clickable__QnD15:focus-visible .ScoreBadge_scoreBox__Q7V0P {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="high"] {
    border-color: #5aab8a;
    box-shadow: 0 1px 3px rgba(0, 115, 76, 0.12);
  }

  .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] {
    border-color: #c4784a;
    box-shadow: 0 1px 3px rgba(154, 52, 18, 0.12);
  }

  .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="low"] {
    border-color: #d66b6b;
    box-shadow: 0 1px 3px rgba(185, 28, 28, 0.12);
  }

  .ScoreBadge_clickable__QnD15:active .ScoreBadge_scoreBox__Q7V0P {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  }
}

.ScoreBadge_scoreBox__Q7V0P {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 8px 10px;
  min-width: 40px;
  height: 40px;
  box-sizing: border-box;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="high"] {
  background-color: #b0e2d1;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] {
  background-color: #fdf0d2;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="low"] {
  background-color: #fcdcdc;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="na"] {
  background-color: #e6e8ec;
}

.ScoreBadge_scoreText__4Spxg {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="high"] > .ScoreBadge_scoreText__4Spxg {
  color: #00734c;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] > .ScoreBadge_scoreText__4Spxg {
  color: #9a3412;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="low"] > .ScoreBadge_scoreText__4Spxg {
  color: #b91c1c;
}

.ScoreBadge_scoreBox__Q7V0P[data-tone="na"] > .ScoreBadge_scoreText__4Spxg {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: #adadad;
}

.ScoreBadge_infoButton__k_L8t {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  cursor: pointer;
  color: var(--color-text-secondary);
  line-height: 0;
}

.ScoreBadge_infoButtonHidden__cojdp {
  visibility: hidden;
  pointer-events: none;
}

.ScoreBadge_infoButton__k_L8t:hover {
  opacity: 0.85;
}

.ScoreBadge_infoButton__k_L8t:active {
  opacity: 0.65;
}

.ScoreBadge_infoIcon__i2B1V {
  display: block;
  flex-shrink: 0;
}

.ScoreBadge_scoreSpinner__XBprS {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ScoreBadge_spinnerCircle__mPnWe {
  width: 16px;
  height: 16px;
  border: 2px solid #00734c;
  border-top-color: transparent;
  border-radius: 50%;
  animation: ScoreBadge_spin__aYWhr 0.6s linear infinite;
}

@keyframes ScoreBadge_spin__aYWhr {
  to {
    transform: rotate(360deg);
  }
}

/* Compact variant (dashboard top scores tile) */
.ScoreBadge_compact__kjx2V .ScoreBadge_scoreCell__emyF9 {
  height: 50px;
  gap: 8px;
}

.ScoreBadge_compact__kjx2V .ScoreBadge_scoreBox__Q7V0P {
  min-width: 36px;
  height: 36px;
  padding: 6px 8px;
}

.ScoreBadge_compact__kjx2V .ScoreBadge_scoreText__4Spxg {
  font-size: 14px;
}

.ScoreBadge_compact__kjx2V .ScoreBadge_infoButton__k_L8t {
  width: 15px;
  height: 15px;
}

.ScoreBadge_compact__kjx2V .ScoreBadge_infoIcon__i2B1V {
  width: 15px;
  height: 15px;
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="high"] {
  background-color: var(--color-green-900);
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] {
  background-color: rgba(236, 144, 0, 0.2);
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="low"] {
  background-color: rgba(220, 38, 38, 0.22);
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="na"] {
  background-color: var(--color-neutral-700);
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="high"] > .ScoreBadge_scoreText__4Spxg {
  color: var(--color-green-300);
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] > .ScoreBadge_scoreText__4Spxg {
  color: #ffa346;
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="low"] > .ScoreBadge_scoreText__4Spxg {
  color: #fca5a5;
}

[data-theme="dark"] .ScoreBadge_scoreBox__Q7V0P[data-tone="na"] > .ScoreBadge_scoreText__4Spxg {
  color: var(--color-text-muted);
}

[data-theme="dark"] .ScoreBadge_spinnerCircle__mPnWe {
  border-color: var(--color-green-300);
  border-top-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
  [data-theme="dark"] .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="high"] {
    border-color: var(--color-green-400);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }

  [data-theme="dark"] .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="mid"] {
    border-color: #e8943a;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }

  [data-theme="dark"] .ScoreBadge_clickable__QnD15:hover .ScoreBadge_scoreBox__Q7V0P[data-tone="low"] {
    border-color: #f08080;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/(v2)/home/page.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* Responsive show/hide utilities */
.page_desktopOnly__8s5_O {
  display: flex !important;
}

.page_mobileOnly__2N1xn {
  display: none !important;
}

/* Dashboard section heading - needs padding on mobile when cards bleed */
.page_dashboardHeading__BRdjl {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--color-text-primary);
}

.page_dashboardHeadingText__OLrX_ {
  min-width: 0;
}

.page_serviceIndicator__IETNc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: none;
  background: var(--color-bg-accent-light);
  color: var(--color-text-accent);
  font-family: var(--font-ibm-plex-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page_dashboardGrid__XTzpf {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
}

.page_dashboardCard__Xa2A8 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}

.page_midBoard__1dXML {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  grid-gap: 1rem;
  gap: 1rem;
  min-width: 0;
  width: 100%;
}

.page_midColumn__DOs_j {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.page_span4__n0wYA {
  grid-column: span 4;
}

.page_span5__j7pPk {
  grid-column: span 5;
}

.page_span7__JfyZC {
  grid-column: span 7;
}

.page_span8__Ccb9T {
  grid-column: span 8;
}

.page_span12__hJfW7 {
  grid-column: span 12;
}

@media screen and (max-width: 768px) {
  .page_dashboardGrid__XTzpf {
    grid-template-columns: minmax(0, 1fr);
  }

  .page_dashboardGrid__XTzpf > .page_dashboardCard__Xa2A8 {
    grid-column: 1 / -1;
  }

  .page_midBoard__1dXML {
    grid-template-columns: minmax(0, 1fr);
  }

  .page_desktopOnly__8s5_O {
    display: none !important;
  }

  .page_mobileOnly__2N1xn {
    display: flex !important;
  }

  /* Make the grid bleed to screen edges on mobile */
  .page_gridBleed__t0XNZ {
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px);
  }

  /* Cards inside the grid need edge-to-edge styling */
  .page_gridBleed__t0XNZ .card,
  .page_gridBleed__t0XNZ > * > * {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }

  /* Keep heading padded when cards bleed */
  .page_dashboardHeading__BRdjl {
    padding-left: 12px;
    padding-right: 12px;
  }
}