/* Compact detail emphasis, scoped to the nine monitoring cards. */
#content .action-panel .action-primary-kpis .deadline-card-title:where([data-panel-report-capture] *){
  min-height:2.4em;
}
#content .action-panel .action-primary-kpis .deadline-card-detail {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  align-self:center;
  box-sizing:border-box;
  width:92%;
  min-height:32px;
  margin:10px 0 0;
  padding:4px 6px;
  border:0;
  border-radius:6px;
  background:var(--deadline-soft);
  color:color-mix(in srgb,var(--deadline-color) 68%,#152d26)!important;
  font-size:.65rem!important;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
}
#content .action-panel .action-primary-kpis .deadline-card-detail > b {
  font-size:inherit;
  line-height:inherit;
  font-weight:850;
}

/* Phone only: full wording, smaller lettering, no split words or isolated colon. */
@media(max-width:520px) {
  #content .action-panel .action-primary-kpis .deadline-card-detail {
    font-size:clamp(.52rem,2.4vw,.6rem)!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  #content .action-panel .action-primary-kpis .deadline-card-detail > :is(span,b) {
    font-size:inherit!important;
    line-height:inherit;
    color:inherit;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* Center only the monitor card counts at every responsive width. */
#content .action-panel .action-primary-kpis .deadline-card > strong {
  align-self:stretch;
  text-align:center;
}

/* Screen-only card spacing and decoration; PDF/print remain unchanged. */
@media screen {
  #content .action-panel .action-primary-kpis .deadline-card {
    isolation:isolate;
  }
  #content .action-panel .action-primary-kpis .deadline-card > strong {
    position:relative;
    flex-shrink:0;
    margin-top:25px;
    --count-circle-size:78px;
  }
  #content .action-panel .action-primary-kpis [data-action-card="sst"] {
    container-type:inline-size;
  }
  #content .action-panel .action-primary-kpis .deadline-card-detail {
    flex-shrink:0;
    margin-top:30px;
  }
  #content .action-panel .action-primary-kpis .deadline-card > small {
    flex-shrink:0;
  }
  #content .action-panel .action-primary-kpis .deadline-card > strong::before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:var(--count-circle-size);
    height:var(--count-circle-size);
    box-sizing:border-box;
    border-radius:50%;
    background:color-mix(in srgb,var(--deadline-color) 7%,transparent);
    border:1px solid color-mix(in srgb,var(--deadline-color) 22%,transparent);
    z-index:-1;
    pointer-events:none;
  }
}
@media screen and (max-width:520px) {
  #content .action-panel .action-primary-kpis .deadline-card > strong {
    --count-circle-size:76px;
  }
}

/* Only monitoring-card titles; leave counters, badges and PDF typography intact. */
@media screen {
  #content .action-panel .action-primary-kpis .deadline-card-title:where([data-panel-report-capture] *){
    text-align:center;
    font-size:1rem!important;
    min-height:calc(2.4 * .94rem);
  }
}

@media print {
#content .action-panel .action-primary-kpis .deadline-card-title {min-height:2.4em;}
}