/* KH-UX-01: scoped finishing layer. Existing site theme colors preserved. */
body.kh-ux-admin .kh-internal-build,
body.kh-ux-admin .kh-v12-single-version,
body.kh-ux-admin .kh-v10-build-badge,
body.kh-ux-admin .kh-v10-build-card,
body.kh-ux-admin .kh-v11-build-badge,
body.kh-ux-admin .kh-v11-build-card,
body.kh-ux-admin .kh-v11-admin-subtitle {display:none!important}
body.kh-ux-admin .admin-brand small {display:none!important}
body.kh-ux-admin .admin-top {
  position:sticky!important;top:0!important;z-index:200!important;
  background:var(--bg)!important; padding:10px 4px 14px!important;
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:12px!important;min-width:0!important;margin-bottom:12px!important;
}
body.kh-ux-admin .admin-top h1{display:none!important}
body.kh-ux-admin #kh362TopControls {
  margin-left:auto!important;justify-content:flex-end!important;
  width:auto!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;
}
body.kh-ux-admin #kh362Lang .kh362-dd-btn .kh-flag-wrap > span:last-child {display:none!important}
body.kh-ux-admin #kh362Theme .kh362-dd-btn strong{font-size:20px!important;line-height:1!important}

body.kh-ux-admin .kh362-dd-btn {min-width:47px!important;min-height:43px!important;padding:8px!important}
body.kh-ux-admin .kh362-dd-menu {z-index:8000!important}
body.kh-ux-admin #adminMobileSave{display:none!important}
body.kh-ux-admin .kh-ux-savebar{
  position:static!important;z-index:auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:12px!important;flex-wrap:wrap!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;padding:16px 0 24px!important;margin:0!important;
  box-shadow:none!important;
}
body.kh-ux-admin .kh-ux-savebar #saveAll{
  display:inline-flex!important;visibility:visible!important;
  min-height:44px!important;padding:11px 22px!important;width:auto!important;
  opacity:1!important;position:static!important;
}
body.kh-ux-admin .kh-ux-status {font-size:13px;color:var(--muted);flex:1 1 150px}
body.kh-ux-admin .kh-ux-status[data-state="ok"]{color:#159268}
body.kh-ux-admin .kh-ux-status[data-state="error"]{color:#d14b46}
body.kh-ux-admin .kh-ux-status[data-state="dirty"]{color:#b67c12}
@media (min-width:1101px) {
  html:has(body.kh-ux-admin),body.kh-ux-admin{height:100%!important;overflow:hidden!important}
  body.kh-ux-admin .admin-layout {
    display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;
    height:100dvh!important;min-height:0!important;overflow:hidden!important;
  }
  body.kh-ux-admin .admin-side{
    position:sticky!important;top:0!important;height:100dvh!important;
    min-height:0!important;overflow:hidden!important;
  }
  body.kh-ux-admin .admin-main{
    min-width:0!important;max-width:none!important;height:100dvh!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;scrollbar-gutter:stable!important;
    display:flex!important;flex-direction:column!important;
  }
  body.kh-ux-admin .admin-main .admin-section.active{flex:0 0 auto!important;min-width:0!important}
  body.kh-ux-admin .admin-main .kh-ux-savebar{flex:0 0 auto!important}
}
@media(max-width:1100px){
  body.kh-ux-admin .admin-main{padding-bottom:24px!important}
  body.kh-ux-admin .admin-top{
    display:none!important;
  }
  body.kh-ux-admin .admin-top h1{display:none!important}
  body.kh-ux-admin #kh362TopControls{gap:5px!important}
  body.kh-ux-admin .kh-ux-savebar{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
    padding:16px 0 26px!important;
  }
  body.kh-ux-admin .kh-ux-savebar #saveAll{min-width:128px!important;justify-content:center!important}
}
body.kh-ux-public .header-actions{margin-left:auto!important;justify-content:flex-end!important}
body.kh-ux-public .header-actions .kh-header-phone{order:10!important}
body.kh-ux-public .header-actions .kh-lang-select{order:20!important}
body.kh-ux-public .header-actions .kh-theme-select{order:21!important}
body.kh-ux-public .kh-lang-select .kh-select-toggle > span:not(.kh-select-caret){display:none!important}
body.kh-ux-public .kh-theme-select .kh-select-toggle > span:nth-child(2){display:none!important}
body.kh-ux-public .kh-select-toggle{min-height:42px!important;padding:8px 10px!important}
body.kh-ux-public .kh-select-menu {z-index:500!important}
@media(max-width:720px){
 body.kh-ux-public .header{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}
 body.kh-ux-public .header-actions{margin-left:auto!important;flex-wrap:nowrap!important;gap:7px!important}
}


/* Keep legacy header controls as fallback until the new dropdowns exist. */
body.kh-ux-public .header-actions:has(.kh-lang-select) > .lang,
body.kh-ux-public .header-actions:has(.kh-theme-select) > .theme-switch{display:none!important}
body.kh-ux-admin .admin-top > #saveAll{visibility:hidden!important;display:none!important}

body.kh-ux-admin #kh362TopControls{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important}
body.kh-ux-admin #kh362TopControls .kh362-dd-btn{display:flex!important;align-items:center!important}
body.kh-ux-admin #kh362Theme .kh-ux-glyph{font-size:20px!important;line-height:1!important;display:inline-flex!important}
body.kh-ux-admin .kh-ux-status:empty{display:none!important}
body.kh-ux-admin .kh362-check input[type=checkbox],
body.kh-ux-admin .v36-toggle input[type=checkbox]{
  appearance:none!important;-webkit-appearance:none!important;
  width:22px!important;height:22px!important;min-width:22px!important;
  border:2px solid #828b98!important;border-radius:5px!important;
  background:#a7adb7!important;opacity:1!important;visibility:visible!important;
  display:inline-grid!important;place-items:center!important;
  position:static!important;cursor:pointer!important;box-shadow:none!important;
  margin:0!important;
}
body.kh-ux-admin .kh362-check input[type=checkbox]:checked,
body.kh-ux-admin .v36-toggle input[type=checkbox]:checked{
  background:#f27b22!important;border-color:#e26e16!important;
}
body.kh-ux-admin .kh362-check input[type=checkbox]:checked::after,
body.kh-ux-admin .v36-toggle input[type=checkbox]:checked::after{
  content:"\2713";font-family:Arial,sans-serif;font-size:16px;line-height:1;color:#fff;font-weight:900;
}
body.kh-ux-admin .kh362-check:has(input[type=checkbox]:not(:checked)),
body.kh-ux-admin .v36-toggle:has(input[type=checkbox]:not(:checked)){
  outline:none!important;background:rgba(128,137,149,.10)!important;
  border-color:rgba(128,137,149,.32)!important;color:#adb4bf!important;
}
body.kh-ux-admin .kh362-check:has(input[type=checkbox]:checked),
body.kh-ux-admin .v36-toggle:has(input[type=checkbox]:checked){
  outline:none!important;border-color:rgba(242,123,34,.70)!important;
}
body.kh-ux-admin input[type=checkbox]:focus-visible{
  outline:3px solid #f5a65a!important;outline-offset:3px!important;
}

body.kh-ux-admin #kh362SaveContact,body.kh-ux-admin #kh362SaveVisibility,body.kh-ux-admin #kh362SaveBrandAdvanced,body.kh-ux-admin #kh362SaveAdvancedSeo{display:none!important}

@media(max-width:1100px){body.kh-ux-admin .admin-mobile-bar #kh362TopControls{margin-left:auto!important;margin-right:4px!important;gap:5px!important;display:flex!important;align-items:center!important;position:relative!important;z-index:10!important}body.kh-ux-admin .admin-mobile-bar .kh362-dd-btn{min-width:44px!important;width:auto!important;max-width:65px!important;padding:6px!important}body.kh-ux-admin .admin-mobile-bar .kh362-dd-menu{z-index:20000!important}}

/* KH-UX-04: all actual admin checkboxes, including legacy data-field controls.
   Keep native checkbox semantics and keyboard accessibility. */
body.kh-ux-admin .admin-section input[type="checkbox"] {
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;
  display:inline-grid!important;place-items:center!important;
  flex:0 0 24px!important;
  width:24px!important;height:24px!important;min-width:24px!important;
  padding:0!important;margin:0 8px 0 0!important;
  border-radius:6px!important;border:2px solid #838d9a!important;
  background:#a6adb8!important;
  box-shadow:none!important;
  opacity:1!important;visibility:visible!important;
  position:relative!important;inset:auto!important;transform:none!important;
  cursor:pointer!important;vertical-align:middle!important;
}
body.kh-ux-admin .admin-section input[type="checkbox"]:checked {
  background:#f27b22!important;border-color:#dc6813!important;
}
body.kh-ux-admin .admin-section input[type="checkbox"]:checked::after {
  content:"\2713"!important;font:900 18px/1 Arial,sans-serif!important;
  color:white!important;display:block!important;
}
body.kh-ux-admin .admin-section input[type="checkbox"]:not(:checked)::after {
  content:none!important;
}
body.kh-ux-admin .admin-section input[type="checkbox"]:focus-visible {
  outline:3px solid #f6b374!important;outline-offset:3px!important;
}
body.kh-ux-admin .admin-section label:has(input[type="checkbox"]:not(:checked)) {
  color:var(--muted,#9ca7b5)!important;
}
body.kh-ux-admin .admin-section label:has(input[type="checkbox"]:checked) {
  color:inherit!important;
}
body.kh-ux-admin .admin-section input[type="checkbox"]:disabled {
  cursor:not-allowed!important;opacity:.5!important;
}


/* KH-UX-05: persistent controls, fully opaque shelf, content beneath. */
@media (min-width:1101px) {
 body.kh-ux-admin .admin-main {position:relative!important;isolation:isolate!important}
 body.kh-ux-admin .admin-main > .admin-top {
  position:sticky!important;top:0!important;z-index:3000!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 0 64px!important;min-height:64px!important;
  margin:0 0 16px!important;padding:8px 12px!important;
  background:var(--bg)!important;background-image:none!important;
  border:0!important;border-bottom:0!important;outline:0!important;
  box-shadow:none!important;overflow:visible!important;
 }
 body.kh-ux-admin .admin-main > .admin-top::before,
 body.kh-ux-admin .admin-main > .admin-top::after {content:none!important;display:none!important}
 body.kh-ux-admin .admin-top #kh362TopControls {
  position:relative!important;z-index:3001!important;margin:0 0 0 auto!important;
  flex:0 0 auto!important;overflow:visible!important;
 }
 body.kh-ux-admin .admin-top .kh362-dd.open{z-index:3050!important}
 body.kh-ux-admin .admin-top .kh362-dd-menu{z-index:3100!important}
 body.kh-ux-admin .admin-main > .admin-section{position:relative!important;z-index:1!important}
}
@media (max-width:1100px) {
 body.kh-ux-admin .admin-mobile-bar {
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  z-index:6000!important;min-height:66px!important;
  border:0!important;border-bottom:0!important;outline:0!important;
  box-shadow:none!important;background:#031f3f!important;background-image:none!important;
  overflow:visible!important;
 }
 body.kh-ux-admin .admin-mobile-bar::before,
 body.kh-ux-admin .admin-mobile-bar::after{content:none!important;display:none!important}
 body.kh-ux-admin .admin-mobile-bar #kh362TopControls {
  position:relative!important;z-index:6001!important;margin-left:auto!important;
  display:flex!important;visibility:visible!important;opacity:1!important;
 }
 body.kh-ux-admin .admin-mobile-bar .kh362-dd.open{z-index:6050!important}
 body.kh-ux-admin .admin-mobile-bar .kh362-dd-menu{z-index:6100!important}
 body.kh-ux-admin .admin-main {position:relative!important;z-index:1!important;padding-top:82px!important}
}
/* KH-UX-05 end */

/* KH-IGUNET-FOOTER-01 - one discreet provider credit below the existing footer content. */
body.kh-ux-public footer.footer .kh-footer-hosting-credit {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.13);
}
body.kh-ux-public footer.footer .kh-igunet-credit {
  width:min(100%,260px);
  min-width:0;
}
body.kh-ux-public footer.footer .kh-igunet-credit-caption {
  display:none;
}
body.kh-ux-public footer.footer .kh-igunet-credit-link {
  display:block;
  width:100%;
  line-height:0;
  border-radius:8px;
  outline-offset:5px;
}
body.kh-ux-public footer.footer .kh-igunet-credit-link:focus-visible {
  outline:2px solid #9adfff;
}
body.kh-ux-public footer.footer .kh-igunet-credit-link img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media (max-width:720px) {
  body.kh-ux-public footer.footer .kh-footer-hosting-credit {
    margin-top:16px;
    padding-top:16px;
  }
  body.kh-ux-public footer.footer .kh-igunet-credit {
    width:min(100%,210px);
  }
}
/* KH-IGUNET-FOOTER-01 end */

/* The V3.3 public.js premium footer replaces server-rendered fallback. */
body.kh-ux-public footer.footer .footer-bottom .footer-powered {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  opacity:1;
}
body.kh-ux-public footer.footer .footer-bottom .kh-footer-igunet-link {
  display:block;
  width:min(100%,200px);
  flex:0 1 200px;
  line-height:0;
  border-radius:8px;
  outline-offset:5px;
}
body.kh-ux-public footer.footer .footer-bottom .kh-footer-igunet-link:focus-visible {
  outline:2px solid #9adfff;
}
body.kh-ux-public footer.footer .footer-bottom .kh-footer-igunet-link img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:720px) {
 body.kh-ux-public footer.footer .footer-bottom .kh-footer-igunet-link {
   width:min(100%,155px);
   flex-basis:155px;
 }
}


/* KH-UX-06: admin sidebar scrollbar + following top controls */
@media (min-width:1101px) {
  body.kh-ux-admin .admin-layout > .admin-side {
    display:flex!important;
    flex-direction:column!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.kh-ux-admin .admin-side > .admin-menu {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    scrollbar-width:auto!important;
    scrollbar-color:#49b6f5 #0b2d50!important;
    scrollbar-gutter:stable!important;
  }
  body.kh-ux-admin .admin-side > .admin-menu::-webkit-scrollbar{width:12px!important}
  body.kh-ux-admin .admin-side > .admin-menu::-webkit-scrollbar-track{background:#0b2d50!important;border-radius:12px!important}
  body.kh-ux-admin .admin-side > .admin-menu::-webkit-scrollbar-thumb{background:#49b6f5!important;border:2px solid #0b2d50!important;border-radius:12px!important}
  body.kh-ux-admin .admin-side > .admin-menu::-webkit-scrollbar-thumb:hover{background:#88d9ff!important}
  body.kh-ux-admin .admin-main > .admin-top{
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    background:#082440!important;
    border-bottom:1px solid rgba(91,177,224,.2)!important;
    box-shadow:0 6px 14px rgba(0,15,32,.15)!important;
  }
  body.kh-ux-admin .admin-main > .admin-top #kh362TopControls {
    position:relative!important;
    z-index:3001!important;
  }
}


/* KH-UX-07: corrected admin controls and public header */
/* Admin: keep only the two compact controls attached to the scroll area,
   without a page-wide colored cover. Preserve natural section flow. */
@media (min-width:1101px) {
  body.kh-ux-admin .admin-main > .admin-top {
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    height:58px!important;
    min-height:58px!important;
    flex:0 0 58px!important;
    padding:5px 12px!important;
    margin:0 0 8px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    pointer-events:none!important;
  }
  body.kh-ux-admin .admin-main > .admin-top #kh362TopControls {
    pointer-events:auto!important;
    margin:0 0 0 auto!important;
    padding:5px!important;
    border-radius:17px!important;
    background:#082440!important;
    box-shadow:0 5px 12px rgba(0,15,32,.2)!important;
  }
  body.kh-ux-admin .admin-side > .admin-menu {
    overflow-y:scroll!important;
    scrollbar-color:#49b6f5 #0b2d50!important;
    scrollbar-width:auto!important;
  }
}
/* Public: overflow-x:clip does not create a competing scroll container.
   The entire branded header, not just language/theme, remains sticky. */
html:has(body.kh-ux-public),
body.kh-ux-public {
  overflow-x:clip!important;
}
body.kh-ux-public .topbar {
  position:sticky!important;
  top:0!important;
  z-index:9990!important;
  overflow:visible!important;
  width:100%!important;
}
body.kh-ux-public .topbar .header {
  position:relative!important;
}
body.kh-ux-public #home,
body.kh-ux-public #services,
body.kh-ux-public #projects,
body.kh-ux-public #contact {
  scroll-margin-top:95px;
}
@media(max-width:760px) {
  body.kh-ux-public #home,
  body.kh-ux-public #services,
  body.kh-ux-public #projects,
  body.kh-ux-public #contact {
    scroll-margin-top:125px;
  }
}


/* KH-UX-08: identical blue scrollbar on main admin and public site */
/* Same WebKit/Firefox geometry and colors as the existing left admin menu.
   Do not change the left menu or its event handling. */
@media (min-width:1101px) {
  body.kh-ux-admin .admin-main {
    scrollbar-width:auto!important;
    scrollbar-color:#49b6f5 #0b2d50!important;
  }
  body.kh-ux-admin .admin-main::-webkit-scrollbar {width:12px!important}
  body.kh-ux-admin .admin-main::-webkit-scrollbar-track {
    background:#0b2d50!important;
    border-radius:12px!important;
  }
  body.kh-ux-admin .admin-main::-webkit-scrollbar-thumb {
    background:#49b6f5!important;
    border:2px solid #0b2d50!important;
    border-radius:12px!important;
  }
  body.kh-ux-admin .admin-main::-webkit-scrollbar-thumb:hover {
    background:#88d9ff!important;
  }
}
html:has(body.kh-ux-public),
body.kh-ux-public {
  scrollbar-width:auto!important;
  scrollbar-color:#49b6f5 #0b2d50!important;
}
html:has(body.kh-ux-public)::-webkit-scrollbar,
body.kh-ux-public::-webkit-scrollbar {width:12px!important}
html:has(body.kh-ux-public)::-webkit-scrollbar-track,
body.kh-ux-public::-webkit-scrollbar-track {
  background:#0b2d50!important;
  border-radius:12px!important;
}
html:has(body.kh-ux-public)::-webkit-scrollbar-thumb,
body.kh-ux-public::-webkit-scrollbar-thumb {
  background:#49b6f5!important;
  border:2px solid #0b2d50!important;
  border-radius:12px!important;
}
html:has(body.kh-ux-public)::-webkit-scrollbar-thumb:hover,
body.kh-ux-public::-webkit-scrollbar-thumb:hover {
  background:#88d9ff!important;
}


/* KH-VISUAL-09: approved public visual refinements + real transparent logo */
body.kh-ux-public {
  --bg:#f5f8fc;
  --surface:#eff6fc;
  --line:rgba(12,53,93,.13);
}
html[data-theme="dark"] body.kh-ux-public {
  --bg:#071e35;
  --surface:#0d2a48;
  --card:#102e4b;
  --line:rgba(158,208,244,.16);
}
body.kh-ux-public .logo-wrap .kh-logo-for-dark{display:none!important}
body.kh-ux-public .logo-wrap .kh-logo-for-light{display:block!important}
html[data-theme="dark"] body.kh-ux-public .logo-wrap .kh-logo-for-light{display:none!important}
html[data-theme="dark"] body.kh-ux-public .logo-wrap .kh-logo-for-dark{display:block!important}
body.kh-ux-public .logo-wrap img {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
body.kh-ux-public .hero-card img,
body.kh-ux-public .footer-logo img {
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
body.kh-ux-public .service-card,
body.kh-ux-public .project-card,
body.kh-ux-public .contact-panel,
body.kh-ux-public .form-panel{
  border:1px solid var(--line)!important;
  box-shadow:0 11px 26px rgba(7,41,73,.08);
}
body.kh-ux-public .service-card,
body.kh-ux-public .project-card{
  transition:transform .18s ease,box-shadow .18s ease;
}
body.kh-ux-public .service-card:hover,
body.kh-ux-public .project-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(7,41,73,.15)!important;
}
html[data-theme="dark"] body.kh-ux-public .contact {
  background:#0a2744!important;
}
html[data-theme="dark"] body.kh-ux-public .service-card,
html[data-theme="dark"] body.kh-ux-public .project-card,
html[data-theme="dark"] body.kh-ux-public .contact-panel,
html[data-theme="dark"] body.kh-ux-public .form-panel{
  box-shadow:0 12px 32px rgba(0,10,24,.22);
}
@media(prefers-reduced-motion:reduce){
  body.kh-ux-public .service-card,
  body.kh-ux-public .project-card{transition:none!important}
}


/* KH-VISUAL-10: compact header and aligned controls */
body.kh-ux-public .topbar .header{min-height:62px!important;padding:5px 0!important;align-items:center!important;gap:12px!important}
body.kh-ux-public .topbar .logo-wrap img{height:44px!important;max-width:180px!important}
body.kh-ux-public .topbar .header-actions{align-items:center!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important;gap:7px!important}
body.kh-ux-public .topbar .kh-select-toggle{min-height:38px!important;padding:6px 9px!important}
@media(max-width:720px){
body.kh-ux-public .topbar .header{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:7px 10px!important}
body.kh-ux-public .topbar .logo-wrap img{height:38px!important;max-width:145px!important}
body.kh-ux-public .topbar .header-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;width:auto!important;flex:0 1 auto!important;margin-left:auto!important;gap:5px!important}
body.kh-ux-public .topbar .nav{flex-basis:100%!important}
body.kh-ux-public .topbar .kh-select-toggle{min-height:36px!important;padding:5px 7px!important}
}


/* KH-SCROLL-ORANGE-20261114. Consistent page, admin and nested scrollbars.
   Existing layout, overflow, event handling and theme switching are unchanged. */
:root {
  --kh-scroll-thumb:#ff7627;
  --kh-scroll-thumb-hover:#ff8a22;
  --kh-scroll-track:#0b2d50;
}
/* Firefox scrollbar coloring, including embedded scroll areas. */
html,body,body *,
html:has(body.kh-ux-public),
body.kh-ux-admin .admin-side .admin-menu,
body.kh-ux-admin .admin-main {
  scrollbar-color:var(--kh-scroll-thumb) var(--kh-scroll-track)!important;
}
body.kh-ux-admin :is(*,.admin-menu,.admin-main),
body.kh-ux-public :is(*,.admin-menu,.admin-main) {
  scrollbar-color:var(--kh-scroll-thumb) var(--kh-scroll-track)!important;
}
/* Chromium, Edge and Safari: do not change scroll behavior or container sizes. */
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar {
  width:12px!important;
  height:12px!important;
}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,body *::-webkit-scrollbar-track {
  background:var(--kh-scroll-track)!important;
  border-radius:12px!important;
}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,body *::-webkit-scrollbar-thumb {
  background:var(--kh-scroll-thumb)!important;
  border:2px solid var(--kh-scroll-track)!important;
  border-radius:12px!important;
}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,body *::-webkit-scrollbar-thumb:hover {
  background:var(--kh-scroll-thumb-hover)!important;
}
/* Existing sidebar rules use !important: explicitly override them last. */
body.kh-ux-admin .admin-side .admin-menu::-webkit-scrollbar,
body.kh-ux-admin .admin-main::-webkit-scrollbar {width:12px!important;height:12px!important}
body.kh-ux-admin .admin-side .admin-menu::-webkit-scrollbar-track,
body.kh-ux-admin .admin-main::-webkit-scrollbar-track {background:var(--kh-scroll-track)!important}
body.kh-ux-admin .admin-side .admin-menu::-webkit-scrollbar-thumb,
body.kh-ux-admin .admin-main::-webkit-scrollbar-thumb {background:var(--kh-scroll-thumb)!important;border:2px solid var(--kh-scroll-track)!important;border-radius:12px!important}
body.kh-ux-admin .admin-side .admin-menu::-webkit-scrollbar-thumb:hover,
body.kh-ux-admin .admin-main::-webkit-scrollbar-thumb:hover {background:var(--kh-scroll-thumb-hover)!important}
html:has(body.kh-ux-public)::-webkit-scrollbar-thumb,
body.kh-ux-public::-webkit-scrollbar-thumb {background:var(--kh-scroll-thumb)!important}
html:has(body.kh-ux-public)::-webkit-scrollbar-thumb:hover,
body.kh-ux-public::-webkit-scrollbar-thumb:hover {background:var(--kh-scroll-thumb-hover)!important}


/* KH_I18N_VISUAL_20261114: minimal approved layout and theme alignment */
@media (min-width:1200px) {
  body.kh-ux-public .topbar .header {position:relative!important}
  body.kh-ux-public .topbar .logo-wrap {transform:translateX(-3px);flex:0 0 auto}
  body.kh-ux-public .topbar .logo-wrap img {height:48px!important;max-width:200px!important}
  body.kh-ux-public .topbar .nav {position:absolute!important;left:50%;transform:translateX(-50%);margin:0!important;flex:0 0 auto!important;white-space:nowrap;gap:24px}
  body.kh-ux-public .topbar .header-actions {margin-left:auto!important;margin-right:-3px!important}
}
@media (max-width:1199px) {
  body.kh-ux-public .topbar .logo-wrap {transform:translateX(-2px)}
}
@media (min-width:721px) and (max-width:1199px) {
  body.kh-ux-public .topbar .logo-wrap img {height:46px!important;max-width:188px!important}
}
@media (max-width:720px) {
  body.kh-ux-public .topbar .logo-wrap img {height:40px!important;max-width:156px!important}
}
/* The hero identification card follows the selected light/dark theme.
   No change to background media, content, layout or existing theme controls. */
html[data-theme="comfort"] body.kh-ux-public .hero-card {
  background:rgba(246,250,253,.95)!important;
  color:#103452!important;
  border:1px solid rgba(37,91,137,.24)!important;
  box-shadow:0 13px 34px rgba(1,25,56,.16)!important;
}
html[data-theme="comfort"] body.kh-ux-public .hero-card strong {color:#103452!important}
html[data-theme="comfort"] body.kh-ux-public .hero-card small {color:#496781!important}
html[data-theme="dark"] body.kh-ux-public .hero-card {
  background:rgba(7,35,64,.86)!important;
  color:#f1f7fd!important;
  border:1px solid rgba(148,197,235,.25)!important;
}

/* KH_VISUAL_NAV_CONTACT_20261114: no layout or CMS behavior changes. */
/* Make the original wordmark slightly more prominent without touching mobile controls. */
@media(min-width:1200px){
  body.kh-ux-public .topbar .logo-wrap img{height:52px!important;max-width:218px!important}
}
@media(min-width:721px) and (max-width:1199px){
  body.kh-ux-public .topbar .logo-wrap img{height:48px!important;max-width:198px!important}
}
/* Active area gets the same orange used by controls and scrollbars. */
body.kh-ux-public .topbar .nav a{
  border-bottom:3px solid transparent!important;
  transition:border-color .18s ease,color .18s ease!important;
}
body.kh-ux-public .topbar .nav a:hover,
body.kh-ux-public .topbar .nav a:focus-visible,
body.kh-ux-public .topbar .nav a.kh-section-active{
  border-bottom-color:#ff7627!important;
}
body.kh-ux-public .topbar .nav a.kh-section-active{
  font-weight:900;
}
@media(prefers-reduced-motion:reduce){
  body.kh-ux-public .topbar .nav a{transition:none!important}
}
/* Improve legibility of form placeholders/inputs without changing submitted data. */
html[data-theme="comfort"] body.kh-ux-public .contact .contact-panel,
html[data-theme="comfort"] body.kh-ux-public .contact .form-panel{
  background:#fff!important;
  border-color:#bacbd9!important;
  box-shadow:0 12px 36px rgba(7,42,78,.12)!important;
}
html[data-theme="comfort"] body.kh-ux-public #contactForm :is(input,textarea,select){
  color:#183d5d!important;background:#fff!important;border:1.5px solid #7794ab!important;
}
html[data-theme="comfort"] body.kh-ux-public #contactForm :is(input,textarea)::placeholder{
  color:#526b7f!important;opacity:1!important;
}
html[data-theme="dark"] body.kh-ux-public #contactForm :is(input,textarea,select){
  color:#f0f7ff!important;background:#103553!important;border:1.5px solid #7194b0!important;
}
html[data-theme="dark"] body.kh-ux-public #contactForm :is(input,textarea)::placeholder{
  color:#c3d4e2!important;opacity:1!important;
}
body.kh-ux-public #contactForm :is(input,textarea,select):focus-visible{
  outline:2px solid #ff7627!important;outline-offset:2px!important;border-color:#ff7627!important;
}