/* App identity */
.brand-symbol.app-logo {
  width: 48px;
  height: 36px;
  padding: 1px;
  overflow: hidden;
  border-color: rgba(223, 199, 143, .72);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(3, 20, 31, .2);
}
.brand-symbol.app-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 9px;
}
.brand-symbol.app-logo.small-symbol {
  width: 40px;
  height: 30px;
  border-radius: 9px;
}
.footer-brand .brand-symbol.app-logo {
  width: 44px;
  height: 31px;
  padding: 1px;
  background: #fff;
}

/* Chart typography: neutral weight, clean edges, and no inherited icon stroke. */
.chart-viz svg,
.warehouse-feature-chart svg,
.warehouse-chart svg,
.opportunity-chart svg,
.trade-chart-viz svg {
  font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: geometricPrecision;
}
.chart-viz svg text,
.warehouse-feature-chart svg text,
.warehouse-chart svg text,
.opportunity-chart svg text,
.trade-chart-viz svg text {
  font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 500 !important;
  font-synthesis: none;
  letter-spacing: 0;
  text-shadow: none !important;
  stroke: none !important;
  paint-order: normal !important;
}
.chart-axis-text,
.warehouse-axis-label,
.warehouse-bar-period,
.trade-axis-text {
  font-weight: 400 !important;
}
.chart-row-label,
.warehouse-bar-label,
.trade-row-label {
  font-weight: 500 !important;
}
.chart-value-label,
.heatmap-label,
.warehouse-bar-value,
.warehouse-unit-label,
.warehouse-svg-legend-text,
.trade-bar-label,
.trade-chart-title,
.trade-chart-units {
  font-weight: 600 !important;
}
.chart-axis-text,
.warehouse-axis-label {
  fill: #66798a;
}
.chart-row-label,
.warehouse-bar-label {
  fill: #304b5e;
}
.chart-value-label,
.warehouse-bar-value {
  fill: #173f55;
}

@media (max-width: 720px) {
  .brand-symbol.app-logo.small-symbol {
    width: 36px;
    height: 27px;
  }
  .chart-axis-text,
  .warehouse-axis-label,
  .warehouse-bar-period {
    font-size: 11px;
  }
}