.public-global-history-page.public-glass .global-history-header { height: 166px; }
.global-history-header-summary { gap: 7px; }
.global-history-card {
  padding: 22px;
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  background: var(--glass-panel);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}
.global-history-toolbar,
.global-history-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.global-history-toolbar { min-height: 62px; }
.global-history-toolbar > div:first-child { display: grid; gap: 5px; }
.global-history-code { color: var(--glass-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.global-history-toolbar strong { font-size: 19px; }
.global-history-periods { display: flex; gap: 8px; }
.global-history-periods button {
  display: grid;
  min-width: 112px;
  min-height: 48px;
  place-content: center;
  gap: 2px;
  padding: 6px 15px;
  border: 1px solid rgba(35, 48, 40, .08);
  border-radius: 13px;
  color: #465048;
  background: rgba(255,255,255,.34);
  font: inherit;
  font-size: 13px;
  font-weight: 680;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.global-history-periods button span { color: #7a827c; font-size: 9px; font-weight: 500; }
.global-history-periods button:hover { transform: translateY(-1px); }
.global-history-periods button.active {
  border-color: rgba(23, 101, 79, .2);
  color: var(--ui-accent);
  background: rgba(220, 235, 227, .74);
}
.global-history-periods button:focus-visible { outline: 2px solid rgba(23,101,79,.48); outline-offset: 2px; }
.global-history-metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1px;
  margin: 16px 0;
  overflow: hidden;
  border: 1px solid rgba(35, 48, 40, .07);
  border-radius: 15px;
  background: rgba(35, 48, 40, .055);
}
.global-history-metrics > div {
  display: grid;
  min-width: 0;
  min-height: 66px;
  align-content: center;
  gap: 5px;
  padding: 10px 14px;
  background: rgba(255,255,255,.48);
}
.global-history-metrics span { color: #737c75; font-size: 10px; }
.global-history-metrics strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.global-history-metrics strong.positive { color: var(--ui-positive); }
.global-history-metrics strong.negative { color: var(--ui-negative); }
.holding-line-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.global-history-chart-shell {
  position: relative;
  min-height: 510px;
  overflow: hidden;
  border: 1px solid rgba(35, 48, 40, .075);
  border-radius: 17px;
  background: rgba(255,255,255,.27);
}
.global-history-chart { display: block; width: 100%; height: 510px; touch-action: none; }
.global-history-chart .chart-grid { stroke: rgba(44, 57, 49, .085); stroke-width: 1; vector-effect: non-scaling-stroke; }
.global-history-chart .chart-axis-label { fill: #7b837d; font-size: 10px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.global-history-chart .candle-up { fill: var(--ui-positive); stroke: var(--ui-positive); }
.global-history-chart .candle-down { fill: var(--ui-negative); stroke: var(--ui-negative); }
.global-history-chart .candle-flat { fill: #737c75; stroke: #737c75; }
.global-history-chart .candle-wick { stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.global-history-chart .volume-up { fill: rgba(13,116,73,.27); }
.global-history-chart .volume-down { fill: rgba(162,58,45,.24); }
.global-history-chart .history-line-area { fill: rgba(23,101,79,.08); stroke: none; }
.global-history-chart .history-line-path {
  fill: none;
  stroke: var(--ui-accent);
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.global-history-chart .chart-cursor { stroke: rgba(31, 43, 35, .3); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.global-history-loading {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #6e7770;
  background: rgba(245,248,245,.58);
  font-size: 13px;
  backdrop-filter: blur(5px);
}
.global-history-loading.is-error { color: #923c31; }
.global-history-loading[hidden] { display: none; }
.global-history-tooltip {
  position: absolute;
  z-index: 3;
  min-width: 150px;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 11px;
  color: #202722;
  background: rgba(247,249,247,.88);
  box-shadow: 0 12px 28px rgba(37,49,41,.12);
  font-size: 11px;
  line-height: 1.65;
  pointer-events: none;
  backdrop-filter: blur(16px);
}
.global-history-foot { padding: 13px 4px 0; color: #768078; font-size: 11px; }

.public-global-history-page .global-history-header { animation: global-detail-reveal .32s cubic-bezier(.2,.76,.2,1) both; }
.public-global-history-page .global-history-card { animation: global-detail-reveal .4s .035s cubic-bezier(.2,.76,.2,1) both; }
@keyframes global-detail-reveal {
  from { opacity: .45; filter: blur(5px); transform: translateY(8px) scale(.986); }
  to { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}
@media (max-width: 820px) {
  .public-global-history-page.public-glass .global-history-header { height: auto; }
  .global-history-toolbar { align-items: flex-start; flex-direction: column; }
  .global-history-periods { width: 100%; }
  .global-history-periods button { flex: 1; min-width: 0; }
  .global-history-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .global-history-chart-shell,
  .global-history-chart { min-height: 380px; height: 380px; }
}

@media (prefers-reduced-motion: reduce) {
  .public-global-history-page .global-history-header,
  .public-global-history-page .global-history-card { animation: none; }
}