/* Talia.17: app switcher has its own markup and styling, independent of the
 * legacy KES dock / rail. Core remains the sole navigation authority. */
html[data-kes-family="talia"] {
  --kes-nav-collapsed:0px;
  --kes-nav-expanded:0px;
}
html[data-kes-family="talia"] body.krn-kes-family-talia .krn-kes-shell .krn-kes-workspace,
html[data-kes-family="talia"].krn-kes-nav-expanded body.krn-kes-family-talia .krn-kes-shell .krn-kes-workspace {
  margin-left:0!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
}
/* Old navigation keeps existing markup for the KRN personality, but never
 * competes with the new Talia panel visually or in the accessibility tree. */
html[data-kes-family="talia"] body .krn-kes-nav-dock,
html[data-kes-family="talia"] body .krn-kes-nav-backdrop,
html[data-kes-family="talia"] body .krn-kes-mobile-dock,
html[data-kes-family="talia"] body .krn-kes-mobile-menu,
html[data-kes-family="talia"] body .krn-kes-app-bubble {display:none!important}
html:not([data-kes-family="talia"]) .talia-appsw-trigger,
html:not([data-kes-family="talia"]) .talia-appsw-backdrop,
html:not([data-kes-family="talia"]) .talia-appsw-panel {display:none!important}
html[data-kes-family="talia"] .talia-appsw-trigger {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:0 0 auto;min-width:72px;height:41px;padding:8px 12px;
  border:1px solid var(--talia-chrome-border,rgba(160,121,201,.3));border-radius:13px;
  font-size:12px;font-weight:750;line-height:1;letter-spacing:0;
  background:var(--talia-chrome-raised,#291c43);color:var(--talia-chrome-ink,#fff);
  cursor:pointer;box-shadow:none;white-space:nowrap;
}
html[data-kes-family="talia"] .talia-appsw-trigger svg {width:17px;height:17px;flex:none}
html[data-kes-family="talia"] .talia-appsw-trigger:is(:hover,[aria-expanded="true"]) {
  background:var(--talia-chrome-active,rgba(173,98,240,.22));border-color:var(--talia-chrome-focus,#e7b2ff);
}
html[data-kes-family="talia"] .talia-appsw-trigger:focus-visible,
html[data-kes-family="talia"] .talia-appsw-panel :is(a,button,input):focus-visible,
html[data-kes-family="talia"] .krn-kes-hub-apps:focus-visible {
  outline:2px solid var(--talia-chrome-focus,#a56ef4)!important;outline-offset:2px!important;
}
/* HUB's own "Mis apps" button is the integrated trigger on the HUB view.
 * Do not put a second trigger beside it in the global top dock. */
html[data-kes-family="talia"].krn-kes-hub-integrated:has(.krn-kes-hub-apps:not([hidden])) .krn-kes-top-dock .talia-appsw-trigger {display:none!important}
html[data-kes-family="talia"] .krn-kes-hub-tools-access[hidden] {display:none!important}
html[data-kes-family="talia"] .krn-kes-hub-apps[aria-expanded="true"] {border-color:var(--talia-chrome-focus)!important;box-shadow:0 0 0 2px var(--talia-chrome-active)!important}

html[data-kes-family="talia"] .talia-appsw-backdrop:not([hidden]) {
  position:fixed;inset:0;z-index:1980;display:block;
  background:rgba(10,7,26,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
html[data-kes-family="talia"] .talia-appsw-panel[hidden],
html[data-kes-family="talia"] .talia-appsw-backdrop[hidden],
html[data-kes-family="talia"] .talia-appsw-no-results[hidden],
html[data-kes-family="talia"] .talia-appsw-item[hidden],
html[data-kes-family="talia"] .talia-appsw-heading[hidden] {display:none!important}
html[data-kes-family="talia"] .talia-appsw-panel:not([hidden]) {
  position:fixed!important;
  z-index:1990!important;
  left:var(--talia-appsw-left,24px)!important;
  top:var(--talia-appsw-top,80px)!important;
  right:auto!important;bottom:auto!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  box-sizing:border-box!important;
  width:min(416px,calc(100vw - 24px))!important;
  height:min(665px,var(--talia-appsw-height,calc(100dvh - var(--talia-appsw-top,80px) - 14px)))!important;
  min-height:0!important;max-height:calc(100dvh - 20px)!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  border:1px solid var(--talia-chrome-border,rgba(150,117,189,.3))!important;
  border-radius:22px!important;background:var(--talia-chrome-bg,#170e2d)!important;
  color:var(--talia-chrome-ink,#fbfaff)!important;color-scheme:var(--talia-chrome-scheme,dark);
  box-shadow:0 23px 70px rgba(15,8,36,.31)!important;
  isolation:isolate;
}
html[data-kes-family="talia"] .talia-appsw-panel * {box-sizing:border-box}
html[data-kes-family="talia"] .talia-appsw-head {
  display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:11px;
  flex:0 0 auto;min-height:73px;padding:14px 15px 11px;
  border-bottom:1px solid var(--talia-chrome-border,rgba(146,125,184,.3));
}
html[data-kes-family="talia"] .talia-appsw-brand {
  display:grid;place-items:center;width:40px;height:40px;border-radius:13px;
  background:linear-gradient(142deg,#e020aa,#6451e9);color:#fff;font-weight:900;font-size:22px;
}
html[data-kes-family="talia"] .talia-appsw-head strong {display:block;font-size:16px;font-weight:820;line-height:1.25;color:var(--talia-chrome-ink)}
html[data-kes-family="talia"] .talia-appsw-head small {display:block;margin-top:4px;font-size:11px;color:var(--talia-chrome-muted)}
html[data-kes-family="talia"] .talia-appsw-close {
  width:34px;height:34px;min-height:34px;padding:0;border:1px solid var(--talia-chrome-border);
  border-radius:11px;color:var(--talia-chrome-ink);background:var(--talia-chrome-raised);
  font-size:24px;line-height:1;cursor:pointer;
}
html[data-kes-family="talia"] .talia-appsw-search {
  display:flex;flex:0 0 auto;align-items:center;min-height:43px;margin:12px 15px 9px;
  padding:0 12px;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"] .talia-appsw-search::before {content:'⌕';display:block;flex:none;margin-right:8px;font-size:22px;color:var(--talia-chrome-muted)}
html[data-kes-family="talia"] .talia-appsw-search input {
  display:block;width:100%;min-width:0;height:41px;min-height:41px;border:none!important;padding:0!important;margin:0!important;
  outline:none!important;box-shadow:none!important;font-family:inherit;font-size:13px;font-weight:450;line-height:1.2;
  background:transparent!important;color:var(--talia-chrome-ink)!important;appearance:none;
}
html[data-kes-family="talia"] .talia-appsw-search input::placeholder {color:var(--talia-chrome-muted);opacity:1}
html[data-kes-family="talia"] .talia-appsw-scroll {
  flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;
  padding:0 12px 10px;overscroll-behavior:contain;scrollbar-width:thin;
}
html[data-kes-family="talia"] .talia-appsw-list {display:block;list-style:none!important;margin:0!important;padding:0!important;width:100%}
html[data-kes-family="talia"] .talia-appsw-item,
html[data-kes-family="talia"] .talia-appsw-heading {display:block;width:100%;list-style:none;margin:0;padding:0}
html[data-kes-family="talia"] .talia-appsw-heading {
  padding:14px 11px 6px;font-size:10px;letter-spacing:.10em;text-transform:uppercase;
  font-weight:850;color:var(--talia-chrome-muted);line-height:1.2;
}
html[data-kes-family="talia"] .talia-appsw-heading.talia-appsw-depth-1,
html[data-kes-family="talia"] .talia-appsw-heading.talia-appsw-depth-2 {padding-top:10px;padding-left:17px;letter-spacing:.04em;text-transform:none}
html[data-kes-family="talia"] .talia-appsw-link {
  display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:48px!important;
  margin:2px 0!important;padding:6px 11px!important;border-radius:12px!important;
  color:var(--talia-chrome-ink)!important;background:transparent!important;border:1px solid transparent!important;
  font-family:inherit;font-size:13px;font-weight:660;line-height:1.3;text-decoration:none!important;
}
html[data-kes-family="talia"] .talia-appsw-link:is(:hover,:focus-visible,[aria-current="page"]) {
  background:var(--talia-chrome-hover,rgba(136,96,184,.1))!important;border-color:var(--talia-chrome-border)!important;
}
html[data-kes-family="talia"] .talia-appsw-icon {
  flex:0 0 33px;display:grid;place-items:center;width:33px;height:33px;
  color:var(--talia-chrome-accent);background:var(--talia-chrome-raised);border-radius:10px;
}
html[data-kes-family="talia"] .talia-appsw-icon svg {display:block;width:18px;height:18px}
html[data-kes-family="talia"] .talia-appsw-item.talia-appsw-depth-1 .talia-appsw-link {padding-left:18px!important}
html[data-kes-family="talia"] .talia-appsw-item.talia-appsw-depth-2 .talia-appsw-link {padding-left:26px!important}
html[data-kes-family="talia"] .talia-appsw-item.talia-appsw-depth-3 .talia-appsw-link {padding-left:33px!important}
html[data-kes-family="talia"] .talia-appsw-name {display:block;min-width:0;overflow-wrap:anywhere}
html[data-kes-family="talia"] .talia-appsw-empty,
html[data-kes-family="talia"] .talia-appsw-no-results {
  padding:16px;margin:10px 4px;border-radius:14px;background:var(--talia-chrome-raised);
  color:var(--talia-chrome-secondary);font-size:13px;line-height:1.4;
}
html[data-kes-family="talia"] .talia-appsw-empty strong {color:var(--talia-chrome-ink)}
html[data-kes-family="talia"] .talia-appsw-empty p {margin:8px 0 0}
html[data-kes-family="talia"] .talia-appsw-foot {
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;
  min-height:39px;padding:8px 17px;border-top:1px solid var(--talia-chrome-border);
  color:var(--talia-chrome-muted);font-size:11px;font-weight:600;
}
@media(max-width:782px) {
  html[data-kes-family="talia"] .talia-appsw-panel:not([hidden]) {
    width:calc(100vw - 20px)!important;height:var(--talia-appsw-height,calc(100dvh - var(--talia-appsw-top,80px) - 10px))!important;
    border-radius:18px!important;
  }
  html[data-kes-family="talia"] .talia-appsw-trigger {width:41px;min-width:41px;padding:7px;}
  html[data-kes-family="talia"] .talia-appsw-trigger span {display:none}
}
@media(prefers-reduced-motion:reduce) {
  html[data-kes-family="talia"] .talia-appsw-panel,html[data-kes-family="talia"] .talia-appsw-trigger {transition:none!important;animation:none!important}
}
/* Legacy nav-flow v13/14 used deeply-specific !important display:flex. */
html[data-kes-family="talia"] body.krn-kes-family-talia .krn-kes-shell > .krn-kes-nav-dock,
html[data-kes-family="talia"].krn-kes-nav-expanded body.krn-kes-family-talia .krn-kes-shell > .krn-kes-nav-dock,
html[data-kes-family="talia"] body.krn-kes-family-talia .krn-kes-shell > .krn-kes-nav-backdrop,
html[data-kes-family="talia"] body.krn-kes-family-talia .krn-kes-shell > .krn-kes-mobile-dock {display:none!important}
html[data-kes-family="talia"] .talia-appsw-search:focus-within {
  border-color:var(--talia-chrome-focus)!important;
  box-shadow:0 0 0 2px var(--talia-chrome-active)!important;
}
html[data-kes-family="talia"] .talia-appsw-search input:focus,
html[data-kes-family="talia"] .talia-appsw-search input:focus-visible {outline:0!important;box-shadow:none!important;border:0!important}
/* The previous mobile topbar squeezed controls on top of one another.
   Give them their own horizontally scrollable row, while keeping Apps visible. */
@media (max-width:600px) {
  html[data-kes-family="talia"] .krn-kes-top-dock {
    display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;
    gap:8px!important;overflow:visible!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-context {
    flex:1 1 100%!important;width:100%!important;min-width:0!important;margin:0!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-dock .krn-kes-top-actions {
    display:flex!important;flex:1 1 100%!important;align-items:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    justify-content:flex-start!important;gap:6px!important;
    margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:thin;scrollbar-color:var(--talia-chrome-border) transparent;
  }
  html[data-kes-family="talia"] .krn-kes-top-dock .talia-appsw-trigger {
    display:inline-flex!important;position:sticky;left:0;z-index:4;
    flex:0 0 70px!important;width:70px!important;min-width:70px!important;min-height:40px!important;
  }
  html[data-kes-family="talia"] .krn-kes-top-dock .talia-appsw-trigger span {display:inline!important}
}