/* Veradyn v12.2B - unified white navigation and restrained accents */
:root {
  --st-navy-950: #001028;
  --st-navy-900: #031a34;
  --st-navy-850: #08223f;
  --st-blue-600: #0078f0;
  --st-blue-500: #1687f8;
  --st-red-600: #e01818;
  --st-text: #f8fafc;
  --st-muted: #94a3b8;
  --st-border: #243247;
}
html { color-scheme: dark; }
body {
  background-color: #020817 !important;
  background-image:
    radial-gradient(circle at 8% -5%, rgba(0,120,240,.13), transparent 30rem),
    linear-gradient(rgba(0,120,240,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,120,240,.025) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
  min-height: 100vh;
}
::selection { background: rgba(0,120,240,.42); color: #fff; }
a, button, input, select, textarea, summary { transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease; }
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: var(--st-blue-500) !important;
  box-shadow: 0 0 0 3px rgba(0,120,240,.16) !important;
}
.veradyn-header-logo {
  display: block;
  width: 13.75rem;
  max-width: 100%;
  height: 4.75rem;
  object-fit: cover;
  object-position: center;
  border-radius: .85rem;
  border: 1px solid rgba(36,50,71,.9);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.veradyn-brand-rule {
  height: 2px;
  width: 5.5rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--st-blue-600) 0 72%, var(--st-red-600) 72% 100%);
}
.st-panel {
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,20,39,.96));
  border: 1px solid var(--st-border);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.st-kicker { color: #60a5fa; letter-spacing: .13em; text-transform: uppercase; font-size: .69rem; font-weight: 700; }
.st-primary {
  background: var(--st-blue-600) !important;
  color: white !important;
  border-color: rgba(0,120,240,.8) !important;
  box-shadow: 0 8px 22px rgba(0,120,240,.16);
}
.st-primary:hover { background: var(--st-blue-500) !important; transform: translateY(-1px); }
.st-nav-link:hover { color: #93c5fd !important; border-color: rgba(0,120,240,.62) !important; }
@media (max-width: 640px) {
  .veradyn-header-logo { width: 12rem; height: 4.15rem; }
}


/* v12.2B: keep the application navigation visually unified. */
.sms-nav-row a,
.sms-nav-row a:visited {
  color: #f8fafc !important;
}
.sms-nav-row a:hover {
  color: #ffffff !important;
  background-color: rgba(30, 41, 59, .72) !important;
}
.sms-nav-row a[href="/logout"]:hover,
.sms-nav-row a[href^="/logout?"]:hover {
  color: #fca5a5 !important;
  background-color: rgba(127, 29, 29, .22) !important;
}
/* Page headings stay neutral; color is reserved for meaning and action. */
main h1,
.st-page-title,
.st-page-title * {
  color: #f8fafc !important;
}

/* Veradyn v12.2C - header user identity layout
   Places the signed-in user neatly beneath the logo instead of squeezing the
   name between the brand and navigation. */
.sms-app-header .sms-brand-block {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: .42rem !important;
  min-width: 0 !important;
  padding-right: 1rem !important;
}

.sms-app-header .sms-brand-text {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-left: .35rem;
}

.sms-app-header .sms-brand-meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 13.25rem !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #cbd5e1 !important;
  font-size: .72rem !important;
  line-height: 1rem !important;
  letter-spacing: .01em !important;
}

.sms-app-header .sms-brand-meta::before {
  content: "Signed in";
  flex: 0 0 auto;
  margin-right: .42rem;
  color: #64748b;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .sms-app-header .sms-brand-block {
    width: 14.75rem !important;
  }
}

@media (max-width: 639px) {
  .sms-app-header .sms-brand-block {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .sms-app-header .sms-brand-meta {
    max-width: 12rem !important;
  }
}

/* Veradyn v12.2D - compact header identity
   Show only the signed-in user's name below the logo. */
.sms-app-header .sms-brand-block {
  width: 15.5rem !important;
  min-width: 15.5rem !important;
  gap: .34rem !important;
}

.sms-app-header .sms-brand-text {
  width: 100% !important;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.sms-app-header .sms-brand-meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 14.5rem !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #e2e8f0 !important;
  font-size: .72rem !important;
  line-height: 1rem !important;
}

.sms-app-header .sms-brand-meta::before {
  content: "Signed in" !important;
  flex: 0 0 auto;
  margin-right: .48rem !important;
  color: #64748b !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

@media (max-width: 1100px) {
  .sms-app-header .sms-brand-block {
    width: 14rem !important;
    min-width: 14rem !important;
  }
  .sms-app-header .sms-brand-meta {
    max-width: 13rem !important;
  }
}

@media (max-width: 639px) {
  .sms-app-header .sms-brand-block {
    width: 100% !important;
    min-width: 0 !important;
  }
  .sms-app-header .sms-brand-meta {
    max-width: 12.5rem !important;
  }
}
/* SMS_PATCH_MARKER: V12_3D_UNIFIED_DASHBOARD_NAVIGATION */
.veradyn-dashboard-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.35rem;
    padding: .55rem .85rem !important;
    border: 1px solid rgba(71, 85, 105, .72);
    border-radius: .85rem;
    color: rgb(248 250 252) !important;
    background: rgba(15, 23, 42, .38);
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.veradyn-dashboard-link:hover {
    color: rgb(255 255 255) !important;
    border-color: rgba(59, 130, 246, .75);
    background: rgba(30, 64, 175, .18);
}
.veradyn-dashboard-link:focus-visible {
    outline: 2px solid rgb(59 130 246);
    outline-offset: 2px;
}
.veradyn-dashboard-link-active {
    border-color: rgba(59, 130, 246, .85);
    background: rgba(37, 99, 235, .22);
    color: rgb(255 255 255) !important;
}
.veradyn-dashboard-link-secondary {
    background: transparent;
}

/* SMS_PATCH_MARKER: V12_3E_PERSISTENT_TOP_NAVIGATION */
.veradyn-standard-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 0;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid rgb(30 41 59);
}
.veradyn-standard-logo {
    display: block;
    flex: 0 0 auto;
}
.veradyn-standard-logo img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}
.veradyn-persistent-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}
.veradyn-persistent-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .65rem .85rem;
    border-radius: .85rem;
    color: rgb(248 250 252);
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.veradyn-persistent-nav-link:hover {
    color: rgb(255 255 255);
    background: rgba(30, 41, 59, .9);
}
.veradyn-persistent-nav-link.is-active {
    color: rgb(255 255 255);
    background: rgba(37, 99, 235, .28);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, .65);
}
.veradyn-persistent-nav-link:first-child {
    background: rgb(37 99 235);
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
}
.veradyn-persistent-nav-link:first-child:hover {
    background: rgb(59 130 246);
}
.veradyn-persistent-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}
@media (min-width: 1024px) {
    .veradyn-standard-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .veradyn-persistent-nav {
        justify-content: flex-end;
    }
}

/* SMS_PATCH_MARKER: V12_3F_TRUE_PERSISTENT_NAVIGATION */

/*
   The same header geometry and the same navigation order are used on every
   application page. The logo is the only Dashboard return control.
*/
#veradyn-persistent-header.sms-persistent-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    width: 100% !important;
    min-height: 5.75rem !important;
    padding: 1rem 0 !important;
    margin: 0 0 1.5rem 0 !important;
    border-bottom: 1px solid rgb(30 41 59) !important;
    background: transparent !important;
}

#veradyn-persistent-header .sms-persistent-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

#veradyn-persistent-header .sms-persistent-logo img {
    display: block !important;
    width: 15rem !important;
    max-width: 15rem !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: .85rem !important;
}

#veradyn-persistent-header .sms-persistent-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: .35rem !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#veradyn-persistent-header .sms-persistent-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    min-height: 2.35rem !important;
    padding: .62rem .78rem !important;
    border: 1px solid transparent !important;
    border-radius: .8rem !important;
    color: rgb(248 250 252) !important;
    background: transparent !important;
    font-size: .82rem !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}

#veradyn-persistent-header .sms-persistent-link:hover {
    color: rgb(255 255 255) !important;
    background: rgba(30, 41, 59, .88) !important;
}

#veradyn-persistent-header .sms-persistent-link.is-active {
    color: rgb(255 255 255) !important;
    background: rgba(37, 99, 235, .18) !important;
    border-color: rgba(59, 130, 246, .55) !important;
}

#veradyn-persistent-header .sms-persistent-link-primary {
    color: rgb(255 255 255) !important;
    background: rgb(37 99 235) !important;
    border-color: rgb(37 99 235) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

#veradyn-persistent-header .sms-persistent-link-primary:hover {
    background: rgb(59 130 246) !important;
    border-color: rgb(59 130 246) !important;
}

#veradyn-persistent-header .sms-persistent-link:last-child:hover {
    color: rgb(248 113 113) !important;
    background: rgba(127, 29, 29, .2) !important;
}

/* Remove the temporary Dashboard-button styling introduced in v12.3D. */
.veradyn-dashboard-link,
.veradyn-dashboard-link-secondary,
.veradyn-dashboard-link-active {
    display: none !important;
}

@media (max-width: 1180px) {
    #veradyn-persistent-header.sms-persistent-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    #veradyn-persistent-header .sms-persistent-nav {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        margin-left: 0 !important;
    }
}

/* SMS_PATCH_MARKER: V12_3H_ADMIN_HEADER_LAYOUT_CORRECTION */
.sms-admin-canonical-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    padding: 1rem 0 1.1rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgb(30 41 59);
}
.sms-admin-brand-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .45rem;
    flex: 0 0 auto;
}
.sms-admin-logo-link {
    display: block;
    text-decoration: none;
}
.sms-admin-logo-link img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}
.sms-admin-user-line {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
}
.sms-admin-user-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}
.sms-admin-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}
.sms-admin-user-role {
    color: rgb(148 163 184);
}
.sms-admin-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}
.sms-admin-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}
.sms-admin-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}
.sms-admin-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}
.sms-admin-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}
.sms-admin-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}
.sms-admin-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}
.sms-admin-page-intro {
    margin-bottom: 1.5rem;
}
.sms-admin-page-intro h1 {
    margin: 0;
    color: rgb(248 250 252);
    font-size: 1.875rem;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.025em;
}
.sms-admin-page-intro p {
    margin: .4rem 0 0;
    max-width: 58rem;
    color: rgb(148 163 184);
    font-size: .875rem;
    line-height: 1.5;
}
@media (max-width: 1180px) {
    .sms-admin-canonical-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .sms-admin-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

/* SMS_PATCH_MARKER: V12_3I_CANONICAL_AUTHENTICATED_HEADER */

#veradyn-auth-shell.st-shell {
    width: 100%;
    color: rgb(248 250 252);
}

#veradyn-auth-shell .st-shell-inner {
    width: calc(100% - 2rem);
    max-width: 80rem;
    margin: 0 auto;
}

#veradyn-auth-shell .st-shell-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 6rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgb(30 41 59);
}

#veradyn-auth-shell .st-shell-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
    flex: 0 0 auto;
}

#veradyn-auth-shell .st-shell-logo-link {
    display: block;
    text-decoration: none;
}

#veradyn-auth-shell .st-shell-logo-link img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}

#veradyn-auth-shell .st-shell-identity {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
}

#veradyn-auth-shell .st-shell-signed-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}

#veradyn-auth-shell .st-shell-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}

#veradyn-auth-shell .st-shell-role {
    color: rgb(148 163 184);
}

#veradyn-auth-shell .st-shell-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}

#veradyn-auth-shell .st-shell-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .15s ease,
        background-color .15s ease,
        border-color .15s ease;
}

#veradyn-auth-shell .st-shell-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}

#veradyn-auth-shell .st-shell-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}

#veradyn-auth-shell .st-shell-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}

#veradyn-auth-shell .st-shell-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}

#veradyn-auth-shell .st-shell-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}

#veradyn-auth-shell .st-shell-intro {
    padding: 1.55rem 0 1.1rem;
}

#veradyn-auth-shell .st-shell-intro h1 {
    margin: 0;
    color: rgb(248 250 252);
    font-size: 1.875rem;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.025em;
}

#veradyn-auth-shell .st-shell-intro p {
    margin: .35rem 0 0;
    color: rgb(148 163 184);
    font-size: .875rem;
    line-height: 1.4;
}

#veradyn-auth-shell .st-shell-intro strong {
    color: rgb(96 165 250);
    font-weight: 500;
}

.st-shell-legacy-hidden,
.st-shell-legacy-title-hidden {
    display: none !important;
}

/* Neutralize prior experimental header blocks if they survive in a template. */
#veradyn-standard-header,
#veradyn-persistent-header,
#veradyn-admin-canonical-header,
.veradyn-standard-header,
.sms-persistent-header,
.sms-admin-canonical-header {
    display: none !important;
}

@media (max-width: 1180px) {
    #veradyn-auth-shell .st-shell-header {
        align-items: flex-start;
        flex-direction: column;
    }

    #veradyn-auth-shell .st-shell-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

/* SMS_PATCH_MARKER: V12_3J_FINAL_CANONICAL_HEADER */

#veradyn-canonical-header-v12-3J.stj-header-wrap {
    display: block;
    width: 100%;
    color: rgb(248 250 252);
}

#veradyn-canonical-header-v12-3J .stj-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: calc(100% - 2rem);
    max-width: 80rem;
    min-height: 6rem;
    margin: 0 auto 1.45rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgb(30 41 59);
}

#veradyn-canonical-header-v12-3J .stj-brand-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .38rem;
    flex: 0 0 auto;
}

#veradyn-canonical-header-v12-3J .stj-logo-link {
    display: block;
    text-decoration: none;
}

#veradyn-canonical-header-v12-3J .stj-logo-link img {
    display: block;
    width: 15rem;
    max-width: 15rem;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}

#veradyn-canonical-header-v12-3J .stj-identity {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
}

#veradyn-canonical-header-v12-3J .stj-signed-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}

#veradyn-canonical-header-v12-3J .stj-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}

#veradyn-canonical-header-v12-3J .stj-role {
    color: rgb(148 163 184);
}

#veradyn-canonical-header-v12-3J .stj-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}

#veradyn-canonical-header-v12-3J .stj-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

#veradyn-canonical-header-v12-3J .stj-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}

#veradyn-canonical-header-v12-3J .stj-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}

#veradyn-canonical-header-v12-3J .stj-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}

#veradyn-canonical-header-v12-3J .stj-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}

#veradyn-canonical-header-v12-3J .stj-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}

@media (max-width: 1180px) {
    #veradyn-canonical-header-v12-3J .stj-header-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    #veradyn-canonical-header-v12-3J .stj-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

/* Veradyn v14.4A MFA utility fallbacks retained in the self-hosted bundle. */
.h-12 { height: 3rem; }
.max-w-64 { max-width: 16rem; }
.min-h-72 { min-height: 18rem; }
.break-all { word-break: break-all; }
.select-all { -webkit-user-select: all; user-select: all; }
.tracking-wider { letter-spacing: .05em; }
.tracking-\[0\.3em\] { letter-spacing: .3em; }
.tracking-\[0\.35em\] { letter-spacing: .35em; }
.text-slate-800 { color: rgb(30 41 59); }
.text-purple-200 { color: rgb(233 213 255); }
.bg-amber-950\/25 { background-color: rgb(69 26 3 / .25); }
.bg-emerald-900\/50 { background-color: rgb(6 78 59 / .5); }
.wrap-anywhere { overflow-wrap: anywhere; word-break: break-word; }
@media (min-width: 640px) {
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:items-start { align-items: flex-start; }
}


/* Veradyn v14.5A1 listed-first master-data selector UX. */
.st-entry-mode-native { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.st-entry-mode-controls { margin:.55rem 0 .2rem; }
.st-entry-mode-toggle { border:0; background:transparent; padding:.2rem 0; color:rgb(147 197 253); font-size:.78rem; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.st-entry-mode-toggle:hover { color:rgb(219 234 254); }

/* Veradyn v14.5A1 responsive dropdown navigation. */
#veradyn-canonical-header-v12-3J .stj-menu { position:relative; }
#veradyn-canonical-header-v12-3J .stj-menu > summary { list-style:none; cursor:pointer; }
#veradyn-canonical-header-v12-3J .stj-menu > summary::-webkit-details-marker { display:none; }
#veradyn-canonical-header-v12-3J .stj-menu-panel { display:none; position:absolute; right:0; top:calc(100% + .45rem); z-index:80; min-width:14rem; padding:.45rem; border:1px solid rgb(51 65 85); border-radius:1rem; background:rgb(15 23 42); box-shadow:0 18px 45px rgba(0,0,0,.35); }
#veradyn-canonical-header-v12-3J details[open] > .stj-menu-panel { display:grid; gap:.2rem; }
#veradyn-canonical-header-v12-3J .stj-menu-item { display:flex; align-items:center; gap:.6rem; width:100%; padding:.72rem .8rem; border:0; border-radius:.7rem; color:rgb(226 232 240); background:transparent; text-align:left; text-decoration:none; font-size:.82rem; cursor:pointer; }
#veradyn-canonical-header-v12-3J .stj-menu-item:hover { background:rgb(30 41 59); color:white; }
#veradyn-canonical-header-v12-3J .stj-menu-item.is-danger:hover { color:rgb(254 202 202); background:rgba(127,29,29,.28); }
@media (max-width: 900px) {
  #veradyn-canonical-header-v12-3J .stj-header-inner { align-items:flex-start; flex-direction:column; }
  #veradyn-canonical-header-v12-3J .stj-nav { width:100%; justify-content:flex-start; flex-wrap:wrap; margin-left:0; }
  #veradyn-canonical-header-v12-3J .stj-menu-panel { left:0; right:auto; }
}