/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=Ovo&display=swap");

:root {
  --font-body: "Aptos", "SF Pro Text", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-display: "Aptos Display", "SF Pro Display", "Segoe UI", "Helvetica Neue", sans-serif;
  --bg: #efe7da;
  --bg-strong: #fbf7f0;
  --panel: rgba(255, 251, 245, 0.88);
  --panel-strong: #e9dece;
  --sidebar: #121723;
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --text: #17181d;
  --text-secondary: #303543;
  --muted: rgba(23, 24, 29, 0.58);
  --line: rgba(32, 38, 50, 0.14);
  --line-strong: rgba(18, 23, 35, 0.24);
  --accent: #c7683a;
  --accent-hover: #b3592f;
  --accent-soft: rgba(199, 104, 58, 0.12);
  --success: #177257;
  --success-soft: #e3f4ec;
  --warning: #9d6a1d;
  --warning-soft: #f7ead2;
  --danger: #bd3c29;
  --danger-soft: #fae4dd;
  --neutral-soft: #f1e9dc;
  --shadow: 0 0 0 1px rgba(44, 37, 31, 0.04), 0 12px 32px rgba(44, 28, 16, 0.08);
  --shadow-md: 0 0 0 1px rgba(44, 37, 31, 0.05), 0 18px 40px rgba(44, 28, 16, 0.12);
  --shadow-lg: 0 0 0 1px rgba(44, 37, 31, 0.06), 0 28px 56px rgba(44, 28, 16, 0.16);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(199, 104, 58, 0.16), transparent 30%),
    radial-gradient(circle at top right, rgba(36, 103, 173, 0.12), transparent 26%),
    linear-gradient(180deg, #f9f5ee 0%, var(--bg) 100%);
  color: var(--text);
  font-family: var(--font-body), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.008em;
  font-feature-settings: "ss03";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: inherit;
  border: 0;
  background-clip: padding-box;
  -webkit-tap-highlight-color: transparent;
}

button:active {
  color: inherit;
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid rgba(111, 125, 247, 0.36);
  outline-offset: 2px;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.64;
}

a[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.64;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #ffffff;
  color: var(--text);
  padding: 0.6rem 0.85rem;
  outline: none;
  font-size: 0.9rem;
  transition: border-color var(--transition), box-shadow var(--transition);
}

textarea {
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(94, 106, 210, 0.15);
}

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(320px, 520px);
  grid-gap: 1.4rem;
  gap: 1.4rem;
  padding: 1.75rem;
  align-items: stretch;
  position: relative;
}

.auth-shell--status {
  grid-template-columns: minmax(320px, 860px);
  justify-content: center;
}

.auth-language-switch {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: inline-flex;
  gap: 0.4rem;
  padding: 0.3rem;
  border-radius: 999px;
  background: rgba(10, 13, 20, 0.44);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 18px 48px rgba(9, 11, 17, 0.18);
  z-index: 2;
}

.auth-language-switch__button {
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 247, 238, 0.7);
  padding: 0.48rem 0.84rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.auth-language-switch__button--active {
  background: rgba(255, 250, 242, 0.96);
  color: #17181d;
}

.auth-hero,
.auth-card,
.page-panel,
.summary-card,
.form-panel,
.workspace-channel-chip,
.workspace-metric,
.meta-card,
.stack-item,
.timeline-item,
.workspace-empty,
.feedback-banner {
  border: 1px solid rgba(23, 27, 26, 0.08);
  box-shadow: var(--shadow);
}

.auth-hero,
.auth-card {
  border-radius: 36px;
  padding: 2.35rem;
}

.auth-shell--entry .auth-hero,
.auth-shell--entry .auth-card {
  animation: auth-enter 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.auth-shell--entry .auth-card {
  animation-delay: 80ms;
}

.auth-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 179, 126, 0.22), transparent 25%),
    radial-gradient(circle at 85% 15%, rgba(100, 157, 230, 0.22), transparent 25%),
    linear-gradient(145deg, #111726 0%, #171d2d 48%, #2d211f 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  justify-content: space-between;
}

.auth-hero--status {
  min-height: 100%;
  justify-content: center;
}

.auth-hero::before,
.auth-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.auth-hero::before {
  width: 280px;
  height: 280px;
  right: -120px;
  bottom: -100px;
  background: radial-gradient(circle, rgba(255, 215, 186, 0.22), transparent 70%);
}

.auth-hero::after {
  width: 240px;
  height: 240px;
  left: -80px;
  top: -90px;
  background: radial-gradient(circle, rgba(98, 150, 224, 0.22), transparent 68%);
}

.auth-kicker,
.workspace-eyebrow,
.page-eyebrow,
.panel-kicker {
  margin: 0 0 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.52);
}

.page-eyebrow,
.panel-kicker {
  color: var(--muted);
}

.auth-hero h1,
.page-header h2 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(2.4rem, 4vw, 4.25rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.auth-hero p,
.page-lead,
.detail-copy p,
.workspace-empty p,
.timeline-item p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}

.page-lead,
.detail-copy p,
.workspace-empty p,
.timeline-item p {
  color: var(--muted);
}

.auth-feature-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.9rem;
  gap: 0.9rem;
}

.auth-feature-list article {
  position: relative;
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  padding: 1rem;
  border: 1px solid rgba(255, 243, 231, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.auth-feature-list strong {
  display: block;
  margin-bottom: 0;
  font-size: 1rem;
}

.auth-feature-list__eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.68rem;
  color: rgba(255, 230, 207, 0.62);
}

.auth-card {
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.94) 0%, rgba(250, 243, 232, 0.9) 100%);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
}

.auth-card--status {
  justify-content: center;
}

.auth-card__intro,
.auth-hero__copy {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 0.8rem;
  gap: 0.8rem;
}

.auth-card__eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
  color: rgba(23, 24, 29, 0.52);
}

.auth-card__intro h2 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.auth-card__intro p {
  margin: 0;
  color: rgba(23, 24, 29, 0.68);
  line-height: 1.65;
}

.auth-card__intro .auth-card__eyebrow {
  color: rgba(23, 24, 29, 0.52);
}

.auth-lead {
  max-width: 36rem;
  font-size: 1rem;
  color: rgba(248, 241, 232, 0.8);
}

.auth-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.auth-signal-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 237, 219, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 243, 232, 0.82);
  font-size: 0.78rem;
  letter-spacing: 0.02em;
}

.auth-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.auth-metric-card {
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  padding: 1rem 1rem 1.1rem;
  border: 1px solid rgba(255, 240, 222, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.auth-metric-card span {
  color: rgba(255, 227, 202, 0.62);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.auth-metric-card strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.auth-invitation-banner {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.95rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(0, 113, 227, 0.14);
  background: rgba(0, 113, 227, 0.06);
}

.auth-invitation-banner strong,
.auth-invitation-banner p {
  margin: 0;
}

.auth-invitation-banner__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.auth-invitation-banner__item {
  display: grid;
  grid-gap: 0.28rem;
  gap: 0.28rem;
  padding: 0.85rem 0.9rem;
  border-radius: 16px;
  border: 1px solid rgba(0, 113, 227, 0.08);
  background: rgba(255, 255, 255, 0.58);
}

.auth-invitation-banner__item span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 74, 148, 0.7);
}

.auth-invitation-banner__item strong {
  color: var(--text);
  font-size: 0.92rem;
  line-height: 1.45;
}

.auth-tabs {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0.35rem;
  border-radius: 999px;
  background: var(--panel-strong);
}

.auth-tabs__item,
.filter-pill,
.action-button,
.workspace-ghost-button {
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  padding: 0.48rem 0.9rem;
  background: transparent;
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 510;
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.auth-tabs__item:hover,
.filter-pill:hover,
.action-button:hover,
.workspace-ghost-button:hover,
.workspace-shortcut:hover,
.workspace-channel-link:hover,
.workspace-dm-link:hover {
  transform: translateY(-1px);
}

.auth-tabs__item:active,
.filter-pill:active,
.action-button:active,
.workspace-ghost-button:active,
.workspace-circle-button:active,
.workspace-square-button:active,
.workspace-shortcut:active,
.workspace-channel-link:active,
.workspace-dm-link:active,
.inbox-row:active,
.inbox-composer__send:active,
.auth-button:active,
.primary-button:active {
  transform: translateY(0);
}

.auth-tabs__item--active,
.filter-pill--active,
.action-button--active {
  background: var(--accent-soft);
  color: var(--accent);
  border-color: rgba(94, 106, 210, 0.18);
  box-shadow: none;
}

.auth-tabs__item:not(.auth-tabs__item--active):active,
.filter-pill:not(.filter-pill--active):active,
.action-button:not(.action-button--active):active,
.workspace-ghost-button:active {
  background: var(--neutral-soft);
  color: var(--text);
}

.auth-tabs__item--active:active,
.auth-tabs__item--active:focus-visible,
.filter-pill--active:active,
.filter-pill--active:focus-visible,
.action-button--active:active,
.action-button--active:focus-visible {
  background: var(--accent-soft);
  color: var(--accent);
}

.auth-mode-guide {
  margin: 0;
  color: rgba(23, 24, 29, 0.62);
  font-size: 0.84rem;
  line-height: 1.55;
}

.auth-form,
.workspace-sidebar__stack,
.stack-list,
.timeline,
.subsection,
.detail-copy,
.page-shell,
.workspace-main {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.page-shell {
  min-height: 0;
  flex: 1 1;
  overflow: hidden;
}

.auth-field,
.form-field {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.auth-field span,
.form-field span {
  font-size: 0.82rem;
  color: var(--muted);
}

.auth-field__hint {
  color: rgba(53, 46, 38, 0.62);
  font-size: 0.78rem;
  line-height: 1.5;
}

.auth-field__locked-input {
  border-style: dashed;
  border-color: rgba(0, 113, 227, 0.22);
  background: rgba(0, 113, 227, 0.05);
  color: var(--text);
  font-weight: 500;
}

.auth-field__locked-input:disabled {
  opacity: 1;
  color: var(--text);
  cursor: default;
  -webkit-text-fill-color: var(--text);
}

.form-field__hint {
  color: rgba(53, 46, 38, 0.58);
  font-size: 0.76rem;
  line-height: 1.45;
}

.auth-grid,
.form-grid,
.detail-meta,
.page-summary,
.workspace-metrics {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.settings-join-code-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--console-border, rgba(36, 36, 38, 0.12));
  border-radius: 10px;
  background: var(--console-card, #ffffff);
}

.settings-join-code-card span,
.settings-join-code-card small {
  display: block;
  color: var(--console-muted, rgba(36, 36, 38, 0.58));
  font-size: 0.78rem;
}

.settings-join-code-card strong {
  display: block;
  margin: 0.22rem 0;
  color: var(--console-text, #242426);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.55rem;
  letter-spacing: 0.18em;
}

.settings-join-code-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.auth-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-actions,
.header-actions,
.detail-actions,
.filter-row,
.action-ribbon,
.tag-row,
.attachment-row,
.meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.auth-actions--stack {
  align-items: stretch;
  flex-direction: column;
}

.auth-actions--stack > * {
  width: 100%;
}

.auth-actions--stack .auth-button,
.auth-actions--stack .auth-google-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth-button,
.primary-button {
  border-radius: var(--radius-pill);
  padding: 0.56rem 1.15rem;
  background: var(--accent);
  color: #ffffff;
  font-weight: 510;
  font-size: 0.85rem;
  letter-spacing: -0.01em;
  transition: background var(--transition), box-shadow var(--transition);
}

.auth-button:hover,
.primary-button:hover {
  background: var(--accent-hover);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(94, 106, 210, 0.25);
}

.auth-button:active,
.primary-button:active {
  background: #4f5bc0;
  color: #ffffff;
}

.auth-feedback {
  margin: 0;
  color: var(--danger);
  font-size: 0.92rem;
}

.auth-google-button {
  border-color: rgba(44, 37, 31, 0.12);
  background: rgba(255, 255, 255, 0.44);
  color: var(--text);
  min-height: 44px;
}

.auth-google-button:hover {
  background: rgba(255, 255, 255, 0.82);
}

.auth-google-button:active {
  background: rgba(233, 222, 206, 0.84);
}

.auth-status-hero {
  display: grid;
  grid-gap: 0.85rem;
  gap: 0.85rem;
  padding: 1.2rem 1.25rem;
  border-radius: 24px;
  border: 1px solid rgba(23, 27, 26, 0.08);
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.92) 0%, rgba(247, 239, 227, 0.84) 100%);
}

.auth-status-hero h1 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(2rem, 3vw, 2.7rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.auth-status-hero__body {
  margin: 0;
  color: rgba(23, 24, 29, 0.7);
  line-height: 1.65;
}

.auth-status-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.auth-status-highlights li {
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  background: rgba(199, 104, 58, 0.12);
  color: var(--text-secondary);
  font-size: 0.78rem;
}

.auth-status-card {
  display: grid;
  grid-gap: 0.95rem;
  gap: 0.95rem;
}

.auth-status-card h2 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.04;
  letter-spacing: -0.035em;
}

.auth-status-card p {
  margin: 0;
  color: rgba(23, 24, 29, 0.68);
  line-height: 1.65;
}

.auth-status-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin: 0;
}

.auth-status-context div {
  display: grid;
  grid-gap: 0.28rem;
  gap: 0.28rem;
  padding: 0.85rem 0.9rem;
  border-radius: 16px;
  border: 1px solid rgba(23, 27, 26, 0.08);
  background: rgba(255, 255, 255, 0.52);
}

.auth-status-context dt {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.auth-status-context dd {
  margin: 0;
  color: var(--text);
  font-weight: 600;
  line-height: 1.45;
}

.auth-status-next-steps__title {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.auth-status-next-steps {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(23, 24, 29, 0.72);
  line-height: 1.6;
}

.auth-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.auth-status-actions__secondary {
  color: var(--text);
  border-color: rgba(71, 56, 42, 0.12);
}

@keyframes auth-enter {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.workspace-layout {
  min-height: 100vh;
  height: 100vh;
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  overflow: hidden;
}

.workspace-sidebar-overlay,
.workspace-mobile-bar,
.workspace-sidebar__mobile-close {
  display: none;
}

.workspace-sidebar {
  padding: 1rem 0.75rem 0.85rem;
  background: linear-gradient(180deg, #f8f7fc 0%, #f1f0f8 100%);
  color: var(--text);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  min-height: 0;
  overflow: hidden;
}

.workspace-sidebar__content {
  min-height: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: auto;
  padding-bottom: 0.2rem;
}

.workspace-sidebar__label {
  margin-bottom: 0.45rem;
  font-size: 0.73rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.workspace-sidebar__label span {
  letter-spacing: 0;
  margin-left: 0.2rem;
}

.workspace-sidebar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.workspace-sidebar__workspace-picker {
  min-width: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
}

.workspace-sidebar__workspace-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.workspace-sidebar__workspace-label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.workspace-square-button.workspace-sidebar__workspace-join-button {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.workspace-sidebar__workspace-select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 0.64rem 0.78rem;
  font-size: 0.9rem;
}

.workspace-sidebar__workspace-select:disabled {
  opacity: 0.72;
}

.workspace-sidebar__workspace-select option {
  color: #111827;
}

.workspace-sidebar__top-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.workspace-user-badge {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(180deg, #57c2a9 0%, #4ba38f 100%);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(75, 163, 143, 0.25);
}

.workspace-circle-button {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  color: var(--muted);
  display: grid;
  place-items: center;
  padding: 0;
}

.workspace-circle-button--ghost {
  background: transparent;
}

.workspace-circle-button:hover,
.workspace-square-button:hover {
  background: #ffffff;
  color: var(--text);
}

.workspace-circle-button:active,
.workspace-square-button:active {
  background: var(--accent-soft);
  color: var(--text);
}

.workspace-search input {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  border-color: #d9def0;
  padding: 0.8rem 0.95rem;
}

.workspace-shortcuts,
.workspace-sidebar__group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0 0.3rem;
}

.workspace-sidebar__group-divider {
  height: 1px;
  margin: 0.35rem 0.72rem;
  background: rgba(32, 38, 50, 0.1);
}

.workspace-shortcut,
.workspace-channel-link,
.workspace-agent-link,
.workspace-dm-link {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.78rem 0.85rem;
  border-radius: 16px;
  color: var(--text);
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.workspace-shortcut {
  justify-content: space-between;
  font-weight: 600;
}

.workspace-shortcut::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #9ea6ba;
  flex: none;
}

.workspace-shortcut span {
  flex: 1 1;
}

.workspace-shortcut small {
  font-size: 0.75rem;
  color: var(--muted);
}

.workspace-shortcut--active {
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(100, 104, 141, 0.08);
  color: var(--text);
}

.workspace-sidebar__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.workspace-square-button {
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--muted);
  font-weight: 700;
  display: grid;
  place-items: center;
  padding: 0;
}

.workspace-add-button {
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
}

.workspace-sidebar__stack--tight {
  gap: 0.2rem;
}

.workspace-channel-link {
  border: 1px solid transparent;
  font-weight: 600;
}

.workspace-channel-link strong,
.workspace-agent-link strong,
.workspace-account strong {
  display: block;
}

.workspace-channel-link--active {
  background: #ffffff;
  border-color: #d8dff3;
  box-shadow: 0 8px 20px rgba(100, 104, 141, 0.08);
  color: var(--text);
}

.workspace-agent-link {
  gap: 0.6rem;
}

.workspace-agent-link--active {
  background: #ffffff;
  border: 1px solid #d8dff3;
  box-shadow: 0 8px 20px rgba(100, 104, 141, 0.08);
  color: var(--text);
}

.workspace-dm-link {
  gap: 0.6rem;
}

.workspace-dm-link--active {
  background: #ffffff;
  border: 1px solid #d8dff3;
  box-shadow: 0 8px 20px rgba(100, 104, 141, 0.08);
  color: var(--text);
}

.workspace-dm-link__avatar,
.workspace-agent-link__avatar,
.workspace-account__avatar {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 10px;
  background: #d8d2ff;
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 700;
  flex: none;
}

.workspace-agent-link__avatar {
  border-radius: 50%;
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
  color: #fff;
}

.workspace-agent-link__copy,
.workspace-dm-link__copy {
  min-width: 0;
  flex: 1 1;
}

.workspace-agent-link__copy strong,
.workspace-dm-link__copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-agent-link__copy span,
.workspace-dm-link__copy span {
  display: block;
  font-size: 0.76rem;
  color: rgba(21, 21, 21, 0.64);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-dm-status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8bb54a;
  flex: none;
}

.workspace-dm-status--busy {
  background: #ffab2d;
}

.workspace-dm-status--error {
  background: #c94e37;
}

.workspace-sidebar__subgroup {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.workspace-sidebar__subgroup-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.4rem 0.7rem 0.2rem;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-sidebar__subgroup-label small {
  font-size: 0.72rem;
  color: inherit;
}

.workspace-sidebar__subgroup-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  width: 100%;
  padding: 0.4rem 0.7rem 0.2rem;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
}

.workspace-sidebar__subgroup-toggle small {
  font-size: 0.72rem;
  color: inherit;
}

.workspace-sidebar__section-toggle,
.workspace-sidebar__section-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  width: 100%;
  padding: 0.34rem 0.48rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px transparent;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.workspace-sidebar__section-toggle span:first-child,
.workspace-sidebar__section-toggle small,
.workspace-sidebar__section-link span:first-child,
.workspace-sidebar__section-link small {
  color: inherit;
}

.workspace-sidebar__section-toggle small,
.workspace-sidebar__section-link small {
  font-size: 0.82rem;
}

.workspace-sidebar__section-toggle:hover,
.workspace-sidebar__section-link:hover {
  background: rgba(94, 106, 210, 0.08);
  box-shadow: inset 0 0 0 1px rgba(94, 106, 210, 0.12);
  color: var(--text);
}

.workspace-sidebar__section-link--active {
  background: rgba(94, 106, 210, 0.12);
  box-shadow: inset 0 0 0 1px rgba(94, 106, 210, 0.18);
  color: var(--text);
}

.workspace-sidebar__subgroup-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  line-height: 1;
  transform: rotate(-90deg);
  transition: transform 160ms ease;
}

.workspace-sidebar__subgroup-caret--open {
  transform: rotate(0deg);
}

.workspace-contact-card {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--text);
}

.workspace-contact-card__avatar {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 10px;
  background: #d8d2ff;
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 700;
  flex: none;
}

.workspace-contact-card__copy {
  min-width: 0;
  flex: 1 1;
}

.workspace-contact-card__copy strong,
.workspace-contact-card__copy span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-contact-card__copy span {
  font-size: 0.76rem;
  color: rgba(21, 21, 21, 0.64);
}

.summary-card,
.meta-card {
  border-radius: 20px;
  padding: 0.95rem 1rem;
  background: rgba(255, 255, 255, 0.06);
}

.summary-card span,
.meta-card span {
  display: block;
  font-size: 0.76rem;
  color: var(--muted);
}

.summary-card strong,
.meta-card strong {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.15rem;
}

.workspace-account span,
.panel-note,
.stack-item__meta,
.timeline-item__meta span,
.meta-strip span {
  color: var(--muted);
  font-size: 0.82rem;
}

.workspace-sidebar__footer {
  margin-top: auto;
  border-top: 1px solid var(--line);
  padding: 0.65rem 0.3rem 0;
}

.workspace-account {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.workspace-account__entry {
  min-width: 0;
  flex: 1 1;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.workspace-account--compact {
  padding: 0.2rem;
}

.workspace-account__meta {
  min-width: 0;
  flex: 1 1;
}

.workspace-account__meta span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-ghost-button {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.workspace-main {
  padding: 1rem;
  min-height: 0;
  overflow: hidden;
}

.page-header {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: flex-start;
}

.page-header h2 {
  font-family: inherit;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.25;
  color: var(--text);
}

.page-lead {
  max-width: 720px;
  font-size: 0.95rem;
  color: var(--muted);
}

.page-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: min(420px, 100%);
}

.inbox-shell {
  display: grid;
  grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 0;
  height: calc(100vh - 2rem);
}

.contacts-shell {
  display: grid;
  grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 0;
  height: calc(100vh - 2rem);
}

.contacts-shell--with-panel {
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) minmax(360px, 460px);
}

.inbox-list-pane,
.inbox-chat-pane,
.contacts-list-pane,
.contacts-chat-pane {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(94, 100, 140, 0.1);
  border-radius: 22px;
  box-shadow: var(--shadow);
  min-height: 0;
  overflow: hidden;
}

.inbox-list-pane {
  display: flex;
  flex-direction: column;
}

.contacts-list-pane,
.contacts-chat-pane {
  display: flex;
  flex-direction: column;
}

.contacts-supplementary-pane {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(94, 100, 140, 0.1);
  border-radius: 22px;
  box-shadow: var(--shadow);
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.inbox-list-pane__header,
.inbox-chat-header,
.contacts-list-pane__header,
.contacts-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--line);
}

.inbox-list-pane__header h2,
.inbox-chat-header h3,
.contacts-list-pane__header h2,
.contacts-chat-header h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.2;
}

.contacts-list,
.contacts-chat-thread,
.inbox-conversation-list {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.contacts-list {
  flex: 1 1 auto;
  padding: 0.4rem 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.contact-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0.9rem 0.8rem;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.contact-row--active {
  background: #eef2ff;
}

.contact-row__avatar,
.contacts-chat-header__avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  flex: none;
}

.generated-avatar {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  line-height: 1;
}

.generated-avatar__svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.contact-row__content {
  min-width: 0;
  flex: 1 1;
}

.contact-row__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.contact-row__title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contact-row__title span,
.contact-row__content p,
.contact-row__meta,
.contacts-chat-header p {
  color: var(--muted);
}

.contact-row__title-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex: none;
}

.contact-row__title-meta .unread-dot {
  flex: none;
}

.contact-row__content p {
  margin: 0.2rem 0 0;
  font-size: 0.88rem;
}

.contact-row__meta {
  margin-top: 0.35rem;
  font-size: 0.82rem;
  line-height: 1.45;
}

.contacts-chat-header__main {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.contacts-chat-header__leading {
  flex: none;
}

.contacts-chat-header__back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
}

.contacts-chat-thread {
  flex: 1 1;
  padding: 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  background: linear-gradient(180deg, rgba(247, 248, 253, 0.75) 0%, rgba(255, 255, 255, 0.55) 100%);
}

.human-contacts-profile {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.15rem;
  border: 1px solid rgba(94, 100, 140, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 20px 40px rgba(26, 34, 56, 0.08);
}

.human-contacts-profile__hero {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.human-contacts-profile__avatar {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 700;
  flex: none;
}

.human-contacts-profile__copy {
  min-width: 0;
}

.human-contacts-profile__copy strong {
  display: block;
  font-size: 1.05rem;
}

.human-contacts-profile__copy p {
  margin: 0.3rem 0 0;
  color: var(--muted);
}

.human-contacts-profile__facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.human-contacts-profile__fact {
  padding: 0.9rem 1rem;
  border-radius: 18px;
  background: rgba(94, 106, 210, 0.08);
}

.human-contacts-profile__fact small {
  display: block;
  color: var(--muted);
  margin-bottom: 0.35rem;
}

.human-contacts-profile__fact strong {
  display: block;
}

.human-contact-avatar-anchor {
  position: relative;
  flex: none;
}

.human-contact-avatar-button {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.human-contact-avatar-button:focus-visible {
  outline: 2px solid #2f5cff;
  outline-offset: 3px;
}

.human-contact-avatar-button .contacts-chat-header__avatar {
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.human-contact-avatar-button:hover .contacts-chat-header__avatar,
.human-contact-avatar-button[aria-expanded="true"] .contacts-chat-header__avatar {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(27, 34, 56, 0.16);
}

.human-contact-popover {
  position: absolute;
  top: calc(100% + 0.7rem);
  left: 0;
  z-index: 40;
  width: min(320px, calc(100vw - 2rem));
  padding: 0.85rem;
  border: 1px solid rgba(94, 100, 140, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 22px 50px rgba(18, 23, 38, 0.18);
}

.human-contact-popover__arrow {
  position: absolute;
  top: -6px;
  left: 17px;
  width: 12px;
  height: 12px;
  border-left: 1px solid rgba(94, 100, 140, 0.14);
  border-top: 1px solid rgba(94, 100, 140, 0.14);
  background: rgba(255, 255, 255, 0.98);
  transform: rotate(45deg);
}

.human-contact-popover .human-contacts-profile {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.human-contact-popover .human-contacts-profile__avatar {
  width: 46px;
  height: 46px;
  border-radius: 12px;
}

.human-contact-popover .human-contacts-profile__facts {
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

.human-contact-popover .human-contacts-profile__fact {
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
}

.contacts-supplementary-pane__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--line);
}

.contacts-supplementary-pane__header h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.2;
}

.contacts-supplementary-pane__close {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.contacts-supplementary-pane__content {
  min-height: 0;
  flex: 1 1;
  overflow: auto;
}

.contacts-supplementary-sheet {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 60;
}

.contacts-supplementary-sheet__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(17, 19, 28, 0.34);
}

.contacts-supplementary-sheet__panel {
  position: relative;
  width: min(100%, 760px);
  max-height: min(82dvh, 860px);
  border-radius: 28px 28px 0 0;
  background: linear-gradient(180deg, #fcfcfe 0%, #f3f4f8 100%);
  box-shadow: 0 -14px 48px rgba(18, 23, 38, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.contacts-supplementary-sheet__handle {
  width: 54px;
  height: 5px;
  border-radius: 999px;
  background: rgba(19, 21, 30, 0.14);
  align-self: center;
  margin: 0.65rem 0 0.2rem;
}

.contacts-supplementary-sheet__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 1rem 0.85rem;
}

.contacts-supplementary-sheet__header h3 {
  margin: 0;
  font-size: 1rem;
}

.contacts-supplementary-sheet__close {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.contacts-supplementary-sheet__content {
  min-height: 0;
  overflow: auto;
  padding: 0 0 calc(1rem + env(safe-area-inset-bottom, 0px));
}

.channel-documents-panel {
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
  padding: 1rem;
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.channel-documents-panel__sidebar,
.channel-documents-panel__editor {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.channel-documents-panel__list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  max-height: 360px;
  overflow: auto;
}

.channel-documents-panel__archived {
  border-top: 1px solid var(--line);
  padding-top: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.channel-documents-panel__archived-header,
.channel-documents-panel__archived-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.channel-documents-panel__archived-header strong {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

.channel-documents-panel__archived-header span {
  color: var(--muted);
  font-size: 0.78rem;
}

.channel-documents-panel__archived-item {
  border: 1px dashed var(--line);
  border-radius: 14px;
  padding: 0.7rem 0.8rem;
  background: #fbfcff;
}

.channel-documents-panel__archived-item > div {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.channel-documents-panel__archived-item strong {
  font-size: 0.92rem;
}

.channel-documents-panel__archived-item small {
  color: var(--muted);
  font-size: 0.74rem;
}

.channel-documents-panel__list-item {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: #f8faff;
  padding: 0.75rem 0.8rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.channel-documents-panel__list-item--active {
  border-color: var(--accent);
  background: var(--accent-soft);
}

.channel-documents-panel__list-item strong {
  font-size: 0.95rem;
}

.channel-documents-panel__list-item span {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.channel-documents-panel__list-item small {
  color: var(--muted);
  font-size: 0.75rem;
}

.channel-documents-panel__conflict {
  color: var(--danger);
  font-weight: 700;
}

.channel-documents-panel__textarea {
  min-height: 280px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  line-height: 1.6;
  resize: vertical;
}

.channel-documents-panel__activity {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.channel-documents-panel__activity-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.channel-documents-panel__workflow-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.channel-documents-panel__workflow-item {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8faff;
  padding: 0.7rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.channel-documents-panel__workflow-item span,
.channel-documents-panel__workflow-item small {
  color: var(--muted);
}

.channel-documents-panel__workflow-steps {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.channel-documents-panel__merge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-top: 0.35rem;
}

.channel-documents-panel__merge-column {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.channel-documents-panel__merge-preview {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #ffffff;
  padding: 0.7rem;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: auto;
  max-height: 240px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .channel-documents-panel {
    grid-template-columns: 1fr;
  }

  .channel-documents-panel__list {
    max-height: 220px;
  }

  .channel-documents-panel__merge-grid {
    grid-template-columns: 1fr;
  }
}

.contacts-composer__textarea {
  border: 0;
  background: transparent;
  padding: 0;
  resize: none;
  min-height: 88px;
  box-shadow: none;
}

.contacts-composer__textarea:focus {
  box-shadow: none;
  border: 0;
}

.contacts-mention-menu {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f8faff;
  padding: 0.45rem;
}

.contacts-mention-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  background: transparent;
  text-align: left;
}

.contacts-mention-item:hover {
  background: #edf2ff;
}

.contacts-mention-item div {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  min-width: 0;
}

.contacts-mention-item strong {
  font-size: 0.95rem;
}

.contacts-mention-item span,
.contacts-mention-item small {
  color: var(--muted);
  font-size: 0.8rem;
}

.contacts-composer__footer,
.contacts-composer__tools {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.contacts-composer__footer {
  justify-content: space-between;
}

.contacts-tool-button,
.contacts-picker-trigger {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: #f1f3f8;
  color: var(--muted);
  display: grid;
  place-items: center;
  font-size: 1rem;
  font-weight: 700;
}

.contacts-picker-wrap {
  position: relative;
}

.contacts-picker-trigger {
  width: 40px;
  height: 40px;
  background: #eceef3;
  color: #6b7489;
  font-size: 1.25rem;
}

.contacts-picker-menu {
  position: absolute;
  bottom: calc(100% + 12px);
  left: -10px;
  width: 260px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 24px 70px rgba(38, 48, 84, 0.16);
  padding: 0.55rem 0;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.contacts-picker-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  padding: 0.95rem 1.1rem;
  border: 0;
  background: transparent;
  color: #303745;
  text-align: left;
  font-size: 0.98rem;
}

.contacts-picker-item:hover {
  background: #f6f8fd;
}

.contacts-picker-item--disabled {
  color: #80889a;
}

.contacts-picker-item--disabled:hover {
  background: transparent;
}

.contacts-picker-item__icon {
  width: 32px;
  color: #6c7488;
  font-size: 0.74rem;
  font-weight: 700;
  flex: none;
}

.contacts-picker-divider {
  height: 1px;
  background: var(--line);
  margin: 0.4rem 0;
}

.contacts-send-button {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 0;
  background: #dbe3f6;
  color: #5c6782;
  display: grid;
  place-items: center;
  font-size: 1rem;
}

.contacts-send-button:not(:disabled) {
  background: #5c78f2;
  color: #fff;
}

.contacts-pending-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.contacts-pending-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7d92ff;
  animation: contacts-pulse 1.2s infinite ease-in-out;
}

.contacts-pending-dots span:nth-child(2) {
  animation-delay: 0.15s;
}

.contacts-pending-dots span:nth-child(3) {
  animation-delay: 0.3s;
}

.contacts-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.contacts-attachment-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  background: #eef1f8;
  color: #5c657a;
  font-size: 0.8rem;
}

.contacts-attachment-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contacts-attachment-remove {
  border: 0;
  background: transparent;
  color: #7f8798;
  padding: 0;
  line-height: 1;
}

.inbox-filter-row {
  padding: 1rem 1rem 0.45rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.55rem;
  gap: 0.55rem;
  align-items: stretch;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.inbox-filter-row > .filter-pill {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.65rem;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  line-height: 1.2;
}

.inbox-conversation-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 0 0.5rem 0.75rem;
}

.inbox-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  padding: 0.9rem 0.75rem;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.inbox-row--active {
  background: var(--panel-strong);
}

.inbox-row:hover {
  background: rgba(247, 248, 253, 0.96);
}

.inbox-row:active,
.inbox-row--active {
  color: var(--text);
}

.inbox-row__avatar,
.inbox-chat-header__avatar,
.inbox-bubble-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0.92rem;
  font-weight: 700;
  flex: none;
  color: #fff;
}

.inbox-row__avatar--channel,
.inbox-chat-header__avatar--channel {
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
}

.inbox-row__avatar--task,
.inbox-chat-header__avatar--task {
  background: linear-gradient(180deg, #66c5a4 0%, #49a98b 100%);
}

.inbox-row__avatar--remote,
.inbox-chat-header__avatar--remote {
  background: linear-gradient(180deg, #f28f93 0%, #d86e79 100%);
}

.inbox-row__avatar--activity,
.inbox-chat-header__avatar--activity {
  background: linear-gradient(180deg, #b3b9cb 0%, #9098ac 100%);
}

.inbox-row__content {
  min-width: 0;
  flex: 1 1;
}

.inbox-row__title,
.inbox-row__subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.inbox-row__title strong,
.inbox-row__subtitle span,
.inbox-bubble__meta strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-row__title span,
.inbox-bubble__meta span {
  flex: none;
  font-size: 0.78rem;
  color: var(--muted);
}

.inbox-row__subtitle {
  margin-top: 0.2rem;
}

.inbox-row__subtitle span {
  font-size: 0.84rem;
  color: var(--muted);
}

.inbox-row__content p {
  margin: 0.3rem 0 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-chat-pane {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.inbox-chat-header__main {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.inbox-chat-header__back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.inbox-chat-header__main p {
  margin: 0.22rem 0 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.inbox-chat-header__meta {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inbox-chat-thread {
  min-height: 0;
  flex: 1 1;
  overflow: auto;
  padding: 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  background:
    linear-gradient(180deg, rgba(247, 248, 253, 0.75) 0%, rgba(255, 255, 255, 0.55) 100%);
}

.inbox-bubble-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.inbox-bubble-row--own {
  justify-content: flex-end;
}

.inbox-bubble-avatar {
  width: 32px;
  height: 32px;
  background: linear-gradient(180deg, #8ac0ff 0%, #6ca4f2 100%);
}

.inbox-bubble-avatar--error {
  background: linear-gradient(180deg, #f1a2af 0%, #d45d73 100%);
}

.inbox-bubble {
  max-width: min(72%, 620px);
  border-radius: 18px;
  padding: 0.9rem 1rem;
  background: #f2f4fa;
  color: var(--text);
  box-shadow: 0 6px 18px rgba(94, 100, 140, 0.06);
}

.inbox-bubble--own {
  background: #dfe9ff;
}

.inbox-bubble--error {
  background: #fbe8ed;
}

.inbox-bubble--pending {
  background: #eef2ff;
}

.inbox-bubble__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.42rem;
}

.inbox-bubble p {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
}

.runtime-approval-card {
  display: grid;
  grid-gap: 0.58rem;
  gap: 0.58rem;
  margin-top: 0.72rem;
  padding: 0.72rem;
  border: 1px solid rgba(80, 95, 126, 0.16);
  border-left: 3px solid #d38d18;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.runtime-approval-card--approved {
  border-left-color: #287960;
}

.runtime-approval-card--rejected {
  border-left-color: #bd465a;
}

.runtime-approval-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.runtime-approval-card__header span,
.runtime-approval-card small {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.runtime-approval-card__header strong {
  color: var(--text);
  font-size: 0.86rem;
}

.runtime-approval-card pre {
  max-height: 9.5rem;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.78rem;
  line-height: 1.55;
}

.runtime-approval-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.runtime-approval-card__btn {
  min-height: 32px;
  padding: 0.35rem 0.68rem;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
}

.runtime-approval-card__btn:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.runtime-approval-card__btn--approve {
  background: #246b59;
  color: #fff;
}

.runtime-approval-card__btn--reject {
  border-color: rgba(151, 63, 78, 0.22);
  background: #fff;
  color: #9d3f4d;
}

.message-mention {
  display: inline-flex;
  align-items: center;
  padding: 0 0.28rem;
  margin: 0 0.04rem;
  border-radius: 999px;
  background: #dce6ff;
  color: #3455bf;
  font-weight: 700;
}

.message-inline-link {
  display: inline-flex;
  margin-top: 0.65rem;
  color: var(--accent);
  font-size: 0.82rem;
  font-weight: 700;
}

.inbox-composer {
  padding: 0.9rem 1rem 1rem;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  background: rgba(255, 255, 255, 0.9);
}

.inbox-composer__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 0.95rem 1rem;
  background: #fff;
  color: var(--muted);
}

@keyframes contacts-pulse {
  0%, 80%, 100% {
    opacity: 0.35;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-1px);
  }
}

.inbox-composer__send {
  border-radius: 999px;
  padding: 0.55rem 1rem;
  background: #dfe4ef;
  color: #8c93a5;
}

.inbox-composer__send:hover,
.inbox-composer__send:active {
  color: #8c93a5;
}

.agents-shell {
  display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(280px, 340px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 0;
  flex: 1 1;
  overflow: visible;
}

.agents-shell--agent {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.agents-shell--container {
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
}

.agents-shell--showcase {
  grid-template-columns: minmax(0, 1fr);
}

.agents-pane,
.agents-detail-pane {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.agents-pane {
  /* Keep the contact list scrollable, but let inline help tooltips escape the sidebar. */
  overflow: visible;
}

.agents-pane__header-main {
  min-width: 0;
}

.agents-pane__list-header {
  align-items: center;
}

.agents-pane__list-header > div:first-child {
  min-width: 0;
}

.agents-pane__list-header--container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
  min-height: 44px;
}

.agents-pane__container-title {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  line-height: 1.15;
}

.agents-pane__container-actions {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  column-gap: 0.75rem;
  min-height: 44px;
}

.agents-pane__container-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 1;
  white-space: nowrap;
}

.agents-pane__container-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  white-space: nowrap;
}

.agents-pane__container-help,
.agents-pane__container-help .hover-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.agents-pane__container-help .inline-help-tooltip__button {
  width: 44px;
  height: 44px;
}

.agents-pane__list-header-actions {
  margin-left: auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}

.agents-pane__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.agents-pane__create-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.hover-tooltip {
  --hover-tooltip-right: 0;
  --hover-tooltip-hidden-transform: translateY(-0.2rem);
  --hover-tooltip-visible-transform: translateY(0);
  --hover-tooltip-arrow-right: 0.95rem;
  --hover-tooltip-arrow-transform: rotate(45deg);
  position: relative;
  display: inline-flex;
  align-items: center;
  isolation: isolate;
  z-index: 1;
}

.hover-tooltip--center {
  --hover-tooltip-right: 50%;
  --hover-tooltip-hidden-transform: translateX(50%) translateY(-0.2rem);
  --hover-tooltip-visible-transform: translateX(50%) translateY(0);
  --hover-tooltip-arrow-right: 50%;
  --hover-tooltip-arrow-transform: translateX(50%) rotate(45deg);
}

.inline-help-tooltip__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  padding: 0;
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 999px;
  background: #ffffff;
  color: var(--text-muted);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  cursor: help;
  transition: border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.inline-help-tooltip__button:hover,
.inline-help-tooltip__button:focus-visible {
  border-color: rgba(15, 23, 42, 0.28);
  color: var(--text-primary);
  box-shadow: 0 0 0 3px rgba(110, 123, 239, 0.12);
  outline: none;
}

.hover-tooltip__content {
  display: block;
  position: absolute;
  top: calc(100% + 0.55rem);
  right: var(--hover-tooltip-right);
  width: max-content;
  max-width: min(24rem, calc(100vw - 2rem));
  padding: 0.7rem 0.8rem;
  border-radius: 0.85rem;
  background: #26292f;
  color: #ffffff;
  font-size: 0.82rem;
  line-height: 1.45;
  white-space: normal;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: var(--hover-tooltip-hidden-transform);
  transition: opacity 160ms ease, transform 160ms ease;
  z-index: 90;
}

.hover-tooltip__content::before {
  content: "";
  position: absolute;
  top: -0.3rem;
  right: var(--hover-tooltip-arrow-right);
  width: 0.65rem;
  height: 0.65rem;
  background: #26292f;
  transform: var(--hover-tooltip-arrow-transform);
}

.hover-tooltip__content--portal {
  position: fixed;
  top: 0;
  right: auto;
  opacity: 1;
  transform: none;
  z-index: 1000;
}

.hover-tooltip__content--portal::before {
  right: auto;
  left: var(--hover-tooltip-arrow-left, 50%);
  transform: translateX(-50%) rotate(45deg);
}

.hover-tooltip__content--portal.hover-tooltip__content--top::before {
  top: auto;
  bottom: -0.3rem;
}

.hover-tooltip:hover,
.hover-tooltip:focus-within {
  z-index: 80;
}

.hover-tooltip:hover .hover-tooltip__content,
.hover-tooltip:focus-within .hover-tooltip__content {
  opacity: 1;
  transform: var(--hover-tooltip-visible-transform);
}

.agents-detail-pane {
  gap: 1rem;
  overflow: auto;
}

.agents-detail-pane__mobile-bar {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.agents-detail-pane__back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.agents-detail-pane__mobile-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.agents-detail-pane__mobile-copy strong {
  font-size: 1rem;
  line-height: 1.2;
}

.agents-detail-pane__mobile-copy span {
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.78rem;
}

.agents-container-list,
.agents-contact-list {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.agents-contact-section {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.agents-contact-section__label {
  padding: 0.2rem 0.35rem 0.4rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.agents-contact-header {
  padding: 0.25rem 0.1rem 0.65rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0.2rem;
}

.agents-contact-header strong {
  display: block;
  font-size: 0.98rem;
}

.agents-contact-header span {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.82rem;
  color: var(--muted);
}

.agents-container-row,
.agent-contact-row {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  color: var(--text);
}

.agents-container-row {
  display: block;
  padding: 0.9rem 0.95rem;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #fbfbfe;
  cursor: pointer;
}

.agents-container-row--active {
  background: #ffffff;
  border-color: #d6def5;
  box-shadow: 0 12px 24px rgba(100, 104, 141, 0.08);
}

.agents-container-row__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.agents-container-row__copy {
  display: grid;
  min-width: 0;
  grid-gap: 0.2rem;
  gap: 0.2rem;
}

.agents-container-row strong {
  display: block;
  font-size: 0.98rem;
}

.agents-container-row__remark {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.32rem;
  color: var(--muted);
  font-size: 0.8rem;
}

.agents-container-row__remark span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agents-container-row__remark-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  margin-top: 0.12rem;
}

.agents-container-row__remark-form input {
  min-width: 0;
  min-height: 2rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  font: inherit;
  padding: 0.34rem 0.55rem;
}

.agents-container-row__remark-save {
  min-height: 2rem;
  padding: 0.35rem 0.58rem;
  font-size: 0.78rem;
}

.agents-container-row__icon-button,
.runtime-display-name-edit-button,
.settings-daemon-runtime__delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  min-width: 1.65rem;
  height: 1.65rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}

.agents-container-row__icon-button:hover,
.runtime-display-name-edit-button:hover,
.settings-daemon-runtime__delete:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--text);
}

.agents-container-row__icon-button:disabled,
.runtime-display-name-edit-button:disabled,
.settings-daemon-runtime__delete:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.agents-container-row__delete,
.settings-daemon-runtime__delete {
  color: #9b2c2c;
}

.agents-container-row__state-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 0.4rem;
}

.agents-container-row__update {
  min-height: 1.85rem;
  padding: 0.35rem 0.62rem;
  font-size: 0.78rem;
}

.agents-container-row p {
  margin: 0.3rem 0 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.agents-container-row__meta {
  margin-top: 0.55rem;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: var(--muted);
}

@media (max-width: 640px) {
  .agents-container-row__title {
    flex-direction: column;
  }

  .agents-container-row__state-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .agents-container-row__remark-form {
    width: 100%;
  }
}

.agent-contact-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 0.4rem;
  border-bottom: 1px solid var(--line);
  border-radius: 14px;
  transition: background 160ms ease, transform 160ms ease;
}

.agent-contact-row:last-child {
  border-bottom: 0;
}

.agent-contact-row:hover {
  background: #f7f9ff;
}

.agent-contact-row--active {
  background: #eef2ff;
  border-radius: 16px;
  border-bottom-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.agent-contact-row__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  flex: none;
}

.agent-contact-row__content {
  min-width: 0;
  flex: 1 1;
}

.agent-contact-row__title,
.agent-contact-row__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.agent-contact-row__title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-contact-row__content p {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.agent-contact-row__meta {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  color: var(--muted);
}

.agent-contact-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
}

.agent-contact-dot--neutral {
  background: #b7becd;
}

.agent-contact-dot--positive {
  background: #56be92;
}

.agent-contact-dot--warning {
  background: #ffb340;
}

.agent-contact-dot--danger {
  background: #df6d7c;
}

.agent-profile-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 100%);
}

.agent-profile-card__main {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.agent-profile-card__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.1rem;
  font-weight: 700;
  flex: none;
}

.agent-profile-card__copy {
  min-width: 0;
}

.agent-profile-card__copy h3 {
  margin: 0;
  font-size: 1.25rem;
}

.agent-profile-card__copy p:last-child {
  margin: 0.25rem 0 0;
  color: var(--muted);
}

.agent-profile-card__origin {
  display: inline-flex;
  margin-top: 0.45rem;
  color: #4f5f76;
  font-size: 0.78rem;
}

.agent-profile-card__meta {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.agent-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid var(--line);
  padding: 0;
}

.agent-tab {
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 0.65rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 510;
  border-bottom: 2px solid transparent;
  transition: color var(--transition), border-color var(--transition);
}

.agent-tab--active {
  color: var(--text);
  border-bottom-color: #2d3240;
}

.agent-tab-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.skills-workbench {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.3fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-width: 0;
}

.skills-panel {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fbfbfe;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-width: 0;
}

.skill-preset-list,
.skill-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.skill-preset-card,
.skill-editor-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 0.95rem 1rem;
  text-align: left;
}

.skill-preset-card {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.skill-preset-card--disabled {
  opacity: 0.56;
}

.skill-preset-card__header,
.skill-preset-card__meta,
.skill-editor-card__header {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}

.skill-preset-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.skill-preset-card__meta {
  font-size: 0.8rem;
  color: var(--muted);
}

.skill-editor-card {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}

.skill-editor-card__title {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.skill-editor-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.skill-inline-input {
  width: 100%;
  padding: 0 0 0.5rem;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
}

.skill-inline-input:focus {
  outline: none;
  border-bottom-color: var(--accent);
}

.skill-summary-editor {
  min-height: 96px;
  resize: vertical;
}

.skill-toggle {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.82rem 0.9rem;
  border-radius: 16px;
  background: var(--panel-strong);
  color: var(--text);
  font-weight: 600;
}

.skill-toggle input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.skills-assignment-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.skills-page {
  --skills-black: #1d1d1f;
  --skills-gray: #f5f5f7;
  --skills-white: #ffffff;
  --skills-blue: #0071e3;
  --skills-link: #0066cc;
  --skills-muted: rgba(0, 0, 0, 0.48);
  --skills-muted-strong: rgba(0, 0, 0, 0.8);
  --skills-line: #d2d2d7;
  --skills-line-soft: rgba(0, 0, 0, 0.08);
  --skills-shadow: rgba(0, 0, 0, 0.22) 3px 5px 30px 0px;
  background: transparent;
  gap: 1.4rem;
}

.skills-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  padding: 3.5rem 3rem;
  border-radius: 32px;
  background: #000;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0 24px 60px;
}

.skills-hero__copy {
  max-width: 760px;
}

.skills-hero__eyebrow {
  margin: 0 0 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.52);
}

.skills-hero h2 {
  margin: 0;
  color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: clamp(2.5rem, 4vw, 4.3rem);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.skills-hero p {
  margin: 1rem 0 0;
  max-width: 640px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.08rem;
  line-height: 1.58;
}

.skills-hero__actions {
  flex: none;
}

.skills-page .primary-button,
.skills-page .action-button,
.skills-page .modal-secondary-button {
  border-radius: 999px;
  padding: 0.72rem 1.3rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 0.98rem;
  font-weight: 500;
  box-shadow: none;
}

.skills-page .primary-button {
  background: var(--skills-blue);
  color: #fff;
}

.skills-page .action-button,
.skills-page .modal-secondary-button {
  background: transparent;
  color: var(--skills-link);
  border: 1px solid rgba(0, 113, 227, 0.4);
}

.skills-page .page-panel,
.skills-page .workspace-empty,
.skills-summary-card {
  border: 1px solid var(--skills-line-soft);
  box-shadow: none;
}

.skills-page .page-panel {
  background: var(--skills-white);
  border-radius: 28px;
  padding: 1.25rem;
}

.skills-page .feedback-banner {
  border-radius: 20px;
  box-shadow: none;
}

.skills-page .panel-kicker {
  color: var(--skills-muted);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
}

.skills-page .panel-header h3,
.skills-page .workspace-empty strong {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--skills-black);
}

.skills-page__header-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.skills-page__header-icon-button {
  width: 2.3rem;
  height: 2.3rem;
  min-width: 2.3rem;
  min-height: 2.3rem;
  border-radius: 999px;
  background: var(--skills-gray);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--skills-link);
  box-shadow: none;
}

.skills-page__header-icon-button:hover {
  background: rgba(0, 113, 227, 0.08);
  border-color: rgba(0, 113, 227, 0.18);
}

.skills-page__header-icon-button svg {
  width: 0.95rem;
  height: 0.95rem;
}

.skills-page__header-icon-button--primary {
  background: var(--skills-blue);
  border-color: var(--skills-blue);
  color: #fff;
}

.skills-page__header-icon-button--primary:hover {
  background: #0066cc;
  border-color: #0066cc;
  color: #fff;
}

.skills-page .workspace-empty {
  background: var(--skills-gray);
  border-radius: 24px;
  text-align: left;
}

.skills-page .workspace-empty p {
  color: var(--skills-muted-strong);
}

.skills-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}

.skills-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  grid-gap: 1rem;
  gap: 1rem;
  align-items: stretch;
}

.skills-summary-card {
  background: var(--skills-gray);
  border-radius: 24px;
  padding: 1.15rem 1.3rem;
}

.skills-summary-card span {
  display: block;
  color: var(--skills-muted);
  font-size: 0.82rem;
  margin-bottom: 0.65rem;
}

.skills-summary-card strong {
  display: block;
  color: var(--skills-black);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
}

.skills-feature-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 245, 247, 0.98) 100%);
  padding: 1.55rem 1.65rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.skills-feature-card__eyebrow {
  margin: 0;
  color: var(--skills-muted);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
}

.skills-feature-card h3 {
  margin: 0;
  color: var(--skills-black);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: clamp(1.7rem, 2.5vw, 2.6rem);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

.skills-feature-card p {
  margin: 0;
  color: var(--skills-muted-strong);
  line-height: 1.6;
}

.skills-feature-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.skills-feature-card__meta span,
.skills-feature-card__agent-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.42rem 0.78rem;
  font-size: 0.78rem;
  color: var(--skills-muted-strong);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: rgba(0, 0, 0, 0.06) 0 0 0 1px;
}

.skills-feature-card__agents {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.skills-import-history {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.85rem;
}

.skills-import-history__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.8rem;
}

.skills-import-history__summary-pill,
.skills-import-history__pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.34rem 0.7rem;
  font-size: 0.76rem;
  color: rgba(0, 0, 0, 0.58);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: rgba(0, 0, 0, 0.06) 0 0 0 1px;
}

.skills-import-history__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
  padding: 0.8rem 0.95rem;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.92);
  text-align: left;
}

.skills-import-history__item--missing {
  background: rgba(249, 250, 251, 0.92);
}

.skills-import-history__copy {
  min-width: 0;
  flex: 1 1;
}

.skills-import-history__title-row {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.skills-import-history__item strong {
  color: #1d1d1f;
  font-size: 0.92rem;
  font-weight: 600;
}

.skills-import-history__item span,
.skills-import-history__item p {
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.76rem;
  margin: 0;
}

.skills-import-history__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.skills-import-history__pill--muted {
  color: rgba(0, 0, 0, 0.42);
}

.skills-import-history__pill--warning {
  color: #8a5612;
  background: rgba(255, 239, 214, 0.92);
}

.skills-import-history__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.skills-feature-card__agent-pill--muted {
  color: var(--skills-muted);
}

.skill-assignment-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #d2d2d7;
  border-radius: 24px;
  background: #f5f5f7;
  padding: 1.15rem 1.2rem;
}

.skill-assignment-card__copy {
  min-width: 0;
}

.skill-assignment-card__copy strong {
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1d1d1f;
}

.skill-assignment-card__copy p {
  margin: 0.35rem 0 0;
  color: rgba(0, 0, 0, 0.72);
  line-height: 1.58;
}

.skill-assignment-card__copy span {
  display: inline-block;
  margin-top: 0.55rem;
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.8rem;
}

.skill-picker-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.skill-picker-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
  border: 1px solid #d2d2d7;
  border-radius: 20px;
  background: #f5f5f7;
  padding: 1rem 1.05rem;
}

.skill-picker-row strong {
  display: block;
  color: #1d1d1f;
  font-weight: 600;
}

.skill-picker-row p {
  margin: 0.3rem 0 0;
  color: rgba(0, 0, 0, 0.72);
  line-height: 1.55;
}

.skill-picker-row span {
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.8rem;
  white-space: nowrap;
}

.skills-studio {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 620px;
  padding: 0.4rem;
  border-radius: 32px;
  background: rgba(245, 245, 247, 0.88);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.skills-studio__sidebar,
.skills-studio__files,
.skills-studio__editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

.skills-studio__mobile-bar {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.skills-studio__mobile-back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--skills-line, #d2d2d7);
  background: #ffffff;
  color: #1d1d1f;
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.skills-studio__mobile-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.skills-studio__mobile-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.2;
}

.skills-studio__mobile-copy span {
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.78rem;
}

.skills-studio__list {
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.skills-toolbar {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.skills-toolbar__filters {
  padding-bottom: 0;
}

.skills-studio__group {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.skills-studio__group + .skills-studio__group {
  margin-top: 0.3rem;
}

.skills-studio__group-label {
  margin: 0;
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.skills-studio__group-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.skills-studio__skill-row,
.skills-studio__file-row {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  text-align: left;
  transition: background 160ms ease, border-color 160ms ease;
}

.skills-studio__skill-row {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 0.95rem;
}

.skills-studio__skill-row--builtin {
  background: linear-gradient(180deg, rgba(255, 248, 231, 0.9), rgba(255, 255, 255, 0.95));
  border-color: rgba(164, 114, 37, 0.12);
}

.skills-studio__skill-row--active,
.skills-studio__file-row--active {
  border-color: rgba(0, 113, 227, 0.18);
  background: #f5f5f7;
}

.skills-studio__skill-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #ffffff;
  color: #1d1d1f;
  display: grid;
  place-items: center;
  flex: none;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

.skills-studio__skill-copy {
  min-width: 0;
  flex: 1 1;
}

.skills-studio__skill-heading,
.skills-studio__section-heading {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.skills-studio__skill-copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1d1d1f;
  font-weight: 600;
}

.skills-studio__skill-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.48rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.58);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.skills-studio__skill-badge--builtin {
  background: rgba(164, 114, 37, 0.12);
  color: #8a5a16;
}

.skills-studio__skill-copy span {
  display: block;
  margin-top: 0.2rem;
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.8rem;
}

.skills-studio__file-row {
  padding: 0.88rem 0.95rem;
  color: rgba(0, 0, 0, 0.72);
}

.skills-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

.skills-editor__header,
.skills-editor__filebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.skills-editor__file-controls {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.skills-editor__identity {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
  flex: 1 1;
}

.skills-editor__icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #f5f5f7;
  color: #1d1d1f;
  display: grid;
  place-items: center;
  flex: none;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

.skills-editor__meta {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 1fr);
  grid-gap: 0.8rem;
  gap: 0.8rem;
  flex: 1 1;
}

.skills-editor__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.skills-editor__notice {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  background: rgba(255, 248, 231, 0.9);
  border: 1px solid rgba(164, 114, 37, 0.16);
  color: #6f4b18;
}

.skills-editor__notice strong {
  flex: none;
  font-size: 0.82rem;
  letter-spacing: 0.03em;
}

.skills-editor__notice span {
  font-size: 0.84rem;
  line-height: 1.5;
}

.skills-editor__notice--warning {
  background: rgba(255, 239, 214, 0.92);
  border-color: rgba(189, 120, 21, 0.18);
  color: #8a5612;
}

.skill-editor-input {
  width: 100%;
  border: 1px solid #d2d2d7;
  border-radius: 16px;
  background: #fff;
  padding: 0.85rem 1rem;
  color: #1d1d1f;
  font: inherit;
}

.skill-editor-input--title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.skills-editor__filepath {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
  flex: 1 1;
}

.skills-editor__filepicker {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: min(320px, 100%);
}

.skills-editor__filepicker .skill-editor-input {
  min-width: 0;
}

.skills-editor__filelabel,
.skills-editor__assigned-label {
  color: var(--skills-muted);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  white-space: nowrap;
}

.skills-editor__textarea {
  min-height: 420px;
  border: 1px solid #d2d2d7;
  border-radius: 22px;
  background: #fff;
  padding: 1.1rem 1.15rem;
  color: #1d1d1f;
  font: 0.92rem/1.65 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  resize: vertical;
}

.skills-page .meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.9rem;
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.83rem;
}

.skills-page .meta-strip span {
  white-space: nowrap;
}

.skills-editor__source-link {
  color: var(--skills-link);
  font-weight: 500;
  text-decoration: none;
}

.skills-editor__source-link:hover {
  text-decoration: underline;
}

.skills-editor__assigned {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border-radius: 22px;
  background: #f5f5f7;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.skills-editor__assigned strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--skills-black);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.skills-editor__assigned-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.skills-editor__assigned-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  color: var(--skills-muted-strong);
  font-size: 0.8rem;
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

.skills-editor__assigned-pill--muted {
  color: var(--skills-muted);
}

.summary-card {
  background: #f8f9fe;
  border-radius: 20px;
}

.page-grid {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
  min-height: 0;
}

.page-panel {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 22px;
  padding: 1.1rem;
  min-height: 0;
}

.page-panel--list,
.page-panel--detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.panel-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.panel-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 590;
  letter-spacing: -0.02em;
}

.filter-row:not(.inbox-filter-row) {
  padding-bottom: 0.25rem;
  overflow-x: auto;
}

.filter-pill,
.action-button {
  background: var(--panel-strong);
}

.action-button--danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.stack-list {
  min-height: 0;
  overflow: auto;
}

.stack-item {
  border-radius: 16px;
  padding: 0.95rem;
  background: #fbfbfe;
  text-align: left;
}

.stack-item strong,
.timeline-item strong {
  display: block;
  font-size: 1rem;
}

.stack-item p {
  margin: 0.35rem 0 0;
  color: var(--muted);
}

.stack-item__header,
.stack-item__meta,
.timeline-item__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}

.stack-item__meta {
  margin-top: 0.75rem;
}

.stack-item__meta span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stack-item--active {
  background: #ffffff;
  border-color: #d6def5;
  box-shadow: 0 12px 24px rgba(100, 104, 141, 0.08);
}

.status-chip,
.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.22rem 0.6rem;
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  font-weight: 510;
  letter-spacing: 0.01em;
}

.status-chip--neutral {
  background: var(--neutral-soft);
  color: var(--muted);
}

.status-chip--positive {
  background: var(--success-soft);
  color: var(--success);
}

.status-chip--warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.status-chip--danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.unread-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
}

.detail-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1080px) {
  .skills-workbench {
    grid-template-columns: 1fr;
  }

  .skills-assignment-shell,
  .skills-studio {
    grid-template-columns: 1fr;
  }

  .skills-overview {
    grid-template-columns: 1fr;
  }

  .skills-editor__header,
  .skills-editor__file-controls,
  .skills-editor__filebar {
    flex-direction: column;
    align-items: stretch;
  }

  .skills-editor__identity,
  .skills-editor__assigned {
    flex-direction: column;
    align-items: stretch;
  }

  .skills-editor__meta {
    grid-template-columns: 1fr;
  }

  .skills-editor__assigned-list {
    justify-content: flex-start;
  }
}

.meta-card {
  background: #f8f9fe;
  border-radius: 18px;
}

.detail-copy {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 1rem 0;
}

.timeline {
  min-height: 0;
  overflow: auto;
}

.timeline-item {
  border-radius: 16px;
  padding: 0.95rem;
  background: #fbfbfe;
}

.timeline-item--error {
  border-color: rgba(163, 74, 53, 0.18);
  background: linear-gradient(180deg, #fff8f6 0%, #f8ebe7 100%);
}

.execution-log-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.85rem;
}

.execution-log {
  border-radius: 14px;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(142, 149, 170, 0.18);
}

.execution-log--error {
  background: rgba(255, 245, 242, 0.96);
  border-color: rgba(163, 74, 53, 0.18);
}

.execution-log__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.45rem;
}

.execution-log__meta span {
  font-size: 0.76rem;
  color: var(--muted);
}

.execution-log pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font: 0.82rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  color: var(--text);
}

.conversation-process {
  width: min(86%, 760px);
  border-radius: 16px;
  border: 1px solid rgba(142, 149, 170, 0.18);
  background: rgba(255, 255, 255, 0.78);
  padding: 0.75rem 0.9rem;
}

.conversation-process--error {
  background: rgba(255, 245, 242, 0.96);
  border-color: rgba(163, 74, 53, 0.18);
}

.conversation-process summary {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

.conversation-process summary::-webkit-details-marker {
  display: none;
}

.conversation-process summary strong {
  font-size: 0.9rem;
}

.conversation-process summary span {
  font-size: 0.76rem;
  color: var(--muted);
}

.conversation-process pre {
  margin: 0.7rem 0 0;
  white-space: pre-wrap;
  word-break: break-word;
  font: 0.82rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  color: var(--text);
}

.attachment-row a {
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: var(--panel-strong);
  color: var(--accent);
  font-size: 0.82rem;
}

.attachment-row--compact a {
  padding: 0.4rem 0.72rem;
}

/* ── Chat Attachments (image preview + file cards) ── */

.chat-attachments {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.chat-attachments__images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chat-attachment-image {
  display: block;
  position: relative;
  max-width: 320px;
  min-width: 120px;
  min-height: 96px;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel-strong);
  transition: border-color var(--transition);
}

.chat-attachment-image:hover {
  border-color: var(--accent);
}

.chat-attachment-image__loading {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      110deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.38) 35%,
      rgba(255, 255, 255, 0) 65%
    ),
    var(--panel-strong);
  background-size: 220% 100%;
  animation: chat-attachment-shimmer 1.3s ease-in-out infinite;
}

.chat-attachment-image__img {
  display: block;
  max-width: 100%;
  max-height: 280px;
  width: auto;
  height: auto;
  object-fit: contain;
  background: var(--panel-strong);
  opacity: 0;
  transition: opacity 160ms ease;
}

.chat-attachment-image__img--ready {
  opacity: 1;
}

.chat-attachment-image__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 12px 16px;
  font-size: 12px;
  color: var(--muted);
  background: var(--panel-strong);
}

.chat-attachments__files {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.chat-attachment-file {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-strong);
  color: var(--text);
  text-decoration: none;
  font-size: 13px;
  max-width: 280px;
  transition: border-color var(--transition), background var(--transition);
}

.chat-attachment-file:hover {
  border-color: var(--accent);
  background: var(--accent-soft);
}

.chat-attachment-file__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--panel-strong);
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
}

.chat-attachment-file__info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.chat-attachment-file__info strong {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-attachment-file__info small {
  font-size: 11px;
  color: var(--muted);
}

@media (max-width: 640px) {
  .chat-attachment-image {
    max-width: 100%;
  }

  .chat-attachment-image__img {
    max-height: 200px;
  }

  .chat-attachment-file {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* TODO54 follow-up refresh */

.inbox-list-pane__hero,
.contacts-list-pane__hero,
.agents-overview,
.costs-hero,
.performance-hero,
.task-board-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(69, 54, 38, 0.08);
  border-radius: 28px;
  padding: 1.15rem 1.2rem;
  background:
    radial-gradient(circle at top right, rgba(209, 140, 97, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.94) 0%, rgba(244, 235, 223, 0.94) 100%);
  box-shadow: 0 24px 48px rgba(92, 64, 39, 0.08);
}

.inbox-list-pane__hero strong,
.contacts-list-pane__hero strong,
.agents-overview__copy h2,
.costs-hero__copy h2,
.performance-hero__copy h2,
.task-board-hero__copy h2 {
  display: block;
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.35rem, 2.8vw, 2rem);
  line-height: 1.06;
  letter-spacing: -0.035em;
}

.inbox-list-pane__hero-stats,
.agents-overview__stats,
.costs-insight-band,
.task-board-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
  margin-top: 1rem;
}

.inbox-list-pane__hero-stat,
.agents-overview__stat,
.costs-insight-card,
.task-board-hero__stat {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.9rem 0.95rem;
  border-radius: 20px;
  border: 1px solid rgba(77, 60, 43, 0.08);
  background: rgba(255, 251, 245, 0.72);
}

.inbox-list-pane__hero-stat span,
.agents-overview__stat span,
.costs-insight-card span,
.task-board-hero__stat span,
.performance-hero__meta span,
.costs-hero__meta span,
.agents-overview__copy p,
.contacts-list-pane__hero p {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.inbox-list-pane__hero-stat strong,
.agents-overview__stat strong,
.costs-insight-card strong,
.task-board-hero__stat strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.contacts-list-pane__hero {
  margin: 1rem 1rem 0;
  padding: 0.95rem 1rem;
}

.contacts-list-pane__hero strong {
  display: block;
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.15rem;
  line-height: 1.1;
}

.inbox-list-pane,
.inbox-chat-pane,
.contacts-list-pane,
.contacts-chat-pane,
.contacts-supplementary-pane {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.9) 0%, rgba(246, 238, 228, 0.82) 100%);
}

.inbox-row,
.contact-row {
  border: 1px solid transparent;
  background: rgba(255, 251, 245, 0.72);
}

.inbox-row:hover,
.contact-row:hover {
  border-color: rgba(199, 104, 58, 0.14);
  background: rgba(255, 252, 247, 0.96);
}

.inbox-row--active,
.contact-row--active {
  border-color: rgba(199, 104, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
  box-shadow: 0 16px 28px rgba(92, 64, 39, 0.08);
}

.inbox-row__title-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.inbox-row__title-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-row__title-copy .status-chip {
  flex: none;
}

.inbox-chat-thread,
.contacts-chat-thread {
  background:
    linear-gradient(180deg, rgba(252, 248, 242, 0.86) 0%, rgba(255, 255, 255, 0.75) 100%);
}

.inbox-execution-strip {
  border: 1px solid rgba(199, 104, 58, 0.1);
  background: linear-gradient(180deg, rgba(255, 247, 239, 0.9) 0%, rgba(250, 241, 230, 0.92) 100%);
}

.execution-timeline-panel {
  margin: 1rem 1.25rem 0;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background: #ffffff;
}

.execution-timeline-panel__header,
.runtime-execution-panel__header,
.execution-timeline-event__title-row,
.runtime-execution-item__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.execution-timeline-panel__header h4,
.runtime-execution-panel__header h4 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 650;
}

.execution-timeline-panel__header p {
  margin: 0.28rem 0 0;
  color: rgba(53, 46, 38, 0.64);
  font-size: 0.82rem;
}

.execution-timeline-status {
  flex: none;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.73rem;
  font-weight: 650;
  background: #f0f1f4;
  color: rgba(0, 0, 0, 0.62);
}

.execution-timeline-status--warning {
  background: rgba(178, 112, 22, 0.1);
  color: #93610f;
}

.execution-timeline-status--error {
  background: rgba(217, 48, 37, 0.08);
  color: #b3261e;
}

.execution-timeline-filter-row {
  margin-top: 0.8rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
}

.execution-timeline-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  max-height: 320px;
  margin: 0.85rem 0 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}

.execution-timeline-event {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.72rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 14px;
  background: #fbfbfd;
}

.execution-timeline-event--warning {
  border-color: rgba(178, 112, 22, 0.18);
  background: #fffaf2;
}

.execution-timeline-event--error {
  border-color: rgba(217, 48, 37, 0.16);
  background: #fff7f5;
}

.execution-timeline-event__marker {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f0f1f4;
  color: #1d1d1f;
}

.execution-timeline-event__marker svg,
.runtime-execution-event svg {
  width: 16px;
  height: 16px;
}

.execution-timeline-event__marker--tool {
  background: rgba(0, 113, 227, 0.1);
  color: #0067c8;
}

.execution-timeline-event__marker--artifact {
  background: rgba(15, 126, 84, 0.1);
  color: #0b704e;
}

.execution-timeline-event__marker--approval {
  background: rgba(178, 112, 22, 0.1);
  color: #93610f;
}

.execution-timeline-event__marker--error {
  background: rgba(217, 48, 37, 0.08);
  color: #b3261e;
}

.execution-timeline-event__body {
  min-width: 0;
}

.execution-timeline-event__title-row strong,
.runtime-execution-item__title-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
}

.execution-timeline-event__title-row time {
  flex: none;
  color: rgba(53, 46, 38, 0.52);
  font-size: 0.72rem;
}

.execution-timeline-event__body p,
.runtime-execution-event p {
  margin: 0.32rem 0 0;
  color: rgba(53, 46, 38, 0.64);
  font-size: 0.8rem;
  line-height: 1.45;
}

.execution-timeline-event__meta,
.runtime-execution-item__meta,
.execution-timeline-event__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin-top: 0.55rem;
}

.execution-timeline-event__meta span,
.runtime-execution-item__meta span,
.execution-timeline-event__actions span {
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.62);
  padding: 0.2rem 0.48rem;
  font-size: 0.72rem;
}

.execution-timeline-event__meta a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 999px;
  color: #0067c8;
  background: rgba(0, 113, 227, 0.08);
  padding: 0.2rem 0.48rem;
  font-size: 0.72rem;
  text-decoration: none;
}

.execution-timeline-event__meta a svg {
  width: 13px;
  height: 13px;
}

.execution-timeline-empty {
  padding: 0.8rem;
  color: rgba(53, 46, 38, 0.64);
  font-size: 0.82rem;
}

.runtime-execution-panel {
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}

.runtime-execution-list {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-top: 0.8rem;
}

.runtime-execution-item {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: #ffffff;
  padding: 0.85rem;
}

.runtime-execution-item__meta {
  margin-top: 0.48rem;
}

.runtime-execution-event {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  grid-gap: 0.55rem;
  gap: 0.55rem;
  align-items: start;
  margin-top: 0.7rem;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.68);
}

.runtime-execution-event--error {
  color: #b3261e;
}

.runtime-execution-event--warning {
  color: #93610f;
}

.runtime-execution-event span {
  font-size: 0.8rem;
  font-weight: 650;
}

.contacts-chat-header__back svg,
.inbox-chat-header__back svg,
.skills-studio__mobile-back svg,
.agents-detail-pane__back svg,
.contacts-supplementary-pane__close svg,
.contacts-supplementary-sheet__close svg,
.pinned-messages-bar__unpin svg {
  width: 18px;
  height: 18px;
  display: block;
}

.pinned-messages-bar {
  border: 1px solid rgba(199, 104, 58, 0.12);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 248, 240, 0.9) 0%, rgba(250, 240, 229, 0.92) 100%);
}

.contacts-supplementary-pane,
.contacts-supplementary-sheet__panel {
  background:
    radial-gradient(circle at top right, rgba(110, 158, 217, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.96) 0%, rgba(245, 237, 226, 0.92) 100%);
}

.channel-documents-panel {
  background:
    radial-gradient(circle at top right, rgba(109, 155, 212, 0.08), transparent 22%),
    linear-gradient(180deg, rgba(253, 249, 244, 0.94) 0%, rgba(245, 237, 227, 0.92) 100%);
}

.channel-documents-panel__sidebar,
.channel-documents-panel__editor,
.channel-documents-panel__activity-card {
  background: rgba(255, 252, 246, 0.82);
  border-color: rgba(78, 62, 44, 0.09);
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.06);
}

.channel-documents-panel__list-item,
.channel-documents-panel__workflow-item,
.channel-documents-panel__archived-item {
  border-radius: 18px;
  background: rgba(255, 250, 244, 0.76);
  border-color: rgba(78, 62, 44, 0.08);
}

.channel-documents-panel__list-item--active {
  border-color: rgba(199, 104, 58, 0.22);
  background: linear-gradient(180deg, rgba(255, 244, 233, 0.95) 0%, rgba(248, 233, 216, 0.95) 100%);
}

.channel-documents-panel__textarea,
.channel-documents-panel__merge-preview {
  background: rgba(255, 255, 255, 0.84);
}

.agents-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  grid-gap: 1rem;
  gap: 1rem;
}

.agents-overview__copy {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.agents-overview__copy p,
.costs-hero__copy p,
.performance-hero__copy p,
.task-board-hero__copy p {
  margin: 0;
}

.agents-overview__stats {
  margin-top: 0;
  align-self: stretch;
}

.agents-overview--container {
  background:
    radial-gradient(circle at top right, rgba(102, 149, 212, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(244, 248, 255, 0.94) 0%, rgba(229, 238, 249, 0.94) 100%);
}

.agents-pane,
.agents-detail-pane {
  background: rgba(255, 252, 246, 0.78);
}

.agent-contact-row,
.agents-container-row {
  border: 1px solid rgba(78, 62, 44, 0.08);
  background: rgba(255, 251, 245, 0.72);
}

.agent-contact-row--active,
.agents-container-row--active {
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
  border-color: rgba(199, 104, 58, 0.18);
  box-shadow: 0 16px 28px rgba(92, 64, 39, 0.08);
}

.skills-page {
  gap: 1.1rem;
}

.skills-page .skills-hero {
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.18), transparent 30%),
    radial-gradient(circle at bottom left, rgba(102, 149, 212, 0.16), transparent 26%),
    linear-gradient(145deg, #161d2b 0%, #231f2b 52%, #2f251d 100%);
}

.skills-page .skills-summary-card,
.skills-page .skills-feature-card,
.skills-page .skill-assignment-card {
  box-shadow: 0 20px 40px rgba(92, 64, 39, 0.08);
}

.settings-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.settings-summary .summary-card strong {
  font-size: 1.15rem;
}

.settings-group .page-panel,
.settings-session-card,
.settings-invitation-card,
.settings-member-card,
.settings-toggle {
  box-shadow: 0 18px 32px rgba(92, 64, 39, 0.05);
}

.costs-shell,
.performance-page,
.task-board-shell {
  max-width: none;
  padding: 0.3rem 0.1rem 0.7rem;
}

.costs-hero,
.performance-hero,
.task-board-hero {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1rem;
}

.costs-hero__meta,
.performance-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.costs-hero__meta span,
.performance-hero__meta span {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(78, 62, 44, 0.08);
  background: rgba(255, 251, 245, 0.76);
}

.costs-insight-band {
  margin-bottom: 0.9rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.costs-summary-card,
.costs-agent-card,
.costs-recent-card,
.costs-recent-item,
.budget-form,
.budget-card,
.performance-summary-card,
.performance-card,
.task-board-column,
.task-board-card {
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.07);
}

.costs-summary-card,
.performance-summary-card,
.task-board-column {
  border-radius: 24px;
}

.performance-hero__copy {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.performance-summary-card {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.92) 0%, rgba(246, 237, 226, 0.94) 100%);
}

.performance-card,
.performance-table-wrapper {
  border: 1px solid rgba(78, 62, 44, 0.08);
  border-radius: 24px;
  background: rgba(255, 252, 247, 0.82);
}

.performance-table {
  width: 100%;
}

.performance-table thead {
  background: rgba(245, 236, 224, 0.76);
}

.task-board-hero__copy {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.task-board-toolbar {
  padding: 0.35rem 0.2rem;
}

.task-board-column {
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.9) 0%, rgba(243, 235, 224, 0.94) 100%);
  border-color: rgba(78, 62, 44, 0.08);
}

.task-board-card {
  border-radius: 18px;
  background: rgba(255, 252, 247, 0.88);
}

.task-board-card:hover {
  transform: translateY(-2px);
}

.task-board-column__header {
  background: rgba(255, 247, 237, 0.7);
}

.task-board-column__header small {
  background: rgba(255, 255, 255, 0.88);
}

.task-board-column:nth-child(1) .task-board-column__header {
  border-bottom-color: rgba(78, 62, 44, 0.08);
}

.task-board-column:nth-child(2) .task-board-column__header {
  background: rgba(255, 240, 215, 0.72);
}

.task-board-column:nth-child(3) .task-board-column__header {
  background: rgba(255, 229, 223, 0.72);
}

.task-board-column:nth-child(4) .task-board-column__header {
  background: rgba(230, 247, 234, 0.78);
}

@media (max-width: 980px) {
  .inbox-list-pane__hero-stats,
  .settings-summary,
  .agents-overview,
  .costs-insight-band,
  .task-board-hero__stats {
    grid-template-columns: 1fr 1fr;
  }

  .agents-overview__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .contacts-list-pane__hero {
    margin: 0.9rem 0.9rem 0;
  }

  .inbox-list-pane__hero,
  .agents-overview,
  .costs-hero,
  .performance-hero,
  .task-board-hero {
    padding: 1rem;
  }
}

@media (max-width: 640px) {
  .inbox-list-pane__hero-stats,
  .settings-summary,
  .agents-overview__stats,
  .costs-insight-band,
  .task-board-hero__stats {
    grid-template-columns: 1fr;
  }

  .costs-hero__meta,
  .performance-hero__meta {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.workspace-empty__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.55rem;
  color: rgba(71, 56, 42, 0.52);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.workspace-empty--warm {
  background: linear-gradient(180deg, rgba(255, 248, 239, 0.94) 0%, rgba(247, 236, 222, 0.96) 100%);
}

.workspace-empty--cool {
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.94) 0%, rgba(234, 241, 250, 0.96) 100%);
}

.knowledge-page,
.tables-page,
.templates-page {
  gap: 1rem;
}

.knowledge-hero,
.tables-hero,
.templates-hero {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1.2rem 1.25rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(92, 141, 209, 0.12), transparent 24%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.95) 0%, rgba(244, 235, 223, 0.95) 100%);
  box-shadow: 0 24px 48px rgba(92, 64, 39, 0.08);
}

.knowledge-hero__copy,
.tables-hero__copy,
.templates-hero__copy {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.knowledge-hero__copy h2,
.tables-hero__copy h2,
.templates-hero__copy h2 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.knowledge-hero__stats,
.tables-hero__stats,
.templates-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.knowledge-hero__stat,
.tables-hero__stat,
.templates-hero__stat {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.95rem 1rem;
  border-radius: 22px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 252, 246, 0.74);
}

.knowledge-hero__stat span,
.tables-hero__stat span,
.templates-hero__stat span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-hero__stat strong,
.tables-hero__stat strong,
.templates-hero__stat strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.2rem;
  line-height: 1;
}

.knowledge-layout,
.tables-layout,
.templates-layout {
  background: rgba(255, 249, 242, 0.6);
  border: 1px solid rgba(71, 56, 42, 0.06);
  border-radius: 30px;
  overflow: hidden;
}

.knowledge-sidebar,
.tables-sidebar,
.templates-sidebar {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.96) 0%, rgba(246, 238, 229, 0.94) 100%);
}

.knowledge-content,
.tables-content,
.templates-content {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.82) 0%, rgba(246, 239, 229, 0.76) 100%);
}

.knowledge-view-switch,
.knowledge-documents__filters,
.tables-sidebar__header,
.templates-sidebar__header {
  background: transparent;
}

.knowledge-sidebar__header,
.tables-sidebar__header,
.templates-sidebar__header {
  align-items: center;
}

.knowledge-viewer,
.tables-detail {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.knowledge-document-item,
.tables-sidebar__item,
.templates-sidebar__item {
  border-radius: 20px;
  background: rgba(255, 251, 245, 0.72);
  border: 1px solid transparent;
  box-shadow: none;
}

.knowledge-document-item:hover,
.tables-sidebar__item:hover,
.templates-sidebar__item:hover {
  border-color: rgba(199, 104, 58, 0.14);
  background: rgba(255, 252, 247, 0.94);
}

.knowledge-document-item--selected,
.tables-sidebar__item--selected,
.templates-sidebar__item--selected {
  border-color: rgba(199, 104, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
  box-shadow: 0 16px 28px rgba(92, 64, 39, 0.08);
}

.knowledge-viewer__markdown,
.knowledge-document-note,
.tables-grid-wrapper,
.templates-content .knowledge-viewer,
.templates-content .knowledge-editor {
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 252, 247, 0.78);
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.06);
}

.knowledge-viewer__markdown,
.knowledge-document-note {
  padding: 1rem 1.1rem;
}

.tables-grid-wrapper {
  overflow: auto;
}

.tables-grid {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.tables-grid thead {
  background: rgba(245, 236, 224, 0.72);
}

.tables-grid th,
.tables-grid td {
  border-bottom: 1px solid rgba(71, 56, 42, 0.08);
}

.tables-grid th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: rgba(245, 236, 224, 0.94);
}

.knowledge-tree__toggle svg,
.knowledge-tree__add-child svg,
.knowledge-mobile-bar__back svg,
.tables-create__col-remove svg {
  width: 16px;
  height: 16px;
  display: block;
}

.tables-create__col-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.templates-sidebar__badge {
  margin-top: 0.35rem;
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: rgba(199, 104, 58, 0.12);
  color: #ad5429;
  font-size: 0.7rem;
  font-weight: 600;
}

.agent-command-modal__hero {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background:
    radial-gradient(circle at top right, rgba(92, 141, 209, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.95) 0%, rgba(244, 235, 223, 0.95) 100%);
}

.agent-command-modal__hero strong {
  display: block;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.2rem;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.agent-command-modal__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.65rem;
  gap: 0.65rem;
}

.agent-command-modal__summary-card,
.agent-command-modal__step {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.85rem 0.95rem;
  border-radius: 18px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 252, 246, 0.8);
}

.agent-command-modal__summary-card span,
.agent-command-modal__step span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-command-modal__summary-card strong {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
  line-height: 1.4;
  word-break: break-all;
}

.agent-command-modal__steps {
  display: grid;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.agent-command-modal__step {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: 0.8rem;
}

.agent-command-modal__step strong {
  font-size: 0.92rem;
  line-height: 1.5;
}

.agent-command-modal__notes {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}

.modal-close svg {
  width: 18px;
  height: 18px;
  display: block;
}

@media (max-width: 980px) {
  .knowledge-hero__stats,
  .tables-hero__stats,
  .templates-hero__stats,
  .agent-command-modal__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .knowledge-page,
  .tables-page,
  .templates-page {
    gap: 0.9rem;
  }

  .knowledge-hero,
  .tables-hero,
  .templates-hero {
    padding: 1rem;
  }

  .knowledge-layout,
  .tables-layout,
  .templates-layout {
    border-radius: 26px;
  }
}

@media (max-width: 640px) {
  .knowledge-hero__stats,
  .tables-hero__stats,
  .templates-hero__stats,
  .agent-command-modal__summary {
    grid-template-columns: 1fr;
  }
}

.approvals-list-pane__hero,
.automations-hero,
.calendar-hero,
.org-chart-hero {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(92, 141, 209, 0.12), transparent 24%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.95) 0%, rgba(244, 235, 223, 0.95) 100%);
  box-shadow: 0 24px 48px rgba(92, 64, 39, 0.08);
}

.approvals-list-pane__hero strong,
.automations-hero__copy h2,
.calendar-hero__copy h2,
.org-chart-hero__copy h2 {
  display: block;
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.35rem, 2.7vw, 2rem);
  line-height: 1.06;
  letter-spacing: -0.035em;
}

.approvals-list-pane__hero-stats,
.automations-hero__stats,
.calendar-hero__stats,
.org-chart-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.approvals-list-pane__hero-stat,
.automations-hero__stat,
.calendar-hero__stat,
.org-chart-hero__stat {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.85rem 0.95rem;
  border-radius: 20px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 252, 246, 0.74);
}

.approvals-list-pane__hero-stat span,
.automations-hero__stat span,
.calendar-hero__stat span,
.org-chart-hero__stat span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.approvals-list-pane__hero-stat strong,
.automations-hero__stat strong,
.calendar-hero__stat strong,
.org-chart-hero__stat strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.15rem;
  line-height: 1;
}

.approvals-shell,
.automations-page,
.calendar-page,
.org-chart-page {
  gap: 1rem;
}

.approvals-list-pane,
.approvals-detail-pane {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.9) 0%, rgba(246, 238, 228, 0.82) 100%);
  border-radius: 28px;
  border-color: rgba(71, 56, 42, 0.08);
  box-shadow: 0 22px 44px rgba(92, 64, 39, 0.08);
}

.approvals-list-pane__hero {
  margin: 1rem 1rem 0;
}

.approvals-list-item {
  margin: 0.5rem 0.6rem 0;
  border: 1px solid transparent;
  border-radius: 18px;
  background: rgba(255, 251, 245, 0.72);
}

.approvals-list-item:hover {
  border-color: rgba(199, 104, 58, 0.14);
  background: rgba(255, 252, 247, 0.94);
}

.approvals-list-item--selected {
  border-color: rgba(199, 104, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
}

.approvals-detail {
  gap: 1rem;
}

.approvals-detail__meta,
.approvals-detail__preview-box,
.approvals-detail__comment p,
.approvals-detail__comment-input {
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 22px;
  background: rgba(255, 252, 247, 0.76);
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.05);
}

.approvals-detail__back svg {
  width: 18px;
  height: 18px;
  display: block;
}

.automations-page .automations-layout,
.calendar-page .calendar-layout,
.org-chart-page .org-chart-shell {
  background: rgba(255, 249, 242, 0.64);
  border: 1px solid rgba(71, 56, 42, 0.06);
  border-radius: 30px;
  padding: 1rem 1.1rem 1.2rem;
  box-shadow: 0 20px 40px rgba(92, 64, 39, 0.06);
}

.automations-card,
.calendar-task-card,
.org-chart-card {
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 22px;
  background: rgba(255, 252, 247, 0.8);
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.06);
}

.automations-card--selected {
  border-color: rgba(199, 104, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
}

.calendar-day__label,
.org-chart-group__title,
.org-chart-channel__name {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  letter-spacing: -0.02em;
}

.org-chart-card__avatar svg {
  width: 18px;
  height: 18px;
  display: block;
}

@media (max-width: 980px) {
  .approvals-list-pane__hero-stats,
  .automations-hero__stats,
  .calendar-hero__stats,
  .org-chart-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .approvals-list-pane__hero-stats,
  .automations-hero__stats,
  .calendar-hero__stats,
  .org-chart-hero__stats {
    grid-template-columns: 1fr;
  }
}

.search-dialog {
  width: min(640px, 92vw);
  max-height: 68vh;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.1), transparent 24%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.96) 0%, rgba(246, 238, 228, 0.94) 100%);
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 22px;
  box-shadow: 0 28px 56px rgba(25, 18, 12, 0.2);
}

.search-dialog__input-wrap {
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border-bottom-color: rgba(71, 56, 42, 0.08);
}

.search-dialog__icon {
  color: rgba(71, 56, 42, 0.56);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.search-dialog__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.search-dialog__results {
  padding: 0.6rem;
}

.search-result-item {
  padding: 0.75rem 0.8rem;
  border-radius: 14px;
}

.search-result-item:hover,
.search-result-item--active {
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
}

.search-dialog__empty {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  justify-items: center;
  padding: 2rem 1rem;
  text-align: center;
  color: rgba(71, 56, 42, 0.62);
}

.search-dialog__empty strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.05rem;
  color: var(--text);
}

.search-dialog__empty p {
  margin: 0;
  font-size: 0.86rem;
}

.search-dialog__empty-icon {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255, 250, 243, 0.9);
  border: 1px solid rgba(71, 56, 42, 0.08);
  color: rgba(71, 56, 42, 0.66);
}

.search-dialog__hint {
  border-top-color: rgba(71, 56, 42, 0.08);
  color: rgba(71, 56, 42, 0.56);
}

.inline-help-tooltip__button svg {
  width: 14px;
  height: 14px;
  display: block;
}

.inline-help-tooltip__button {
  background: rgba(255, 252, 247, 0.9);
  color: rgba(71, 56, 42, 0.64);
}

.hover-tooltip__content {
  background: #1f2530;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.hover-tooltip__content::before {
  background: #1f2530;
}

.workspace,
.workspace__frame {
  min-height: 100vh;
}

.workspace__frame--status {
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.14), transparent 24%),
    radial-gradient(circle at bottom left, rgba(92, 141, 209, 0.12), transparent 24%),
    linear-gradient(180deg, #f9f5ee 0%, var(--bg) 100%);
}

.status-screen {
  width: min(720px, 100%);
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 30px;
  background: rgba(255, 252, 247, 0.94);
  box-shadow: 0 28px 56px rgba(92, 64, 39, 0.08);
}

.status-screen__eyebrow,
.state-callout__eyebrow {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.status-screen h1 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.status-screen p {
  margin: 0;
  color: rgba(53, 46, 38, 0.68);
  line-height: 1.65;
}

.status-screen__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.status-screen__metric,
.state-callout {
  display: grid;
  grid-gap: 0.3rem;
  gap: 0.3rem;
  padding: 0.95rem 1rem;
  border-radius: 22px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 250, 243, 0.84);
}

.status-screen__metric span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.status-screen__metric strong,
.state-callout strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.05rem;
  line-height: 1.08;
}

.state-callout--loading {
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.92) 0%, rgba(233, 241, 250, 0.96) 100%);
}

.state-callout--error {
  background: linear-gradient(180deg, rgba(255, 243, 239, 0.92) 0%, rgba(250, 229, 223, 0.96) 100%);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.72rem 1.2rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
}

.button--primary {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 14px 24px rgba(199, 104, 58, 0.22);
}

.button--primary:hover {
  background: var(--accent-hover);
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 640px) {
  .status-screen__metrics {
    grid-template-columns: 1fr;
  }
}

@keyframes chat-attachment-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -20% 0;
  }
}

.tag-row {
  align-items: flex-start;
}

.tag-pill {
  background: var(--accent-soft);
  color: var(--accent);
}

.tag-pill--muted {
  background: var(--panel-strong);
  color: var(--muted);
}

.action-ribbon {
  margin-top: -0.2rem;
}

.form-panel {
  background: rgba(248, 247, 252, 0.72);
  border-radius: var(--radius-md);
  padding: 1.1rem;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 15, 20, 0.4);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: grid;
  place-items: center;
  padding: 1.5rem;
  z-index: 50;
  animation: modal-fade-in 150ms ease-out;
}

@keyframes modal-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes modal-slide-up {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.modal-card {
  width: min(760px, 100%);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.1), transparent 24%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.98) 0%, rgba(246, 238, 228, 0.96) 100%);
  border: 1px solid rgba(71, 56, 42, 0.08);
  box-shadow: 0 28px 60px rgba(25, 18, 12, 0.18);
  overflow: hidden;
  animation: modal-slide-up 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-card--channel {
  width: min(980px, 100%);
  display: flex;
  flex-direction: column;
  max-height: min(840px, calc(100dvh - 3rem));
}

.modal-card--channel .modal-card__header,
.modal-card--channel .modal-card__footer {
  flex: 0 0 auto;
}

.modal-card--compact {
  width: min(520px, 100%);
}

.modal-card--skill-create {
  display: flex;
  flex-direction: column;
  width: min(980px, 100%);
  max-height: min(860px, calc(100dvh - 3rem));
  overflow: hidden;
}

.modal-card--agent-create {
  display: flex;
  flex-direction: column;
  width: min(1120px, 100%);
  max-height: min(900px, calc(100dvh - 3rem));
  overflow: hidden;
}

.modal-card--skill-create .modal-card__header,
.modal-card--skill-create .modal-card__footer,
.modal-card--agent-create .modal-card__header,
.modal-card--agent-create .modal-card__footer {
  flex: 0 0 auto;
}

.modal-card--skill-create .modal-card__body,
.modal-card--agent-create .modal-card__body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.modal-card__header,
.modal-card__footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.5rem;
}

.modal-card__header {
  border-bottom: 1px solid var(--line);
}

.modal-card__header h3 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.modal-card__header p {
  margin: 0.35rem 0 0;
  color: rgba(53, 46, 38, 0.66);
  font-size: 0.88rem;
  line-height: 1.6;
}

.modal-card__eyebrow {
  display: inline-flex;
  margin: 0 0 0.45rem;
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.modal-card__note {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  padding: 0.95rem 1rem;
  border-radius: 20px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 251, 245, 0.76);
}

.modal-card__note strong {
  font-size: 0.96rem;
}

.modal-card__note p {
  margin: 0;
  color: rgba(53, 46, 38, 0.66);
  font-size: 0.85rem;
  line-height: 1.55;
}

.modal-card__body {
  padding: 1.3rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.agent-create-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.35rem;
  gap: 0.35rem;
  padding: 0.25rem;
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.58);
}

.agent-create-mode__button {
  min-height: 2.4rem;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(53, 46, 38, 0.66);
  font-size: 0.86rem;
  font-weight: 700;
}

.agent-create-mode__button:hover {
  color: var(--text);
}

.agent-create-mode__button--active {
  background: #242426;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(25, 18, 12, 0.16);
}

.agent-create-mode__button--active:hover {
  color: #ffffff;
}

.agent-template-market,
.skill-preset-market {
  display: grid;
  grid-gap: 0.85rem;
  gap: 0.85rem;
}

.agent-template-market__toolbar {
  display: grid;
  grid-template-columns: auto minmax(18rem, 0.42fr);
  grid-gap: 0.85rem;
  gap: 0.85rem;
  align-items: center;
}

.agent-template-market__tabs {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  padding: 0.2rem;
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
  overflow-x: auto;
}

.agent-template-market__tab {
  min-height: 2rem;
  padding: 0.35rem 0.78rem;
  border-radius: 8px;
  background: transparent;
  color: rgba(53, 46, 38, 0.62);
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

.agent-template-market__tab:hover {
  color: var(--text);
}

.agent-template-market__tab--active {
  background: #edf0ff;
  color: #5875ef;
}

.agent-template-market__search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 0.45rem;
  gap: 0.45rem;
  align-items: center;
  min-height: 2.45rem;
  padding: 0 0.75rem;
  border: 1px solid rgba(71, 56, 42, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
}

.agent-template-market__search svg {
  color: rgba(53, 46, 38, 0.58);
  height: 16px;
  width: 16px;
}

.agent-template-market__search input {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.agent-template-market__search input:focus {
  border-color: transparent;
  box-shadow: none;
}

.agent-template-picker,
.skill-preset-market__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-gap: 0.85rem;
  gap: 0.85rem;
}

.agent-template-card,
.skill-preset-market-card {
  min-height: 11rem;
  padding: 0.95rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--text);
  text-align: left;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.agent-template-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-content: start;
}

.skill-preset-market-card {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.agent-template-card:hover,
.skill-preset-market-card:hover {
  border-color: rgba(88, 117, 239, 0.22);
  box-shadow: 0 12px 28px rgba(53, 55, 74, 0.08);
  transform: translateY(-1px);
}

.agent-template-card--active {
  border-color: rgba(88, 117, 239, 0.46);
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(88, 117, 239, 0.16), 0 16px 32px rgba(53, 55, 74, 0.1);
}

.agent-template-card__avatar,
.skill-preset-market-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 10px;
  background: #f0f2f8;
  color: #242426;
  box-shadow: inset 0 0 0 1px rgba(36, 36, 38, 0.06);
}

.agent-template-card__avatar svg,
.skill-preset-market-card__avatar svg {
  height: 24px;
  width: 24px;
}

.agent-template-card__copy,
.skill-preset-market-card__header > div {
  display: grid;
  grid-gap: 0.12rem;
  gap: 0.12rem;
  min-width: 0;
}

.skill-preset-market-card__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-items: center;
}

.agent-template-card__category {
  color: rgba(71, 56, 42, 0.54);
  font-size: 0.72rem;
  font-weight: 750;
}

.agent-template-card strong,
.skill-preset-market-card strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 750;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-template-card small,
.skill-preset-market-card__header span {
  color: rgba(53, 46, 38, 0.54);
  font-size: 0.76rem;
  line-height: 1.25;
}

.agent-template-card p,
.skill-preset-market-card p {
  display: -webkit-box;
  min-height: 2.9rem;
  margin: 0;
  overflow: hidden;
  color: rgba(53, 46, 38, 0.72);
  font-size: 0.84rem;
  grid-column: 1 / -1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.55;
}

.agent-template-card__footer,
.skill-preset-market-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.78rem;
  border-top: 1px solid rgba(71, 56, 42, 0.08);
  color: rgba(53, 46, 38, 0.58);
  font-size: 0.78rem;
  grid-column: 1 / -1;
}

.agent-template-card__footer span,
.skill-preset-market-card__footer span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.skill-preset-market-card__footer .modal-secondary-button {
  flex: 0 0 auto;
}

.agent-template-market__empty {
  padding: 1.2rem;
  border: 1px dashed rgba(71, 56, 42, 0.18);
  border-radius: 8px;
  color: rgba(53, 46, 38, 0.58);
  font-size: 0.86rem;
  text-align: center;
}

.agent-template-skill-panel {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.95rem;
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.56);
}

.agent-template-skill-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.agent-template-skill-panel__header div {
  display: grid;
  grid-gap: 0.2rem;
  gap: 0.2rem;
}

.agent-template-skill-panel__header strong {
  font-size: 0.9rem;
}

.agent-template-skill-panel__header span,
.agent-template-skill-row span {
  color: rgba(53, 46, 38, 0.64);
  font-size: 0.8rem;
  line-height: 1.45;
}

.agent-template-skill-panel a {
  color: #2e5f9f;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

.agent-template-skill-panel a:hover {
  text-decoration: underline;
}

.agent-template-skill-list {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}

.agent-template-skill-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.85rem;
  gap: 0.85rem;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 10px;
  background: rgba(255, 251, 245, 0.66);
}

.agent-template-skill-row > div:first-child {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  min-width: 0;
}

.agent-template-skill-row strong {
  font-size: 0.86rem;
}

.agent-template-skill-row__status {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.agent-template-skill-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  background: rgba(161, 80, 36, 0.1);
  color: #8b3f22;
  font-size: 0.74rem;
  font-weight: 800;
}

.agent-template-skill-badge--matched {
  background: rgba(56, 127, 86, 0.12);
  color: #2b7350;
}

.skill-import-source-picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.45rem;
  gap: 0.45rem;
}

.skill-import-source-picker__button {
  min-height: 2.35rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid rgba(71, 56, 42, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.66);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.skill-import-source-picker__button:hover {
  border-color: rgba(36, 36, 38, 0.18);
  color: var(--text);
}

.skill-import-source-picker__button--active {
  border-color: rgba(36, 36, 38, 0.28);
  background: #242426;
  color: #ffffff;
}

.skill-import-source-picker__button--active:hover {
  color: #ffffff;
}

@media (max-width: 560px) {
  .agent-template-market__toolbar {
    grid-template-columns: 1fr;
  }

  .agent-template-picker,
  .skill-preset-market__grid {
    grid-template-columns: 1fr;
  }

  .agent-template-skill-panel__header,
  .agent-template-skill-row {
    grid-template-columns: 1fr;
  }

  .agent-template-skill-panel__header {
    display: grid;
  }

  .agent-template-skill-row__status {
    justify-content: space-between;
  }

  .skill-import-source-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.modal-card__body--channel {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.modal-card__footer {
  border-top: 1px solid var(--line);
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.modal-close,
.modal-secondary-button {
  border: 0;
  background: transparent;
  color: var(--text);
}

.modal-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(71, 56, 42, 0.08);
}

.modal-close:hover {
  background: rgba(255, 255, 255, 0.96);
}

.modal-secondary-button {
  padding: 0.75rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(71, 56, 42, 0.12);
  background: rgba(255, 251, 245, 0.72);
}

.modal-secondary-button:hover {
  background: rgba(255, 255, 255, 0.94);
}

.workspace-onboarding {
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
}

.workspace-onboarding__veil {
  position: absolute;
  inset: 0;
  background: rgba(8, 10, 16, 0.18);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.workspace-onboarding__spotlight {
  position: fixed;
  border-radius: 16px;
  box-shadow:
    0 0 0 9999px rgba(8, 10, 16, 0.28),
    0 0 0 2px rgba(255, 255, 255, 0.9),
    0 18px 42px rgba(4, 6, 12, 0.28);
  pointer-events: none;
  transition: top 180ms ease, left 180ms ease, width 180ms ease, height 180ms ease;
}

.workspace-onboarding__panel {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  width: min(360px, calc(100vw - 2rem));
  display: grid;
  grid-gap: 0.95rem;
  gap: 0.95rem;
  padding: 1rem;
  border: 1px solid rgba(71, 56, 42, 0.12);
  border-radius: 14px;
  background: rgba(255, 252, 247, 0.98);
  box-shadow: 0 24px 64px rgba(12, 15, 24, 0.24);
  color: #242426;
  pointer-events: auto;
}

.workspace-onboarding__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-items: start;
}

.workspace-onboarding__icon,
.workspace-onboarding__close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
}

.workspace-onboarding__icon {
  background: rgba(199, 104, 58, 0.12);
  color: #ad5429;
}

.workspace-onboarding__close {
  border: 1px solid rgba(71, 56, 42, 0.1);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(36, 36, 38, 0.64);
}

.workspace-onboarding__close:hover {
  background: #ffffff;
  color: #242426;
}

.workspace-onboarding__eyebrow {
  margin: 0 0 0.24rem;
  color: rgba(36, 36, 38, 0.54);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-onboarding__header h2 {
  margin: 0;
  color: #1d1d1f;
  font-size: 1.05rem;
  font-weight: 620;
  line-height: 1.22;
  letter-spacing: 0;
}

.workspace-onboarding__body {
  margin: 0;
  color: rgba(36, 36, 38, 0.68);
  font-size: 0.9rem;
  line-height: 1.62;
}

.workspace-onboarding__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8px, 1fr));
  grid-gap: 0.28rem;
  gap: 0.28rem;
}

.workspace-onboarding__progress-dot {
  height: 4px;
  border-radius: 999px;
  background: rgba(36, 36, 38, 0.14);
}

.workspace-onboarding__progress-dot--active {
  background: #c7683a;
}

.workspace-onboarding__actions,
.workspace-onboarding__step-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.workspace-onboarding__actions {
  justify-content: space-between;
}

.workspace-onboarding__step-actions {
  justify-content: flex-end;
}

.workspace-onboarding__step-actions--primary {
  flex: 1 1 auto;
  justify-content: flex-start;
  min-width: 0;
}

.workspace-onboarding .primary-button,
.workspace-onboarding .modal-secondary-button {
  min-height: 2.1rem;
  padding: 0.44rem 0.78rem;
  border-radius: 8px;
  font-size: 0.84rem;
}

@media (max-width: 760px) {
  .workspace-onboarding__panel {
    right: 1rem;
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    left: 1rem;
    width: auto;
  }

  .workspace-onboarding__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace-onboarding__actions > .modal-secondary-button,
  .workspace-onboarding__step-actions,
  .workspace-onboarding__step-actions > * {
    width: 100%;
  }

  .workspace-onboarding__step-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .workspace-onboarding__step-actions--primary {
    display: block;
  }
}

.execution-engine-select {
  position: relative;
  width: 100%;
}

.execution-engine-select__button {
  width: 100%;
  min-height: 4.7rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid rgba(71, 56, 42, 0.14);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(251, 247, 240, 0.94) 100%);
  color: var(--text);
  text-align: left;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.execution-engine-select__button:hover,
.execution-engine-select__button--open {
  border-color: rgba(199, 104, 58, 0.36);
  box-shadow:
    0 0 0 3px rgba(199, 104, 58, 0.1),
    0 12px 24px rgba(44, 28, 16, 0.08);
}

.execution-engine-select__button:focus-visible {
  outline: 2px solid rgba(199, 104, 58, 0.32);
  outline-offset: 2px;
}

.execution-engine-select__marker {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(199, 104, 58, 0.12);
  color: var(--accent);
}

.execution-engine-select__summary {
  min-width: 0;
  display: grid;
  grid-gap: 0.26rem;
  gap: 0.26rem;
}

.execution-engine-select__title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.execution-engine-select__title-row strong,
.execution-engine-select__option-main strong {
  min-width: 0;
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 0.93rem;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.execution-engine-select__placeholder {
  color: var(--text);
  font-weight: 650;
}

.execution-engine-select__empty-copy {
  color: var(--muted);
  font-size: 0.8rem;
}

.execution-engine-select__meta {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.28rem 0.45rem;
  color: rgba(53, 46, 38, 0.68);
  font-size: 0.78rem;
  line-height: 1.35;
}

.execution-engine-select__meta span,
.execution-engine-select__meta code {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.execution-engine-select__meta code {
  border-radius: 999px;
  background: rgba(18, 23, 35, 0.06);
  color: rgba(23, 24, 29, 0.72);
  padding: 0.08rem 0.42rem;
  font-family: "SFMono-Regular", "SF Mono", "Menlo", "Consolas", monospace;
  font-size: 0.72rem;
}

.execution-engine-select__status {
  flex: none;
  border-radius: 999px;
  padding: 0.15rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.25;
}

.execution-engine-select__status--online {
  background: var(--success-soft);
  color: var(--success);
}

.execution-engine-select__status--offline {
  background: var(--danger-soft);
  color: var(--danger);
}

.execution-engine-select__chevron {
  color: rgba(53, 46, 38, 0.5);
  transition: transform var(--transition), color var(--transition);
}

.execution-engine-select__button--open .execution-engine-select__chevron {
  color: var(--accent);
  transform: rotate(180deg);
}

.execution-engine-select__menu {
  position: absolute;
  z-index: 120;
  top: calc(100% + 0.45rem);
  left: 0;
  right: 0;
  max-height: min(20rem, 46vh);
  overflow: auto;
  padding: 0.45rem;
  border: 1px solid rgba(71, 56, 42, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 252, 247, 0.98) 0%, rgba(245, 238, 229, 0.98) 100%);
  box-shadow: 0 22px 46px rgba(25, 18, 12, 0.2);
}

.execution-engine-select__option {
  width: 100%;
  display: block;
  border-radius: 13px;
  border: 1px solid transparent;
  background: transparent;
  padding: 0.72rem 0.78rem;
  text-align: left;
  transition: background var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.execution-engine-select__option:hover,
.execution-engine-select__option:focus-visible,
.execution-engine-select__option--selected {
  border-color: rgba(199, 104, 58, 0.18);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 8px 18px rgba(44, 28, 16, 0.06);
  outline: none;
}

.execution-engine-select__option-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.execution-engine-select__option-main > span:first-child {
  min-width: 0;
  display: grid;
  grid-gap: 0.24rem;
  gap: 0.24rem;
}

.form-help {
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

.runtime-binding-panel {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.runtime-binding-panel .panel-header {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--console-border, rgba(71, 56, 42, 0.12));
}

.runtime-binding-overview {
  display: grid;
  grid-gap: 0.85rem;
  gap: 0.85rem;
}

.runtime-binding-overview__summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  align-items: center;
}

.runtime-binding-overview__icon {
  width: 2.35rem;
  height: 2.35rem;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--console-subtle, rgba(18, 23, 35, 0.06));
  color: var(--console-text, #242426);
  box-shadow: inset 0 0 0 1px var(--console-border, rgba(71, 56, 42, 0.1));
}

.runtime-binding-overview__copy {
  min-width: 0;
  display: grid;
  grid-gap: 0.18rem;
  gap: 0.18rem;
}

.runtime-binding-overview__copy span,
.runtime-binding-details dt,
.runtime-binding-overview__error span {
  color: var(--console-muted, rgba(53, 46, 38, 0.62));
  font-size: 0.76rem;
  line-height: 1.35;
}

.runtime-binding-overview__copy strong {
  overflow: hidden;
  color: var(--console-text, var(--text));
  font-size: 1rem;
  font-weight: 520;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-binding-overview__chips {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.runtime-binding-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--console-border, rgba(71, 56, 42, 0.1));
  border-bottom: 1px solid var(--console-border, rgba(71, 56, 42, 0.1));
}

.runtime-binding-details > div {
  min-width: 0;
  display: grid;
  grid-gap: 0.22rem;
  gap: 0.22rem;
  padding: 0.68rem 0.85rem 0.68rem 0;
}

.runtime-binding-details > div:nth-child(even) {
  padding-right: 0;
  padding-left: 0.85rem;
  border-left: 1px solid var(--console-border, rgba(71, 56, 42, 0.1));
}

.runtime-binding-details dt,
.runtime-binding-details dd {
  min-width: 0;
}

.runtime-binding-details dd {
  margin: 0;
  overflow: hidden;
  color: var(--console-text, var(--text));
  font-size: 0.86rem;
  font-weight: 480;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-binding-overview__error {
  display: grid;
  grid-gap: 0.22rem;
  gap: 0.22rem;
  padding: 0.72rem 0.85rem;
  border-left: 3px solid var(--danger);
  border-radius: 6px;
  background: var(--danger-soft);
}

.runtime-binding-overview__error strong {
  color: var(--danger);
  font-size: 0.84rem;
  font-weight: 560;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.runtime-binding-control {
  padding-top: 0.1rem;
}

.agents-detail-pane .runtime-binding-panel .execution-engine-select__button {
  min-height: 4.05rem;
  border-color: var(--console-border, rgba(71, 56, 42, 0.14));
  border-radius: 8px;
  background: var(--console-card, #ffffff);
  box-shadow: none;
}

.agents-detail-pane .runtime-binding-panel .execution-engine-select__button:hover,
.agents-detail-pane .runtime-binding-panel .execution-engine-select__button--open {
  border-color: var(--console-border-strong, rgba(36, 36, 38, 0.22));
  box-shadow: 0 0 0 3px rgba(36, 36, 38, 0.06);
}

.agents-detail-pane .runtime-binding-panel .execution-engine-select__marker {
  width: 2rem;
  height: 2rem;
  border-radius: 7px;
  background: var(--console-subtle, rgba(18, 23, 35, 0.06));
  color: var(--console-text, #242426);
}

.agents-detail-pane .runtime-binding-panel .execution-engine-select__menu {
  border-color: var(--console-border, rgba(71, 56, 42, 0.14));
  border-radius: 8px;
  background: var(--console-card, #ffffff);
  box-shadow: 0 16px 36px rgba(24, 24, 28, 0.14);
}

.agents-detail-pane .runtime-binding-panel .execution-engine-select__option {
  border-radius: 6px;
}

@media (max-width: 640px) {
  .runtime-binding-overview__summary,
  .runtime-binding-details {
    grid-template-columns: 1fr;
  }

  .runtime-binding-overview__icon {
    display: none;
  }

  .runtime-binding-overview__chips {
    justify-content: flex-start;
  }

  .runtime-binding-details > div,
  .runtime-binding-details > div:nth-child(even) {
    padding: 0.62rem 0;
    border-left: 0;
  }

  .runtime-binding-details > div + div {
    border-top: 1px solid var(--console-border, rgba(71, 56, 42, 0.1));
  }
}

.runtime-grants-panel {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(71, 56, 42, 0.12);
}

.runtime-overview-heading {
  display: grid;
  grid-gap: 0.18rem;
  gap: 0.18rem;
  min-width: 0;
}

.runtime-overview-heading__remark {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.35rem;
}

.runtime-overview-heading span,
.runtime-display-name-readonly span {
  color: var(--muted);
  font-size: 0.82rem;
}

.runtime-overview-heading__remark span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-overview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.runtime-overview-delete {
  min-height: 2rem;
  padding: 0.38rem 0.7rem;
}

.runtime-overview-delete svg {
  width: 1rem;
  height: 1rem;
}

.runtime-display-name-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.85rem 0;
  border-top: 1px solid rgba(71, 56, 42, 0.1);
  border-bottom: 1px solid rgba(71, 56, 42, 0.1);
}

.runtime-display-name-form input {
  min-height: 2.45rem;
  border-radius: 8px;
  border: 1px solid rgba(71, 56, 42, 0.14);
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
}

.runtime-display-name-readonly {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.75rem 0;
  border-top: 1px solid rgba(71, 56, 42, 0.1);
  border-bottom: 1px solid rgba(71, 56, 42, 0.1);
}

.runtime-display-name-readonly strong {
  font-size: 0.95rem;
}

.runtime-grants-panel__list {
  display: grid;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.runtime-grants-panel__empty {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.55rem 0 0.7rem;
  border-bottom: 1px solid rgba(71, 56, 42, 0.1);
}

.runtime-grants-panel__empty strong {
  font-size: 0.92rem;
}

.runtime-grants-panel__empty span {
  color: var(--muted);
  font-size: 0.86rem;
}

.runtime-grants-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(71, 56, 42, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.runtime-grants-panel__row div {
  min-width: 0;
  display: grid;
  grid-gap: 0.2rem;
  gap: 0.2rem;
}

.runtime-grants-panel__row strong,
.runtime-grants-panel__row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-grants-panel__row span {
  color: var(--muted);
  font-size: 0.82rem;
}

.runtime-grants-panel__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.runtime-grants-panel__form select {
  min-height: 2.65rem;
  border: 1px solid rgba(71, 56, 42, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  padding: 0 0.75rem;
}

@media (max-width: 640px) {
  .runtime-display-name-form,
  .runtime-grants-panel__form {
    grid-template-columns: 1fr;
  }
}

.agent-command-modal__textarea {
  width: 100%;
  resize: vertical;
  min-height: 7.5rem;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: rgba(248, 250, 252, 0.96);
  color: #0f172a;
  padding: 0.95rem 1rem;
  font-family: "SFMono-Regular", "SF Mono", "Menlo", "Consolas", monospace;
  font-size: 0.88rem;
  line-height: 1.6;
}

.agent-command-modal__textarea:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.channel-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);
  grid-gap: 1rem;
  gap: 1rem;
  height: clamp(320px, calc(100dvh - 19rem), 460px);
  min-height: 0;
}

.channel-picker__column {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fbfbfe;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-height: 0;
}

.channel-picker__list {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.channel-picker__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 2.25rem;
}

.channel-picker__summary {
  min-width: 0;
}

.channel-picker__summary strong {
  display: block;
  font-size: 0.88rem;
}

.channel-picker__summary span {
  display: block;
  margin-top: 0.1rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.channel-picker__pager {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex: none;
}

.channel-picker__pager-button {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid rgba(71, 56, 42, 0.12);
  background: #fff;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.channel-picker__pager-button:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}

.channel-picker__pager-button:not(:disabled):hover {
  border-color: rgba(111, 125, 247, 0.32);
  background: #f5f6ff;
}

.channel-picker__pager-icon--next {
  transform: rotate(180deg);
}

.channel-picker__page-label {
  min-width: 3rem;
  text-align: center;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.channel-member-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem 0.9rem;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #fff;
  text-align: left;
}

.channel-member-row--selected {
  border-color: rgba(111, 125, 247, 0.32);
  background: #edf0ff;
}

.channel-member-row--static {
  cursor: default;
}

.channel-member-row__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  color: #fff;
  flex: none;
}

.channel-member-row__avatar--human {
  background: linear-gradient(180deg, #7d92ff 0%, #6075ec 100%);
}

.channel-member-row__avatar--agent {
  background: linear-gradient(180deg, #66c5a4 0%, #49a98b 100%);
}

.channel-member-row__content {
  min-width: 0;
  flex: 1 1;
}

.channel-member-row__content strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channel-member-row__content span {
  display: block;
  margin-top: 0.16rem;
  font-size: 0.82rem;
  color: var(--muted);
}

@media (max-width: 760px) {
  .modal-card--channel {
    max-height: calc(100dvh - 1.5rem);
  }

  .channel-picker {
    grid-template-columns: 1fr;
    height: auto;
  }

  .channel-picker__column {
    min-height: 260px;
  }

  .channel-picker__list {
    max-height: 18rem;
  }
}

.delete-warning {
  padding: 1rem 1.05rem;
  border-radius: 18px;
  background: #fbfbfe;
  border: 1px solid var(--line);
}

.delete-warning strong {
  display: block;
  font-size: 1.05rem;
}

.delete-warning p {
  margin: 0.45rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.form-panel--nested {
  background: var(--panel-strong);
  box-shadow: none;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field--full {
  grid-column: 1 / -1;
}

.workspace-empty {
  border-radius: 24px;
  padding: 1.5rem;
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.9) 0%, rgba(246, 237, 225, 0.92) 100%);
  text-align: center;
}

.workspace-empty strong {
  display: block;
  margin-bottom: 0.35rem;
}

.feedback-banner {
  border-radius: 18px;
  padding: 0.8rem 1rem;
  font-size: 0.88rem;
  font-weight: 510;
  background: rgba(255, 250, 244, 0.88);
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.feedback-banner strong {
  display: block;
}

.feedback-banner span,
.feedback-banner p {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}

.feedback-banner--success {
  background: var(--success-soft);
  color: var(--success);
  border-color: rgba(39, 166, 68, 0.15);
}

.feedback-banner--error {
  background: var(--danger-soft);
  color: var(--danger);
  border-color: rgba(217, 48, 37, 0.15);
}

.feedback-toast-region {
  position: fixed;
  right: 1.4rem;
  bottom: 1.4rem;
  z-index: 80;
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
  pointer-events: none;
}

.feedback-toast {
  min-width: min(22rem, calc(100vw - 2rem));
  max-width: min(28rem, calc(100vw - 2rem));
  border-radius: 18px;
  padding: 0.8rem 0.8rem 0.8rem 0.95rem;
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  border: 1px solid rgba(61, 45, 31, 0.08);
  box-shadow: 0 20px 44px rgba(38, 23, 12, 0.16);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  pointer-events: auto;
  animation: feedback-toast-enter 180ms ease-out;
  transform-origin: bottom right;
  transition: opacity 180ms ease, transform 180ms ease, filter 180ms ease;
}

.feedback-toast__icon {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.56);
}

.feedback-toast__icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.feedback-toast__body {
  flex: 1 1;
}

.feedback-toast__body span {
  display: block;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.5;
}

.feedback-toast__close {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.46);
  color: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 160ms ease, transform 160ms ease;
}

.feedback-toast__close:hover {
  background: rgba(255, 255, 255, 0.72);
  transform: translateY(-1px);
}

.feedback-toast__close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.feedback-toast--success {
  background: linear-gradient(180deg, rgba(236, 250, 240, 0.94) 0%, rgba(228, 246, 233, 0.98) 100%);
  color: #1c6f37;
}

.feedback-toast--error {
  background: linear-gradient(180deg, rgba(255, 239, 236, 0.96) 0%, rgba(252, 231, 227, 0.98) 100%);
  color: #b42318;
}

.feedback-toast--info {
  background: linear-gradient(180deg, rgba(236, 246, 255, 0.96) 0%, rgba(227, 240, 253, 0.98) 100%);
  color: #1d4f91;
}

.feedback-toast--warning {
  background: linear-gradient(180deg, rgba(255, 246, 229, 0.97) 0%, rgba(250, 237, 207, 0.99) 100%);
  color: #8a4b08;
}

.feedback-toast--closing {
  opacity: 0;
  transform: translateY(8px) scale(0.985);
  filter: blur(4px);
}

@keyframes feedback-toast-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.meta-strip {
  padding: 0.6rem 0.85rem;
  border-radius: var(--radius-sm);
  background: var(--panel-strong);
  font-size: 0.82rem;
}

/* Workspace shell refresh */

.workspace-layout {
  background: linear-gradient(180deg, #f4ece0 0%, #eadfcd 100%);
  grid-template-columns: 304px minmax(0, 1fr);
}

.workspace-sidebar {
  padding: 1rem;
  background:
    radial-gradient(circle at top left, rgba(244, 173, 131, 0.16), transparent 28%),
    linear-gradient(180deg, #111622 0%, #151c29 48%, #10151f 100%);
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.workspace-sidebar__label,
.workspace-sidebar__label span {
  color: rgba(255, 255, 255, 0.48);
}

.workspace-user-badge,
.workspace-agent-link__avatar,
.workspace-dm-link__avatar,
.workspace-account__avatar,
.workspace-channel-link strong::before {
  box-shadow: none;
}

.workspace-user-badge {
  width: 46px;
  height: 46px;
  background: linear-gradient(180deg, #f08c57 0%, #c7683a 100%);
  box-shadow: 0 16px 32px rgba(199, 104, 58, 0.28);
}

.workspace-circle-button,
.workspace-square-button {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 248, 238, 0.72);
}

.workspace-circle-button:hover,
.workspace-square-button:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.workspace-square-button--active {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.workspace-square-button svg,
.workspace-circle-button svg,
.workspace-search__icon svg,
.workspace-sidebar__signal-icon svg,
.workspace-sidebar__section-icon svg,
.workspace-sidebar__subgroup-caret svg,
.workspace-sidebar__external-arrow svg {
  width: 18px;
  height: 18px;
  display: block;
}

.workspace-sidebar__brand {
  display: grid;
  grid-gap: 0.3rem;
  gap: 0.3rem;
  padding: 1rem 1rem 1.05rem;
  border-radius: 26px;
  border: 1px solid rgba(255, 242, 227, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.workspace-sidebar__eyebrow {
  margin: 0;
  color: rgba(247, 223, 199, 0.6);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

.workspace-sidebar__brand strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.45rem;
  line-height: 1.04;
  letter-spacing: -0.03em;
}

.workspace-sidebar__brand span {
  color: rgba(255, 240, 226, 0.68);
  font-size: 0.82rem;
  line-height: 1.55;
}

.workspace-search__field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.65rem;
  gap: 0.65rem;
  padding: 0 0.95rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
}

.workspace-search__field:focus-within {
  border-color: rgba(255, 238, 223, 0.18);
  box-shadow: 0 0 0 3px rgba(255, 194, 160, 0.08);
}

.workspace-search__icon {
  color: rgba(255, 242, 230, 0.62);
}

.workspace-search input {
  background: transparent;
  border: 0;
  color: #ffffff;
  padding: 0.8rem 0;
  box-shadow: none;
}

.workspace-search input:focus {
  border-color: transparent;
  box-shadow: none;
}

.workspace-search input::placeholder {
  color: rgba(255, 255, 255, 0.44);
}

.workspace-search__hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 241, 229, 0.52);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

.workspace-sidebar__signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.55rem;
  gap: 0.55rem;
  padding: 0 0.3rem;
}

.workspace-sidebar__signal {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  padding: 0.75rem 0.8rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.workspace-sidebar__signal:hover,
.workspace-sidebar__signal:focus-visible {
  border-color: rgba(255, 245, 235, 0.22);
  background: rgba(255, 255, 255, 0.09);
  transform: translateY(-1px);
}

.workspace-sidebar__signal-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 245, 235, 0.82);
  display: grid;
  place-items: center;
}

.workspace-sidebar__signal-copy {
  display: grid;
  grid-gap: 0.15rem;
  gap: 0.15rem;
}

.workspace-sidebar__signal-copy small {
  color: rgba(255, 238, 222, 0.52);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.workspace-sidebar__signal-copy strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1rem;
  line-height: 1.05;
}

.workspace-shortcut,
.workspace-channel-link,
.workspace-agent-link,
.workspace-dm-link,
.workspace-contact-card {
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid transparent;
  border-radius: 20px;
}

.workspace-shortcut small,
.workspace-agent-link__copy span,
.workspace-dm-link__copy span,
.workspace-account span,
.workspace-contact-card__copy span {
  color: rgba(255, 255, 255, 0.52);
}

.workspace-sidebar__subgroup-label,
.workspace-sidebar__subgroup-label small,
.workspace-sidebar__subgroup-toggle,
.workspace-sidebar__subgroup-toggle small,
.workspace-sidebar__section-toggle,
.workspace-sidebar__section-toggle small,
.workspace-sidebar__section-link,
.workspace-sidebar__section-link small {
  color: rgba(255, 255, 255, 0.42);
}

.workspace-shortcut,
.workspace-sidebar__section-toggle,
.workspace-sidebar__section-link {
  min-height: 48px;
}

.workspace-shortcut::before {
  display: none;
}

.workspace-shortcut {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
}

.workspace-shortcut span {
  flex: initial;
}

.workspace-sidebar__item-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  grid-gap: 0.72rem;
  gap: 0.72rem;
}

.workspace-sidebar__item-main > span:last-child {
  min-width: 0;
}

.workspace-sidebar__section-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: none;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 246, 237, 0.8);
}

.workspace-sidebar__external-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.workspace-shortcut:hover,
.workspace-sidebar__section-toggle:hover,
.workspace-sidebar__section-link:hover {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

.workspace-shortcut--active,
.workspace-channel-link--active,
.workspace-agent-link--active,
.workspace-dm-link--active,
.workspace-sidebar__section-link--active {
  background: linear-gradient(180deg, rgba(199, 104, 58, 0.26) 0%, rgba(199, 104, 58, 0.18) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 18px 28px rgba(6, 8, 13, 0.18);
  color: #ffffff;
}

.workspace-shortcut--active .workspace-sidebar__section-icon,
.workspace-sidebar__section-link--active .workspace-sidebar__section-icon {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.workspace-dm-link__avatar,
.workspace-agent-link__avatar,
.workspace-account__avatar {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #1d1d1f;
}

.workspace-agent-link__avatar {
  border-radius: 50%;
  background: #0071e3;
  color: #ffffff;
}

.workspace-contact-card__avatar {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.workspace-dm-status {
  background: #34c759;
}

.workspace-mobile-bar {
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0.85rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid rgba(82, 65, 48, 0.08);
  border-radius: 22px;
  background: rgba(255, 251, 245, 0.72);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

.workspace-mobile-bar__button {
  flex: none;
}

.workspace-mobile-bar__title {
  min-width: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.workspace-mobile-bar__title strong {
  font-size: 1rem;
  line-height: 1.2;
}

.workspace-mobile-bar__title span {
  color: rgba(23, 24, 29, 0.48);
  font-size: 0.78rem;
}

.workspace-main {
  padding: 1.45rem;
  background: linear-gradient(180deg, #f7f0e6 0%, #eee3d1 100%);
}

.workspace-main--conversation {
  padding: 0.9rem;
  background: linear-gradient(180deg, #f7f0e6 0%, #eee3d1 100%);
}

.workspace-main__chrome {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.35rem 0.15rem 0.85rem;
}

.workspace-main__chrome-copy {
  min-width: 0;
}

.workspace-main__chrome-copy h1 {
  margin: 0.18rem 0 0;
  color: #17181d;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.workspace-main__chrome-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.workspace-main__chrome-stats span {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.8rem;
  border-radius: 999px;
  background: rgba(255, 251, 245, 0.9);
  color: rgba(23, 24, 29, 0.62);
  font-size: 0.8rem;
  box-shadow: rgba(70, 53, 36, 0.08) 0 0 0 1px;
}

.workspace-main__content {
  min-height: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  overflow: hidden;
}

.workspace-main__content--conversation {
  gap: 0;
}

.settings-page {
  flex: 1 1;
  min-height: 0;
  gap: 1.15rem;
  overflow-y: auto;
  padding-right: 0.2rem;
}

.settings-overview__eyebrow,
.settings-rail__eyebrow {
  margin: 0 0 0.35rem;
  color: rgba(76, 97, 128, 0.82);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-page__lead {
  margin: 0.55rem 0 0;
  max-width: 48rem;
  color: rgba(0, 0, 0, 0.64);
  line-height: 1.6;
}

.settings-back-link {
  flex-shrink: 0;
}

.settings-layout {
  display: grid;
  grid-template-columns: minmax(220px, 264px) minmax(0, 1fr);
  grid-gap: 1.25rem;
  gap: 1.25rem;
  align-items: start;
}

.settings-rail,
.settings-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.settings-rail__panel,
.settings-sidebar__panel {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.95rem 0.85rem;
  border-radius: 20px;
  border: 1px solid rgba(31, 41, 55, 0.06);
  background:
    radial-gradient(circle at top left, rgba(116, 170, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.settings-rail__workspace {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  padding: 0.15rem 0.1rem 0.65rem;
  border-bottom: 1px solid rgba(32, 84, 147, 0.1);
}

.settings-rail__workspace small {
  color: rgba(76, 97, 128, 0.82);
  font-size: 0.8rem;
}

.settings-rail__workspace strong {
  color: #1d1d1f;
  font-size: 1rem;
  font-weight: 600;
}

.settings-rail__nav,
.settings-nav {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.settings-rail__group {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.settings-rail__eyebrow {
  margin-bottom: 0;
}

.settings-rail__link,
.settings-nav__link {
  display: flex;
  align-items: center;
  min-height: 2.8rem;
  padding: 0.7rem 0.72rem;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: inherit;
  text-decoration: none;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease;
}

.settings-rail__link:hover,
.settings-nav__link:hover {
  border-color: rgba(31, 41, 55, 0.05);
  background: rgba(15, 23, 42, 0.035);
}

.settings-rail__link--active,
.settings-nav__link--active {
  border-color: rgba(31, 41, 55, 0.08);
  background: rgba(15, 23, 42, 0.06);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.025);
}

.settings-rail__link strong,
.settings-nav__title {
  color: #1d1d1f;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.settings-nav__link--active .settings-nav__title {
  font-weight: 600;
}

.settings-rail__link span,
.settings-nav__meta {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.82rem;
  line-height: 1.45;
}

.settings-nav__divider {
  height: 1px;
  margin: 0.62rem 0.1rem 0.68rem;
  background: rgba(31, 41, 55, 0.09);
}

.settings-rail__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  padding: 0.2rem 0.42rem;
  border-radius: 999px;
  background: rgba(83, 141, 236, 0.14);
  color: #21528f;
  font-size: 0.76rem;
  font-weight: 700;
}

.settings-content {
  min-width: 0;
}

.settings-overview,
.settings-overview-grid {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.settings-overview__group {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-overview__group-header h3 {
  margin: 0;
  color: #1d1d1f;
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.settings-overview__grid,
.settings-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 0.95rem;
  gap: 0.95rem;
}

.settings-overview-card {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-height: 176px;
  padding: 1.1rem 1.15rem;
  border-radius: 24px;
  border: 1px solid rgba(32, 84, 147, 0.12);
  background:
    radial-gradient(circle at top right, rgba(116, 170, 255, 0.14), transparent 35%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.92));
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.04);
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.settings-overview-card:hover {
  transform: translateY(-2px);
  border-color: rgba(83, 141, 236, 0.22);
  box-shadow: 0 22px 40px rgba(15, 23, 42, 0.08);
}

.settings-overview-card--workspace {
  border-color: rgba(204, 126, 32, 0.16);
  background:
    radial-gradient(circle at top right, rgba(255, 206, 128, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.97), rgba(255, 246, 235, 0.94));
}

.settings-overview-card--access {
  border-color: rgba(31, 127, 95, 0.16);
  background:
    radial-gradient(circle at top right, rgba(111, 226, 185, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(244, 255, 250, 0.97), rgba(236, 250, 244, 0.94));
}

.settings-overview-card--security {
  border-color: rgba(92, 66, 201, 0.14);
  background:
    radial-gradient(circle at top right, rgba(164, 144, 255, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(249, 247, 255, 0.97), rgba(243, 240, 255, 0.94));
}

.settings-overview-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.settings-overview-card strong {
  color: #1d1d1f;
  font-size: 1rem;
  font-weight: 600;
}

.settings-overview-card__eyebrow {
  margin: 0 0 0.28rem;
  color: rgba(76, 97, 128, 0.82);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-overview-card p {
  margin: 0;
  color: rgba(0, 0, 0, 0.62);
  line-height: 1.58;
}

.settings-overview-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.9rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: rgba(83, 141, 236, 0.14);
  color: #21528f;
  font-size: 0.76rem;
  font-weight: 700;
}

.settings-overview-card__meta {
  margin-top: auto;
  color: #21528f;
  font-size: 1.15rem;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
}

.settings-overview-card__meta span {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.68);
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.78rem;
  font-weight: 600;
}

.settings-mobile-back {
  display: none;
  margin-bottom: 0.85rem;
  color: #21528f;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
}

.settings-danger-callout,
.settings-member-card__danger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(187, 49, 49, 0.12);
  background: linear-gradient(180deg, rgba(255, 246, 246, 0.96), rgba(255, 241, 241, 0.92));
}

.settings-danger-callout strong,
.settings-member-card__danger-copy strong {
  display: block;
  color: #7f1d1d;
  font-weight: 700;
}

.settings-danger-callout p,
.settings-member-card__danger-copy span {
  margin: 0.24rem 0 0;
  color: rgba(127, 29, 29, 0.78);
  font-size: 0.83rem;
  line-height: 1.55;
}

.settings-member-card__danger {
  width: 100%;
  margin-top: 0.25rem;
}

.settings-member-card__danger-copy {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}

.settings-member-card__danger-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.settings-grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.settings-group {
  --settings-group-border: rgba(32, 84, 147, 0.12);
  --settings-group-surface:
    radial-gradient(circle at top right, rgba(116, 170, 255, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(246, 250, 255, 0.96), rgba(241, 247, 255, 0.92));
  --settings-group-accent: linear-gradient(90deg, rgba(83, 141, 236, 0.92), rgba(122, 181, 255, 0.78));
  --settings-group-eyebrow: rgba(33, 82, 143, 0.82);
  --settings-group-chip-background: rgba(83, 141, 236, 0.14);
  --settings-group-chip-color: #21528f;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  padding: 1.15rem 1.15rem 1.2rem;
  border: 1px solid var(--settings-group-border);
  border-radius: 28px;
  background: var(--settings-group-surface);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.05);
  position: relative;
  overflow: hidden;
}

.settings-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.15rem;
  right: 1.15rem;
  height: 3px;
  border-radius: 999px;
  background: var(--settings-group-accent);
}

.settings-group--workspace {
  --settings-group-border: rgba(158, 102, 38, 0.16);
  --settings-group-surface:
    radial-gradient(circle at top right, rgba(255, 206, 128, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.97), rgba(255, 246, 235, 0.94));
  --settings-group-accent: linear-gradient(90deg, rgba(204, 126, 32, 0.92), rgba(233, 166, 74, 0.8));
  --settings-group-eyebrow: rgba(140, 82, 19, 0.86);
  --settings-group-chip-background: rgba(204, 126, 32, 0.12);
  --settings-group-chip-color: #8c5213;
}

.settings-group--access {
  --settings-group-border: rgba(31, 127, 95, 0.16);
  --settings-group-surface:
    radial-gradient(circle at top right, rgba(111, 226, 185, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(244, 255, 250, 0.97), rgba(236, 250, 244, 0.94));
  --settings-group-accent: linear-gradient(90deg, rgba(31, 127, 95, 0.9), rgba(102, 192, 154, 0.76));
  --settings-group-eyebrow: rgba(28, 102, 79, 0.84);
  --settings-group-chip-background: rgba(31, 127, 95, 0.12);
  --settings-group-chip-color: #1f7f5f;
}

.settings-group--security {
  --settings-group-border: rgba(17, 110, 113, 0.16);
  --settings-group-surface:
    radial-gradient(circle at top right, rgba(118, 228, 217, 0.14), transparent 36%),
    linear-gradient(180deg, rgba(246, 254, 253, 0.97), rgba(239, 249, 248, 0.94));
  --settings-group-accent: linear-gradient(90deg, rgba(17, 110, 113, 0.9), rgba(84, 176, 172, 0.76));
  --settings-group-eyebrow: rgba(17, 104, 106, 0.84);
  --settings-group-chip-background: rgba(17, 110, 113, 0.12);
  --settings-group-chip-color: #116e71;
}

.settings-group__header {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.settings-group__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.settings-group__eyebrow {
  margin: 0;
  color: var(--settings-group-eyebrow);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-group__scope-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.7rem;
  border-radius: 999px;
  background: var(--settings-group-chip-background);
  color: var(--settings-group-chip-color);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.settings-group__title {
  margin: 0;
  color: #1d1d1f;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.settings-group__description {
  margin: 0;
  max-width: 44rem;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.92rem;
  line-height: 1.55;
}

.settings-group__grid {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  grid-gap: 1rem;
  gap: 1rem;
}

.settings-group .page-panel {
  background: rgba(255, 255, 255, 0.9);
}

.settings-options {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-daemon-list,
.settings-token-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-daemon-card,
.settings-token-card,
.settings-token-secret {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f7;
}

.settings-daemon-card__header,
.settings-token-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.settings-daemon-card__header p,
.settings-token-card__header p,
.settings-daemon-card__meta,
.settings-token-card__meta {
  margin: 0;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
}

.settings-daemon-runtimes {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.settings-daemon-readiness {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.75rem 0.85rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.settings-daemon-readiness__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.75rem;
}

.settings-daemon-readiness__items span {
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.8rem;
}

.settings-daemon-runtime {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0.9rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.85);
}

.settings-daemon-runtime__main,
.settings-daemon-runtime__side {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.settings-daemon-runtime__side {
  align-items: flex-end;
  min-width: 8.5rem;
}

.settings-daemon-runtime strong,
.settings-daemon-runtime span,
.settings-daemon-runtime small {
  display: block;
}

.settings-daemon-runtime span,
.settings-daemon-runtime small {
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.82rem;
}

.settings-token-create {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.85rem;
  gap: 0.85rem;
  align-items: end;
}

.settings-token-create .primary-button {
  justify-self: start;
}

.settings-token-secret strong,
.settings-token-secret p {
  margin: 0;
}

.settings-token-secret p {
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
}

.settings-token-secret code {
  display: block;
  padding: 0.85rem 0.95rem;
  border-radius: 14px;
  background: #111827;
  color: #f9fafb;
  overflow-x: auto;
  white-space: nowrap;
}

.settings-session-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-invitation-create,
.settings-member-create,
.settings-member-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-invitation-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.settings-workspace-profile {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-bottom: 0.9rem;
}

.settings-invitation-create,
.settings-member-create {
  margin-bottom: 0.9rem;
}

.settings-invitation-card,
.settings-member-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f7;
}

.settings-invitation-card__header,
.settings-member-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.settings-member-card__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.75rem;
}

.settings-member-card__avatar {
  width: 2.35rem;
  height: 2.35rem;
  flex: none;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.settings-invitation-card__header p,
.settings-member-card__header p {
  margin: 0.2rem 0 0;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
}

.settings-member-card__actions {
  display: block;
}

.settings-member-card__role-field {
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  width: 100%;
}

.settings-member-card__role-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.settings-member-card__role-label-row label {
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.82rem;
}

.settings-member-card__role-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.settings-member-card__role-field select {
  width: 100%;
  min-width: 0;
}

.settings-feedback {
  margin: 0 0 0.9rem;
  color: rgba(0, 0, 0, 0.68);
  font-size: 0.86rem;
}

.settings-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.settings-panel-note {
  margin: 0.35rem 0 0;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
  line-height: 1.55;
}

.settings-invitation-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.settings-invitation-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
}

.settings-invitation-group__header strong {
  color: #1d1d1f;
}

.settings-invitation-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.settings-invitation-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.45rem 0.8rem;
  gap: 0.45rem 0.8rem;
  color: rgba(0, 0, 0, 0.62);
  font-size: 0.85rem;
}

.settings-access-panel .settings-invitation-list {
  border-top: 1px solid #eeeeef;
}

.settings-access-panel .settings-invitation-group {
  gap: 0;
}

.settings-access-panel .settings-invitation-group + .settings-invitation-group {
  border-top: 1px solid #eeeeef;
}

.settings-access-panel .settings-invitation-group__header {
  min-height: 2.35rem;
  padding: 0.7rem 1rem 0.25rem;
}

.settings-access-panel .settings-invitation-group .workspace-empty {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.35rem 1rem 0.85rem;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  text-align: left;
}

.settings-access-panel .settings-invitation-group .workspace-empty strong {
  margin: 0;
  color: var(--settings-muted);
  font-size: 0.84rem;
  font-weight: 450;
}

.settings-session-card {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f7;
}

.settings-session-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.settings-session-card__header p,
.settings-session-card__meta,
.settings-session-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.45rem 0.8rem;
  gap: 0.45rem 0.8rem;
}

.settings-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f7;
  cursor: pointer;
}

.settings-toggle--active {
  background: rgba(0, 113, 227, 0.08);
  border-color: rgba(0, 113, 227, 0.18);
}

.settings-toggle strong {
  display: block;
  color: #1d1d1f;
  font-weight: 600;
}

.settings-toggle p {
  margin: 0.28rem 0 0;
  color: rgba(0, 0, 0, 0.62);
  line-height: 1.55;
}

.settings-toggle__control {
  position: relative;
  width: 48px;
  height: 28px;
  flex-shrink: 0;
}

.settings-toggle__control input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.settings-toggle__slider {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(120, 120, 128, 0.32);
  transition: background-color 0.2s ease;
  pointer-events: none;
}

.settings-toggle__slider::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease;
}

.settings-toggle__control input:checked + .settings-toggle__slider {
  background: #0071e3;
}

.settings-toggle__control input:checked + .settings-toggle__slider::after {
  transform: translateX(20px);
}

/* Settings adopts a compact, vertical account-console layout. */
.settings-page {
  --settings-bg: #f7f7f8;
  --settings-card: #ffffff;
  --settings-border: #e7e7e9;
  --settings-text: #242426;
  --settings-muted: #6b6b70;
  --settings-subtle: #f1f1f2;
  background: var(--settings-bg);
  color: var(--settings-text);
  padding: 0;
}

.settings-layout {
  grid-template-columns: minmax(208px, 252px) minmax(0, 1fr);
  gap: 0;
  min-height: 100%;
}

.settings-sidebar {
  top: 0;
  align-self: stretch;
  min-height: 100%;
  border-right: 1px solid var(--settings-border);
  background: #f3f3f4;
}

.settings-sidebar__panel {
  padding: 1rem 0.5rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.settings-nav {
  gap: 0.2rem;
}

.settings-nav__link {
  min-height: 2rem;
  gap: 0.65rem;
  padding: 0.42rem 0.7rem;
  border-radius: 6px;
  color: #303033;
}

.settings-nav__link:hover {
  border-color: transparent;
  background: #e9e9ea;
}

.settings-nav__link--active {
  border-color: transparent;
  background: #e2e2e4;
  box-shadow: none;
}

.settings-nav__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: #6c6c70;
  flex: 0 0 auto;
}

.settings-nav__icon svg {
  width: 16px;
  height: 16px;
}

.settings-nav__title {
  color: inherit;
  font-size: 0.86rem;
  font-weight: 450;
  letter-spacing: 0;
}

.settings-nav__link--active .settings-nav__title {
  font-weight: 500;
}

.settings-nav__divider {
  margin: 0.9rem 0.45rem;
  background: #dfdfe1;
}

.settings-content {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 3.5rem 2rem 4rem;
}

.settings-page__title {
  margin: 0 0 1.8rem;
  color: var(--settings-text);
  font-size: 1.3rem;
  font-weight: 520;
  letter-spacing: 0;
}

.settings-group {
  gap: 0.65rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.settings-group::before {
  display: none;
}

.settings-group__header {
  gap: 0;
  padding: 0 0.5rem;
}

.settings-group__label-row {
  justify-content: space-between;
  min-height: 1.6rem;
}

.settings-group__eyebrow {
  color: var(--settings-muted);
  font-size: 0.78rem;
  font-weight: 450;
  letter-spacing: 0;
  text-transform: none;
}

.settings-group__scope-chip {
  padding: 0.1rem 0.42rem;
  border-radius: 5px;
  background: #ececee;
  color: var(--settings-muted);
  font-size: 0.72rem;
  font-weight: 450;
}

.settings-group__title,
.settings-group__description {
  display: none;
}

.settings-group__grid {
  display: flex;
  flex-direction: column;
  gap: 1.85rem;
  max-width: 100%;
}

.settings-group .page-panel {
  gap: 0;
  padding: 0;
  border: 1px solid var(--settings-border);
  border-radius: 8px;
  background: var(--settings-card);
  box-shadow: none;
  overflow: hidden;
}

.settings-group .page-panel + .page-panel {
  margin-top: 0;
}

.settings-group .panel-header {
  align-items: center;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #eeeeef;
}

.settings-group .panel-header h3 {
  margin: 0;
  color: var(--settings-text);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0;
}

.settings-panel-note {
  margin: 0.18rem 0 0;
  color: var(--settings-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.settings-workspace-profile {
  gap: 0;
  margin: 0;
}

.settings-workspace-profile .form-field,
.settings-group .page-panel > .form-field {
  display: grid;
  grid-template-columns: minmax(10rem, 0.85fr) minmax(16rem, 1.15fr);
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 3.45rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #eeeeef;
}

.settings-workspace-profile .form-field span,
.settings-group .page-panel > .form-field span {
  color: var(--settings-text);
  font-size: 0.84rem;
}

.settings-group input,
.settings-group select {
  min-height: 1.82rem;
  border-radius: 5px;
  border-color: #d9d9dc;
  background: #ffffff;
  color: var(--settings-text);
  font-size: 0.84rem;
}

.settings-group input:disabled {
  background: transparent;
  border-color: transparent;
  color: var(--settings-muted);
  opacity: 1;
  -webkit-text-fill-color: var(--settings-muted);
}

.settings-workspace-profile .primary-button,
.settings-token-create .primary-button {
  justify-self: end;
  align-self: center;
  margin: 0.8rem 1rem 0.8rem auto;
}

.settings-group .primary-button,
.settings-group .secondary-button {
  min-height: 1.85rem;
  border-radius: 6px;
  padding: 0.35rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 450;
  letter-spacing: 0;
}

.settings-group .primary-button {
  background: #242426;
  color: #ffffff;
}

.settings-group .secondary-button {
  border: 1px solid #d9d9dc;
  background: #ffffff;
  color: var(--settings-text);
}

.settings-group .primary-button:hover {
  background: #111113;
  box-shadow: none;
}

.settings-group .secondary-button:hover {
  background: #f1f1f2;
}

.settings-group .primary-button:disabled,
.settings-group .secondary-button:disabled {
  background: #efeff1;
  color: #88888d;
  border-color: transparent;
}

.settings-feedback {
  margin: 0;
  padding: 0.8rem 1rem;
  border-top: 1px solid #eeeeef;
  color: var(--settings-muted);
}

.settings-options,
.settings-session-list,
.settings-daemon-list,
.settings-token-list,
.settings-invitation-list,
.settings-member-list {
  gap: 0;
}

.settings-toggle,
.settings-session-card,
.settings-daemon-card,
.settings-token-card,
.settings-token-secret,
.settings-invitation-card,
.settings-member-card,
.settings-danger-callout,
.settings-member-card__danger {
  border-width: 0 0 1px;
  border-color: #eeeeef;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.settings-toggle:last-child,
.settings-session-card:last-child,
.settings-daemon-card:last-child,
.settings-token-card:last-child,
.settings-invitation-card:last-child,
.settings-member-card:last-child {
  border-bottom: 0;
}

.settings-toggle {
  min-height: 3.2rem;
  padding: 0.75rem 1rem;
}

.settings-toggle--active {
  background: #ffffff;
  border-color: #eeeeef;
}

.settings-toggle strong {
  color: var(--settings-text);
  font-size: 0.84rem;
  font-weight: 450;
}

.settings-toggle p {
  color: var(--settings-muted);
  font-size: 0.82rem;
}

.settings-toggle__control {
  width: 38px;
  height: 22px;
}

.settings-toggle__slider::after {
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
}

.settings-toggle__control input:checked + .settings-toggle__slider {
  background: #222224;
}

.settings-toggle__control input:checked + .settings-toggle__slider::after {
  transform: translateX(16px);
}

.settings-danger-callout {
  margin: 0;
  padding: 0.9rem 1rem;
}

.settings-danger-callout strong,
.settings-member-card__danger-copy strong {
  color: #9f2d2d;
  font-weight: 500;
}

.settings-filter-row {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #eeeeef;
}

.settings-filter-row .filter-pill {
  min-height: 1.75rem;
  padding: 0.32rem 0.65rem;
  border-radius: 6px;
  color: var(--settings-muted);
}

.settings-filter-row .filter-pill--active {
  background: #ececee;
  color: var(--settings-text);
  border-color: transparent;
}

.permissions-center-panel {
  min-height: 42rem;
}

.permissions-center-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
}

.permissions-center-summary span,
.permissions-inspector__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0.18rem 0.45rem;
  border: 1px solid #e2e2e4;
  border-radius: 5px;
  background: #f7f7f8;
  color: var(--settings-muted);
  font-size: 0.74rem;
  font-weight: 450;
}

.permissions-center-toolbar {
  display: grid;
  grid-template-columns: minmax(12rem, auto) minmax(18rem, 1fr);
  align-items: end;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #eeeeef;
}

.permissions-center-tabs {
  display: flex;
  gap: 0.35rem;
}

.permissions-center-search {
  display: grid;
  grid-gap: 0.3rem;
  gap: 0.3rem;
}

.permissions-center-search span,
.permissions-checkbox-group legend {
  color: var(--settings-muted);
  font-size: 0.74rem;
}

.permissions-center-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 0.95fr) minmax(0, 1.35fr);
  min-height: 34rem;
}

.permissions-center-list {
  overflow: auto;
  max-height: 42rem;
  border-right: 1px solid #eeeeef;
  background: #fafafa;
}

.permissions-resource-row {
  display: grid;
  grid-template-columns: 0.8rem minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.65rem;
  gap: 0.65rem;
  width: 100%;
  min-height: 3.15rem;
  padding: 0.58rem 0.8rem 0.58rem calc(0.8rem + var(--permission-depth, 0) * 1rem);
  border: 0;
  border-bottom: 1px solid #eeeeef;
  background: transparent;
  color: var(--settings-text);
  text-align: left;
  cursor: pointer;
}

.permissions-resource-row:hover,
.permissions-resource-row--active {
  background: #ffffff;
}

.permissions-resource-row strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 0.83rem;
  font-weight: 500;
}

.permissions-resource-row small,
.permissions-resource-row em,
.permissions-binding-card__main span,
.permissions-actor-permission span,
.permissions-actor-permission small {
  color: var(--settings-muted);
  font-size: 0.76rem;
  font-style: normal;
}

.permissions-resource-row em {
  min-width: 1.35rem;
  text-align: right;
}

.permissions-status-dot {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 99px;
  background: #77777c;
}

.permissions-status-dot--active,
.permissions-status-dot--external {
  background: #257a52;
}

.permissions-status-dot--pending,
.permissions-status-dot--inherited {
  background: #9a6a20;
}

.permissions-status-dot--revoked {
  background: #89898f;
}

.permissions-status-dot--error {
  background: #a63a3a;
}

.permissions-inspector {
  overflow: auto;
  max-height: 42rem;
  padding: 1rem;
}

.permissions-inspector__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #eeeeef;
}

.permissions-inspector__header h3 {
  margin: 0.35rem 0 0;
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 520;
}

.permissions-operation-panel {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid #eeeeef;
}

.permissions-operation-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: end;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.permissions-operation-row .form-field,
.permissions-binding-card__actions {
  display: grid;
  grid-gap: 0.28rem;
  gap: 0.28rem;
}

.permissions-operation-row .form-field span {
  color: var(--settings-muted);
  font-size: 0.74rem;
}

.permissions-checkbox-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  grid-gap: 0.4rem;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.65rem;
  border: 1px solid #eeeeef;
  border-radius: 6px;
}

.permissions-checkbox-group label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  color: var(--settings-text);
  font-size: 0.8rem;
}

.permissions-checkbox-group span {
  overflow-wrap: anywhere;
}

.permissions-binding-list,
.permissions-diagnostics {
  display: grid;
  grid-gap: 0;
  gap: 0;
  padding-top: 0.9rem;
}

.permissions-binding-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0.55rem;
  color: var(--settings-text);
  font-size: 0.82rem;
}

.permissions-binding-list__header span {
  color: var(--settings-muted);
}

.permissions-binding-card,
.permissions-actor-permission,
.permissions-diagnostic-card {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  padding: 0.72rem 0;
  border-top: 1px solid #eeeeef;
}

.permissions-binding-card {
  grid-template-columns: minmax(0, 1fr) auto;
}

.permissions-binding-card__main strong,
.permissions-actor-permission strong,
.permissions-diagnostic-card strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 0.84rem;
  font-weight: 500;
}

.permissions-binding-card__meta,
.permissions-binding-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}

.permissions-binding-card__actions {
  grid-column: 1 / -1;
}

.permissions-binding-card__actions select {
  max-width: 12rem;
}

.permissions-diagnostic-list {
  display: grid;
  grid-gap: 0;
  gap: 0;
}

.permissions-diagnostic-list--compact {
  padding-top: 0.8rem;
}

.permissions-diagnostic-card {
  border-left: 3px solid #a6a6aa;
  padding-left: 0.75rem;
}

.permissions-diagnostic-card--warning {
  border-left-color: #a8751d;
}

.permissions-diagnostic-card--critical {
  border-left-color: #a63a3a;
}

.permissions-diagnostic-card p {
  margin: 0;
  color: var(--settings-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.permissions-diagnostic-card span {
  color: var(--settings-muted);
  font-size: 0.72rem;
}

@media (max-width: 720px) {
  .settings-danger-callout,
  .settings-member-card__danger {
    flex-direction: column;
  }

  .settings-token-create {
    grid-template-columns: 1fr;
  }

  .settings-member-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .settings-invitation-card__header,
  .settings-daemon-card__header,
  .settings-token-card__header,
  .settings-member-card__header,
  .settings-session-card__header,
  .settings-daemon-runtime {
    flex-direction: column;
    align-items: flex-start;
  }

  .settings-daemon-runtime__side {
    align-items: flex-start;
    min-width: 0;
  }

  .settings-invitation-card__meta,
  .settings-session-card__meta {
    grid-template-columns: 1fr;
  }

  .settings-invitation-card__actions,
  .settings-invitation-group__header {
    width: 100%;
    justify-content: flex-start;
  }

  .permissions-center-toolbar,
  .permissions-center-grid,
  .permissions-operation-row {
    grid-template-columns: 1fr;
  }

  .permissions-center-list {
    max-height: 18rem;
    border-right: 0;
    border-bottom: 1px solid #eeeeef;
  }

  .permissions-inspector {
    max-height: none;
  }

  .permissions-binding-card {
    grid-template-columns: 1fr;
  }

  .permissions-binding-card__meta,
  .permissions-binding-card__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .settings-layout {
    grid-template-columns: 1fr;
  }

  .settings-rail,
  .settings-sidebar {
    position: static;
  }

  .settings-rail__group,
  .settings-nav {
    gap: 0.45rem;
  }

  .settings-mobile-back {
    display: inline-flex;
  }
}

.page-header h2,
.panel-header h3,
.inbox-list-pane__header h2,
.contacts-list-pane__header h2,
.inbox-chat-header h3,
.contacts-chat-header h3,
.agent-profile-card__copy h3 {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.page-panel,
.form-panel,
.meta-card,
.summary-card,
.workspace-empty,
.feedback-banner,
.inbox-list-pane,
.inbox-chat-pane,
.contacts-list-pane,
.contacts-chat-pane,
.agent-profile-card {
  background: rgba(255, 252, 246, 0.78);
  border: 1px solid rgba(82, 65, 48, 0.09);
  box-shadow: 0 24px 48px rgba(76, 53, 31, 0.08);
}

.page-panel,
.inbox-list-pane,
.inbox-chat-pane,
.contacts-list-pane,
.contacts-chat-pane,
.agent-profile-card {
  border-radius: 28px;
}

.meta-card,
.summary-card {
  background: linear-gradient(180deg, #f8f0e4 0%, #f0e3d0 100%);
  border-radius: 24px;
}

.meta-card strong,
.summary-card strong {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1d1d1f;
}

.page-eyebrow,
.panel-kicker {
  color: rgba(84, 60, 42, 0.56);
}

.panel-note,
.workspace-empty p,
.page-lead,
.detail-copy p,
.timeline-item p {
  color: rgba(53, 46, 38, 0.64);
}

.filter-pill,
.action-button,
.workspace-ghost-button,
.modal-secondary-button {
  border-color: rgba(199, 104, 58, 0.22);
  color: #ad5429;
}

.filter-pill--active,
.action-button--active {
  background: rgba(199, 104, 58, 0.12);
  color: #c7683a;
}

.action-button--danger {
  border-color: rgba(217, 48, 37, 0.18);
  background: rgba(217, 48, 37, 0.06);
  color: #d93025;
}

.inbox-shell,
.contacts-shell {
  gap: 1.2rem;
}

.agents-page {
  gap: 1.2rem;
}

.inbox-list-pane__header,
.inbox-chat-header,
.contacts-list-pane__header,
.contacts-chat-header {
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid #d2d2d7;
}

.contacts-list,
.inbox-conversation-list {
  padding: 0.55rem 0.6rem 0.9rem;
}

.contact-row,
.inbox-row,
.agent-contact-row,
.agents-container-row {
  border-radius: 20px;
}

.contact-row--active,
.inbox-row--active,
.agent-contact-row--active,
.agents-container-row--active {
  background: #f5f5f7;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
}

.contact-row:hover,
.inbox-row:hover,
.agent-contact-row:hover {
  background: #fafafc;
}

.contact-row__avatar,
.contacts-chat-header__avatar,
.inbox-row__avatar,
.inbox-chat-header__avatar,
.inbox-bubble-avatar,
.agent-contact-row__avatar,
.agent-profile-card__avatar {
  border-radius: 14px;
}

.contact-row__avatar,
.contacts-chat-header__avatar,
.agent-contact-row__avatar,
.agent-profile-card__avatar {
  background: #0071e3;
  color: #ffffff;
}

.inbox-row__avatar--channel,
.inbox-chat-header__avatar--channel,
.inbox-row__avatar--task,
.inbox-chat-header__avatar--task,
.inbox-row__avatar--remote,
.inbox-chat-header__avatar--remote,
.inbox-row__avatar--activity,
.inbox-chat-header__avatar--activity,
.inbox-bubble-avatar {
  background: #1d1d1f;
  color: #ffffff;
}

.contacts-chat-thread,
.inbox-chat-thread {
  background: #f5f5f7;
}

.inbox-composer__box,
.contacts-mention-menu,
.contacts-picker-menu,
.agent-profile-card,
.agents-container-row,
.skills-panel,
.timeline-item,
.delete-warning,
.meta-strip {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
}

.auth-hero .auth-feature-list article {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.auth-card .auth-tabs__item,
.auth-card .auth-button {
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
}

.contacts-picker-menu,
.delete-warning {
  border-radius: 24px;
}

.contacts-tool-button,
.contacts-picker-trigger,
.contacts-send-button {
  border-radius: 999px;
  background: #f0f1f4;
  color: rgba(0, 0, 0, 0.62);
}

.contacts-send-button:not(:disabled) {
  background: #0071e3;
  color: #ffffff;
}

.contacts-attachment-chip {
  background: #f0f1f4;
  color: rgba(0, 0, 0, 0.72);
}

.workspace-main--conversation .inbox-shell,
.workspace-main--conversation .contacts-shell {
  gap: 0;
  height: 100%;
  min-height: 0;
  background: #ffffff;
}

.workspace-main--conversation .inbox-list-pane,
.workspace-main--conversation .inbox-chat-pane,
.workspace-main--conversation .contacts-list-pane,
.workspace-main--conversation .contacts-chat-pane,
.workspace-main--conversation .contacts-supplementary-pane {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.workspace-main--conversation .inbox-list-pane,
.workspace-main--conversation .contacts-list-pane {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.workspace-main--conversation .contacts-shell--with-panel .contacts-chat-pane {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.workspace-main--conversation .contacts-list,
.workspace-main--conversation .inbox-conversation-list {
  padding: 0.4rem 0.5rem 0.85rem;
}

.workspace-main--conversation .contact-row,
.workspace-main--conversation .inbox-row {
  border-radius: 16px;
}

.workspace-main--conversation .contact-row--active,
.workspace-main--conversation .inbox-row--active {
  background: #eaf0ff;
}

.workspace-main--conversation .contact-row:hover,
.workspace-main--conversation .inbox-row:hover {
  background: #f5f7fc;
}

.workspace-main--conversation .contacts-chat-thread,
.workspace-main--conversation .inbox-chat-thread {
  background: #ffffff;
}

.contacts-picker-item:hover,
.contacts-mention-item:hover {
  background: #f5f5f7;
}

.inbox-bubble {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
}

.inbox-bubble--own {
  background: #e8f2ff;
  border-color: rgba(0, 113, 227, 0.16);
}

.inbox-bubble--error {
  background: #fce8e6;
  border-color: rgba(217, 48, 37, 0.14);
}

.inbox-bubble--pending {
  background: #f5f5f7;
}

.message-mention {
  background: rgba(0, 113, 227, 0.1);
  color: #0066cc;
}

.agent-profile-card {
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
}

.agent-tabs {
  border-bottom: 1px solid #d2d2d7;
}

.agent-tab {
  color: rgba(0, 0, 0, 0.48);
  font-weight: 500;
}

.agent-tab--active {
  color: #1d1d1f;
  border-bottom-color: #1d1d1f;
}

.modal-card {
  border-radius: 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: rgba(0, 0, 0, 0.12) 0 24px 60px;
}

.modal-card__header h3 {
  font-family: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 1.85rem;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.status-chip,
.tag-pill {
  font-weight: 600;
}

.status-chip--positive {
  background: rgba(52, 199, 89, 0.12);
  color: #248a3d;
}

.status-chip--warning {
  background: rgba(255, 159, 10, 0.12);
  color: #b36b00;
}

.status-chip--danger {
  background: rgba(217, 48, 37, 0.1);
  color: #d93025;
}

@media (max-width: 1180px) {
  .auth-feature-list {
    grid-template-columns: 1fr;
  }

  .auth-status-context {
    grid-template-columns: 1fr;
  }

  .workspace-layout {
    height: auto;
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .workspace-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--sidebar-border);
    overflow: visible;
  }

  .workspace-sidebar__content {
    overflow: visible;
  }

  .workspace-main {
    overflow: visible;
  }

  .page-grid {
    grid-template-columns: 1fr;
  }

  .inbox-shell {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
  }

  .contacts-shell {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
  }

  .inbox-list-pane {
    max-height: 420px;
  }

  .contacts-list-pane {
    max-height: 420px;
  }

  .agents-shell {
    grid-template-columns: 1fr;
    flex: none;
    overflow: visible;
    min-height: auto;
  }

  .agents-pane,
  .agents-detail-pane {
    overflow: visible;
  }
}

@media (max-width: 860px) {
  .auth-shell {
    grid-template-columns: 1fr;
    padding: 1.2rem;
  }

  .auth-shell--entry .auth-card {
    order: -1;
  }

  .auth-hero,
  .auth-card {
    padding: 1.55rem;
  }

  .auth-metrics,
  .workspace-sidebar__signals {
    grid-template-columns: 1fr;
  }

  .auth-invitation-banner__grid {
    grid-template-columns: 1fr;
  }

  .auth-signal-row {
    gap: 0.45rem;
  }

  .workspace-layout {
    min-height: 100dvh;
    height: auto;
    overflow: hidden;
  }

  .workspace-sidebar-overlay {
    display: block;
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(17, 19, 28, 0.34);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition);
    z-index: 40;
  }

  .workspace-layout--sidebar-open .workspace-sidebar-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .workspace-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(82vw, 320px);
    max-width: 320px;
    height: 100dvh;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 0;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(18, 23, 38, 0.18);
    transform: translateX(-110%);
    transition: transform var(--transition);
    z-index: 50;
  }

  .workspace-sidebar__content {
    overflow: auto;
  }

  .workspace-sidebar--open {
    transform: translateX(0);
  }

  .workspace-sidebar__mobile-close,
  .workspace-mobile-bar {
    display: flex;
  }

  .workspace-main__chrome {
    flex-direction: column;
    align-items: flex-start;
  }

  .workspace-main__chrome-stats {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .workspace-main {
    padding: 1rem;
  }

  .workspace-main__content {
    overflow: visible;
  }

  .workspace-main--conversation {
    padding: 0;
  }

  .page-header,
  .panel-header,
  .workspace-account {
    flex-direction: column;
    align-items: flex-start;
  }

  .agents-pane__list-header.agents-pane__list-header--container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    grid-column-gap: 0.6rem;
    column-gap: 0.6rem;
    grid-row-gap: 0;
    row-gap: 0;
  }

  .page-summary,
  .detail-meta,
  .form-grid,
  .auth-grid {
    grid-template-columns: 1fr;
  }

  .inbox-chat-header,
  .inbox-list-pane__header,
  .contacts-chat-header,
  .contacts-list-pane__header,
  .inbox-chat-header__meta,
  .inbox-chat-header__main,
  .inbox-composer__box {
    flex-direction: column;
    align-items: flex-start;
  }

  .inbox-bubble {
    max-width: 88%;
  }

  .inbox-shell--compact {
    display: block;
    min-height: auto;
    height: auto;
  }

  .inbox-shell--compact .inbox-list-pane,
  .inbox-shell--compact .inbox-chat-pane {
    max-height: none;
    min-height: calc(100dvh - 8rem);
  }

  .contacts-shell--compact {
    display: block;
    min-height: auto;
    height: auto;
  }

  .contacts-shell--compact .contacts-list-pane,
  .contacts-shell--compact .contacts-chat-pane {
    max-height: none;
    min-height: calc(100dvh - 8rem);
  }

  .contacts-shell--compact .contacts-chat-pane {
    justify-content: flex-start;
  }

  .contacts-shell--compact .contacts-chat-thread {
    min-height: 0;
    flex: 1 1;
  }

  .contacts-shell--compact .contacts-chat-header {
    gap: 0.8rem;
  }

  .contacts-shell--compact .header-actions {
    width: 100%;
  }

  .contacts-shell--compact .contacts-picker-menu {
    left: 0;
    width: min(280px, calc(100vw - 2rem));
  }

  .contacts-supplementary-sheet {
    align-items: stretch;
  }

  .contacts-supplementary-sheet__panel {
    width: 100%;
    max-height: min(88dvh, 920px);
  }

  .contacts-supplementary-sheet__header {
    padding-inline: 0.9rem;
  }

  .contacts-supplementary-sheet .channel-documents-panel {
    border-top: 0;
    background: transparent;
    padding: 0.25rem 0.9rem 0;
  }

  .contacts-supplementary-sheet .channel-documents-panel__sidebar,
  .contacts-supplementary-sheet .channel-documents-panel__editor,
  .contacts-supplementary-sheet .channel-documents-panel__activity-card {
    border-radius: 20px;
  }

  .channel-documents-panel {
    padding: 0.85rem;
    gap: 0.85rem;
  }

  .channel-documents-panel__sidebar,
  .channel-documents-panel__editor,
  .channel-documents-panel__activity-card {
    padding: 0.85rem;
  }

  .channel-documents-panel__list {
    max-height: none;
  }

  .channel-documents-panel__textarea {
    min-height: 220px;
  }

  .approvals-shell--compact {
    display: block;
    min-height: auto;
    height: auto;
  }

  .approvals-shell--compact .approvals-list-pane,
  .approvals-shell--compact .approvals-detail-pane {
    min-height: calc(100dvh - 8rem);
    max-height: none;
  }

  .approvals-shell--compact .approvals-filters {
    overflow-x: auto;
    padding: 0.85rem 0.9rem;
  }

  .approvals-shell--compact .approvals-filter-tab {
    flex: none;
    white-space: nowrap;
  }

  .approvals-shell--compact .approvals-detail {
    padding: 1rem;
    gap: 1rem;
  }

  .approvals-shell--compact .approvals-detail__header {
    align-items: flex-start;
    gap: 0.75rem;
  }

  .approvals-shell--compact .approvals-detail__header h2 {
    font-size: 1.05rem;
  }

  .approvals-shell--compact .approvals-detail__meta-row {
    flex-direction: column;
    gap: 0.2rem;
  }

  .approvals-shell--compact .approvals-detail__label {
    min-width: 0;
  }

  .approvals-shell--compact .approvals-detail__buttons {
    width: 100%;
  }

  .approvals-shell--compact .approvals-btn {
    flex: 1 1;
  }

  .approvals-shell--compact .approvals-knowledge-detail__grid {
    grid-template-columns: 1fr;
  }

  .approvals-shell--compact .approvals-knowledge-edit {
    grid-template-columns: 1fr;
  }

  .agents-shell--compact {
    display: block;
  }

  .agents-shell--compact .agents-pane,
  .agents-shell--compact .agents-detail-pane {
    min-height: calc(100dvh - 10rem);
  }

  .agents-shell--compact .agents-detail-pane {
    padding: 1rem;
    gap: 0.9rem;
    overflow: auto;
  }

  .skills-studio--compact {
    display: block;
    min-height: auto;
    padding: 0;
    background: transparent;
    border: 0;
  }

  .skills-studio--compact .skills-studio__sidebar,
  .skills-studio--compact .skills-studio__files,
  .skills-studio--compact .skills-studio__editor {
    min-height: calc(100dvh - 10rem);
  }

  .skills-studio--compact .skills-studio__files,
  .skills-studio--compact .skills-studio__editor {
    padding: 1rem;
  }

  .skills-studio--compact .skills-studio__files .panel-header,
  .skills-studio--compact .skills-studio__editor .panel-header {
    padding-top: 0;
  }

  .knowledge-layout--compact {
    display: block;
    height: auto;
    min-height: auto;
  }

  .knowledge-layout--compact .knowledge-sidebar,
  .knowledge-layout--compact .knowledge-content {
    min-height: calc(100dvh - 10rem);
  }

  .knowledge-layout--compact .knowledge-sidebar {
    border-right: 0;
    padding-bottom: 0;
  }

  .knowledge-layout--compact .knowledge-content {
    padding: 1rem;
  }

  .knowledge-layout--compact .knowledge-viewer__header,
  .knowledge-layout--compact .knowledge-editor__toolbar,
  .knowledge-layout--compact .knowledge-editor__tags {
    flex-direction: column;
    align-items: stretch;
  }

  .knowledge-layout--compact .knowledge-viewer__actions,
  .knowledge-layout--compact .knowledge-editor__btns {
    width: 100%;
  }

  .tables-layout--compact,
  .templates-layout--compact {
    display: block;
    height: auto;
    min-height: auto;
  }

  .tables-layout--compact .tables-sidebar,
  .tables-layout--compact .tables-content,
  .templates-layout--compact .templates-sidebar,
  .templates-layout--compact .templates-content {
    min-height: calc(100dvh - 10rem);
  }

  .tables-layout--compact .tables-sidebar,
  .templates-layout--compact .templates-sidebar {
    border-right: 0;
    padding-bottom: 0;
  }

  .tables-layout--compact .tables-content,
  .templates-layout--compact .templates-content {
    padding: 1rem;
  }

  .tables-layout--compact .tables-detail__header,
  .templates-layout--compact .knowledge-viewer__header {
    flex-direction: column;
    align-items: stretch;
  }

  .tables-layout--compact .tables-detail__actions,
  .templates-layout--compact .knowledge-viewer__actions,
  .templates-layout--compact .knowledge-editor__btns {
    width: 100%;
  }

  .task-board-shell--compact {
    height: auto;
    min-height: auto;
  }

  .task-board-shell--compact .task-board-toolbar,
  .task-board-shell--compact .task-board-stats {
    align-items: stretch;
  }

  .task-board-shell--compact .task-board-group-by,
  .task-board-shell--compact .task-board-stats {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .task-board-shell--compact .task-board-columns {
    overflow: visible;
  }

  .task-board-shell--compact .task-board-column {
    min-width: 0;
    max-width: none;
  }

  .costs-shell--compact .costs-toolbar {
    align-items: stretch;
  }

  .costs-shell--compact .costs-tab-bar {
    margin-left: 0;
    overflow-x: auto;
  }

  .costs-shell--compact .costs-recent-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .costs-shell--compact .costs-recent-time {
    margin-left: 0;
  }

  .performance-page--compact .performance-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-main {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }

  .workspace-mobile-bar {
    padding-top: max(0.15rem, env(safe-area-inset-top, 0px));
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }

  .workspace-square-button,
  .workspace-circle-button,
  .action-button,
  .knowledge-btn,
  .budget-add-btn,
  .budget-save-btn,
  .org-chart-view-btn,
  .costs-tab,
  .task-board-group-btn,
  .task-board-column-tab,
  .filter-pill,
  .approvals-filter-tab {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .org-chart-shell,
  .costs-shell,
  .automations-layout,
  .calendar-layout {
    padding: 1rem 0;
    max-width: none;
  }

  .org-chart-toolbar,
  .costs-toolbar,
  .automations-header,
  .calendar-header {
    align-items: stretch;
  }

  .org-chart-view-toggle,
  .costs-tab-bar {
    margin-left: 0;
    overflow-x: auto;
  }

  .org-chart-group__cards {
    grid-template-columns: 1fr;
  }

  .org-chart-card {
    align-items: flex-start;
  }

  .org-chart-status {
    align-self: flex-start;
  }

  .budget-form__row,
  .automations-create__row,
  .calendar-task-card__header,
  .calendar-task-card__actions,
  .automations-card__header,
  .automations-card__title,
  .automations-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .calendar-task-card__repeat {
    margin-left: 0;
  }

  .budget-form__row label,
  .automations-create__row label {
    min-width: 0;
  }

  .budget-save-btn {
    width: 100%;
    align-self: stretch;
  }

  .budget-card__header,
  .budget-card__stats,
  .budget-card__meta,
  .budget-card__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .budget-card__actions,
  .calendar-task-card__actions,
  .automations-card__actions {
    width: 100%;
  }

  .budget-card__toggle,
  .budget-card__delete {
    min-height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-shell--entry .auth-hero,
  .auth-shell--entry .auth-card {
    animation: none;
  }
}

/* ── Pin / Reply / Search ────────────────────────────────── */

.pinned-messages-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: var(--bg-elevated, #f8f8fa);
  border-bottom: 1px solid var(--border, #e5e5e8);
  font-size: 12px;
  flex-shrink: 0;
}

.pinned-messages-bar > strong {
  white-space: nowrap;
  color: var(--text-secondary, #666);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.pinned-messages-bar__list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  flex: 1 1;
  min-width: 0;
}

.pinned-messages-bar__item {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  min-width: 0;
}

.pinned-messages-bar__speaker {
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
}

.pinned-messages-bar__text {
  color: var(--text-secondary, #666);
  overflow: hidden;
  text-overflow: ellipsis;
}

.pinned-messages-bar__unpin {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-tertiary, #999);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.pinned-messages-bar__unpin:hover {
  background: var(--bg-hover, #eee);
  color: var(--text-primary, #1a1a1a);
}

/* Reply quote inside bubble */
.inbox-bubble__reply-quote {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 10px;
  margin-bottom: 6px;
  background: var(--bg-elevated, #f0f0f3);
  border-left: 3px solid var(--accent, #6366f1);
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.inbox-bubble__reply-quote > strong {
  color: var(--accent, #6366f1);
  font-size: 11px;
}

.inbox-bubble__reply-quote > span {
  color: var(--text-secondary, #666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Pin badge */
.inbox-bubble__pin-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
  color: var(--accent, #6366f1);
  background: color-mix(in srgb, var(--accent, #6366f1) 10%, transparent);
  border-radius: 3px;
  vertical-align: middle;
}

.inbox-bubble--pinned {
  border-left: 2px solid var(--accent, #6366f1);
}

.inbox-bubble__ack {
  display: inline-flex;
  align-items: center;
  gap: 0.24rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.45rem;
  padding: 0.14rem 0.34rem;
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  line-height: 1;
}

.inbox-bubble__ack span {
  font-size: 0.9rem;
}

.inbox-bubble__ack small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
}

/* Message action buttons */
.inbox-bubble__actions {
  display: flex;
  gap: 2px;
  margin-top: 4px;
  opacity: 0;
  transition: opacity 0.15s;
}

.inbox-bubble-row:hover .inbox-bubble__actions {
  opacity: 1;
}

.inbox-bubble__action-btn {
  padding: 2px 8px;
  border: none;
  background: var(--bg-elevated, #f0f0f3);
  color: var(--text-secondary, #666);
  font-size: 11px;
  border-radius: 3px;
  cursor: pointer;
}

.inbox-bubble__action-btn:hover {
  background: var(--bg-hover, #e5e5e8);
  color: var(--text-primary, #1a1a1a);
}

.inbox-bubble__action-btn--active {
  background: rgba(38, 107, 91, 0.1);
  color: #266b5b;
}

/* Composer reply preview */
.composer-reply-preview {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--bg-elevated, #f8f8fa);
  border-left: 3px solid var(--accent, #6366f1);
  border-radius: 4px;
  margin-bottom: 4px;
  font-size: 12px;
}

.composer-reply-preview__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1;
  min-width: 0;
}

.composer-reply-preview__content > strong {
  color: var(--accent, #6366f1);
  font-size: 11px;
}

.composer-reply-preview__content > span {
  color: var(--text-secondary, #666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.composer-reply-preview__cancel {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-tertiary, #999);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.composer-reply-preview__cancel:hover {
  background: var(--bg-hover, #eee);
  color: var(--text-primary, #1a1a1a);
}

/* ── Global Search (Cmd+K) ───────────────────────────────── */

.search-overlay {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: min(20vh, 160px);
}

.search-dialog {
  width: min(560px, 90vw);
  max-height: 60vh;
  background: var(--bg-primary, #fff);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.search-dialog__input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border, #e5e5e8);
}

.search-dialog__icon {
  flex-shrink: 0;
  color: var(--text-tertiary, #999);
  font-size: 16px;
}

.search-dialog__input {
  flex: 1 1;
  border: none;
  outline: none;
  background: none;
  font-size: 15px;
  color: var(--text-primary, #1a1a1a);
}

.search-dialog__input::placeholder {
  color: var(--text-tertiary, #aaa);
}

.search-dialog__scope {
  align-items: center;
  border-bottom: 1px solid var(--border, #e5e5e8);
  display: flex;
  gap: 0.65rem;
  padding: 0.55rem 1rem;
}

.search-dialog__scope label {
  color: var(--text-tertiary, #777);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.search-dialog__scope select {
  background: var(--bg-elevated, #f7f7f8);
  border: 1px solid var(--border, #e5e5e8);
  border-radius: 6px;
  color: var(--text-primary, #1a1a1a);
  flex: 1 1;
  font-size: 0.82rem;
  min-width: 0;
  padding: 0.38rem 0.55rem;
}

.search-dialog__results {
  flex: 1 1;
  overflow-y: auto;
  padding: 8px;
}

.search-dialog__empty {
  padding: 24px 16px;
  text-align: center;
  color: var(--text-tertiary, #999);
  font-size: 13px;
}

.search-group__label {
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary, #999);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.search-result-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.search-result-item:hover,
.search-result-item--active {
  background: var(--bg-elevated, #f0f0f3);
}

.search-result-item__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary, #1a1a1a);
}

.search-result-item__snippet {
  font-size: 12px;
  color: var(--text-secondary, #666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-result-item__meta {
  font-size: 11px;
  color: var(--text-tertiary, #999);
}

.search-dialog__hint {
  padding: 8px 16px;
  border-top: 1px solid var(--border, #e5e5e8);
  font-size: 11px;
  color: var(--text-tertiary, #999);
  text-align: center;
}

/* ── Approvals ────────────────────────────────────────────────────── */

.approvals-shell {
  display: grid;
  grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  min-height: 0;
  height: calc(100vh - 2rem);
}

.approvals-list-pane,
.approvals-detail-pane {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow-y: auto;
  box-shadow: var(--shadow);
}

.approvals-filters {
  display: flex;
  gap: 2px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

.approvals-filter-tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  background: transparent;
  font-size: 13px;
  color: var(--muted);
  transition: background var(--transition), color var(--transition);
}

.approvals-filter-tab:hover {
  background: var(--neutral-soft);
}

.approvals-filter-tab--active {
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 600;
}

.approvals-filter-tab small {
  font-size: 11px;
  opacity: 0.7;
}

.approvals-list {
  display: flex;
  flex-direction: column;
}

.approvals-list-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid var(--line);
  transition: background var(--transition);
}

.approvals-list-item:hover {
  background: var(--neutral-soft);
}

.approvals-list-item--selected {
  background: var(--accent-soft);
}

.approvals-list-item__header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.approvals-list-item__type {
  font-size: 12px;
  color: var(--muted);
}

.approvals-list-item__body {
  display: flex;
  align-items: center;
  gap: 8px;
}

.approvals-list-item__body strong {
  font-size: 14px;
  font-weight: 600;
}

.approvals-list-item__channel {
  font-size: 12px;
  color: var(--muted);
}

.approvals-list-item__preview {
  margin: 0;
  font-size: 13px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.approvals-status-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.approvals-status-badge--pending {
  background: var(--warning-soft);
  color: var(--warning);
}

.approvals-status-badge--approved {
  background: var(--success-soft);
  color: var(--success);
}

.approvals-status-badge--rejected {
  background: var(--danger-soft);
  color: var(--danger);
}

.approvals-status-badge--revised {
  background: var(--neutral-soft);
  color: var(--muted);
}

.approvals-status-badge--cancelled {
  background: var(--neutral-soft);
  color: var(--muted);
}

.approvals-status-badge--stale {
  background: var(--warning-soft);
  color: var(--warning);
}

.approvals-detail {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.approvals-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.approvals-detail__header-main {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.approvals-detail__header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.approvals-detail__back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.approvals-detail__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: var(--panel-strong);
  border-radius: var(--radius-sm);
}

.approvals-detail__meta-row {
  display: flex;
  gap: 12px;
  font-size: 13px;
}

.approvals-detail__label {
  min-width: 80px;
  color: var(--muted);
}

.approvals-detail__content h3,
.approvals-detail__comment h3 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.approvals-detail__preview-box {
  padding: 16px;
  background: var(--panel-strong);
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.approvals-detail__comment p {
  margin: 0;
  padding: 12px 16px;
  background: var(--neutral-soft);
  border-radius: var(--radius-sm);
  font-size: 14px;
}

.approvals-knowledge-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.approvals-knowledge-detail__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.approvals-knowledge-detail__grid > div {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel);
}

.approvals-knowledge-detail__grid strong {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.approvals-knowledge-detail__risk {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(157, 106, 29, 0.2);
  border-radius: var(--radius-sm);
  background: var(--warning-soft);
  color: var(--warning);
  font-size: 13px;
}

.approvals-knowledge-edit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 252, 247, 0.76);
}

.approvals-knowledge-edit label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.approvals-knowledge-edit__body {
  grid-column: 1 / -1;
}

.approvals-detail__markdown {
  max-height: 360px;
  overflow: auto;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel-strong);
  color: var(--text);
  font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.approvals-detail__markdown--diff {
  background: #fffaf3;
}

.approvals-detail__knowledge-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #ffffff;
  color: var(--accent);
  font-size: 13px;
  font-weight: 600;
}

.approvals-detail__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.approvals-detail__comment-input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: 14px;
  resize: vertical;
}

.approvals-detail__buttons {
  display: flex;
  gap: 8px;
}

.approvals-btn {
  padding: 8px 20px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
  transition: background var(--transition), opacity var(--transition);
}

.approvals-btn--approve {
  background: var(--success);
  color: #fff;
}

.approvals-btn--approve:hover {
  background: #1e8e38;
}

.approvals-btn--reject {
  background: var(--danger);
  color: #fff;
}

.approvals-btn--reject:hover {
  background: #c22a20;
}

/* ── Task Board ───────────────────────────────────────────────────── */

.task-board-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: calc(100vh - 2rem);
  min-height: 0;
}

.task-board-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.task-board-group-by {
  display: flex;
  gap: 2px;
  background: var(--neutral-soft);
  border-radius: var(--radius-pill);
  padding: 3px;
}

.task-board-group-btn {
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: transparent;
  font-size: 13px;
  color: var(--muted);
  transition: background var(--transition), color var(--transition);
}

.task-board-group-btn:hover {
  background: rgba(255, 255, 255, 0.6);
}

.task-board-group-btn--active {
  background: #fff;
  color: var(--text);
  font-weight: 600;
  box-shadow: var(--shadow);
}

.task-board-stats {
  display: flex;
  gap: 12px;
  font-size: 13px;
  color: var(--muted);
}

.task-board-stat--todo {
  color: var(--text-secondary);
}

.task-board-stat--progress {
  color: var(--warning);
}

.task-board-stat--done {
  color: var(--success);
}

.task-board-column-tabs {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.2rem;
}

.task-board-column-tab {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
}

.task-board-column-tab small {
  font-size: 0.72rem;
  color: inherit;
}

.task-board-column-tab--active {
  background: var(--accent-soft);
  color: var(--accent);
  border-color: rgba(0, 113, 227, 0.22);
}

.task-board-columns {
  display: flex;
  gap: 12px;
  flex: 1 1;
  min-height: 0;
  overflow-x: auto;
  padding-bottom: 4px;
}

.task-board-column {
  flex: 1 1;
  min-width: 260px;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  background: var(--panel-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.task-board-column__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

.task-board-column__header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.task-board-column__header small {
  font-size: 12px;
  color: var(--muted);
  background: var(--neutral-soft);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
}

.task-board-column__cards {
  flex: 1 1;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.task-board-empty-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  font-size: 13px;
  color: var(--muted);
  padding: 24px;
}

.task-board-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: -webkit-grab;
  cursor: grab;
  transition: box-shadow var(--transition), transform var(--transition);
  box-shadow: var(--shadow);
}

.task-board-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.task-board-card:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.task-board-card--high {
  border-left: 3px solid var(--danger);
}

.task-board-card--medium {
  border-left: 3px solid var(--warning);
}

.task-board-card--low {
  border-left: 3px solid var(--success);
}

.task-board-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task-board-priority {
  font-size: 11px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: var(--radius-pill);
}

.task-board-priority--high {
  background: var(--danger-soft);
  color: var(--danger);
}

.task-board-priority--medium {
  background: var(--warning-soft);
  color: var(--warning);
}

.task-board-priority--low {
  background: var(--success-soft);
  color: var(--success);
}

.task-board-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.task-board-status-dot--todo {
  background: var(--muted);
}

.task-board-status-dot--in_progress {
  background: var(--warning);
}

.task-board-status-dot--blocked {
  background: var(--danger);
}

.task-board-status-dot--done {
  background: var(--success);
}

.task-board-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.task-board-card__meta {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: var(--muted);
}

.task-board-card__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.task-board-label {
  display: inline-block;
  padding: 1px 6px;
  background: var(--accent-soft);
  color: var(--accent);
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 500;
}

.task-board-card__status-control {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

.task-board-card__status-control span {
  font-size: 0.75rem;
  color: var(--muted);
}

.task-board-card__status-control select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-strong);
  padding: 0.45rem 0.6rem;
  font-size: 0.85rem;
  color: var(--text);
}

/* ── Org Chart ── */

.org-chart-shell {
  padding: 1.2rem 1.4rem;
  max-width: 960px;
}

.org-chart-toolbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
  flex-wrap: wrap;
}

.org-chart-toolbar h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.org-chart-stats {
  display: flex;
  gap: 0.75rem;
  font-size: 0.82rem;
  color: var(--muted);
}

.org-chart-view-toggle {
  display: flex;
  gap: 2px;
  margin-left: auto;
}

.org-chart-view-btn {
  padding: 4px 12px;
  border: 1px solid var(--border);
  background: transparent;
  font-size: 0.78rem;
  cursor: pointer;
  border-radius: var(--radius-sm);
  color: var(--muted);
  transition: all 0.15s ease;
}

.org-chart-view-btn--active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.org-chart-tree,
.org-chart-channels {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.org-chart-group__title,
.org-chart-channel__name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--muted);
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.org-chart-group__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.org-chart-card {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 0.8rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.6);
  transition: border-color 0.15s;
}

.org-chart-card:hover {
  border-color: var(--accent);
}

.org-chart-card__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 600;
  flex-shrink: 0;
}

.org-chart-card--human .org-chart-card__avatar {
  background: var(--accent-soft);
  color: var(--accent);
}

.org-chart-card--agent .org-chart-card__avatar {
  background: rgba(139, 92, 246, 0.12);
  color: rgb(139, 92, 246);
}

.org-chart-card__info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1 1;
}

.org-chart-card__info strong {
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart-card__role {
  font-size: 0.72rem;
  color: var(--muted);
}

.org-chart-card__channels {
  font-size: 0.7rem;
  color: var(--accent);
  opacity: 0.8;
}

.org-chart-status {
  font-size: 0.68rem;
  padding: 2px 6px;
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}

.org-chart-status--online {
  background: rgba(52, 211, 153, 0.15);
  color: rgb(16, 185, 129);
}

.org-chart-status--offline {
  background: rgba(156, 163, 175, 0.12);
  color: rgb(156, 163, 175);
}

.org-chart-empty {
  font-size: 0.8rem;
  color: var(--muted);
  padding: 1rem;
  text-align: center;
}

/* ── Costs ── */

.costs-shell {
  padding: 1.2rem 1.4rem;
  max-width: 960px;
}

.costs-toolbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
  flex-wrap: wrap;
}

.costs-toolbar h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.costs-tab-bar {
  display: flex;
  gap: 2px;
  margin-left: auto;
}

.costs-tab {
  padding: 4px 14px;
  border: 1px solid var(--border);
  background: transparent;
  font-size: 0.78rem;
  cursor: pointer;
  border-radius: var(--radius-sm);
  color: var(--muted);
  transition: all 0.15s ease;
}

.costs-tab--active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.costs-summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 0.6rem;
  gap: 0.6rem;
  margin-bottom: 1.2rem;
}

.costs-summary-card {
  padding: 0.8rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.costs-summary-card__label {
  font-size: 0.72rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.costs-summary-card__value {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
}

.costs-overview h3 {
  font-size: 0.88rem;
  font-weight: 600;
  margin: 1.2rem 0 0.6rem;
}

.costs-agent-table {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.costs-agent-row {
  display: grid;
  grid-template-columns: 1.4fr 1.2fr 0.6fr 0.8fr 0.8fr 0.8fr 0.8fr;
  grid-gap: 0.4rem;
  gap: 0.4rem;
  padding: 0.5rem 0.7rem;
  font-size: 0.78rem;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

.costs-agent-row:last-child {
  border-bottom: none;
}

.costs-agent-row--header {
  background: rgba(142, 149, 170, 0.06);
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
  color: var(--muted);
}

.costs-agent-name {
  font-weight: 500;
}

.costs-agent-model {
  font-size: 0.72rem;
  color: var(--muted);
}

.costs-agent-cards,
.costs-recent-cards {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.costs-agent-card,
.costs-recent-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.68);
  padding: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.costs-agent-card__header,
.costs-recent-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.costs-agent-card__header strong,
.costs-recent-card__header strong {
  font-size: 0.92rem;
}

.costs-agent-card__stats,
.costs-recent-card__stats {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  font-size: 0.82rem;
}

.costs-recent-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.costs-recent-item {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  padding: 0.35rem 0.6rem;
  font-size: 0.76rem;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--border);
}

.costs-recent-agent {
  font-weight: 500;
  min-width: 100px;
}

.costs-recent-model {
  color: var(--muted);
  font-size: 0.72rem;
  min-width: 100px;
}

.costs-recent-time {
  margin-left: auto;
  color: var(--muted);
  font-size: 0.7rem;
}

.costs-empty {
  font-size: 0.82rem;
  color: var(--muted);
  padding: 2rem;
  text-align: center;
}

/* ── Budget Manager ── */

.budget-manager {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.budget-toolbar {
  display: flex;
  justify-content: flex-end;
}

.budget-add-btn {
  padding: 5px 14px;
  border: 1px solid var(--accent);
  background: transparent;
  color: var(--accent);
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  cursor: pointer;
  transition: all 0.15s;
}

.budget-add-btn:hover {
  background: var(--accent);
  color: #fff;
}

.budget-form {
  padding: 1rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--accent);
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.budget-form__row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.budget-form__row label {
  font-size: 0.78rem;
  font-weight: 500;
  min-width: 110px;
}

.budget-form__row select,
.budget-form__row input {
  flex: 1 1;
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  background: #fff;
}

.budget-save-btn {
  padding: 6px 18px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  cursor: pointer;
  align-self: flex-end;
}

.budget-save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.budget-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.budget-card {
  padding: 0.7rem 0.9rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.budget-card--disabled {
  opacity: 0.5;
}

.budget-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.budget-card__header strong {
  font-size: 0.82rem;
}

.budget-card__period {
  font-size: 0.7rem;
  color: var(--muted);
  padding: 1px 6px;
  background: var(--accent-soft);
  border-radius: var(--radius-pill);
}

.budget-card__bar-container {
  height: 6px;
  background: rgba(142, 149, 170, 0.1);
  border-radius: 3px;
  overflow: hidden;
}

.budget-card__bar {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.budget-card__stats {
  display: flex;
  justify-content: space-between;
  font-size: 0.74rem;
  color: var(--muted);
}

.budget-card__meta {
  display: flex;
  gap: 1rem;
  font-size: 0.7rem;
  color: var(--muted);
}

.budget-card__actions {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
}

.budget-card__toggle,
.budget-card__delete {
  padding: 2px 10px;
  border: 1px solid var(--border);
  background: transparent;
  font-size: 0.72rem;
  cursor: pointer;
  border-radius: var(--radius-sm);
  color: var(--muted);
}

.budget-card__delete:hover {
  border-color: var(--color-danger);
  color: var(--color-danger);
}

/* ── Knowledge Base ── */

.knowledge-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  height: 100%;
  min-height: 0;
}

.knowledge-sidebar {
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px 0;
}

.knowledge-view-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  padding: 0 16px 12px;
}

.knowledge-view-switch__tab {
  border: 1px solid var(--line);
  background: var(--bg-strong);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.knowledge-view-switch__tab span {
  color: var(--muted);
  font-size: 12px;
}

.knowledge-view-switch__tab--active {
  border-color: var(--accent);
  background: var(--accent-soft);
}

.knowledge-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 12px;
}

.knowledge-sidebar__header--stacked {
  align-items: flex-start;
}

.knowledge-sidebar__header h2 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

.knowledge-sidebar__actions {
  display: flex;
  gap: 6px;
}

.knowledge-sidebar__subtle {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
}

.knowledge-sidebar__count {
  font-size: 12px;
  color: var(--muted);
  padding: 0 16px 12px;
}

.knowledge-btn {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  display: inline-flex;
  gap: 0.4rem;
  justify-content: center;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  cursor: pointer;
  background: var(--bg-strong);
  color: var(--text);
  transition: background var(--transition), border-color var(--transition);
}

.knowledge-btn svg {
  display: block;
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}

.knowledge-btn:hover {
  background: var(--panel-strong);
}

.knowledge-btn--primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.knowledge-btn--primary:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

.knowledge-btn--primary:disabled {
  opacity: 0.5;
  cursor: default;
}

.knowledge-btn--ghost {
  border-color: transparent;
  background: transparent;
}

.knowledge-btn--ghost:hover {
  background: var(--accent-soft);
}

.knowledge-btn--danger {
  color: var(--danger);
  border-color: var(--danger);
  background: transparent;
}

.knowledge-btn--danger:hover {
  background: var(--danger-soft);
}

.knowledge-tree {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 8px;
}

.knowledge-documents {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 12px 12px;
}

.knowledge-documents__filters {
  padding: 0 16px 12px;
}

.knowledge-documents__search {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-strong);
  color: var(--text);
  padding: 9px 12px;
  font-size: 13px;
}

.knowledge-documents__filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  margin-top: 8px;
}

.knowledge-documents__select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-strong);
  color: var(--text);
  padding: 9px 12px;
  font-size: 13px;
}

.knowledge-document-item {
  width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  text-align: left;
  cursor: pointer;
  transition: background var(--transition), border-color var(--transition);
}

.knowledge-document-item:hover {
  background: var(--accent-soft);
}

.knowledge-document-item--selected {
  background: var(--accent-soft);
  border-color: rgba(74, 115, 255, 0.18);
}

.knowledge-document-item strong {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

.knowledge-document-item span,
.knowledge-document-item small {
  color: var(--muted);
  font-size: 12px;
}

.knowledge-document-item__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.knowledge-tree__empty {
  padding: 16px;
  font-size: 13px;
  color: var(--muted);
  text-align: center;
}

.knowledge-tree__node {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background var(--transition);
}

.knowledge-tree__node:hover {
  background: var(--accent-soft);
}

.knowledge-tree__node--selected {
  background: var(--accent-soft);
  font-weight: 600;
}

.knowledge-tree__toggle,
.knowledge-tree__add-child {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: var(--muted);
  padding: 0 2px;
  line-height: 1;
}

.knowledge-tree__add-child {
  opacity: 0;
  margin-left: auto;
}

.knowledge-tree__node:hover .knowledge-tree__add-child {
  opacity: 1;
}

.knowledge-tree__leaf {
  font-size: 12px;
  color: var(--muted);
  width: 14px;
  text-align: center;
}

.knowledge-tree__label {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: var(--text);
  text-align: left;
  padding: 0;
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.knowledge-content {
  overflow-y: auto;
  padding: 24px 32px;
}

.knowledge-mobile-bar {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
}

.knowledge-mobile-bar__back {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  flex: none;
}

.knowledge-mobile-bar__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}

.knowledge-mobile-bar__copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.2;
}

.knowledge-mobile-bar__copy span {
  color: rgba(0, 0, 0, 0.48);
  font-size: 0.78rem;
}

.knowledge-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--muted);
  font-size: 14px;
}

.knowledge-viewer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.knowledge-viewer__header h1 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

.knowledge-viewer__actions {
  display: flex;
  gap: 8px;
}

.knowledge-viewer__tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.knowledge-tag {
  background: var(--accent-soft);
  color: var(--accent);
  border-radius: var(--radius-pill);
  padding: 2px 10px;
  font-size: 12px;
}

.knowledge-tag--button {
  border: none;
  cursor: pointer;
}

.knowledge-viewer__meta {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 20px;
}

.knowledge-viewer__body {
  line-height: 1.7;
}

.knowledge-document-note {
  border: 1px dashed var(--line);
  border-radius: var(--radius-md);
  background: var(--panel-strong);
  padding: 16px 18px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.knowledge-viewer__markdown {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.7;
  background: var(--panel-strong);
  border-radius: var(--radius-md);
  padding: 16px 20px;
}

.knowledge-viewer__empty {
  color: var(--muted);
  font-style: italic;
}

.knowledge-editor__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.knowledge-editor__title-input {
  flex: 1 1;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  background: var(--bg-strong);
}

.knowledge-editor__btns {
  display: flex;
  gap: 8px;
}

.knowledge-editor__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
}

.knowledge-editor__tags label {
  color: var(--muted);
}

.knowledge-editor__tags input {
  flex: 1 1;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 4px 10px;
  font-size: 13px;
  background: var(--bg-strong);
}

.knowledge-editor__content {
  width: 100%;
  min-height: 400px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  font-family: "SF Mono", "Fira Code", monospace;
  font-size: 14px;
  line-height: 1.6;
  resize: vertical;
  background: var(--bg-strong);
}

.knowledge-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.knowledge-modal {
  background: var(--bg-strong);
  border-radius: var(--radius-lg);
  padding: 24px;
  min-width: 360px;
  max-width: 480px;
  box-shadow: var(--shadow-lg);
}

.knowledge-modal h3 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 600;
}

.knowledge-modal__hint {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 12px;
}

.knowledge-modal__input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-strong);
  margin-bottom: 16px;
}

.knowledge-modal .knowledge-assignment-card__mode-grid {
  margin-bottom: 0.75rem;
}

.knowledge-modal .knowledge-assignment-card__agents,
.knowledge-modal .knowledge-assignment-card__note,
.knowledge-modal .knowledge-viewer__meta {
  margin-bottom: 1rem;
}

.knowledge-modal__footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.knowledge-import-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  max-height: 300px;
  overflow-y: auto;
}

.knowledge-import-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-strong);
  cursor: pointer;
  transition: background var(--transition);
}

.knowledge-import-item:hover {
  background: var(--accent-soft);
}

.knowledge-import-item strong {
  font-size: 14px;
}

.knowledge-import-item span {
  font-size: 12px;
  color: var(--muted);
}

/* ── Performance ── */

.performance-page {
  padding: 8px 0;
}

.performance-page__title {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 20px;
}

.performance-summary {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 24px;
}

.performance-summary-card {
  background: var(--bg-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px;
}

.performance-summary-card__label {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.performance-summary-card__value {
  font-size: 24px;
  font-weight: 700;
}

.performance-summary-card__value--positive {
  color: var(--success);
}

.performance-summary-card__value--warning {
  color: var(--warning);
}

.performance-summary-card__value--danger {
  color: var(--danger);
}

.performance-table-wrapper {
  overflow-x: auto;
}

.performance-card-list {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.performance-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-strong);
  padding: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.performance-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.performance-card__badges {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.performance-card__stats {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  font-size: 0.84rem;
}

.performance-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.performance-table th {
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--muted);
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.performance-table td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}

.performance-table tbody tr:hover {
  background: var(--accent-soft);
}

.performance-table__num {
  text-align: right !important;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.performance-agent-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.performance-agent-cell__id {
  font-size: 11px;
  color: var(--muted);
}

.performance-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 600;
}

.performance-badge--positive {
  background: var(--success-soft);
  color: var(--success);
}

.performance-badge--warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.performance-badge--danger {
  background: var(--danger-soft);
  color: var(--danger);
}

.performance-sat-detail {
  font-size: 11px;
  color: var(--muted);
}

.performance-muted {
  color: var(--muted);
}

.performance-empty {
  text-align: center;
  color: var(--muted);
  padding: 48px 0;
  font-size: 14px;
}

/* ── Estimation Card ── */

.estimation-card {
  margin-top: 24px;
  background: var(--bg-strong);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 20px;
}

.estimation-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px;
}

.estimation-card__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.estimation-card__input,
.estimation-card__textarea,
.estimation-card__select {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  font-size: 13px;
  background: var(--bg-strong);
}

.estimation-card__textarea {
  resize: vertical;
  min-height: 48px;
}

.estimation-card__row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.estimation-card__select {
  flex: 1 1;
}

.estimation-card__btn {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  background: var(--bg-strong);
  color: var(--text);
}

.estimation-card__btn--primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.estimation-card__btn--primary:hover {
  background: var(--accent-hover);
}

.estimation-card__btn--primary:disabled {
  opacity: 0.5;
  cursor: default;
}

.estimation-card__result {
  margin-top: 16px;
}

.estimation-card__result-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
}

.estimation-card__result-header span {
  color: var(--muted);
  font-size: 12px;
}

.estimation-card__empty {
  color: var(--muted);
  font-size: 13px;
}

.estimation-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.estimation-table th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--muted);
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
}

.estimation-table td {
  padding: 10px;
  border-bottom: 1px solid var(--line);
}

.estimation-table tbody tr:hover {
  background: var(--accent-soft);
}

.estimation-table__row--recommended {
  background: var(--accent-soft);
}

.estimation-table__num {
  text-align: right !important;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.estimation-agent-cell {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.estimation-agent-cell__id {
  font-size: 11px;
  color: var(--muted);
}

.estimation-confidence {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 600;
}

.estimation-confidence--high {
  background: var(--success-soft);
  color: var(--success);
}

.estimation-confidence--medium {
  background: var(--warning-soft);
  color: var(--warning);
}

.estimation-confidence--low {
  background: var(--danger-soft);
  color: var(--danger);
}

/* ── Data Tables (#25) ── */

.tables-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  height: 100%;
  min-height: 0;
}

.tables-sidebar {
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px 0;
}

.tables-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 12px;
}

.tables-sidebar__header h2 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

.tables-sidebar__count {
  font-size: 12px;
  color: var(--muted);
  padding: 0 16px 12px;
}

.tables-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 8px;
}

.tables-sidebar__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  color: var(--text);
  transition: background var(--transition);
}

.tables-sidebar__item:hover {
  background: var(--accent-soft);
}

.tables-sidebar__item--selected {
  background: var(--accent-soft);
}

.tables-sidebar__item strong {
  font-weight: 500;
}

.tables-sidebar__item span {
  font-size: 11px;
  color: var(--muted);
}

.tables-content {
  overflow: auto;
  padding: 20px 24px;
}

.tables-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.tables-detail__header h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.tables-detail__actions {
  display: flex;
  gap: 8px;
}

.tables-detail__meta {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 16px;
}

.tables-grid-wrapper {
  overflow-x: auto;
}

.tables-grid {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.tables-grid th {
  text-align: left;
  padding: 8px 12px;
  font-weight: 500;
  border-bottom: 2px solid var(--line);
  white-space: nowrap;
}

.tables-grid__type {
  display: inline-block;
  font-size: 10px;
  color: var(--muted);
  font-weight: 400;
  margin-left: 6px;
}

.tables-grid td {
  padding: 4px 8px;
  border-bottom: 1px solid var(--line);
}

.tables-grid__cell-input {
  width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  padding: 4px 6px;
  font-size: 13px;
  background: transparent;
  color: var(--text);
  transition: border-color var(--transition);
}

.tables-grid__cell-input:focus {
  outline: none;
  border-color: var(--accent);
  background: var(--bg-strong);
}

.tables-grid__actions-col {
  width: 32px;
  text-align: center;
}

.tables-grid__delete-row {
  border: none;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 16px;
  padding: 2px 6px;
  border-radius: var(--radius-sm);
}

.tables-grid__delete-row:hover {
  color: var(--danger);
  background: var(--danger-soft);
}

.tables-grid__empty {
  text-align: center;
  color: var(--muted);
  padding: 24px !important;
}

.knowledge-modal--wide {
  max-width: 520px;
}

.tables-create__columns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.tables-create__columns label {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
}

.tables-create__column-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.tables-create__col-name {
  flex: 1 1;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  font-size: 13px;
  background: var(--bg-strong);
  color: var(--text);
}

.tables-create__col-type {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  font-size: 13px;
  background: var(--bg-strong);
  color: var(--text);
}

.tables-create__col-remove {
  border: none;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 16px;
  padding: 2px 6px;
}

.tables-create__col-remove:hover {
  color: var(--danger);
}

/* ── Automations (#27) ── */

.automations-layout {
  padding: 20px 24px;
  max-width: 900px;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
}

.automations-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.automations-header h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.automations-header__subtitle {
  font-size: 12px;
  color: var(--muted);
  margin: 4px 0 0;
}

.automations-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.automations-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  background: var(--bg-strong);
  cursor: pointer;
  transition: border-color var(--transition), box-shadow var(--transition);
}

.automations-card:hover {
  border-color: var(--accent);
}

.automations-card--selected {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}

.automations-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.automations-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.automations-card__title strong {
  font-size: 14px;
  font-weight: 500;
}

.automations-card__badge {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 500;
}

.automations-card__badge--enabled {
  background: var(--success-soft);
  color: var(--success);
}

.automations-card__badge--disabled {
  background: var(--panel-strong);
  color: var(--muted);
}

.automations-card__badge--run-pending,
.automations-card__badge--run-running {
  background: var(--accent-soft);
  color: var(--accent);
}

.automations-card__badge--run-completed {
  background: var(--success-soft);
  color: var(--success);
}

.automations-card__badge--run-completed_with_warning {
  background: var(--warning-soft);
  color: var(--warning);
}

.automations-card__badge--run-failed {
  background: var(--danger-soft);
  color: var(--danger);
}

.automations-card__badge--run-disabled {
  background: var(--panel-strong);
  color: var(--muted);
}

.automations-card__actions {
  display: flex;
  gap: 6px;
}

.automations-card__description {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 6px 0 0;
}

.automations-card__flow {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.automations-card__trigger,
.automations-card__action {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 500;
}

.automations-card__conditions {
  font-size: 11px;
  color: var(--muted);
}

.automations-card__arrow {
  font-size: 12px;
  color: var(--muted);
}

.automations-card__meta {
  font-size: 11px;
  color: var(--muted);
  margin-top: 8px;
}

.automations-card__active-runs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.automations-detail {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px;
  background: var(--bg-strong);
}

.automations-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.automations-detail__header h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.automations-detail__header span,
.automations-detail p,
.automations-run small {
  color: var(--muted);
  font-size: 12px;
}

.automations-detail p {
  margin: 8px 0 0;
  line-height: 1.5;
}

.automations-run-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 12px;
}

.automations-run {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: var(--panel);
}

.automations-run__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.automations-run__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.automations-run__header strong {
  font-size: 13px;
  font-weight: 500;
}

.automations-builder__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.automations-builder__header span,
.automations-builder__preview span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.automations-builder__header h3 {
  margin: 2px 0 0;
  font-size: 17px;
  font-weight: 600;
}

.automations-builder__identity {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 14px;
}

.automations-builder {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.automations-builder__step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel);
}

.automations-builder__step-index {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
}

.automations-builder__step-body {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: 0;
}

.automations-builder__step-body label {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}

.automations-builder__condition {
  display: grid;
  grid-template-columns: minmax(9rem, 0.9fr) minmax(7rem, 0.7fr) minmax(12rem, 1.4fr);
  grid-gap: 8px;
  gap: 8px;
}

.automations-builder__preview {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  margin-top: 12px;
  padding: 12px;
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
}

.automations-builder__preview strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.automations-create__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.automations-create__row label {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  min-width: 60px;
}

@media (max-width: 720px) {
  .automations-builder__condition {
    grid-template-columns: 1fr;
  }
}

/* ── Calendar / Schedules (#28) ── */

.calendar-layout {
  padding: 20px 24px;
  max-width: 900px;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
}

.calendar-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.calendar-header h1 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.calendar-header__subtitle {
  font-size: 12px;
  color: var(--muted);
  margin: 4px 0 0;
}

.calendar-timeline {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.calendar-day__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  margin: 0 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}

.calendar-day__tasks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.calendar-task-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  background: var(--bg-strong);
}

.calendar-task-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.calendar-task-card__header strong {
  font-size: 14px;
  font-weight: 500;
}

.calendar-task-card__status {
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 500;
}

.calendar-task-card__status--active {
  background: var(--success-soft);
  color: var(--success);
}

.calendar-task-card__status--paused {
  background: var(--warning-soft);
  color: var(--warning);
}

.calendar-task-card__status--completed {
  background: var(--panel-strong);
  color: var(--muted);
}

.calendar-task-card__repeat {
  font-size: 11px;
  color: var(--muted);
  margin-left: auto;
}

.calendar-task-card__description {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 6px 0 0;
}

.calendar-task-card__meta {
  font-size: 11px;
  color: var(--muted);
  margin-top: 8px;
}

.calendar-task-card__actions {
  display: flex;
  gap: 6px;
  margin-top: 10px;
}

/* ── Templates (#29) ── */

.templates-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  height: 100%;
  min-height: 0;
}

.templates-sidebar {
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px 0;
}

.templates-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 12px;
}

.templates-sidebar__header h2 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

.templates-sidebar__count {
  font-size: 12px;
  color: var(--muted);
  padding: 0 16px 12px;
}

.templates-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 8px;
}

.templates-sidebar__group {
  margin-bottom: 8px;
}

.templates-sidebar__group-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 10px;
  margin: 0 0 4px;
}

.templates-sidebar__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  color: var(--text);
  width: 100%;
  transition: background var(--transition);
}

.templates-sidebar__item:hover {
  background: var(--accent-soft);
}

.templates-sidebar__item--selected {
  background: var(--accent-soft);
}

.templates-sidebar__item strong {
  font-weight: 500;
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.templates-sidebar__badge {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--panel-strong);
  color: var(--muted);
  white-space: nowrap;
}

.templates-content {
  overflow: auto;
  padding: 20px 24px;
}

/* ── Channel Workspace ── */

.channel-workspace-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
}

.channel-workspace-header__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem 0.7rem;
}

.channel-workspace-header__main {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
}

.channel-workspace-header__back {
  flex: none;
}

.channel-workspace-header__avatar {
  width: 4.1rem;
  height: 4.1rem;
  border-radius: 999px;
  border: 2px solid #2e6bff;
  display: grid;
  place-items: center;
  color: #2e6bff;
  background: #ffffff;
  flex: none;
}

.channel-workspace-header__avatar svg {
  width: 1.65rem;
  height: 1.65rem;
}

.channel-workspace-header__copy {
  min-width: 0;
}

.channel-workspace-header__subtitle {
  margin: 0.35rem 0 0;
  color: #7f8796;
  font-size: 0.92rem;
}

.channel-workspace-header__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.channel-workspace-header__title-row h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #2a2d34;
}

.channel-workspace-header__title-edit-button {
  width: 1.85rem;
  height: 1.85rem;
  border: 0;
  border-radius: 0.55rem;
  background: transparent;
  color: #7f8796;
  display: inline-grid;
  place-items: center;
  flex: none;
  margin-left: -0.35rem;
  transition: background 160ms ease, color 160ms ease;
}

.channel-workspace-header__title-edit-button:hover,
.channel-workspace-header__title-edit-button:focus-visible {
  background: #eef2f8;
  color: #2f3440;
}

.channel-workspace-header__title-edit-button svg {
  width: 1.05rem;
  height: 1.05rem;
}

.channel-workspace-header__members {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: #7f8796;
  font-size: 0.88rem;
}

.channel-workspace-header__members svg {
  width: 1rem;
  height: 1rem;
}

.channel-workspace-header__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.6rem;
  border-radius: 0.65rem;
  background: #dce6ff;
  color: #2b66ff;
  font-size: 0.88rem;
  font-weight: 600;
}

.channel-workspace-header__actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: none;
}

.channel-workspace-header__icon-button {
  width: 2.8rem;
  height: 2.8rem;
  border: 0;
  border-radius: 0.85rem;
  background: transparent;
  color: #6d7482;
  display: grid;
  place-items: center;
  transition: background 160ms ease, color 160ms ease;
}

.channel-workspace-header__icon-button:hover,
.channel-workspace-header__icon-button--active {
  background: #eef2f8;
  color: #2f3440;
}

.channel-workspace-header__icon-button svg {
  width: 1.35rem;
  height: 1.35rem;
}

.channel-workspace-header__menu-wrap {
  position: relative;
}

.channel-workspace-header__menu {
  position: absolute;
  top: calc(100% + 0.55rem);
  right: 0;
  min-width: 13rem;
  padding: 0.55rem;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(19, 27, 47, 0.16);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  z-index: 30;
}

.channel-workspace-header__menu--compact {
  right: auto;
  left: 0;
  min-width: 11.5rem;
}

.channel-workspace-header__menu-item {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem 0.85rem;
  border-radius: 0.8rem;
  text-align: left;
  color: #2f3440;
}

.channel-workspace-header__menu-item:hover {
  background: #f3f6fb;
}

.channel-workspace-header__menu-item--danger {
  color: #c53833;
}

.channel-workspace-header__menu-item svg {
  width: 1.25rem;
  height: 1.25rem;
  flex: none;
}

.channel-workspace-header__tabs {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0 1.25rem 0.9rem;
}

.channel-workspace-tab,
.channel-workspace-header__tab-plus {
  border: 0;
  background: transparent;
  color: #2f3440;
}

.channel-workspace-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.75rem 0.95rem;
  border-radius: 0.9rem;
  font-size: 0.95rem;
}

.channel-workspace-tab--active {
  background: #dce6ff;
  color: #2b66ff;
  font-weight: 600;
}

.channel-workspace-tab__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
}

.channel-workspace-tab__icon svg {
  width: 1.05rem;
  height: 1.05rem;
}

.channel-workspace-header__tab-plus {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.9rem;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  line-height: 1;
}

.channel-workspace-header__tab-plus:hover {
  background: #eef2f8;
}

.channel-workspace-panel {
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.channel-detail-state {
  flex: 1 1;
  min-height: 0;
  display: grid;
  align-content: start;
  grid-gap: 0.85rem;
  gap: 0.85rem;
  padding: 1.25rem;
  background: linear-gradient(180deg, rgba(247, 248, 253, 0.75) 0%, rgba(255, 255, 255, 0.55) 100%);
}

.channel-detail-state--error {
  place-items: center;
}

.channel-detail-state__line {
  width: min(34rem, 82%);
  height: 0.95rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(225, 231, 241, 0.82), rgba(244, 247, 252, 0.95), rgba(225, 231, 241, 0.82));
  background-size: 220% 100%;
  animation: channel-detail-state-pulse 1.25s ease-in-out infinite;
}

.channel-detail-state__line--wide {
  width: min(42rem, 94%);
}

.channel-detail-state__line--short {
  width: min(22rem, 58%);
}

@keyframes channel-detail-state-pulse {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}

.channel-workspace-panel--documents .channel-documents-panel {
  flex: 1 1;
  min-height: 0;
}

.channel-workspace-panel__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.channel-workspace-panel__toolbar h3 {
  margin: 0.2rem 0 0;
  font-size: 1rem;
}

.channel-workspace-search {
  position: relative;
  width: min(42rem, 100%);
  display: flex;
  align-items: center;
}

.channel-workspace-search__icon {
  position: absolute;
  left: 1rem;
  color: #747c89;
  display: inline-flex;
}

.channel-workspace-search__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.channel-workspace-search input {
  width: 100%;
  padding: 1rem 1rem 1rem 3.05rem;
  border-radius: 0.95rem;
  border: 1px solid #cfd5de;
  background: #ffffff;
  font-size: 0.98rem;
}

.channel-workspace-list {
  flex: 1 1;
  min-height: 0;
  overflow: auto;
  padding: 1rem 1.25rem 1.4rem;
}

.channel-workspace-list__head,
.channel-workspace-row {
  display: grid;
  grid-template-columns: minmax(18rem, 1.8fr) minmax(8rem, 0.7fr) minmax(8rem, 0.7fr) minmax(10rem, 0.8fr);
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
}

.channel-workspace-list__head {
  padding: 0 0.4rem 0.85rem;
  color: #71798a;
  font-size: 0.9rem;
  font-weight: 600;
}

.channel-workspace-row {
  padding: 1rem 0.4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.channel-workspace-row__title {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
}

.channel-workspace-row__title > div {
  min-width: 0;
}

.channel-workspace-row__title strong,
.channel-workspace-row__title small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channel-workspace-row__title strong {
  font-size: 0.98rem;
  color: #2e3238;
}

.channel-workspace-row__title small,
.channel-workspace-row span {
  color: #7a8393;
}

.channel-workspace-row__icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  display: grid;
  place-items: center;
  font-size: 0.68rem;
  font-weight: 700;
  flex: none;
}

.channel-workspace-row__icon--file {
  background: #eef2fb;
  color: #4f5f88;
}

.channel-workspace-row__icon--image {
  background: #ffe8c2;
  color: #b16b00;
}

.channel-workspace-row__icon--doc {
  background: #dce6ff;
  color: #2b66ff;
}

.channel-workspace-row__icon--doc svg {
  width: 1rem;
  height: 1rem;
}

.channel-workspace-row__actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.channel-workspace-archived {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 1rem 1.25rem 1.25rem;
}

.channel-workspace-archived__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.8rem;
}

.channel-workspace-archived__header strong {
  font-size: 0.86rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #727b8c;
}

.channel-workspace-archived__header span {
  color: #727b8c;
  font-size: 0.86rem;
}

.channel-workspace-archived__list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.channel-workspace-archived__item {
  padding: 0.85rem 0.95rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fafbfd;
}

.channel-workspace-archived__item strong,
.channel-workspace-archived__item small {
  display: block;
}

.channel-workspace-archived__item small {
  margin-top: 0.25rem;
  color: #727b8c;
}

@media (max-width: 860px) {
  .channel-workspace-header__top {
    flex-direction: column;
    align-items: stretch;
    padding: 0.85rem 0.9rem 0.55rem;
  }

  .channel-workspace-header__main {
    align-items: flex-start;
  }

  .channel-workspace-header__avatar {
    width: 3.4rem;
    height: 3.4rem;
  }

  .channel-workspace-header__title-row h2 {
    font-size: 1.4rem;
  }

  .channel-workspace-header__actions {
    justify-content: flex-end;
  }

  .channel-workspace-header__tabs {
    padding: 0 0.9rem 0.75rem;
    overflow-x: auto;
  }

  .channel-workspace-panel__toolbar {
    flex-direction: column;
    align-items: stretch;
    padding: 0.85rem 0.9rem;
  }

  .channel-workspace-search {
    width: 100%;
  }

  .channel-workspace-list {
    padding: 0.85rem 0.9rem 1rem;
  }

  .channel-workspace-list__head {
    display: none;
  }

  .channel-workspace-row {
    grid-template-columns: 1fr;
    gap: 0.55rem;
    padding: 0.9rem 0;
  }

  .channel-workspace-row__actions {
    justify-content: flex-start;
  }

  .channel-workspace-archived {
    padding: 0.9rem;
  }
}

/* ── Workspace Flat Desktop ── */

@media (min-width: 861px) {
  .workspace-main {
    padding: 0;
    gap: 0;
    background: #ffffff;
  }

  .workspace-main__content {
    gap: 0;
  }

  .page-shell {
    gap: 0;
  }

  .settings-page,
  .task-board-shell,
  .performance-page,
  .org-chart-shell,
  .costs-shell,
  .automations-layout,
  .calendar-layout {
    padding: 1rem 1.25rem 1.25rem;
  }

  .settings-page,
  .performance-page,
  .org-chart-shell,
  .costs-shell {
    height: 100%;
    overflow-y: auto;
  }

  .settings-grid {
    gap: 0;
  }

  .settings-group {
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 22px;
  }

  .settings-group__grid {
    gap: 0;
  }

  .settings-group::before {
    left: 1rem;
    right: 1rem;
  }

  .settings-page .page-header {
    padding-bottom: 1rem;
  }

  .settings-grid .page-panel + .page-panel {
    border-top: 0;
  }

  .agents-page,
  .skills-page {
    padding: 0;
  }

  .agents-page > .action-ribbon {
    margin: 1rem 1.25rem 0.75rem;
  }

  .feedback-toast-region {
    right: 0.8rem;
    bottom: 0.8rem;
  }

  .feedback-toast {
    min-width: min(20rem, calc(100vw - 1rem));
    max-width: min(24rem, calc(100vw - 1rem));
    padding: 0.78rem 0.78rem 0.78rem 0.9rem;
  }

  .agents-shell,
  .skills-studio,
  .approvals-shell,
  .inbox-shell,
  .contacts-shell,
  .knowledge-layout,
  .tables-layout,
  .templates-layout {
    gap: 0;
    height: 100%;
    min-height: 0;
    background: #ffffff;
  }

  .agents-shell,
  .skills-studio {
    flex: 1 1;
  }

  .approvals-shell {
    height: 100%;
  }

  .skills-studio {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff;
  }

  .page-panel,
  .form-panel,
  .meta-card,
  .summary-card,
  .timeline-item,
  .agent-profile-card,
  .costs-summary-card,
  .costs-agent-card,
  .costs-recent-card,
  .costs-agent-table,
  .costs-recent-item,
  .budget-form,
  .budget-card,
  .performance-summary-card,
  .performance-card,
  .estimation-card,
  .automations-card,
  .calendar-task-card,
  .org-chart-card,
  .task-board-column,
  .task-board-card,
  .knowledge-viewer__markdown,
  .channel-documents-panel__sidebar,
  .channel-documents-panel__editor,
  .channel-documents-panel__activity-card {
    border-radius: 0;
    box-shadow: none;
  }

  .page-panel,
  .form-panel {
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
  }

  .agents-pane,
  .agents-detail-pane,
  .skills-studio__sidebar,
  .skills-studio__files,
  .skills-studio__editor,
  .approvals-list-pane,
  .approvals-detail-pane,
  .inbox-list-pane,
  .inbox-chat-pane,
  .contacts-list-pane,
  .contacts-chat-pane,
  .contacts-supplementary-pane,
  .knowledge-sidebar,
  .knowledge-content,
  .tables-sidebar,
  .tables-content,
  .templates-sidebar,
  .templates-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
  }

  .agents-pane,
  .skills-studio__sidebar,
  .skills-studio__files,
  .approvals-list-pane,
  .inbox-list-pane,
  .contacts-list-pane,
  .knowledge-sidebar,
  .tables-sidebar,
  .templates-sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }

  .contacts-shell--with-panel .contacts-chat-pane {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }

  .agents-pane,
  .agents-detail-pane,
  .skills-studio__sidebar,
  .skills-studio__files,
  .skills-studio__editor {
    padding: 1rem 1.25rem;
  }

  .approvals-detail {
    padding: 1rem 1.25rem 1.25rem;
  }

  .knowledge-content,
  .tables-content,
  .templates-content {
    padding: 1rem 1.25rem 1.25rem;
  }

  .contacts-chat-thread,
  .inbox-chat-thread {
    background: #ffffff;
  }

  .channel-documents-panel {
    gap: 0;
    padding: 0;
    background: #ffffff;
  }

  .channel-documents-panel__sidebar,
  .channel-documents-panel__editor {
    border: 0;
    border-radius: 0;
    background: #ffffff;
    padding: 1rem 1.25rem;
  }

  .channel-documents-panel__sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }

  .channel-documents-panel__activity-card {
    border-radius: 0;
    background: #ffffff;
  }

  .task-board-shell {
    height: 100%;
  }

  .task-board-column {
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  .task-board-card {
    border-radius: 0;
  }

  .org-chart-shell,
  .costs-shell,
  .automations-layout,
  .calendar-layout {
    max-width: none;
    margin: 0;
  }

  .costs-summary-card,
  .costs-agent-card,
  .costs-recent-card,
  .costs-recent-item,
  .budget-form,
  .budget-card,
  .performance-summary-card,
  .performance-card,
  .estimation-card,
  .automations-card,
  .calendar-task-card,
  .org-chart-card {
    background: #ffffff;
  }
}

/* Final frontend pass overrides */

.workspace-empty__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.55rem;
  color: rgba(71, 56, 42, 0.52);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.workspace-empty--warm {
  background: linear-gradient(180deg, rgba(255, 248, 239, 0.94) 0%, rgba(247, 236, 222, 0.96) 100%);
}

.workspace-empty--cool {
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.94) 0%, rgba(234, 241, 250, 0.96) 100%);
}

.knowledge-page,
.tables-page,
.templates-page {
  gap: 1rem;
}

.knowledge-hero,
.tables-hero,
.templates-hero {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1.2rem 1.25rem;
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(199, 104, 58, 0.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(92, 141, 209, 0.12), transparent 24%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.95) 0%, rgba(244, 235, 223, 0.95) 100%);
  box-shadow: 0 24px 48px rgba(92, 64, 39, 0.08);
}

.knowledge-hero__copy,
.tables-hero__copy,
.templates-hero__copy {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.knowledge-hero__copy h2,
.tables-hero__copy h2,
.templates-hero__copy h2 {
  margin: 0;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.knowledge-hero__stats,
.tables-hero__stats,
.templates-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.knowledge-hero__stat,
.tables-hero__stat,
.templates-hero__stat {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.95rem 1rem;
  border-radius: 22px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 252, 246, 0.74);
}

.knowledge-hero__stat span,
.tables-hero__stat span,
.templates-hero__stat span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-hero__stat strong,
.tables-hero__stat strong,
.templates-hero__stat strong {
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.2rem;
  line-height: 1;
}

.knowledge-layout,
.tables-layout,
.templates-layout {
  background: rgba(255, 249, 242, 0.6);
  border: 1px solid rgba(71, 56, 42, 0.06);
  border-radius: 30px;
  overflow: hidden;
}

.knowledge-sidebar,
.tables-sidebar,
.templates-sidebar {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.96) 0%, rgba(246, 238, 229, 0.94) 100%);
}

.knowledge-content,
.tables-content,
.templates-content {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.82) 0%, rgba(246, 239, 229, 0.76) 100%);
}

.knowledge-document-item,
.tables-sidebar__item,
.templates-sidebar__item {
  border-radius: 20px;
  background: rgba(255, 251, 245, 0.72);
  border: 1px solid transparent;
  box-shadow: none;
}

.knowledge-document-item:hover,
.tables-sidebar__item:hover,
.templates-sidebar__item:hover {
  border-color: rgba(199, 104, 58, 0.14);
  background: rgba(255, 252, 247, 0.94);
}

.knowledge-document-item--selected,
.tables-sidebar__item--selected,
.templates-sidebar__item--selected {
  border-color: rgba(199, 104, 58, 0.18);
  background: linear-gradient(180deg, rgba(255, 245, 236, 0.98) 0%, rgba(247, 234, 221, 0.98) 100%);
  box-shadow: 0 16px 28px rgba(92, 64, 39, 0.08);
}

.knowledge-viewer,
.tables-detail {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
}

.knowledge-viewer__markdown,
.knowledge-document-note,
.tables-grid-wrapper,
.templates-content .knowledge-viewer,
.templates-content .knowledge-editor {
  border: 1px solid rgba(71, 56, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 252, 247, 0.78);
  box-shadow: 0 18px 36px rgba(92, 64, 39, 0.06);
}

.knowledge-viewer__markdown,
.knowledge-document-note {
  padding: 1rem 1.1rem;
}

.tables-grid-wrapper {
  overflow: auto;
}

.tables-grid {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.tables-grid thead {
  background: rgba(245, 236, 224, 0.72);
}

.tables-grid th {
  background: rgba(245, 236, 224, 0.94);
}

.tables-grid th,
.tables-grid td {
  border-bottom: 1px solid rgba(71, 56, 42, 0.08);
}

.knowledge-tree__toggle svg,
.knowledge-tree__add-child svg,
.knowledge-mobile-bar__back svg,
.tables-create__col-remove svg,
.modal-close svg {
  width: 16px;
  height: 16px;
  display: block;
}

.tables-create__col-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.templates-sidebar__badge {
  margin-top: 0.35rem;
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: rgba(199, 104, 58, 0.12);
  color: #ad5429;
  font-size: 0.7rem;
  font-weight: 600;
}

.agent-command-modal__hero {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background:
    radial-gradient(circle at top right, rgba(92, 141, 209, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(255, 250, 243, 0.95) 0%, rgba(244, 235, 223, 0.95) 100%);
}

.agent-command-modal__hero strong {
  display: block;
  font-family: var(--font-display), "PingFang SC", "Hiragino Sans GB", serif;
  font-size: 1.2rem;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.agent-command-modal__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.65rem;
  gap: 0.65rem;
}

.agent-command-modal__summary-card,
.agent-command-modal__step {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.85rem 0.95rem;
  border-radius: 18px;
  border: 1px solid rgba(71, 56, 42, 0.08);
  background: rgba(255, 252, 246, 0.8);
}

.agent-command-modal__summary-card span,
.agent-command-modal__step span {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-command-modal__summary-card strong {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.86rem;
  line-height: 1.4;
  word-break: break-all;
}

.agent-command-modal__steps {
  display: grid;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.agent-command-modal__step {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: 0.8rem;
}

.agent-command-modal__step strong {
  font-size: 0.92rem;
  line-height: 1.5;
}

.agent-command-modal__notes {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}

@media (max-width: 980px) {
  .knowledge-hero__stats,
  .tables-hero__stats,
  .templates-hero__stats,
  .agent-command-modal__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .knowledge-hero__stats,
  .tables-hero__stats,
  .templates-hero__stats,
  .agent-command-modal__summary {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 861px) {
  .settings-page {
    padding: 0;
    background: var(--settings-bg);
  }

  .settings-group {
    gap: 0.65rem;
    padding: 0;
    border-radius: 0;
  }

  .settings-group::before {
    display: none;
  }

  .settings-group__grid {
    gap: 1.85rem;
  }

  .settings-group .page-panel {
    border-radius: 8px;
    border: 1px solid var(--settings-border);
    background: var(--settings-card);
    box-shadow: none;
  }
}

/* Skills page: compact editor with only name, content, assigned agents, and save/delete actions. */
.skills-page .skills-studio,
.skills-page .skills-studio__sidebar,
.skills-page .skills-studio__editor,
.skills-page .skills-studio__editor .skills-editor__header,
.skills-page .skills-studio__editor .skills-editor__assigned,
.skills-page .skills-studio__editor .skills-editor__textarea {
  border-radius: 0;
}

.skills-page .skills-studio__sidebar {
  background: var(--console-rail, #f3f3f4);
}

.skills-page .skills-toolbar__filters .filter-pill {
  border-radius: 6px;
  background: var(--console-card, #ffffff);
}

.skills-page .skills-toolbar__filters .filter-pill--active {
  background: var(--console-subtle, #ececee);
  color: var(--console-text, #242426);
}

.skills-page .skills-studio__skill-row {
  border-radius: 4px;
}

.skills-page .skills-studio__skill-icon {
  border-radius: 4px;
}

.skills-studio__editor .skills-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.skills-studio__editor .skills-editor__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  margin: 0;
}

.skills-studio__editor .skills-editor__identity {
  min-width: 0;
}

.skills-studio__editor .skills-editor__meta {
  min-width: 0;
}

.skills-studio__editor .skills-editor__meta .skill-editor-input:not(.skill-editor-input--title),
.skills-studio__editor .skills-editor__notice,
.skills-studio__editor .skills-editor__file-controls,
.skills-studio__editor .skills-editor__filebar,
.skills-studio__editor .meta-strip {
  display: none;
}

.skills-studio__editor .skills-editor__textarea {
  min-height: clamp(28rem, 58vh, 46rem);
  padding: 1rem;
  resize: vertical;
}

.skills-studio__editor .skills-editor__assigned {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 1rem;
  gap: 1rem;
  align-items: center;
  margin: 0;
  padding: 0.9rem 1rem;
}

.skills-studio__editor .skills-editor__assigned-list {
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .skills-studio__editor .skills-editor__header,
  .skills-studio__editor .skills-editor__assigned {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .skills-studio__editor .skills-editor__actions,
  .skills-studio__editor .skills-editor__assigned-list {
    justify-content: flex-start;
  }
}

/* Match core work pages to the compact Settings account-console style. */
.agents-page,
.skills-page,
.workspace-main--conversation .inbox-shell,
.workspace-main--conversation .contacts-shell--directory,
.workspace-main--conversation .contacts-shell--digital,
.workspace-main--conversation .contacts-shell--chatting {
  --console-bg: #f7f7f8;
  --console-rail: #f3f3f4;
  --console-card: #ffffff;
  --console-border: #e7e7e9;
  --console-border-strong: #dfdfe1;
  --console-text: #242426;
  --console-muted: #6b6b70;
  --console-subtle: #ececee;
  color: var(--console-text);
}

.conversation-resize-handle {
  display: none;
}

@media (min-width: 861px) {
  .agents-page,
  .skills-page {
    height: 100%;
    overflow: hidden;
    background: var(--console-bg);
  }

  .agents-shell,
  .skills-studio,
  .workspace-main--conversation .inbox-shell,
  .workspace-main--conversation .contacts-shell--directory,
  .workspace-main--conversation .contacts-shell--digital,
  .workspace-main--conversation .contacts-shell--chatting {
    gap: 0;
    height: 100%;
    min-height: 0;
    background: var(--console-bg);
    border: 0;
    border-radius: 0;
  }

  .agents-shell--agent,
  .agents-shell--container,
  .skills-studio {
    grid-template-columns: var(--workspace-list-width, 360px) 8px minmax(0, 1fr);
  }

  .workspace-main--conversation .inbox-shell,
  .workspace-main--conversation .contacts-shell--directory,
  .workspace-main--conversation .contacts-shell--digital,
  .workspace-main--conversation .contacts-shell--chatting {
    grid-template-columns: var(--conversation-list-width, 340px) 8px minmax(0, 1fr);
  }

  .workspace-main--conversation .contacts-shell--with-panel {
    grid-template-columns: var(--conversation-list-width, 340px) 8px minmax(0, 1fr) minmax(360px, 460px);
  }

  .conversation-resize-handle {
    position: relative;
    display: block;
    width: 8px;
    min-width: 8px;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: col-resize;
    touch-action: none;
    z-index: 2;
  }

  .conversation-resize-handle::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 3px;
    width: 1px;
    background: var(--console-border);
    transition: background 140ms ease, box-shadow 140ms ease;
  }

  .conversation-resize-handle:hover::before,
  .conversation-resize-handle:focus-visible::before {
    background: #9c9ca1;
    box-shadow: 0 0 0 2px rgba(36, 36, 38, 0.08);
  }

  .conversation-resize-handle:focus-visible {
    outline: none;
  }

  .agents-pane,
  .skills-studio__sidebar,
  .workspace-main--conversation .inbox-list-pane,
  .workspace-main--conversation .contacts-shell--directory .contacts-list-pane,
  .workspace-main--conversation .contacts-shell--digital .contacts-list-pane,
  .workspace-main--conversation .contacts-shell--chatting .contacts-list-pane {
    padding: 1rem 0.5rem;
    border: 0;
    border-right: 1px solid var(--console-border);
    border-radius: 0;
    background: var(--console-rail);
    box-shadow: none;
  }

  .agents-detail-pane,
  .skills-studio__editor {
    padding: 3.5rem 2rem 4rem;
    border: 0;
    border-radius: 0;
    background: var(--console-bg);
    box-shadow: none;
    overflow: auto;
  }

  .workspace-main--conversation .inbox-chat-pane,
  .workspace-main--conversation .contacts-shell--directory .contacts-chat-pane,
  .workspace-main--conversation .contacts-shell--digital .contacts-chat-pane,
  .workspace-main--conversation .contacts-shell--chatting .contacts-chat-pane {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--console-card);
    box-shadow: none;
    overflow: hidden;
  }

  .agents-detail-pane > .subsection,
  .skills-studio__editor > .skills-editor {
    width: min(100%, 1120px);
    margin-right: auto;
    margin-left: auto;
  }

  .agents-pane .panel-header,
  .skills-studio__sidebar .panel-header,
  .workspace-main--conversation .inbox-list-pane__header,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-list-pane__header {
    align-items: center;
    min-height: 2.6rem;
    padding: 0.2rem 0.65rem 0.65rem;
    border-bottom: 1px solid var(--console-border-strong);
  }

  .agents-pane .panel-header h3,
  .skills-studio__sidebar .panel-header h3,
  .workspace-main--conversation .inbox-list-pane__header h2,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-list-pane__header h2 {
    color: var(--console-text);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .agents-pane__container-title {
    min-height: 2.1rem;
  }

  .agents-contact-header {
    margin: 0;
    padding: 0.75rem 0.65rem 0.45rem;
    border-bottom: 0;
  }

  .agents-contact-header strong,
  .agents-contact-header span,
  .agents-contact-section__label,
  .skills-studio__group-label,
  .page-eyebrow {
    color: var(--console-muted);
    font-size: 0.76rem;
    font-weight: 450;
    letter-spacing: 0;
    text-transform: none;
  }

  .agents-container-list,
  .agents-contact-list,
  .skills-studio__list,
  .workspace-main--conversation .inbox-conversation-list,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-list {
    flex: 1 1 auto;
    min-height: 0;
    gap: 0.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.5rem 0 0;
    scrollbar-gutter: stable;
  }

  .agent-contact-row,
  .agents-container-row,
  .skills-studio__skill-row,
  .workspace-main--conversation .inbox-row,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row {
    display: flex;
    min-height: 2.5rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    color: var(--console-text);
    overflow: visible;
    transition: background 140ms ease, border-color 140ms ease;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row {
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 0.68rem;
  }

  .workspace-main--conversation .inbox-row {
    flex: 0 0 auto;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__content {
    display: grid;
    min-width: 0;
    grid-gap: 0.16rem;
    gap: 0.16rem;
    overflow: visible;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: start;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    min-width: 0;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title strong,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title span,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__content p,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__meta {
    min-width: 0;
    overflow: visible;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title strong,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title span {
    display: block;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title-meta {
    justify-self: end;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__content p,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__meta {
    display: block;
    margin: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .workspace-main--conversation .inbox-row__title,
  .workspace-main--conversation .inbox-row__subtitle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: flex-start;
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .workspace-main--conversation .inbox-row__title-copy,
  .workspace-main--conversation .inbox-row__content {
    min-width: 0;
    overflow: visible;
  }

  .workspace-main--conversation .inbox-row__title-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    grid-gap: 0.22rem;
    gap: 0.22rem;
  }

  .workspace-main--conversation .inbox-row__title-copy .status-chip,
  .workspace-main--conversation .inbox-row__subtitle .unread-dot {
    justify-self: start;
  }

  .workspace-main--conversation .inbox-row__title > span {
    justify-self: end;
    white-space: nowrap;
  }

  .workspace-main--conversation .inbox-row__title strong,
  .workspace-main--conversation .inbox-row__title-copy strong,
  .workspace-main--conversation .inbox-row__subtitle span,
  .workspace-main--conversation .inbox-row__content p {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .agent-contact-row:hover,
  .agents-container-row:hover,
  .skills-studio__skill-row:hover,
  .workspace-main--conversation .inbox-row:hover,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row:hover {
    background: #e9e9ea;
    border-color: transparent;
  }

  .agent-contact-row--active,
  .agents-container-row--active,
  .skills-studio__skill-row--active,
  .workspace-main--conversation .inbox-row--active,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row--active {
    background: #e2e2e4;
    border-color: transparent;
    box-shadow: none;
  }

  .agent-contact-row__avatar,
  .agents-container-row__title::before,
  .skills-studio__skill-icon,
  .workspace-main--conversation .inbox-row__avatar,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header__avatar,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__avatar {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 7px;
    background: var(--console-card);
    color: var(--console-muted);
    box-shadow: inset 0 0 0 1px var(--console-border);
    font-size: 0.78rem;
    font-weight: 500;
  }

  .agent-contact-row__title strong,
  .agents-container-row strong,
  .skills-studio__skill-copy strong,
  .workspace-main--conversation .inbox-row__title strong,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__title strong {
    color: var(--console-text);
    font-size: 0.84rem;
    font-weight: 450;
  }

  .agent-contact-row__content p,
  .agent-contact-row__meta,
  .agents-container-row p,
  .agents-container-row__meta,
  .skills-studio__skill-copy span,
  .workspace-main--conversation .inbox-row__title span,
  .workspace-main--conversation .inbox-row__subtitle span,
  .workspace-main--conversation .inbox-row__content p,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__content p,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contact-row__meta,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header p,
  .workspace-main--conversation .inbox-chat-header__main p {
    color: var(--console-muted);
    font-size: 0.78rem;
  }

  .agents-pane .action-button,
  .agents-pane .primary-button,
  .skills-page .action-button,
  .skills-page .primary-button,
  .skills-page .modal-secondary-button,
  .workspace-main--conversation .inbox-shell .action-button,
  .workspace-main--conversation .inbox-shell .filter-pill,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .action-button,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-tool-button,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-picker-trigger,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-send-button,
  .workspace-main--conversation .inbox-composer__send {
    min-height: 1.85rem;
    border-radius: 6px;
    padding: 0.35rem 0.7rem;
    border-color: #d9d9dc;
    background: var(--console-card);
    color: var(--console-text);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 450;
    letter-spacing: 0;
    box-shadow: none;
  }

  .agents-pane .action-button:hover,
  .skills-page .action-button:hover,
  .skills-page .modal-secondary-button:hover,
  .workspace-main--conversation .inbox-shell .action-button:hover,
  .workspace-main--conversation .inbox-shell .filter-pill:hover,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .action-button:hover {
    background: #eeeeef;
  }

  .skills-page .primary-button,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-send-button:not(:disabled) {
    border-color: #242426;
    background: #242426;
    color: #ffffff;
  }

  .workspace-main--conversation .inbox-shell .filter-pill--active,
  .workspace-main--conversation .inbox-shell .action-button--active,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .action-button--active {
    border-color: transparent;
    background: var(--console-subtle);
    color: var(--console-text);
  }

  .skills-toolbar__filters,
  .workspace-main--conversation .inbox-filter-row {
    padding: 0.65rem 0.65rem 0.45rem;
    gap: 0.35rem;
  }

  .skills-page__header-icon-button,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-tool-button,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-picker-trigger {
    width: 1.95rem;
    min-width: 1.95rem;
    height: 1.95rem;
    min-height: 1.95rem;
    border-radius: 6px;
  }

  .agents-detail-pane .agent-profile-card,
  .agents-detail-pane .form-panel,
  .agents-detail-pane .skills-panel,
  .agents-detail-pane .timeline-item,
  .agents-detail-pane .settings-daemon-card,
  .agents-detail-pane .settings-token-card,
  .agents-detail-pane .settings-token-secret,
  .skills-studio__editor .skills-editor__header,
  .skills-studio__editor .skills-editor__notice,
  .skills-studio__editor .skills-editor__file-controls,
  .skills-studio__editor .skills-editor__filebar,
  .skills-studio__editor .skills-editor__assigned,
  .skills-studio__editor .meta-strip,
  .workspace-main--conversation .inbox-chat-header,
  .workspace-main--conversation .inbox-execution-strip,
  .workspace-main--conversation .inbox-chat-thread,
  .workspace-main--conversation .inbox-composer,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-thread,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .human-contacts-profile {
    border: 1px solid var(--console-border);
    border-radius: 8px;
    background: var(--console-card);
    box-shadow: none;
  }

  .agents-detail-pane .agent-profile-card,
  .skills-studio__editor .skills-editor__header,
  .skills-studio__editor .skills-editor__file-controls,
  .skills-studio__editor .skills-editor__filebar,
  .workspace-main--conversation .inbox-chat-header,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header {
    padding: 0.9rem 1rem;
  }

  .agents-detail-pane .agent-tabs {
    border-bottom: 1px solid var(--console-border);
  }

  .agents-detail-pane .agent-tab {
    padding: 0.55rem 0.8rem;
    color: var(--console-muted);
    font-size: 0.82rem;
    font-weight: 450;
  }

  .agents-detail-pane .agent-tab--active {
    color: var(--console-text);
    border-bottom-color: var(--console-text);
  }

  .agents-detail-pane .agent-profile-card__avatar,
  .skills-studio__editor .skills-editor__icon,
  .workspace-main--conversation .inbox-chat-header__avatar,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header__avatar {
    border-radius: 8px;
    background: #242426;
    color: #ffffff;
    box-shadow: none;
  }

  .agents-detail-pane .agent-profile-card__copy h3,
  .agents-detail-pane .panel-header h3,
  .skills-studio__editor .skills-editor__assigned strong,
  .workspace-main--conversation .inbox-chat-header h3,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header h3,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .human-contacts-profile__copy strong {
    color: var(--console-text);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .agents-detail-pane .agent-profile-card__copy p,
  .agents-detail-pane .detail-copy p,
  .agents-detail-pane .panel-note,
  .skills-studio__editor .skills-editor__assigned-label,
  .skills-studio__editor .skills-editor__notice,
  .workspace-main--conversation .inbox-shell .panel-note,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .panel-note,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .human-contacts-profile__copy p {
    color: var(--console-muted);
  }

  .agents-detail-pane .meta-card,
  .skills-studio__editor .skill-assignment-card,
  .workspace-main--conversation .inbox-bubble,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-attachment-chip,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .chat-attachment-file {
    border: 1px solid var(--console-border);
    border-radius: 8px;
    background: var(--console-card);
    box-shadow: none;
  }

  .workspace-main--conversation .inbox-bubble--own {
    background: #f1f1f2;
  }

  .workspace-main--conversation .inbox-bubble-avatar {
    background: #242426;
    color: #ffffff;
  }

  .skills-studio__editor .skill-editor-input,
  .skills-studio__editor .skills-editor__textarea,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-composer__textarea,
  .workspace-main--conversation .inbox-composer__box {
    border-radius: 6px;
    border-color: #d9d9dc;
    background: #ffffff;
    color: var(--console-text);
    box-shadow: none;
  }

  .skills-studio__editor .skill-editor-input--title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .workspace-main--conversation .inbox-composer,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-composer {
    border-top: 0;
  }

  .workspace-main--conversation .inbox-chat-header,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-header,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header {
    flex: none;
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--console-border);
    border-radius: 0;
    background: var(--console-card);
    box-shadow: none;
  }

  .workspace-main--conversation .inbox-chat-thread,
  .workspace-main--conversation :is(.contacts-shell--directory, .contacts-shell--digital, .contacts-shell--chatting) .contacts-chat-thread,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-panel {
    flex: 1 1;
    min-height: 0;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--console-card);
    box-shadow: none;
    overflow: auto;
  }

  .workspace-main--conversation .inbox-composer {
    flex: none;
    width: 100%;
    margin: 0;
    border: 0;
    border-top: 1px solid var(--console-border);
    border-radius: 0;
    background: var(--console-card);
    box-shadow: none;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__top {
    align-items: center;
    padding: 0.85rem 1rem 0.55rem;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__avatar {
    width: 2.35rem;
    height: 2.35rem;
    border: 0;
    border-radius: 8px;
    background: #242426;
    color: #ffffff;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__avatar svg {
    width: 1rem;
    height: 1rem;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__title-row h2 {
    color: var(--console-text);
    font-family: inherit;
    font-size: 0.96rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__subtitle,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__members {
    color: var(--console-muted);
    font-size: 0.78rem;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__badge,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-tab--active {
    border-radius: 6px;
    background: var(--console-subtle);
    color: var(--console-text);
    font-size: 0.78rem;
    font-weight: 500;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__icon-button,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__tab-plus {
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    color: var(--console-muted);
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__icon-button:hover,
  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__tab-plus:hover {
    background: #eeeeef;
    color: var(--console-text);
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-header__tabs {
    gap: 0.25rem;
    padding: 0 1rem 0.65rem;
  }

  .workspace-main--conversation .contacts-shell--chatting .channel-workspace-tab {
    min-height: 1.9rem;
    padding: 0.35rem 0.7rem;
    border-radius: 6px;
    font-size: 0.82rem;
  }
}

.agents-page .agent-contact-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  grid-gap: 0.72rem;
  gap: 0.72rem;
  min-height: 0;
  padding: 0.62rem 0.68rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--console-text);
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.agents-page .agent-contact-row:hover {
  background: #ededee;
  border-color: transparent;
}

.agents-page .agent-contact-row--active {
  background: var(--console-card);
  border-color: var(--console-border-strong);
  box-shadow: inset 3px 0 0 #242426;
}

.agents-page .agent-contact-row__content {
  display: grid;
  min-width: 0;
  grid-gap: 0;
  gap: 0;
}

.agents-page .agent-contact-row__identity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  align-items: center;
}

.agents-page .agent-contact-row__avatar {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 7px;
  background: #ffffff;
  color: var(--console-muted);
  box-shadow: inset 0 0 0 1px var(--console-border);
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 600;
}

.agents-page .agent-contact-row__title {
  display: grid;
  min-width: 0;
  grid-gap: 0.12rem;
  gap: 0.12rem;
}

.agents-page .agent-contact-row__title strong {
  color: var(--console-text);
  font-size: 0.86rem;
  font-weight: 520;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.agents-page .agent-contact-row__title span {
  color: var(--console-muted);
  font-size: 0.76rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.agents-page .agent-contact-status {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  gap: 0.34rem;
  padding: 0.18rem 0.42rem;
  border: 1px solid var(--console-border);
  border-radius: 999px;
  background: #f8f8f9;
  color: var(--console-muted);
  font-size: 0.72rem;
  line-height: 1.2;
}

.agents-page .agent-contact-status .agent-contact-dot {
  width: 0.42rem;
  height: 0.42rem;
}

.agents-page .agent-contact-status--positive .agent-contact-dot {
  background: #3d9b72;
}

.agents-page .agent-contact-status--warning .agent-contact-dot {
  background: #b7791f;
}

.agents-page .agent-contact-status--danger .agent-contact-dot {
  background: #c94a4a;
}

.agents-page .agent-contact-status--neutral .agent-contact-dot {
  background: #9a9aa0;
}

.agents-page .agent-resume-layout {
  display: grid;
  grid-template-columns: minmax(10.5rem, 0.22fr) minmax(0, 1fr);
  align-items: start;
  grid-gap: 1rem;
  gap: 1rem;
}

.agents-page .agent-tabs--resume {
  position: -webkit-sticky;
  position: sticky;
  top: 0.75rem;
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
  padding: 0.5rem;
  border: 1px solid var(--console-border);
  border-radius: 8px;
  background: var(--console-card);
}

.agents-page .agent-tabs--resume .agent-tab {
  position: relative;
  display: grid;
  grid-gap: 0.22rem;
  gap: 0.22rem;
  width: 100%;
  padding: 0.68rem 0.72rem 0.68rem 1rem;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--console-muted);
  text-align: left;
}

.agents-page .agent-tabs--resume .agent-tab:hover {
  background: #f0f0f1;
  color: var(--console-text);
}

.agents-page .agent-tabs--resume .agent-tab--active {
  border-left-color: #242426;
  background: var(--console-subtle);
  color: var(--console-text);
}

.agents-page .agent-tabs--resume .agent-tab span {
  font-size: 0.84rem;
  font-weight: 560;
  line-height: 1.15;
}

.agents-page .agent-tabs--resume .agent-tab small {
  color: var(--console-muted);
  font-size: 0.7rem;
  font-weight: 450;
  line-height: 1.25;
}

.agents-page .agent-tab-panel--resume {
  min-width: 0;
  padding-left: 1rem;
  border-left: 1px solid var(--console-border);
}

.agents-page .agent-access-panel {
  margin-bottom: 1rem;
}

.agent-fork-inbox {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin: 0 0 0.8rem;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbff;
}

.agent-fork-inbox__header,
.agent-fork-inbox__actions,
.agent-fork-panel__pending {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}

.agent-fork-inbox__header span {
  color: var(--muted);
  font-size: 0.82rem;
}

.agent-fork-inbox__list,
.agent-fork-panel__pending-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.agent-fork-inbox__item {
  display: grid;
  grid-gap: 0.58rem;
  gap: 0.58rem;
  padding: 0.7rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.agent-fork-inbox__copy strong,
.agent-fork-panel__pending strong {
  display: block;
  color: var(--text);
  font-size: 0.92rem;
}

.agent-fork-inbox__copy p,
.agent-fork-inbox__copy span,
.agent-fork-inbox__copy small,
.agent-fork-inbox__empty-runtime,
.agent-fork-panel__notice,
.agent-fork-panel__pending span {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.4;
}

.agent-fork-inbox__field {
  display: grid;
  grid-gap: 0.3rem;
  gap: 0.3rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.agent-fork-inbox__field input,
.agent-fork-inbox__field select,
.agent-fork-panel select,
.agent-fork-panel textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  font: inherit;
  padding: 0.58rem 0.65rem;
}

.agent-fork-panel__form {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-top: 0.8rem;
}

.agent-fork-panel__scope {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.8rem;
}

.agent-fork-panel__pending {
  margin-top: 0.65rem;
  padding: 0.6rem 0;
  border-top: 1px solid var(--line);
}

.agents-showcase-pane {
  min-height: 0;
  overflow: auto;
}

.digital-employee-showcase {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
}

.digital-employee-showcase__header,
.digital-employee-showcase__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.digital-employee-showcase__header h2 {
  margin: 0.15rem 0 0;
  color: var(--console-text, var(--text));
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 560;
  letter-spacing: 0;
}

.digital-employee-showcase__eyebrow {
  color: var(--console-muted, var(--muted));
  font-size: 0.76rem;
}

.digital-employee-showcase__stats,
.digital-employee-showcase__filters,
.digital-employee-showcase__sort {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.digital-employee-showcase__stats span,
.digital-employee-showcase__filter {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 6px;
  background: var(--console-card, #ffffff);
  color: var(--console-muted, var(--muted));
  font-size: 0.78rem;
  line-height: 1.2;
}

.digital-employee-showcase__stats span {
  padding: 0.36rem 0.56rem;
}

.digital-employee-showcase__filter {
  padding: 0.38rem 0.65rem;
}

.digital-employee-showcase__filter:hover {
  background: #eeeeef;
  color: var(--console-text, var(--text));
}

.digital-employee-showcase__filter--active {
  border-color: transparent;
  background: var(--console-subtle, var(--accent-soft));
  color: var(--console-text, var(--text));
}

.digital-employee-showcase__review-queue {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
  padding: 0.85rem;
  border: 1px solid #d8dce8;
  border-radius: 8px;
  background: #f7f8fc;
}

.digital-employee-showcase__review-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.digital-employee-showcase__review-header span {
  color: #58606f;
  font-size: 0.74rem;
}

.digital-employee-showcase__review-header h3 {
  margin: 0.12rem 0 0;
  color: var(--console-text, var(--text));
  font-size: 0.95rem;
  font-weight: 560;
  letter-spacing: 0;
}

.digital-employee-showcase__review-list {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}

.digital-employee-showcase__review-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid #dfe3ed;
  border-radius: 8px;
  background: #ffffff;
}

.digital-employee-showcase__review-item > div:first-child {
  display: grid;
  min-width: 0;
  grid-gap: 0.16rem;
  gap: 0.16rem;
}

.digital-employee-showcase__review-item strong {
  color: var(--console-text, var(--text));
  font-size: 0.86rem;
}

.digital-employee-showcase__review-item span,
.digital-employee-showcase__review-item p {
  margin: 0;
  color: var(--console-muted, var(--muted));
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.digital-employee-showcase__review-item > div:last-child {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.4rem;
}

.digital-employee-showcase__review-item button {
  min-height: 1.9rem;
  padding: 0.38rem 0.7rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 6px;
  background: #ffffff;
  color: var(--console-text, var(--text));
  font-size: 0.8rem;
}

.digital-employee-showcase__review-item button:hover {
  background: #eeeeef;
}

.digital-employee-showcase__search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  width: min(32rem, 100%);
  min-height: 2.4rem;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  padding: 0 0.72rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: var(--console-card, #ffffff);
  color: var(--console-muted, var(--muted));
}

.digital-employee-showcase__search input {
  min-height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.digital-employee-showcase__sort {
  flex: 0 0 auto;
  padding: 0.2rem 0.25rem 0.2rem 0.55rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: var(--console-card, #ffffff);
  color: var(--console-muted, var(--muted));
  font-size: 0.76rem;
}

.digital-employee-showcase__sort select {
  min-height: 1.9rem;
  border: 0;
  background: transparent;
  color: var(--console-text, var(--text));
  font: inherit;
}

.digital-employee-showcase__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr));
  grid-gap: 0.8rem;
  gap: 0.8rem;
  min-width: 0;
}

.digital-employee-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 19rem;
  gap: 0.8rem;
  padding: 0.95rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: var(--console-card, #ffffff);
}

.digital-employee-card__topline,
.digital-employee-card__meta,
.digital-employee-card__actions,
.digital-employee-card__review-row,
.digital-employee-card__notice,
.digital-employee-card__availability {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.digital-employee-card__topline {
  align-items: flex-start;
}

.digital-employee-card__readiness {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 1.55rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #cfe7da;
  border-radius: 6px;
  background: #f0faf5;
  color: #177257;
  font-size: 0.72rem;
  line-height: 1.2;
  white-space: nowrap;
}

.digital-employee-card__readiness--needs_runtime,
.digital-employee-card__readiness--unknown {
  border-color: #d8dce8;
  background: #f7f8fc;
  color: #58606f;
}

.digital-employee-card__readiness--runtime_offline,
.digital-employee-card__readiness--provider_unusable {
  border-color: #f0d8a8;
  background: #fff8e8;
  color: #8a5b11;
}

.digital-employee-card__avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: #f8f8f9;
  color: var(--console-text, var(--text));
}

.digital-employee-card__title {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  grid-gap: 0.12rem;
  gap: 0.12rem;
}

.digital-employee-card__title h3,
.digital-employee-card__role,
.digital-employee-card__summary {
  margin: 0;
}

.digital-employee-card__title h3 {
  color: var(--console-text, var(--text));
  font-size: 0.96rem;
  font-weight: 560;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.digital-employee-card__title span,
.digital-employee-card__role,
.digital-employee-card__summary,
.digital-employee-card__meta {
  color: var(--console-muted, var(--muted));
  font-size: 0.8rem;
  line-height: 1.4;
}

.digital-employee-card__role {
  color: var(--console-text, var(--text));
  font-weight: 520;
}

.digital-employee-card__summary {
  min-height: 3.4rem;
}

.digital-employee-card__meta {
  flex-wrap: wrap;
}

.digital-employee-card__meta span {
  min-width: 0;
}

.digital-employee-card__highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.digital-employee-card__highlights div {
  min-width: 0;
  padding: 0.55rem 0.6rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: #fbfbfc;
}

.digital-employee-card__highlights span {
  display: block;
  color: var(--console-muted, var(--muted));
  font-size: 0.7rem;
}

.digital-employee-card__highlights p {
  margin: 0.18rem 0 0;
  color: var(--console-text, var(--text));
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.digital-employee-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-height: 1.8rem;
}

.digital-employee-card__chips span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 1.55rem;
  padding: 0.26rem 0.48rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 6px;
  background: #f8f8f9;
  color: var(--console-muted, var(--muted));
  font-size: 0.74rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.digital-employee-card__availability,
.digital-employee-card__notice {
  align-items: flex-start;
  margin-top: auto;
  padding: 0.58rem 0.65rem;
  border: 1px solid #cfe7da;
  border-radius: 8px;
  background: #f0faf5;
  color: #177257;
  font-size: 0.78rem;
  line-height: 1.35;
}

.digital-employee-card__notice {
  margin-top: 0;
  border-color: #f0d8a8;
  background: #fff8e8;
  color: #8a5b11;
}

.digital-employee-card__notice--muted {
  border-color: var(--console-border, var(--line));
  background: #f8f8f9;
  color: var(--console-muted, var(--muted));
}

.digital-employee-card__notice--approved {
  border-color: #cfe7da;
  background: #f0faf5;
  color: #177257;
}

.digital-employee-card__notice svg,
.digital-employee-card__availability svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
}

.digital-employee-card__notice span,
.digital-employee-card__availability span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.digital-employee-card__notice button,
.digital-employee-card__review-row button,
.digital-employee-card__actions .secondary-button,
.digital-employee-card__actions .primary-button,
.agent-access-request-modal .secondary-button,
.agent-access-request-modal .primary-button {
  min-height: 1.9rem;
  border-radius: 6px;
  padding: 0.38rem 0.7rem;
  font-size: 0.8rem;
  letter-spacing: 0;
  white-space: nowrap;
}

.digital-employee-card__notice button,
.digital-employee-card__review-row button,
.digital-employee-card__actions .secondary-button,
.agent-access-request-modal .secondary-button {
  border: 1px solid var(--console-border, var(--line));
  background: var(--console-card, #ffffff);
  color: var(--console-text, var(--text));
}

.digital-employee-card__notice button:hover,
.digital-employee-card__review-row button:hover,
.digital-employee-card__actions .secondary-button:hover,
.agent-access-request-modal .secondary-button:hover {
  background: #eeeeef;
}

.digital-employee-card__review {
  display: grid;
  grid-gap: 0.48rem;
  gap: 0.48rem;
  padding: 0.65rem;
  border: 1px solid #d8dce8;
  border-radius: 8px;
  background: #f7f8fc;
}

.digital-employee-card__review strong {
  color: var(--console-text, var(--text));
  font-size: 0.8rem;
  font-weight: 560;
}

.digital-employee-card__review-row {
  justify-content: space-between;
  min-width: 0;
}

.digital-employee-card__review-row > span {
  min-width: 0;
  color: var(--console-muted, var(--muted));
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.digital-employee-card__review-row > div {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.35rem;
}

.digital-employee-card__actions {
  justify-content: flex-end;
}

.digital-employee-card__actions .primary-button {
  border: 1px solid #242426;
  background: #242426;
  color: #ffffff;
  box-shadow: none;
}

.digital-employee-card__actions .primary-button:hover {
  background: #3a3a3e;
}

.agent-access-request-modal {
  width: min(560px, 100%);
  border-radius: 12px;
  background: #ffffff;
}

.agent-access-request-modal .modal-card__header {
  align-items: center;
}

.agent-access-request-modal .modal-card__header h2 {
  margin: 0;
  color: var(--console-text, var(--text));
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 560;
  letter-spacing: 0;
  line-height: 1.25;
}

.agent-access-request-modal .modal-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 6px;
  background: #ffffff;
  color: var(--console-muted, var(--muted));
}

.agent-access-request-modal .modal-icon-button:hover {
  background: #eeeeef;
  color: var(--console-text, var(--text));
}

.agent-access-request-modal__target {
  display: grid;
  grid-gap: 0.18rem;
  gap: 0.18rem;
  margin: 1rem 1.5rem 0;
  padding: 0.78rem 0.85rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: #f8f8f9;
}

.agent-access-request-modal__target strong {
  color: var(--console-text, var(--text));
  font-size: 0.92rem;
}

.agent-access-request-modal__target span {
  color: var(--console-muted, var(--muted));
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

.agent-access-request-modal__request-type {
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  margin: 1rem 1.5rem 0;
  padding: 0;
  border: 0;
}

.agent-access-request-modal__request-type legend {
  margin-bottom: 0.1rem;
  color: var(--console-text, var(--text));
  font-size: 0.82rem;
  font-weight: 560;
}

.agent-access-request-modal__option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  grid-gap: 0.55rem;
  gap: 0.55rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid var(--console-border, var(--line));
  border-radius: 8px;
  background: #ffffff;
}

.agent-access-request-modal__option--active {
  border-color: #b8c8ee;
  background: #f4f7ff;
}

.agent-access-request-modal__option input {
  margin-top: 0.2rem;
}

.agent-access-request-modal__option span {
  display: grid;
  min-width: 0;
  grid-gap: 0.18rem;
  gap: 0.18rem;
}

.agent-access-request-modal__option strong {
  color: var(--console-text, var(--text));
  font-size: 0.84rem;
}

.agent-access-request-modal__option small {
  color: var(--console-muted, var(--muted));
  font-size: 0.76rem;
  line-height: 1.35;
}

.agent-access-request-modal .form-field {
  margin: 1rem 1.5rem 0;
}

.agent-access-request-modal .modal-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  padding: 1rem 1.5rem 1.3rem;
}

@media (max-width: 760px) {
  .digital-employee-showcase__header,
  .digital-employee-showcase__toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .digital-employee-showcase__search {
    width: 100%;
  }

  .digital-employee-showcase__stats,
  .digital-employee-showcase__filters,
  .digital-employee-showcase__sort {
    width: 100%;
  }

  .digital-employee-showcase__filter {
    flex: 1 1 auto;
    justify-content: center;
  }

  .digital-employee-card__topline,
  .digital-employee-card__review-row {
    align-items: flex-start;
  }

  .digital-employee-card__review-row,
  .digital-employee-showcase__review-item,
  .digital-employee-card__actions,
  .agent-access-request-modal .modal-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .digital-employee-showcase__review-item > div:last-child,
  .digital-employee-card__review-row > div {
    width: 100%;
  }

  .digital-employee-showcase__review-item button,
  .digital-employee-card__review-row button,
  .digital-employee-card__actions button,
  .agent-access-request-modal .modal-card__actions button {
    width: 100%;
    justify-content: center;
  }

  .agent-access-request-modal__target,
  .agent-access-request-modal__request-type,
  .agent-access-request-modal .form-field {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .digital-employee-card__highlights {
    grid-template-columns: minmax(0, 1fr);
  }

  .agent-access-request-modal .modal-card__actions {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.agents-page .agent-access-toggle {
  border-radius: 8px;
  border-color: var(--console-border);
  background: var(--console-card);
}

.agents-page .skills-assignment-shell {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}

.agents-page .skills-assignment-shell--assigned-skills .skills-panel {
  max-height: clamp(320px, calc(100dvh - 360px), 680px);
  overflow: hidden;
}

.agents-page .skills-panel .skill-card-list {
  gap: 0;
  border: 1px solid var(--console-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--console-card);
}

.agents-page .skills-assignment-shell--assigned-skills .skill-card-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.agents-page .skills-panel .skill-assignment-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.9rem;
  gap: 0.9rem;
  padding: 0.72rem 0.85rem;
  border: 0;
  border-bottom: 1px solid var(--console-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-width: 0;
}

.agents-page .skills-panel .skill-assignment-card:last-child {
  border-bottom: 0;
}

.agents-page .skills-panel .skill-assignment-card__copy {
  display: grid;
  grid-template-columns: minmax(9rem, 0.34fr) minmax(0, 1fr) auto auto;
  align-items: center;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.agents-page .skills-panel .skill-assignment-card__copy strong {
  color: var(--console-text);
  font-family: inherit;
  font-size: 0.86rem;
  font-weight: 560;
  letter-spacing: 0;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
}

.agents-page .skills-panel .skill-assignment-card__copy p {
  margin: 0;
  color: var(--console-muted);
  font-size: 0.8rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agents-page .skills-panel .skill-assignment-card__copy span {
  display: inline-flex;
  margin: 0;
  color: var(--console-muted);
  font-size: 0.72rem;
  line-height: 1.2;
  white-space: nowrap;
}

.agents-page .skills-panel .skill-assignment-card .modal-secondary-button {
  flex: 0 0 auto;
}

.knowledge-assignment-card {
  display: grid;
  grid-gap: 0.95rem;
  gap: 0.95rem;
  border: 1px solid rgba(71, 56, 42, 0.12);
  border-radius: 8px;
  padding: 1rem;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, 0.96), rgba(255, 248, 239, 0.84));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 12px 28px rgba(92, 64, 39, 0.06);
}

.knowledge-assignment-card__header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.knowledge-assignment-card__title {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  min-width: 0;
}

.knowledge-assignment-card__title > div {
  display: grid;
  grid-gap: 0.18rem;
  gap: 0.18rem;
  min-width: 0;
}

.knowledge-assignment-card__icon {
  align-items: center;
  background: rgba(38, 107, 91, 0.1);
  border: 1px solid rgba(38, 107, 91, 0.16);
  border-radius: 8px;
  color: #266b5b;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.15rem;
  justify-content: center;
  width: 2.15rem;
}

.knowledge-assignment-card__icon svg {
  height: 17px;
  width: 17px;
}

.knowledge-assignment-card__title > div > span {
  color: rgba(71, 56, 42, 0.58);
  font-size: 0.82rem;
  line-height: 1.25;
}

.knowledge-assignment-card__mode-grid {
  display: grid;
  grid-gap: 0.65rem;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-assignment-option,
.knowledge-agent-chip {
  align-items: center;
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 8px;
  display: inline-flex;
  gap: 0.55rem;
  position: relative;
  transition: background var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.knowledge-assignment-option {
  cursor: pointer;
  min-height: 4.1rem;
  padding: 0.75rem 0.85rem;
}

.knowledge-assignment-option:hover,
.knowledge-agent-chip:hover {
  border-color: rgba(38, 107, 91, 0.24);
  background: rgba(255, 255, 255, 0.8);
}

.knowledge-assignment-option:has(input:focus-visible),
.knowledge-agent-chip:has(input:focus-visible) {
  outline: 2px solid rgba(38, 107, 91, 0.24);
  outline-offset: 2px;
}

.knowledge-assignment-option__input,
.knowledge-agent-chip__input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.knowledge-assignment-option__marker {
  align-items: center;
  background: rgba(71, 56, 42, 0.06);
  border: 1px solid rgba(71, 56, 42, 0.1);
  border-radius: 8px;
  color: rgba(71, 56, 42, 0.5);
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}

.knowledge-assignment-option__marker svg {
  height: 17px;
  width: 17px;
}

.knowledge-assignment-option__copy {
  display: grid;
  grid-gap: 0.12rem;
  gap: 0.12rem;
  min-width: 0;
}

.knowledge-assignment-option__copy strong {
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.25;
}

.knowledge-assignment-option__copy small {
  color: rgba(71, 56, 42, 0.56);
  font-size: 0.78rem;
  line-height: 1.25;
}

.knowledge-assignment-option--active,
.knowledge-agent-chip:has(input:checked) {
  background: rgba(38, 107, 91, 0.09);
  border-color: rgba(38, 107, 91, 0.34);
  box-shadow: inset 0 0 0 1px rgba(38, 107, 91, 0.08);
}

.knowledge-assignment-option--active .knowledge-assignment-option__marker {
  background: #266b5b;
  border-color: #266b5b;
  color: #fff;
}

.knowledge-assignment-card__agents {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.knowledge-agent-chip {
  cursor: pointer;
  min-height: 2.15rem;
  padding: 0.42rem 0.68rem;
}

.knowledge-agent-chip__mark {
  border: 1px solid rgba(71, 56, 42, 0.22);
  border-radius: 50%;
  flex: 0 0 auto;
  height: 0.7rem;
  width: 0.7rem;
}

.knowledge-agent-chip:has(input:checked) .knowledge-agent-chip__mark {
  background: #266b5b;
  border-color: #266b5b;
  box-shadow: inset 0 0 0 2px #fff;
}

.knowledge-agent-chip span:last-child {
  font-size: 0.84rem;
  font-weight: 650;
}

.knowledge-assignment-card__note {
  border-left: 3px solid rgba(38, 107, 91, 0.28);
  color: rgba(71, 56, 42, 0.62);
  font-size: 0.82rem;
  line-height: 1.45;
  padding: 0.1rem 0 0.1rem 0.7rem;
}

.knowledge-filter-bar {
  margin-bottom: 0.85rem;
}

@media (max-width: 760px) {
  .knowledge-assignment-card__header {
    align-items: stretch;
    flex-direction: column;
  }

  .knowledge-assignment-card__mode-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-assignment-card__header .knowledge-btn {
    width: 100%;
  }
}

.agents-page .knowledge-panel .knowledge-card-list {
  display: grid;
  grid-gap: 0.65rem;
  gap: 0.65rem;
}

.agents-page .knowledge-panel .knowledge-assignment-card {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 1100px) {
  .agents-page .skills-panel .skill-assignment-card__copy {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.22rem;
  }

  .agents-page .skills-panel .skill-assignment-card__copy p {
    white-space: normal;
  }
}

@media (max-width: 900px) {
  .agents-page .agent-resume-layout {
    grid-template-columns: 1fr;
  }

  .agents-page .agent-tabs--resume {
    position: static;
  }

  .agents-page .agent-tab-panel--resume {
    padding-left: 0;
    border-left: 0;
  }
}

.channel-access-gate {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 100%;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  background:
    radial-gradient(circle at 18% 8%, rgba(43, 102, 255, 0.10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.channel-access-gate__card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 1.1rem;
  gap: 1.1rem;
  width: min(52rem, 100%);
  padding: 1.25rem;
  border: 1px solid rgba(46, 107, 255, 0.14);
  border-radius: 1.35rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(249, 251, 255, 0.92)),
    #ffffff;
  box-shadow: 0 22px 60px rgba(19, 27, 47, 0.11);
}

.channel-access-gate__icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 1rem;
  display: grid;
  place-items: center;
  color: #2b66ff;
  background: #dce6ff;
  box-shadow: inset 0 0 0 1px rgba(43, 102, 255, 0.12);
}

.channel-access-gate__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.channel-access-gate__content {
  min-width: 0;
}

.channel-access-gate__eyebrow {
  color: #2b66ff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.channel-access-gate__card h3 {
  color: #2a2d34;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0.35rem 0 0.55rem;
}

.channel-access-gate__card p {
  color: #6d7482;
  line-height: 1.65;
  margin: 0;
}

.channel-access-gate__steps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
}

.channel-access-gate__step {
  display: inline-flex;
  align-items: center;
  padding: 0.36rem 0.62rem;
  border-radius: 999px;
  background: #eef2f8;
  color: #737c8c;
  font-size: 0.78rem;
  font-weight: 650;
}

.channel-access-gate__step--done,
.channel-access-gate__step--active {
  background: #dce6ff;
  color: #2b66ff;
}

.channel-access-gate__actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: max-content;
}

.channel-access-gate__button {
  min-height: 2.45rem;
  box-shadow: 0 10px 24px rgba(43, 102, 255, 0.18);
}

.channel-access-gate__feedback {
  margin-top: 0.9rem;
  color: var(--danger);
  font-size: 0.9rem;
  font-weight: 560;
}

@media (max-width: 720px) {
  .channel-access-gate__card {
    grid-template-columns: 1fr;
  }

  .channel-access-gate__actions {
    justify-content: stretch;
    min-width: 0;
  }

  .channel-access-gate__button {
    width: 100%;
  }
}

.workspace-main--conversation .contacts-shell--human .human-contact-avatar-button {
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 8px;
}

.workspace-main--conversation .contacts-shell--human .human-contact-popover {
  border-color: var(--console-border);
  border-radius: 8px;
  background: var(--console-card);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
}

.workspace-main--conversation .contacts-shell--human .human-contact-popover__arrow {
  border-color: var(--console-border);
  background: var(--console-card);
}

.workspace-main--conversation .contacts-shell--human .human-contact-popover .human-contacts-profile {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.workspace-main--conversation .contacts-shell--human .human-contact-popover .human-contacts-profile__fact {
  border: 1px solid var(--console-border);
  border-radius: 7px;
  background: var(--console-subtle);
}

.runtime-apps-panel {
  display: grid;
  grid-gap: 0.65rem;
  gap: 0.65rem;
  margin-top: 1rem;
  padding: 0.85rem;
  border: 1px solid rgba(39, 58, 43, 0.12);
  border-radius: 8px;
  background: #fbfcf8;
}

.runtime-app-readiness,
.runtime-app-list,
.runtime-app-operation-list {
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
}

.runtime-app-readiness {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.runtime-app-readiness__pill {
  min-width: 0;
  padding: 0.3rem 0.45rem;
  border-radius: 7px;
  background: #eef1eb;
  color: rgba(34, 41, 35, 0.68);
  font-size: 0.76rem;
  font-weight: 650;
  text-align: center;
}

.runtime-app-readiness__pill--ok {
  background: #dff0e5;
  color: #1e694f;
}

.runtime-app-readiness__pill--missing {
  background: #f5e7df;
  color: #9a4e37;
}

.runtime-app-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  padding: 0.6rem;
  border: 1px solid rgba(39, 58, 43, 0.1);
  border-radius: 7px;
  background: #ffffff;
}

.runtime-app-item strong,
.runtime-app-item span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-app-item div > span {
  color: rgba(34, 41, 35, 0.55);
  font-size: 0.8rem;
}

.runtime-app-item p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--danger);
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

.runtime-app-operation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  color: rgba(34, 41, 35, 0.62);
  font-size: 0.8rem;
}

.market-page-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-gap: 0.9rem;
  gap: 0.9rem;
  min-height: 100%;
  padding: 1rem;
  background: #f5f7f2;
  color: #222923;
}

.market-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(39, 58, 43, 0.13);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(34, 41, 35, 0.06);
}

.market-toolbar h1 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.15;
}

.market-toolbar p {
  margin: 0.25rem 0 0;
  color: rgba(34, 41, 35, 0.62);
  font-size: 0.88rem;
}

.market-workbench {
  display: grid;
  grid-template-columns: 16rem minmax(22rem, 1fr) minmax(22rem, 28rem);
  grid-gap: 0.9rem;
  gap: 0.9rem;
  min-height: 0;
}

.market-filter-panel,
.market-app-list,
.market-detail-panel {
  min-height: 0;
  border: 1px solid rgba(39, 58, 43, 0.13);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(34, 41, 35, 0.05);
}

.market-filter-panel,
.market-detail-panel {
  padding: 0.85rem;
}

.market-filter-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.market-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  min-height: 2.35rem;
  padding: 0 0.65rem;
  border: 1px solid rgba(39, 58, 43, 0.15);
  border-radius: 7px;
  background: #f8faf5;
}

.market-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

.market-category-list {
  display: grid;
  align-content: start;
  flex: 1 1;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  min-height: 0;
  margin-top: 0.75rem;
  overflow-y: auto;
  padding-right: 0.15rem;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.market-category-button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.6rem;
  gap: 0.6rem;
  width: 100%;
  min-height: 2.15rem;
  padding: 0 0.65rem;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: rgba(34, 41, 35, 0.74);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.market-category-button--active,
.market-category-button:hover {
  border-color: rgba(30, 105, 79, 0.18);
  background: #edf5ef;
  color: #1e694f;
}

.market-app-list {
  overflow: auto;
  padding: 0.45rem;
}

.market-app-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1.2fr) minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 0.6rem;
  gap: 0.6rem;
  width: 100%;
  min-height: 3rem;
  padding: 0 0.65rem;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.market-app-row:hover,
.market-app-row--active {
  border-color: rgba(30, 105, 79, 0.18);
  background: #f1f6ec;
}

.market-app-row strong,
.market-app-row span,
.market-app-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-app-row span,
.market-app-row small {
  color: rgba(34, 41, 35, 0.58);
  font-size: 0.82rem;
}

.market-risk-dot {
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: #36a36a;
}

.market-risk-dot--medium {
  background: #d49a26;
}

.market-risk-dot--high {
  background: #c84c44;
}

.market-detail-panel {
  overflow: auto;
}

.market-detail-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.7rem;
  gap: 0.7rem;
  align-items: start;
}

.market-detail-heading h2 {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.2;
}

.market-detail-heading p {
  margin: 0.35rem 0 0;
  color: rgba(34, 41, 35, 0.64);
  line-height: 1.45;
}

.market-facts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin-top: 0.9rem;
}

.market-fact {
  min-width: 0;
  padding: 0.6rem;
  border: 1px solid rgba(39, 58, 43, 0.12);
  border-radius: 7px;
  background: #f9faf6;
}

.market-fact span,
.market-fact strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.market-fact span {
  color: rgba(34, 41, 35, 0.55);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.market-fact strong {
  margin-top: 0.25rem;
  font-size: 0.84rem;
}

.market-runtime-box {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
  margin-top: 0.9rem;
  padding: 0.75rem;
  border: 1px solid rgba(39, 58, 43, 0.12);
  border-radius: 8px;
  background: #f8faf5;
}

.market-install-state {
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
}

.market-install-state p {
  margin: 0;
  color: var(--danger);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.market-install-error {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  padding: 0.65rem;
  border: 1px solid rgba(181, 57, 42, 0.24);
  border-radius: 7px;
  background: #fff4f1;
}

.market-install-error span {
  color: var(--danger);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.market-install-error pre {
  overflow: auto;
  max-height: 9rem;
  margin: 0;
  color: #7f271d;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.market-confirm-risk {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  color: #8a4f15;
  font-size: 0.88rem;
}

.market-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.9rem;
}

.market-toolbar .action-button,
.market-action-row > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  line-height: 1;
  white-space: nowrap;
}

.market-toolbar .action-button svg,
.market-action-row > button svg {
  display: block;
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
}

.market-toolbar .action-button span,
.market-action-row > button span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.market-command-preview {
  overflow: auto;
  max-height: 8rem;
  margin: 0.9rem 0 0;
  padding: 0.7rem;
  border: 1px solid rgba(39, 58, 43, 0.12);
  border-radius: 7px;
  background: #202820;
  color: #e8f2df;
  font-size: 0.78rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

@media (max-width: 1180px) {
  .market-workbench {
    grid-template-columns: 14rem minmax(0, 1fr);
  }

  .market-detail-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .market-page-shell {
    padding: 0.65rem;
  }

  .market-toolbar,
  .market-workbench,
  .market-detail-heading,
  .market-facts-grid {
    grid-template-columns: 1fr;
  }

  .market-toolbar,
  .market-workbench {
    display: grid;
  }

  .market-filter-panel {
    overflow: visible;
  }

  .market-category-list {
    flex: none;
    overflow: visible;
    padding-right: 0;
  }

  .market-action-row > button {
    width: 100%;
  }
}

/* OpenSpace-inspired entry screen */
.auth-shell--entry {
  --auth-paper: #faf9f5;
  --auth-paper-soft: #f5f4ed;
  --auth-ink: #141413;
  --auth-muted: #5e5d59;
  --auth-border: #e3ded2;
  --auth-border-strong: #d1cfc5;
  --auth-clay: #d97757;
  --auth-sage: #bcd2cb;
  --auth-lavender: #cbcadb;
  --auth-shadow: 0 1px 2px rgba(74, 59, 42, 0.04), 0 10px 28px rgba(74, 59, 42, 0.06);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
  grid-template-rows: auto minmax(0, 1fr);
  align-items: stretch;
  grid-gap: 0;
  gap: 0;
  min-height: 100vh;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 20%, rgba(188, 210, 203, 0.24), transparent 20rem),
    linear-gradient(to bottom, transparent 50%, rgba(74, 59, 42, 0.026) 50%),
    #faf9f5;
  background-size: auto, 100% 4px, auto;
  color: var(--auth-ink);
  font-family: "Cabin", var(--font-body), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

.auth-shell--entry::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at center, transparent 58%, rgba(74, 59, 42, 0.1) 120%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.13'/%3E%3C/svg%3E");
  opacity: 0.18;
  z-index: 0;
}

.auth-shell--entry > * {
  position: relative;
  z-index: 1;
}

.auth-topbar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 74px;
  padding: 0 2.5rem;
  border-bottom: 1px solid rgba(74, 59, 42, 0.12);
}

.auth-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.58rem;
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(1.5rem, 2vw, 1.95rem);
  line-height: 1;
  letter-spacing: 0;
}

.auth-brand__mark {
  display: inline-grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 1.5px solid var(--auth-ink);
  border-radius: 50%;
  background: var(--auth-paper);
  color: var(--auth-ink);
  font-family: "Cabin", var(--font-body), sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
}

.auth-shell--entry .auth-language-switch {
  position: static;
  display: inline-flex;
  gap: 0.28rem;
  padding: 0.24rem;
  border: 1px solid var(--auth-border-strong);
  border-radius: 8px;
  background: #eeece4;
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  z-index: 2;
}

.auth-shell--entry .auth-language-switch__button {
  min-width: 2.55rem;
  padding: 0.34rem 0.62rem;
  border-radius: 6px;
  color: var(--auth-muted);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0;
}

.auth-shell--entry .auth-language-switch__button--active {
  border-color: var(--auth-border);
  background: var(--auth-paper);
  color: var(--auth-ink);
  box-shadow: 0 1px 0 rgba(74, 59, 42, 0.08);
}

.auth-shell--entry .auth-hero,
.auth-shell--entry .auth-card {
  min-height: calc(100vh - 74px);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.auth-shell--entry .auth-hero {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  grid-gap: clamp(1rem, 2.4vh, 1.8rem);
  gap: clamp(1rem, 2.4vh, 1.8rem);
  padding: clamp(2.4rem, 5vw, 5.2rem) clamp(2.5rem, 6vw, 5rem) 2.25rem;
  overflow: hidden;
  background: transparent;
  color: var(--auth-ink);
}

.auth-shell--entry .auth-hero::before,
.auth-shell--entry .auth-hero::after {
  display: none;
}

.auth-shell--entry .auth-hero__copy {
  align-self: center;
  max-width: 39rem;
  gap: 1.25rem;
}

.auth-shell--entry .auth-kicker {
  margin: 0;
  color: var(--auth-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.auth-shell--entry .auth-hero h1 {
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(4rem, 8vw, 7.6rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: 0;
  text-wrap: balance;
}

.auth-shell--entry .auth-lead {
  max-width: 33rem;
  color: var(--auth-muted);
  font-size: clamp(1.05rem, 1.4vw, 1.42rem);
  line-height: 1.5;
}

.auth-shell--entry .auth-signal-row {
  display: none;
}

.auth-hero__visual {
  position: absolute;
  right: clamp(1.3rem, 7vw, 7rem);
  top: 44%;
  width: min(38vw, 37rem);
  aspect-ratio: 1.25;
  transform: translateY(-43%);
  pointer-events: none;
}

.auth-network {
  position: absolute;
  inset: 0 0 8% 18%;
}

.auth-network__node,
.auth-network__line {
  position: absolute;
  display: block;
  background: var(--auth-clay);
}

.auth-network__node {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  box-shadow: 0 9px 20px rgba(217, 119, 87, 0.18);
}

.auth-network__node--core {
  left: 39%;
  top: 41%;
  width: 4.3rem;
  height: 4.3rem;
}

.auth-network__node--one {
  left: 8%;
  top: 29%;
}

.auth-network__node--two {
  left: 24%;
  top: 6%;
}

.auth-network__node--three {
  right: 10%;
  top: 2%;
}

.auth-network__node--four {
  right: 0;
  top: 30%;
}

.auth-network__line {
  height: 0.72rem;
  border-radius: 999px;
  transform-origin: 0 50%;
}

.auth-network__line--one {
  left: 16%;
  top: 42%;
  width: 28%;
  transform: rotate(13deg);
}

.auth-network__line--two {
  left: 38%;
  top: 38%;
  width: 28%;
  transform: rotate(-52deg);
}

.auth-network__line--three {
  left: 48%;
  top: 48%;
  width: 46%;
  transform: rotate(-7deg);
}

.auth-network__line--four {
  left: 33%;
  top: 15%;
  width: 27%;
  transform: rotate(57deg);
}

.auth-hand-drawing {
  position: absolute;
  left: 22%;
  right: 17%;
  bottom: 1%;
  height: 43%;
}

.auth-hand-drawing__stroke {
  position: absolute;
  display: block;
  border: 0.28rem solid var(--auth-ink);
  border-radius: 48% 44% 52% 46%;
  background: transparent;
  opacity: 0.98;
}

.auth-hand-drawing__stroke--one {
  left: 3%;
  bottom: 9%;
  width: 46%;
  height: 65%;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(18deg);
}

.auth-hand-drawing__stroke--two {
  left: 19%;
  bottom: 38%;
  width: 42%;
  height: 46%;
  border-bottom-color: transparent;
  transform: rotate(-18deg);
}

.auth-hand-drawing__stroke--three {
  right: 0;
  bottom: 8%;
  width: 49%;
  height: 63%;
  border-left-color: transparent;
  transform: rotate(-12deg);
}

.auth-hand-drawing__stroke--four {
  left: 38%;
  bottom: 6%;
  width: 39%;
  height: 29%;
  border-top-color: transparent;
  transform: rotate(-22deg);
}

.auth-shell--entry .auth-feature-list {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 64rem;
  border-top: 1px solid rgba(74, 59, 42, 0.12);
}

.auth-shell--entry .auth-feature-list article {
  gap: 0.45rem;
  padding: 1rem 1rem 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.auth-shell--entry .auth-feature-list article + article {
  padding-left: 1rem;
  border-left: 1px solid rgba(74, 59, 42, 0.1);
}

.auth-shell--entry .auth-feature-list__eyebrow {
  color: var(--auth-clay);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.auth-shell--entry .auth-feature-list strong {
  color: var(--auth-ink);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.25;
}

.auth-shell--entry .auth-feature-list p:not(.auth-feature-list__eyebrow) {
  color: var(--auth-muted);
  font-size: 0.88rem;
  line-height: 1.45;
  white-space: pre-line;
}

.auth-shell--entry .auth-metrics {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  max-width: 64rem;
}

.auth-shell--entry .auth-metric-card {
  gap: 0.35rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--auth-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.48);
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.auth-shell--entry .auth-metric-card span {
  color: var(--auth-muted);
  font-family: "Cabin", var(--font-body), sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}

.auth-shell--entry .auth-metric-card strong {
  color: var(--auth-ink);
  font-family: "Cabin", var(--font-body), sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
}

.auth-shell--entry .auth-card {
  display: flex;
  justify-content: center;
  gap: 1.05rem;
  padding: 2rem;
  border-left: 1px solid rgba(74, 59, 42, 0.12);
  background: rgba(255, 255, 255, 0.38);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.auth-shell--entry .auth-card__intro {
  gap: 0.55rem;
}

.auth-shell--entry .auth-card__eyebrow {
  color: var(--auth-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.auth-shell--entry .auth-card__intro h2 {
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(2.05rem, 3vw, 2.75rem);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: 0;
}

.auth-shell--entry .auth-card__intro p,
.auth-shell--entry .auth-mode-guide {
  color: var(--auth-muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.auth-shell--entry .auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.28rem;
  gap: 0.28rem;
  padding: 0.3rem;
  border: 1px solid var(--auth-border);
  border-radius: 16px;
  background: var(--auth-paper-soft);
}

.auth-shell--entry .auth-tabs__item {
  min-height: 2.35rem;
  border-radius: 12px;
  color: var(--auth-muted);
  font-family: "Cabin", var(--font-body), sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
}

.auth-shell--entry .auth-tabs__item--active {
  border-color: var(--auth-border);
  background: #ffffff;
  color: var(--auth-ink);
  box-shadow: 0 1px 3px rgba(74, 59, 42, 0.06);
}

.auth-shell--entry .auth-form {
  gap: 0.9rem;
}

.auth-shell--entry .auth-field {
  gap: 0.38rem;
}

.auth-shell--entry .auth-field span {
  color: var(--auth-muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.auth-shell--entry .auth-field input {
  min-height: 2.75rem;
  border: 1.5px solid var(--auth-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--auth-ink);
  font-size: 0.95rem;
  box-shadow: inset 0 1px 0 rgba(74, 59, 42, 0.03);
}

.auth-shell--entry .auth-field input:focus {
  border-color: var(--auth-clay);
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.14);
}

.auth-shell--entry .auth-field__hint {
  color: rgba(94, 93, 89, 0.82);
}

.auth-shell--entry .auth-actions--stack {
  gap: 0.65rem;
  padding-top: 0.25rem;
}

.auth-shell--entry .auth-button,
.auth-shell--entry .auth-google-button {
  min-height: 2.9rem;
  border-radius: 8px;
  font-family: "Cabin", var(--font-body), sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0;
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease;
}

.auth-shell--entry .auth-button {
  border: 1.5px solid var(--auth-ink);
  background: var(--auth-clay);
  color: #fffaf5;
  box-shadow: 3px 3px 0 0 var(--auth-ink);
}

.auth-shell--entry .auth-button:hover {
  background: #cf6e4d;
  box-shadow: 4px 4px 0 0 var(--auth-ink);
}

.auth-shell--entry .auth-button:active {
  transform: translate(2px, 2px);
  background: #c86645;
  box-shadow: 1px 1px 0 0 var(--auth-ink);
}

.auth-shell--entry .auth-google-button {
  border: 1.5px solid var(--auth-border-strong);
  background: #eeece4;
  color: var(--auth-ink);
  box-shadow: none;
}

.auth-shell--entry .auth-google-button:hover {
  border-color: var(--auth-ink);
  background: #ffffff;
}

.auth-shell--entry .auth-google-button:active {
  transform: translate(1px, 1px);
  background: var(--auth-paper-soft);
}

.auth-shell--entry .auth-feedback {
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(155, 56, 51, 0.28);
  border-radius: 8px;
  background: rgba(229, 172, 147, 0.2);
  color: #9b3833;
}

.auth-shell--entry .auth-invitation-banner {
  border: 1px solid var(--auth-border);
  border-radius: 12px;
  background: rgba(188, 210, 203, 0.22);
}

.auth-shell--entry .auth-invitation-banner__item {
  border-color: rgba(74, 59, 42, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.52);
}

.auth-shell--entry .auth-invitation-banner__item span {
  color: var(--auth-muted);
}

@media (max-width: 1180px) {
  .auth-shell--entry {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  }

  .auth-hero__visual {
    right: 1.8rem;
    width: min(37vw, 29rem);
    opacity: 0.55;
  }

  .auth-shell--entry .auth-hero h1 {
    max-width: 35rem;
    font-size: clamp(3.8rem, 8vw, 6.2rem);
  }

  .auth-shell--entry .auth-feature-list {
    grid-template-columns: 1fr;
  }

  .auth-shell--entry .auth-feature-list article + article {
    padding-left: 0;
    border-left: 0;
  }

  .auth-shell--entry .auth-feature-list article:not(:first-child) {
    display: none;
  }
}

@media (max-width: 860px) {
  .auth-shell--entry {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: visible;
  }

  .auth-topbar {
    min-height: 68px;
    padding: 0 1.1rem;
  }

  .auth-brand {
    font-size: 1.35rem;
  }

  .auth-brand__mark {
    width: 1.55rem;
    height: 1.55rem;
    font-size: 0.76rem;
  }

  .auth-shell--entry .auth-card {
    order: 2;
    min-height: auto;
    padding: 1.2rem 1rem 1.5rem;
    border-top: 1px solid rgba(74, 59, 42, 0.12);
    border-left: 0;
    background: rgba(255, 255, 255, 0.56);
  }

  .auth-shell--entry .auth-hero {
    order: 1;
    min-height: auto;
    padding: 2rem 1.1rem 0.85rem;
  }

  .auth-shell--entry .auth-hero__copy {
    align-self: start;
    max-width: none;
    gap: 0.95rem;
  }

  .auth-shell--entry .auth-hero h1 {
    max-width: 11ch;
    font-size: clamp(3.05rem, 15vw, 5.1rem);
  }

  .auth-shell--entry .auth-lead {
    max-width: 31rem;
    font-size: 1rem;
    line-height: 1.45;
  }

  .auth-hero__visual {
    position: relative;
    right: auto;
    top: auto;
    width: min(84vw, 21rem);
    margin: -0.7rem 0 -0.15rem auto;
    transform: none;
    opacity: 1;
  }

  .auth-shell--entry .auth-feature-list,
  .auth-shell--entry .auth-metrics {
    display: none;
  }
}

@media (max-width: 520px) {
  .auth-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1rem;
  }

  .auth-shell--entry .auth-language-switch {
    align-self: stretch;
  }

  .auth-shell--entry .auth-language-switch__button {
    flex: 1 1;
  }

  .auth-shell--entry .auth-hero {
    padding-top: 1.55rem;
  }

  .auth-shell--entry .auth-hero h1 {
    max-width: 10ch;
    font-size: clamp(2.9rem, 14vw, 4.5rem);
  }

  .auth-hero__visual {
    width: min(82vw, 18rem);
    margin-top: -0.6rem;
  }

  .auth-shell--entry .auth-card__intro h2 {
    font-size: 2rem;
  }

  .auth-shell--entry .auth-invitation-banner__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-shell--entry .auth-button,
  .auth-shell--entry .auth-google-button,
  .auth-shell--entry .auth-tabs__item {
    transition: none;
  }
}

/* Long-scroll product landing override */
.auth-shell--entry {
  display: block;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.auth-topbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(250, 249, 245, 0.84);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
}

.auth-topbar__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.auth-topbar__link,
.auth-hero__scroll-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--auth-border-strong);
  border-radius: 8px;
  background: #eeece4;
  color: var(--auth-ink);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1;
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.auth-topbar__link {
  min-height: 2.35rem;
  padding: 0 0.9rem;
}

.auth-topbar__link:hover,
.auth-hero__scroll-link:hover {
  border-color: var(--auth-ink);
  background: #ffffff;
  transform: translateY(-1px);
}

.auth-shell--entry .auth-hero {
  min-height: calc(100vh - 74px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 0.86fr);
  grid-template-rows: 1fr auto;
  grid-column-gap: clamp(2rem, 5vw, 6rem);
  column-gap: clamp(2rem, 5vw, 6rem);
  grid-row-gap: 1.6rem;
  row-gap: 1.6rem;
  align-items: center;
  padding: clamp(3.25rem, 6vw, 6.25rem) clamp(2rem, 5.5vw, 5rem) 2rem;
}

.auth-shell--entry .auth-hero__copy {
  align-self: center;
  max-width: 45rem;
}

.auth-shell--entry .auth-hero h1 {
  max-width: 9.5ch;
  font-size: clamp(4.2rem, 8.6vw, 8.2rem);
}

.auth-shell--entry .auth-lead {
  max-width: 39rem;
}

.auth-hero__scroll-link {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.55rem;
  padding: 0 1rem;
}

.auth-shell--entry .auth-signal-row {
  display: flex;
}

.auth-shell--entry .auth-signal-pill {
  border-color: var(--auth-border);
  background: rgba(255, 255, 255, 0.58);
  color: var(--auth-muted);
}

.auth-hero__visual {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  width: min(42vw, 38rem);
  justify-self: center;
  transform: none;
}

.auth-shell--entry .auth-feature-list,
.auth-shell--entry .auth-metrics {
  grid-column: 1 / -1;
  max-width: none;
}

.auth-story-section,
.auth-product-entry {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(20rem, 1.15fr);
  grid-gap: clamp(2rem, 5vw, 5.5rem);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  min-height: 100vh;
  padding: clamp(4rem, 8vw, 7rem) clamp(2rem, 5.5vw, 5rem);
  border-top: 1px solid rgba(74, 59, 42, 0.12);
  scroll-margin-top: 5rem;
}

.auth-story-section--product {
  grid-template-columns: minmax(20rem, 1.12fr) minmax(0, 0.88fr);
}

.auth-story-copy {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  max-width: 40rem;
}

.auth-story-copy h2,
.auth-product-entry__copy h2 {
  margin: 0;
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: 0;
  text-wrap: balance;
}

.auth-story-copy p,
.auth-product-entry__copy p {
  margin: 0;
  color: var(--auth-muted);
  font-size: clamp(1rem, 1.35vw, 1.24rem);
  line-height: 1.62;
}

.auth-product-entry__copy p strong {
  color: var(--auth-ink);
  font-weight: 850;
}

.auth-flow-board {
  position: relative;
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--auth-border);
  border-radius: 32px;
  background:
    radial-gradient(circle at 80% 8%, rgba(217, 119, 87, 0.14), transparent 14rem),
    rgba(255, 255, 255, 0.46);
  box-shadow: var(--auth-shadow);
}

.auth-flow-board::before {
  content: "";
  position: absolute;
  top: 3.1rem;
  bottom: 3.1rem;
  left: 3rem;
  width: 0.24rem;
  border-radius: 999px;
  background: var(--auth-clay);
  opacity: 0.26;
}

.auth-flow-card {
  position: relative;
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  margin-left: 2.2rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--auth-border);
  border-radius: 18px;
  background: #ffffff;
}

.auth-flow-card::before {
  content: "";
  position: absolute;
  left: -2.95rem;
  top: 1.25rem;
  width: 1.45rem;
  height: 1.45rem;
  border: 0.3rem solid var(--auth-paper);
  border-radius: 50%;
  background: var(--auth-clay);
  box-shadow: 0 0 0 1px rgba(74, 59, 42, 0.12);
}

.auth-flow-card span,
.auth-lineage-item span,
.auth-product-row span {
  color: var(--auth-clay);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-flow-card strong,
.auth-lineage-item strong,
.auth-product-row strong {
  color: var(--auth-ink);
  font-size: 1.1rem;
  line-height: 1.25;
}

.auth-flow-card p,
.auth-lineage-item p {
  margin: 0;
  color: var(--auth-muted);
  line-height: 1.55;
}

.auth-product-showcase {
  overflow: hidden;
  border: 1px solid var(--auth-border-strong);
  border-radius: 32px;
  background: #ffffff;
  box-shadow: var(--auth-shadow);
}

.auth-product-showcase__chrome {
  display: flex;
  gap: 0.42rem;
  padding: 1rem;
  border-bottom: 1px solid var(--auth-border);
  background: var(--auth-paper-soft);
}

.auth-product-showcase__chrome span {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: var(--auth-border-strong);
}

.auth-product-showcase__grid {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  min-height: clamp(22rem, 34vw, 34rem);
}

.auth-product-showcase__rail {
  display: grid;
  align-content: start;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: 1rem;
  border-right: 1px solid var(--auth-border);
  background: #f7f5ee;
}

.auth-product-showcase__rail strong {
  padding: 0.75rem 0.8rem;
  border-radius: 8px;
  color: var(--auth-muted);
  font-size: 0.92rem;
}

.auth-product-showcase__rail strong:first-child {
  background: var(--auth-ink);
  color: var(--auth-paper);
}

.auth-product-showcase__main {
  display: grid;
  align-content: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 2rem);
  background:
    radial-gradient(circle at 80% 20%, rgba(188, 210, 203, 0.28), transparent 13rem),
    #ffffff;
}

.auth-product-row {
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
  padding: 1rem;
  border: 1px solid var(--auth-border);
  border-radius: 16px;
  background: rgba(250, 249, 245, 0.82);
}

.auth-product-row--active {
  border-color: rgba(217, 119, 87, 0.42);
  box-shadow: 3px 3px 0 rgba(20, 20, 19, 0.08);
}

.auth-lineage-panel {
  display: grid;
  grid-gap: 0.85rem;
  gap: 0.85rem;
}

.auth-lineage-item {
  position: relative;
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  padding: 1rem 4.4rem 1rem 1rem;
  border: 1px solid var(--auth-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.6);
}

.auth-lineage-item i {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.25rem 0.45rem;
  border: 1px solid var(--auth-border);
  border-radius: 999px;
  color: var(--auth-muted);
  font-size: 0.72rem;
  font-style: normal;
}

.auth-product-entry {
  grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 31rem);
  align-items: start;
  min-height: 100vh;
}

.auth-product-entry__copy {
  position: -webkit-sticky;
  position: sticky;
  top: 7rem;
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  max-width: 41rem;
}

.auth-product-entry__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
  margin-top: 1rem;
}

.auth-product-entry .auth-card {
  min-height: auto;
  border: 1px solid var(--auth-border-strong);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--auth-shadow);
}

@media (max-width: 980px) {
  .auth-shell--entry .auth-hero,
  .auth-story-section,
  .auth-story-section--product,
  .auth-product-entry {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .auth-hero__visual {
    grid-column: 1;
    grid-row: auto;
    width: min(90vw, 30rem);
  }

  .auth-product-entry__copy {
    position: static;
  }

  .auth-product-entry__metrics {
    grid-template-columns: 1fr;
  }

  .auth-product-showcase__grid {
    grid-template-columns: 1fr;
  }

  .auth-product-showcase__rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid var(--auth-border);
  }
}

@media (max-width: 640px) {
  .auth-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
  }

  .auth-topbar__actions,
  .auth-shell--entry .auth-language-switch,
  .auth-topbar__link {
    width: 100%;
  }

  .auth-topbar__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .auth-shell--entry .auth-hero,
  .auth-story-section,
  .auth-product-entry {
    padding: 2.5rem 1rem;
    scroll-margin-top: 10rem;
  }

  .auth-shell--entry .auth-hero h1 {
    max-width: 10ch;
    font-size: clamp(3rem, 15vw, 4.8rem);
  }

  .auth-story-copy h2,
  .auth-product-entry__copy h2 {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .auth-product-showcase__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-product-entry .auth-card {
    border-radius: 22px;
    padding: 1.1rem;
  }
}

/* Capability-led landing page */
.auth-shell--entry {
  --auth-paper: #f5f0e6;
  --auth-paper-soft: #ebe3d3;
  --auth-ink: #151514;
  --auth-muted: #686258;
  --auth-border: rgba(51, 47, 39, 0.16);
  --auth-border-strong: rgba(51, 47, 39, 0.28);
  --auth-clay: #c95f43;
  --landing-dark: #151514;
  --landing-dark-soft: #22211e;
  --landing-mint: #73b7a7;
  --landing-blue: #6688d8;
  --landing-gold: #c18d36;
  --landing-red: #c95f43;
  background:
    linear-gradient(90deg, rgba(51, 47, 39, 0.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51, 47, 39, 0.05) 1px, transparent 1px),
    #f5f0e6;
  background-size: 44px 44px, 44px 44px, auto;
}

.auth-shell--entry::before {
  background:
    linear-gradient(135deg, rgba(21, 21, 20, 0.03) 25%, transparent 25%) 0 0 / 22px 22px,
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  opacity: 0.24;
}

.auth-shell--entry .auth-topbar {
  background: rgba(245, 240, 230, 0.88);
  border-bottom-color: rgba(51, 47, 39, 0.16);
}

.auth-shell--entry .landing-hero {
  min-height: calc(100vh - 74px);
  grid-template-columns: minmax(0, 0.9fr) minmax(24rem, 0.88fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 5.5vw, 5rem) 2.25rem;
  background:
    linear-gradient(90deg, rgba(245, 240, 230, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(245, 240, 230, 0.04) 1px, transparent 1px),
    var(--landing-dark);
  background-size: 52px 52px, 52px 52px, auto;
  border-top: 1px solid rgba(245, 240, 230, 0.1);
}

.auth-shell--entry .landing-hero .auth-kicker {
  color: rgba(245, 240, 230, 0.58);
}

.auth-shell--entry .landing-hero h1 {
  max-width: 13.5ch;
  color: #f8f1e4;
  font-size: clamp(3.35rem, 6.7vw, 6.55rem);
  line-height: 0.94;
}

.auth-shell--entry .landing-hero .auth-lead {
  max-width: 42rem;
  color: rgba(248, 241, 228, 0.74);
}

.auth-shell--entry .landing-hero .auth-signal-row {
  display: flex;
  max-width: 41rem;
}

.auth-shell--entry .landing-hero .auth-signal-pill {
  border-color: rgba(245, 240, 230, 0.16);
  background: rgba(245, 240, 230, 0.08);
  color: rgba(248, 241, 228, 0.78);
}

.landing-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.landing-hero .auth-hero__scroll-link {
  min-height: 2.8rem;
  border-color: rgba(245, 240, 230, 0.24);
  background: #f8f1e4;
  color: #151514;
}

.landing-hero .auth-hero__scroll-link--quiet {
  background: transparent;
  color: #f8f1e4;
}

.landing-hero .auth-hero__scroll-link:hover {
  border-color: rgba(245, 240, 230, 0.8);
}

.landing-hero-reel {
  position: relative;
  z-index: 2;
  grid-column: 2;
  width: min(42vw, 42rem);
  pointer-events: auto;
  overflow: hidden;
  border: 1px solid rgba(245, 240, 230, 0.18);
  border-radius: 8px;
  background: #0d0d0c;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.36);
}

.landing-reel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(245, 240, 230, 0.14);
  color: #f8f1e4;
}

.landing-reel__title {
  display: grid;
  min-width: 0;
  grid-gap: 0.24rem;
  gap: 0.24rem;
}

.landing-reel__header span,
.landing-showcase-card__copy span,
.landing-control-board span {
  color: var(--landing-mint);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.landing-reel__header strong {
  overflow: hidden;
  color: rgba(248, 241, 228, 0.88);
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landing-reel__controls {
  position: relative;
  z-index: 3;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.38rem;
  pointer-events: auto;
}

.landing-reel__controls button,
.landing-reel__dot {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.landing-reel__controls button {
  display: grid;
  width: 2.05rem;
  height: 2.05rem;
  place-items: center;
  pointer-events: auto;
  border: 1px solid rgba(245, 240, 230, 0.18);
  border-radius: 999px;
  background: rgba(245, 240, 230, 0.08);
  color: #f8f1e4;
  font-size: 1.35rem;
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.landing-reel__controls button:hover,
.landing-reel__controls button:focus-visible {
  border-color: rgba(245, 240, 230, 0.62);
  background: rgba(245, 240, 230, 0.16);
  transform: translateY(-1px);
}

.landing-reel__video,
.landing-showcase-card__media video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #0d0d0c;
  object-fit: cover;
}

.landing-reel__footer {
  display: grid;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  padding: 0.9rem 1rem 1rem;
}

.landing-hero-reel p {
  margin: 0;
  color: rgba(248, 241, 228, 0.68);
  font-size: 0.88rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.landing-reel__dots {
  display: flex;
  align-items: center;
  gap: 0.44rem;
}

.landing-reel__dot {
  width: 1.4rem;
  height: 0.25rem;
  border-radius: 999px;
  background: rgba(245, 240, 230, 0.22);
  transition: background 160ms ease, transform 160ms ease, width 160ms ease;
}

.landing-reel__dot--active {
  width: 2.2rem;
  background: var(--landing-mint);
}

.landing-reel__dot:hover,
.landing-reel__dot:focus-visible {
  background: rgba(245, 240, 230, 0.78);
  transform: translateY(-1px);
}

.auth-shell--entry .landing-hero .auth-feature-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top-color: rgba(245, 240, 230, 0.15);
}

.auth-shell--entry .landing-hero .auth-feature-list article + article {
  border-left-color: rgba(245, 240, 230, 0.12);
}

.auth-shell--entry .landing-hero .auth-feature-list__eyebrow {
  color: var(--landing-mint);
}

.auth-shell--entry .landing-hero .auth-feature-list strong {
  color: #f8f1e4;
}

.auth-shell--entry .landing-hero .auth-feature-list p:not(.auth-feature-list__eyebrow) {
  color: rgba(248, 241, 228, 0.62);
}

.auth-shell--entry .landing-hero .auth-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.auth-shell--entry .landing-hero .auth-metric-card {
  border-color: rgba(245, 240, 230, 0.14);
  background: rgba(245, 240, 230, 0.07);
}

.auth-shell--entry .landing-hero .auth-metric-card span {
  color: var(--landing-gold);
}

.auth-shell--entry .landing-hero .auth-metric-card strong {
  color: rgba(248, 241, 228, 0.84);
}

.landing-swarm {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.9fr);
  grid-gap: clamp(1.5rem, 4vw, 4rem);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: end;
  padding: clamp(3.5rem, 7vw, 6.5rem) clamp(2rem, 5.5vw, 5rem);
  border-top: 1px solid rgba(245, 240, 230, 0.12);
  background:
    linear-gradient(90deg, rgba(51, 47, 39, 0.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51, 47, 39, 0.045) 1px, transparent 1px),
    #f5f0e6;
  background-size: 44px 44px, 44px 44px, auto;
}

.landing-swarm__copy {
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  max-width: 64rem;
}

.landing-swarm__copy .auth-kicker {
  color: var(--auth-clay);
}

.landing-swarm__copy h2 {
  margin: 0;
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(3.1rem, 7.6vw, 8.4rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0;
  text-wrap: balance;
}

.landing-swarm__copy p {
  max-width: 50rem;
  margin: 0;
  color: var(--auth-muted);
  font-size: clamp(1.02rem, 1.35vw, 1.24rem);
  line-height: 1.68;
}

.landing-swarm__copy p strong {
  color: var(--auth-ink);
  font-weight: 900;
}

.landing-swarm__rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
  justify-self: stretch;
  padding-bottom: 0.3rem;
}

.landing-swarm__rail span {
  display: grid;
  min-height: 5.2rem;
  place-items: center;
  border: 1px solid rgba(51, 47, 39, 0.18);
  border-radius: 8px;
  background: rgba(255, 252, 244, 0.72);
  color: var(--auth-ink);
  font-size: clamp(1rem, 1.6vw, 1.28rem);
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 16px 38px rgba(44, 34, 22, 0.08);
}

.landing-swarm__rail span:nth-child(2) {
  transform: translateY(-0.8rem);
}

.landing-swarm__rail span:nth-child(3) {
  transform: translateY(0.8rem);
}

.landing-swarm__rail span:nth-child(4) {
  background: var(--landing-dark);
  color: #f8f1e4;
}

.landing-showcases {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: clamp(2rem, 4vw, 3.5rem);
  gap: clamp(2rem, 4vw, 3.5rem);
  padding: clamp(4rem, 8vw, 7rem) clamp(2rem, 5.5vw, 5rem);
  border-top: 1px solid rgba(51, 47, 39, 0.16);
  scroll-margin-top: 5rem;
}

.landing-showcases .auth-story-copy {
  max-width: 58rem;
}

.landing-showcase-grid {
  display: grid;
  grid-gap: 1.1rem;
  gap: 1.1rem;
}

.landing-showcase-card {
  display: grid;
  grid-template-columns: minmax(18rem, 0.78fr) minmax(24rem, 1.22fr);
  min-height: 25rem;
  overflow: hidden;
  border: 1px solid var(--auth-border-strong);
  border-radius: 8px;
  background: rgba(255, 252, 244, 0.7);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 24px 70px rgba(44, 34, 22, 0.08);
}

.landing-showcase-card:nth-child(even) {
  grid-template-columns: minmax(24rem, 1.22fr) minmax(18rem, 0.78fr);
}

.landing-showcase-card:nth-child(even) .landing-showcase-card__copy {
  order: 2;
  border-right: 0;
  border-left: 1px solid rgba(51, 47, 39, 0.14);
}

.landing-showcase-card__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9rem;
  padding: clamp(1.4rem, 3vw, 2.8rem);
  border-right: 1px solid rgba(51, 47, 39, 0.14);
}

.landing-showcase-card__copy h3 {
  margin: 0;
  color: var(--auth-ink);
  font-family: "Ovo", Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: clamp(2rem, 3.5vw, 3.4rem);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: 0;
  text-wrap: balance;
}

.landing-showcase-card__copy p {
  margin: 0;
  color: var(--auth-muted);
  font-size: clamp(0.98rem, 1.25vw, 1.12rem);
  line-height: 1.62;
}

.landing-showcase-card__copy strong {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0.55rem 0.72rem;
  border: 1px solid rgba(51, 47, 39, 0.16);
  border-radius: 8px;
  background: rgba(115, 183, 167, 0.14);
  color: #314f49;
  font-size: 0.85rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.landing-showcase-card__media {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: clamp(0.75rem, 1.8vw, 1.2rem);
  background:
    linear-gradient(90deg, rgba(245, 240, 230, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(245, 240, 230, 0.04) 1px, transparent 1px),
    var(--landing-dark-soft);
  background-size: 40px 40px, 40px 40px, auto;
}

.landing-showcase-card__media video {
  overflow: hidden;
  border: 1px solid rgba(245, 240, 230, 0.18);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.landing-operating-model {
  background:
    linear-gradient(90deg, rgba(245, 240, 230, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(245, 240, 230, 0.05) 1px, transparent 1px),
    var(--landing-dark);
  background-size: 46px 46px, 46px 46px, auto;
}

.landing-operating-model .auth-kicker,
.landing-operating-model .auth-story-copy h2 {
  color: #f8f1e4;
}

.landing-operating-model .auth-story-copy p {
  color: rgba(248, 241, 228, 0.68);
}

.landing-control-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.85rem;
  gap: 0.85rem;
}

.landing-control-board div {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  min-height: 12rem;
  padding: 1rem;
  border: 1px solid rgba(245, 240, 230, 0.15);
  border-radius: 8px;
  background: rgba(245, 240, 230, 0.07);
}

.landing-control-board div:nth-child(2) span {
  color: var(--landing-blue);
}

.landing-control-board div:nth-child(3) span {
  color: var(--landing-gold);
}

.landing-control-board div:nth-child(4) span {
  color: var(--landing-red);
}

.landing-control-board strong {
  color: #f8f1e4;
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.18;
}

.landing-control-board p {
  margin: 0;
  color: rgba(248, 241, 228, 0.62);
  line-height: 1.55;
}

.auth-shell--entry .auth-product-entry {
  background: rgba(255, 252, 244, 0.48);
}

.auth-shell--entry .auth-product-entry .auth-card {
  border-radius: 8px;
}

@media (max-width: 1180px) {
  .auth-shell--entry .landing-hero .auth-feature-list,
  .auth-shell--entry .landing-hero .auth-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-shell--entry .landing-hero .auth-feature-list article:not(:first-child) {
    display: grid;
  }
}

@media (max-width: 980px) {
  .auth-shell--entry .landing-hero {
    grid-template-columns: 1fr;
  }

  .landing-hero-reel {
    grid-column: 1;
    width: min(100%, 42rem);
    justify-self: start;
  }

  .landing-showcase-card,
  .landing-showcase-card:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .landing-swarm {
    grid-template-columns: 1fr;
  }

  .landing-swarm__rail {
    max-width: 36rem;
  }

  .landing-showcase-card:nth-child(even) .landing-showcase-card__copy {
    order: 0;
    border-left: 0;
  }

  .landing-showcase-card__copy {
    border-right: 0;
    border-bottom: 1px solid rgba(51, 47, 39, 0.14);
  }

  .landing-control-board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .auth-shell--entry .landing-hero {
    padding: 2.5rem 1rem;
  }

  .auth-shell--entry .landing-hero h1 {
    max-width: 13.5ch;
    font-size: clamp(2.55rem, 12vw, 3.95rem);
  }

  .auth-shell--entry .landing-hero .auth-feature-list,
  .auth-shell--entry .landing-hero .auth-metrics {
    display: grid;
    grid-template-columns: 1fr;
  }

  .auth-shell--entry .landing-hero .auth-feature-list article + article {
    padding-left: 0;
    border-left: 0;
  }

  .landing-showcases,
  .landing-swarm,
  .landing-operating-model,
  .auth-shell--entry .auth-product-entry {
    padding: 3rem 1rem;
  }

  .landing-swarm__copy h2 {
    font-size: clamp(2.7rem, 14vw, 4.6rem);
  }

  .landing-swarm__rail {
    grid-template-columns: 1fr;
  }

  .landing-swarm__rail span,
  .landing-swarm__rail span:nth-child(2),
  .landing-swarm__rail span:nth-child(3) {
    min-height: 4rem;
    transform: none;
  }

  .landing-showcase-card {
    min-height: auto;
  }

  .landing-showcase-card__copy strong {
    width: 100%;
  }
}