/* Quotation hover · compact Refinitiv M30 market card */
.iar-m30-card {
  --iar-amber: #e8b44a;
  --iar-cyan: #72aeba;
  --iar-green: #67E6C9;
  --iar-red: #ec5960;
  background: #03070a;
  border: 1px solid rgba(232, 180, 74, .58);
  box-shadow: 0 16px 45px rgba(0, 0, 0, .82), inset 0 0 0 1px rgba(255, 255, 255, .018);
  box-sizing: border-box;
  color: #d9e1e4;
  display: grid;
  font-family: "Bloomberg Fixed", "Bloomberg Mono", "IBM Plex Mono", Consolas, ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums slashed-zero;
  grid-template-rows: auto auto minmax(220px, 1fr) 38px;
  height: 356px;
  overflow: hidden;
  position: fixed;
  width: min(590px, calc(100vw - 20px));
  z-index: 420;
}

.iar-m30-card *,
.iar-m30-card button {
  box-sizing: border-box;
  font-family: inherit !important;
}

.iar-m30-card header {
  align-items: flex-start;
  border-bottom: 1px solid #18252c;
  display: flex;
  justify-content: space-between;
  min-height: 57px;
  padding: 8px 10px 7px;
}

.iar-m30-card h3 {
  color: #f0f3f4;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1;
  margin: 4px 0 3px;
}

.iar-m30-card header small,
.iar-m30-kicker {
  color: #71838c;
  font-size: 9px;
  letter-spacing: .1em;
}

.iar-m30-kicker {
  color: var(--iar-amber);
}

.iar-m30-x {
  background: #070c0f;
  border: 1px solid #1c2a31;
  color: #89979e;
  cursor: pointer;
  font-size: 15px;
  height: 24px;
  line-height: 20px;
  padding: 0;
  width: 24px;
}

.iar-m30-x:hover {
  border-color: var(--iar-amber);
  color: var(--iar-amber);
}

.iar-m30-price {
  align-items: baseline;
  border-bottom: 1px solid #18252c;
  display: flex;
  gap: 12px;
  padding: 6px 10px;
}

.iar-m30-price strong {
  color: var(--iar-cyan);
  font-size: 25px;
  font-weight: 500;
  letter-spacing: .04em;
}

.iar-m30-price span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}

.iar-m30-card .pos { color: var(--iar-green); }
.iar-m30-card .neg { color: var(--iar-red); }
.iar-m30-card .mint { color: var(--iar-green); }

.iar-m30-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(165px, .72fr);
  min-height: 0;
}

.iar-m30-chart {
  background:
    linear-gradient(rgba(30, 44, 51, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 44, 51, .1) 1px, transparent 1px),
    #03070a;
  background-size: 42px 34px;
  border-right: 1px solid #18252c;
  min-height: 0;
  position: relative;
}

.iar-m30-loading,
.iar-m30-empty {
  align-items: center;
  color: #74858d;
  display: flex;
  font-size: 10px;
  inset: 0;
  justify-content: center;
  letter-spacing: .12em;
  position: absolute;
}

.iar-m30-stats {
  background: #050a0d;
  min-width: 0;
  padding: 8px 9px;
}

.iar-m30-stats h4 {
  border-bottom: 1px solid #18252c;
  color: #728891;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .1em;
  margin: 0 0 6px;
  padding-bottom: 5px;
}

.iar-m30-stats h4:nth-of-type(2) {
  margin-top: 10px;
}

.iar-m30-stats dl {
  display: grid;
  gap: 5px 12px;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.iar-m30-stats dl div {
  min-width: 0;
}

.iar-m30-stats dt {
  color: #667780;
  font-size: 8px;
  letter-spacing: .08em;
}

.iar-m30-stats dd {
  color: #e2e7e9;
  font-size: 11px;
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iar-m30-stats p {
  align-items: center;
  display: flex;
  font-size: 9px;
  justify-content: space-between;
  margin: 6px 0;
}

.iar-m30-stats p span { color: #687a83; }
.iar-m30-stats p b { color: #d9e0e3; font-weight: 500; }

.iar-m30-card footer {
  align-items: center;
  background: #05090c;
  border-top: 1px solid #1a2931;
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}

.iar-m30-card footer > span {
  color: #6e8088;
  font-size: 8px;
  letter-spacing: .08em;
}

.iar-m30-expand {
  align-self: stretch;
  background: rgba(232, 180, 74, .04);
  border: 0;
  border-left: 1px solid rgba(232, 180, 74, .35);
  color: var(--iar-amber);
  cursor: pointer;
  font-size: 9px;
  letter-spacing: .08em;
  padding: 0 12px;
}

.iar-m30-expand:hover {
  background: rgba(232, 180, 74, .11);
}

@media (max-width: 680px) {
  .iar-m30-card {
    height: 380px;
  }

  .iar-m30-workspace {
    grid-template-columns: 1fr;
  }

  .iar-m30-stats {
    display: none;
  }

  .iar-m30-chart {
    border-right: 0;
  }
}

/* Hover simplificado: somente o gráfico ocupa o card inteiro. */
.iar-m30-card {
  border: 0;
  box-shadow: none;
  display: block;
  grid-template-rows: none;
  padding: 0;
}

.iar-m30-card > .iar-m30-chart {
  border: 0;
  height: 100%;
  min-height: 100%;
  width: 100%;
}