/* KillSync Workspace — shared logged-in hero, navigation, and context system. */

/*
 * Workspace page layout contract — v2 unified cockpit geometry.
 *
 * Every authenticated Workspace page uses the same 1460px outer cockpit.
 * Extra-wide pages may expose up to 1600px for dense content below the shell,
 * but the hero/navigation/context shell itself remains the same width as every
 * other page.  This file exclusively owns wrapper width, page gaps, gutters,
 * first-level section rhythm, and scrollbar stability.
 */
:root{
  --ks-workspace-width-standard:1460px;
  --ks-workspace-width-wide:1460px;
  --ks-workspace-width-extra-wide:1600px;

  --ks-workspace-shell-max:1460px;

  --ks-workspace-page-top-gap:32px;
  --ks-workspace-page-bottom-gap:40px;
  --ks-workspace-page-gutter:0px;
  --ks-workspace-section-gap:16px;

  --ks-workspace-hero-min-height:12.25rem;
  --ks-workspace-context-min-height:6.5rem;
}

html{
  scrollbar-gutter:stable;
}
@supports not (scrollbar-gutter:stable){
  html{overflow-y:scroll}
}
html body .ks-workspace-page {
  width: min(
    calc(100% - 2rem),
    var(--ks-workspace-page-max, var(--ks-workspace-width-standard))
  ) !important;

  max-width: var(
    --ks-workspace-page-max,
    var(--ks-workspace-width-standard)
  ) !important;

  margin:
    var(--ks-workspace-page-top-gap)
    auto
    var(--ks-workspace-page-bottom-gap)
    !important;

  padding: 0 !important;
  box-sizing: border-box;

  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: var(--ks-workspace-section-gap);
}html body .ks-workspace-page.ks-workspace-page--standard{
  --ks-workspace-page-max:var(--ks-workspace-width-standard);
}
html body .ks-workspace-page.ks-workspace-page--wide{
  --ks-workspace-page-max:var(--ks-workspace-width-wide);
}
html body .ks-workspace-page.ks-workspace-page--extra-wide{
  --ks-workspace-page-max:var(--ks-workspace-width-extra-wide);
}
html body .ks-workspace-page > *{
  min-width:0;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
html body .ks-workspace-page > .ks-workspace-shell{
  width:100%;
  max-width:var(--ks-workspace-shell-max);
  align-self:center;
}

.ks-workspace-shell{
  --ks-workspace-accent:var(--ks-bg-picker-accent,var(--ks-accent,#00ffe7));
  --ks-workspace-accent-2:var(--ks-bg-picker-accent-2,var(--ks-accent-2,#ff2ba6));
  position:relative;
  z-index:10;
  margin:0;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--ks-border,#333) 72%,var(--ks-workspace-accent) 28%);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--ks-workspace-accent) calc(13% * var(--ks-panel-glow-strength,.45)),transparent),transparent 30rem),
    radial-gradient(circle at 94% 6%,color-mix(in srgb,var(--ks-workspace-accent-2) calc(8% * var(--ks-panel-glow-strength,.45)),transparent),transparent 26rem),
    linear-gradient(180deg,color-mix(in srgb,var(--ks-surface,#151515) 92%,#fff 3%),color-mix(in srgb,var(--ks-bg,#070b10) 76%,var(--ks-surface,#151515) 24%));
  box-shadow:var(--ks-shadow,0 12px 36px rgba(0,0,0,.42));
  overflow:visible;
}
.ks-workspace-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1rem;
  align-items:center;
  align-content:center;
  min-height:var(--ks-workspace-hero-min-height);
  box-sizing:border-box;
  padding:1.25rem 1.35rem 1.1rem;
}
.ks-workspace-hero.has-side{
  grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);
}
.ks-workspace-hero-copy{min-width:0;align-self:center}
.ks-workspace-eyebrow{
  color:var(--ks-workspace-accent);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ks-workspace-hero h1{
  margin:.24rem 0 .3rem;
  color:var(--ks-text,#fff);
  font-size:clamp(1.85rem,3vw,2.65rem);
  line-height:1.04;
  letter-spacing:var(--ks-letter-spacing-heading,.02em);
}
.ks-workspace-hero p{
  max-width:58rem;
  margin:0;
  color:var(--ks-muted,#9aa);
  font-size:.96rem;
  line-height:1.55;
}
.ks-workspace-hero-side{
  display:grid;
  gap:.7rem;
  justify-items:stretch;
  align-content:center;
  align-self:stretch;
  min-width:0;
}
.ks-workspace-subject-slot{min-width:0}
.ks-workspace-action-slot{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:2.5rem;
  gap:.55rem;
  flex-wrap:wrap;
}
.ks-workspace-navigation{
  border-top:1px solid rgba(255,255,255,.075);
  background:color-mix(in srgb,var(--ks-bg,#070b10) 70%,transparent);
}
.ks-workspace-rail{
  display:flex;
  align-items:center;
  gap:.3rem;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scroll-behavior:smooth;
  white-space:nowrap;
  padding:.56rem .75rem;
}
.ks-workspace-rail + .ks-workspace-rail{border-top:1px solid rgba(255,255,255,.06)}
.ks-workspace-primary{min-height:3.45rem;box-sizing:border-box;padding-top:.62rem;padding-bottom:.62rem}
.ks-workspace-secondary{min-height:3.05rem;box-sizing:border-box;background:rgba(255,255,255,.018)}
.ks-workspace-tertiary{min-height:2.8rem;box-sizing:border-box;background:rgba(0,0,0,.12)}
/* The Workspace shell owns rail text colors; module styles must not recolor them. */
.ks-workspace-shell .ks-workspace-tab,
.ks-workspace-shell .ks-workspace-subtab,
.ks-workspace-shell .ks-workspace-localtab{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:10px;
  color:color-mix(in srgb,var(--ks-text,#fff) 82%,var(--ks-muted,#9aa));
  text-decoration:none;
  font-weight:800;
  line-height:1;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.ks-workspace-tab{padding:.62rem .78rem;font-size:.9rem}
.ks-workspace-subtab{padding:.5rem .7rem;font-size:.82rem}
.ks-workspace-localtab{padding:.42rem .62rem;font-size:.78rem}
.ks-workspace-shell .ks-workspace-tab:hover,
.ks-workspace-shell .ks-workspace-subtab:hover,
.ks-workspace-shell .ks-workspace-localtab:hover{
  color:#fff;
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
}
.ks-workspace-shell .ks-workspace-tab.is-active,
.ks-workspace-shell .ks-workspace-subtab.is-active,
.ks-workspace-shell .ks-workspace-localtab.is-active{
  color:var(--ks-workspace-accent);
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 54%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--ks-workspace-accent) 9%,rgba(255,255,255,.025));
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ks-workspace-accent) 78%,transparent);
}
.ks-workspace-rail-label{
  flex:0 0 auto;
  margin-right:.22rem;
  padding:.2rem .42rem;
  color:var(--ks-muted,#9aa);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ks-workspace-context-summary{
  display:flex;
  align-items:center;
  min-height:var(--ks-workspace-context-min-height);
  box-sizing:border-box;
  border-top:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.012);
  padding:.72rem .85rem;
}
.ks-workspace-context-summary > *{width:100%}
.ks-workspace-context-summary:empty{display:none}
.ks-workspace-context-slot{
  border-top:1px solid rgba(255,255,255,.07);
  padding:.85rem;
}
.ks-workspace-context-slot:empty{display:none}

.ks-workspace-data-context{
  display:grid;
  grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  gap:1rem;
  align-items:center;
}
.ks-workspace-data-context-copy{
  display:grid;
  gap:.12rem;
  min-width:0;
}
.ks-workspace-data-context-kicker{
  color:var(--ks-muted,#9aa);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ks-workspace-data-context-title{
  color:var(--ks-text,#fff);
  font-size:.9rem;
  font-weight:900;
}
.ks-workspace-data-context-note{
  color:var(--ks-muted,#9aa);
  font-size:.72rem;
  line-height:1.35;
}
.ks-workspace-context-summary .ks-scope-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
  justify-content:flex-end;
  margin:0;
}
.ks-workspace-context-summary .ks-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:color-mix(in srgb,var(--ks-text,#fff) 84%,var(--ks-muted,#9aa));
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  padding:.45rem .68rem;
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.ks-workspace-context-summary .ks-pill:hover{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 50%,rgba(255,255,255,.12));
  color:#fff;
}
.ks-workspace-context-summary .ks-pill.active{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 68%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--ks-workspace-accent) 14%,rgba(255,255,255,.025));
  color:var(--ks-workspace-accent);
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ks-workspace-accent) 76%,transparent);
}

/* Selected-pilot subject shown inside the Workspace hero. */
.ks-cas-subject{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:.8rem;
  align-items:center;
  min-width:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(0,0,0,.16);
  padding:.68rem;
}
.ks-cas-subject-portrait{
  width:72px;
  height:72px;
  object-fit:cover;
  border:1px solid color-mix(in srgb,var(--ks-workspace-accent) 42%,rgba(255,255,255,.16));
  border-radius:14px;
  background:#05090f;
}
.ks-cas-subject-copy{display:grid;min-width:0;gap:.1rem}
.ks-cas-subject-kicker{
  color:var(--ks-muted,#9aa);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ks-cas-subject-name{
  overflow:hidden;
  color:var(--ks-text,#fff);
  font-size:1.05rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ks-cas-subject-meta,
.ks-cas-subject-details{
  overflow:hidden;
  color:var(--ks-muted,#9aa);
  font-size:.76rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ks-cas-subject-details{color:color-mix(in srgb,var(--ks-text,#fff) 84%,var(--ks-muted,#9aa))}
.ks-cas-subject-controls{
  position:relative;
  display:flex;
  align-items:center;
  gap:.42rem;
}
.ks-cas-multi-subject{
  --ks-cas-avatar-stack-width:120px;
  grid-template-columns:var(--ks-cas-avatar-stack-width) minmax(0,1fr) auto;
}
.ks-cas-avatar-stack{
  display:flex;
  align-items:center;
  flex:0 0 var(--ks-cas-avatar-stack-width);
  width:var(--ks-cas-avatar-stack-width);
  min-width:var(--ks-cas-avatar-stack-width);
  max-width:var(--ks-cas-avatar-stack-width);
  height:58px;
  isolation:isolate;
}
.ks-cas-avatar-stack img,
.ks-cas-avatar-overflow{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  margin-left:-18px;
  border:2px solid color-mix(in srgb,var(--ks-bg,#070b10) 82%,var(--ks-workspace-accent) 18%);
  border-radius:50%;
  background:#071019;
  object-fit:cover;
  box-shadow:0 7px 18px rgba(0,0,0,.34);
}
.ks-cas-avatar-stack > :first-child{margin-left:0}
.ks-cas-avatar-stack img:nth-child(1){z-index:6}
.ks-cas-avatar-stack img:nth-child(2){z-index:5}
.ks-cas-avatar-stack img:nth-child(3){z-index:4}
.ks-cas-avatar-stack img:nth-child(4){z-index:3}
.ks-cas-avatar-stack img:nth-child(5){z-index:2}
.ks-cas-avatar-stack img:nth-child(6){z-index:1}
.ks-cas-avatar-overflow{
  z-index:8;
  color:var(--ks-workspace-accent);
  font-size:.7rem;
  font-weight:900;
}
.ks-cas-control,
.ks-cas-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb,var(--ks-workspace-accent) 42%,rgba(255,255,255,.14));
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--ks-workspace-accent);
  font:inherit;
  font-size:.76rem;
  font-weight:900;
  padding:.48rem .7rem;
  cursor:pointer;
}
.ks-cas-control:hover,
.ks-cas-close:hover{color:#fff;border-color:var(--ks-workspace-accent)}
.ks-cas-settings{position:relative}
.ks-cas-settings > summary{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:var(--ks-muted,#9aa);
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.ks-cas-settings > summary::-webkit-details-marker{display:none}
.ks-cas-settings[open] > summary,
.ks-cas-settings > summary:hover{color:#fff;border-color:var(--ks-workspace-accent)}
.ks-cas-settings-menu{
  position:absolute;
  top:calc(100% + .5rem);
  right:0;
  z-index:80;
  display:grid;
  gap:.45rem;
  width:min(270px,calc(100vw - 2rem));
  border:1px solid color-mix(in srgb,var(--ks-workspace-accent) 34%,rgba(255,255,255,.16));
  border-radius:14px;
  background:color-mix(in srgb,var(--ks-bg,#070b10) 92%,var(--ks-surface,#151515));
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  padding:.8rem;
}
.ks-cas-settings-menu strong{color:var(--ks-text,#fff);font-size:.82rem}
.ks-cas-settings-menu label{
  display:flex;
  align-items:center;
  gap:.48rem;
  color:color-mix(in srgb,var(--ks-text,#fff) 86%,var(--ks-muted,#9aa));
  font-size:.78rem;
  cursor:pointer;
}
.ks-cas-settings-menu input,
.ks-cas-settings-menu select{accent-color:var(--ks-workspace-accent)}
.ks-cas-settings-divider{height:1px;background:rgba(255,255,255,.08);margin:.2rem 0}
.ks-cas-settings-select{
  display:grid!important;
  gap:.34rem!important;
  margin-top:.15rem;
}
.ks-cas-settings-select select{
  width:100%;
  min-height:36px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
  background:
    linear-gradient(45deg,transparent 50%,var(--ks-muted,#9aa) 50%) calc(100% - 15px) calc(50% - 2px)/5px 5px no-repeat,
    linear-gradient(135deg,var(--ks-muted,#9aa) 50%,transparent 50%) calc(100% - 10px) calc(50% - 2px)/5px 5px no-repeat,
    rgba(0,0,0,.38);
  color:var(--ks-text,#fff);
  font:inherit;
  font-weight:800;
  line-height:1.2;
  padding:.5rem 2rem .5rem .62rem;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.ks-cas-settings-select select:hover{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 62%,rgba(255,255,255,.18));
  background-color:rgba(255,255,255,.035);
}
.ks-cas-settings-select select:focus{
  outline:none;
  border-color:var(--ks-workspace-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ks-workspace-accent) 18%,transparent);
}
.ks-cas-settings-select select option{
  background:#0b1218;
  color:#edf4f7;
  font-weight:700;
}
.ks-cas-settings-select select option:checked{
  background:#263b45;
  color:#fff;
}

/* Expandable pilot picker. */
.ks-cas-picker{
  --ks-cas-mode:auto;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(0,0,0,.16);
  padding:.85rem;
}
.ks-cas-picker[hidden]{display:none!important}
.ks-cas-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.75rem;
}
.ks-cas-picker-title{color:var(--ks-text,#fff);font-size:.98rem;font-weight:900}
.ks-cas-picker-subtitle{max-width:58rem;margin-top:.18rem;color:var(--ks-muted,#9aa);font-size:.79rem;line-height:1.45}
.ks-cas-close{flex:0 0 auto;color:var(--ks-muted,#9aa)}
.ks-cas-toolbar{
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto;
  gap:.75rem;
  align-items:end;
  margin-bottom:.75rem;
}
.ks-cas-search{display:grid;gap:.3rem;min-width:0}
.ks-cas-search span{
  color:var(--ks-muted,#9aa);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ks-cas-search input{
  width:100%;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  outline:none;
  background:rgba(0,0,0,.24);
  color:var(--ks-text,#fff);
  font:inherit;
  padding:.62rem .72rem;
}
.ks-cas-search input:focus{border-color:var(--ks-workspace-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ks-workspace-accent) 12%,transparent)}
.ks-cas-count{color:var(--ks-muted,#9aa);font-size:.76rem;padding-bottom:.55rem;white-space:nowrap}
.ks-cas-count strong{color:var(--ks-text,#fff)}
.ks-cas-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(185px,1fr));
  gap:.58rem;
  max-height:min(52vh,520px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:.08rem .18rem .18rem .08rem;
}
.ks-cas-choice{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:.62rem;
  align-items:center;
  min-width:0;
  min-height:76px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:13px;
  background:rgba(255,255,255,.024);
  padding:.55rem;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.ks-cas-choice:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 52%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--ks-workspace-accent) 7%,rgba(255,255,255,.028));
}
.ks-cas-choice.is-selected{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 68%,var(--ks-workspace-accent-2) 14%);
  background:linear-gradient(135deg,color-mix(in srgb,var(--ks-workspace-accent) 12%,rgba(255,255,255,.03)),color-mix(in srgb,var(--ks-workspace-accent-2) 6%,rgba(255,255,255,.022)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ks-workspace-accent) 22%,transparent),0 0 18px color-mix(in srgb,var(--ks-workspace-accent) 10%,transparent);
}
.ks-cas-picker[data-ks-cas-selection="multi"] .ks-cas-choice::after{
  content:"";
  position:absolute;
  top:.42rem;
  right:.42rem;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  background:rgba(0,0,0,.42);
  color:#061015;
  font-size:.68rem;
  font-weight:1000;
  line-height:1;
}
.ks-cas-picker[data-ks-cas-selection="multi"] .ks-cas-choice.is-selected::after{
  content:"✓";
  border-color:var(--ks-workspace-accent);
  background:var(--ks-workspace-accent);
}
.ks-cas-choice[hidden]{display:none!important}
.ks-cas-input{position:absolute;opacity:0;pointer-events:none}
.ks-cas-portrait-wrap{
  position:relative;
  width:54px;
  height:54px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--ks-workspace-accent) 36%,rgba(255,255,255,.17));
  border-radius:12px;
  background:#05090f;
}
.ks-cas-portrait{display:block;width:100%;height:100%;object-fit:cover}
.ks-cas-role{
  position:absolute;
  right:2px;
  bottom:2px;
  left:2px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(0,0,0,.76);
  color:#eaf8ff;
  font-size:.51rem;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1.4;
  text-align:center;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.ks-cas-main{display:grid;min-width:0;gap:.12rem}
.ks-cas-name{
  overflow:hidden;
  color:var(--ks-text,#fff);
  font-size:.86rem;
  font-weight:900;
  line-height:1.18;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ks-cas-meta{
  overflow:hidden;
  color:var(--ks-muted,#9aa);
  font-size:.7rem;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ks-cas-badges{display:flex;gap:.24rem;flex-wrap:wrap;margin-top:.24rem}
.ks-cas-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#a9bac6;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.035em;
  line-height:1.3;
  padding:.13rem .33rem;
  text-transform:uppercase;
}
.ks-cas-badge.good{border-color:rgba(101,255,196,.28);background:rgba(101,255,196,.07);color:#9ef5d1}
.ks-cas-badge.warn{border-color:rgba(255,202,96,.28);background:rgba(255,202,96,.07);color:#ffd38a}
.ks-cas-badge.bad{border-color:rgba(255,85,116,.32);background:rgba(255,85,116,.075);color:#ffb2c0}
.ks-cas-badge.info{border-color:color-mix(in srgb,var(--ks-workspace-accent) 34%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--ks-workspace-accent) 8%,transparent);color:var(--ks-workspace-accent)}
.ks-cas-empty,
.ks-cas-no-results{
  border:1px dashed rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.02);
  color:var(--ks-muted,#9aa);
  padding:.8rem;
}
.ks-cas-picker-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-top:.78rem;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:.75rem;
}
.ks-cas-bulk-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
}
.ks-cas-bulk-actions button,
.ks-cas-apply{
  min-height:36px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:var(--ks-text,#fff);
  font:inherit;
  font-size:.76rem;
  font-weight:900;
  padding:.48rem .7rem;
  cursor:pointer;
}
.ks-cas-bulk-actions button:hover{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 55%,rgba(255,255,255,.12));
  color:var(--ks-workspace-accent);
}
.ks-cas-apply{
  border-color:color-mix(in srgb,var(--ks-workspace-accent) 64%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--ks-workspace-accent) 14%,rgba(255,255,255,.035));
  color:var(--ks-workspace-accent);
}
.ks-cas-apply:hover{border-color:var(--ks-workspace-accent);color:#fff}
.ks-cas-apply:disabled{cursor:not-allowed;opacity:.42}

/* User display modes. */
.ks-cas-picker.is-mode-compact .ks-cas-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
.ks-cas-picker.is-mode-compact .ks-cas-choice{grid-template-columns:44px minmax(0,1fr);min-height:62px;padding:.45rem}
.ks-cas-picker.is-mode-compact .ks-cas-portrait-wrap{width:44px;height:44px;border-radius:10px}
.ks-cas-picker.is-mode-compact .ks-cas-name{font-size:.8rem}
.ks-cas-picker.is-mode-compact .ks-cas-badge{font-size:.52rem}
.ks-cas-picker.is-mode-avatars .ks-cas-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.ks-cas-picker.is-mode-avatars .ks-cas-choice{
  display:flex;
  min-height:112px;
  flex-direction:column;
  justify-content:flex-start;
  gap:.4rem;
  padding:.48rem;
  text-align:center;
}
.ks-cas-picker.is-mode-avatars .ks-cas-portrait-wrap{width:64px;height:64px;border-radius:13px}
.ks-cas-picker.is-mode-avatars .ks-cas-main{width:100%}
.ks-cas-picker.is-mode-avatars .ks-cas-name{font-size:.72rem}
.ks-cas-picker.is-mode-avatars .ks-cas-meta,
.ks-cas-picker.is-mode-avatars .ks-cas-badges{display:none!important}
.ks-cas-picker:not(.show-corporation) .ks-cas-meta{display:none}
.ks-cas-picker:not(.show-status) .ks-cas-badges{display:none}
.ks-cas-subject-badges{margin-top:.25rem}

@media(max-width:1040px){
  .ks-workspace-hero{min-height:0}
  .ks-workspace-hero.has-side{grid-template-columns:1fr}
  .ks-workspace-hero-side{justify-items:stretch;align-self:auto}
  .ks-workspace-action-slot{justify-content:flex-start}
  .ks-workspace-context-summary{min-height:0}
}
@media(max-width:720px){
  html body .ks-workspace-page {
    --ks-workspace-section-gap: 12px;

    width: calc(100% - 1rem) !important;
    margin: 16px auto 32px !important;
    padding: 0 0 32px !important;
  }
  html body .ks-workspace-page > .ks-workspace-shell {
    max-width: none;
  }
  .ks-workspace-shell{border-radius:16px}
  .ks-workspace-primary,.ks-workspace-secondary,.ks-workspace-tertiary{min-height:0}
  .ks-workspace-hero{padding:1rem}
  .ks-workspace-hero h1{font-size:1.8rem}
  .ks-workspace-rail{padding-left:.55rem;padding-right:.55rem}
  .ks-workspace-data-context{grid-template-columns:1fr}
  .ks-workspace-context-summary .ks-scope-pills{justify-content:flex-start}
  .ks-cas-subject{grid-template-columns:58px minmax(0,1fr);align-items:start}
  .ks-cas-subject-portrait{width:58px;height:58px;border-radius:12px}
  .ks-cas-multi-subject{
    --ks-cas-avatar-stack-width:100px;
    grid-template-columns:var(--ks-cas-avatar-stack-width) minmax(0,1fr);
  }
  .ks-cas-avatar-stack{height:50px}
  .ks-cas-avatar-stack img,
  .ks-cas-avatar-overflow{width:44px;height:44px;flex-basis:44px;margin-left:-16px}
  .ks-cas-subject-controls{grid-column:1/-1;justify-content:flex-start}
  .ks-cas-settings-menu{right:auto;left:0}
  .ks-cas-toolbar{grid-template-columns:1fr}
  .ks-cas-count{padding:0}
  .ks-cas-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:58vh}
}
@media(max-width:460px){
  .ks-cas-picker-footer{align-items:stretch;flex-direction:column}
  .ks-cas-apply{width:100%}
  .ks-cas-grid,
  .ks-cas-picker.is-mode-compact .ks-cas-grid{grid-template-columns:1fr}
  .ks-cas-picker.is-mode-avatars .ks-cas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}