/* Members helping the newsroom: tip / error / topic / article forms, "my contributions", the ideas board,
   the "report an error" link under pages and the band on the newsroom page. */
.requests-card { inline-size: min(100%, 640px); }
.requests-card__kicker { margin: 0; color: var(--atlas-green); font-size: var(--step--1); font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.requests-guidelines { border-radius: var(--radius-m); background: var(--surface-2); padding: var(--space-3) var(--space-4); font-size: var(--step--1); }
.requests-guidelines summary { font-weight: 700; cursor: pointer; }
.requests-guidelines ul { margin: var(--space-2) 0 0; padding-inline-start: var(--space-4); display: grid; gap: 4px; }
.requests-context { margin: 0; padding: var(--space-2) var(--space-3); border-radius: var(--radius-m); background: var(--atlas-tint); font-size: var(--step--1); }
.auth-field input[type="url"] { min-block-size: var(--touch); padding-inline: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--surface); color: var(--ink); font: inherit; inline-size: 100%; }
.requests-sources { border: 0; padding: 0; margin: 0; display: grid; gap: var(--space-2); min-inline-size: 0; }
.requests-sources legend { font-weight: 700; font-size: var(--step--1); margin-block-end: 6px; padding: 0; }
.requests-picker { position: relative; }
.requests-picker input[type="text"] { inline-size: 100%; }
.requests-picker__list { position: absolute; inset-inline: 0; inset-block-start: 100%; z-index: 20; margin: 4px 0 0; padding: var(--space-1); list-style: none;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); box-shadow: var(--shadow-card); max-block-size: 260px; overflow: auto; }
.requests-picker__list li { padding: var(--space-2) var(--space-3); border-radius: var(--radius-s); cursor: pointer; font-size: var(--step--1); }
.requests-picker__list li:hover, .requests-picker__list li[aria-selected="true"] { background: var(--atlas-tint); color: var(--atlas-green); }

.requests-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.requests-mine { display: grid; gap: var(--space-3); padding-block-end: var(--space-3); }
.requests-mine__head { display: grid; gap: var(--space-3); }
.requests-mine__empty { margin: 0; padding-inline: var(--space-4); color: var(--ink-2); }
.requests-mine__list { margin: 0; padding: 0 var(--space-4); list-style: none; display: grid; }
.request-row { display: grid; gap: 4px; padding-block: var(--space-3); border-block-start: 1px solid var(--line); }
.request-row__meta { margin: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; font-size: var(--step--1); color: var(--ink-2); }
.request-row__title { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.request-row__reply { margin: 0; padding: var(--space-2) var(--space-3); border-inline-start: 3px solid var(--atlas-green); background: var(--surface-2); border-radius: var(--radius-s); font-size: var(--step--1); }
.request-kind { font-weight: 700; color: var(--ink); }
.request-status { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; background: var(--surface-2); color: var(--ink-2); }
.request-status--in_progress, .request-status--planned { background: color-mix(in srgb, var(--promo, #2563eb) 14%, var(--surface)); color: var(--promo, #2563eb); }
.request-status--done { background: var(--atlas-tint); color: var(--atlas-green); }
.request-status--declined { opacity: 0.75; }

.ideas { display: grid; gap: var(--space-3); padding-block-end: var(--space-4); }
.ideas__head { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; justify-content: space-between; }
.ideas__intro { margin: var(--space-1) 0 0; color: var(--ink-2); font-size: var(--step--1); max-inline-size: 60ch; }
.ideas__sort { display: flex; gap: var(--space-2); padding-inline: var(--space-4); flex-wrap: wrap; }
.ideas__sort .chip.is-active { background: var(--ink); color: var(--surface); }
.ideas__held, .ideas__empty, .ideas__signin { margin: 0; padding-inline: var(--space-4); color: var(--ink-2); font-size: var(--step--1); }
.ideas__held { list-style: none; display: grid; gap: 4px; }
.ideas__list { margin: 0; padding: 0 var(--space-4); list-style: none; display: grid; }
.idea { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-3); border-block-start: 1px solid var(--line); scroll-margin-block-start: 120px; }
.idea__vote form { margin: 0; }
.idea__vote-button, .idea__vote-count { display: grid; justify-items: center; gap: 2px; min-inline-size: 52px; min-block-size: 56px; padding: var(--space-2);
  border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--surface); color: var(--ink); font-weight: 800; }
.idea__vote-button { cursor: pointer; }
.idea__vote-button:hover { border-color: var(--atlas-green); }
.idea__vote-button.is-voted { background: var(--atlas-tint); border-color: var(--atlas-green); color: var(--atlas-green); }
.idea__arrow { transform: rotate(-90deg); inline-size: 18px; block-size: 18px; }
.idea__title { margin: 0; font-size: var(--step-1); overflow-wrap: anywhere; }
.idea__body { margin: 4px 0 0; color: var(--ink-2); font-size: var(--step--1); overflow-wrap: anywhere; }
.idea__meta { margin: var(--space-2) 0 0; display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; font-size: var(--step--1); color: var(--ink-2); }

.report-error-row { margin: var(--space-3) 0; text-align: end; }
.report-error { display: inline-flex; align-items: center; gap: 6px; min-block-size: var(--touch); font-size: var(--step--1); color: var(--ink-2); text-decoration: none; }
.report-error:hover { color: var(--ink); text-decoration: underline; }
.report-error .icon { inline-size: 16px; block-size: 16px; }

.requests-band { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; justify-content: space-between; margin-block: var(--space-4);
  padding: var(--space-3) var(--space-4); border-radius: var(--radius-l); background: var(--atlas-tint); }
.requests-band__text { margin: 0; font-size: var(--step--1); }
.requests-band__links { display: flex; flex-wrap: wrap; gap: var(--space-2); }

.comment__badge--contributor { background: var(--atlas-tint); color: var(--atlas-green); }
.profile-contributions__list { margin: 0; padding: 0 var(--space-4) var(--space-4); list-style: none; display: grid; gap: var(--space-2); }
.profile-contributions__list li { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: space-between; }
.profile-contributions__list time { color: var(--ink-2); font-size: var(--step--1); }
.notification__newsroom { display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; background: var(--atlas-tint); color: var(--atlas-green); flex: none; }
.notification__reply { margin: 4px 0 0; color: var(--ink-2); font-size: var(--step--1); }