/*
 * Kisru messenger shell. Load LAST, after styles.css, chat_theme.css,
 * kisru_studio.css and crownfolk.css. CSS-only integration, not installed.
 *
 * Observed host: #app > .shell > aside.rail + .main > .topbar + main.content;
 * .brand-copy/.nav-link/.rail-footer; .studio-team-{list,row-btn,row-text,
 * row-avatar,search,header,create}; .studio-welcome-* from kisru_studio.js.
 * Chat hooks from chat_shell.js: chat-view, agent-header, agent-selector,
 * message-list, message[data-role], message-author, message-provenance-*,
 * citations, propose-memory-btn-*, memory-pending-*, work-list, work-item-*,
 * work-meta-*, work-waiting-*, work-reason-*, work-upload-*, work-open-*,
 * composer, composer-input, composer-hint, send-btn, pending-indicator,
 * cancel-btn, chat-error, company-visibility-notice, home-view, home-*.
 * Existing classes: .kisru-agent-{summary,avatar,header-name,switcher},
 * .kisru-composer-{field,footer}, .kisru-work-*, .kisru-home-*.
 *
 * No content is fabricated with CSS. No task/memory/provenance control is
 * hidden. Topbar selectors remain usable until moved by DOM work.
 * Scope deliberately excludes dashboard, task, setup and login surfaces.
 * Inline Crownfolk SVGs also contain .shell: use #app > .shell exclusively
 * for host styling; never style a bare .shell or svg descendant .shell.
 * Desktop gets a compact rail; phone retains the EXISTING working drawer.
 * See dom-changes.md for one scroll owner, timeline and phone bottom bar.
 */
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) {
  --ms-bg:#F5F0EA;--ms-rail:#EDE7DF;--ms-surface:#E7E0D7;--ms-hover:#D9D0C5;
  --ms-fg:#0B0B0C;--ms-muted:#5B554F;--ms-accent:#9C310D;
  --ms-action:#9C310D;--ms-action-fg:#F5F0EA;--ms-user:#FFFDF9;
  --ms-user-fg:#0B0B0C;--rail:76px;
  --bg:var(--ms-bg);--surface:var(--ms-surface);--surface-2:var(--ms-surface);
  --surface-3:var(--ms-hover);--text:var(--ms-fg);--muted:var(--ms-muted);
  --line:var(--ms-hover);--line-strong:var(--ms-muted);
  --teal:var(--ms-accent);--teal-strong:var(--ms-accent);
  --teal-soft:var(--ms-surface);--teal-glow:transparent;
  --host-font:Cairo,sans-serif;--host-serif:Cairo,sans-serif;
  background:var(--ms-bg);color:var(--ms-fg);font-family:Cairo,sans-serif;
}
html[data-theme="dark"] #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) {
  --ms-bg:#0B0B0C;--ms-rail:#111113;--ms-surface:#1B1B1E;--ms-hover:#29292D;
  --ms-fg:#F5F0EA;--ms-muted:#AAA6A1;--ms-accent:#FF6A2A;
  --ms-action:#FF6A2A;--ms-action-fg:#0B0B0C;--ms-user:#F5F0EA;--ms-user-fg:#0B0B0C;
  --bg:var(--ms-bg);--surface:var(--ms-surface);--surface-2:var(--ms-surface);
  --surface-3:var(--ms-hover);--text:var(--ms-fg);--muted:var(--ms-muted);
  --line:var(--ms-hover);--teal:var(--ms-accent);--teal-strong:var(--ms-accent);
  --teal-soft:var(--ms-surface);
}
#app > .shell .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]),
html[data-theme="dark"] #app > .shell .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) {
  --kisru-bg:var(--ms-bg);--kisru-bg-raised:var(--ms-surface);
  --kisru-bg-sunken:var(--ms-hover);--kisru-fg:var(--ms-fg);
  --kisru-fg-muted:var(--ms-muted);--kisru-border:var(--ms-hover);
  --kisru-accent:var(--ms-accent);--kisru-accent-fg:var(--ms-action-fg);
  --kisru-accent-soft:var(--ms-surface);--kisru-danger:var(--ms-accent);
  --kisru-danger-bg:var(--ms-surface);--kisru-focus-ring:var(--ms-accent);
  --kisru-column-max:832px;--kisru-message-max-width:760px;
  --kisru-font:Cairo,sans-serif;--kisru-serif:Cairo,sans-serif;
  background:var(--ms-bg);color:var(--ms-fg);font-family:Cairo,sans-serif;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > .main {
  inline-size:auto;min-inline-size:0;block-size:100dvh;min-block-size:0;
  display:flex;flex-direction:column;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .main > main.content {
  max-inline-size:none;inline-size:100%;min-block-size:0;flex:1;
  margin:0;padding:0;overflow:hidden;
}
/* Keep scope/account controls visible. Their relocation is a DOM change. */
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .topbar {
  background:var(--ms-bg);border:0;box-shadow:none;backdrop-filter:none;
  min-block-size:52px;block-size:auto;padding:4px 24px;flex:none;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .topbar .page-heading {
  position:absolute;inline-size:1px;min-inline-size:0;block-size:1px;
  overflow:hidden;clip-path:inset(50%);
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .topbar-actions {min-inline-size:0;flex-wrap:wrap}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .workspace-select {
  min-inline-size:0;max-inline-size:220px;min-block-size:44px;
  border:0;background:var(--ms-bg);color:var(--ms-muted);font-size:12px;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) :is(.icon-btn,.avatar-button,.mobile-menu) {
  min-inline-size:44px;min-block-size:44px;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > aside.rail {
  background:var(--ms-rail);border:0;box-shadow:none;backdrop-filter:none;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > aside.rail::before {content:none}
@media(min-width:901px) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > aside.rail {
    position:relative;inline-size:76px;width:76px;flex:0 0 76px;
    block-size:100dvh;padding:12px 10px;gap:4px;min-block-size:0;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .brand {padding:0;justify-content:center;min-block-size:48px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail :is(.brand-copy,.nav-section,.user-copy,.studio-team-heading) {
    display:block;position:absolute;inline-size:1px;block-size:1px;
    overflow:hidden;clip-path:inset(50%);padding:0;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav {gap:2px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav-link {
    min-block-size:44px;justify-content:center;padding:0;border-radius:14px;
    color:var(--ms-muted);position:relative;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav-link > span {
    display:block;position:absolute;inline-size:1px;block-size:1px;
    overflow:hidden;clip-path:inset(50%);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav-link:is(:hover,:focus-visible) > span {
    inline-size:max-content;block-size:auto;clip-path:none;overflow:visible;
    inset-inline-start:64px;z-index:50;background:var(--ms-hover);color:var(--ms-fg);
    padding:8px 12px;border-radius:8px;font-size:13px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav-link.active {
    color:var(--ms-fg);background:var(--ms-hover);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .nav-link.active::before {
    inset-inline-start:-10px;inline-size:3px;background:var(--ms-accent);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team {
    padding:8px 0 0;min-block-size:140px;gap:4px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-header {
    order:3;justify-content:center;padding:4px 0;flex:none;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-create {
    inline-size:48px;block-size:44px;border:0;background:transparent;
    color:var(--ms-muted);font-size:24px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-search {padding:0;position:relative;min-block-size:44px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-search-input {
    inline-size:56px;min-block-size:44px;padding-inline:8px;border:0;
    background:var(--ms-surface);color:var(--ms-fg);font-size:12px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-search-input:focus {
    position:absolute;inline-size:220px;z-index:55;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-list-wrap {min-block-size:56px;scrollbar-width:thin}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-list {gap:8px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-row-btn {
    padding:4px;inline-size:56px;min-block-size:56px;justify-content:center;
    border:0;border-radius:17px;box-shadow:none;position:relative;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-row-btn .studio-team-row-avatar {
    inline-size:48px;block-size:48px;border-radius:50%;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-row-text {
    position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-row-btn:is(:hover,:focus-visible,[aria-current="true"]) {
    background:var(--ms-hover);box-shadow:none;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-footer {padding:0;border:0}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-tour-link {
    min-block-size:44px;inline-size:100%;font-size:11px;color:var(--ms-muted);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-footer {
    display:flex;flex-direction:column;padding:4px 0 0;border:0;gap:2px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-footer .btn {
    font-size:0;min-block-size:44px;padding:0;border:0;background:transparent;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-footer .btn svg {inline-size:18px;block-size:18px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .user-chip {order:3;justify-content:center;padding:4px 0}
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .avatar {
  inline-size:38px;block-size:38px;background:var(--ms-hover);color:var(--ms-fg);
  font:12px 'IBM Plex Mono',monospace;
}
/* Existing work-list is a sibling of message-list. It remains separately
   scrollable and bounded until both are moved into one timeline container. */
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] {
  max-inline-size:920px;padding:0 36px;gap:10px;min-block-size:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="agent-header"] {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:8px;min-block-size:64px;padding:8px 0;background:transparent;
  border:0;border-radius:0;backdrop-filter:none;flex:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-agent-summary {min-block-size:44px;gap:10px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-agent-avatar {inline-size:38px;block-size:38px;background:transparent}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-agent-header-name {font-size:18px;font-weight:600}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-chat-role {
  font-size:12px;letter-spacing:0;margin:0;margin-inline-end:auto;color:var(--ms-muted);
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is([data-testid="review-knowledge-link"],[data-testid="edit-agent-profile"]) {
  min-block-size:44px;padding:6px 10px;border:0;background:transparent;
  color:var(--ms-muted);font-size:12px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="agent-selector"] {
  left:auto;right:auto;inset-inline-start:0;background:var(--ms-surface);
  border:0;border-radius:16px;box-shadow:0 12px 40px #0003;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="agent-selector"] button {text-align:start}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message-list"] {
  gap:16px;padding:8px 0 20px;min-block-size:100px;scrollbar-width:thin;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"] {
  inline-size:fit-content;max-inline-size:78%;margin:0;align-self:flex-start;
  text-align:start;hyphens:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"][data-role="user"] {align-self:flex-end;text-align:end}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message-author"] {
  font-family:Cairo,sans-serif;font-size:11px;text-transform:none;letter-spacing:0;
  margin-block-end:4px;margin-inline:6px;color:var(--ms-muted);
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"] > p {
  font-size:17px;line-height:1.65;padding:15px 21px;border:0;margin:0;
  background:var(--ms-surface);color:var(--ms-fg);
  border-radius:19px;border-end-start-radius:5px;white-space:pre-wrap;text-align:start;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"][data-role="user"] > p {
  background:var(--ms-user);color:var(--ms-user-fg);border-radius:19px;border-end-end-radius:5px;
  margin:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is(.kisru-message-provenance,[data-testid="citations"],[data-testid^="memory-pending-"]) {
  color:var(--ms-muted);font:11px/1.7 'IBM Plex Mono',monospace;
  text-transform:none;letter-spacing:0;font-style:normal;margin-block-start:7px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-message-provenance[data-simulated="true"] {
  border:0;background:transparent;color:var(--ms-muted);padding:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid^="propose-memory-btn-"] {
  min-block-size:44px;border:0;color:var(--ms-muted);font-size:12px;padding:6px 8px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-list {
  max-inline-size:760px;max-block-size:28dvh;min-block-size:0;overflow:auto;
  flex:0 1 auto;margin:0 auto;padding-block:4px;gap:8px;scrollbar-width:thin;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-item {
  max-inline-size:590px;border:0;border-inline-start:0;border-radius:18px;
  background:var(--ms-surface);padding:18px 20px;gap:5px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-title {font-size:17px;line-height:1.5}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-meta {font:11px/1.7 'IBM Plex Mono',monospace}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is(.kisru-work-heading,[data-testid="home-needs-person-heading"]) {
  font:600 13px Cairo,sans-serif;letter-spacing:0;text-transform:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is(.kisru-work-open,[data-testid^="home-open-"]) {
  min-block-size:44px;border:0;padding:4px 0;color:var(--ms-accent);background:transparent;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-upload input[type="file"] {
  inline-size:100%;min-block-size:44px;font-size:12px;line-height:1.6;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-upload input::file-selector-button {
  min-block-size:44px;border:0;border-radius:12px;padding-inline:14px;
  background:var(--ms-hover);color:var(--ms-fg);font:600 13px Cairo,sans-serif;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer"] {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  position:relative;inset:auto;margin:8px auto 0;padding-block:7px;padding-inline:18px 8px;
  max-inline-size:760px;border:0;border-radius:30px;background:var(--ms-surface);
  box-shadow:none;backdrop-filter:none;flex:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-field {padding:0;min-inline-size:0}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer-input"] {
  display:block;min-block-size:46px;block-size:46px;max-block-size:160px;
  padding:9px 0;margin:0;resize:vertical;font-size:17px;line-height:28px;
  color:var(--ms-fg);background:transparent;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer-input"]::placeholder {color:var(--ms-muted);opacity:1}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-footer {padding:0;gap:0}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer-hint"] {
  position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:16px;
  font-size:10px;color:var(--ms-muted);
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="send-btn"] {
  min-inline-size:44px;min-block-size:44px;border-radius:50%;
  background:var(--ms-action);color:var(--ms-action-fg);opacity:1;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="send-btn"]:disabled {
  background:var(--ms-hover);color:var(--ms-muted);opacity:1;cursor:not-allowed;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="company-visibility-notice"] {
  min-block-size:46px;padding-block:23px 8px;font-size:11px;color:var(--ms-muted);
  text-align:center;flex:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is([data-testid="cancel-btn"],[data-testid="load-more"]) {min-block-size:44px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="pending-indicator"] {
  color:var(--ms-muted);font-size:13px;font-style:normal;padding:0;margin:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-error"] {
  background:var(--ms-surface);color:var(--ms-accent);font-size:14px;border-color:var(--ms-accent);
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="home-view"] {
  max-inline-size:1040px;padding:24px 40px 40px;overflow:auto;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-hero {
  background:transparent;border:0;box-shadow:none;padding:8px 0 24px;min-block-size:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-hero-art {display:none}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-headline {font:600 32px/1.3 Cairo,sans-serif;letter-spacing:0}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-eyebrow {display:none}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-subtitle {font-size:15px;color:var(--ms-muted)}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-agent-card {
  background:transparent;border:0;box-shadow:none;border-radius:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-home-metric {background:transparent;border:0;box-shadow:none;padding:12px 0}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-home-metric-value {font:500 30px/1.5 Cairo,sans-serif}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-home-metric-label {font-size:13px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-home-attention {
  border:0;background:var(--ms-surface);border-radius:17px;padding:18px 20px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="activity-item"] {padding-block:10px;font-size:14px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is(button,a,input,summary):focus-visible {
  outline:2px solid var(--ms-accent);outline-offset:3px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :lang(ar) {letter-spacing:0;font-style:normal;line-height:1.85}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [dir="rtl"] {text-align:start}
@media(max-width:900px) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > aside.rail {
    inline-size:min(82vw,300px);width:min(82vw,300px);flex-basis:auto;
    padding:18px 14px;inset-inline-start:0;inset-inline-end:auto;
    overflow:auto;block-size:100dvh;
  }
  html[dir="rtl"] #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > aside.rail:not(.open) {transform:translateX(105%)}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail :is(button,a,input) {min-block-size:44px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail .studio-team-row-avatar {inline-size:48px;block-size:48px;border-radius:50%}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .topbar {padding:4px 12px;gap:4px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .topbar-actions {gap:2px;flex:1}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .workspace-select {flex:1;inline-size:90px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] {padding:0 16px;gap:8px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="agent-header"] {padding:4px 0;gap:4px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-agent-header-name {font-size:17px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"] {max-inline-size:94%}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="message"] > p {padding:13px 16px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-work-item {padding:16px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer-input"] {font-size:16px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="home-view"] {padding:20px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-headline {font-size:26px}
  #app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) :is(.kisru-starter-prompt,.studio-welcome-card-start) {min-block-size:44px}
}
@media(prefers-reduced-motion:reduce) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])),
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) *,
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) *::before,
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) *::after {
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}


/* --- DOM integration (Claude, 20 September): the structural pieces the
   design needed beyond CSS. Same scoping rules as above. --- */
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] {
  display:flex;flex-direction:column;block-size:100%;min-block-size:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-thread-scroll {
  flex:1 1 auto;min-block-size:0;overflow:auto;scrollbar-width:thin;
  display:flex;flex-direction:column;gap:12px;padding-block-end:8px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-thread-scroll [data-testid="message-list"] {
  overflow:visible;flex:none;min-block-size:0;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-thread-scroll .kisru-work-list {
  max-block-size:none;overflow:visible;flex:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-message-grouped {margin-block-start:-8px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-message-time {
  display:block;align-self:center;text-align:center;
  font:11px/1.6 'IBM Plex Mono',monospace;color:var(--ms-muted);
  padding-block:6px 2px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details {
  margin-inline-start:auto;position:relative;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-summary {
  list-style:none;cursor:pointer;min-inline-size:44px;min-block-size:44px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 12px;border-radius:14px;color:var(--ms-muted);font-size:13px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-summary::-webkit-details-marker {display:none}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-summary:is(:hover,:focus-visible) {background:var(--ms-hover);color:var(--ms-fg)}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-body {
  position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);z-index:40;
  min-inline-size:220px;display:flex;flex-direction:column;gap:2px;
  padding:10px;border-radius:16px;background:var(--ms-surface);box-shadow:0 12px 40px #0003;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-body .studio-chat-role {
  padding:6px 10px;margin:0;font-size:13px;color:var(--ms-muted);
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-conversation-details-body :is(button) {
  text-align:start;justify-content:flex-start;inline-size:100%;border-radius:10px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] > .kisru-starter-prompts {
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  max-inline-size:760px;margin:0 auto;padding-block:4px;flex:none;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] > .kisru-starter-prompts .kisru-starter-prompt {
  border:0;border-radius:999px;background:var(--ms-surface);color:var(--ms-fg);
  padding:10px 16px;font-size:14px;min-block-size:44px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="chat-view"] > .kisru-starter-prompts .kisru-starter-prompt:is(:hover,:focus-visible) {background:var(--ms-hover)}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-empty-state {padding-block:24px 8px}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .studio-welcome-body {margin-block-start:24px}
/* Composer attachment: a task-file control, present only when linked work
   waits for a file. */
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) [data-testid="composer"].kisru-composer-has-attach {
  grid-template-columns:auto minmax(0,1fr) auto;padding-inline-start:6px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-attach {
  min-inline-size:44px;min-block-size:44px;border:0;border-radius:50%;
  background:transparent;color:var(--ms-muted);font-size:24px;line-height:1;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-attach:is(:hover,:focus-visible,[aria-expanded="true"]) {background:var(--ms-hover);color:var(--ms-fg)}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-attach-menu {
  position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:0;z-index:40;
  display:flex;flex-direction:column;gap:2px;min-inline-size:260px;padding:8px;
  border-radius:16px;background:var(--ms-surface);box-shadow:0 12px 40px #0003;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-attach-menu button {
  border:0;background:transparent;color:var(--ms-fg);text-align:start;
  min-block-size:44px;padding:8px 12px;border-radius:10px;font-size:14px;
}
#app .kisru-chat-workspace:has([data-testid="chat-view"],[data-testid="home-view"]) .kisru-composer-attach-menu button:is(:hover,:focus-visible) {background:var(--ms-hover)}
/* Rail: search disclosure and tooltips for the avatar-only rows. */
@media(min-width:901px) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find {position:relative;min-block-size:44px;display:flex;justify-content:center}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find-summary {
    list-style:none;cursor:pointer;min-inline-size:44px;min-block-size:44px;display:inline-flex;
    align-items:center;justify-content:center;border-radius:14px;color:var(--ms-muted);font-size:12px;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find-summary::-webkit-details-marker {display:none}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find-summary:is(:hover,:focus-visible) {background:var(--ms-hover);color:var(--ms-fg)}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find[open] .studio-team-search {
    position:absolute;inset-inline-start:64px;inset-block-start:0;z-index:55;
    inline-size:240px;padding:8px;border-radius:14px;background:var(--ms-surface);box-shadow:0 12px 40px #0003;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-find[open] .studio-team-search-input {
    position:static;inline-size:100%;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .studio-team-row-btn:is(:hover,:focus-visible) .studio-team-row-text {
    inline-size:max-content;block-size:auto;clip-path:none;overflow:visible;
    inset-inline-start:64px;inset-block-start:12px;z-index:50;background:var(--ms-hover);color:var(--ms-fg);
    padding:8px 12px;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:2px;
  }
}
/* Host shell: window dots, the rail's account disclosure, the compact topbar
   on messenger routes, and the phone bar. */
#app > .shell .rail-window-dots {display:none}
#app > .shell .topbar.topbar-compact {display:none}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account {position:relative}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-summary {
  list-style:none;cursor:pointer;display:flex;justify-content:center;border-radius:14px;min-block-size:44px;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-summary::-webkit-details-marker {display:none}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-summary:is(:hover,:focus-visible) {background:var(--ms-hover)}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-body {
  position:absolute;inset-block-end:0;inset-inline-start:64px;z-index:60;min-inline-size:260px;
  display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:16px;
  background:var(--ms-surface);color:var(--ms-fg);box-shadow:0 12px 40px #0003;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .scope-controls {display:flex;flex-direction:column;gap:6px}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .scope-label {
  display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ms-muted);
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .scope-label .workspace-select {
  max-inline-size:none;background:var(--ms-hover);color:var(--ms-fg);border-radius:10px;padding:8px 10px;font-size:14px;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-body .btn {
  font-size:14px;justify-content:flex-start;min-block-size:44px;border:0;background:transparent;color:var(--ms-fg);border-radius:10px;padding:0 10px;
}
#app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-body .btn:is(:hover,:focus-visible) {background:var(--ms-hover)}
#app > .shell .phone-bar {display:none}
@media(min-width:901px) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-window-dots {
    display:flex;gap:7px;justify-content:center;padding:6px 0 10px;-webkit-app-region:drag;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-window-dot {
    inline-size:10px;block-size:10px;border-radius:50%;background:var(--ms-hover);
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-window-dot:nth-child(2) {background:#D34513}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-summary .user-copy {display:none}
}
@media(max-width:900px) {
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) > .main {
    padding-block-end:calc(64px + env(safe-area-inset-bottom));
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .phone-bar {
    display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:30;
    block-size:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);
    background:var(--ms-rail);justify-content:space-around;align-items:center;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .phone-bar-btn {
    min-inline-size:52px;min-block-size:48px;border:0;border-radius:16px;background:transparent;
    color:var(--ms-muted);display:grid;place-items:center;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .phone-bar-btn.active {background:var(--ms-hover);color:var(--ms-fg)}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .phone-bar-btn svg {inline-size:22px;block-size:22px}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .phone-bar-avatar {
    inline-size:30px;block-size:30px;font-size:11px;display:grid;place-items:center;border-radius:50%;
  }
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-body {position:static;box-shadow:none;background:transparent;padding:0}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) .rail-account-summary .user-copy {display:block}
  #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) [data-testid="company-visibility-notice"] {padding-block:12px 4px}
}
/* Inside the desktop shell the title bar is hidden and the native window
   controls sit over the top-right corner; keep the header clear of them and
   let the rail's top act as the drag handle. */
html.kisru-desktop #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) [data-testid="agent-header"] {
  padding-inline-end:150px;
}
html.kisru-desktop #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) [data-testid="home-view"] {
  padding-block-start:44px;
}
html.kisru-desktop #app > .shell > aside.rail {padding-block-start:4px}
html.kisru-desktop #app > .shell .rail-window-dots {-webkit-app-region:drag;min-block-size:40px;align-items:center}
html.kisru-desktop #app > .shell .rail-window-dots ~ * {-webkit-app-region:no-drag}
html.kisru-desktop #app > .shell:has(.kisru-chat-workspace :is([data-testid="chat-view"],[data-testid="home-view"])) [data-testid="agent-header"]::before {
  content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:40px;-webkit-app-region:drag;z-index:-1;
}
html.kisru-desktop .login-screen {padding-block-start:40px;-webkit-app-region:drag}
html.kisru-desktop .login-card {-webkit-app-region:no-drag}