/* Supplier/public procurement V3, 45% Ramp + 35% Stripe + 20% Linear */

.board-page,
.supplier-register-page {
  --s-ink:#08131d;
  --s-muted:#687984;
  --s-line:rgba(8,19,29,.10);
  --s-green:#18b46b;
  --s-green-dark:#0f9154;
  --s-green-soft:#eaf8f1;
  --s-night:#07131b;
  color:var(--s-ink);
}

/* Public board */
.board-page {
  background:
    radial-gradient(circle at 88% 5%, rgba(102,214,192,.10), transparent 23%),
    #f6f8f9;
}

.board-page .board-shell {
  width:min(1240px,calc(100% - 40px));
}

.board-page .board-header {
  min-height:72px;
  margin-bottom:18px;
  padding:0 2px;
  border-bottom:1px solid rgba(8,19,29,.075);
}

.board-page .board-brand {
  gap:10px;
  font-size:17px;
  letter-spacing:-.035em;
}

.board-page .board-brand img {
  width:34px;
  height:36px;
}

.board-page .board-header nav {
  gap:10px;
}

.board-page .board-header nav a:not(.board-button) {
  color:#61727d;
  font-size:12px;
  font-weight:700;
}

.board-page .board-button {
  min-height:40px;
  padding:9px 15px;
  border-radius:9px;
  color:#fff;
  background:var(--s-ink);
  box-shadow:0 8px 22px rgba(8,19,29,.10);
}

.board-page .board-button:hover {
  background:#132834;
}

.board-page .board-hero {
  overflow:hidden;
  gap:54px;
  padding:48px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 12%, rgba(87,213,159,.17), transparent 28%),
    radial-gradient(circle at 70% 100%, rgba(126,118,255,.09), transparent 35%),
    linear-gradient(145deg,#07131b,#0b1d28);
  box-shadow:0 28px 74px rgba(7,19,27,.15);
}

.board-page .board-eyebrow {
  color:#73dda5;
  font-size:10px;
  letter-spacing:.13em;
}

.board-page .board-hero h1 {
  max-width:760px;
  margin:15px 0 18px;
  color:#fff;
  font-size:clamp(44px,5.2vw,70px);
  line-height:.98;
  letter-spacing:-.06em;
}

.board-page .board-hero > div > p {
  max-width:650px;
  color:#9fadb7;
  font-size:14px;
  line-height:1.7;
}

.board-page .board-hero aside {
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.045);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.board-page .board-step {
  color:#6fdba2;
  font-size:9px;
  letter-spacing:.10em;
}

.board-page .board-hero aside strong {
  color:#f3f7f9;
  font-size:13px;
}

.board-page .board-hero aside p {
  color:#8699a5;
  font-size:10px;
}

.board-page .board-content {
  margin-top:18px;
  padding:30px;
  border:1px solid var(--s-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 15px 46px rgba(7,19,27,.045);
}

.board-page .board-section-head {
  gap:24px;
}

.board-page .board-section-head .board-eyebrow {
  color:var(--s-green-dark);
}

.board-page .board-section-head h2 {
  margin-top:7px;
  color:var(--s-ink);
  font-size:30px;
  letter-spacing:-.045em;
}

.board-page .board-section-head > a {
  color:var(--s-green-dark);
  font-size:11px;
  font-weight:800;
}

.board-page .board-filters {
  margin:24px 0 14px;
  padding:14px;
  border:1px solid var(--s-line);
  border-radius:12px;
  background:#f8fafb;
}

.board-page .board-filters label {
  color:#5e707b;
  font-size:10px;
  font-weight:700;
}

.board-page .board-filters select {
  min-height:40px;
  margin-top:6px;
  border:1px solid rgba(8,19,29,.11);
  border-radius:8px;
  color:#273944;
  background:#fff;
}

.board-page .board-text-button {
  min-height:40px;
  color:#6e7e88;
  font-size:10px;
}

.board-page .board-status {
  color:#73828c;
  font-size:11px;
}

.board-page .board-list {
  gap:10px;
}

.board-page .board-list > * {
  border-color:var(--s-line);
  border-radius:13px;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.board-page .board-list > *:hover {
  transform:translateY(-1px);
  border-color:rgba(8,19,29,.16);
  box-shadow:0 14px 40px rgba(7,19,27,.055);
}

.board-page .board-empty {
  padding:38px 24px;
  border:1px dashed rgba(8,19,29,.16);
  border-radius:13px;
  background:#fafcfc;
}

.board-page .board-empty h3 {
  color:var(--s-ink);
}

.board-page .board-empty p {
  color:var(--s-muted);
}

.board-page .board-pagination {
  margin-top:18px;
  gap:7px;
}

.board-page .board-pagination button {
  min-height:38px;
  border:1px solid var(--s-line);
  border-radius:8px;
  color:#52636e;
  background:#fff;
}

.board-page .board-footer {
  margin-top:22px;
  padding:22px 0 32px;
  border-top:1px solid var(--s-line);
  color:#7b8992;
  font-size:10px;
}

/* Supplier registration page overrides inline legacy CSS */
.supplier-register-page {
  margin:0;
  background:
    radial-gradient(circle at 86% 5%, rgba(102,214,192,.10), transparent 24%),
    #f6f8f9;
  color:var(--s-ink);
}

.supplier-register-page .shell {
  width:min(1160px,calc(100% - 40px));
  padding:22px 0 56px;
}

.supplier-register-page .top {
  min-height:54px;
  margin-bottom:18px;
}

.supplier-register-page .brand {
  gap:10px;
  color:var(--s-ink);
  font-size:17px;
  letter-spacing:-.035em;
}

.supplier-register-page .brand img {
  width:34px;
  height:36px;
}

.supplier-register-page .back {
  color:#60717c;
  font-size:11px;
}

.supplier-register-page .layout {
  grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);
  border:1px solid var(--s-line);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(7,19,27,.11);
}

.supplier-register-page .intro {
  padding:42px 38px;
  background:
    radial-gradient(circle at 88% 10%,rgba(87,213,159,.17),transparent 30%),
    radial-gradient(circle at 68% 100%,rgba(126,118,255,.08),transparent 35%),
    linear-gradient(145deg,#07131b,#0b1d28);
}

.supplier-register-page .eyebrow {
  color:#73dda5;
  font-size:10px;
  letter-spacing:.13em;
}

.supplier-register-page h1 {
  margin:15px 0 17px;
  font-size:clamp(40px,4.7vw,58px);
  line-height:1;
  letter-spacing:-.055em;
}

.supplier-register-page .lead {
  color:#9eafb9;
  font-size:13px;
}

.supplier-register-page .benefits {
  gap:0;
  margin-top:30px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.supplier-register-page .benefits li {
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.07);
  color:#d6e1e5;
  font-size:11px;
}

.supplier-register-page .benefits li:first-child {
  border-top:0;
}

.supplier-register-page .benefits span {
  width:27px;
  height:27px;
  border-radius:8px;
  color:#75dda6;
  background:rgba(24,180,107,.12);
}

.supplier-register-page .terms-box {
  margin-top:26px;
  padding:15px;
  border-color:rgba(255,255,255,.10);
  border-radius:11px;
  background:rgba(255,255,255,.045);
}

.supplier-register-page .terms-box strong {
  font-size:12px;
}

.supplier-register-page .terms-box small {
  color:#96a8b3;
  font-size:10px;
}

.supplier-register-page .content {
  padding:36px;
}

.supplier-register-page .form-head {
  margin-bottom:22px;
}

.supplier-register-page .form-head .eyebrow {
  color:var(--s-green-dark);
}

.supplier-register-page .form-head h2 {
  margin:7px 0 7px;
  color:var(--s-ink);
  font-size:26px;
  letter-spacing:-.04em;
}

.supplier-register-page .form-head p {
  color:var(--s-muted);
  font-size:11px;
}

.supplier-register-page form {
  gap:14px;
}

.supplier-register-page .grid {
  gap:11px;
}

.supplier-register-page label.field,
.supplier-register-page .coverage-title,
.supplier-register-page .categories-title {
  color:#536570;
  font-size:10px;
  font-weight:700;
}

.supplier-register-page input,
.supplier-register-page select {
  min-height:44px;
  padding:10px 11px;
  border:1px solid rgba(8,19,29,.11);
  border-radius:9px;
  color:#253844;
  background:#fbfcfc;
  font-size:12px;
}

.supplier-register-page input:hover,
.supplier-register-page select:hover {
  border-color:rgba(8,19,29,.20);
}

.supplier-register-page input:focus,
.supplier-register-page select:focus {
  border-color:rgba(24,180,107,.62);
  background:#fff;
  outline:0;
  box-shadow:0 0 0 3px rgba(24,180,107,.09);
}

.supplier-register-page .lookup {
  min-height:44px;
  border-color:rgba(24,180,107,.17);
  border-radius:9px;
  color:var(--s-green-dark);
  background:var(--s-green-soft);
  font-size:10px;
}

.supplier-register-page .field-help,
.supplier-register-page .privacy {
  color:#85929a;
  font-size:9px;
}

.supplier-register-page .registry-result {
  border-color:rgba(24,180,107,.16);
  border-radius:10px;
  color:#16613e;
  background:#edf9f3;
  font-size:10px;
}

.supplier-register-page .regions,
.supplier-register-page .categories {
  gap:7px;
}

.supplier-register-page .choice {
  padding:9px 10px;
  border-color:var(--s-line);
  border-radius:9px;
  color:#4c5e69;
  background:#fafcfc;
  font-size:10px;
  transition:border-color .15s ease,background .15s ease;
}

.supplier-register-page .choice:hover {
  border-color:rgba(8,19,29,.17);
}

.supplier-register-page .choice:has(input:checked) {
  border-color:rgba(24,180,107,.24);
  color:#155c3a;
  background:var(--s-green-soft);
}

.supplier-register-page .choice input,
.supplier-register-page .consent input {
  accent-color:var(--s-green);
}

.supplier-register-page .consent {
  padding:11px;
  border:1px solid var(--s-line);
  border-radius:9px;
  color:#60717c;
  background:#fafcfc;
  font-size:10px;
}

.supplier-register-page .submit {
  min-height:47px;
  padding:0 20px;
  border-radius:9px;
  background:var(--s-ink);
  box-shadow:0 8px 22px rgba(8,19,29,.10);
  font-size:11px;
}

.supplier-register-page .submit:hover {
  background:#132834;
}

.supplier-register-page .message {
  border-radius:9px;
  font-size:10px;
}

.supplier-register-page .message.success {
  color:var(--s-green-dark);
  background:#edf9f3;
}

.supplier-register-page .footer {
  color:#8a969e;
}

/* Shared focus */
.board-page a:focus-visible,
.board-page button:focus-visible,
.board-page select:focus-visible,
.supplier-register-page a:focus-visible,
.supplier-register-page button:focus-visible,
.supplier-register-page input:focus-visible,
.supplier-register-page select:focus-visible {
  outline:3px solid rgba(24,180,107,.17);
  outline-offset:2px;
}

@media(max-width:900px) {
  .board-page .board-hero {
    grid-template-columns:1fr;
    padding:36px;
  }

  .supplier-register-page .layout {
    grid-template-columns:1fr;
  }

  .supplier-register-page .intro {
    padding:34px 30px;
  }

  .supplier-register-page .content {
    padding:32px 30px;
  }
}

@media(max-width:640px) {
  .board-page .board-shell,
  .supplier-register-page .shell {
    width:min(100% - 20px,1160px);
  }

  .board-page .board-header {
    align-items:flex-start;
    gap:12px;
  }

  .board-page .board-header nav a:not(.board-button) {
    display:none;
  }

  .board-page .board-hero,
  .board-page .board-content,
  .supplier-register-page .intro,
  .supplier-register-page .content {
    padding:22px 18px;
  }

  .board-page .board-hero h1 {
    font-size:clamp(40px,13vw,54px);
  }

  .board-page .board-filters {
    display:grid;
    grid-template-columns:1fr;
  }

  .board-page .board-filters select,
  .board-page .board-text-button {
    width:100%;
    min-height:44px;
    font-size:16px;
  }

  .supplier-register-page .layout {
    border-radius:16px;
  }

  .supplier-register-page h1 {
    font-size:clamp(38px,12vw,50px);
  }

  .supplier-register-page .grid,
  .supplier-register-page .regions,
  .supplier-register-page .categories {
    grid-template-columns:1fr;
  }

  .supplier-register-page input,
  .supplier-register-page select {
    min-height:46px;
    font-size:16px;
  }

  .supplier-register-page .nip-row {
    grid-template-columns:1fr;
  }

  .supplier-register-page .lookup,
  .supplier-register-page .submit {
    width:100%;
    min-height:46px;
  }

  .supplier-register-page .actions {
    align-items:stretch;
    flex-direction:column;
  }
}


/* Supplier transaction flow */
.supplier-confirmation-page,
.supplier-offer-page,
.supplier-implementation-page {
  --flow-ink:#08131d;
  --flow-muted:#6a7983;
  --flow-line:rgba(8,19,29,.10);
  --flow-green:#18b46b;
  --flow-green-dark:#0f9154;
  --flow-green-soft:#eaf8f1;
  margin:0;
  color:var(--flow-ink);
  background:
    radial-gradient(circle at 86% 4%, rgba(102,214,192,.10), transparent 24%),
    #f6f8f9;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* confirmation */
.supplier-confirmation-page {
  min-height:100vh;
}

.supplier-confirmation-page .shell {
  width:min(620px,calc(100% - 28px));
}

.supplier-confirmation-page .brand {
  margin-bottom:18px;
  gap:10px;
  color:var(--flow-ink);
  font:800 17px Manrope,Inter,sans-serif;
  letter-spacing:-.035em;
}

.supplier-confirmation-page .brand img {
  width:34px;
  height:36px;
}

.supplier-confirmation-page .card {
  padding:42px 34px;
  border:1px solid var(--flow-line);
  border-radius:20px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 70px rgba(7,19,27,.10);
}

.supplier-confirmation-page .icon {
  width:58px;
  height:58px;
  margin-bottom:18px;
  border-radius:16px;
  color:var(--flow-green-dark);
  background:var(--flow-green-soft);
  font-size:25px;
}

.supplier-confirmation-page .eyebrow {
  color:var(--flow-green-dark);
  font-size:9px;
  letter-spacing:.12em;
}

.supplier-confirmation-page h1 {
  margin:10px 0 11px;
  color:var(--flow-ink);
  font:800 clamp(29px,6vw,38px)/1.08 Manrope,Inter,sans-serif;
  letter-spacing:-.045em;
}

.supplier-confirmation-page p {
  color:var(--flow-muted);
  font-size:12px;
  line-height:1.65;
}

.supplier-confirmation-page .payment-details {
  margin-top:20px;
  padding:14px 16px;
  border-color:var(--flow-line);
  border-radius:11px;
  background:#f8fafb;
}

.supplier-confirmation-page .payment-details div {
  border-bottom:1px solid rgba(8,19,29,.055);
  font-size:11px;
}

.supplier-confirmation-page .payment-details div:last-child {
  border-bottom:0;
}

.supplier-confirmation-page .payment-details span {
  color:#7a8790;
}

.supplier-confirmation-page .actions {
  margin-top:24px;
  gap:8px;
}

.supplier-confirmation-page .button {
  min-height:44px;
  padding:0 17px;
  border-radius:9px;
  font-size:11px;
}

.supplier-confirmation-page .primary {
  color:#fff;
  background:var(--flow-ink);
}

.supplier-confirmation-page .primary:hover {
  background:#132834;
}

.supplier-confirmation-page .secondary {
  border-color:var(--flow-line);
  color:#465863;
  background:#fff;
}

.supplier-confirmation-page .card.error .icon {
  background:#fff0f0;
}

/* offer */
.supplier-offer-page .shell {
  width:min(900px,calc(100% - 32px));
  margin:26px auto 56px;
}

.supplier-offer-page .brand {
  margin-bottom:18px;
  gap:10px;
  color:var(--flow-ink);
  font:800 17px Manrope,Inter,sans-serif;
  letter-spacing:-.035em;
}

.supplier-offer-page .brand img {
  width:34px;
  height:36px;
}

.supplier-offer-page .card {
  border:1px solid var(--flow-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 70px rgba(7,19,27,.10);
}

.supplier-offer-page .head {
  padding:32px 34px;
  background:
    radial-gradient(circle at 90% 10%,rgba(87,213,159,.16),transparent 30%),
    linear-gradient(145deg,#07131b,#0b1d28);
}

.supplier-offer-page .eyebrow {
  color:#73dda5;
  font-size:9px;
  letter-spacing:.12em;
}

.supplier-offer-page .head h1 {
  margin:9px 0 8px;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(30px,5vw,42px);
  letter-spacing:-.045em;
}

.supplier-offer-page .head p {
  color:#9daeb8;
  font-size:12px;
}

.supplier-offer-page .content {
  padding:30px;
}

.supplier-offer-page .summary {
  gap:9px;
  margin-bottom:20px;
}

.supplier-offer-page .summary div {
  padding:14px;
  border-color:var(--flow-line);
  border-radius:10px;
  background:#f8fafb;
}

.supplier-offer-page .summary span {
  color:#75848e;
  font-size:9px;
}

.supplier-offer-page .summary strong {
  color:var(--flow-ink);
  font-size:13px;
}

.supplier-offer-page .scope {
  margin-bottom:22px;
  padding:17px 18px;
  border-left:3px solid var(--flow-green);
  border-radius:0 10px 10px 0;
  background:#edf9f3;
}

.supplier-offer-page .scope h2 {
  color:var(--flow-ink);
  font-size:16px;
}

.supplier-offer-page .scope p {
  color:#5b6d77;
  font-size:11px;
}

.supplier-offer-page .form {
  gap:13px;
}

.supplier-offer-page .grid {
  gap:11px;
}

.supplier-offer-page .form label {
  color:#536570;
  font-size:10px;
  font-weight:700;
}

.supplier-offer-page .form input,
.supplier-offer-page .form textarea,
.supplier-offer-page .form select {
  min-height:44px;
  padding:10px 11px;
  border-color:rgba(8,19,29,.11);
  border-radius:9px;
  color:#253844;
  background:#fbfcfc;
  font-size:12px;
}

.supplier-offer-page .form input:hover,
.supplier-offer-page .form textarea:hover,
.supplier-offer-page .form select:hover {
  border-color:rgba(8,19,29,.20);
}

.supplier-offer-page .form input:focus,
.supplier-offer-page .form textarea:focus,
.supplier-offer-page .form select:focus {
  border-color:rgba(24,180,107,.62);
  background:#fff;
  outline:0;
  box-shadow:0 0 0 3px rgba(24,180,107,.09);
}

.supplier-offer-page .fee-box {
  padding:14px 16px;
  border-color:rgba(24,180,107,.15);
  border-radius:10px;
  background:#edf9f3;
}

.supplier-offer-page .fee-box span {
  color:var(--flow-green-dark);
  font-size:9px;
}

.supplier-offer-page .fee-box strong {
  color:var(--flow-ink);
  font-size:18px;
}

.supplier-offer-page .fee-box small {
  color:#62747e;
  font-size:10px;
}

.supplier-offer-page .tax-box {
  padding:14px 16px;
  border-color:var(--flow-line);
  border-radius:10px;
  background:#f8fafb;
}

.supplier-offer-page .tax-box>span {
  color:#77858e;
  font-size:9px;
}

.supplier-offer-page .tax-grid small {
  color:#7d8992;
  font-size:9px;
}

.supplier-offer-page .tax-grid strong {
  color:var(--flow-ink);
  font-size:13px;
}

.supplier-offer-page .button {
  min-height:44px;
  padding:0 17px;
  border-radius:9px;
  font-size:11px;
}

.supplier-offer-page .primary {
  background:var(--flow-ink);
}

.supplier-offer-page .primary:hover {
  background:#132834;
}

.supplier-offer-page .secondary {
  border-color:var(--flow-line);
  color:#465863;
  background:#fff;
}

.supplier-offer-page .message {
  border-radius:9px;
  font-size:11px;
}

/* implementation */
.supplier-implementation-page .shell {
  width:min(940px,calc(100% - 32px));
  margin:24px auto 56px;
}

.supplier-implementation-page .brand {
  margin-bottom:18px;
  gap:10px;
  color:var(--flow-ink);
  font:800 17px Manrope,Inter,sans-serif;
  letter-spacing:-.035em;
}

.supplier-implementation-page .brand img {
  width:34px;
  height:36px;
}

.supplier-implementation-page .card {
  border:1px solid var(--flow-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 70px rgba(7,19,27,.10);
}

.supplier-implementation-page .head {
  padding:30px 32px;
  background:
    radial-gradient(circle at 90% 10%,rgba(87,213,159,.16),transparent 30%),
    linear-gradient(145deg,#07131b,#0b1d28);
}

.supplier-implementation-page .eyebrow {
  color:#73dda5;
  font-size:9px;
  letter-spacing:.12em;
}

.supplier-implementation-page .head h1 {
  margin:9px 0 7px;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(30px,5vw,40px);
  letter-spacing:-.045em;
}

.supplier-implementation-page .head p {
  color:#9dabb5;
  font-size:12px;
}

.supplier-implementation-page .content {
  padding:26px;
}

.supplier-implementation-page .status-strip {
  gap:8px;
  margin-bottom:20px;
}

.supplier-implementation-page .stage {
  padding:13px;
  border-color:var(--flow-line);
  border-radius:10px;
  color:#7a8790;
  background:#f8fafb;
  font-size:9px;
  letter-spacing:.04em;
}

.supplier-implementation-page .stage strong {
  color:var(--flow-ink);
  font-size:12px;
  letter-spacing:0;
}

.supplier-implementation-page .stage.done {
  border-color:rgba(24,180,107,.16);
  background:#edf9f3;
}

.supplier-implementation-page .stage.current {
  outline:2px solid rgba(24,180,107,.15);
  border-color:rgba(24,180,107,.32);
}

.supplier-implementation-page .grid {
  gap:11px;
}

.supplier-implementation-page .panel {
  padding:18px;
  border-color:var(--flow-line);
  border-radius:12px;
  background:#fff;
}

.supplier-implementation-page .panel h2 {
  margin-bottom:12px;
  color:var(--flow-ink);
  font-size:15px;
  letter-spacing:-.025em;
}

.supplier-implementation-page .row {
  grid-template-columns:145px 1fr;
  padding:8px 0;
  border-color:rgba(8,19,29,.06);
}

.supplier-implementation-page .row span {
  color:#77858e;
  font-size:10px;
}

.supplier-implementation-page .row strong {
  color:#263944;
  font-size:11px;
}

.supplier-implementation-page .badge {
  min-height:26px;
  padding:4px 9px;
  border:1px solid rgba(8,19,29,.06);
  border-radius:999px;
  color:#485b66;
  background:#f1f4f5;
  font-size:9px;
}

.supplier-implementation-page .badge.ok {
  border-color:rgba(24,180,107,.13);
  color:var(--flow-green-dark);
  background:var(--flow-green-soft);
}

.supplier-implementation-page .invoice {
  border:1px solid var(--flow-line);
  background:#f8fafb;
}

.supplier-implementation-page .button {
  min-height:42px;
  padding:0 15px;
  border-radius:9px;
  font-size:10px;
}

.supplier-implementation-page .primary {
  background:var(--flow-ink);
}

.supplier-implementation-page .primary:hover {
  background:#132834;
}

.supplier-implementation-page .secondary {
  border-color:var(--flow-line);
  color:#465863;
  background:#fff;
}

.supplier-implementation-page .loading {
  color:#74838d;
}

.supplier-implementation-page .error {
  color:#9b3737;
  background:#fff4f4;
}

.supplier-implementation-page .refresh {
  color:#8a969e;
  font-size:9px;
}

/* shared supplier flow focus */
.supplier-confirmation-page a:focus-visible,
.supplier-confirmation-page button:focus-visible,
.supplier-offer-page a:focus-visible,
.supplier-offer-page button:focus-visible,
.supplier-offer-page input:focus-visible,
.supplier-offer-page select:focus-visible,
.supplier-offer-page textarea:focus-visible,
.supplier-implementation-page a:focus-visible,
.supplier-implementation-page button:focus-visible {
  outline:3px solid rgba(24,180,107,.17);
  outline-offset:2px;
}

@media(max-width:700px) {
  .supplier-confirmation-page .card {
    padding:32px 20px;
    border-radius:16px;
  }

  .supplier-confirmation-page .actions {
    flex-direction:column;
  }

  .supplier-confirmation-page .button {
    width:100%;
  }

  .supplier-offer-page .shell,
  .supplier-implementation-page .shell {
    width:min(100% - 20px,940px);
    margin-top:16px;
  }

  .supplier-offer-page .head,
  .supplier-offer-page .content,
  .supplier-implementation-page .head,
  .supplier-implementation-page .content {
    padding:22px 18px;
  }

  .supplier-offer-page .summary,
  .supplier-offer-page .grid,
  .supplier-implementation-page .status-strip,
  .supplier-implementation-page .grid {
    grid-template-columns:1fr;
  }

  .supplier-offer-page .form input,
  .supplier-offer-page .form textarea,
  .supplier-offer-page .form select {
    font-size:16px;
  }

  .supplier-offer-page .tax-grid {
    grid-template-columns:1fr;
  }

  .supplier-implementation-page .row {
    grid-template-columns:1fr;
    gap:3px;
  }

  .supplier-implementation-page .actions {
    flex-direction:column;
  }

  .supplier-implementation-page .button {
    width:100%;
  }
}


/* Respect the operating system reduced-motion preference. */
@media (prefers-reduced-motion: reduce) {
  .board-page *,
  .board-page *::before,
  .board-page *::after,
  .supplier-register-page *,
  .supplier-register-page *::before,
  .supplier-register-page *::after,
  .supplier-confirmation-page *,
  .supplier-confirmation-page *::before,
  .supplier-confirmation-page *::after,
  .supplier-offer-page *,
  .supplier-offer-page *::before,
  .supplier-offer-page *::after,
  .supplier-implementation-page *,
  .supplier-implementation-page *::before,
  .supplier-implementation-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .board-page .board-list > *:hover,
  .supplier-register-page .choice:hover,
  .supplier-offer-page .button:hover {
    transform: none !important;
  }
}

.skip-link-v3{position:fixed;left:12px;top:12px;z-index:10000;padding:10px 12px;border:1px solid rgba(8,19,29,.14);border-radius:8px;color:#08131d;background:#fff;font:700 11px/1.3 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 10px 30px rgba(7,19,27,.12);transform:translateY(-180%);transition:transform .15s ease}
.skip-link-v3:focus{transform:translateY(0);outline:3px solid rgba(24,180,107,.18);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.skip-link-v3{transition:none}}