/* Talia.6: presentation of the approved KRN KES light proposal.
   All selectors are scoped to the Talia family. Plugins retain data, actions,
   map lifecycle, permissions, geolocation, and their own fullscreen controls. */

html[data-kes-family="talia"][data-kes-mode="light"] {
  --kes-canvas:#f7f5ff;
  --kes-canvas-subtle:#f1edfb;
  --kes-raised:#fbfaff;
  --kes-text-primary:#1d1931;
  --kes-text-secondary:#69627f;
  --kes-text-muted:#827b98;
  --kes-accent:#7658ed;
  --kes-accent-hover:#6547d7;
  --kes-accent-secondary:#a849d7;
  --kes-accent-tertiary:#20b9d6;
  --kes-border:rgba(105,81,185,.16);
  --kes-topdock-background:rgba(255,255,255,.95);
  --kes-dock-background:rgba(250,248,255,.96);
  --kes-shadow-soft:0 17px 42px rgba(47,33,105,.085);
}

/* KES shell: compact, readable and consistent with the HTML proposal. */
html[data-kes-family="talia"] .krn-kes-top-dock {
  border-radius:21px;
  box-shadow:none;
}
.krn-kes-context-dock[hidden] {display:none!important}
html[data-kes-family="talia"] .krn-kes-canvas {
  min-width:0;
  padding-top:clamp(16px,2vw,25px);
}
html[data-kes-family="talia"][data-kes-mode="light"] .krn-kes-nav-dock {
  background:linear-gradient(180deg,#fcfbff,#f0ecff);
}
html[data-kes-family="talia"][data-kes-mode="light"] :is(
  .krn-kes-nav-item.is-active > .krn-kes-nav-row > a,
  .krn-kes-nav-item a[aria-current="page"]
) {
  color:#fff;
  background:#292141;
  border-color:#292141;
  outline-color:#292141;
}
html[data-kes-family="talia"][data-kes-mode="light"] :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:#fff;
  background:#493671;
}

/* HUB: the KES header is the sole header; Core owns tabs and all content. */
html[data-kes-family="talia"] .krn-talia-hub-workbench {
  min-width:0;
  max-width:100%;
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-hub-panel-surface {
  border-radius:23px;
  box-shadow:var(--kes-shadow-soft);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row {
  min-height:57px;
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-talia-hub-worktabs button {
  min-height:50px;
}
html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-talia-hub-pane {
  padding:clamp(16px,2.2vw,28px);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench :is(.xp-hub-kpis,.nppf-hub-kpis) article {
  border-radius:18px;
  background:var(--kes-raised);
}
html[data-kes-family="talia"] .krn-talia-hub-workbench :is(.krn-hub-support-grid article,.krn-talia-hub-card) {
  border-radius:16px;
}
html[data-kes-family="talia"] .krn-kes-hub-apps {
  border-radius:13px;
  box-shadow:0 5px 15px rgba(69,45,137,.08);
}

/* Talia KAMI keeps its single existing launcher. Only its open panel adopts
   the KES light surface; the launcher remains the high-contrast anchor. */
html[data-kes-family="talia"][data-kes-mode="light"] .talia-pilot-root:not(.is-embedded) {
  --talia-bg:#f7f5ff;
  --talia-bg-soft:#f1edfb;
  --talia-surface:#fff;
  --talia-surface-strong:#fff;
  --talia-card:#fbfaff;
  --talia-card-hover:#f2edff;
  --talia-border:rgba(105,81,185,.16);
  --talia-border-strong:rgba(105,81,185,.25);
  --talia-text:#1d1931;
  --talia-muted:#77718e;
  --talia-muted-strong:#57516d;
  --talia-accent:#7658ed;
  --talia-accent-2:#a849d7;
  --talia-accent-3:#20b9d6;
  --talia-shadow:0 26px 72px rgba(41,29,88,.22);
  color-scheme:light;
}
html[data-kes-family="talia"][data-kes-mode="light"] .talia-pilot-root:not(.is-embedded) .talia-pilot-launch {
  color:#fff;
  background:linear-gradient(110deg,#24143f,#402373);
  border-color:#7150b2;
}
html[data-kes-family="talia"][data-kes-mode="light"] .talia-pilot-root:not(.is-embedded) .talia-pilot-launch-copy small {
  color:#d4cbe4;
}
html[data-kes-family="talia"][data-kes-mode="light"] .talia-pilot-root:not(.is-embedded) .talia-pilot-panel {
  background:linear-gradient(145deg,#fff,#fbfaff);
  border-radius:23px;
}
html[data-kes-family="talia"] .talia-pilot-root:not(.is-embedded) .talia-tool-card {
  border-radius:13px;
}

/* Shared Atlas/Zona/Xpedient map flow. These are the plugin's actual classes. */
html[data-kes-family="talia"][data-kes-mode="light"] .tmf-host.tmf-host:not([data-tmf-theme="dark"]) {
  --tmf-panel:#fff;
  --tmf-ink:#1d1931;
  --tmf-muted:#77718e;
  --tmf-line:rgba(105,81,185,.18);
  --tmf-soft:#f7f5ff;
  --tmf-accent:#7658ed;
  --tmf-selected:#efeaff;
  border-radius:23px;
  box-shadow:var(--kes-shadow-soft);
}
html[data-kes-family="talia"][data-kes-mode="light"] .tmf-host:not([data-tmf-theme="dark"]) .tmf-panel {
  background:rgba(255,255,255,.97);
  box-shadow:0 16px 38px rgba(41,29,88,.15);
}
html[data-kes-family="talia"] .tmf-host .tmf-panel :is(button,input,select) {
  min-width:0;
}

/* Xpedient standalone map: preserve all five channel colors and shapes. */
html[data-kes-family="talia"][data-kes-mode="light"] .xpmw-shell {
  --xpmw-ink:#1d1931;
  --xpmw-muted:#69627f;
  --xpmw-line:rgba(105,81,185,.18);
  --xpmw-violet:#7658ed;
  --xpmw-pink:#d20686;
  --xpmw-cyan:#0a9cc7;
  --xpmw-green:#149960;
  --xpmw-soft:#f7f5ff;
}
html[data-kes-family="talia"][data-kes-mode="light"] .xpmw-shell :is(.xpmw-workspace,.xpmw-control-group,.xpmw-seller-card) {
  border-color:var(--xpmw-line);
}
html[data-kes-family="talia"][data-kes-mode="light"] .xpmw-shell .xpmw-seller-card {
  color:var(--xpmw-ink);
  background:rgba(255,255,255,.97);
}
html[data-kes-family="talia"] .xpmw-shell :is(.xpmw-channel-item,.xpmw-channel-legend span) i {
  background:var(--channel-color);
}

@media(max-width:782px) {
  html[data-kes-family="talia"] .krn-kes-canvas {padding-inline:10px}
  html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-kes-hub-tabs-row {min-width:0}
  html[data-kes-family="talia"] .krn-talia-hub-workbench .krn-talia-hub-pane {padding:16px 14px 22px}
  html[data-kes-family="talia"] .tmf-host .tmf-panel {max-width:calc(100% - 24px)}
}

@media(prefers-reduced-motion:reduce) {
  html[data-kes-family="talia"] .krn-kes-top-dock,
  html[data-kes-family="talia"] .talia-pilot-root:not(.is-embedded) .talia-pilot-panel {
    scroll-behavior:auto;
  }
}