/* LE CERVEAU v99 — le score d'exploitation devient la star du tableau de bord */
.operation-score-card {
  --score-color: var(--ginger) !important;
  padding: 24px 26px 18px;
  box-shadow: 0 18px 42px rgba(55,34,63,.14);
}
.operation-score-card > header { padding-bottom: 18px; border: 0; }
.operation-score-card h3 { font-size: 24px; }
.operation-score-body {
  grid-template-columns: 204px 205px minmax(0,1fr);
  gap: 24px;
}
.operation-gauge {
  position: relative;
  isolation: isolate;
  width: 190px;
  height: 190px;
  padding: 19px;
  box-shadow: 0 0 34px rgba(217,255,87,.34), 0 14px 34px rgba(55,34,63,.2);
}
.operation-gauge::before {
  content: '';
  position: absolute;
  inset: -14px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(217,255,87,.34), rgba(217,255,87,.16) 48%, transparent 72%);
  filter: blur(8px);
  pointer-events: none;
}
.operation-gauge > div { position: relative; display: grid; place-items: center; }
.operation-gauge strong { position: absolute; left: 50%; top: 45%; align-self: auto; transform: translate(-50%,-50%); font-size: 60px; letter-spacing: -4px; font-variant-numeric: tabular-nums; }
.operation-gauge span { position: absolute; left: 50%; top: 72%; align-self: auto; margin: 0; transform: translate(-50%,-50%); font-size: 9px; letter-spacing: .04em; opacity: .78; }
.operation-gauge[data-score-digits="3"] strong { font-size: 52px; }
.operation-state > strong { font-size: 22px; }

@media(max-width:1050px){
  .operation-score-body { grid-template-columns: 172px minmax(150px,.72fr) minmax(280px,1.4fr); gap: 16px; }
  .operation-gauge { width: 158px; height: 158px; padding: 16px; }
  .operation-gauge strong { font-size: 48px; letter-spacing: -3px; }
  .operation-gauge span { font-size: 8px; }
  .operation-gauge[data-score-digits="3"] strong { font-size: 43px; }
}
@media(max-width:700px){
  .operation-score-card { padding: 19px 17px 14px; }
  .operation-score-card h3 { font-size: 20px; }
  .operation-score-body { grid-template-columns: 138px minmax(0,1fr); gap: 14px; }
  .operation-gauge { width: 132px; height: 132px; padding: 13px; }
  .operation-gauge strong { font-size: 40px; letter-spacing: -2px; }
  .operation-gauge span { font-size: 8px; }
  .operation-gauge[data-score-digits="3"] strong { font-size: 35px; }
  .operation-state > strong { font-size: 18px; }
}
@media(max-width:430px){
  .operation-score-body { grid-template-columns: 118px minmax(0,1fr); gap: 11px; }
  .operation-gauge { width: 112px; height: 112px; padding: 11px; }
  .operation-gauge strong { font-size: 35px; }
  .operation-gauge span { top: 73%; font-size: 7px; }
  .operation-gauge[data-score-digits="3"] strong { font-size: 31px; }
}