/* коммерческий стабилизирующий слой:
   не решает сетку заново, а лишь добивает чистоту поверхности */

#screen-chart .chart-inline-total {
  margin: 2px 0 10px;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
  color: #6e5120;
}

#chart-metric-glossary {
  margin-top: 16px;
}

.metric-glossary {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(202,166,75,.16);
  background:
    radial-gradient(circle at top right, rgba(202,166,75,.10), transparent 28%),
    linear-gradient(180deg, rgba(255,250,241,.98) 0%, rgba(247,238,216,.94) 100%);
  box-shadow: 0 10px 22px rgba(56, 39, 10, 0.06);
  padding: 16px;
}

.metric-glossary::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #d7b86a 0%, #9a7428 48%, #0f6b52 100%);
}

.metric-glossary-head {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
}

.metric-glossary-kicker {
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  color: #8a6928;
  margin-bottom: 5px;
}

.metric-glossary-title {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
  color: #23180c;
}

.metric-glossary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.metric-glossary-item {
  border-radius: 14px;
  border: 1px solid rgba(202,166,75,.14);
  background: rgba(255,252,246,.84);
  box-shadow: 0 8px 18px rgba(56, 39, 10, 0.05);
  padding: 12px 13px;
}

.metric-glossary-item-title {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 900;
  color: #3f2e12;
}

.metric-glossary-item-text {
  display: block;
  font-size: 12px;
  line-height: 1.58;
  color: #5c4a26;
}

#screen-notes .notes-date-label,
#screen-notes .notes-days-count:empty,
#screen-notes .notes-current-date,
#screen-notes .notes-current-date-line,
#screen-notes .notes-current-date-divider,
#screen-notes .notes-current-date-row {
  display: none !important;
}

#screen-notes .notes-date-row {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

#screen-notes .notes-ai-actions .analysis-ai-pro-btn {
  line-height: 1.25 !important;
}

#screen-analysis .analysis-date-label {
  display: none !important;
}

#screen-analysis .analysis-glossary-item strong {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

#screen-analysis .analysis-glossary-item span {
  display: block !important;
  margin-top: 0 !important;
  font-size: 12px !important;
  line-height: 1.56 !important;
}

#screen-chart .chart-details-card,
#screen-chart .analysis-ai-card,
#screen-analysis .analysis-ai-card,
#screen-notes .analysis-ai-card {
  overflow: hidden;
}

@media (max-width: 640px) {
  #screen-chart .chart-controls,
  #screen-analysis .analysis-period-btns,
  #screen-notes .notes-range-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
    padding: 0 0 8px !important;
    margin-bottom: 12px !important;
  }

  #screen-chart .chart-btn,
  #screen-analysis .analysis-period-btn,
  #screen-notes .notes-range-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    min-height: 38px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  #screen-chart .chart-hero-card,
  #screen-chart .chart-detail-metric {
    min-height: 88px !important;
    padding: 13px 13px 12px !important;
  }

  #screen-chart .chart-hero-value,
  #screen-chart .chart-detail-metric-value {
    font-size: 17px !important;
  }

  .metric-glossary {
    padding: 14px;
    border-radius: 16px;
  }

  .metric-glossary-title {
    font-size: 15px;
  }

  .metric-glossary-item {
    padding: 11px 11px 10px;
  }

  .metric-glossary-item-title {
    font-size: 12px;
  }

  .metric-glossary-item-text {
    font-size: 11px;
    line-height: 1.52;
  }
}