/* KoreaBank channels: shared visual scale, distinct workflows. */
body.kb-ui-refresh {
  --channel-ink: #111a2e;
  --channel-muted: #52647f;
  --channel-line: #dce4ef;
  --channel-blue: #315ef4;
  --channel-violet: #7048e8;
  --channel-navy: #0b1739;
  --channel-canvas: #f4f7fb;
  --channel-shadow: 0 14px 38px rgba(22, 41, 85, .08);
}

body.kb-ui-refresh :is(.blog-kicker, .school-eyebrow, .supplier-kicker) {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: none;
}

body.kb-ui-refresh :is(.blog-main, .school-main, .supplier-main) :is(input, select, textarea)::placeholder {
  color: #667893;
  opacity: 1;
}

/* Newsroom */
body.kb-ui-refresh:has(.blog-main) {
  background: #fff;
}

body.kb-ui-refresh .blog-utility {
  background: var(--channel-navy);
  color: #e2e9fa;
}

body.kb-ui-refresh .blog-utility-inner a,
body.kb-ui-refresh .blog-footer a,
body.kb-ui-refresh .blog-footer-bottom {
  color: #d1ddf1;
}

body.kb-ui-refresh .blog-brand-row {
  min-height: 84px;
}

body.kb-ui-refresh .blog-brand strong {
  color: var(--channel-navy);
  font-size: 21px;
  letter-spacing: -.04em;
}

body.kb-ui-refresh .blog-header-search {
  border-color: #dce4ef;
  background: #f8faff;
}

body.kb-ui-refresh .blog-navigation-wrap {
  background: #fff;
}

body.kb-ui-refresh .blog-navigation a,
body.kb-ui-refresh .blog-navigation-search {
  color: #41516b;
  font-size: 14px;
  font-weight: 750;
}

body.kb-ui-refresh .blog-navigation a.active,
body.kb-ui-refresh .blog-navigation a:hover,
body.kb-ui-refresh .blog-navigation-search:hover {
  color: var(--channel-blue);
}

body.kb-ui-refresh .blog-hero {
  padding-block: 68px 78px;
  background:
    radial-gradient(circle at 93% 2%, rgba(112, 72, 232, .16), transparent 33%),
    linear-gradient(142deg, #eef3ff 0%, #f8faff 48%, #fff 100%);
}

body.kb-ui-refresh .blog-hero-heading h1,
body.kb-ui-refresh .blog-page-header h1,
body.kb-ui-refresh .blog-search-header h1,
body.kb-ui-refresh .blog-article-header h1 {
  color: var(--channel-navy);
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -.045em;
}

body.kb-ui-refresh .blog-hero-heading > p,
body.kb-ui-refresh .blog-page-header p,
body.kb-ui-refresh .blog-article-lead {
  color: #455774;
  font-size: 16px;
  line-height: 1.7;
}

body.kb-ui-refresh .blog-featured {
  border-color: #cbd8f2;
  box-shadow: 0 25px 65px rgba(33, 60, 123, .12);
}

body.kb-ui-refresh .blog-featured h2 {
  font-size: 31px;
  line-height: 1.32;
}

body.kb-ui-refresh .blog-featured-copy > p {
  color: #52647f;
  font-size: 15px;
}

body.kb-ui-refresh :is(.blog-featured-meta, .blog-post-meta, .blog-post-card-foot, .blog-article-byline span, .blog-article-byline time) {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .blog-featured-visual {
  background: linear-gradient(132deg, #172552, #315ef4 56%, #7048e8);
}

body.kb-ui-refresh .blog-featured-symbol,
body.kb-ui-refresh .blog-article-visual > span {
  display: grid;
  width: 126px;
  height: 126px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 31px;
  background: rgba(255, 255, 255, .14);
  box-shadow: 0 24px 60px rgba(6, 18, 58, .22);
  backdrop-filter: blur(12px);
}

body.kb-ui-refresh .blog-featured-symbol img,
body.kb-ui-refresh .blog-article-visual > span img {
  width: 78px;
  height: 78px;
}

body.kb-ui-refresh .blog-featured-visual strong,
body.kb-ui-refresh .blog-article-visual > strong {
  color: #fff;
  font-size: 14px;
  letter-spacing: .035em;
}

body.kb-ui-refresh .blog-pinned {
  background: #f8faff;
}

body.kb-ui-refresh .blog-pinned-heading > span {
  width: 34px;
  height: 34px;
  background: #fff2cc;
  color: #8b5900;
}

body.kb-ui-refresh .blog-pinned-heading svg {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.kb-ui-refresh .blog-section-heading h2 {
  font-size: 25px;
  line-height: 1.3;
}

body.kb-ui-refresh :is(.blog-category-band, .blog-related) {
  background: #f5f7fd;
}

body.kb-ui-refresh :is(.blog-category-card, .blog-post-card) {
  border-color: #dbe3f0;
  border-radius: 20px;
  box-shadow: 0 6px 22px rgba(22, 41, 85, .035);
}

body.kb-ui-refresh :is(.blog-category-card, .blog-post-card):hover {
  border-color: #9bb3ed;
  box-shadow: var(--channel-shadow);
}

body.kb-ui-refresh .blog-category-card {
  min-height: 195px;
}

body.kb-ui-refresh .blog-category-card::before {
  background: var(--channel-blue);
}

body.kb-ui-refresh .blog-category-index {
  top: 22px;
  right: 24px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #edf2ff;
  color: #315ef4;
}

body.kb-ui-refresh .blog-category-index svg,
body.kb-ui-refresh .blog-post-visual svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.kb-ui-refresh .blog-category-card strong {
  font-size: 19px;
}

body.kb-ui-refresh .blog-category-card p,
body.kb-ui-refresh .blog-post-card-body > p {
  color: #52647f;
  font-size: 14px;
}

body.kb-ui-refresh .blog-category-count {
  color: #52647f;
  font-size: 13px;
}

body.kb-ui-refresh .blog-post-visual {
  height: 190px;
  background: linear-gradient(135deg, #1c2c60, #3e68e9 62%, #7555dd);
}

body.kb-ui-refresh .blog-visual-violet { background: linear-gradient(135deg, #282057, #6248c9 62%, #835ddc); }
body.kb-ui-refresh .blog-visual-mint { background: linear-gradient(135deg, #163b68, #247da9 62%, #4d84d6); }
body.kb-ui-refresh .blog-visual-coral { background: linear-gradient(135deg, #3e2b72, #7048b8 60%, #ad65a0); }
body.kb-ui-refresh .blog-visual-gold { background: linear-gradient(135deg, #25335e, #3d5da0 60%, #9e85bf); }
body.kb-ui-refresh .blog-visual-slate { background: linear-gradient(135deg, #172752, #385384 60%, #675dba); }

body.kb-ui-refresh .blog-post-visual b {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 14px;
  background: rgba(255, 255, 255, .13);
  opacity: 1;
}

body.kb-ui-refresh .blog-post-visual b svg {
  width: 25px;
  height: 25px;
}

body.kb-ui-refresh .blog-post-card h3 {
  font-size: 18px;
}

body.kb-ui-refresh .blog-subscribe-inner {
  background: linear-gradient(115deg, #0b1739, #263d8c 68%, #6746cc);
}

body.kb-ui-refresh .blog-subscribe span,
body.kb-ui-refresh .blog-subscribe p {
  color: #e2e9ff;
}

body.kb-ui-refresh .blog-subscribe h2 {
  font-size: 24px;
}

body.kb-ui-refresh .blog-page-header,
body.kb-ui-refresh .blog-search-header,
body.kb-ui-refresh .blog-article-header,
body.kb-ui-refresh .blog-not-found {
  background: linear-gradient(145deg, #eef3ff, #f9faff 62%, #fff);
}

body.kb-ui-refresh .blog-article-aside > span {
  color: #52647f;
  font-size: 12px;
  letter-spacing: 0;
}

body.kb-ui-refresh .blog-article-aside :is(a, time) {
  color: #273d61;
  font-size: 13px;
}

body.kb-ui-refresh .blog-article-content > p {
  color: #263954;
  font-size: 16px;
}

body.kb-ui-refresh .blog-article-content h2 {
  font-size: 25px;
}

body.kb-ui-refresh .blog-article-content blockquote {
  border-left-color: var(--channel-violet);
  background: #f3efff;
  color: #293776;
}

body.kb-ui-refresh .blog-footer {
  background: var(--channel-navy);
}

body.kb-ui-refresh .blog-footer-brand p {
  color: #c3d0e8;
}

/* Employee learning */
body.kb-ui-refresh:has(.school-main) {
  background: var(--channel-canvas);
}

body.kb-ui-refresh .school-header {
  border-bottom-color: var(--channel-line);
}

body.kb-ui-refresh .school-header__inner {
  min-height: 78px;
}

body.kb-ui-refresh .school-nav {
  height: 78px;
}

body.kb-ui-refresh .school-nav a {
  color: #40516d;
  font-size: 14px;
}

body.kb-ui-refresh .school-account__copy small {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .school-account button {
  min-height: 38px;
  border-radius: 10px;
  color: #334765;
  font-size: 12px;
}

body.kb-ui-refresh .school-dashboard-hero {
  overflow: hidden;
  min-height: 252px;
  background:
    radial-gradient(circle at 94% 0%, rgba(255, 210, 74, .24), transparent 24%),
    radial-gradient(circle at 72% 110%, rgba(118, 93, 237, .48), transparent 44%),
    linear-gradient(115deg, #0b1739, #243d90 70%, #6849c8);
  box-shadow: 0 21px 55px rgba(22, 37, 89, .2);
}

body.kb-ui-refresh .school-dashboard-hero h1,
body.kb-ui-refresh .school-page-heading h1,
body.kb-ui-refresh .school-course-hero__copy h1 {
  font-size: 34px;
  line-height: 1.25;
  letter-spacing: -.04em;
}

body.kb-ui-refresh .school-dashboard-hero p {
  color: #e4ebff;
  font-size: 15px;
}

body.kb-ui-refresh .school-dashboard-hero .school-eyebrow {
  color: #ffe092;
}

body.kb-ui-refresh .school-dashboard-hero .school-primary-button {
  border-radius: 12px;
  color: #1b2d67;
}

body.kb-ui-refresh .school-summary {
  gap: 12px;
  margin-top: 18px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.kb-ui-refresh .school-summary article {
  min-height: 150px;
  padding: 25px;
  overflow: hidden;
  border: 1px solid var(--channel-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 27px rgba(22, 41, 85, .05);
}

body.kb-ui-refresh .school-summary article::before {
  display: none;
}

body.kb-ui-refresh .school-summary article::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--channel-blue);
  content: "";
}

body.kb-ui-refresh .school-summary article:nth-child(2)::after { background: var(--channel-violet); }
body.kb-ui-refresh .school-summary article:nth-child(3)::after { background: #0b9871; }
body.kb-ui-refresh .school-summary article:nth-child(4)::after { background: #ebb526; }

body.kb-ui-refresh .school-summary span,
body.kb-ui-refresh .school-summary p {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .school-summary strong {
  color: var(--channel-navy);
  font-size: 30px;
}

body.kb-ui-refresh .school-section-heading h2 {
  color: var(--channel-navy);
  font-size: 24px;
}

body.kb-ui-refresh .school-section-heading :is(p, a) {
  color: #52647f;
  font-size: 13px;
}

body.kb-ui-refresh :is(.school-enrollment-card, .school-course-card, .school-catalog-card, .school-filter-panel, .school-course-action, .school-module-list li, .school-course-guide, .school-learning-nav, .school-quiz-box) {
  border-color: var(--channel-line);
  border-radius: 17px;
  box-shadow: 0 7px 25px rgba(22, 41, 85, .05);
}

body.kb-ui-refresh :is(.school-enrollment-card, .school-course-card, .school-catalog-card):hover {
  border-color: #a9bdf2;
  box-shadow: var(--channel-shadow);
}

body.kb-ui-refresh .school-enrollment-card h3,
body.kb-ui-refresh .school-catalog-card h2,
body.kb-ui-refresh .school-learning-content__heading h2 {
  color: var(--channel-navy);
  font-size: 18px;
}

body.kb-ui-refresh :is(.school-category, .school-required, .school-status) {
  min-height: 26px;
  padding-inline: 10px;
  font-size: 12px;
}

body.kb-ui-refresh :is(.school-enrollment-card > p, .school-enrollment-card__bottom span, .school-course-card > small, .school-catalog-card p, .school-catalog-card dt, .school-catalog-card dd, .school-course-meta span, .school-course-action > small, .school-module-list p, .school-learning-bar span, .school-learning-nav small, .school-footer :is(span, p)) {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .school-course-card__visual,
body.kb-ui-refresh .school-catalog-card__visual {
  background:
    radial-gradient(circle at 83% 18%, rgba(255, 210, 74, .45), transparent 26%),
    linear-gradient(130deg, #eaf0ff, #e5dfff);
}

body.kb-ui-refresh .school-course-card__visual b,
body.kb-ui-refresh .school-catalog-card__visual b {
  display: grid;
  width: 61px;
  height: 61px;
  place-items: center;
  border-radius: 18px;
  background: #fff;
  color: var(--channel-blue);
  opacity: 1;
  box-shadow: 0 12px 30px rgba(43, 70, 150, .15);
}

body.kb-ui-refresh .school-course-card__visual svg,
body.kb-ui-refresh .school-catalog-card__visual svg {
  width: 30px;
  height: 30px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.kb-ui-refresh .school-catalog-card__visual > span {
  color: #243b75;
  font-size: 12px;
}

body.kb-ui-refresh .school-course-hero {
  background: linear-gradient(132deg, #ecf2ff, #f4efff 68%, #fff);
}

body.kb-ui-refresh .school-course-hero__copy > p {
  color: #465a78;
}

body.kb-ui-refresh .school-learning-bar,
body.kb-ui-refresh .school-learning-nav > div,
body.kb-ui-refresh .school-footer {
  background: #eef2fa;
}

body.kb-ui-refresh .school-learning-nav li.is-active {
  background: #eef3ff;
}

body.kb-ui-refresh .school-quiz-box__heading {
  background: #eef3ff;
}

body.kb-ui-refresh .school-quiz-box__guide,
body.kb-ui-refresh .school-quiz-result {
  font-size: 13px !important;
}

body.kb-ui-refresh :is(.school-primary-button, .school-card-button) {
  min-height: 44px;
  border-radius: 11px;
  background: var(--channel-blue);
  font-size: 14px;
}

body.kb-ui-refresh .school-dashboard-hero .school-primary-button {
  background: #fff;
}

body.kb-ui-refresh .school-secondary-button,
body.kb-ui-refresh .school-card-button--outline {
  border-color: #bdcbed;
  background: #fff;
  color: #2b50b7;
}

body.kb-ui-refresh .school-filter-panel :is(label, legend),
body.kb-ui-refresh .school-filter-panel fieldset label,
body.kb-ui-refresh .school-search-field :is(input, button),
body.kb-ui-refresh .school-result-heading {
  font-size: 13px;
}

body.kb-ui-refresh .school-search-field button {
  background: var(--channel-navy);
}

/* Supplier portal */
body.kb-ui-refresh.supplier-portal {
  --supplier-surface: #fff;
  background: var(--channel-canvas);
}

body.kb-ui-refresh .supplier-utility {
  background: var(--channel-navy);
  color: #d8e3f7;
}

body.kb-ui-refresh .supplier-utility a {
  color: #d8e3f7;
}

body.kb-ui-refresh .supplier-navigation {
  border-color: var(--channel-line);
  background: #fff;
}

body.kb-ui-refresh .supplier-navigation a {
  color: #40516d;
  font-size: 14px;
}

body.kb-ui-refresh .supplier-page {
  padding-top: 34px;
}

body.kb-ui-refresh .supplier-welcome {
  align-items: center;
  margin-bottom: 20px;
  padding: 34px 38px;
  overflow: hidden;
  border: 1px solid #d7e1f4;
  border-radius: 22px;
  background:
    radial-gradient(circle at 95% 4%, rgba(112, 72, 232, .19), transparent 30%),
    linear-gradient(125deg, #edf3ff, #f7faff 62%, #f4efff);
}

body.kb-ui-refresh .supplier-welcome h1,
body.kb-ui-refresh .supplier-page-head h1,
body.kb-ui-refresh .supplier-detail-head h1 {
  color: var(--channel-navy);
  font-size: 32px;
  line-height: 1.25;
}

body.kb-ui-refresh .supplier-page-head > div > p:last-child,
body.kb-ui-refresh .supplier-welcome > div > p:last-child {
  color: #455a78;
  font-size: 15px;
}

body.kb-ui-refresh .supplier-metrics {
  gap: 13px;
}

body.kb-ui-refresh .supplier-metric-card {
  display: flex;
  min-height: 174px;
  flex-direction: column;
  padding: 22px;
  border-color: var(--channel-line);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(22, 41, 85, .045);
}

body.kb-ui-refresh .supplier-metric-card:hover {
  transform: translateY(-2px);
  border-color: #adbef0;
  box-shadow: var(--channel-shadow);
}

body.kb-ui-refresh .supplier-metric-card::after {
  top: -50px;
  right: -35px;
  width: 120px;
  height: 120px;
}

body.kb-ui-refresh .supplier-metric-card > .supplier-metric-icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 13px;
  place-items: center;
  border-radius: 11px;
  background: #edf2ff;
  color: #315ef4;
}

body.kb-ui-refresh .supplier-metric-card--violet > .supplier-metric-icon { background: #f0ebff; color: #7048e8; }
body.kb-ui-refresh .supplier-metric-card--navy > .supplier-metric-icon { background: #e9edf8; color: #21356b; }
body.kb-ui-refresh .supplier-metric-card--amber > .supplier-metric-icon { background: #fff4ce; color: #865900; }

body.kb-ui-refresh .supplier-metric-icon svg,
body.kb-ui-refresh .supplier-login__benefits svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.kb-ui-refresh .supplier-metric-card > span:not(.supplier-metric-icon) {
  color: #455a78;
  font-size: 13px;
  font-weight: 750;
}

body.kb-ui-refresh .supplier-metric-card > strong {
  margin-top: 3px;
  font-size: 28px;
}

body.kb-ui-refresh .supplier-metric-card > small {
  margin-top: auto;
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh :is(.supplier-panel, .supplier-procurement-card, .supplier-contract-card) {
  border-color: var(--channel-line);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(22, 41, 85, .045);
}

body.kb-ui-refresh .supplier-panel__head h2 {
  color: var(--channel-navy);
  font-size: 21px;
}

body.kb-ui-refresh .supplier-panel__head > :is(a, span) {
  color: #3157be;
  font-size: 13px;
}

body.kb-ui-refresh :is(.supplier-status, .supplier-due-badge) {
  min-height: 27px;
  padding-inline: 10px;
  font-size: 12px;
  font-weight: 760;
}

body.kb-ui-refresh :is(.supplier-list-row__body small, .supplier-list-row__meta small, .supplier-contract-summary__top small, .supplier-contract-summary__bottom, .supplier-table td > small, .supplier-procurement-card__number, .supplier-contract-card > p, .supplier-procurement-card__facts dt, .supplier-procurement-card__facts dd, .supplier-contract-card dt, .supplier-contract-card dd) {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .supplier-table-cell-content {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.kb-ui-refresh .supplier-table-cell-content > small {
  display: block;
  margin-top: 4px;
  color: #52647f;
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
}

body.kb-ui-refresh .supplier-table-cell-content > a {
  color: #203b74;
  font-weight: 750;
}

body.kb-ui-refresh :is(.supplier-procurement-card h2, .supplier-contract-card h2) {
  color: var(--channel-navy);
  font-size: 19px;
}

body.kb-ui-refresh .supplier-procurement-card__summary,
body.kb-ui-refresh .supplier-empty p {
  color: #52647f;
  font-size: 13px;
}

body.kb-ui-refresh .supplier-filter,
body.kb-ui-refresh .supplier-tab-filter {
  border-color: var(--channel-line);
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(22, 41, 85, .035);
}

body.kb-ui-refresh .supplier-filter > label,
body.kb-ui-refresh .supplier-result-head,
body.kb-ui-refresh .supplier-tab-filter a {
  color: #445873;
  font-size: 13px;
}

body.kb-ui-refresh .supplier-tab-filter a.is-active {
  background: #edf2ff;
  color: #284bbb;
}

body.kb-ui-refresh :is(.supplier-field > span:first-child, .supplier-field small, .supplier-check span, .supplier-info-strip p, .supplier-detail-facts dt, .supplier-detail-facts dd, .supplier-contact-card a) {
  font-size: 13px;
}

body.kb-ui-refresh .supplier-field small,
body.kb-ui-refresh .supplier-info-strip p {
  color: #52647f;
}

body.kb-ui-refresh .supplier-field :is(input, select, textarea),
body.kb-ui-refresh .supplier-filter :is(input, select) {
  border-color: #cbd6e6;
  border-radius: 10px;
  color: var(--channel-ink);
  font-size: 14px;
}

body.kb-ui-refresh .supplier-detail-head {
  border-color: #d5e0f3;
  background: linear-gradient(135deg, #eaf1ff, #f4f0ff 70%, #fff);
}

body.kb-ui-refresh .supplier-button--primary {
  background: var(--channel-blue);
  color: #fff;
}

body.kb-ui-refresh .supplier-button--primary:hover {
  background: #2447c8;
}

body.kb-ui-refresh .supplier-button--secondary {
  border-color: #b7c8eb;
  color: #284bbb;
}

body.kb-ui-refresh.supplier-portal.is-guest .supplier-main {
  background: #fff;
}

body.kb-ui-refresh .supplier-login {
  min-height: 720px;
}

body.kb-ui-refresh .supplier-login__intro {
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 210, 74, .2), transparent 25%),
    radial-gradient(circle at 79% 83%, rgba(112, 72, 232, .5), transparent 35%),
    linear-gradient(125deg, #0b1739, #213778 68%, #5644ad);
}

body.kb-ui-refresh .supplier-login__intro h1 {
  color: #fff;
  font-size: 42px;
}

body.kb-ui-refresh .supplier-login__intro > p:not(.supplier-kicker) {
  color: #e1eaff;
  font-size: 16px;
}

body.kb-ui-refresh .supplier-login__intro .supplier-kicker {
  color: #ffe391;
}

body.kb-ui-refresh .supplier-login__benefits li {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .11);
  backdrop-filter: blur(8px);
}

body.kb-ui-refresh .supplier-login__benefits li > span {
  border-radius: 11px;
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

body.kb-ui-refresh .supplier-login__benefits strong {
  color: #fff;
}

body.kb-ui-refresh .supplier-login__benefits p {
  color: #d9e3fa;
}

body.kb-ui-refresh .supplier-login__panel-head h2 {
  color: var(--channel-navy);
  font-size: 28px;
}

body.kb-ui-refresh .supplier-login__description,
body.kb-ui-refresh .supplier-login__help p,
body.kb-ui-refresh .supplier-security-note {
  color: #52647f;
  font-size: 13px;
}

body.kb-ui-refresh .supplier-login__help {
  background: #f2f5fc;
}

body.kb-ui-refresh .supplier-footer {
  background: var(--channel-navy);
}

body.kb-ui-refresh .supplier-footer :is(p, dt, dd, .supplier-footer__notice) {
  color: #cbd8ef;
  font-size: 12px;
}

/* Visible ARS */
body.kb-ui-refresh.visible-ars-body {
  background: linear-gradient(145deg, #eaf0ff, #f6f8ff 52%, #f5f0ff);
}

body.kb-ui-refresh .ars-app {
  background: #fff;
  box-shadow: 0 16px 64px rgba(21, 37, 86, .13);
}

body.kb-ui-refresh .ars-header {
  border-color: var(--channel-line);
}

body.kb-ui-refresh .ars-brand {
  color: var(--channel-navy);
}

body.kb-ui-refresh .ars-channel-label {
  background: #edf1ff;
  color: #2c4fb5;
  font-size: 12px;
}

body.kb-ui-refresh .ars-call-status {
  grid-template-columns: 10px minmax(0, 1fr) auto;
  border-color: #b9e5d7;
  border-radius: 16px;
  background: #eefaf5;
}

body.kb-ui-refresh .ars-call-status strong,
body.kb-ui-refresh .ars-call-status time {
  color: #086a4e;
  font-size: 13px;
}

body.kb-ui-refresh .ars-call-status div span {
  color: #315f50;
  font-size: 12px;
}

body.kb-ui-refresh .ars-welcome h1,
body.kb-ui-refresh .ars-unavailable h1 {
  color: var(--channel-navy);
  font-size: 27px;
}

body.kb-ui-refresh .ars-menu-card {
  border-color: var(--channel-line);
  border-radius: 18px;
  box-shadow: 0 6px 24px rgba(22, 41, 85, .045);
}

body.kb-ui-refresh .ars-menu-card:hover {
  border-color: #a8bbef;
  box-shadow: var(--channel-shadow);
}

body.kb-ui-refresh .ars-menu-card strong {
  color: var(--channel-navy);
  font-size: 16px;
}

body.kb-ui-refresh .ars-menu-card > span:last-child,
body.kb-ui-refresh .ars-security-note span,
body.kb-ui-refresh .ars-footer p {
  color: #52647f;
  font-size: 12px;
}

body.kb-ui-refresh .ars-menu-icon {
  border-radius: 13px;
}

body.kb-ui-refresh .ars-result,
body.kb-ui-refresh .ars-security-note {
  border-color: var(--channel-line);
  border-radius: 17px;
}

@media (max-width: 900px) {
  body.kb-ui-refresh .blog-hero-heading h1,
  body.kb-ui-refresh .blog-page-header h1,
  body.kb-ui-refresh .blog-search-header h1,
  body.kb-ui-refresh .blog-article-header h1 {
    font-size: 36px;
  }

  body.kb-ui-refresh .school-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.kb-ui-refresh .supplier-login__intro {
    padding-inline: 36px;
  }
}

@media (max-width: 760px) {
  body.kb-ui-refresh .supplier-table--dashboard,
  body.kb-ui-refresh .supplier-table--dashboard tbody,
  body.kb-ui-refresh .supplier-table--dashboard tr,
  body.kb-ui-refresh .supplier-table--dashboard td {
    display: block;
    width: 100%;
  }

  body.kb-ui-refresh .supplier-table--dashboard thead {
    display: none;
  }

  body.kb-ui-refresh .supplier-table--dashboard tbody {
    display: grid;
    gap: 12px;
  }

  body.kb-ui-refresh .supplier-table--dashboard tr {
    padding: 14px 16px;
    border: 1px solid var(--channel-line);
    border-radius: 14px;
    background: #fff;
  }

  body.kb-ui-refresh .supplier-table--dashboard td,
  body.kb-ui-refresh .supplier-table--bids td[data-label] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    padding: 7px 0;
    border: 0;
    color: #253b5c;
    font-size: 13px;
    white-space: normal;
  }

  body.kb-ui-refresh .supplier-table--dashboard td::before,
  body.kb-ui-refresh .supplier-table--bids td[data-label]::before {
    color: #52647f;
    font-size: 12px;
    font-weight: 650;
    content: attr(data-label);
  }

  body.kb-ui-refresh .supplier-table--dashboard td:first-child .supplier-table-cell-content,
  body.kb-ui-refresh .supplier-table--bids td:first-child .supplier-table-cell-content {
    color: #203b74;
    font-weight: 760;
  }

  body.kb-ui-refresh .supplier-table--dashboard .supplier-table__number,
  body.kb-ui-refresh .supplier-table--bids .supplier-table__number {
    font-weight: 750;
  }

  body.kb-ui-refresh .supplier-table--dashboard .supplier-status,
  body.kb-ui-refresh .supplier-table--bids .supplier-status {
    width: max-content;
  }

  body.kb-ui-refresh .supplier-table--bids td:last-child {
    width: auto;
  }
}

@media (max-width: 720px) {
  body.kb-ui-refresh .school-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.kb-ui-refresh .blog-shell,
  body.kb-ui-refresh .school-shell,
  body.kb-ui-refresh .supplier-shell {
    width: calc(100% - 32px);
  }

  body.kb-ui-refresh .blog-header-search {
    width: min(210px, 43vw);
    border-radius: 13px;
  }

  body.kb-ui-refresh .blog-header-search input {
    position: static;
    width: auto;
    height: auto;
    padding-left: 11px;
    opacity: 1;
    pointer-events: auto;
    font-size: 12px;
  }

  body.kb-ui-refresh .blog-header-search button {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }

  body.kb-ui-refresh .blog-hero {
    padding-block: 44px 55px;
  }

  body.kb-ui-refresh .blog-hero-heading h1,
  body.kb-ui-refresh .blog-page-header h1,
  body.kb-ui-refresh .blog-search-header h1,
  body.kb-ui-refresh .blog-article-header h1 {
    font-size: 30px;
  }

  body.kb-ui-refresh .blog-featured h2 {
    font-size: 25px;
  }

  body.kb-ui-refresh .blog-featured-symbol,
  body.kb-ui-refresh .blog-article-visual > span {
    width: 98px;
    height: 98px;
    border-radius: 24px;
  }

  body.kb-ui-refresh .blog-featured-symbol img,
  body.kb-ui-refresh .blog-article-visual > span img {
    width: 60px;
    height: 60px;
  }

  body.kb-ui-refresh .blog-section-heading h2,
  body.kb-ui-refresh .blog-article-content h2 {
    font-size: 23px;
  }

  body.kb-ui-refresh .blog-pagination-direction {
    font-size: 12px;
  }

  body.kb-ui-refresh .school-header__inner,
  body.kb-ui-refresh .school-nav {
    min-height: 66px;
    height: 66px;
  }

  body.kb-ui-refresh .school-dashboard-hero {
    padding: 31px 25px;
  }

  body.kb-ui-refresh .school-dashboard-hero h1,
  body.kb-ui-refresh .school-page-heading h1,
  body.kb-ui-refresh .school-course-hero__copy h1 {
    font-size: 28px;
  }

  body.kb-ui-refresh .school-summary article {
    min-height: 130px;
    padding: 20px;
  }

  body.kb-ui-refresh .school-nav {
    background: #fff;
  }

  body.kb-ui-refresh .school-nav a {
    font-size: 13px;
  }

  body.kb-ui-refresh .supplier-page {
    padding-top: 20px;
  }

  body.kb-ui-refresh .supplier-tab-filter {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
  }

  body.kb-ui-refresh .supplier-tab-filter a {
    width: 100%;
    min-width: 0;
    padding-inline: 4px;
    font-size: 12px;
  }

  body.kb-ui-refresh .supplier-welcome {
    padding: 26px 24px;
  }

  body.kb-ui-refresh .supplier-welcome h1,
  body.kb-ui-refresh .supplier-page-head h1,
  body.kb-ui-refresh .supplier-detail-head h1 {
    font-size: 27px;
  }

  body.kb-ui-refresh .supplier-login__intro h1 {
    font-size: 34px;
  }
}

@media (max-width: 430px) {
  body.kb-ui-refresh .blog-brand > span:last-child {
    display: grid;
    gap: 2px;
  }

  body.kb-ui-refresh .blog-brand strong {
    font-size: 17px;
  }

  body.kb-ui-refresh .blog-header-search {
    width: min(175px, 44vw);
  }

  body.kb-ui-refresh .school-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.kb-ui-refresh .school-summary article {
    min-height: 110px;
  }

  body.kb-ui-refresh .supplier-metric-card {
    min-height: 158px;
    padding: 18px;
  }

  body.kb-ui-refresh .supplier-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 360px) {
  body.kb-ui-refresh .supplier-brand__copy small {
    display: none;
  }

  body.kb-ui-refresh .supplier-tab-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.kb-ui-refresh :is(.blog-post-card, .blog-category-card, .school-course-card, .supplier-metric-card, .ars-menu-card) {
    transition: none;
  }
}