.forms-page,
.application-page {
  --forms-bg: #070807;
  --forms-surface: #0c0e0c;
  --forms-surface-strong: #101210;
  --forms-border: rgba(255, 255, 255, 0.1);
  --forms-muted: rgba(239, 240, 232, 0.57);
  --forms-soft: rgba(239, 240, 232, 0.035);
  background: var(--forms-bg);
}

.forms-hero,
.application-heading {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 3rem));
  margin: 0 auto;
}

.forms-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 3rem;
  padding: clamp(5.5rem, 10vw, 9rem) 0 3.5rem;
  border-bottom: 1px solid var(--forms-border);
}

.forms-hero h1,
.application-heading h1 {
  max-width: 14ch;
  margin: 0;
  color: #f3f3ed;
  font: 500 clamp(3rem, 6.5vw, 6rem)/0.94 "Clash Display", sans-serif;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.forms-hero > div:first-child > p:last-child,
.application-heading-grid > div > p:last-child {
  max-width: 42rem;
  margin: 1.4rem 0 0;
  color: var(--forms-muted);
  font: 400 1rem/1.7 Inter, sans-serif;
}

.forms-kicker {
  margin: 0 0 1rem;
  color: var(--brand-bright);
  font: 500 0.68rem/1.2 "JetBrains Mono", monospace;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.forms-identity-summary {
  min-width: 14rem;
  padding: 1rem 0 0.15rem 1.15rem;
  border-left: 1px solid color-mix(in oklab, var(--brand) 42%, transparent);
  font-family: Inter, sans-serif;
}

.forms-identity-summary span,
.forms-identity-summary strong {
  display: block;
}

.forms-identity-summary span { color: #e8e7df; font-size: 0.86rem; }
.forms-identity-summary strong { margin-top: 0.28rem; color: var(--forms-muted); font-size: 0.74rem; font-weight: 500; }

.forms-catalog {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 3rem));
  margin: 0 auto;
  padding: 3.25rem 0 7rem;
}

.forms-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.85rem;
}

.forms-card {
  grid-column: span 5;
  min-height: 19rem;
  display: flex;
  flex-direction: column;
  padding: clamp(1.3rem, 2.5vw, 2rem);
  color: #f2f2ec;
  background: var(--forms-surface);
  border: 1px solid var(--forms-border);
  border-radius: 18px;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.forms-card:nth-child(4n + 1),
.forms-card:nth-child(4n) { grid-column: span 7; }
.forms-card:hover { transform: translateY(-3px); border-color: rgba(200, 192, 97, 0.5); background: var(--forms-surface-strong); }
.forms-card:focus-visible { outline: 2px solid var(--brand-bright); outline-offset: 3px; }

.forms-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.forms-card-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; color: var(--brand-bright); background: rgba(200, 192, 97, 0.08); border: 1px solid rgba(200, 192, 97, 0.2); border-radius: 12px; }
.forms-card-state { color: var(--forms-muted); font: 500 0.66rem/1.2 "JetBrains Mono", monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.forms-card-state[data-state="accepted"] { color: #75c891; }
.forms-card-state[data-state="pending"] { color: #d9cf70; }
.forms-card-state[data-state="rejected"] { color: #d88989; }
.forms-card-state[data-state="locked"] { color: #8b8f89; }

.forms-card h2 { max-width: 18ch; margin: auto 0 0.8rem; color: #f4f3ed; font: 500 clamp(1.7rem, 3vw, 2.5rem)/1 "Clash Display", sans-serif; letter-spacing: -0.035em; }
.forms-card > p { max-width: 42rem; margin: 0; color: var(--forms-muted); font: 400 0.9rem/1.6 Inter, sans-serif; }
.forms-card-copy { display: flex; flex-direction: column; flex: 1; }
.forms-card-copy h2 { margin-top: auto; }
.forms-card-copy > p { max-width: 42rem; margin: 0; color: var(--forms-muted); font: 400 0.9rem/1.6 Inter,sans-serif; }
.forms-card-topline { display: flex; justify-content: space-between; align-items: center; gap: 0.8rem; margin: 1.25rem 0 2rem; color: rgba(239,240,232,0.42); font: 500 0.65rem/1.2 "JetBrains Mono",monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.forms-card-topline em { color: var(--brand-bright); font-style: normal; }
.forms-card-topline em[data-status="accepted"] { color: #75c891; }
.forms-card-topline em[data-status="rejected"] { color: #d88989; }
.forms-card-foot > span { display: inline-flex; align-items: center; gap: 0.35rem; }
.forms-card-foot > a { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; color: #10110e; background: var(--brand); border-radius: 9px; }
.forms-card.is-locked .forms-card-foot > a { color: rgba(239,240,232,0.52); background: rgba(255,255,255,0.07); }
.forms-card.is-draft { border-style: dashed; }
.forms-signin-callout { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1rem; padding: 1.5rem; background: rgba(255,255,255,0.025); border: 1px solid var(--forms-border); border-radius: 14px; }
.forms-signin-callout h2 { margin: 0; color: #eeede5; font: 500 1.35rem/1.1 "Clash Display",sans-serif; }
.forms-signin-callout p { max-width: 40rem; margin: 0.45rem 0 0; color: var(--forms-muted); font: 400 0.8rem/1.5 Inter,sans-serif; }
.forms-signin-callout button { min-height: 2.8rem; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0 0.9rem; color: #10110e; background: var(--brand); border: 0; border-radius: 8px; font: 650 0.75rem/1 Inter,sans-serif; cursor: pointer; white-space: nowrap; }
.forms-card-foot { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.075); }
.forms-card-foot span { color: rgba(239,240,232,0.4); font: 500 0.68rem/1.35 Inter, sans-serif; }
.forms-card-foot strong { color: var(--brand-bright); font: 600 0.78rem/1 Inter, sans-serif; white-space: nowrap; }

.forms-editor-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem);
  gap: 2rem;
  margin-bottom: 2rem;
  padding: 1.25rem;
  background: rgba(200,192,97,0.06);
  border: 1px solid rgba(200,192,97,0.25);
  border-radius: 16px;
}
.forms-editor-intro h2 { margin: 0; color: #f1f0e8; font: 500 1.65rem/1.05 "Clash Display",sans-serif; }
.forms-editor-intro p { margin: 0.55rem 0 0; color: var(--forms-muted); font: 400 0.83rem/1.55 Inter,sans-serif; }
.forms-create-row > label { display: block; margin-bottom: 0.45rem; color: #b7b4a8; font: 500 0.7rem/1.2 Inter,sans-serif; }
.forms-create-row > div { display: flex; gap: 0.5rem; }
.forms-create-row input,
.forms-create-row button { min-height: 2.75rem; border-radius: 9px; font: 500 0.82rem/1 Inter,sans-serif; }
.forms-create-row input { min-width: 0; flex: 1; padding: 0 0.75rem; color: #f4f3eb; background: #090a09; border: 1px solid rgba(255,255,255,0.13); }
.forms-create-row button { padding: 0 0.85rem; color: #10110e; background: var(--brand); border: 0; cursor: pointer; white-space: nowrap; }
.forms-create-row button:disabled { opacity: 0.48; cursor: wait; }
.forms-create-row > p { color: #e99b9b; }

.application-heading { padding: 4.5rem 0 2.5rem; }
.application-back { display: inline-flex; margin-bottom: 2.5rem; color: rgba(239,240,232,0.54); font: 500 0.76rem/1 Inter,sans-serif; text-decoration: none; }
.application-back:hover { color: #f2f2eb; }
.application-heading-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: end; }
.application-heading-grid > svg { color: rgba(200,192,97,0.56); }

.application-progress {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 3rem));
  margin: 0 auto 2rem;
  padding: 0;
  display: flex;
  gap: 0;
  list-style: none;
}
.application-progress li { display: flex; align-items: center; gap: 0.65rem; color: rgba(239,240,232,0.4); font: 500 0.77rem/1 Inter,sans-serif; }
.application-progress li:not(:last-child)::after { content: ""; display: block; width: clamp(2.5rem, 8vw, 7rem); height: 1px; margin: 0 1rem; background: rgba(255,255,255,0.1); }
.application-progress li > span { display: grid; place-items: center; width: 2rem; height: 2rem; color: #aaa89e; border: 1px solid rgba(255,255,255,0.13); border-radius: 50%; }
.application-progress li[data-complete="true"] { color: #e8e6dc; }
.application-progress li[data-complete="true"] > span { color: var(--brand-bright); border-color: rgba(200,192,97,0.5); background: rgba(200,192,97,0.08); }

.application-form-surface {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 3rem));
  margin: 0 auto 6rem;
  padding: clamp(1rem, 3vw, 2.6rem);
  background: var(--forms-surface);
  border: 1px solid var(--forms-border);
  border-radius: 20px;
}

.application-linked-accounts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 3.5rem; }
.application-linked-accounts > div { display: flex; align-items: center; gap: 0.8rem; min-height: 5rem; padding: 0.85rem 1rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 13px; }
.application-linked-accounts > div[data-connected="true"] { border-color: rgba(83,182,120,0.33); background: rgba(83,182,120,0.035); }
.application-account-icon { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; color: #dad8cc; background: rgba(255,255,255,0.06); border-radius: 9px; }
.application-linked-accounts p { display: flex; flex-direction: column; gap: 0.2rem; margin: 0 auto 0 0; font-family: Inter,sans-serif; }
.application-linked-accounts p strong { color: rgba(239,240,232,0.5); font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; }
.application-linked-accounts p span { color: #efeee7; font-size: 0.9rem; }
.application-linked-accounts > div > svg { color: #70c68f; }
.application-linked-accounts a,
.application-linked-accounts button { padding: 0.6rem 0.75rem; color: #10110e; background: var(--brand); border: 0; border-radius: 8px; cursor: pointer; font: 600 0.72rem/1 Inter,sans-serif; text-decoration: none; }

.application-section { padding: 0 max(1rem, 4vw) 4rem; }
.application-section + .application-section { padding-top: 4rem; border-top: 1px solid rgba(255,255,255,0.08); }
.application-section > header { position: relative; margin-bottom: 2.5rem; }
.application-section > header > span { display: block; margin-bottom: 0.8rem; color: var(--brand-bright); font: 500 0.66rem/1.2 "JetBrains Mono",monospace; letter-spacing: 0.15em; text-transform: uppercase; }
.application-section > header h2 { margin: 0; color: #f0efe8; font: 500 clamp(1.6rem,3vw,2.4rem)/1.05 "Clash Display",sans-serif; letter-spacing: -0.03em; }
.application-section > header p { max-width: 46rem; margin: 0.8rem 0 0; color: var(--forms-muted); font: 400 0.88rem/1.6 Inter,sans-serif; }

.application-field { margin-bottom: 2rem; }
.application-field > label { display: flex; align-items: baseline; gap: 0.45rem; margin-bottom: 0.6rem; color: #e8e7df; font: 500 0.88rem/1.4 Inter,sans-serif; }
.application-field > label > span { color: var(--brand-bright); }
.application-field > label > em { margin-left: auto; color: rgba(239,240,232,0.36); font-size: 0.66rem; font-style: normal; text-transform: uppercase; letter-spacing: 0.09em; }
.application-field input,
.application-field textarea,
.application-field select,
.application-member-picker input { width: 100%; color: #f2f2eb; background: #0a0c0a; border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; outline: none; font: 400 0.9rem/1.55 Inter,sans-serif; }
.application-field input,
.application-field select,
.application-member-picker input { min-height: 3.1rem; padding: 0 0.9rem; }
.application-field textarea { display: block; min-height: 9rem; padding: 0.85rem 0.9rem; resize: vertical; }
.application-field input:focus,
.application-field textarea:focus,
.application-field select:focus,
.application-member-picker input:focus { border-color: rgba(200,192,97,0.72); box-shadow: 0 0 0 3px rgba(200,192,97,0.08); }
.application-field [aria-invalid="true"] { border-color: rgba(219,102,102,0.8); }
.application-field-help { display: flex; justify-content: space-between; gap: 1rem; min-height: 1.2rem; margin-top: 0.45rem; color: rgba(239,240,232,0.39); font: 400 0.73rem/1.4 Inter,sans-serif; }
.application-field [aria-invalid="true"] + .application-field-help,
.application-field-error { color: #e99393; }

.application-member-picker { position: relative; }
.application-member-picker ul { position: absolute; z-index: 12; top: calc(100% + 0.4rem); left: 0; right: 0; max-height: 16rem; overflow: auto; margin: 0; padding: 0.35rem; background: #111310; border: 1px solid rgba(255,255,255,0.14); border-radius: 10px; box-shadow: 0 18px 45px rgba(0,0,0,0.36); list-style: none; }
.application-member-picker button { width: 100%; display: flex; justify-content: space-between; padding: 0.7rem; color: #e9e8df; background: transparent; border: 0; border-radius: 7px; cursor: pointer; text-align: left; }
.application-member-picker button:hover,
.application-member-picker button:focus-visible { background: rgba(200,192,97,0.09); outline: none; }
.application-member-picker button span { color: var(--forms-muted); }

.application-confirmation { margin: 0.5rem 0 2rem; padding: 1rem; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.09); border-radius: 10px; }
.application-confirmation label { display: flex; align-items: flex-start; gap: 0.7rem; color: #efeee7; font: 500 0.85rem/1.45 Inter,sans-serif; }
.application-confirmation input { margin-top: 0.15rem; accent-color: var(--brand); }
.application-confirmation a { color: var(--brand-bright); }
.application-confirmation > p { margin: 0.45rem 0 0 1.65rem; color: var(--forms-muted); font: 400 0.74rem/1.5 Inter,sans-serif; }

.application-submit-row { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin: 1rem max(1rem, 4vw) 0; padding: 1.4rem 0 0; border-top: 1px solid rgba(255,255,255,0.1); }
.application-submit-row div { display: flex; flex-direction: column; gap: 0.3rem; font-family: Inter,sans-serif; }
.application-submit-row strong { color: #f2f1e9; font-size: 0.9rem; }
.application-submit-row span { color: var(--forms-muted); font-size: 0.75rem; }
.application-submit-row button,
.application-lock-panel a,
.application-lock-panel button,
.application-receipt > a { min-height: 3rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 1.1rem; color: #10110e; background: var(--brand); border: 0; border-radius: 9px; cursor: pointer; font: 650 0.78rem/1 Inter,sans-serif; text-decoration: none; white-space: nowrap; }
.application-submit-row button:disabled { opacity: 0.5; cursor: wait; }
.application-submit-error { margin: 1rem max(1rem, 4vw) 0; color: #e99393; font: 500 0.8rem/1.4 Inter,sans-serif; }

.application-lock-panel,
.application-receipt { min-height: 25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 1.5rem; text-align: center; }
.application-lock-panel > svg,
.application-receipt > svg { color: var(--brand-bright); }
.application-lock-panel h2,
.application-receipt h2 { max-width: 22ch; margin: 1rem 0 0.8rem; color: #f2f1e9; font: 500 clamp(1.7rem,3vw,2.5rem)/1.05 "Clash Display",sans-serif; }
.application-lock-panel p,
.application-receipt span { max-width: 38rem; margin: 0 0 1.5rem; color: var(--forms-muted); font: 400 0.88rem/1.6 Inter,sans-serif; }
.application-receipt > div > p { margin: 0; color: #71cc93; font: 600 0.68rem/1.2 "JetBrains Mono",monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.application-receipt h2 { max-width: 28ch; }

.application-editor-bar { position: sticky; z-index: 45; top: 4rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 4.2rem; padding: 0.7rem clamp(1rem,3vw,2rem); background: rgba(11,12,10,0.96); border-bottom: 1px solid rgba(200,192,97,0.28); backdrop-filter: blur(14px); }
.application-editor-bar > div { display: flex; align-items: center; gap: 0.7rem; }
.application-editor-bar > div:first-child { align-items: flex-start; flex-direction: column; gap: 0.12rem; }
.application-editor-bar span { color: var(--brand-bright); font: 500 0.64rem/1.2 "JetBrains Mono",monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.application-editor-bar strong { color: var(--forms-muted); font: 500 0.75rem/1.3 Inter,sans-serif; }
.application-editor-bar label { display: flex; align-items: center; gap: 0.4rem; color: #d9d7cc; font: 500 0.75rem/1 Inter,sans-serif; }
.application-editor-bar input { accent-color: var(--brand); }
.application-editor-bar a,
.application-editor-bar button { min-height: 2.45rem; padding: 0 0.8rem; border-radius: 8px; font: 600 0.73rem/1 Inter,sans-serif; text-decoration: none; }
.application-editor-bar a { display: inline-flex; align-items: center; color: #e7e5db; border: 1px solid rgba(255,255,255,0.13); }
.application-editor-bar button { color: #10110e; background: var(--brand); border: 0; cursor: pointer; }
.application-heading--editor [contenteditable],
.application-editor-surface [contenteditable] { border-radius: 5px; outline: 1px dashed rgba(200,192,97,0.38); outline-offset: 5px; }
.application-heading--editor [contenteditable]:focus,
.application-editor-surface [contenteditable]:focus { outline: 2px solid var(--brand); background: rgba(200,192,97,0.055); }
.application-editor-settings { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 2rem; padding: 0.8rem; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.08); border-radius: 11px; }
.application-editor-settings label { min-width: 11rem; flex: 1; display: flex; flex-direction: column; gap: 0.35rem; color: var(--forms-muted); font: 500 0.65rem/1.2 Inter,sans-serif; }
.application-editor-settings input { min-height: 2.4rem; padding: 0 0.65rem; color: #eee; background: #090a09; border: 1px solid rgba(255,255,255,0.12); border-radius: 7px; }
.application-editor-settings .application-editor-check { min-width: auto; flex: 0 0 auto; flex-direction: row; align-items: center; padding: 0 0.5rem; }
.application-editor-settings .application-editor-check input { min-height: auto; accent-color: var(--brand); }
.application-editor-settings .application-editor-wide { min-width: min(28rem,100%); flex: 2; }
.application-editor-decision-copy { margin-top: 0.7rem; padding: 0.8rem; color: var(--forms-muted); background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; font: 500 0.7rem/1.3 Inter,sans-serif; }
.application-editor-decision-copy summary,
.application-question-settings summary { cursor: pointer; color: #cac7ba; }
.application-editor-decision-copy[open] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; }
.application-editor-decision-copy[open] summary { grid-column: 1 / -1; }
.application-editor-decision-copy label { display: flex; flex-direction: column; gap: 0.4rem; }
.application-editor-decision-copy textarea { min-height: 5.5rem; padding: 0.7rem; color: #efeee6; background: #090a09; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; resize: vertical; }
.application-editor-surface { padding-top: 3rem; }
.application-question-editor { position: relative; margin-bottom: 2.5rem; padding: 1.2rem; background: rgba(255,255,255,0.018); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; }
.application-question-tools { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 1.1rem; }
.application-question-tools select,
.application-question-tools button,
.application-question-tools label { min-height: 2rem; padding: 0 0.55rem; color: #d9d7cc; background: #10110e; border: 1px solid rgba(255,255,255,0.11); border-radius: 6px; font: 500 0.66rem/1 Inter,sans-serif; }
.application-question-tools label { display: inline-flex; align-items: center; gap: 0.35rem; }
.application-question-tools button { cursor: pointer; }
.application-question-tools button:disabled { opacity: 0.3; cursor: not-allowed; }
.application-question-tools button.danger { color: #e79a9a; }
.application-editor-question-label { margin: 0 0 0.7rem; color: #efeee7; font: 500 1rem/1.35 Inter,sans-serif; }
.application-editor-question-description { margin: 0 0 1rem; color: var(--forms-muted); font: 400 0.8rem/1.55 Inter,sans-serif; }
.application-question-settings { margin: 0 0 0.75rem; color: #8d897d; font: 500 0.65rem/1.3 Inter,sans-serif; }
.application-question-settings > div { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 0.5rem; margin-top: 0.6rem; }
.application-question-settings label { display: flex; flex-direction: column; gap: 0.3rem; }
.application-question-settings input { min-height: 2.4rem; padding: 0 0.6rem; color: #eae8de; background: #090a08; border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; }
.application-editor-answer { min-height: 4.8rem; display: flex; align-items: flex-start; padding: 0.9rem; color: rgba(239,240,232,0.27); background: #090a09; border: 1px solid rgba(255,255,255,0.1); border-radius: 9px; font: 400 0.82rem/1.5 Inter,sans-serif; }
.application-editor-answer--short_text,
.application-editor-answer--number,
.application-editor-answer--discord_user { min-height: 3rem; align-items: center; }
.application-editor-answer--checkbox { min-height: 3rem; align-items: center; }
.application-editor-options { display: flex; flex-direction: column; gap: 0.4rem; color: var(--forms-muted); font: 500 0.68rem/1.3 Inter,sans-serif; }
.application-editor-options input { min-height: 3rem; padding: 0 0.8rem; color: #efeee7; background: #090a09; border: 1px solid rgba(255,255,255,0.1); border-radius: 9px; }
.application-add-question,
.application-add-section,
.application-editor-delete-section { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.5rem; padding: 0 0.75rem; color: var(--brand-bright); background: rgba(200,192,97,0.055); border: 1px solid rgba(200,192,97,0.25); border-radius: 8px; cursor: pointer; font: 600 0.72rem/1 Inter,sans-serif; }
.application-add-section { margin-top: 1rem; }
.application-editor-section-tools { position: absolute; top: 0; right: 0; display: flex; gap: 0.35rem; }
.application-editor-section-tools > button { min-height: 2.5rem; padding: 0 0.65rem; color: #d2cfc2; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; cursor: pointer; }
.application-editor-section-tools > button:disabled { opacity: 0.3; cursor: not-allowed; }
.application-editor-section-tools .application-editor-delete-section { position: static; color: #df9292; background: transparent; border-color: rgba(205,90,90,0.3); }
.application-editor-delete-section:disabled { display: none; }

/* Admin community, applications, audit, and Discord routing */
.admin-ops-panel { min-height: calc(100dvh - 7rem); padding: clamp(1rem,2vw,1.5rem); color: var(--admin-ink); background: rgba(14,14,11,0.9); border: 1px solid rgba(255,255,255,0.08); border-radius: 18px; }
.admin-link-button { display: inline-flex; align-items: center; text-decoration: none; }
.admin-ops-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0.65rem; margin-bottom: 1rem; }
.admin-ops-metrics > div { min-height: 7.5rem; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; background: #0a0b09; border: 1px solid rgba(255,255,255,0.075); border-radius: 12px; }
.admin-ops-metrics span { color: #8e8b7e; font: 500 0.68rem/1.2 Inter,sans-serif; text-transform: uppercase; letter-spacing: 0.09em; }
.admin-ops-metrics strong { color: var(--brand-bright); font: 500 2.1rem/1 "Clash Display",sans-serif; }
.admin-application-layout { display: grid; grid-template-columns: minmax(16rem,0.8fr) minmax(0,1.35fr); gap: 0.7rem; }
.admin-application-list,
.admin-activity-feed { padding: 1rem; background: #090a08; border: 1px solid rgba(255,255,255,0.075); border-radius: 12px; }
.admin-application-layout h3 { margin: 0 0 0.9rem; color: #e9e7dc; font: 500 0.78rem/1.2 Inter,sans-serif; }
.admin-application-list > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.75rem; padding: 0.65rem; color: #e9e7dc; border-radius: 9px; text-decoration: none; }
.admin-application-list > a:hover { background: rgba(200,192,97,0.07); }
.admin-application-list > a > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; }
.admin-application-list small { color: #858174; font: 400 0.66rem/1.2 Inter,sans-serif; }
.admin-activity-feed article { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 0.7rem; align-items: center; padding: 0.7rem 0; border-bottom: 1px solid rgba(255,255,255,0.065); }
.admin-activity-feed article:last-child { border-bottom: 0; }
.admin-status-mark { width: 0.48rem; height: 0.48rem; background: #8d8a80; border-radius: 50%; }
.admin-status-mark--pending { background: var(--brand); }
.admin-status-mark--accepted { background: #5db881; }
.admin-status-mark--rejected { background: #c76767; }
.admin-activity-feed strong { color: #eae8dd; font: 550 0.8rem/1.2 Inter,sans-serif; }
.admin-activity-feed p { margin: 0.2rem 0 0; color: #8d897a; font: 400 0.7rem/1.35 Inter,sans-serif; }
.admin-activity-feed p span { color: var(--brand); }
.admin-activity-feed time { color: #777468; font: 500 0.65rem/1 "JetBrains Mono",monospace; }
.admin-search { min-width: min(28rem,100%); display: flex; align-items: center; gap: 0.55rem; min-height: 2.65rem; padding: 0 0.75rem; color: #898678; background: #090a08; border: 1px solid rgba(255,255,255,0.1); border-radius: 9px; }
.admin-search input { min-width: 0; flex: 1; color: #eeece3; background: transparent; border: 0; outline: 0; font: 400 0.78rem/1 Inter,sans-serif; }
.admin-user-list { display: flex; flex-direction: column; gap: 0.5rem; }
.admin-user-row { display: grid; grid-template-columns: auto minmax(10rem,1fr) minmax(12rem,1fr) minmax(11rem,auto) auto; gap: 0.85rem; align-items: center; padding: 0.8rem; background: #090a08; border: 1px solid rgba(255,255,255,0.075); border-radius: 11px; }
.admin-user-avatar { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; overflow: hidden; color: var(--brand); background: rgba(200,192,97,0.07); border: 1px solid rgba(200,192,97,0.14); border-radius: 9px; }
.admin-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-user-name { min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; font-family: Inter,sans-serif; }
.admin-user-name strong { overflow: hidden; color: #eae8df; font-size: 0.82rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-name span { overflow: hidden; color: #7d796d; font-size: 0.68rem; text-overflow: ellipsis; }
.admin-user-links { display: flex; flex-direction: column; gap: 0.35rem; }
.admin-user-links span { display: flex; align-items: center; gap: 0.35rem; color: #969285; font: 400 0.67rem/1.2 Inter,sans-serif; }
.admin-user-badges { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.admin-user-badges span { padding: 0.28rem 0.48rem; color: #817d72; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.08); border-radius: 6px; font: 600 0.58rem/1 Inter,sans-serif; text-transform: uppercase; letter-spacing: 0.06em; }
.admin-user-badges span[data-active="true"] { color: var(--brand-bright); border-color: rgba(200,192,97,0.25); }
.admin-user-actions { position: relative; }
.admin-user-actions summary { padding: 0.55rem 0.65rem; color: #d5d1c2; border: 1px solid rgba(255,255,255,0.1); border-radius: 7px; cursor: pointer; font: 600 0.68rem/1 Inter,sans-serif; list-style: none; }
.admin-user-actions > div { position: absolute; z-index: 10; top: calc(100% + 0.35rem); right: 0; min-width: 10rem; display: flex; flex-direction: column; gap: 0.6rem; padding: 0.75rem; background: #151610; border: 1px solid rgba(255,255,255,0.13); border-radius: 9px; box-shadow: 0 14px 40px rgba(0,0,0,0.38); }
.admin-user-actions label { display: flex; align-items: center; gap: 0.45rem; color: #d9d6ca; font: 500 0.7rem/1.2 Inter,sans-serif; }
.admin-user-actions input { accent-color: var(--brand); }
.admin-readonly { color: #716e64; font: 500 0.65rem/1 Inter,sans-serif; }
.admin-filter { display: flex; align-items: center; gap: 0.5rem; color: #969285; font: 500 0.68rem/1 Inter,sans-serif; }
.admin-filter select { min-height: 2.5rem; padding: 0 1.9rem 0 0.65rem; color: #e8e5db; background: #090a08; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; }
.admin-audit-timeline { max-width: 62rem; }
.admin-audit-timeline article { display: grid; grid-template-columns: 10.5rem auto minmax(0,1fr); gap: 0.9rem; min-height: 4.4rem; }
.admin-audit-timeline time { padding-top: 0.2rem; color: #777368; font: 400 0.65rem/1.35 "JetBrains Mono",monospace; }
.admin-audit-timeline article > span { position: relative; width: 1px; background: rgba(255,255,255,0.1); }
.admin-audit-timeline article > span::before { content: ""; position: absolute; top: 0.3rem; left: -0.25rem; width: 0.55rem; height: 0.55rem; background: #11120f; border: 1px solid var(--brand); border-radius: 50%; }
.admin-audit-timeline strong { color: #e7e5da; font: 550 0.79rem/1.25 Inter,sans-serif; }
.admin-audit-timeline p { margin: 0.25rem 0 0; color: #8d897b; font: 400 0.7rem/1.45 Inter,sans-serif; }
.admin-discord-state { display: inline-flex; align-items: center; gap: 0.4rem; color: #a8a497; font: 500 0.7rem/1 Inter,sans-serif; }
.admin-discord-grid { display: grid; grid-template-columns: 14rem minmax(0,1fr); gap: 0.75rem; }
.admin-discord-grid > aside { padding: 0.75rem; background: #090a08; border: 1px solid rgba(255,255,255,0.075); border-radius: 11px; }
.admin-discord-grid > aside h3 { margin: 0.35rem 0 0.75rem; color: #8f8b7f; font: 600 0.68rem/1.2 Inter,sans-serif; text-transform: uppercase; letter-spacing: 0.08em; }
.admin-discord-grid > aside button { width: 100%; display: flex; flex-direction: column; gap: 0.2rem; margin-bottom: 0.25rem; padding: 0.65rem; color: #dad7cc; background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; text-align: left; }
.admin-discord-grid > aside button.is-active { color: var(--brand-bright); background: rgba(200,192,97,0.07); border-color: rgba(200,192,97,0.22); }
.admin-discord-grid > aside button strong { font: 550 0.76rem/1.2 Inter,sans-serif; }
.admin-discord-grid > aside button span { color: #7f7b6f; font: 400 0.63rem/1.2 Inter,sans-serif; }
.admin-discord-form { padding: clamp(1rem,2vw,1.5rem); background: #090a08; border: 1px solid rgba(255,255,255,0.075); border-radius: 11px; }
.admin-discord-form-head { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.admin-discord-form-head span { color: var(--brand); font: 500 0.62rem/1.2 "JetBrains Mono",monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.admin-discord-form-head h3 { margin: 0.35rem 0 0; color: #efede3; font: 500 1.4rem/1 "Clash Display",sans-serif; }
.admin-discord-form-head > svg { color: rgba(200,192,97,0.5); }
.admin-discord-form > label,
.admin-discord-field-grid > label { display: flex; flex-direction: column; gap: 0.4rem; color: #aaa69a; font: 550 0.69rem/1.2 Inter,sans-serif; }
.admin-discord-form select { min-height: 2.75rem; padding: 0 0.7rem; color: #ece9df; background: #11120f; border: 1px solid rgba(255,255,255,0.11); border-radius: 8px; }
.admin-discord-field-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0.7rem; margin-top: 0.7rem; }
.admin-discord-field-grid small { min-height: 2.2rem; color: #716e64; font: 400 0.62rem/1.45 Inter,sans-serif; }
.admin-reviewer-roles { margin: 1.2rem 0 0; padding: 1rem; border: 1px solid rgba(255,255,255,0.08); border-radius: 9px; }
.admin-reviewer-roles legend { padding: 0 0.35rem; color: #dcd9cf; font: 550 0.72rem/1.2 Inter,sans-serif; }
.admin-reviewer-roles > p { margin: 0 0 0.8rem; color: #747167; font: 400 0.64rem/1.4 Inter,sans-serif; }
.admin-reviewer-roles > div { display: flex; flex-wrap: wrap; gap: 0.45rem; max-height: 10rem; overflow: auto; }
.admin-reviewer-roles label { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.55rem; color: #bdb9ac; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 7px; font: 500 0.65rem/1 Inter,sans-serif; }
.admin-reviewer-roles input { accent-color: var(--brand); }
.admin-discord-save { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.2rem; }
.admin-discord-save span { color: #747167; font: 400 0.65rem/1.4 Inter,sans-serif; }
.admin-discord-save button { min-height: 2.65rem; padding: 0 0.85rem; color: #10110e; background: var(--brand); border: 0; border-radius: 8px; cursor: pointer; font: 650 0.72rem/1 Inter,sans-serif; }
.admin-discord-save button:disabled { opacity: 0.45; cursor: wait; }

@media (prefers-reduced-motion: reduce) {
  .forms-card { transition: none; }
  .forms-card:hover { transform: none; }
}

@media (max-width: 820px) {
  .forms-hero,
  .forms-editor-intro,
  .application-heading-grid { grid-template-columns: 1fr; }
  .forms-identity-summary { min-width: 0; }
  .forms-card,
  .forms-card:nth-child(4n + 1),
  .forms-card:nth-child(4n) { grid-column: 1 / -1; }
  .application-linked-accounts { grid-template-columns: 1fr; }
  .application-progress { overflow-x: auto; }
  .application-progress li:not(:last-child)::after { width: 2rem; }
  .application-editor-bar { position: relative; top: 0; align-items: flex-start; flex-direction: column; }
  .admin-ops-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-application-layout,
  .admin-discord-grid { grid-template-columns: 1fr; }
  .admin-user-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .admin-user-links,
  .admin-user-badges { grid-column: 2 / -1; }
  .admin-discord-field-grid { grid-template-columns: 1fr; }
  .application-editor-decision-copy[open],
  .application-question-settings > div { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .forms-hero,
  .forms-catalog,
  .application-heading,
  .application-progress,
  .application-form-surface { width: min(100% - 1.5rem, 1320px); }
  .forms-hero { padding-top: 4rem; }
  .forms-hero h1,
  .application-heading h1 { font-size: clamp(2.6rem, 14vw, 4rem); }
  .forms-create-row > div,
  .application-submit-row { align-items: stretch; flex-direction: column; }
  .application-form-surface { padding: 0.8rem; border-radius: 14px; }
  .application-section { padding-inline: 0.55rem; }
  .application-linked-accounts { margin-bottom: 2.5rem; }
  .application-progress li strong { display: none; }
  .application-progress { justify-content: center; }
  .application-heading-grid > svg { display: none; }
  .application-editor-bar > div:last-child { flex-wrap: wrap; }
  .forms-signin-callout,
  .admin-discord-save { align-items: stretch; flex-direction: column; }
  .admin-user-row { grid-template-columns: auto minmax(0,1fr); }
  .admin-user-links,
  .admin-user-badges { grid-column: 1 / -1; }
  .admin-user-actions,
  .admin-readonly { grid-column: 1 / -1; }
  .admin-audit-timeline article { grid-template-columns: auto minmax(0,1fr); }
  .admin-audit-timeline time { grid-column: 2; }
  .admin-audit-timeline article > span { grid-row: 1 / span 2; }
}