/* KES Talia.13 — legible top-first navigation and inverse-mode chrome.
 * The work canvas retains the selected theme. Only the Talia navigation,
 * top bar, HUB navigation strip, mobile dock and non-embedded KAMI inherit
 * the opposite surface. Other WP screens, apps and providers are untouched. */

html[data-kes-family="talia"][data-kes-mode="light"] {
  --talia-chrome-bg:#160d2c;
  --talia-chrome-raised:#281b45;
  --talia-chrome-ink:#faf7ff;
  --talia-chrome-secondary:#ded6f2;
  --talia-chrome-muted:#bcb0d8;
  --talia-chrome-border:rgba(203,179,249,.24);
  --talia-chrome-hover:rgba(218,164,255,.15);
  --talia-chrome-active:rgba(195,109,246,.23);
  --talia-chrome-accent:#e69aff;
  --talia-chrome-focus:#f3c1ff;
  --talia-chrome-scheme:dark;
}
html[data-kes-family="talia"][data-kes-mode="dark"] {
  --talia-chrome-bg:#faf8ff;
  --talia-chrome-raised:#efebfa;
  --talia-chrome-ink:#231735;
  --talia-chrome-secondary:#4c4265;
  --talia-chrome-muted:#6c607f;
  --talia-chrome-border:rgba(99,72,163,.21);
  --talia-chrome-hover:rgba(111,70,200,.10);
  --talia-chrome-active:rgba(116,73,226,.16);
  --talia-chrome-accent:#6440d7;
  --talia-chrome-focus:#6e42de;
  --talia-chrome-scheme:light;
}

/* Local token scope is intentional: never invert the HUB's metrics or the
 * dashboards' data surfaces when the chrome changes mode. */
html[data-kes-family="talia"] :is(.krn-kes-nav-dock,.krn-kes-top-dock,.krn-kes-mobile-dock),
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row {
  --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-surface:var(--talia-chrome-raised);
  --kes-surface-solid:var(--talia-chrome-bg);
  --kes-raised:var(--talia-chrome-raised);
  --kes-floating:var(--talia-chrome-bg);
  --kes-accent:var(--talia-chrome-accent);
  --kes-focus:var(--talia-chrome-focus);
  --kes-selection-fill:var(--talia-chrome-active);
  --kes-topdock-background:var(--talia-chrome-bg);
  --kes-dock-background:var(--talia-chrome-bg);
  color:var(--talia-chrome-ink);
  color-scheme:var(--talia-chrome-scheme);
}
html[data-kes-family="talia"] .krn-kes-nav-dock,
html[data-kes-family="talia"] .krn-kes-top-dock,
html[data-kes-family="talia"] .krn-kes-mobile-dock {
  background:var(--talia-chrome-bg)!important;
  border-color:var(--talia-chrome-border)!important;
  box-shadow:none!important;
}

/* Navigation: one usable, ordered list directly below the header. The old
 * collapsed 78px rail / 9.8px labels were too narrow for common app names. */
@media (min-width:783px) {
  html[data-kes-family="talia"] {
    --kes-nav-collapsed:112px;
    --kes-nav-collapsed-half:56px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-dock {
    width:112px!important;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start!important;
    gap:0;
    padding:11px 8px!important;
    overflow:hidden;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-dock-head {
    display:contents;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-brand {
    order:0;
    flex:0 0 48px;
    width:48px;
    height:48px;
    margin:0 auto 10px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-toggle {
    order:1;
    flex:0 0 auto;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:42px;
    gap:6px;
    padding:6px 3px;
    margin:0 0 7px;
    border:1px solid var(--talia-chrome-border);
    border-radius:12px;
    background:var(--talia-chrome-raised);
    color:var(--talia-chrome-ink);
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-toggle .krn-kes-nav-toggle-label-rail {
    display:block!important;
    font-size:12px!important;
    font-weight:760;
    line-height:1.15;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-dock-scroll {
    order:2;
    display:block!important;
    flex:0 1 auto!important;
    align-self:stretch;
    width:100%;
    min-height:0;
    height:auto!important;
    max-height:calc(100dvh - 235px);
    margin:0!important;
    padding:0 0 3px!important;
    border:0!important;
    overflow-x:hidden;
    overflow-y:auto;
    overflow-anchor:none;
    overscroll-behavior:contain;
    scroll-padding-top:0;
    scrollbar-width:thin;
    scrollbar-color:var(--talia-chrome-muted) transparent;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-list {
    display:grid!important;
    width:100%;
    height:max-content!important;
    min-height:0!important;
    margin:0;
    padding:0;
    grid-auto-flow:row;
    grid-auto-rows:max-content;
    align-content:start!important;
    justify-content:stretch!important;
    align-items:start;
    gap:4px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-item a {
    min-height:66px;
    padding:9px 4px;
    gap:5px;
    border-radius:13px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-icon {
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-icon .krn-kes-icon {
    width:23px;
    height:23px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-copy b {
    font-size:12px!important;
    line-height:1.2;
    font-weight:750;
    overflow-wrap:break-word;
    -webkit-line-clamp:2;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-dock-tools {
    order:3;
    flex:0 0 auto;
    display:grid;
    gap:3px;
    margin:6px 0 0!important;
    padding:7px 0 0;
    border-top:1px solid var(--talia-chrome-border);
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-tool {
    min-height:45px;
    flex-direction:row;
    justify-content:flex-start;
    gap:7px;
    padding:8px 6px;
    border-radius:12px;
  }
  html[data-kes-family="talia"]:not(.krn-kes-nav-expanded) .krn-kes-nav-tool span {
    display:block;
    font-size:11.5px;
    line-height:1.2;
  }
  /* The expanded dock uses the same top-first behavior, without forcing a
   * full-height empty scrolling pane below short lists. */
  html[data-kes-family="talia"].krn-kes-nav-expanded .krn-kes-nav-dock {
    justify-content:flex-start;
  }
  html[data-kes-family="talia"].krn-kes-nav-expanded .krn-kes-nav-dock-scroll {
    flex:0 1 auto;
    margin-top:10px;
    overflow-y:auto;
  }
  html[data-kes-family="talia"].krn-kes-nav-expanded .krn-kes-nav-list {
    height:max-content;
    min-height:0;
    align-content:start;
    grid-auto-rows:max-content;
  }
}

/* The selected app is recognizable in both inverse modes. */
html[data-kes-family="talia"] .krn-kes-nav-dock :is(.krn-kes-nav-item.is-active > .krn-kes-nav-row > a,.krn-kes-nav-item a[aria-current="page"]),
html[data-kes-family="talia"] .krn-kes-nav-dock .krn-kes-nav-item a:hover {
  background:var(--talia-chrome-active)!important;
  color:var(--talia-chrome-ink)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-kes-family="talia"] .krn-kes-nav-dock :is(.krn-kes-nav-item.is-active > .krn-kes-nav-row > a,.krn-kes-nav-item a[aria-current="page"]) .krn-kes-nav-icon {
  color:var(--talia-chrome-accent)!important;
  background:transparent!important;
}
html[data-kes-family="talia"] .krn-kes-nav-dock :is(.krn-kes-nav-toggle,.krn-kes-nav-tool,.krn-kes-nav-group-toggle,.krn-kes-nav-item a) {
  color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .krn-kes-nav-dock :is(.krn-kes-nav-toggle,.krn-kes-nav-tool,.krn-kes-nav-group-toggle,.krn-kes-nav-item a):focus-visible,
html[data-kes-family="talia"] .krn-kes-top-dock :is(button,a):focus-visible {
  outline:2px solid var(--talia-chrome-focus)!important;
  outline-offset:-2px;
}

/* Top bar + native KES actions; provider buttons keep their semantics/events. */
html[data-kes-family="talia"] .krn-kes-top-dock :is(.krn-kes-command-trigger,.krn-kes-theme-trigger,.krn-kes-icon-button,.krn-kes-quick-controls-trigger,.krn-kes-mode-toggle) {
  background:var(--talia-chrome-raised);
  color:var(--talia-chrome-ink);
  border-color:var(--talia-chrome-border);
}
html[data-kes-family="talia"] .krn-kes-top-dock [data-kes-legacy-actions] {
  background:var(--talia-chrome-raised)!important;
  border-color:var(--talia-chrome-border)!important;
}
html[data-kes-family="talia"] .krn-kes-top-dock [data-kes-legacy-actions] > :is(button,a,[role="button"]):not(.is-active):not([aria-pressed="true"]) {
  background:transparent;
  color:var(--talia-chrome-secondary);
  border-color:transparent;
}
html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-user {
  color:var(--talia-chrome-ink);
}

/* HUB navigation bar only. Summary metrics and report cards stay in the
 * page's selected mode, rather than being inverted indiscriminately. */
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row {
  background:var(--talia-chrome-bg)!important;
  border-color:var(--talia-chrome-border)!important;
  box-shadow:none;
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row :is(.krn-talia-hub-worktabs button,.krn-kes-hub-apps) {
  color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row .krn-talia-hub-worktabs button:hover {
  color:var(--talia-chrome-ink);
  background:var(--talia-chrome-hover);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row .krn-talia-hub-worktabs button.is-active {
  color:var(--talia-chrome-accent);
  background:transparent;
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row .krn-talia-hub-worktabs button.is-active::after {
  background:var(--talia-chrome-accent);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row .krn-kes-hub-apps {
  background:var(--talia-chrome-raised);
  border-color:var(--talia-chrome-border);
  color:var(--talia-chrome-ink);
}

/* Inverse KAMI chrome — provider still owns the launcher, messages, commands,
 * auth, events and mobile behavior. Do not touch embedded KAMI in other apps. */
html[data-kes-family="talia"][data-kes-mode="light"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) {
  --talia-bg:#120d27;
  --talia-bg-soft:#211637;
  --talia-surface:#1d1534;
  --talia-surface-strong:#24183f;
  --talia-card:#291d48;
  --talia-card-hover:#322151;
  --talia-border:rgba(216,189,255,.24);
  --talia-border-strong:rgba(216,189,255,.36);
  --talia-text:#fbf8ff;
  --talia-muted:#bcb0d8;
  --talia-muted-strong:#e0d5f4;
  --talia-accent:#d58bff;
  --talia-accent-2:#ed75ce;
  --talia-accent-3:#60d9ee;
  --talia-shadow:0 16px 46px rgba(15,7,38,.25);
}
html[data-kes-family="talia"][data-kes-mode="dark"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) {
  --talia-bg:#faf8ff;
  --talia-bg-soft:#f0eafb;
  --talia-surface:#ffffff;
  --talia-surface-strong:#f7f2ff;
  --talia-card:#f4effd;
  --talia-card-hover:#ece4fa;
  --talia-border:rgba(95,65,161,.20);
  --talia-border-strong:rgba(95,65,161,.32);
  --talia-text:#221a39;
  --talia-muted:#655b7d;
  --talia-muted-strong:#443958;
  --talia-accent:#6845d6;
  --talia-accent-2:#aa3fba;
  --talia-accent-3:#008daf;
  --talia-shadow:0 14px 40px rgba(0,0,0,.20);
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) {
  --kes-kami-identity-ink:var(--talia-chrome-ink);
  --kes-kami-identity-muted:var(--talia-chrome-secondary);
  --kes-kami-identity-surface:var(--talia-chrome-bg);
  --kes-kami-identity-border:var(--talia-chrome-border);
  color:var(--talia-chrome-ink);
  color-scheme:var(--talia-chrome-scheme);
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) .talia-pilot-launch {
  background:var(--talia-chrome-bg)!important;
  color:var(--talia-chrome-ink)!important;
  border-color:var(--talia-chrome-border)!important;
  box-shadow:0 6px 23px rgba(16,9,45,.15)!important;
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) .talia-pilot-launch-copy :is(strong,small) {
  color:var(--talia-chrome-ink);
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) .talia-pilot-launch-copy small {
  color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) .talia-pilot-panel {
  background:var(--talia-surface)!important;
  color:var(--talia-text);
  border-color:var(--talia-border)!important;
  box-shadow:var(--talia-shadow)!important;
}
html[data-kes-family="talia"] .talia-pilot-root[data-talia-pilot]:not(.is-embedded) .talia-pilot-avatar {
  border-color:var(--talia-chrome-raised);
}
/* HUB's mobile bottom navigation obeys the opposite mode too. */
html[data-kes-family="talia"] .krn-kes-mobile-dock :is(a,button,.krn-kes-mobile-slot) {
  color:var(--talia-chrome-secondary);
}
html[data-kes-family="talia"] .krn-kes-mobile-dock :is(a,button):focus-visible {
  outline:2px solid var(--talia-chrome-focus);
  outline-offset:2px;
}
@media (max-width:782px) {
  html[data-kes-family="talia"] .krn-kes-nav-dock-scroll {
    scroll-padding-top:0;
    overflow-anchor:none;
  }
  html[data-kes-family="talia"] .krn-kes-nav-list {
    min-height:0!important;
    align-content:start!important;
    grid-auto-rows:max-content;
  }
  html[data-kes-family="talia"] .krn-kes-nav-dock {
    background:var(--talia-chrome-bg)!important;
  }
  html[data-kes-family="talia"] .krn-kes-nav-dock .krn-kes-nav-copy b {
    font-size:15px;
  }
}