/* Talia.18: one bokeh-glass top bar; one assistance entry point.
 * Presentation only: Core owns links/permissions, HUB owns support and KAMI owns chat. */
html[data-kes-family="talia"] .krn-kes-top-dock {
  isolation:isolate;
  overflow:visible;
  position:relative;
  border:1px solid var(--talia-chrome-border)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.32);
  backdrop-filter:blur(28px) saturate(1.32);
  box-shadow:0 12px 42px rgba(33,17,69,.12),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
html[data-kes-family="talia"][data-kes-mode="light"] .krn-kes-top-dock {
  background:
    radial-gradient(circle 92px at 24% 36%,rgba(233,182,255,.21),transparent 75%),
    radial-gradient(circle 120px at 42% 88%,rgba(121,105,237,.20),transparent 72%),
    radial-gradient(circle 115px at 69% -8%,rgba(166,137,255,.24),transparent 78%),
    radial-gradient(circle 120px at 89% 82%,rgba(73,136,246,.16),transparent 76%),
    linear-gradient(110deg,rgba(22,12,47,.86),rgba(43,29,76,.83) 52%,rgba(31,25,73,.86))!important;
}
html[data-kes-family="talia"][data-kes-mode="dark"] .krn-kes-top-dock {
  background:
    radial-gradient(circle 100px at 25% 35%,rgba(157,123,247,.17),transparent 78%),
    radial-gradient(circle 126px at 56% 85%,rgba(245,174,224,.18),transparent 74%),
    radial-gradient(circle 120px at 82% -2%,rgba(130,179,245,.20),transparent 76%),
    linear-gradient(112deg,rgba(254,252,255,.86),rgba(241,236,255,.89) 58%,rgba(250,247,255,.87))!important;
}
/* Bokeh is a static material texture, never an animated or interactive layer. */
html[data-kes-family="talia"] .krn-kes-top-dock::before {
  content:"";position:absolute;inset:1px;border-radius:inherit;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle 26px at 19% 75%,rgba(207,143,250,.12),transparent 80%),
    radial-gradient(circle 25px at 46% 31%,rgba(189,170,250,.19),transparent 80%),
    radial-gradient(circle 38px at 77% 85%,rgba(109,156,255,.13),transparent 85%);
  filter:blur(9px);
}
html[data-kes-family="talia"] .krn-kes-top-dock::after {
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;
  background:linear-gradient(176deg,rgba(255,255,255,.13) 0%,transparent 55%);
}
html[data-kes-family="talia"] .krn-kes-top-dock > * {position:relative;z-index:1;min-width:0}
html[data-kes-family="talia"] .krn-kes-help-trigger {
  flex:0 0 auto;display:inline-flex;gap:8px;min-height:38px;padding:7px 12px;
  color:var(--talia-chrome-ink);background:var(--talia-chrome-raised);
  border:1px solid var(--talia-chrome-border);border-radius:13px;
  cursor:pointer;
}
html[data-kes-family="talia"] .krn-kes-help-trigger[aria-expanded="true"],
html[data-kes-family="talia"] .krn-kes-help-trigger:hover {
  color:var(--talia-chrome-ink);border-color:var(--talia-chrome-focus);
  background:var(--talia-chrome-active);
}
html[data-kes-family="talia"] .krn-kes-help-trigger .krn-kes-help-caret {font-size:14px;font-style:normal;opacity:.8;line-height:1}
html[data-kes-family="talia"] .krn-kes-help-trigger:focus-visible,
html[data-kes-family="talia"] .krn-kes-assistance-menu :is(button,input):focus-visible {
  outline:2px solid var(--talia-chrome-focus)!important;outline-offset:3px;
}
html[data-kes-family="talia"] .krn-kes-assistance-menu[hidden],
html[data-kes-family="talia"] .krn-kes-assistance-guides[hidden] {display:none!important}
html[data-kes-family="talia"] .krn-kes-assistance-menu {
  position:fixed!important;z-index:1985!important;
  box-sizing:border-box;width:min(362px,calc(100vw - 24px));
  max-height:min(590px,calc(100dvh - 24px));
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  left:var(--talia-help-left,20px);top:var(--talia-help-top,80px);
  border:1px solid var(--talia-chrome-border);
  border-radius:20px;padding:0;margin:0;
  background:var(--talia-chrome-bg);color:var(--talia-chrome-ink);
  color-scheme:var(--talia-chrome-scheme);
  -webkit-backdrop-filter:blur(24px) saturate(1.23);
  backdrop-filter:blur(24px) saturate(1.23);
  box-shadow:0 28px 76px rgba(19,9,43,.26),0 8px 20px rgba(24,12,43,.14);
  font:inherit;text-align:left;
}
html[data-kes-family="talia"][data-kes-mode="light"] .krn-kes-assistance-menu {background:rgba(23,14,48,.95)}
html[data-kes-family="talia"][data-kes-mode="dark"] .krn-kes-assistance-menu {background:rgba(250,248,255,.97)}
html[data-kes-family="talia"] .krn-kes-assistance-menu * {box-sizing:border-box}
html[data-kes-family="talia"] .krn-kes-assistance-menu header {
  padding:17px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--talia-chrome-border);
}
html[data-kes-family="talia"] .krn-kes-assistance-menu .krn-kes-eyebrow {
  display:block;color:var(--talia-chrome-accent);font-size:10px;letter-spacing:.13em;font-weight:800;
}
html[data-kes-family="talia"] .krn-kes-assistance-menu h2 {
  margin:4px 0 0;color:var(--talia-chrome-ink);font-weight:820;font-size:18px;line-height:1.25;
}
html[data-kes-family="talia"] .krn-kes-assistance-menu [data-kes-help-menu-close] {
  width:33px;height:33px;flex:0 0 auto;border:1px solid var(--talia-chrome-border);
  background:var(--talia-chrome-raised);color:var(--talia-chrome-ink);
  border-radius:10px;cursor:pointer;font-size:21px;line-height:1;
}
html[data-kes-family="talia"] .krn-kes-assistance-options {display:grid;gap:4px;padding:10px}
html[data-kes-family="talia"] .krn-kes-assistance-options button {
  border:1px solid transparent;border-radius:13px;min-height:61px;padding:10px 13px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;text-align:left;column-gap:8px;
  background:transparent;color:var(--talia-chrome-ink);cursor:pointer;
}
html[data-kes-family="talia"] .krn-kes-assistance-options button:is(:hover,:focus-visible),
html[data-kes-family="talia"] .krn-kes-assistance-options button[aria-pressed="true"] {
  background:var(--talia-chrome-hover);border-color:var(--talia-chrome-border);
}
html[data-kes-family="talia"] .krn-kes-assistance-options b {
  grid-column:1;font-size:13px;font-weight:790;line-height:1.4;
}
html[data-kes-family="talia"] .krn-kes-assistance-options small {
  grid-column:1;display:block;font-size:11px;line-height:1.45;color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .krn-kes-assistance-options button > span {
  grid-column:2;grid-row:1 / span 2;align-self:center;
  color:var(--talia-chrome-accent);font-size:18px;
}
html[data-kes-family="talia"] .krn-kes-assistance-guides {
  margin:0 13px 12px;padding:12px;border:1px solid var(--talia-chrome-border);
  border-radius:14px;background:var(--talia-chrome-hover);font-size:12px;
}
html[data-kes-family="talia"] .krn-kes-assistance-guides h3 {
  color:var(--talia-chrome-ink);font-size:13px;margin:0 0 9px;
}
html[data-kes-family="talia"] .krn-kes-assistance-guides ol {margin:0;padding-left:19px}
html[data-kes-family="talia"] .krn-kes-assistance-guides li {margin:0 0 8px;color:var(--talia-chrome-ink)}
html[data-kes-family="talia"] .krn-kes-assistance-guides li strong,
html[data-kes-family="talia"] .krn-kes-assistance-guides li span {display:block}
html[data-kes-family="talia"] .krn-kes-assistance-guides li span,
html[data-kes-family="talia"] .krn-kes-assistance-guides p {color:var(--talia-chrome-secondary);margin:4px 0 0;line-height:1.5}
html[data-kes-family="talia"] .krn-kes-assistance-hints {
  display:flex;align-items:center;gap:11px;min-height:50px;padding:12px 18px;
  font-size:12px;font-weight:620;border-top:1px solid var(--talia-chrome-border);
  cursor:pointer;color:var(--talia-chrome-ink);
}
html[data-kes-family="talia"] .krn-kes-assistance-hints input {
  width:18px;height:18px;accent-color:var(--talia-chrome-accent);flex:0 0 auto;
}
html[data-kes-family="talia"] .krn-kes-assistance-status {
  margin:0;padding:0 16px 11px;font-size:11px;line-height:1.4;color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .krn-kes-assistance-status:empty {display:none}
html[data-kes-family="talia"] .krn-kes-theme-single {
  display:flex;flex-direction:column;gap:4px;padding:14px 15px;border:1px solid var(--kes-border);
  border-radius:14px;background:var(--kes-canvas-subtle);color:var(--kes-text-primary);
}
html[data-kes-family="talia"] .krn-kes-theme-single strong {font-size:15px}
html[data-kes-family="talia"] .krn-kes-theme-single span {font-size:12px;color:var(--kes-text-secondary)}
@media (max-width:782px) {
  html[data-kes-family="talia"] .krn-kes-assistance-menu {border-radius:16px}
  html[data-kes-family="talia"] .krn-kes-assistance-options button {min-height:58px}
}
@media (prefers-reduced-transparency:reduce) {
  html[data-kes-family="talia"] .krn-kes-top-dock,
  html[data-kes-family="talia"] .krn-kes-assistance-menu { -webkit-backdrop-filter:none;backdrop-filter:none }
}
@media (prefers-reduced-motion:reduce) {
  html[data-kes-family="talia"] .krn-kes-assistance-menu,
  html[data-kes-family="talia"] .krn-kes-top-dock {transition:none!important;animation:none!important}
}
/* Keep top controls tappable at 320px instead of allowing another control to
 * cover the Help sheet trigger. Quick sheet is portalled to <body> by runtime. */
@media (max-width:782px) {
  html[data-kes-family="talia"] .krn-kes-top-dock {
    display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:5px;
    width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;
    padding:8px 9px!important;margin:10px!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-context {min-width:0;flex:1 1 0!important}
  html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-context > div {min-width:0}
  html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-context strong {max-width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis}
  html[data-kes-family="talia"] .krn-kes-top-actions {
    display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:4px;
    width:auto!important;max-width:calc(100% - 68px);min-width:0;overflow:visible!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-actions .talia-appsw-trigger {
    min-width:38px!important;width:38px!important;max-width:38px!important;height:40px!important;
    padding:0!important;gap:0!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-actions .talia-appsw-trigger span {display:none!important}
  html[data-kes-family="talia"] .krn-kes-top-actions .krn-kes-theme-trigger,
  html[data-kes-family="talia"] .krn-kes-top-actions .krn-kes-quick-controls-trigger {
    min-width:38px!important;width:38px!important;max-width:38px!important;min-height:40px!important;
    padding:0!important;flex:0 0 38px!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-actions .krn-kes-user>span {
    width:37px;height:37px;min-width:37px;
  }
  html[data-kes-family="talia"] body > .krn-kes-quick-controls {
    left:12px!important;right:12px!important;top:auto!important;
    bottom:calc(var(--kes-mobile-nav-height,70px) + var(--kes-safe-bottom,0px) + 18px)!important;
    width:auto!important;max-width:none!important;max-height:min(55dvh,430px)!important;
    --kes-text-primary:var(--talia-chrome-ink);
    --kes-text-secondary:var(--talia-chrome-secondary);
    --kes-text-muted:var(--talia-chrome-muted);
    --kes-border:var(--talia-chrome-border);
    --kes-accent:var(--talia-chrome-accent);
    --kes-surface:var(--talia-chrome-raised);
    --kes-floating:var(--talia-chrome-bg);
    --kes-overlay-surface:var(--talia-chrome-bg);
    color:var(--talia-chrome-ink)!important;color-scheme:var(--talia-chrome-scheme);
    background:var(--talia-chrome-bg)!important;
  }
}