/* KAPRIS / Unified floating surface system v1.
   Optical glass on fixed mobile dock (no live blur: scrolling must stay compositor-cheap).
   High-readability translucent layers on static popovers; header palette unchanged. */
.nk-site{
  --nk-surface-base:17 23 20;
  --nk-surface-tint:32 50 40;
  --nk-surface-linen:241 236 225;
  --nk-surface-brass:200 160 106;
  --nk-surface-border:rgba(200,160,106,.32);
  --nk-surface-elevation:0 14px 42px rgba(6,14,10,.27),inset 0 1px rgba(241,236,225,.075);
}
@media(max-width:760px){
  /* Align with the dark variant of the approved glass header; no GPU-heavy backdrop blur. */
  .nk-site .nk-appdock{
    background-color:rgba(17,23,20,.90);
    background-image:linear-gradient(128deg,rgba(44,65,50,.19),transparent 66%);
    border-color:var(--nk-surface-border);
    box-shadow:var(--nk-surface-elevation);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  /* Sheet is a reading surface, so slightly denser than the navigation. */
  .nk-site .nk-contact-sheet{
    background:rgba(17,23,20,.965);
    border-color:var(--nk-surface-border);
    box-shadow:0 -19px 58px rgba(6,14,10,.31),inset 0 1px rgba(241,236,225,.08);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
.nk-site .nk-promo__tab{
  background:
    linear-gradient(143deg,rgba(41,65,50,.30) 0%,transparent 76%),
    rgba(17,23,20,.905);
  border-color:rgba(200,160,106,.62);
  border-left:0;
  box-shadow:3px 8px 24px rgba(6,14,10,.26),inset -1px 0 rgba(241,236,225,.07);
}
.nk-site .nk-promo__card{
  background:
    repeating-linear-gradient(90deg,transparent 0 29px,rgba(200,160,106,.029) 29px 30px),
    repeating-linear-gradient(0deg,transparent 0 29px,rgba(200,160,106,.029) 29px 30px),
    linear-gradient(143deg,rgba(32,51,40,.955),rgba(17,30,23,.965) 66%,rgba(17,23,20,.975));
  border-color:rgba(200,160,106,.64);
  box-shadow:0 17px 48px rgba(5,11,8,.33),inset 0 1px rgba(241,236,225,.10);
  -webkit-backdrop-filter:blur(8px) saturate(1.08);
  backdrop-filter:blur(8px) saturate(1.08);
}
.nk-site .nk-promo__close{
  border-color:rgba(200,160,106,.38);
  background:rgba(17,23,20,.66);
}
@media(min-width:761px){
  /* Desktop auxiliary contact action uses the same surface and brass outline. */
  .nk-site .kc-launch{
    background:rgba(17,23,20,.88);
    border-color:var(--nk-surface-border);
    box-shadow:var(--nk-surface-elevation);
    -webkit-backdrop-filter:blur(9px) saturate(1.08);
    backdrop-filter:blur(9px) saturate(1.08);
  }
  .nk-site .nk-promo__tab{
    -webkit-backdrop-filter:blur(7px) saturate(1.06);
    backdrop-filter:blur(7px) saturate(1.06);
  }
  /* The conversation remains ivory (reading surface), matching the header's light variant. */
  .nk-site .kc-widget .kc-panel{
    background:rgba(241,236,225,.965);
    border-color:var(--nk-surface-border);
    box-shadow:0 22px 65px rgba(6,14,10,.19);
    -webkit-backdrop-filter:blur(7px) saturate(1.04);
    backdrop-filter:blur(7px) saturate(1.04);
  }
}
@media(max-width:760px){
  /* Popover is static; retain only subtle frosted depth, not an expensive dock-sized blur. */
  .nk-site .nk-promo__tab{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .nk-site .nk-promo__card{
    -webkit-backdrop-filter:blur(5px) saturate(1.05);
    backdrop-filter:blur(5px) saturate(1.05);
  }
}
@media(prefers-reduced-transparency:reduce){
  .nk-site .nk-appdock{background:#111714;background-image:none}
  .nk-site .nk-contact-sheet{background:#111714}
  .nk-site .nk-promo__tab{background:#14221a}
  .nk-site .nk-promo__card{background:#13241b}
  .nk-site .kc-launch{background:#111714}
  .nk-site .kc-widget .kc-panel{background:#f1ece1}
  .nk-site .nk-promo__card,.nk-site .kc-launch,.nk-site .kc-widget .kc-panel{
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
}