.target-relief {
  width: 100%; box-sizing: border-box; margin: 12px 0 0; padding: 18px;
  border: 1px solid #496d66; border-radius: 16px;
  background: linear-gradient(135deg, #203c35, #182a33);
  color: #e7f6f0; text-align: left; overflow-wrap: anywhere;
}
.target-relief[hidden] { display: none !important; }
.driver-home-body .driver-target-value .target-relief strong {
  display: block; min-width: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; text-align: left;
}
.driver-home-body .driver-target-value .target-relief span {
  text-transform: none; letter-spacing: 0; font-weight: 400;
}
.driver-home-body .driver-target-value .target-relief .target-relief-icon {
  display: grid; font-size: 20px; padding: 0; color: inherit;
}
.target-relief-heading { display: flex; align-items: center; gap: 10px; }
.target-relief-heading > strong { font-size: 14px; line-height: 1.4; color: #b5efdb; }
.target-relief-icon { display: grid; place-items: center; flex: 0 0 34px; height: 34px; background: #36534b; border-radius: 11px; font-size: 20px; }
.target-relief-amounts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 17px 0 12px; }
.target-relief-amounts > div { display: grid; gap: 5px; min-width: 0; }
.target-relief-amounts span { color: #b5c9c5; font-size: 11px; line-height: 1.4; text-transform: none; letter-spacing: 0; }
.target-relief-amounts strong { color: #e7f6f0; font-size: clamp(14px, 2.2vw, 20px); line-height: 1.3; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.target-relief-original strong { color: #adbfbb; text-decoration: line-through; text-decoration-thickness: 1px; }
.target-relief-reduction strong { color: #d0b8f5; }
.target-relief-adjusted strong { color: #aaf0d5; }
.target-relief-bar { height: 5px; background: #71baa1; border-radius: 5px; display: flex; justify-content: flex-end; overflow: hidden; }
.target-relief-bar > span { background: #bca3df; }
.target-relief p { margin: 10px 0 0; color: #c1d4ce; font-size: 12px; font-weight: 400; line-height: 1.6; }
.target-relief-compact { padding: 12px; }
.target-relief-compact .target-relief-amounts { gap: 7px; }
.target-relief-compact .target-relief-amounts strong { font-size: 14px; }
@media (max-width: 600px) {
  .target-relief { padding: 12px; }
  .target-relief-amounts { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .target-relief-amounts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
  .target-relief-amounts strong { font-size: 14px; white-space: nowrap; }
}
/* Task review keeps the current derived amount separate from a base edit. */
#tasksTargetEdit { border:1px solid #354b5c; border-radius:12px; padding:14px; margin:8px 0; }
#tasksTargetEdit summary { cursor:pointer; color:#abdcd2; font-size:14px; font-weight:650; }
#tasksTargetEdit[open] { display:grid; gap:14px; }
#tasksTargetEdit p,#tasksTargetKeepHelp,#tasksTargetLiveStatus { color:#acbdc8; font-size:13px; line-height:1.6; }
#tasksTargetCurrentAmount { font-size:22px; font-weight:700; color:#aaf0d5; }
#tasksTargetChange { width:100%; margin-top:14px; }