/* The inline change offer card (docs/PEN_RATE_NOTICES.md). Takes its own line
   in a flex row (flex-basis 100%) so a chip-row layout is not broken. */
.pen-rate-offer {
  flex-basis: 100%; width: 100%; box-sizing: border-box; margin: .5rem 0;
  padding: .75rem .9rem; border: 1px solid rgba(73, 54, 87, .18); border-radius: .75rem;
  background: var(--cm-light, rgba(73, 54, 87, .05)); color: var(--cm-fg, #493657);
  font-size: .8rem; line-height: 1.5; text-align: left; white-space: normal;
}
.pen-rate-offer[data-accepted="1"] { border-color: rgba(16, 122, 86, .35); background: rgba(16, 122, 86, .06); }
.pen-rate-offer__text { margin: 0 0 .35rem; font-weight: 600; }
.pen-rate-offer__scope { margin: 0 0 .35rem; padding-left: 1.1rem; }
.pen-rate-offer__scope li { margin: 0 0 .15rem; }
.pen-rate-offer__reason, .pen-rate-offer__state { margin: 0 0 .35rem; color: var(--cm-dim, #6b5b7b); }
.pen-rate-offer__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .4rem; }
.pen-rate-offer__accept, .pen-rate-offer__later, .pen-rate-offer__show {
  min-height: 44px; padding: 0 .9rem; border-radius: 999px; font: inherit; font-weight: 600; cursor: pointer;
}
.pen-rate-offer__accept { border: 0; background: var(--cm-brand, #493657); color: #fff; }
.pen-rate-offer__accept:disabled { opacity: .6; cursor: progress; }
.pen-rate-offer__later, .pen-rate-offer__show { border: 1px solid currentColor; background: transparent; color: inherit; }
.pen-rate-offer__accept:focus-visible, .pen-rate-offer__later:focus-visible, .pen-rate-offer__show:focus-visible {
  outline: 2px solid var(--cm-brand, #493657); outline-offset: 2px;
}
.pen-rate-offer__link { align-self: center; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; }
.pen-rate-offer__message { margin: .4rem 0 0; font-weight: 600; }
.pen-rate-offer__message[data-kind="error"] { color: #b3261e; }
.pen-rate-offer__collapsed { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.pen-rate-offers { margin: 1.5rem 0; }
.pen-rate-offers__title { margin: 0 0 .5rem; font-size: 1rem; font-weight: 700; }
.pen-rate-offers__intro { margin: 0 0 .5rem; font-size: .8rem; color: var(--cm-dim, #6b5b7b); }
.pen-rate-offers__accepted { margin: .5rem 0 0; padding: 0; list-style: none; }
.pen-rate-offers__row { display: flex; flex-direction: column; gap: .1rem; padding: .5rem 0; border-top: 1px solid rgba(73, 54, 87, .12); font-size: .8rem; }
.pen-rate-offers__row-meta { color: var(--cm-dim, #6b5b7b); font-size: .75rem; }