/*
 * Full Suite visual bridge for Koodak Spectrum V2.
 * The parent remains authoritative for typography, header, footer and member UI.
 */
.kpn-wrap {
    --kpn-navy: #123b58;
    --kpn-teal: #20b9d3;
    --kpn-soft: #f3f8fb;
    --kpn-border: #dce9f0;
    --kpn-text: #14334b;
    max-width: 1320px;
    margin: 0 auto;
    padding-inline: 24px;
    color: var(--kpn-text);
    font-family: inherit;
}
.kpn-wrap .kpn-hero {
    border-radius: 30px;
    background: linear-gradient(115deg, #123b58 0%, #0d6d86 52%, #1fd39a 100%);
    box-shadow: 0 18px 45px rgba(18, 59, 88, .12);
}
.kpn-wrap .kpn-card,
.kpn-wrap .kpn-filter,
.kpn-wrap .kpn-cta,
.kpn-wrap .kpn-empty,
.kpn-wrap .kpn-notice {
    border-color: var(--kpn-border);
    box-shadow: 0 12px 35px rgba(18, 59, 88, .07);
}
.kpn-wrap .kpn-btn {
    border-radius: 12px;
}
.kpn-wrap .kpn-suite-nav,
.kpn-wrap .kpn-legacy-nav {
    scrollbar-width: thin;
}
.kpn-wrap a { text-decoration: none; }

/* Preserve the established association vocabulary in the upgraded directory. */
.ks26-directory-hero .ks-eyebrow,
.ks27-profile-hero .ks-eyebrow { letter-spacing: 0; }

@media (max-width: 782px) {
    .kpn-wrap { padding-inline: 14px; }
    .kpn-wrap .kpn-hero { border-radius: 22px; }
}

/* RC2 — public Full Suite entry strip, deliberately aligned with Spectrum. */
.koodak-suite-strip{background:#071b33;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:40}
.koodak-suite-strip__inner{display:flex;align-items:center;gap:8px;min-height:48px;overflow-x:auto;padding-top:6px;padding-bottom:6px;scrollbar-width:thin}
.koodak-suite-strip__brand{white-space:nowrap;color:#6fe7dc;margin-left:12px;font-weight:900}
.koodak-suite-strip__link{white-space:nowrap;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;transition:.2s ease}
.koodak-suite-strip__link:hover,.koodak-suite-strip__link:focus{background:#0f3557;border-color:#65ded3;color:#fff!important}
.koodak-suite-strip__link--nexa{border-color:rgba(101,222,211,.55)}
.koodak-suite-strip__link--family{border-color:rgba(255,201,87,.5)}
.koodak-suite-strip__link--grants{border-color:rgba(198,160,255,.5)}
.koodak-suite-strip__link--academy{border-color:rgba(111,187,255,.5)}
.kpn-family-types{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.kpn-family-types a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dce6ee;color:#17324d;text-decoration:none;font-weight:800}
.kpn-family-types a.is-active,.kpn-family-types a:hover{background:#0d726f;color:#fff;border-color:#0d726f}
@media(max-width:760px){.koodak-suite-strip__inner{padding-inline:12px}.koodak-suite-strip__brand{display:none}.koodak-suite-strip__link{font-size:12px;padding:7px 10px}}


/* RC3 guaranteed launcher */
.koodak-suite-launcher{position:fixed;left:18px;bottom:18px;z-index:99990;font-family:inherit;direction:rtl}
.koodak-suite-launcher details{position:relative}
.koodak-suite-launcher summary{cursor:pointer;list-style:none;background:#0b2d45;color:#fff;padding:11px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(11,45,69,.22);font-weight:800}
.koodak-suite-launcher summary::-webkit-details-marker{display:none}
.koodak-suite-launcher__panel{position:absolute;left:0;bottom:52px;width:210px;background:#fff;border:1px solid #dbe7ec;border-radius:18px;padding:9px;box-shadow:0 18px 50px rgba(11,45,69,.2)}
.koodak-suite-launcher__panel a{display:block;padding:9px 11px;border-radius:10px;color:#12364a;text-decoration:none;font-weight:700}
.koodak-suite-launcher__panel a:hover{background:#eef9fb}

/* RC5 evaluator assignment controls */
.kpn-inline-action{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kpn-inline-input{min-width:180px;max-width:240px;border:1px solid #d7dce5;border-radius:8px;padding:7px 9px}.kpn-table-row small{display:block;margin-top:4px}

/* RC8 — mobile navigation parity with the current Association UI */
@media (max-width: 782px) {
  .koodak-suite-launcher { display:none !important; }
  .koodak-suite-strip {
    position:relative; z-index:9998; overflow:hidden;
    background:#0b2d45 !important; border-bottom:1px solid rgba(255,255,255,.12);
  }
  .koodak-suite-strip__inner {
    display:flex !important; flex-wrap:nowrap !important; gap:8px !important;
    overflow-x:auto; -webkit-overflow-scrolling:touch; padding:8px 12px !important;
    scrollbar-width:none;
  }
  .koodak-suite-strip__inner::-webkit-scrollbar { display:none; }
  .koodak-suite-strip__brand { display:none !important; }
  .koodak-suite-strip__link {
    flex:0 0 auto; min-height:42px; display:inline-flex !important; align-items:center;
    padding:0 15px !important; border:1px solid rgba(255,255,255,.28) !important;
    border-radius:999px !important; color:#fff !important; background:rgba(255,255,255,.055) !important;
    font-size:14px !important; font-weight:700 !important; text-decoration:none !important;
  }

  .koodak-legacy-mobile-menu--upgraded {
    background:#0b2d45 !important; color:#fff !important;
    box-shadow:-18px 0 45px rgba(4,27,43,.18) !important;
  }
  .koodak-legacy-mobile-menu--upgraded ul { background:transparent !important; }
  .koodak-legacy-mobile-menu--upgraded li,
  .koodak-legacy-mobile-menu--upgraded .menu-item,
  .koodak-legacy-mobile-menu--upgraded .nav-item {
    background:transparent !important; border:0 !important; margin:0 !important;
  }
  .koodak-legacy-mobile-menu--upgraded a {
    display:flex !important; align-items:center !important; min-height:52px !important;
    margin:4px 10px !important; padding:10px 14px !important;
    color:#fff !important; background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.09) !important; border-radius:12px !important;
    text-decoration:none !important; font-weight:650 !important;
  }
  .koodak-legacy-mobile-menu--upgraded a:hover,
  .koodak-legacy-mobile-menu--upgraded a:focus { background:rgba(31,190,205,.18) !important; }
  .koodak-legacy-mobile-menu--upgraded .koodak-suite-mobile-link a {
    border-color:rgba(55,210,169,.35) !important;
    background:linear-gradient(135deg,rgba(17,166,193,.18),rgba(44,207,139,.12)) !important;
  }
}