/* A quiet deadline row, separate from progress. Keep approved borderless goal surfaces. */
.goal-card-main .goal-deadline-row,
.goal-focus .goal-deadline-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 10px;
  width:100%;
  min-width:0;
  margin-top:12px;
  text-align:left;
}
.goal-deadline-row .goal-deadline-date {
  color:#c4bdae;
  font-size:12px;
  line-height:1.5;
  letter-spacing:0;
  font-weight:500;
}
.goal-deadline-row .goal-countdown {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border:0;
  border-radius:8px;
  background:#ffcf6110;
  box-shadow:none;
  color:#eed5a0;
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1.45;
  letter-spacing:0;
  max-width:100%;
}
.goal-countdown .goal-countdown-icon { font-size:15px; line-height:1; flex:0 0 auto; }
.goal-countdown .goal-countdown-label { min-width:0; overflow-wrap:anywhere; }
.goal-deadline-row .goal-countdown[data-deadline-state="soon"],
.goal-deadline-row .goal-countdown[data-deadline-state="today"] { color:#ffdf90; background:#ffcf611a; }
.goal-deadline-row .goal-countdown[data-deadline-state="overdue"] { color:#f0baa9; background:#f0baa90e; }
.goal-deadline-row .goal-countdown[data-deadline-state="complete"] { color:#d8cfb8; background:#ffffff08; }
.goal-focus .goal-deadline-row { margin-top:14px; }
.goal-focus .goal-deadline-row .goal-countdown { font-size:13px; }
[data-countdown-source][hidden] { display:none!important; }
@media (forced-colors:active) {
  .goal-deadline-row .goal-countdown { color:CanvasText; background:Canvas; }
}

#modal .goal-countdown-date-help { font-size:12px; line-height:1.5; color:#c4bdae; }