/* =========================================================
   Subscriptions UI — Base
   Restored to match the ORIGINAL index.html generation
   ========================================================= */

/* ----- Global reset ----- */
.su-page *,
.su-page *::before,
.su-page *::after {
  box-sizing: border-box;
}

/* Reset for Bids and Tenders Parser Page */
#uber .su-page p {
    line-height: 24px;
}

/* Reset for Bids and Tenders Parser Page */
.su-page header {
    position: static !important; /* Force it back to normal flow */
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
}

/* Default paragraph typography ONLY (exclude nav subtree) */
.su-page p {
  margin: 0 0 20px 0;
  color: #000;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* Undo for nav paragraphs only (no revert-to-UA for links etc) */
.su-page [role="navigation"] p {
  margin: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Button Footer */
.su-page .su-page-footer {
  margin: 50px 0 30px 0;
  padding: 0;
  min-height: 42px;
}


.su-page a:hover,
.su-page a:focus {
  text-decoration: underline;
}

/* Accessible focus utility (match original) */
.su-page .su-focus-ring:focus,
.su-page .su-focus-ring:focus-visible {
  outline: 3px solid #00789c;
  outline-offset: 3px;
}

/* ----- Typography helpers (match original sizes) ----- */
.su-page .su-h1, .su-page h1 {
  color: #000;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 24px 0;
}

.su-page .su-h2, .su-page h2 {
  color: #000;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 10px 0;
}

.su-page .su-h2, .su-page .su-status-card + div h2 {
  margin: 64px 0 10px 0;
}


/* Standard lists OUTSIDE cards */
.su-page .su-list, .su-page ul {
  color: #475467;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  margin: 8px 0 20px 28px;
  padding: 0;
}

/* Small muted helper text */
.su-page .su-helper {
  color: #475467;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  margin: 8px 0 0 0;
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}