/* JLJAM OS 7.13.6: fix radar charts squeezing into 3 columns on iPhone.
   Context: .god-radar .analytics-radar-charts in styles.css overrides
   the earlier 980px breakpoint. Use the component's width, not just viewport.
   This sheet must load last so legacy desktop rules cannot take precedence. */
#godAnalyticsRadar, #hqAnalyticsRadar {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  container: jljam-radar / inline-size;
}
#godAnalyticsRadar *, #hqAnalyticsRadar * {box-sizing:border-box}
#godAnalyticsRadar .analytics-radar-charts,
#hqAnalyticsRadar .analytics-radar-charts {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}
#godAnalyticsRadar .analytics-radar-charts>section,
#hqAnalyticsRadar .analytics-radar-charts>section {
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  padding:clamp(12px,2.5vw,18px)!important;
  overflow:hidden;
  border-radius:16px;
}
#godAnalyticsRadar .analytics-radar-charts>section>header,
#hqAnalyticsRadar .analytics-radar-charts>section>header {
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:4px 12px!important;
  min-width:0!important;
  margin-bottom:12px!important;
}
#godAnalyticsRadar .analytics-radar-charts>section>header b,
#hqAnalyticsRadar .analytics-radar-charts>section>header b {
  font-size:clamp(16px,1.4vw,20px)!important;
  line-height:1.3!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
  min-width:0!important;
}
#godAnalyticsRadar .analytics-radar-charts>section>header small,
#hqAnalyticsRadar .analytics-radar-charts>section>header small {
  font-size:12px!important;
  letter-spacing:.06em!important;
  line-height:1.3!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
#godAnalyticsRadar .analytics-radar-bar,
#hqAnalyticsRadar .analytics-radar-bar {min-width:0!important;margin:11px 0!important}
#godAnalyticsRadar .analytics-radar-bar>span,
#hqAnalyticsRadar .analytics-radar-bar>span {min-width:0!important;display:flex!important;align-items:baseline!important;gap:10px!important}
#godAnalyticsRadar .analytics-radar-bar>span b,
#hqAnalyticsRadar .analytics-radar-bar>span b {
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:clamp(15px,1.3vw,18px)!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
}
#godAnalyticsRadar .analytics-radar-bar>span em,
#hqAnalyticsRadar .analytics-radar-bar>span em {
  flex:0 0 auto!important;
  min-width:0!important;
  font-size:clamp(14px,1.2vw,17px)!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
#godAnalyticsRadar .analytics-radar-bar>i,
#hqAnalyticsRadar .analytics-radar-bar>i {height:8px!important;max-width:100%!important}
#godAnalyticsRadar .analytics-radar-kpis,
#hqAnalyticsRadar .analytics-radar-kpis {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#godAnalyticsRadar .analytics-radar-kpis>article,
#hqAnalyticsRadar .analytics-radar-kpis>article {min-width:0!important;overflow:hidden!important;padding:12px!important}
#godAnalyticsRadar .analytics-radar-kpis small,
#hqAnalyticsRadar .analytics-radar-kpis small {font-size:12px!important;line-height:1.3!important;letter-spacing:.04em!important;overflow-wrap:normal!important;word-break:normal!important}
#godAnalyticsRadar .analytics-radar-kpis b,
#hqAnalyticsRadar .analytics-radar-kpis b {font-size:clamp(21px,2vw,27px)!important;line-height:1.15!important;overflow-wrap:normal!important;word-break:normal!important}
#godAnalyticsRadar .analytics-radar-kpis span,
#hqAnalyticsRadar .analytics-radar-kpis span {font-size:13px!important;line-height:1.4!important;overflow-wrap:normal!important;word-break:normal!important}
#godAnalyticsRadar .analytics-radar-foot,
#hqAnalyticsRadar .analytics-radar-foot {display:flex!important;flex-flow:row wrap!important;gap:6px 14px!important;min-width:0!important;font-size:13px!important;line-height:1.45!important}
#godAnalyticsRadar .analytics-radar-foot>span,
#hqAnalyticsRadar .analytics-radar-foot>span {min-width:0!important;overflow-wrap:normal!important;word-break:normal!important}
/* Container queries target descendants rather than their containing panel. */
@supports (container-type: inline-size) {
  @container jljam-radar (min-width: 720px) {
    #godAnalyticsRadar .analytics-radar-charts,
    #hqAnalyticsRadar .analytics-radar-charts {grid-template-columns:repeat(2,minmax(0,1fr))!important}
    #godAnalyticsRadar .analytics-radar-kpis,
    #hqAnalyticsRadar .analytics-radar-kpis {grid-template-columns:repeat(4,minmax(0,1fr))!important}
  }
  @container jljam-radar (min-width: 1080px) {
    #godAnalyticsRadar .analytics-radar-charts,
    #hqAnalyticsRadar .analytics-radar-charts {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  }
}
@supports not (container-type: inline-size) {
  @media (min-width:1000px) {
    #godAnalyticsRadar .analytics-radar-charts,
    #hqAnalyticsRadar .analytics-radar-charts {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  }
  @media (min-width:1400px) {
    #godAnalyticsRadar .analytics-radar-charts,
    #hqAnalyticsRadar .analytics-radar-charts {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  }
}
@media (max-width:540px) {
  #godAnalyticsRadar, #hqAnalyticsRadar {padding:12px!important;margin:12px 0!important}
  #godAnalyticsRadar .analytics-radar-charts>section,
  #hqAnalyticsRadar .analytics-radar-charts>section {padding:14px!important}
  #godAnalyticsRadar .analytics-radar-head .action-row,
  #hqAnalyticsRadar .analytics-radar-head .action-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;width:100%!important}
  #godAnalyticsRadar .analytics-radar-head .action-row button,
  #hqAnalyticsRadar .analytics-radar-head .action-row button {font-size:14px!important;min-height:44px!important;min-width:0!important;white-space:normal!important}
}
@media (max-width:340px) {
  #godAnalyticsRadar .analytics-radar-kpis,
  #hqAnalyticsRadar .analytics-radar-kpis {grid-template-columns:minmax(0,1fr)!important}
}