/* "Your RFPs" on the account page: stacked white cards, neutral pills and links. The one accent action is "Post an RFP" when there are no RFPs yet. */
.my-rfps { margin: var(--space-5, 24px) 0; font-family: var(--font-body, "Source Sans 3", system-ui, sans-serif); color: var(--color-text, #16202E); }
.my-rfps *, .my-rfps *::before, .my-rfps *::after { box-sizing: border-box; }
.my-rfps[hidden] { display: none; }
.my-rfps__title { margin: 0 0 var(--space-3, 12px); font-family: var(--font-display, "Cabinet Grotesk", "Cabinet Grotesk Fallback", system-ui, sans-serif); font-size: 22px; font-weight: 600; }
.my-rfps__note { margin: 0 0 var(--space-3, 12px); }
.my-rfps__list { display: grid; gap: var(--space-3, 12px); margin: 0; padding: 0; list-style: none; }
.my-rfps__item { background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-card-border, #DFE4EB); border-radius: var(--radius-md); padding: var(--space-4, 16px) var(--space-5, 24px); }
.my-rfps__name { margin: 0 0 var(--space-2, 8px); font-family: var(--font-display, "Cabinet Grotesk", "Cabinet Grotesk Fallback", system-ui, sans-serif); font-size: 18px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.my-rfps__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2, 8px); margin: 0 0 var(--space-3, 12px); }
.my-rfps__pill { display: inline-flex; padding: 4px 12px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; background: color-mix(in srgb, var(--color-border, #667085) 16%, var(--color-surface-raised, #FFFFFF)); }
.my-rfps__when { font-size: 14px; color: var(--color-text-muted, #4A5565); }
.my-rfps__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 var(--space-4, 16px); border: 1px solid var(--color-border, #667085); border-radius: var(--radius-sm); background: transparent; color: var(--color-text, #16202E); font: inherit; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; }
.my-rfps__btn--primary { background: var(--color-accent, #0B6B5D); border-color: var(--color-accent, #0B6B5D); color: #FFFFFF; }
.my-rfps__btn--primary:hover { background: #08574B; border-color: #08574B; }
/* while the notifications panel is open it carries the one accent action */
body.nbell-open .my-rfps__btn--primary { background: transparent; border-color: var(--color-border, #667085); color: var(--color-text, #16202E); }
.my-rfps__btn:hover { background: var(--color-surface-raised, #FFFFFF); }
.my-rfps__btn:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
@media (max-width: 760px) { .my-rfps__item { padding: var(--space-4, 16px); } .my-rfps__btn { width: 100%; } }
/* "Save profile" is the account page's accent action; it steps aside while "Post an RFP" (no RFPs yet) or the notifications panel carries the one accent action */
.account-page:has(.my-rfps__btn--primary) .account-page__primary, body.nbell-open .account-page__primary { background: transparent; border-color: var(--color-border, #667085); color: var(--color-text, #16202E); }