#nms-market-widget,
#nms-market-widget * { box-sizing: border-box; }

#nms-market-widget {
  position: fixed;
  bottom: calc(var(--nms-bottom, 22px) + var(--nms-fab-clearance, 78px));
  z-index: 99990;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  color: #18212b;
}
#nms-market-widget.nms-desktop-bottom-right { right: var(--nms-side, 20px); }
#nms-market-widget.nms-desktop-bottom-left { left: var(--nms-side, 20px); }

.nms-pill {
  min-height: 42px;
  max-width: min(92vw, 620px);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: var(--nms-brand, #114a8f);
  color: #fff;
  box-shadow: 0 8px 28px rgba(17, 24, 39, .16);
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.nms-pill:hover { filter: brightness(.96); box-shadow: 0 10px 34px rgba(17, 24, 39, .24); }
.nms-pill:focus-visible, .nms-close:focus-visible, .nms-location-button:focus-visible { outline: 3px solid rgba(17, 74, 143, .30); outline-offset: 2px; }
.nms-pill-status { font-size: 12px; letter-spacing: .02em; white-space: nowrap; }
.nms-pill-time, .nms-pill-weather, .nms-sep { color: rgba(255,255,255,.90); white-space: nowrap; }
.nms-chevron { font-size: 20px; line-height: 1; margin-left: 2px; color: rgba(255,255,255,.78); }

.nms-dot { width: 9px; height: 9px; border-radius: 999px; flex: 0 0 auto; box-shadow: 0 0 0 3px rgba(0,0,0,.05); }
.nms-dot-open { background: #12833c; }
.nms-dot-transition { background: #bf7500; }
.nms-dot-closed { background: #b21622; }
.nms-dot-unavailable { background: #7b8490; }

.nms-panel {
  position: absolute;
  width: min(360px, calc(100vw - 24px));
  bottom: calc(100% + 10px);
  padding: 16px;
  border: 1px solid rgba(17, 24, 39, .12);
  border-top: 4px solid var(--nms-brand, #114a8f);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(17, 24, 39, .20);
}
.nms-desktop-bottom-right .nms-panel { right: 0; }
.nms-desktop-bottom-left .nms-panel { left: 0; }
.nms-panel-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.nms-eyebrow { margin-bottom: 6px; color: var(--nms-brand, #114a8f); font-size: 11px; font-weight: 800; letter-spacing: .10em; }
.nms-market-line { display: flex; align-items: center; gap: 8px; }
.nms-market-label { font-size: 17px; }
.nms-market-detail { margin-top: 5px; color: #65707c; font-size: 12px; }
.nms-close { border: 0; background: transparent; color: #707984; font-size: 25px; line-height: 1; cursor: pointer; padding: 0 2px; }

.nms-grid { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 14px; }
.nms-item { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 11px; background: #f6f7f8; }
.nms-item-icon { width: 24px; text-align: center; }
.nms-item small, .nms-item strong { display: block; }
.nms-item small { color: #6e7781; font-size: 11px; margin-bottom: 2px; }
.nms-item strong { font-size: 13px; }
.nms-location-button {
  width: 100%;
  margin-top: 10px;
  min-height: 36px;
  border: 1px solid #d9dde2;
  border-radius: 9px;
  background: #fff;
  color: var(--nms-brand, #114a8f);
  font-weight: 700;
  cursor: pointer;
}
.nms-location-button:hover { background: #fafafa; }
.nms-location-button:disabled { opacity: .65; cursor: wait; }
.nms-weather-notice, .nms-source { margin-top: 10px; color: #7b8490; font-size: 9.5px; line-height: 1.45; }
.nms-weather-notice a { color: inherit; }
.nms-source { border-top: 1px solid #eceff2; padding-top: 8px; }

@media (max-width: 640px) {
  #nms-market-widget.nms-mobile-bottom {
    left: 10px !important;
    right: 10px !important;
    bottom: max(calc(var(--nms-bottom, 22px) + var(--nms-fab-clearance, 78px)), env(safe-area-inset-bottom)) !important;
  }
  .nms-mobile-bottom .nms-pill { width: 100%; justify-content: center; min-height: 38px; padding: 7px 10px; }
  .nms-mobile-bottom .nms-pill-weather { display: none !important; }
  .nms-mobile-bottom .nms-panel { left: 0; right: 0; width: 100%; }
  #nms-market-widget.nms-mobile-floating { bottom: max(calc(var(--nms-bottom, 18px) + var(--nms-fab-clearance, 78px)), env(safe-area-inset-bottom)); }
  .nms-pill-status { font-size: 11px; }
  .nms-pill-time { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  #nms-market-widget * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

@media print {
  #nms-market-widget { display: none !important; }
}

/* v1.0.2: Defensive visibility controls for themes that override [hidden]/button styles. */
#nms-market-widget .nms-panel[hidden] {
  display: none !important;
}
#nms-market-widget .nms-close {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #59636f !important;
  font: inherit !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: none !important;
  cursor: pointer !important;
}
#nms-market-widget .nms-close:hover {
  background: #f3f4f6 !important;
}

/* v1.0.4 NETCAP visual integration and floating-action-button clearance. */
#nms-market-widget .nms-pill strong { color: #fff !important; }
#nms-market-widget .nms-pill .nms-dot { box-shadow: 0 0 0 3px rgba(255,255,255,.18); }
#nms-market-widget .nms-location-button { border-color: var(--nms-brand, #114a8f); }
#nms-market-widget .nms-location-button:hover { background: #f4f4fb; }


/* v1.0.5: Theme-proof NETCAP brand pill and compact mobile presentation. */
#nms-market-widget button.nms-pill {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(92vw, 620px) !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
  background-color: var(--nms-brand, #114a8f) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 8px 28px rgba(17, 24, 39, .20) !important;
  text-decoration: none !important;
  text-transform: none !important;
  font: inherit !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
}
#nms-market-widget button.nms-pill:hover,
#nms-market-widget button.nms-pill:focus,
#nms-market-widget button.nms-pill:active {
  background-color: var(--nms-brand, #114a8f) !important;
  background-image: none !important;
  color: #fff !important;
}
#nms-market-widget button.nms-pill > * {
  color: inherit;
}
#nms-market-widget button.nms-pill .nms-pill-status,
#nms-market-widget button.nms-pill .nms-pill-time,
#nms-market-widget button.nms-pill .nms-pill-weather,
#nms-market-widget button.nms-pill .nms-sep,
#nms-market-widget button.nms-pill .nms-chevron {
  color: rgba(255,255,255,.94) !important;
}
#nms-market-widget button.nms-pill .nms-pill-status {
  color: #fff !important;
}

@media (max-width: 640px) {
  #nms-market-widget.nms-mobile-bottom {
    pointer-events: none;
  }
  #nms-market-widget.nms-mobile-bottom .nms-pill,
  #nms-market-widget.nms-mobile-bottom .nms-panel {
    pointer-events: auto;
  }
  #nms-market-widget.nms-mobile-bottom button.nms-pill {
    width: max-content !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 40px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 8px 14px !important;
    justify-content: flex-start !important;
    border-radius: 999px !important;
  }
  #nms-market-widget.nms-mobile-bottom .nms-panel {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}

/* v1.0.7: Keep NETCAP brand background; isolate semantic market state inside a high-contrast white badge. */
#nms-market-widget button.nms-pill,
#nms-market-widget button.nms-pill.nms-state-open,
#nms-market-widget button.nms-pill.nms-state-open:hover,
#nms-market-widget button.nms-pill.nms-state-open:focus,
#nms-market-widget button.nms-pill.nms-state-open:active,
#nms-market-widget button.nms-pill.nms-state-closed,
#nms-market-widget button.nms-pill.nms-state-closed:hover,
#nms-market-widget button.nms-pill.nms-state-closed:focus,
#nms-market-widget button.nms-pill.nms-state-closed:active,
#nms-market-widget button.nms-pill.nms-state-transition,
#nms-market-widget button.nms-pill.nms-state-transition:hover,
#nms-market-widget button.nms-pill.nms-state-transition:focus,
#nms-market-widget button.nms-pill.nms-state-transition:active,
#nms-market-widget button.nms-pill.nms-state-unavailable,
#nms-market-widget button.nms-pill.nms-state-unavailable:hover,
#nms-market-widget button.nms-pill.nms-state-unavailable:focus,
#nms-market-widget button.nms-pill.nms-state-unavailable:active {
  background-color: var(--nms-brand, #114a8f) !important;
  background-image: none !important;
}

#nms-market-widget .nms-state-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  flex: 0 0 20px !important;
  padding: 0 !important;
  margin: 0 1px 0 0 !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(17,24,39,.22) !important;
}

#nms-market-widget .nms-state-badge .nms-dot {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

/* v1.0.8: Animated semantic status indicator and improved expanded-panel readability. */
@keyframes nms-status-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: .38;
    transform: scale(.78);
  }
}

/* Animate only known market states; unavailable/checking remains steady. */
#nms-market-widget .nms-dot-open,
#nms-market-widget .nms-dot-transition,
#nms-market-widget .nms-dot-closed {
  animation: nms-status-pulse 1.25s ease-in-out infinite;
  transform-origin: center;
  will-change: opacity, transform;
}

/* Keep the white badge stationary while its semantic state dot pulses. */
#nms-market-widget .nms-state-badge {
  animation: none !important;
}

/* Larger, clearer typography in the expanded information panel. */
#nms-market-widget .nms-panel {
  width: min(390px, calc(100vw - 24px));
  padding: 18px;
}
#nms-market-widget .nms-eyebrow {
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1.35;
}
#nms-market-widget .nms-market-line {
  gap: 9px;
}
#nms-market-widget .nms-market-label {
  font-size: 20px;
  line-height: 1.25;
}
#nms-market-widget .nms-market-detail {
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  color: #2f3542;
}
#nms-market-widget .nms-grid {
  gap: 10px;
  margin-top: 17px;
}
#nms-market-widget .nms-item {
  gap: 12px;
  padding: 13px 14px;
  border-radius: 13px;
}
#nms-market-widget .nms-item-icon {
  width: 26px;
  font-size: 17px;
}
#nms-market-widget .nms-item small {
  margin-bottom: 3px;
  font-size: 12.5px;
  line-height: 1.35;
}
#nms-market-widget .nms-item strong {
  font-size: 15.5px;
  line-height: 1.35;
}
#nms-market-widget .nms-location-button {
  min-height: 43px;
  margin-top: 11px;
  font-size: 13.5px;
  letter-spacing: .01em;
}
#nms-market-widget .nms-weather-notice,
#nms-market-widget .nms-source {
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.5;
}
#nms-market-widget .nms-source {
  padding-top: 10px;
}

@media (max-width: 640px) {
  #nms-market-widget .nms-panel {
    padding: 17px;
  }
  #nms-market-widget .nms-market-label {
    font-size: 19px;
  }
  #nms-market-widget .nms-market-detail {
    font-size: 13.5px;
  }
  #nms-market-widget .nms-item small {
    font-size: 12px;
  }
  #nms-market-widget .nms-item strong {
    font-size: 15px;
  }
  #nms-market-widget .nms-weather-notice,
  #nms-market-widget .nms-source {
    font-size: 10.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #nms-market-widget .nms-dot-open,
  #nms-market-widget .nms-dot-transition,
  #nms-market-widget .nms-dot-closed {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}


/* v1.0.9: Public copy cleanup and stronger live market-status emphasis. */

/* v1.1.1: Brand-correct pill integration inside the NGX Data Provider global header ticker. */
#nms-market-widget.nms-placement-ticker:not(.nms-integrated):not(.nms-floating-fallback) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#nms-market-widget.nms-floating-fallback {
  visibility: visible !important;
  opacity: 1 !important;
}

.ngx-header-ticker-wrap .ngx-market-ticker.nms-has-market-status {
  display: flex !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.ngx-header-ticker-wrap .ngx-market-ticker.nms-has-market-status > .ngx-market-ticker__viewport {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* The integration host reserves only the natural width of the pill; it is not itself a coloured block. */
#nms-market-widget.nms-integrated {
  position: relative !important;
  inset: auto !important;
  z-index: 8 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(34vw, 330px) !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Keep the control a genuine rounded pill even when embedded in the ticker. */
#nms-market-widget.nms-integrated button.nms-pill,
#nms-market-widget.nms-integrated button.nms-pill:hover,
#nms-market-widget.nms-integrated button.nms-pill:focus,
#nms-market-widget.nms-integrated button.nms-pill:active {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border: 1px solid var(--nms-brand-light, #76c6ef) !important;
  border-radius: 999px !important;
  background-color: var(--nms-brand, #114a8f) !important;
  background-image: none !important;
  box-shadow: 0 2px 10px rgba(17, 74, 143, .18) !important;
  filter: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#nms-market-widget.nms-integrated .nms-pill-status {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
}

#nms-market-widget.nms-integrated .nms-pill-time,
#nms-market-widget.nms-integrated .nms-pill-weather {
  font-size: 12px !important;
  font-weight: 650 !important;
}

#nms-market-widget.nms-integrated .nms-chevron {
  margin-left: 2px !important;
  padding-left: 1px !important;
}

#nms-market-widget.nms-integrated .nms-panel {
  top: calc(100% + 6px) !important;
  right: auto !important;
  bottom: auto !important;
  left: 8px !important;
  width: min(390px, calc(100vw - 16px)) !important;
  z-index: 100060 !important;
}

.ngx-header-ticker-wrap.nms-panel-open {
  z-index: 100050 !important;
  overflow: visible !important;
}

.ngx-header-ticker-wrap .ngx-market-ticker.nms-has-market-status.nms-panel-open {
  z-index: 100051 !important;
  overflow: visible !important;
}

/* Preserve the ticker's own clipping/marquee behavior; only the NETCAP pill is fixed. */
.ngx-header-ticker-wrap .ngx-market-ticker.nms-has-market-status .ngx-market-ticker__marquee {
  min-width: max-content;
}

@media (max-width: 980px) {
  #nms-market-widget.nms-integrated {
    max-width: 245px !important;
    padding: 5px 7px !important;
  }
  #nms-market-widget.nms-integrated button.nms-pill {
    min-height: 36px !important;
    padding: 6px 11px !important;
    gap: 6px !important;
  }
  #nms-market-widget.nms-integrated .nms-pill-weather {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #nms-market-widget.nms-integrated {
    max-width: 190px !important;
    padding: 5px 6px !important;
    pointer-events: auto !important;
  }
  #nms-market-widget.nms-integrated button.nms-pill {
    width: auto !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    justify-content: flex-start !important;
    border-radius: 999px !important;
    gap: 5px !important;
  }
  #nms-market-widget.nms-integrated .nms-state-badge {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex-basis: 18px !important;
  }
  #nms-market-widget.nms-integrated .nms-state-badge .nms-dot {
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    min-height: 9px !important;
  }
  #nms-market-widget.nms-integrated .nms-pill-status,
  #nms-market-widget.nms-integrated .nms-pill-time {
    font-size: 10.8px !important;
  }
  #nms-market-widget.nms-integrated .nms-sep {
    margin: 0 !important;
  }
  #nms-market-widget.nms-integrated .nms-chevron {
    font-size: 16px !important;
  }
  #nms-market-widget.nms-integrated .nms-panel {
    left: 6px !important;
    right: auto !important;
    width: min(390px, calc(100vw - 12px)) !important;
  }
}


/* v1.1.2: Date-aware ticker timestamp for stronger trading-day context. */
@media (min-width: 1181px) {
  #nms-market-widget.nms-integrated {
    max-width: min(43vw, 430px) !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #nms-market-widget.nms-integrated {
    max-width: 330px !important;
  }
  #nms-market-widget.nms-integrated .nms-pill-weather {
    display: none !important;
  }
}

@media (max-width: 980px) {
  #nms-market-widget.nms-integrated {
    max-width: 285px !important;
  }
}

@media (max-width: 640px) {
  #nms-market-widget.nms-integrated {
    max-width: 215px !important;
  }
  #nms-market-widget.nms-integrated .nms-pill-status {
    max-width: 58px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* v1.1.4: NETCAP Smart Ticker 1.5.x site-wide header integration. */
/* Only the automatic header instance is modified; research/content tickers remain untouched. */
.netcap-ngx-ticker--header.nms-market-status-owner .netcap-ngx-ticker__badge--header {
  display: none !important;
}

.netcap-ngx-ticker--header.nms-market-status-owner,
.netcap-ngx-ticker--header.nms-market-status-owner .netcap-ngx-ticker__stack,
.netcap-ngx-ticker--header.nms-market-status-owner .netcap-ngx-ticker__card--header {
  overflow: visible !important;
}

.netcap-ngx-ticker--header .netcap-ngx-ticker__card--header.nms-has-market-status {
  display: flex !important;
  align-items: stretch !important;
}

.netcap-ngx-ticker--header .netcap-ngx-ticker__card--header.nms-has-market-status > .netcap-ngx-ticker__tape {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
  align-self: stretch !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.netcap-ngx-ticker--header.nms-panel-open,
.netcap-ngx-ticker--header .netcap-ngx-ticker__card--header.nms-panel-open {
  z-index: 100051 !important;
  overflow: visible !important;
}

/* Keep the dedicated status control compact enough to preserve ticker viewport width. */
@media (min-width: 1181px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    max-width: min(41vw, 410px) !important;
  }
}

@media (max-width: 980px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    max-width: 285px !important;
  }
}

@media (max-width: 640px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    max-width: 215px !important;
  }
}

/* v1.1.5: Visual balance with NETCAP Smart Ticker 1.5.x header profile. */
/* The Smart Ticker header is 48px tall. Keep the dedicated status control visually comparable
   while retaining a rounded-pill identity and preserving ticker viewport width. */
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  padding: 2px 7px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:hover,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:focus,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:active {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  gap: 9px !important;
  border-width: 1px !important;
  box-shadow: 0 2px 11px rgba(17, 74, 143, .20) !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  min-height: 23px !important;
  flex-basis: 23px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge .nms-dot {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-status {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-time {
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-chevron {
  font-size: 20px !important;
  line-height: 1 !important;
  margin-left: 1px !important;
}

@media (min-width: 1181px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    max-width: min(43vw, 430px) !important;
  }
}

@media (min-width: 641px) and (max-width: 1180px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    padding: 3px 6px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 13px !important;
    gap: 7px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-status,
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-time {
    font-size: 12px !important;
  }
}

@media (max-width: 640px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    padding: 4px 5px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex-basis: 20px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge .nms-dot {
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    min-height: 9px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-status,
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-time {
    font-size: 10.8px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-chevron {
    font-size: 16px !important;
  }
}

/* v1.1.6: Exact Smart Ticker header-height alignment. */
/* Smart Ticker 1.5.x defines a 48px automatic header profile. The Market Status
   owner now consumes that same vertical track rather than sitting inside it as
   a visibly smaller inset control. */
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
  height: var(--netcap-header-ticker-height, 48px) !important;
  min-height: var(--netcap-header-ticker-height, 48px) !important;
  align-self: stretch !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:hover,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:focus,
.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill:active {
  height: var(--netcap-header-ticker-height, 48px) !important;
  min-height: var(--netcap-header-ticker-height, 48px) !important;
  padding: 0 18px !important;
  gap: 9px !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  flex-basis: 24px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-state-badge .nms-dot {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-status {
  font-size: 13.5px !important;
  line-height: 1 !important;
}

.netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart .nms-pill-time {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Keep compact behavior on phones without reintroducing the desktop height mismatch. */
@media (max-width: 640px) {
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart {
    height: var(--netcap-header-ticker-height, 48px) !important;
    min-height: var(--netcap-header-ticker-height, 48px) !important;
    padding: 0 4px !important;
  }
  .netcap-ngx-ticker--header #nms-market-widget.nms-integrated-smart button.nms-pill {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }
}

