/* Pitch Back — identité « courrier postal » (complète Tailwind, ne le remplace pas) */

.pb-airmail {
  height: 10px;
  background: repeating-linear-gradient(
    -45deg,
    #D63A2C 0 14px, #FBFAF6 14px 28px,
    #2B59C3 28px 42px, #FBFAF6 42px 56px
  );
}

/* Tampon incliné — la signature visuelle */
.pb-stamp {
  display: inline-block;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #D63A2C;
  border: 2px solid #D63A2C;
  border-radius: 5px;
  padding: 5px 10px;
  transform: rotate(-3deg);
  background: #fff;
}
.pb-stamp--right { transform: rotate(8deg); }

/* Label mono uppercase (tout ce qui est déterministe) */
.pb-label {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 10.5px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.pb-yaml {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11.5px;
  line-height: 1.6;
  white-space: pre;
  overflow-x: auto;
}

/* Donut de score (conic-gradient piloté par une variable) */
.pb-dial {
  width: 120px; height: 120px; border-radius: 50%;
  background: conic-gradient(#D63A2C calc(var(--score) * 1%), #F2F0E8 0);
  display: flex; align-items: center; justify-content: center;
}
.pb-dial > div {
  width: 92px; height: 92px; border-radius: 50%;
  background: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}

.htmx-request .pb-spin { display: inline-block; }
.pb-spin { display: none; }