/* v139: restore useful company context and reduce paint work without changing market behavior. */

:root {
  --v139-primary: #3182f6;
  --v139-positive: #f04452;
  --v139-negative: #3182f6;
  --v139-foreground: #191f28;
  --v139-secondary: #4e5968;
  --v139-muted: #8b95a1;
  --v139-hairline: #e5e8eb;
  --v139-surface: #f2f4f6;
}

#stock-list .stock-card {
  border-color: var(--v139-hairline) !important;
  background: #fff !important;
  box-shadow: none !important;
}

#stock-list .stock-card-head {
  background: #fff !important;
}

#stock-list .stock-card-details {
  border-top-color: var(--v139-hairline) !important;
  background: #fff !important;
}

#stock-list .stock-card .stock-name-block,
#stock-list .stock-card .stock-price-block {
  grid-template-rows: 32px 21px !important;
}

#stock-list .stock-card .stock-identity-row,
#stock-list .stock-card .stock-price-line {
  min-height: 32px !important;
  align-items: center !important;
}

#stock-list .stock-card .stock-name {
  color: var(--v139-foreground) !important;
  font-weight: 850 !important;
}

#stock-list .stock-card .stock-meta-row {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 21px !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: var(--v139-secondary) !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

#stock-list .stock-card .stock-meta-row > span {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#stock-list .stock-card .stock-meta-row > span + span::before {
  content: "\00b7";
  margin-inline: 4px;
  color: #b0b8c1;
}

#stock-list .stock-card .stock-meta-row .stock-ticker {
  display: inline-block !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--v139-muted) !important;
  font-variant-numeric: tabular-nums !important;
}

#stock-list .stock-card .stock-sector {
  display: inline-block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  color: var(--v139-secondary) !important;
}

#stock-list .stock-card .stock-dividend,
#stock-list .stock-card .stock-meta-row .div-badge-slot {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: var(--v139-secondary) !important;
}

#stock-list .stock-card .stock-meta-row .div-badge-slot {
  font-weight: 800 !important;
}

#stock-list .stock-card .stock-price-line {
  grid-template-columns: 16px minmax(0, 1fr) !important;
}

#stock-list .stock-card .tick-arrow {
  width: 16px !important;
  min-width: 16px !important;
  flex-basis: 16px !important;
  margin-right: 1px !important;
  overflow: visible !important;
}

#stock-list .stock-card .tick-arrow.show-up::before,
#stock-list .stock-card .tick-arrow.show-down::before {
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#stock-list .stock-card .stock-expanded-meta {
  border-color: var(--v139-hairline) !important;
  background: var(--v139-surface) !important;
  color: var(--v139-secondary) !important;
  box-shadow: none !important;
}

#panel-stocks #action-buttons {
  border: 0 !important;
  background: var(--v139-surface) !important;
  box-shadow: none !important;
}

#panel-stocks #action-buttons button,
#panel-stocks #action-buttons button.action-primary {
  box-shadow: none !important;
}

@media (max-width: 520px) {
  #avatar-scene[data-residence="gosiwon"] {
    background-image: image-set(
      url('../assets/generated/housing-gosiwon-v139-1x.webp') 1x,
      url('../assets/generated/housing-gosiwon-v139-2x.webp') 2x,
      url('../assets/generated/housing-gosiwon-v138.webp') 3x
    ) !important;
  }

  #avatar-scene[data-residence="basement"] {
    background-image: image-set(
      url('../assets/generated/housing-basement-v139-1x.webp') 1x,
      url('../assets/generated/housing-basement-v139-2x.webp') 2x,
      url('../assets/generated/housing-basement-v138.webp') 3x
    ) !important;
  }

  #avatar-scene[data-residence="officetel"] {
    background-image: image-set(
      url('../assets/generated/housing-officetel-v139-1x.webp') 1x,
      url('../assets/generated/housing-officetel-v139-2x.webp') 2x,
      url('../assets/generated/housing-officetel-v138.webp') 3x
    ) !important;
  }

  #avatar-scene[data-residence="apartment"] {
    background-image: image-set(
      url('../assets/generated/housing-apartment-v139-1x.webp') 1x,
      url('../assets/generated/housing-apartment-v139-2x.webp') 2x,
      url('../assets/generated/housing-apartment-v138.webp') 3x
    ) !important;
  }
}

@media (max-width: 768px) {
  #stock-list .stock-card .stock-meta-row .stock-dividend,
  #stock-list .stock-card .stock-meta-row .div-badge-slot {
    display: none !important;
  }
}

@media (max-width: 380px) {
  #stock-list .stock-card .stock-meta-row {
    font-size: 9.5px !important;
  }

  #stock-list .stock-card .stock-market-prefix {
    display: none !important;
  }
}

@media (min-width: 720px) {
  #panel-stocks #action-buttons button,
  #panel-stocks #action-buttons button.action-primary {
    grid-template-columns: 32px max-content !important;
    justify-content: center !important;
  }

  #panel-stocks #action-buttons .action-label,
  #panel-stocks #action-buttons .action-status {
    width: auto !important;
    max-width: 100% !important;
    justify-self: start !important;
    text-align: left !important;
  }
}