/* MedInfoBase Premium Intelligence Charts 0.4.0
 * Presentation only. Card chrome, hover tooltip, zero-tile suppression.
 * Restraint is what reads as premium here: one hairline, one soft shadow,
 * generous padding, and nothing competing with the data.
 */

.mib-company-chart-suite[data-mibpc-ready="1"]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mib-company-chart-suite[data-mibpc-ready="1"] .mib-company-chart-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:22px!important;
}

/* ---- card ---------------------------------------------------------------- */
.mib-chart-card.mibpc-premium-card{
  width:100%!important;
  margin:0!important;
  border:1px solid #e5ecee!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(13,53,70,.04),0 10px 30px rgba(13,53,70,.05)!important;
  overflow:hidden!important;
  transform:none!important;
}
.mib-chart-card.mibpc-premium-card:hover{
  transform:none!important;
  box-shadow:0 1px 2px rgba(13,53,70,.05),0 14px 38px rgba(13,53,70,.07)!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-card-head{
  padding:20px 22px 8px!important;
  align-items:flex-start!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-card-head h3{
  margin:0!important;
  color:#123847!important;
  font-family:inherit!important;
  font-size:clamp(22px,2vw,28px)!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-card-intro{
  margin:5px 0 0!important;
  max-width:900px!important;
  color:#6f8189!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-card-body{padding:0 22px 20px!important}

/* ---- canvas -------------------------------------------------------------- */
.mib-chart-card.mibpc-premium-card .mib-chart-canvas{
  position:relative!important;          /* tooltip anchor */
  min-height:0!important;
  height:auto!important;
  margin-top:10px!important;
  padding:0!important;
  background:#fbfcfc!important;
  border:1px solid #edf1f2!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.mibpc-premium-svg{display:block!important;width:100%!important;height:auto!important}
.mibpc-premium-svg .mibpc-hit{cursor:default}

/* ---- hover tooltip -------------------------------------------------------
 * A chart drawn in SVG that cannot be interrogated is just a picture.        */
.mibpc-tip{
  position:absolute;
  z-index:5;
  max-width:340px;
  padding:8px 11px;
  border-radius:9px;
  background:#173c4a;
  color:#f4f8f9;
  font-size:12.5px;
  font-weight:550;
  line-height:1.4;
  letter-spacing:.005em;
  white-space:normal;
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .12s ease,transform .12s ease;
  box-shadow:0 6px 20px rgba(13,53,70,.22);
  font-variant-numeric:tabular-nums;
}
.mibpc-tip.is-on{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .mibpc-tip{transition:none}
}

/* ---- method note & actions ----------------------------------------------- */
.mib-chart-card.mibpc-premium-card .mib-chart-method{
  margin:12px 2px 0!important;
  color:#85949a!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-actions{gap:8px!important}
.mib-chart-card.mibpc-premium-card .mib-chart-action{
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #dfe8ea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#0c5661!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-action:hover{
  background:#f3f8f8!important;
  border-color:#cfdee1!important;
  box-shadow:none!important;
  transform:none!important;
}
.mib-chart-card.mibpc-premium-card .mib-chart-action:focus-visible{
  outline:2px solid #00897a!important;
  outline-offset:2px!important;
}

/* ---- zero snapshot tiles -------------------------------------------------
 * A statistic reading 0 dilutes the ones that carry information.            */
[data-mibpc-zero="1"]{display:none!important}

/* ---- narrow --------------------------------------------------------------- */
@media(max-width:720px){
  .mib-company-chart-suite[data-mibpc-ready="1"] .mib-company-chart-grid{gap:16px!important}
  .mib-chart-card.mibpc-premium-card{border-radius:16px!important}
  .mib-chart-card.mibpc-premium-card .mib-chart-card-head{padding:16px 16px 6px!important}
  .mib-chart-card.mibpc-premium-card .mib-chart-card-body{padding:0 16px 16px!important}
  .mib-chart-card.mibpc-premium-card .mib-chart-canvas{border-radius:13px!important}
  .mibpc-tip{max-width:230px;font-size:12px}
}