.app-shell { min-height: 100vh; padding-top: var(--session-height); }
.compact-navigation { display: none; }
.session-bar {
  position: fixed;
  z-index: 30;
  inset: 0 0 auto;
  min-height: var(--session-min-height);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-4);
  background: var(--teal-950);
  color: #f2fbf8;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .015em;
  text-align: center;
}
.session-bar__signal { color: var(--gold-500); font-size: 14px; line-height: 1; }
.app-frame { min-height: calc(100vh - var(--session-height)); display: grid; grid-template-columns: var(--rail-width) minmax(0, 1fr); }
.context-rail {
  position: sticky;
  top: var(--session-height);
  height: calc(100vh - var(--session-height));
  display: flex;
  flex-direction: column;
  padding: var(--space-4) var(--space-3) var(--space-3);
  background: #fbfdfb;
  border-right: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: var(--space-2); padding: 0 var(--space-1) var(--space-4); color: var(--teal-950); text-decoration: none; }
.brand__seal { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--teal-100); color: var(--teal-800); box-shadow: inset 0 -4px 0 rgba(7, 93, 97, .10); }
.brand__name { display: block; font-family: var(--font-display); font-size: 27px; font-weight: 700; letter-spacing: -.05em; line-height: 1; }
.brand__kind { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.rail-label { margin: 0 10px 9px; color: var(--muted); font-family: var(--font-utility); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.app-nav { display: grid; gap: var(--space-1); }
.rail-context { margin-top: auto; padding: var(--space-3) var(--space-1) 0; }
.context-card { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); overflow: hidden; }
.context-card__top { display: flex; align-items: center; gap: 9px; padding: 12px; border-bottom: 1px solid var(--line); }
.context-card__top > span:last-child { min-width: 0; }
.context-card__avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--teal-800); color: white; font-size: 12px; font-weight: 800; }
.context-card__name, .context-card__role { display: block; max-width: 100%; overflow-wrap: break-word; word-break: normal; }
.context-card__name { font-size: 13px; font-weight: 800; }
.context-card__role { margin-top: 2px; color: var(--muted); font-size: 11px; }
.context-card__note { display: flex; gap: 8px; padding: 11px 12px; color: var(--ink-soft); font-size: 11px; line-height: 1.35; }
.context-card__note svg { flex: 0 0 auto; color: var(--gold-700); }
.workspace { min-width: 0; }
.workspace-header { position: sticky; z-index: 20; top: var(--session-height); min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-2) clamp(var(--space-3), 4vw, var(--space-6)); background: rgba(244, 247, 244, .91); border-bottom: 1px solid rgba(213, 225, 222, .86); backdrop-filter: blur(15px); }
.workspace-header__title { min-width: 0; }
.workspace-header__label { color: var(--teal-800); font-family: var(--font-utility); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.workspace-header h1 { margin: 3px 0 0; font-family: var(--font-display); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.045em; line-height: 1; }
.workspace-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: var(--space-1); }
.app-main { width: min(1320px, 100%); min-width: 0; margin: 0 auto; padding: clamp(var(--space-4), 4vw, var(--space-6)) clamp(var(--space-3), 4vw, var(--space-6)) var(--space-6); }
.feature-outlet { min-height: 350px; }