/*
===============================================================
 KYNTRACT GOLD BRAND POLISH
 Screenshot correction layer — 2026-09-13

 Purpose:
 - Preserve the existing gold / black / warm-light theme
 - Correct latest Kyntract logo sizing and geometry
 - Remove legacy backgrounds from K logo holders
 - Correct alignment / whitespace / clipping
 - Replace remaining BRIGHT blue brand UI with Kyntract gold
 - Preserve semantic green / red / orange / purple where useful
===============================================================
*/

:root {
  --kyn-gold-final: #c99a3d;
  --kyn-gold-hover-final: #b98424;
  --kyn-gold-active-final: #a96d12;

  --kyn-gold-light-final: #d9ab4d;
  --kyn-gold-soft-final: #fbf5e9;
  --kyn-gold-pale-final: #fffaf1;
  --kyn-gold-border-final: #ead29b;

  --kyn-brown-final: #5c4121;
  --kyn-ink-final: #29251d;

  /* Bootstrap-style primary actions must follow Kyntract. */
  --bs-primary: #c99a3d;
  --bs-primary-rgb: 201,154,61;
  --bs-link-color: #8d6316;
  --bs-link-hover-color: #6f4c15;
}


/* ============================================================
   1. BRAND ART MUST NEVER HAVE A LEGACY TILE/BACKGROUND
   ============================================================ */

.brand-symbol,
.admin-logo,
.brand-mark,
.product-brand-mark,
.support-brand-mark,
.support-login-logo {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  padding: 0 !important;

  overflow: visible !important;

  /* Do not turn the new K into the old rounded-square icon. */
  border-radius: 0 !important;
}


/* Standalone image containers */

img[src*="kyntract-gold-symbol-compact.png"],
img[src*="kyntract-gold-symbol.png"] {
  display: block !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  object-fit: contain !important;
  object-position: center !important;

  transform: none !important;
}


/* ============================================================
   2. MAIN APP SIDEBAR BRAND
   ============================================================ */

.side .brand,
.k-sidebar .brand {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 12px !important;

  min-height: 68px !important;

  padding-top: 2px !important;
  padding-bottom: 16px !important;

  overflow: visible !important;
}


.side .brand-symbol,
.k-sidebar .brand-symbol {
  display: grid !important;
  place-items: center !important;

  width: 48px !important;
  height: 48px !important;

  min-width: 48px !important;
  flex: 0 0 48px !important;

  margin: 0 !important;

  background: transparent !important;
}


.side .brand-symbol img,
.k-sidebar .brand-symbol img {
  width: 48px !important;
  height: 48px !important;

  max-width: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
}


/* App brand text */

.side .brand > span:last-child,
.k-sidebar .brand > span:last-child {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  gap: 4px !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
}


.side .brand > span:last-child:not(.brand-symbol),
.k-sidebar .brand > span:last-child:not(.brand-symbol) {
  color: #ffffff !important;

  font-size: 19px !important;
  font-weight: 760 !important;

  letter-spacing: -.015em !important;
}


.side .brand small,
.k-sidebar .brand small {
  display: block !important;

  margin: 2px 0 0 !important;

  color: #b9ae96 !important;

  font-size: 11px !important;
  font-weight: 520 !important;

  line-height: 1.35 !important;

  letter-spacing: .065em !important;

  white-space: normal !important;
}


/* Sidebar divider should belong to gold system, not blue. */

.side .brand,
.k-sidebar .brand {
  border-bottom-color:
    rgba(217,171,77,.20) !important;
}


/* ============================================================
   3. ADMIN BRAND
   ============================================================ */

.admin-brand {
  display: flex !important;

  align-items: center !important;

  gap: 12px !important;
}


.admin-logo {
  display: grid !important;
  place-items: center !important;

  width: 48px !important;
  height: 48px !important;

  flex: 0 0 48px !important;
}


.admin-logo img {
  width: 48px !important;
  height: 48px !important;
}


.admin-brand > span:last-child {
  display: flex !important;
  flex-direction: column !important;

  justify-content: center !important;

  gap: 4px !important;

  line-height: 1.05 !important;
}


/* ============================================================
   4. LOGIN / SIGNUP / SUPPORT COMPACT BRAND
   ============================================================ */

.mobile-brand,
.login-brand,
.auth-brand {
  align-items: center !important;
}


.mobile-brand:has(.brand-mark),
.login-brand:has(.brand-mark),
.auth-brand:has(.brand-mark) {
  display: flex !important;

  gap: 12px !important;
}


.brand-mark {
  display: grid !important;
  place-items: center !important;

  width: 52px !important;
  height: 52px !important;

  min-width: 52px !important;

  flex: 0 0 52px !important;
}


.brand-mark img {
  width: 52px !important;
  height: 52px !important;
}


.support-brand-mark,
.support-login-logo {
  display: grid !important;
  place-items: center !important;
}


.support-brand-mark img {
  width: 46px !important;
  height: 46px !important;
}


.support-login-logo img {
  width: 64px !important;
  height: 64px !important;

  margin: auto !important;
}


.mark[src*="kyntract-gold-symbol"],
.signup-mark[src*="kyntract-gold-symbol"] {
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 0 !important;
}


/* ============================================================
   5. PUBLIC HEADER WORDMARK
   Tagline was too small at 270px.
   ============================================================ */

body.kyn-public .logo {
  display: flex !important;

  align-items: center !important;

  min-width: 0 !important;

  padding: 0 !important;
}


body.kyn-public
.logo
img[src*="kyntract-gold-wordmark.webp"] {
  width: 330px !important;

  max-width: min(330px,34vw) !important;
  max-height: 78px !important;

  height: auto !important;

  margin: 0 !important;

  object-fit: contain !important;
  object-position: left center !important;
}


/* Footer logo can breathe more. */

body.kyn-public
.footer-logo
img[src*="kyntract-gold-wordmark.webp"] {
  width: 390px !important;

  max-width: min(390px,82vw) !important;
  max-height: 112px !important;

  height: auto !important;

  object-fit: contain !important;
  object-position: left center !important;
}


@media (max-width: 1180px) {
  body.kyn-public
  .logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 292px !important;
    max-width: 31vw !important;
  }
}


@media (max-width: 820px) {
  body.kyn-public
  .logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 235px !important;
    max-width: 60vw !important;
    max-height: 64px !important;
  }
}


@media (max-width: 520px) {
  body.kyn-public
  .logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 205px !important;
    max-width: 64vw !important;
  }
}


/* ============================================================
   6. GOLD PRIMARY ACTIONS — NO BRIGHT BLUE CTA
   ============================================================ */

.btn-primary,
button.btn-primary,
a.btn-primary,
.k-btn--primary,
.primary-action,
.primary-cta {
  background: #c99a3d !important;
  background-color: #c99a3d !important;
  background-image: none !important;

  border-color: #c99a3d !important;

  color: #ffffff !important;

  box-shadow:
    0 5px 15px rgba(169,109,18,.15) !important;
}


.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.k-btn--primary:hover,
.primary-action:hover,
.primary-cta:hover {
  background: #b98424 !important;
  background-color: #b98424 !important;

  border-color: #b98424 !important;

  color: #ffffff !important;
}


/* Upgrade / trial controls */

[class*="trial"] .btn-primary,
[class*="subscription"] .btn-primary,
[class*="upgrade"] .btn-primary,
[class*="plan"] .btn-primary {
  background: #c99a3d !important;
  border-color: #c99a3d !important;
}


/* ============================================================
   7. APP ACTIVE NAVIGATION
   ============================================================ */

.side a.active,
.k-sidebar a.active,
.k-sidebar .side-link.active,
.k-sidebar .nav-module.active > summary,
.admin-nav a.active {
  border-color: #d9ab4d !important;

  box-shadow:
    inset 3px 0 0 #d9ab4d !important;
}


.side a.active,
.k-sidebar a.active,
.k-sidebar .side-link.active {
  background:
    linear-gradient(
      90deg,
      rgba(201,154,61,.18),
      rgba(201,154,61,.04)
    ) !important;
}


/* ============================================================
   8. ACCOUNT / USER AVATARS
   No leftover bright-blue square.
   ============================================================ */

.k-account-trigger
.org-context-logo:not(.has-logo),

.account-avatar:not(.has-logo),

.user-avatar:not(.has-logo) {
  background: #8d6316 !important;
  background-color: #8d6316 !important;

  border-color: #c99a3d !important;

  color: #ffffff !important;
}


/* ============================================================
   9. PROGRESS / SELECTED / FOCUS
   ============================================================ */

.progress-bar,
progress::-webkit-progress-value {
  background-color: #c99a3d !important;
}


progress {
  accent-color: #c99a3d !important;
}


input[type="checkbox"],
input[type="radio"],
input[type="range"] {
  accent-color: #c99a3d;
}


*:focus-visible {
  outline-color: rgba(201,154,61,.72) !important;
}


input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  border-color: #c99a3d !important;

  box-shadow:
    0 0 0 3px rgba(201,154,61,.14) !important;
}


/* ============================================================
   10. PRICING / SELECTED PLAN CONTRAST
   Fix white-on-cream content visible in screenshot.
   ============================================================ */

body.kyn-public
[class*="plan"][class*="selected"],

body.kyn-public
[class*="selected"][class*="plan"],

body.kyn-public
[class*="pricing"][class*="selected"] {
  color: #493819 !important;

  background-color: #fbf5e9 !important;

  border-color: #e4bd68 !important;
}


body.kyn-public
[class*="plan"][class*="selected"]
:not(.btn):not(button),

body.kyn-public
[class*="selected"][class*="plan"]
:not(.btn):not(button) {
  text-shadow: none !important;
}


body.kyn-public
[class*="plan"][class*="selected"]
a:not(.btn),

body.kyn-public
[class*="selected"][class*="plan"]
a:not(.btn) {
  color: #855b12 !important;
}


/* ============================================================
   11. LINKS / SMALL BRAND ACCENTS
   ============================================================ */

body.kyn-public a:not(.btn):focus-visible,
.k-workspace-main a:not(.btn):focus-visible {
  outline-color: #c99a3d !important;
}


::selection {
  background: rgba(217,171,77,.24);
  color: #29251d;
}


/* ============================================================
   FINAL HIGH-SPECIFICITY GOLD ENFORCEMENT
   ============================================================ */

html body .btn-primary,
html body button.btn-primary,
html body a.btn-primary {
  --bs-btn-bg: #c99a3d !important;
  --bs-btn-border-color: #c99a3d !important;
  --bs-btn-hover-bg: #b98424 !important;
  --bs-btn-hover-border-color: #b98424 !important;
  --bs-btn-active-bg: #a96d12 !important;
  --bs-btn-active-border-color: #a96d12 !important;

  background-color: #c99a3d !important;
  border-color: #c99a3d !important;
  color: #fff !important;
}


/* Trial / upgrade button visible in dashboard screenshot. */

html body
[class*="trial"]
a[class*="btn"],

html body
[class*="trial"]
button,

html body
[class*="upgrade"]
a[class*="btn"],

html body
[class*="upgrade"]
button {
  background-color: #c99a3d !important;
  background-image: none !important;

  border-color: #c99a3d !important;

  color: #fff !important;
}


/* Blue progress remnants in setup / onboarding. */

html body
[class*="progress"]
> * {
  border-color: #c99a3d;
}


html body
[class*="progress"]::before,

html body
[class*="progress"]::after {
  border-color: #c99a3d;
}


/* Generic app accent custom properties. */

body.kyn-workspace,
body.kyn-workspace-mercury {
  --brand: #c99a3d;
  --brand2: #b98424;

  --primary: #c99a3d;
  --primary-hover: #b98424;

  --accent: #c99a3d;

  --focus:
    rgba(201,154,61,.15);
}


/* KYNTRACT FINAL ALIGNMENT V1 START
   ============================================================
   Screenshot-driven corrections only.

   No colour-system redesign.
   No component redesign.
   No business UX changes.

   Corrects:
   1. Public header wordmark vertical position
   2. Public footer brand/text alignment
   3. Compact K visibility / legacy holder backgrounds
   4. Collapsed sidebar K + hamburger collision
   ============================================================ */


/* ============================================================
   A. ALL SMALL K HOLDERS
   Completely transparent and unclipped.
   ============================================================ */

:where(
  span,
  div,
  a
):has(
  > img[src*="kyntract-gold-symbol-ui.webp"]
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}


img[src*="kyntract-gold-symbol-ui.webp"] {
  display: block !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  object-fit: contain !important;
  object-position: center !important;
}


/* Product-tour / embedded app preview.
   At this tiny size, let the K use the entire holder. */

.product-brand-mark {
  display: grid !important;
  place-items: center !important;

  width: 46px !important;
  height: 46px !important;

  min-width: 46px !important;

  padding: 0 !important;

  background: transparent !important;

  overflow: visible !important;
}


.product-brand-mark
img[src*="kyntract-gold-symbol-ui.webp"] {
  width: 46px !important;
  height: 46px !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
}


/* ============================================================
   B. PUBLIC HEADER
   Current screenshot: wordmark sits a little too high.
   Push only the artwork down—not the header/nav.
   ============================================================ */

body.kyn-public
.logo
img[src*="kyntract-gold-wordmark.webp"] {
  transform: translateY(5px) !important;
}


/* Ensure header row itself remains perfectly centered. */

body.kyn-public
header .header-inner,

body.kyn-public
.public-header .header-inner,

body.kyn-public
.site-header .header-inner,

body.kyn-public
header nav {
  align-items: center !important;
}


/* Slightly more breathing room around the wordmark,
   without increasing overall header height. */

body.kyn-public .logo {
  align-self: stretch !important;

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ============================================================
   C. PUBLIC FOOTER
   Align logo, descriptive copy, chips and link columns.
   ============================================================ */

body.kyn-public
footer {
  overflow: hidden;
}


body.kyn-public
.footer-grid,

body.kyn-public
.footer-inner,

body.kyn-public
.footer-content {
  align-items: start !important;
}


/* Brand column must not consume excessive width. */

body.kyn-public
.footer-brand {
  align-self: start !important;

  min-width: 0 !important;

  max-width: 540px !important;

  padding-top: 0 !important;

  text-align: left !important;
}


/* Footer wordmark:
   readable tagline but less oversized than previous screenshot. */

body.kyn-public
.footer-logo {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 0 30px !important;

  padding: 0 !important;
}


body.kyn-public
.footer-logo
img[src*="kyntract-gold-wordmark.webp"] {
  display: block !important;

  width: 355px !important;

  max-width: 100% !important;
  max-height: none !important;

  height: auto !important;

  margin: 0 !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: left top !important;
}


/* Main descriptive paragraph seen in screenshot 3. */

body.kyn-public
.footer-brand p,

body.kyn-public
.footer-description,

body.kyn-public
.footer-copy {
  max-width: 535px !important;

  margin-top: 0 !important;
  margin-bottom: 26px !important;

  color: #6d665b !important;

  font-size: 17px !important;

  line-height: 1.68 !important;

  text-align: left !important;

  text-wrap: pretty;
}


/* The three trust badges below copy. */

body.kyn-public
.footer-brand
.footer-badges,

body.kyn-public
.footer-brand
.footer-chips,

body.kyn-public
.footer-brand
.trust-row {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 12px !important;

  margin-top: 0 !important;
}


/* Right-hand footer columns start at same visual baseline. */

body.kyn-public
.footer-links,

body.kyn-public
.footer-column,

body.kyn-public
.footer-col {
  align-self: start !important;

  padding-top: 4px !important;

  text-align: left !important;
}


/* Common grid form if this is the active footer implementation. */

body.kyn-public
.footer-grid {
  grid-template-columns:
    minmax(390px, 1.35fr)
    repeat(3, minmax(125px, .65fr)) !important;

  column-gap: clamp(38px,5vw,84px) !important;

  row-gap: 42px !important;
}


/* Medium viewport:
   don't let the brand column crush link columns. */

@media (max-width: 1120px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      minmax(320px,1.2fr)
      repeat(3,minmax(110px,.6fr)) !important;

    column-gap: 32px !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 315px !important;
  }
}


/* Tablet/mobile footer stacks naturally. */

@media (max-width: 860px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      1fr 1fr !important;

    gap: 40px 28px !important;
  }


  body.kyn-public
  .footer-brand {
    grid-column: 1 / -1 !important;

    max-width: 620px !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 330px !important;
  }
}


@media (max-width: 560px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      1fr !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: min(310px,88vw) !important;
  }


  body.kyn-public
  .footer-brand p,

  body.kyn-public
  .footer-description,

  body.kyn-public
  .footer-copy {
    font-size: 16px !important;
  }
}


/* ============================================================
   D. NORMAL EXPANDED APP SIDEBAR BRAND
   ============================================================ */

.side .brand-symbol,
.k-sidebar .brand-symbol {
  display: grid !important;

  place-items: center !important;

  width: 50px !important;
  height: 50px !important;

  min-width: 50px !important;

  flex: 0 0 50px !important;

  padding: 0 !important;

  background: transparent !important;

  overflow: visible !important;
}


.side
.brand-symbol
img[src*="kyntract-gold-symbol-ui.webp"],

.k-sidebar
.brand-symbol
img[src*="kyntract-gold-symbol-ui.webp"] {
  width: 50px !important;
  height: 50px !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
}


/* ============================================================
   F. NARROW SIDEBAR FALLBACK

   This handles implementations where collapse is represented
   by width instead of a body/class flag.
   ============================================================ */

@container style(--sidebar-collapsed: true) {
  .brand {
    gap: 14px;
  }
}


/* KYNTRACT FINAL ALIGNMENT V1 END */


/* KYNTRACT EXACT LAYOUT FIX V2 START
   ============================================================
   Based on actual live selectors discovered in Terminal 17.
   ============================================================ */


/* ------------------------------------------------------------
   PUBLIC HEADER
   Keep the wordmark optically centred with navigation,
   but slightly lower than its previous position.
   ------------------------------------------------------------ */

body.kyn-public .logo {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;
}


body.kyn-public
.logo
img[src*="kyntract-gold-wordmark.webp"] {
  width: 330px !important;

  max-width: min(330px,34vw) !important;

  height: auto !important;

  margin: 0 !important;

  transform: translateY(5px) !important;

  object-fit: contain !important;
  object-position: left center !important;
}


/* ------------------------------------------------------------
   FOOTER
   Actual structure:
     brand + FOUR footer-col blocks

   Therefore desktop grid requires FIVE columns total.
   ------------------------------------------------------------ */

body.kyn-public .footer-grid {
  display: grid !important;

  grid-template-columns:
    minmax(360px,1.45fr)
    repeat(4,minmax(105px,.62fr)) !important;

  align-items: start !important;

  column-gap: clamp(26px,3.2vw,54px) !important;

  row-gap: 38px !important;
}


body.kyn-public .footer-brand {
  min-width: 0 !important;

  max-width: 500px !important;

  align-self: start !important;

  padding: 0 !important;

  text-align: left !important;
}


body.kyn-public .footer-logo {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: fit-content !important;

  max-width: 100% !important;

  margin:
    0
    0
    28px !important;

  padding: 0 !important;
}


body.kyn-public
.footer-logo
img[src*="kyntract-gold-wordmark.webp"] {
  display: block !important;

  width: 345px !important;

  max-width: 100% !important;

  height: auto !important;

  margin: 0 !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: left top !important;
}


body.kyn-public .footer-copy {
  max-width: 500px !important;

  margin:
    0
    0
    24px !important;

  padding: 0 !important;

  color: #6d665b !important;

  font-size: 17px !important;

  line-height: 1.68 !important;

  text-align: left !important;

  text-wrap: pretty;
}


body.kyn-public .footer-trust {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 10px !important;

  margin: 0 !important;

  padding: 0 !important;
}


body.kyn-public .footer-col {
  min-width: 0 !important;

  align-self: start !important;

  padding-top: 4px !important;

  text-align: left !important;
}


body.kyn-public .footer-col h3 {
  margin-top: 0 !important;
}


@media (max-width: 1220px) {
  body.kyn-public .footer-grid {
    grid-template-columns:
      minmax(330px,1.3fr)
      repeat(4,minmax(95px,.58fr)) !important;

    column-gap: 24px !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 315px !important;
  }


  body.kyn-public .footer-copy {
    font-size: 16px !important;
  }
}


@media (max-width: 980px) {
  body.kyn-public .footer-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap: 38px 30px !important;
  }


  body.kyn-public .footer-brand {
    grid-column: 1 / -1 !important;

    max-width: 620px !important;
  }
}


@media (max-width: 600px) {
  body.kyn-public .footer-grid {
    grid-template-columns:
      1fr !important;
  }


  body.kyn-public .footer-brand {
    grid-column: auto !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: min(315px,88vw) !important;
  }
}


/* ------------------------------------------------------------
   MICRO / PRODUCT TOUR K
   No tile. No clipping. Large enough to recognise.
   ------------------------------------------------------------ */

.product-brand-mark {
  display: grid !important;

  place-items: center !important;

  width: 48px !important;
  height: 48px !important;

  min-width: 48px !important;

  flex: 0 0 48px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}


.product-brand-mark
img[src*="kyntract-gold-symbol-ui.webp"] {
  display: block !important;

  width: 48px !important;
  height: 48px !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  object-fit: contain !important;
}


/* KYNTRACT EXACT LAYOUT FIX V2 END */


/* KYNTRACT COLLAPSED SIDEBAR FINAL V3 START
   ============================================================
   Applies ONLY to:
     body.workspace-sidebar-collapsed

   Expanded sidebar is intentionally untouched.
   ============================================================ */


/* Exact sidebar width already used by Kyntract. */
body.workspace-sidebar-collapsed .k-sidebar {
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;

  padding-left: 7px !important;
  padding-right: 7px !important;

  overflow-x: hidden !important;
}


/* Brand + hamburger zone */
body.workspace-sidebar-collapsed
.k-sidebar
.side-brand-row {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;

  min-height: 93px !important;

  margin: 0 auto !important;

  padding: 10px 0 8px !important;

  overflow: hidden !important;
}


/* Brand wrapper itself becomes tiny and predictable. */
body.workspace-sidebar-collapsed
.k-sidebar
.side-brand-row
.brand {
  display: grid !important;
  place-items: center !important;

  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;
  min-height: 44px !important;

  max-width: 44px !important;
  max-height: 44px !important;

  flex: 0 0 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-bottom: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


/* Hide Kyntract text in collapsed mode. */
body.workspace-sidebar-collapsed
.k-sidebar
.side-brand-row
.brand
> span:not(.brand-symbol) {
  display: none !important;
}


/* The symbol holder */
body.workspace-sidebar-collapsed
.k-sidebar
.brand-symbol {
  display: grid !important;
  place-items: center !important;

  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;
  min-height: 44px !important;

  max-width: 44px !important;
  max-height: 44px !important;

  flex: 0 0 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: hidden !important;
}


/* CRITICAL:
   constrain the actual artwork, regardless of earlier rules. */
body.workspace-sidebar-collapsed
.k-sidebar
.brand-symbol
img[src*="kyntract-gold-symbol-ui.webp"] {
  display: block !important;

  width: 40px !important;
  height: 40px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: 40px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* Hamburger sits below K and never overlaps it. */
body.workspace-sidebar-collapsed
.k-sidebar
.sidebar-toggle {
  position: static !important;

  inset: auto !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  display: grid !important;
  place-items: center !important;

  width: 36px !important;
  height: 34px !important;

  min-width: 36px !important;
  min-height: 34px !important;

  max-width: 36px !important;
  max-height: 34px !important;

  flex: 0 0 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  transform: none !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  z-index: 2 !important;
}


body.workspace-sidebar-collapsed
.k-sidebar
.sidebar-toggle
svg {
  display: block !important;

  width: 23px !important;
  height: 23px !important;

  max-width: 23px !important;
  max-height: 23px !important;

  margin: 0 !important;

  transform: none !important;
}


/* Divider below brand controls */
body.workspace-sidebar-collapsed
.k-sidebar
.side-brand-row::after {
  content: "" !important;

  display: block !important;

  position: absolute !important;

  left: 5px !important;
  right: 5px !important;
  bottom: 0 !important;

  height: 1px !important;

  background: rgba(217,171,77,.20) !important;
}


/* Navigation begins naturally below controls. */
body.workspace-sidebar-collapsed
.k-sidebar
.k-sidebar-navigation {
  padding-top: 10px !important;
}


/* Collapsed main nav item geometry */
body.workspace-sidebar-collapsed
.k-sidebar
.k-sidebar-navigation
> a,

body.workspace-sidebar-collapsed
.k-sidebar
.k-desktop-nav-only
> a {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;

  height: 54px !important;
  min-height: 54px !important;

  margin: 4px auto !important;

  padding: 0 !important;

  overflow: hidden !important;
}


/* Active nav should not become a giant gold box. */
body.workspace-sidebar-collapsed
.k-sidebar
.side-link.active {
  background:
    rgba(201,154,61,.10) !important;

  border:
    1px solid rgba(217,171,77,.55) !important;

  border-left-width: 2px !important;

  border-radius: 12px !important;

  box-shadow: none !important;
}


/* Hide labels and decorative sub-elements. */
body.workspace-sidebar-collapsed
.k-sidebar
.side-link-text,

body.workspace-sidebar-collapsed
.k-sidebar
.k-navgroup,

body.workspace-sidebar-collapsed
.k-sidebar
.k-nav-subitem {
  display: none !important;
}


/* Icon itself */
body.workspace-sidebar-collapsed
.k-sidebar
.side-link
svg,

body.workspace-sidebar-collapsed
.k-sidebar
.side-link
i {
  width: 22px !important;
  height: 22px !important;

  margin: 0 !important;
}


/* KYNTRACT COLLAPSED SIDEBAR FINAL V3 END */


/* KYNTRACT EXPANDED SIDEBAR BRAND FINAL V4 START
   ============================================================
   Expanded sidebar only.

   Collapsed state:
     body.workspace-sidebar-collapsed
   is intentionally NOT touched.

   Goal:
   - small premium K
   - compact Kyntract wordmark text
   - restrained tagline
   - compact hamburger
   - more breathing room
   ============================================================ */


/* ------------------------------------------------------------
   EXPANDED BRAND ROW
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.side-brand-row {
  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 10px !important;

  width: 100% !important;

  min-height: 68px !important;

  margin: 0 !important;

  padding:
    10px
    10px
    12px
    8px !important;

  overflow: visible !important;
}


/* ------------------------------------------------------------
   BRAND WRAPPER
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.side-brand-row
.brand {
  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 9px !important;

  flex: 1 1 auto !important;

  min-width: 0 !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  overflow: visible !important;
}


/* ------------------------------------------------------------
   K SYMBOL
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand-symbol {
  display: grid !important;

  place-items: center !important;

  width: 40px !important;
  height: 40px !important;

  min-width: 40px !important;
  min-height: 40px !important;

  max-width: 40px !important;
  max-height: 40px !important;

  flex: 0 0 40px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand-symbol
img[src*="kyntract-gold-symbol-ui.webp"] {
  display: block !important;

  width: 38px !important;
  height: 38px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding: 0 !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* ------------------------------------------------------------
   KYNTRACT TEXT + TAGLINE
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand
> span:not(.brand-symbol) {
  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;

  gap: 3px !important;

  min-width: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #ffffff !important;

  font-size: 16px !important;

  font-weight: 740 !important;

  line-height: 1.05 !important;

  letter-spacing: -.012em !important;

  white-space: nowrap !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand
small {
  display: block !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #a99e89 !important;

  font-size: 9px !important;

  font-weight: 560 !important;

  line-height: 1.28 !important;

  letter-spacing: .095em !important;

  white-space: nowrap !important;
}


/* ------------------------------------------------------------
   EXPANDED HAMBURGER
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.sidebar-toggle {
  position: static !important;

  inset: auto !important;

  display: grid !important;

  place-items: center !important;

  width: 34px !important;
  height: 34px !important;

  min-width: 34px !important;
  min-height: 34px !important;

  max-width: 34px !important;
  max-height: 34px !important;

  flex: 0 0 34px !important;

  margin: 0 !important;

  padding: 0 !important;

  transform: none !important;

  border-radius: 10px !important;

  z-index: 2 !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.sidebar-toggle
svg {
  width: 19px !important;
  height: 19px !important;

  margin: 0 !important;
}


/* ------------------------------------------------------------
   SUBTLE BRAND DIVIDER
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.side-brand-row {
  border-bottom:
    1px solid
    rgba(217,171,77,.16) !important;
}


/* ------------------------------------------------------------
   SLIGHTLY TIGHTER NAV START
   ------------------------------------------------------------ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.k-sidebar-navigation {
  padding-top: 14px !important;
}


/* KYNTRACT EXPANDED SIDEBAR BRAND FINAL V4 END */


/* KYNTRACT SIDEBAR MICRO CLEARANCE V5 START
   Only prevents OPERATIONS text from touching the toggle.
   Nothing else is changed.
   ============================================================ */

body:not(.workspace-sidebar-collapsed)
.k-sidebar
.side-brand-row {
  gap: 12px !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.side-brand-row
.brand {
  min-width: 0 !important;

  max-width:
    calc(100% - 46px) !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand
> span:not(.brand-symbol) {
  min-width: 0 !important;

  max-width: 130px !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.brand
small {
  font-size: 8.5px !important;

  letter-spacing: .07em !important;

  line-height: 1.25 !important;

  white-space: nowrap !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.sidebar-toggle {
  width: 32px !important;
  height: 32px !important;

  min-width: 32px !important;
  min-height: 32px !important;

  max-width: 32px !important;
  max-height: 32px !important;

  flex: 0 0 32px !important;

  margin-left: auto !important;
}


body:not(.workspace-sidebar-collapsed)
.k-sidebar
.sidebar-toggle
svg {
  width: 18px !important;
  height: 18px !important;
}


/* KYNTRACT SIDEBAR MICRO CLEARANCE V5 END */


/* KYNTRACT FINAL MICRO POLISH V6 START
   ============================================================
   FINAL visual micro-corrections only.

   1. Header wordmark 3px lower
   2. Footer spacing tightened/aligned
   3. Product-tour K = absolutely no holder background
   ============================================================ */


/* ============================================================
   A. PUBLIC HEADER — OPTICAL VERTICAL ALIGNMENT
   ============================================================ */

body.kyn-public
.logo
img[src*="kyntract-gold-wordmark.webp"] {
  transform: translateY(8px) !important;
}


/* Keep logo/navigation on same visual centre line. */

body.kyn-public
header .header-inner,

body.kyn-public
.site-header .header-inner,

body.kyn-public
.public-header .header-inner {
  align-items: center !important;
}


/* ============================================================
   B. FOOTER — TIGHTER / MORE PROFESSIONAL SPACING

   Desktop:
   brand + 4 columns.

   Previous brand column was visually too wide.
   ============================================================ */

body.kyn-public
.footer-grid {
  display: grid !important;

  grid-template-columns:
    minmax(325px,1.15fr)
    repeat(4,minmax(115px,.68fr)) !important;

  align-items: start !important;

  column-gap: clamp(20px,2.3vw,38px) !important;

  row-gap: 34px !important;
}


/* Brand column */

body.kyn-public
.footer-brand {
  max-width: 455px !important;

  min-width: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  align-self: start !important;
}


/* Footer wordmark:
   smaller than before so it belongs to the footer,
   rather than dominating it. */

body.kyn-public
.footer-logo {
  margin:
    0
    0
    22px !important;
}


body.kyn-public
.footer-logo
img[src*="kyntract-gold-wordmark.webp"] {
  width: 310px !important;

  max-width: 100% !important;

  height: auto !important;

  margin: 0 !important;

  transform: none !important;

  object-position: left top !important;
}


/* Footer description */

body.kyn-public
.footer-copy {
  max-width: 440px !important;

  margin:
    0
    0
    20px !important;

  padding: 0 !important;

  font-size: 16px !important;

  line-height: 1.58 !important;

  text-align: left !important;
}


/* Trust chips underneath */

body.kyn-public
.footer-trust {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 9px !important;

  margin: 0 !important;
}


/* Footer link columns */

body.kyn-public
.footer-col {
  min-width: 0 !important;

  align-self: start !important;

  margin: 0 !important;

  padding:
    2px
    0
    0 !important;

  text-align: left !important;
}


body.kyn-public
.footer-col h3 {
  margin:
    0
    0
    14px !important;
}


body.kyn-public
.footer-col a {
  margin: 0 !important;
}


/* Medium desktops */

@media (max-width: 1180px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      minmax(290px,1.1fr)
      repeat(4,minmax(100px,.65fr)) !important;

    column-gap: 20px !important;
  }


  body.kyn-public
  .footer-logo
  img[src*="kyntract-gold-wordmark.webp"] {
    width: 285px !important;
  }


  body.kyn-public
  .footer-copy {
    max-width: 390px !important;

    font-size: 15.5px !important;
  }
}


/* Tablet */

@media (max-width: 960px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap: 32px 28px !important;
  }


  body.kyn-public
  .footer-brand {
    grid-column: 1 / -1 !important;

    max-width: 520px !important;
  }
}


/* Mobile */

@media (max-width: 600px) {
  body.kyn-public
  .footer-grid {
    grid-template-columns:
      1fr !important;
  }


  body.kyn-public
  .footer-brand {
    grid-column: auto !important;
  }
}


/* ============================================================
   C. PRODUCT TOUR K
   NO GOLD TILE / NO CREAM TILE / NO PSEUDO BACKGROUND
   ============================================================ */

.product-brand-mark,
.product-brand-mark:hover,
.product-brand-mark:focus,
.product-brand-mark:active {
  position: relative !important;

  display: grid !important;

  place-items: center !important;

  width: 46px !important;
  height: 46px !important;

  min-width: 46px !important;
  min-height: 46px !important;

  max-width: 46px !important;
  max-height: 46px !important;

  flex: 0 0 46px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;

  border-radius: 0 !important;

  outline: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}


/* Kill inherited decorative tile layers. */

.product-brand-mark::before,
.product-brand-mark::after {
  content: none !important;

  display: none !important;

  background: none !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* Actual K image */

.product-brand-mark
img[src*="kyntract-gold-symbol-ui.webp"] {
  display: block !important;

  width: 44px !important;
  height: 44px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: 44px !important;
  max-height: 44px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;

  border-radius: 0 !important;

  outline: 0 !important;

  box-shadow: none !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: center !important;
}


/* In case the preview brand row itself supplied the square */

.product-brand,
.product-brand:has(.product-brand-mark) {
  background-image: none !important;
}


/* KYNTRACT FINAL MICRO POLISH V6 END */


/* KYNTRACT FINAL MICRO V7 START
   ============================================================
   ONLY:
   1. Product-tour K has absolutely no background.
   2. Public header is slightly shorter.

   No other dimensions/alignment are changed.
   ============================================================ */


/* ------------------------------------------------------------
   PRODUCT TOUR K — RAW TRANSPARENT IMAGE ONLY
   ------------------------------------------------------------ */

.kyntract-product-k-clean {
  display: block !important;

  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;
  min-height: 44px !important;

  max-width: 44px !important;
  max-height: 44px !important;

  flex: 0 0 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  filter: none !important;

  transform: none !important;

  object-fit: contain !important;
  object-position: center !important;

  mix-blend-mode: normal !important;
}


/* Nothing may generate a background around this image. */

.kyntract-product-k-clean::before,
.kyntract-product-k-clean::after {
  content: none !important;
  display: none !important;
}


/* ------------------------------------------------------------
   PUBLIC HEADER — SLIGHTLY REDUCE BAR HEIGHT ONLY

   Logo size unchanged.
   Navigation size unchanged.
   Horizontal positions unchanged.
   Existing logo vertical alignment unchanged.
   ------------------------------------------------------------ */

body.kyn-public
header .header-inner,

body.kyn-public
.site-header .header-inner,

body.kyn-public
.public-header .header-inner {
  padding-top: 12px !important;
  padding-bottom: 12px !important;

  min-height: 0 !important;
}


/* KYNTRACT FINAL MICRO V7 END */


/* KYNTRACT EXACT FINAL V8 START
   ============================================================
   ONLY TWO CHANGES:

   1. Product-tour K must have ZERO background.
   2. Public nav padding = 1px 1px.

   Nothing else.
   ============================================================ */


/* ============================================================
   PRODUCT TOUR K

   High specificity is intentional.
   Earlier product-tour rules were overriding the image class.
   ============================================================ */

body.kyn-public
.product-brand
img.kyntract-product-k-clean,

body.kyn-public
.product-brand
> img.kyntract-product-k-clean,

body.kyn-public
img.kyntract-product-k-clean {
  display: block !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  filter: none !important;

  padding: 0 !important;

  transform: none !important;

  mix-blend-mode: normal !important;
}


/* Remove the square from the direct parent too. */

body.kyn-public
.product-brand:has(
  img.kyntract-product-k-clean
),

body.kyn-public
:where(div,span,a):has(
  > img.kyntract-product-k-clean
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* Remove pseudo-elements which may paint the gold tile. */

body.kyn-public
.product-brand:has(
  img.kyntract-product-k-clean
)::before,

body.kyn-public
.product-brand:has(
  img.kyntract-product-k-clean
)::after,

body.kyn-public
:where(div,span,a):has(
  > img.kyntract-product-k-clean
)::before,

body.kyn-public
:where(div,span,a):has(
  > img.kyntract-product-k-clean
)::after {
  content: none !important;

  display: none !important;

  background: none !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* ============================================================
   PUBLIC HEADER
   EXACT requested value.
   ============================================================ */

body.kyn-public .nav {
  padding: 1px 1px !important;
}


/* KYNTRACT EXACT FINAL V8 END */


/* KYNTRACT HEADER WIDTH V9 START
   ============================================================
   ONLY horizontal header distribution.

   Logo size: unchanged
   Logo vertical position: unchanged
   Header height: unchanged
   Navigation typography: unchanged
   CTA dimensions: unchanged

   Goal:
   - logo farther left
   - navigation / CTA farther right
   - much less unused space at both screen edges
   ============================================================ */

body.kyn-public .nav {
  width: 100% !important;

  max-width: none !important;

  box-sizing: border-box !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding: 1px 24px !important;
}


/* Keep the logo anchored to the left side of the available row. */

body.kyn-public .nav > .logo {
  margin-left: 0 !important;

  margin-right: auto !important;
}


/* Keep the right-side navigation group pushed toward the right.
   No child dimensions are changed. */

body.kyn-public .nav > :last-child {
  margin-right: 0 !important;
}


/* Slightly tighter edge on normal laptop widths. */

@media (max-width: 1440px) {
  body.kyn-public .nav {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* Maintain a safe edge on mobile. */

@media (max-width: 760px) {
  body.kyn-public .nav {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* KYNTRACT HEADER WIDTH V9 END */


/* KYNTRACT FOOTER ROW V10 START
   ------------------------------------------------------------
   Extend only the bottom of the desktop footer grid so the
   grid boundary visually lands around the vertical midpoint
   of the final "Start your 7-day trial" link.

   No logo size, typography, horizontal spacing or columns
   are changed.
   ------------------------------------------------------------ */

@media (min-width: 961px) {

  body.kyn-public .footer-grid {
    padding-bottom: 22px !important;
  }

}


/* KYNTRACT FOOTER ROW V10 END */


/* KYNTRACT FOOTER ALIGNMENT V11 START
   ============================================================
   ONLY footer vertical alignment.

   Goal:
   - lower grid boundary approximately through mid-height
     of "Start your 7-day trial"
   - Kyntract brand block moves down accordingly
   - link columns stay where they are
   ============================================================ */

@media (min-width: 961px) {

  body.kyn-public .footer-grid {
    /*
      Extend the visual grid row downward.
    */
    padding-bottom: 18px !important;

    /*
      Stretch the row so the brand block can actually
      center itself vertically within it.
    */
    align-items: stretch !important;
  }


  /*
    THIS is the part missing before.

    Instead of remaining pinned to the top of the grid cell,
    vertically center the entire left brand section against
    the height of the Product / Company / Resources columns.
  */
  body.kyn-public .footer-brand {
    align-self: center !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    transform: translateY(7px) !important;
  }


  /*
    Right-side footer columns remain top-aligned exactly
    as they are now.
  */
  body.kyn-public .footer-col {
    align-self: start !important;
  }

}


/* KYNTRACT FOOTER ALIGNMENT V11 END */


/* KYNTRACT FOOTER BRAND POSITION V12 START
   ------------------------------------------------------------
   Only move the left Kyntract footer brand group downward.

   Logo size unchanged.
   Product links unchanged.
   Footer columns unchanged.
   Horizontal position unchanged.
   ------------------------------------------------------------ */

@media (min-width: 961px) {

  body.kyn-public .footer-brand {
    transform: translateY(23px) !important;
  }

}


/* KYNTRACT FOOTER BRAND POSITION V12 END */