/* ==========================================================================
   PAUL STRINGS™ — BAUHAUS FUNCTIONALIST DESIGN SYSTEM
   ONE ASSISTANT. EVERY MODEL. ZERO COMPLEXITY.
   Form Follows Function · 0px Border Radius · Swiss Typographic Grid
   ========================================================================== */

:root {
  /* SECTION 12: GLOBAL RADIUS TOKENS — ZERO ROUNDED RECTANGLES */
  --radius: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --paul-radius-lg: 0px;
  --paul-radius-md: 0px;
  --paul-radius-sm: 0px;

  /* SECTION 04: BAUHAUS PRIMARY PALETTE */
  --paul-bg: #0B0B0B;
  --paul-bg-secondary: #151515;
  --paul-bg-elevated: #202020;
  --paul-bg-card: #151515;
  --paul-bg-card-hover: #202020;
  --paul-bg-user-bubble: #151515;

  /* TYPOGRAPHY COLOURS */
  --paul-text: #F2F2F0;
  --paul-text-muted: #888888;
  --paul-text-dim: #666666;

  /* DIVIDERS & STRUCTURAL LINES */
  --paul-divider: #303030;
  --paul-border: #303030;
  --paul-border-strong: #484848;

  /* BAUHAUS FUNCTIONAL ACCENTS */
  --bauhaus-red: #E53935;
  --bauhaus-blue: #2457D6;
  --bauhaus-yellow: #F2C230;
  --bauhaus-green: #2E9B56;

  --paul-accent: #F2C230;
  --paul-accent-cyan: #2457D6;
  --paul-accent-emerald: #2E9B56;
  --paul-accent-rose: #E53935;

  /* SECTION 05: TYPOGRAPHY */
  --paul-font-sans: 'Helvetica Neue', Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --paul-font-display: 'Helvetica Neue', Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --paul-font-mono: 'SF Mono', 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* SECTION 03: 8PX SPACING SYSTEM & COLUMN DIMENSIONS */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;

  --col-left-width: 264px;
  --col-right-width: 440px;
  --control-height: 32px;
  --header-height: 48px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  border-radius: 0px;
}

.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;
}

html,
body.paul-app-body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--paul-bg);
  color: var(--paul-text);
  font-family: var(--paul-font-sans);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

[hidden] {
  display: none !important;
}

/* Scrollbars — Geometric & Restrained */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--paul-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--paul-divider);
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--paul-text-muted);
}

/* --------------------------------------------------------------------------
   01. TOP ARCHITECTURAL HEADER BAR
   -------------------------------------------------------------------------- */
.paul-header {
  height: var(--header-height);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-2);
  background: var(--paul-bg);
  border-bottom: 1px solid var(--paul-divider);
  z-index: 30;
}

.paul-header__left {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.paul-sidebar-toggle-btn {
  width: var(--control-height);
  height: var(--control-height);
  padding: 0;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear, border-color 0.08s linear;
}

.paul-sidebar-toggle-btn:hover,
.paul-sidebar-toggle-btn[aria-expanded="true"] {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
  border-color: var(--paul-border-strong);
}

.paul-character-rig {
  position: relative;
  width: var(--control-height);
  height: var(--control-height);
  padding: 0;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.08s linear, background-color 0.08s linear;
}

.paul-character-rig:hover {
  background: var(--paul-bg-elevated);
  border-color: var(--bauhaus-yellow);
}

.paul-character-rig__frame {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.paul-character-rig__sprite {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* Functional Circular Status Dot (Explicit Section 01 Exception) */
.paul-character-rig__pulse {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bauhaus-green);
}

.paul-character-rig[data-state="THINKING"] .paul-character-rig__pulse,
.paul-character-rig[data-state="DELEGATING"] .paul-character-rig__pulse,
.paul-character-rig[data-state="WORKING"] .paul-character-rig__pulse,
.paul-character-rig[data-state="EXECUTING"] .paul-character-rig__pulse {
  background: var(--bauhaus-yellow);
}

.paul-character-rig[data-state="ERROR"] .paul-character-rig__pulse {
  background: var(--bauhaus-red);
}

.paul-brand-identity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: var(--space-1);
  border-right: 1px solid var(--paul-divider);
}

.paul-brand-identity__row {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.paul-brand-identity__title {
  margin: 0;
  font-family: var(--paul-font-sans);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--paul-text);
  line-height: 1.1;
}

.paul-brand-identity__tagline {
  margin: 2px 0 0;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.05em;
  color: var(--paul-text-muted);
  text-transform: uppercase;
  line-height: 1.1;
}

/* Conversation History Dropdown Menu */
.paul-history-wrap {
  position: relative;
}

.paul-caret {
  font-size: 9px;
  opacity: 0.8;
}

.paul-history-popover {
  position: absolute;
  top: calc(var(--control-height) + 4px);
  left: 0;
  width: 304px;
  max-height: 360px;
  overflow-y: auto;
  padding: var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  z-index: 60;
}

.paul-history-popover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px var(--space-1) var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

.paul-history-popover__list {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}

.paul-history-item {
  width: 100%;
  padding: var(--space-1);
  border-radius: 0px;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--paul-divider);
  background: transparent;
  color: var(--paul-text);
  text-align: left;
  font-size: 12.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  transition: background-color 0.08s linear;
}

.paul-history-item:hover {
  background: var(--paul-bg-elevated);
}

.paul-history-item.is-active {
  background: var(--paul-bg-elevated);
  border-left: 2px solid var(--bauhaus-blue);
  font-weight: 600;
}

.paul-history-item__meta {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: var(--paul-text-muted);
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   02. HEADER OPERATIONAL STATUS INDICATOR (RECTANGULAR, NOT PILL)
   -------------------------------------------------------------------------- */
.paul-header__center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.paul-activity-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  height: var(--control-height);
  padding: 0 12px;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text);
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.08s linear, border-color 0.08s linear;
}

.paul-activity-pill:hover {
  background: var(--paul-bg-elevated);
  border-color: var(--paul-border-strong);
}

.paul-activity-pill[data-state="RUNNING"] {
  border-color: var(--bauhaus-yellow);
  color: var(--bauhaus-yellow);
}

.paul-activity-pill[data-state="FINISHED"] {
  border-color: var(--bauhaus-green);
  color: var(--paul-text);
}

.paul-activity-pill[data-state="ERROR"] {
  border-color: var(--bauhaus-red);
  color: var(--bauhaus-red);
}

/* Functional Circular Status Dot (Explicit Section 01 Exception) */
.paul-activity-pill__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bauhaus-green);
  flex-shrink: 0;
}

.paul-activity-pill[data-state="RUNNING"] .paul-activity-pill__dot {
  background: var(--bauhaus-yellow);
}

.paul-activity-pill[data-state="ERROR"] .paul-activity-pill__dot {
  background: var(--bauhaus-red);
}

/* --------------------------------------------------------------------------
   03. BUTTONS & CONTROLS (SECTION 08 — RECTANGULAR, ENGINEERED)
   -------------------------------------------------------------------------- */
.paul-header__right {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.paul-ghost-btn,
.paul-workforce-toggle,
.paul-wf-action-btn,
.paul-override-chip,
.paul-evo-btn,
.paul-micro-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--control-height);
  padding: 0 12px;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text);
  font-family: var(--paul-font-sans);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.08s linear, border-color 0.08s linear, color 0.08s linear;
}

.paul-ghost-btn--xs,
.paul-micro-btn {
  height: 24px;
  padding: 0 var(--space-1);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
}

.paul-ghost-btn:hover,
.paul-workforce-toggle:hover,
.paul-wf-action-btn:hover,
.paul-override-chip:hover,
.paul-evo-btn:hover,
.paul-micro-btn:hover {
  background: var(--paul-bg-elevated);
  border-color: var(--paul-text-muted);
  color: var(--paul-text);
}

.paul-workforce-toggle[aria-expanded="true"],
.paul-evo-btn.is-active,
.paul-ghost-btn.is-active {
  background: var(--bauhaus-blue);
  border-color: var(--bauhaus-blue);
  color: var(--paul-text);
}

.paul-evo-btn--approve,
.paul-wf-action-btn--accent {
  border-color: var(--bauhaus-blue);
  background: var(--paul-bg-elevated);
}

.paul-evo-btn--approve:hover,
.paul-wf-action-btn--accent:hover {
  background: var(--bauhaus-blue);
  color: var(--paul-text);
}

/* Functional Circular Indicator Dot */
.paul-workforce-toggle__indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--paul-text-muted);
}

.paul-workforce-toggle[aria-expanded="true"] .paul-workforce-toggle__indicator {
  background: var(--bauhaus-yellow);
}

/* --------------------------------------------------------------------------
   04. THREE-COLUMN VISUAL ARCHITECTURE (SECTION 03)
   LEFT: Projects & Conversations | CENTRE: Conversation | RIGHT: Workspace
   -------------------------------------------------------------------------- */
.paul-main {
  flex: 1;
  min-height: 0;
  width: 100%;
  display: grid;
  grid-template-columns: var(--col-left-width) 1px minmax(420px, 1fr) 0px 0px;
  background: var(--paul-bg);
  overflow: hidden;
  position: relative;
}

/* When Right Workspace is Open */
body[data-workspace-open="true"] .paul-main {
  grid-template-columns: var(--col-left-width) 1px minmax(400px, 1fr) 1px var(--col-right-width);
}

/* When Left Sidebar is Collapsed */
body[data-left-collapsed="true"] .paul-main {
  grid-template-columns: 0px 0px minmax(420px, 1fr) 0px 0px;
}

body[data-left-collapsed="true"][data-workspace-open="true"] .paul-main {
  grid-template-columns: 0px 0px minmax(400px, 1fr) 1px var(--col-right-width);
}

body[data-left-collapsed="true"] .paul-col-left,
body[data-left-collapsed="true"] #paul-resizer-left {
  display: none !important;
}

body[data-workspace-open="false"] #paul-resizer-right {
  display: none !important;
}

/* Straight Dividing Resizer Lines */
.paul-col-resizer {
  width: 1px;
  height: 100%;
  background: var(--paul-divider);
  cursor: col-resize;
  position: relative;
  z-index: 15;
  transition: background-color 0.08s linear;
}

.paul-col-resizer::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  right: -3px;
}

.paul-col-resizer:hover,
.paul-col-resizer.is-dragging {
  background: var(--bauhaus-blue);
}

/* --------------------------------------------------------------------------
   05. COLUMN 01 (LEFT): PROJECTS, CONVERSATIONS & MODEL ACTIVITY ROWS
   -------------------------------------------------------------------------- */
.paul-col-left {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  background: var(--paul-bg-secondary);
  overflow: hidden;
}

.paul-col-section {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--paul-divider);
}

.paul-col-section--grow {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.paul-col-section--activity {
  border-bottom: 0;
  background: var(--paul-bg);
}

.paul-col-section__header {
  height: 32px;
  padding: 0 var(--space-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg);
  flex-shrink: 0;
}

.paul-section-label {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

.paul-section-meta {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

/* Projects List */
.paul-project-list {
  display: flex;
  flex-direction: column;
}

.paul-project-row {
  width: 100%;
  height: 36px;
  padding: 0 var(--space-2);
  border: 0;
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text);
  display: flex;
  align-items: center;
  gap: var(--space-1);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.08s linear;
}

.paul-project-row:last-child {
  border-bottom: 0;
}

.paul-project-row:hover {
  background: var(--paul-bg-elevated);
}

.paul-project-row.is-active {
  background: var(--paul-bg-elevated);
  border-left: 3px solid var(--bauhaus-blue);
  padding-left: 13px;
}

.paul-project-row__sq {
  font-size: 9px;
  color: var(--paul-text-muted);
}

.paul-sq--blue {
  color: var(--bauhaus-blue);
}

.paul-project-row__name {
  flex: 1;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-project-row__tag {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: var(--paul-text-muted);
}

/* Sidebar Conversations List */
.paul-sidebar-conv-list {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.paul-sidebar-conv-item {
  width: 100%;
  padding: 10px var(--space-2);
  border: 0;
  border-bottom: 1px solid var(--paul-divider);
  background: transparent;
  color: var(--paul-text);
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
  transition: background-color 0.08s linear;
}

.paul-sidebar-conv-item:hover {
  background: var(--paul-bg-elevated);
}

.paul-sidebar-conv-item.is-active {
  background: var(--paul-bg-elevated);
  border-left: 3px solid var(--bauhaus-blue);
  padding-left: 13px;
}

.paul-sidebar-conv-item__title {
  font-size: 12px;
  font-weight: 500;
  color: var(--paul-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-sidebar-conv-item__sub {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: var(--paul-text-muted);
  text-transform: uppercase;
}

/* SECTION 09: COMPACT OPERATIONAL MODEL ACTIVITY ROWS */
.paul-operational-rows {
  display: flex;
  flex-direction: column;
}

.paul-op-row {
  height: 32px;
  padding: 0 var(--space-2);
  display: grid;
  grid-template-columns: 14px 1fr auto;
  align-items: center;
  border-bottom: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  background: var(--paul-bg);
}

.paul-op-row:last-child {
  border-bottom: 0;
}

.paul-op-row__marker {
  font-size: 9px;
  color: var(--paul-text-muted);
}

.paul-op-row__name {
  font-weight: 600;
  color: var(--paul-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-op-row__status {
  font-weight: 600;
  color: var(--paul-text-muted);
  text-transform: uppercase;
}

/* Functional State Colors on Operational Rows */
.paul-op-row[data-op-state="ANALYSING"] .paul-op-row__marker,
.paul-op-row[data-op-state="ANALYSING"] .paul-op-row__status,
.paul-op-row[data-op-state="PENDING"] .paul-op-row__marker,
.paul-op-row[data-op-state="PENDING"] .paul-op-row__status {
  color: var(--bauhaus-yellow);
}

.paul-op-row[data-op-state="EXECUTING"] .paul-op-row__marker,
.paul-op-row[data-op-state="EXECUTING"] .paul-op-row__status {
  color: var(--bauhaus-blue);
}

.paul-op-row[data-op-state="VERIFIED"] .paul-op-row__marker,
.paul-op-row[data-op-state="VERIFIED"] .paul-op-row__status,
.paul-op-row[data-op-state="READY"] .paul-op-row__marker {
  color: var(--bauhaus-green);
}

.paul-op-row[data-op-state="ERROR"] .paul-op-row__marker,
.paul-op-row[data-op-state="ERROR"] .paul-op-row__status {
  color: var(--bauhaus-red);
}

/* --------------------------------------------------------------------------
   06. COLUMN 02 (CENTRE): DOMINANT CONVERSATION & COMPOSER
   -------------------------------------------------------------------------- */
.paul-zone-left {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  background: var(--paul-bg);
  overflow: hidden;
}

.paul-conversation-stream {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: var(--space-4) var(--space-4) var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* SECTION 06: RESTRAINED APPLICATION WORKSPACE (NO CHATBOT LANDING PAGE) */
.paul-welcome {
  max-width: 720px;
  width: 100%;
  margin: var(--space-3) auto 0;
  padding: var(--space-3);
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  text-align: left;
}

.paul-welcome.is-compact {
  display: none;
}

.paul-welcome__header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
  margin-bottom: var(--space-2);
}

.paul-welcome__index {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--bauhaus-blue);
}

.paul-welcome__title {
  margin: 0;
  font-family: var(--paul-font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

.paul-welcome__manifesto {
  font-family: var(--paul-font-sans);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--paul-text);
  margin-bottom: var(--space-2);
}

.paul-welcome__rule {
  height: 1px;
  background: var(--paul-divider);
  margin: var(--space-2) 0;
}

.paul-welcome__specs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  font-family: var(--paul-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--paul-text-muted);
  margin-bottom: var(--space-3);
}

/* PAUL SUGGESTS — Live Contextual Intelligence Scrolling Feed (Directive 04/05/06/07/08) */
.paul-starter-grid,
.paul-suggests-panel {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--paul-divider);
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg);
}

.paul-suggests-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  padding: var(--space-1) 0;
  border-bottom: 1px solid var(--paul-divider);
  flex-wrap: wrap;
}

.paul-suggests-header__left,
.paul-suggests-header__right {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.paul-starter-grid__label {
  padding: 0;
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--paul-text);
  text-transform: uppercase;
  border-bottom: 0;
}

.paul-context-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--paul-text-muted);
  text-transform: uppercase;
}

/* Functional Circular Indicator Dot (Section 01 Exception) */
.paul-context-indicator__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bauhaus-green);
  flex-shrink: 0;
}

.paul-context-indicator[data-monitoring="paused"] .paul-context-indicator__dot {
  background: var(--paul-text-muted);
}

.paul-context-ctrl-btn {
  height: 22px;
  padding: 0 8px;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-context-ctrl-btn:hover,
.paul-context-ctrl-btn[aria-expanded="true"] {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
  border-color: var(--bauhaus-blue);
}

.paul-context-ctrl-btn--danger:hover {
  background: var(--bauhaus-red);
  color: var(--paul-text);
  border-color: var(--bauhaus-red);
}

.paul-context-sources-drawer {
  padding: var(--space-1) 12px;
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.paul-context-sources-drawer__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.paul-context-sources-drawer__label {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--paul-text-muted);
}

.paul-context-sources-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.paul-context-source-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg);
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--paul-text);
  cursor: pointer;
  user-select: none;
}

.paul-context-source-toggle input[type="checkbox"] {
  margin: 0;
  accent-color: var(--bauhaus-blue);
  border-radius: 0px;
}

.paul-suggests-viewport {
  max-height: 228px;
  overflow-y: auto;
  position: relative;
  background: var(--paul-bg);
  scroll-behavior: auto;
}

.paul-suggests-track {
  display: flex;
  flex-direction: column;
}

.paul-starter-card,
.paul-suggest-row {
  width: 100%;
  min-height: 52px;
  padding: var(--space-1) 12px;
  border-radius: 0px;
  background: var(--paul-bg);
  border: 0;
  border-bottom: 1px solid var(--paul-divider);
  color: var(--paul-text);
  text-align: left;
  display: grid;
  grid-template-columns: 32px 116px 1fr auto;
  align-items: center;
  gap: var(--space-1);
  transition: background-color 0.08s linear;
}

.paul-suggest-row:last-child {
  border-bottom: 0;
}

.paul-starter-card:hover,
.paul-suggest-row:hover {
  background: var(--paul-bg-elevated);
}

.paul-starter-card__code,
.paul-suggest-row__code {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--bauhaus-blue);
}

.paul-suggest-row__domain {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--paul-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-suggest-row__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.paul-starter-card__title,
.paul-suggest-row__headline {
  font-family: var(--paul-font-sans);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--paul-text);
}

.paul-starter-card__desc,
.paul-suggest-row__evidence {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: var(--paul-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-suggest-row__actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.paul-suggest-row__action-btn {
  height: 26px;
  padding: 0 10px;
  border-radius: 0px;
  border: 1px solid var(--bauhaus-blue);
  background: var(--paul-bg-secondary);
  color: var(--paul-text);
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-suggest-row__action-btn:hover {
  background: var(--bauhaus-blue);
  color: var(--paul-text);
}

.paul-suggest-row__dismiss-btn {
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-suggest-row__dismiss-btn:hover {
  background: var(--bauhaus-red);
  color: var(--paul-text);
  border-color: var(--bauhaus-red);
}


/* --------------------------------------------------------------------------
   07. CONVERSATION MESSAGE STREAM (GEOMETRIC, ARCHITECTURAL)
   -------------------------------------------------------------------------- */
.paul-messages-list {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-bottom: var(--space-2);
}

.paul-msg {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
}

.paul-msg--user {
  border-left: 3px solid var(--bauhaus-blue);
  background: var(--paul-bg-secondary);
}

.paul-msg--user .paul-msg__bubble {
  width: 100%;
  padding: var(--space-2);
  border-radius: 0px;
  background: transparent;
  border: 0;
  color: var(--paul-text);
  font-size: 14px;
  line-height: 1.55;
}

.paul-msg--assistant {
  border-left: 3px solid var(--paul-text);
  background: var(--paul-bg);
}

.paul-msg--assistant .paul-msg__card {
  width: 100%;
  padding: var(--space-2);
  background: transparent;
  border: 0;
}

.paul-msg__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  padding-bottom: var(--space-1);
  margin-bottom: var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
}

.paul-msg__author {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-family: var(--paul-font-mono);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--paul-text);
}

.paul-msg__model-tag {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  border: 1px solid var(--paul-divider);
  cursor: pointer;
  text-transform: uppercase;
}

.paul-msg__model-tag:hover {
  color: var(--paul-text);
  border-color: var(--bauhaus-blue);
}

.paul-msg__content {
  font-size: 14px;
  line-height: 1.6;
  color: var(--paul-text);
}

.paul-msg__content p {
  margin: 0 0 10px;
}

.paul-msg__content p:last-child {
  margin-bottom: 0;
}

.paul-msg__content h3 {
  margin: var(--space-2) 0 var(--space-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--paul-text);
}

.paul-msg__content ul,
.paul-msg__content ol {
  margin: var(--space-1) 0 12px;
  padding-left: 20px;
}

.paul-msg__content li {
  margin-bottom: 4px;
}

.paul-msg__content code {
  font-family: var(--paul-font-mono);
  font-size: 12px;
  padding: 1px 5px;
  border-radius: 0px;
  background: var(--paul-bg-elevated);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text);
}

.paul-step-pill {
  display: inline-block;
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  padding: 2px 8px;
  border-radius: 0px;
  background: var(--paul-bg-elevated);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text);
}

/* Music & Ableton Cards */
.paul-tracks-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.paul-track-card {
  padding: var(--space-2);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.paul-track-card.is-playing {
  border-color: var(--bauhaus-yellow);
  border-left: 3px solid var(--bauhaus-yellow);
}

.paul-track-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  flex-wrap: wrap;
}

.paul-track-card__title {
  font-size: 13px;
  font-weight: 700;
  color: var(--paul-text);
}

.paul-track-card__meta {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  color: var(--paul-text-muted);
}

.paul-track-card__why {
  font-size: 13px;
  color: var(--paul-text-muted);
}

.paul-track-card__audio {
  width: 100%;
  height: 32px;
  margin-top: 4px;
  border-radius: 0px;
}

/* Comparison Grid */
.paul-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.paul-comparison-col {
  padding: var(--space-2);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
}

.paul-comparison-col__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  margin-bottom: var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

.paul-comparison-synthesis {
  margin-top: var(--space-1);
  padding: 10px var(--space-2);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--bauhaus-green);
  border-left: 3px solid var(--bauhaus-green);
  font-size: 13px;
  color: var(--paul-text);
}

/* Media Grid */
.paul-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.paul-media-item {
  border-radius: 0px;
  overflow: hidden;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg);
  cursor: pointer;
}

.paul-media-item img,
.paul-media-item video {
  width: 100%;
  display: block;
}

.paul-ascii-pre {
  font-family: var(--paul-font-mono);
  font-size: 7.5px;
  line-height: 1.05;
  padding: 12px;
  border-radius: 0px;
  background: var(--paul-bg);
  color: var(--paul-text);
  overflow-x: auto;
  border: 1px solid var(--paul-divider);
  margin-top: var(--space-1);
}

.paul-cloud-suggestion {
  margin-top: var(--space-1);
  padding: var(--space-1) 12px;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  font-size: 12.5px;
}

.paul-mj-controls-card,
.paul-tech-details,
.paul-evo-inline-card {
  margin-top: var(--space-1);
  padding: 12px;
  border-radius: 0px !important;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
}

.paul-evo-inline-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-1);
  font-family: var(--paul-font-mono);
  font-size: 11px;
}

.paul-evo-inline-card__actions {
  display: flex;
  gap: var(--space-1);
  flex-wrap: wrap;
  margin-top: var(--space-1);
}

/* --------------------------------------------------------------------------
   08. MESSAGE COMPOSER (SECTION 07 — RECTANGULAR, INTEGRATED GRID)
   -------------------------------------------------------------------------- */
.paul-composer-footer {
  flex-shrink: 0;
  padding: var(--space-2) var(--space-4);
  background: var(--paul-bg);
  border-top: 1px solid var(--paul-divider);
  z-index: 20;
}

.paul-composer-container {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.paul-attachment-tray {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  padding: var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
}

.paul-att-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 4px var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg-elevated);
  border: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 11px;
  color: var(--paul-text);
}

.paul-att-chip__remove {
  border: 0;
  background: transparent;
  color: var(--paul-text-muted);
  cursor: pointer;
  font-size: 11px;
  padding: 0 2px;
}

.paul-att-chip__remove:hover {
  color: var(--bauhaus-red);
}

.paul-composer {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  transition: border-color 0.08s linear;
}

.paul-composer:focus-within {
  border-color: var(--bauhaus-blue);
}

.paul-add-menu-wrap {
  position: relative;
  display: flex;
}

.paul-add-files-btn {
  width: 40px;
  min-height: 40px;
  border-radius: 0px;
  border: 0;
  border-right: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text);
  font-family: var(--paul-font-mono);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.08s linear;
}

.paul-add-files-btn:hover,
.paul-add-files-btn[aria-expanded="true"] {
  background: var(--paul-bg-elevated);
  color: var(--bauhaus-yellow);
}

.paul-add-popover {
  position: absolute;
  bottom: calc(100% + 4px);
  left: -1px;
  width: 312px;
  padding: var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  z-index: 50;
}

.paul-add-popover__title {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--paul-text-muted);
  padding: 4px var(--space-1);
  text-transform: uppercase;
}

.paul-add-popover__divider {
  height: 1px;
  background: var(--paul-divider);
  margin: var(--space-1) 0;
}

.paul-add-popover__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1);
  border-radius: 0px;
  border: 0;
  background: transparent;
  color: var(--paul-text);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.08s linear;
}

.paul-add-popover__item:hover {
  background: var(--paul-bg-elevated);
}

.paul-add-popover__icon {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--bauhaus-blue);
  min-width: 40px;
}

.paul-add-popover__item strong {
  display: block;
  font-size: 12px;
  font-weight: 600;
}

.paul-add-popover__item small {
  display: block;
  font-size: 11px;
  color: var(--paul-text-muted);
}

.paul-composer__input {
  flex: 1;
  border: 0;
  border-radius: 0px;
  background: transparent;
  color: var(--paul-text);
  font-family: var(--paul-font-sans);
  font-size: 14px;
  line-height: 1.4;
  resize: none;
  max-height: 160px;
  outline: none;
  padding: 10px 12px;
}

.paul-composer__input::placeholder {
  font-family: var(--paul-font-mono);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  color: var(--paul-text-muted);
}

.paul-composer-ctrl-btn {
  min-height: 40px;
  padding: 0 12px;
  border-radius: 0px;
  border: 0;
  border-left: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-composer-ctrl-btn:hover {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
}

.paul-composer-ctrl-btn--stop:hover {
  background: var(--bauhaus-red);
  color: var(--paul-text);
}

.paul-send-btn {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 0px;
  border: 0;
  border-left: 1px solid var(--paul-divider);
  background: var(--paul-text);
  color: var(--paul-bg);
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-send-btn:hover {
  background: var(--bauhaus-blue);
  color: var(--paul-text);
}

/* --------------------------------------------------------------------------
   09. COLUMN 03 (RIGHT): WORKSPACE (#paul-zone-centre) — SECTION 10
   -------------------------------------------------------------------------- */
.paul-zone-centre {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  background: var(--paul-bg-secondary);
  overflow: hidden;
}

.paul-central-header {
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  padding: 0 var(--space-2);
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg);
}

.paul-central-header__left {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
}

.paul-central-eyebrow {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--bauhaus-yellow);
  text-transform: uppercase;
}

.paul-central-title {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--paul-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-central-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.paul-ws-modality-bar {
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
}

.paul-ws-modality-chip {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--paul-text-muted);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-ws-modality-chip:last-child {
  border-right: 0;
}

.paul-ws-modality-chip:hover {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
}

.paul-ws-modality-chip.is-active {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
  border-bottom: 2px solid var(--bauhaus-blue);
}

.paul-central-stage {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  background: var(--paul-bg);
  overflow-y: auto;
}

.paul-central-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--space-4);
  border-bottom: 1px solid var(--paul-divider);
}

.paul-central-empty__grid-mark {
  font-family: var(--paul-font-mono);
  font-size: 20px;
  color: var(--paul-text-muted);
  margin-bottom: var(--space-1);
}

.paul-central-empty__title {
  margin: 0 0 var(--space-1);
  font-family: var(--paul-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--paul-text);
}

.paul-central-empty__desc {
  margin: 0 0 var(--space-2);
  font-size: 12.5px;
  color: var(--paul-text-muted);
  line-height: 1.5;
}

.paul-central-live-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.paul-central-phase-banner {
  height: 28px;
  padding: 0 var(--space-2);
  display: flex;
  align-items: center;
  gap: var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  font-family: var(--paul-font-mono);
  font-size: 10px;
}

.paul-central-output-path {
  margin-left: auto;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: var(--paul-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-workspace-artifact {
  padding: var(--space-2);
  overflow-y: auto;
}

.paul-central-iframe {
  flex: 1;
  width: 100%;
  min-height: 360px;
  border: 0;
  background: var(--paul-bg);
  display: block;
}

.paul-ws-inspector-strip {
  flex-shrink: 0;
  border-top: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  padding: var(--space-1) var(--space-2);
}

.paul-ws-inspector-strip__header {
  display: flex;
  justify-content: space-between;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--paul-text-muted);
  margin-bottom: 4px;
}

.paul-ws-inspector-strip__body {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  color: var(--paul-text);
}

/* --------------------------------------------------------------------------
   10. OPTIONAL ADVANCED PANEL (#paul-workforce-drawer)
   -------------------------------------------------------------------------- */
.paul-workforce-drawer {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--paul-bg);
  border-top: 1px solid var(--paul-divider);
  z-index: 45;
  overflow-y: auto;
}

.paul-workforce-drawer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--space-3);
}

.paul-workforce-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-2);
  border-bottom: 1px solid var(--paul-divider);
}

.paul-workforce-drawer__eyebrow {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--bauhaus-yellow);
  text-transform: uppercase;
}

.paul-workforce-drawer__title {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--paul-text);
}

.paul-workforce-drawer__badges {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.paul-wf-badge {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text);
}

.paul-wf-close-btn {
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-wf-close-btn:hover {
  color: var(--paul-text);
  background: var(--bauhaus-red);
  border-color: var(--bauhaus-red);
}

/* Advanced Tabs */
.paul-adv-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--paul-divider);
  margin-bottom: var(--space-2);
  background: var(--paul-bg-secondary);
}

.paul-adv-tab {
  flex: 1;
  height: 36px;
  padding: 0 var(--space-2);
  border-radius: 0px;
  border: 0;
  border-right: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-adv-tab:last-child {
  border-right: 0;
}

.paul-adv-tab:hover {
  background: var(--paul-bg-elevated);
  color: var(--paul-text);
}

.paul-adv-tab.is-active {
  background: var(--bauhaus-blue);
  color: var(--paul-text);
}

.paul-workforce-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2);
}

.paul-wf-card {
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  border-radius: 0px;
  padding: var(--space-2);
}

.paul-wf-card--restore {
  margin-bottom: var(--space-2);
}

.paul-restore-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.paul-restore-status {
  font-size: 12px;
  color: var(--paul-text-muted);
}

.paul-wf-card__label {
  margin: 0 0 var(--space-1);
  padding-bottom: 6px;
  border-bottom: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--paul-text-muted);
}

.paul-wf-model-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  padding: var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg);
  border: 1px solid var(--paul-divider);
  margin-bottom: 6px;
  font-size: 11.5px;
}

.paul-wf-model-pill--active {
  border-left: 3px solid var(--bauhaus-yellow);
}

.paul-wf-model-pill--clickable {
  cursor: pointer;
  width: 100%;
  text-align: left;
  color: var(--paul-text);
}

.paul-wf-model-pill--clickable:hover {
  background: var(--paul-bg-elevated);
  border-color: var(--bauhaus-blue);
}

.paul-wf-step-chip {
  display: inline-block;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  padding: 3px 6px;
  border-radius: 0px;
  background: var(--paul-bg);
  border: 1px solid var(--paul-divider);
  color: var(--paul-text-muted);
  margin: 4px 4px 0 0;
}

.paul-wf-idle-suggestion {
  margin-top: var(--space-1);
}

.paul-wf-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.paul-override-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--paul-divider);
}

.paul-override-bar__label {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--paul-text-muted);
}

/* Individual Model Conversations inside Advanced */
.paul-individual-models {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--space-2);
  min-height: 460px;
}

.paul-individual-models__sidebar {
  display: flex;
  flex-direction: column;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  border-radius: 0px;
  overflow-y: auto;
}

.paul-ind-model-btn {
  width: 100%;
  padding: 10px 12px;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid var(--paul-divider);
  background: transparent;
  color: var(--paul-text);
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.paul-ind-model-btn:hover {
  background: var(--paul-bg-elevated);
}

.paul-ind-model-btn.is-active {
  background: var(--paul-bg-elevated);
  border-left: 3px solid var(--bauhaus-blue);
}

.paul-individual-models__main {
  display: flex;
  flex-direction: column;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  border-radius: 0px;
  overflow: hidden;
}

.paul-individual-models__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px var(--space-2);
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg);
}

.paul-ind-subtitle {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  color: var(--paul-text-muted);
  margin-left: var(--space-1);
}

.paul-ind-actions {
  display: flex;
  gap: 6px;
}

.paul-individual-models__messages {
  flex: 1;
  padding: var(--space-2);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 360px;
}

.paul-ind-msg {
  padding: var(--space-1) 12px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg);
}

.paul-individual-models__composer {
  display: flex;
  gap: 0;
  border-top: 1px solid var(--paul-divider);
}

.paul-individual-models__input {
  flex: 1;
  padding: 8px 12px;
  border-radius: 0px;
  border: 0;
  background: var(--paul-bg);
  color: var(--paul-text);
  font-size: 13px;
  outline: none;
}

/* Build Engine Grid in Advanced */
.paul-build-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--space-1);
  border-bottom: 1px solid var(--paul-divider);
}

.paul-build-header__title {
  margin: 2px 0 0;
  font-size: 14px;
  text-transform: uppercase;
}

.paul-build-status-badge {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  padding: 4px 8px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
}

.paul-adv-build-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.paul-build-3d-section,
.paul-build-block {
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  border-radius: 0px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.paul-build-block__header {
  display: flex;
  justify-content: space-between;
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--paul-text-muted);
  padding-bottom: 6px;
  border-bottom: 1px solid var(--paul-divider);
}

#paul-build-3d-canvas {
  width: 100%;
  height: 150px;
  border-radius: 0px;
  background: var(--paul-bg);
  border: 1px solid var(--paul-divider);
}

.paul-build-3d-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.paul-build-metric-pill {
  padding: 6px;
  border-radius: 0px;
  background: var(--paul-bg);
  border: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.paul-build-workers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

.paul-worker-node,
.paul-stage-row,
.paul-file-row {
  padding: var(--space-1);
  border-radius: 0px;
  background: var(--paul-bg);
  border: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
}

.paul-stage-row__top,
.paul-worker-node__top {
  display: flex;
  justify-content: space-between;
  gap: var(--space-1);
}

.paul-file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
}

.paul-task-identity-card {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
}

.paul-task-field-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-1);
  padding-bottom: 4px;
  border-bottom: 1px solid var(--paul-divider);
}

/* Evolution Bar & Studio in Advanced */
.paul-conv-switcher-bar,
.paul-evolution-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  padding: 10px var(--space-2);
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  margin-bottom: var(--space-2);
  flex-wrap: wrap;
}

.paul-conv-switcher-bar__tabs,
.paul-evolution-bar__left,
.paul-evolution-bar__right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.paul-evo-mode-badge,
.paul-evo-stage-pill {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg);
  text-transform: uppercase;
}

.paul-evo-version-label {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  color: var(--paul-text-muted);
}

.paul-conv-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  background: var(--paul-bg);
  color: var(--paul-text-muted);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  cursor: pointer;
}

.paul-conv-tab.is-active {
  color: var(--paul-text);
  border-color: var(--bauhaus-blue);
}

/* Functional Circular Indicator Dot */
.paul-conv-tab__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.paul-evo-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-2);
  margin-top: var(--space-1);
}

.paul-evo-pane {
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
  overflow: hidden;
  background: var(--paul-bg);
}

.paul-evo-pane__bar {
  padding: 6px 12px;
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  border-bottom: 1px solid var(--paul-divider);
  background: var(--paul-bg-secondary);
  display: flex;
  justify-content: space-between;
}

.paul-evo-iframe {
  width: 100%;
  height: 300px;
  border: 0;
}

.paul-model-identities-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.paul-model-id-card {
  padding: 10px 12px;
  border-radius: 0px;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  font-size: 11.5px;
}

.paul-model-id-card__top {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.paul-model-id-card__avatar {
  width: 26px;
  height: 26px;
  border-radius: 0px;
}

.paul-model-id-card__ticker-wrap {
  overflow: hidden;
  white-space: nowrap;
  margin-top: 6px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: var(--paul-text-muted);
}

/* --------------------------------------------------------------------------
   11. DRAG-AND-DROP OVERLAY & LIGHTBOX MODAL (0px RADIUS)
   -------------------------------------------------------------------------- */
.paul-drop-overlay {
  position: fixed;
  inset: 0;
  background: rgba(11, 11, 11, 0.94);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
}

.paul-drop-overlay__card {
  max-width: 440px;
  padding: var(--space-4);
  border-radius: 0px;
  border: 2px solid var(--bauhaus-yellow);
  background: var(--paul-bg-secondary);
  text-align: center;
}

.paul-drop-overlay__icon {
  font-family: var(--paul-font-mono);
  font-size: 32px;
  color: var(--bauhaus-yellow);
  margin-bottom: var(--space-1);
}

.paul-drop-overlay__title {
  margin: 0 0 var(--space-1);
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.paul-drop-overlay__subtitle {
  margin: 0;
  font-size: 12.5px;
  color: var(--paul-text-muted);
}

.paul-lightbox {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paul-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(11, 11, 11, 0.92);
}

.paul-lightbox__content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  background: var(--paul-bg-secondary);
  border: 1px solid var(--paul-divider);
  border-radius: 0px;
  padding: var(--space-2);
  z-index: 2;
}

.paul-lightbox__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--space-1);
  margin-bottom: var(--space-2);
  border-bottom: 1px solid var(--paul-divider);
  font-family: var(--paul-font-mono);
  font-size: 11px;
}

.paul-lightbox__actions {
  display: flex;
  gap: var(--space-1);
}

.paul-lightbox__body img {
  max-width: 84vw;
  max-height: 78vh;
  border-radius: 0px;
  border: 1px solid var(--paul-divider);
}

@media (max-width: 1024px) {
  .paul-main,
  body[data-workspace-open="true"] .paul-main {
    grid-template-columns: 1fr;
  }
  .paul-col-left,
  .paul-col-resizer {
    display: none;
  }
  .paul-workforce-grid,
  .paul-comparison-grid,
  .paul-individual-models,
  .paul-adv-build-grid,
  .paul-sys-monitor-layout,
  .paul-sys-telemetry-bar {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   12. PAUL STRINGS — SYSTEM ACTIVITY, INLINE TASK ACTIVITY & WORKSPACE 3D
   -------------------------------------------------------------------------- */
.paul-sys-telemetry-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--paul-border);
  background: var(--paul-bg-secondary, #111216);
}

.paul-sys-metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-left: 2px solid rgba(255, 255, 255, 0.14);
  padding-left: 8px;
}

.paul-sys-metric__value {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--paul-text);
  letter-spacing: 0.04em;
}

.paul-sys-metric__sub {
  font-size: 10.5px;
  color: var(--paul-text-muted);
}

.paul-sys-monitor-layout {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12px;
  margin-bottom: 10px;
}

.paul-wf-card__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.paul-wf-card__meta {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: var(--paul-text-dim);
  letter-spacing: 0.05em;
}

.paul-what-doing-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.paul-doing-item {
  padding: 8px 10px;
  border: 1px solid var(--paul-border);
  background: rgba(14, 15, 19, 0.9);
}

.paul-doing-item__top {
  display: flex;
  align-items: center;
  gap: 8px;
}

.paul-doing-item__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.paul-doing-item__dot.is-pulsing {
  animation: paulActivityPulse 1.4s infinite ease-in-out;
}

@keyframes paulActivityPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.55; }
}

.paul-doing-item__name {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  letter-spacing: 0.03em;
  flex: 1;
}

.paul-doing-item__badge {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  padding: 2px 6px;
  border: 1px solid var(--paul-border);
  color: var(--paul-text-muted);
}

.paul-doing-item__action {
  font-size: 12px;
  color: var(--paul-text);
  margin-top: 4px;
  padding-left: 15px;
}

.paul-doing-item__details {
  margin-top: 6px;
  padding-left: 15px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: var(--paul-text-dim);
}

.paul-doing-item__details summary {
  cursor: pointer;
  user-select: none;
  color: var(--paul-text-muted);
}

.paul-doing-item__tech-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 10px;
  margin-top: 5px;
  padding: 6px;
  border: 1px solid var(--paul-border);
  background: rgba(8, 9, 12, 0.7);
}

.paul-network-diagram-wrap {
  border: 1px solid var(--paul-border);
  background: #0a0b0e;
  padding: 6px;
  margin-bottom: 10px;
}

.paul-system-network-svg {
  width: 100%;
  height: 176px;
  display: block;
}

.paul-net-line--active {
  animation: paulNetDash 1.2s linear infinite;
}

@keyframes paulNetDash {
  to { stroke-dashoffset: -18; }
}

.paul-net-node-pulse {
  animation: paulActivityPulse 1.8s ease-in-out infinite;
  transform-origin: center;
}

.paul-wf-controls-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.paul-sys-collapsed-details {
  border: 1px solid var(--paul-border);
  background: var(--paul-bg-secondary, #111216);
  margin-top: 8px;
}

.paul-sys-collapsed-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  user-select: none;
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  font-weight: 600;
  color: var(--paul-text-muted);
  list-style: none;
}

.paul-sys-collapsed-summary::-webkit-details-marker {
  display: none;
}

.paul-sys-collapsed-meta {
  font-size: 9.5px;
  color: var(--paul-text-dim);
}

.paul-sys-collapsed-body {
  padding: 10px 12px;
  border-top: 1px solid var(--paul-border);
}

/* Inline Animated Task Activity Card inside Conversation Stream (Section 07) */
.paul-task-activity-card {
  margin: 6px 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--paul-border);
  background: rgba(15, 16, 20, 0.86);
}

.paul-task-activity-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.paul-task-activity-card__title-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
}

.paul-task-activity-card__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.paul-task-activity-card__headline {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  letter-spacing: 0.05em;
  color: var(--paul-text);
}

.paul-task-activity-card__spec-badge {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  padding: 2px 7px;
  border: 1px solid var(--paul-border);
  background: transparent;
  cursor: pointer;
}

.paul-task-activity-card__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 4px 12px;
}

.paul-task-step {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--paul-font-mono);
  font-size: 11px;
  color: var(--paul-text-muted);
}

.paul-task-step.is-completed .paul-task-step__sym {
  color: #34d399;
}

.paul-task-step.is-active {
  color: var(--paul-text);
  font-weight: 600;
}

.paul-task-step.is-active .paul-task-step__sym {
  color: #e5c158;
  animation: paulActivityPulse 1.2s infinite ease-in-out;
}

.paul-task-step.is-waiting {
  opacity: 0.6;
}

.paul-task-activity-card__details {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
  color: var(--paul-text-dim);
}

.paul-task-activity-card__details summary {
  cursor: pointer;
  user-select: none;
  color: var(--paul-text-muted);
}

.paul-task-tech-grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 6px;
}

/* Workspace Adaptive Artifact & 3D Source Comparison Strip (Section 11 & 12) */
.paul-workspace-artifact {
  padding: 8px 10px;
  border-bottom: 1px solid var(--paul-border);
  background: #0e1015;
}

.paul-ws-artifact-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.paul-ws-honesty-badge {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  padding: 2px 6px;
  border: 1px solid #e5c158;
  color: #e5c158;
  letter-spacing: 0.05em;
}

.paul-ws-artifact-card__meta {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: var(--paul-text-muted);
}

.paul-ws-compare-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.paul-ws-compare-label {
  font-family: var(--paul-font-mono);
  font-size: 9px;
  color: var(--paul-text-dim);
  margin-bottom: 3px;
}

.paul-ws-compare-source img,
.paul-ws-frames-row img {
  height: 52px;
  width: auto;
  border: 1px solid var(--paul-border);
  object-fit: cover;
  display: block;
}

.paul-ws-frames-row {
  display: flex;
  gap: 6px;
}

/* ========================================================================= */
/* CONVERSATION SPECTRUM — SPATIAL WAVEFORM & INTERCONNECTED MEMORY SYSTEM   */
/* ========================================================================= */

.paul-spectrum-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 12px;
  background: #0b0b0b;
  border-bottom: 1px solid #303030;
  border-radius: 0px;
  flex-wrap: wrap;
}

.paul-spectrum-bar__left,
.paul-spectrum-bar__center,
.paul-spectrum-bar__right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.paul-spectrum-eyebrow {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #f2f2f0;
  padding: 2px 6px;
  background: #151515;
  border: 1px solid #303030;
  border-radius: 0px;
}

.paul-spectrum-zoom-btns {
  display: inline-flex;
  border: 1px solid #303030;
  border-radius: 0px;
  background: #151515;
}

.paul-spectrum-lvl-btn {
  padding: 4px 8px;
  border: 0;
  border-right: 1px solid #303030;
  border-radius: 0px;
  background: transparent;
  color: #888888;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear;
}

.paul-spectrum-lvl-btn:last-child {
  border-right: 0;
}

.paul-spectrum-lvl-btn:hover {
  background: #202020;
  color: #f2f2f0;
}

.paul-spectrum-lvl-btn.is-active {
  background: #f2f2f0;
  color: #0b0b0b;
}

.paul-spectrum-scrubber-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border: 1px solid #303030;
  background: #151515;
  border-radius: 0px;
}

.paul-spectrum-zoom-slider {
  width: 68px;
  height: 4px;
  accent-color: #2457d6;
  cursor: pointer;
  border-radius: 0px;
}

.paul-spectrum-zoom-readout {
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #f2f2f0;
  min-width: 28px;
}

.paul-spectrum-return-btn {
  background: #2457d6 !important;
  color: #f2f2f0 !important;
  border-color: #2457d6 !important;
}

/* Direct-Manipulation Colour Picker Swatches (Section 03) */
.paul-spectrum-swatch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border: 1px solid #303030;
  border-radius: 0px;
  background: #151515;
  color: #888888;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background-color 0.08s linear, color 0.08s linear, border-color 0.08s linear;
}

.paul-spectrum-swatch:hover {
  background: #202020;
  color: #f2f2f0;
}

.paul-spectrum-swatch.is-active {
  background: #202020;
  color: #f2f2f0;
  border-color: var(--swatch-color, #f2f2f0);
  box-shadow: inset 0 -2px 0 0 var(--swatch-color, #f2f2f0);
}

.paul-spectrum-swatch__box {
  width: 8px;
  height: 8px;
  background: var(--swatch-color, #f2f2f0);
  border-radius: 0px;
  display: inline-block;
}

.paul-spectrum-swatch__pattern {
  font-size: 8.5px;
  color: #888888;
  letter-spacing: -0.04em;
}

.paul-spectrum-filter-badge {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  padding: 2px 6px;
  border: 1px solid #f2c230;
  color: #f2c230;
  background: #151515;
  border-radius: 0px;
}

.paul-spectrum-workforce-pulse {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 7px;
  border: 1px solid #303030;
  background: #151515;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #888888;
  border-radius: 0px;
}

/* Privacy & Honest Data Boundary Drawer (Section 08) */
.paul-spectrum-privacy-drawer {
  padding: 8px 12px;
  background: #151515;
  border-bottom: 1px solid #303030;
  border-radius: 0px;
}

.paul-spectrum-privacy-drawer__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.paul-spectrum-privacy-drawer__sources {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #f2f2f0;
}

.paul-spectrum-source-chip {
  padding: 2px 6px;
  border: 1px solid #303030;
  background: #0b0b0b;
  color: #f2f2f0;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  border-radius: 0px;
}

.paul-spectrum-source-chip--unretrieved {
  border-color: #888888;
  color: #888888;
}

.paul-spectrum-honest-notice {
  margin-top: 6px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #888888;
}

.paul-spectrum-import-form {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.paul-spectrum-import-input,
.paul-spectrum-import-textarea {
  width: 100%;
  padding: 6px 8px;
  background: #0b0b0b;
  border: 1px solid #303030;
  border-radius: 0px;
  color: #f2f2f0;
  font-family: var(--paul-font-mono);
  font-size: 11px;
}

/* Level 1 Mini Waveform Ribbon (Always visible at top of Conversation) */
.paul-spectrum-mini-ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 12px;
  background: #0b0b0b;
  border-bottom: 1px solid #303030;
  border-radius: 0px;
}

.paul-spectrum-mini-ribbon__segments {
  flex: 1;
  display: flex;
  align-items: stretch;
  height: 14px;
  gap: 2px;
  background: #151515;
  border: 1px solid #303030;
  padding: 1px;
  border-radius: 0px;
}

.paul-spectrum-mini-seg {
  height: 100%;
  border: 0;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
  transition: opacity 0.12s linear, transform 0.12s linear;
}

.paul-spectrum-mini-seg.is-receded {
  opacity: 0.18;
  filter: grayscale(0.85);
}

.paul-spectrum-mini-seg:hover {
  opacity: 1;
}

.paul-spectrum-mini-ribbon__meta {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #888888;
  white-space: nowrap;
}

/* Level 2 & Level 3 Spectrum Stage */
.paul-spectrum-stage {
  background: #0b0b0b;
  border-bottom: 1px solid #303030;
  padding: 12px 16px;
  border-radius: 0px;
}

.paul-spectrum-stage__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #303030;
  flex-wrap: wrap;
}

.paul-spectrum-stage__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #f2f2f0;
  letter-spacing: 0.02em;
  margin-top: 2px;
}

.paul-spectrum-stage__stats {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #888888;
  flex-wrap: wrap;
}

.paul-spectrum-canvas-wrap,
.paul-spectrum-landscape-wrap {
  background: #0b0b0b;
  border: 1px solid #303030;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
}

.paul-spectrum-canvas {
  display: block;
  width: 100%;
  height: 196px;
  background: #0b0b0b;
  cursor: pointer;
  border-radius: 0px;
}

.paul-spectrum-canvas--landscape {
  height: 240px;
}

.paul-spectrum-segments-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.paul-spectrum-seg-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  background: #151515;
  border: 1px solid #303030;
  border-left: 3px solid var(--seg-color, #2457d6);
  border-radius: 0px;
  color: #f2f2f0;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.08s linear, opacity 0.12s linear;
}

.paul-spectrum-seg-card:hover {
  background: #202020;
}

.paul-spectrum-seg-card.is-receded {
  opacity: 0.22;
  filter: grayscale(0.8);
}

.paul-spectrum-seg-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  font-weight: 700;
}

.paul-spectrum-seg-card__summary {
  font-size: 11.5px;
  color: #888888;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.paul-spectrum-seg-card__badges {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.paul-spectrum-flag {
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  font-weight: 700;
  padding: 1px 4px;
  border: 1px solid #303030;
  background: #0b0b0b;
  color: #f2f2f0;
  border-radius: 0px;
}

.paul-spectrum-flag--return {
  border-color: #f2c230;
  color: #f2c230;
}

.paul-spectrum-flag--decision {
  border-color: #e53935;
  color: #e53935;
}

/* Level 3 Landscape Conversation Rows & Connections Ledger */
.paul-spectrum-landscape-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px;
  padding: 10px;
  background: #0b0b0b;
  border-top: 1px solid #303030;
}

.paul-spectrum-conv-node {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  background: #151515;
  border: 1px solid #303030;
  border-left: 3px solid var(--node-color, #2457d6);
  border-radius: 0px;
  cursor: pointer;
  text-align: left;
  color: #f2f2f0;
  transition: background-color 0.08s linear, opacity 0.12s linear;
}

.paul-spectrum-conv-node:hover {
  background: #202020;
}

.paul-spectrum-conv-node.is-receded {
  opacity: 0.2;
  filter: grayscale(0.85);
}

.paul-spectrum-conv-node.is-intersection-match {
  border-color: #f2c230;
  box-shadow: inset 0 0 0 1px #f2c230;
}

.paul-spectrum-conv-node__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #888888;
}

.paul-spectrum-conv-node__title {
  font-size: 12px;
  font-weight: 700;
  color: #f2f2f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-spectrum-conv-node__wave {
  display: flex;
  align-items: flex-end;
  height: 22px;
  gap: 2px;
  padding: 2px;
  background: #0b0b0b;
  border: 1px solid #303030;
  border-radius: 0px;
}

.paul-spectrum-conv-node__bar {
  flex: 1;
  min-width: 3px;
  border-radius: 0px;
}

.paul-spectrum-connections-ledger {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 6px;
}

.paul-spectrum-conn-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  background: #151515;
  border: 1px solid #303030;
  border-left: 3px solid var(--conn-color, #2457d6);
  border-radius: 0px;
  color: #f2f2f0;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}

.paul-spectrum-conn-item:hover {
  background: #202020;
}

.paul-spectrum-conn-item.is-receded {
  opacity: 0.2;
}

/* Level 1 Subtle Subject Transitions & Message Identity Spine (Section 02 Level 1) */
.paul-msg-topic-transition {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 10px;
  margin: 10px 0 4px 0;
  background: #151515;
  border: 1px solid #303030;
  border-left: 3px solid var(--topic-color, #2457d6);
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #f2f2f0;
}

.paul-msg-topic-transition.is-receded {
  opacity: 0.22;
}

.paul-msg[data-subject] {
  border-left: 3px solid var(--msg-subject-color, #303030);
  padding-left: 8px;
  transition: opacity 0.12s linear;
}

.paul-msg.is-spectrum-receded {
  opacity: 0.22;
  filter: grayscale(0.8);
}

.paul-msg.is-spectrum-highlighted {
  outline: 1px solid #f2c230;
  background: #151515;
}

.paul-zone-left[data-spectrum-zoom="landscape"] .paul-spectrum-stage {
  flex: 1;
  max-height: none;
}

.paul-zone-left[data-spectrum-zoom="landscape"] .paul-waveform-primary-stage,
.paul-zone-left[data-spectrum-zoom="landscape"] .paul-conversation-stream {
  display: none;
}

/* ========================================================================= */
/* THE DOOZERS — AUTONOMOUS AI WORKFORCE (BAUHAUS 0px PRECISION INSTRUMENT)  */
/* ========================================================================= */
.paul-doozer-header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.paul-doozer-creed-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 4px 8px;
  background: #101010;
  border-bottom: 1px solid #2a2a2a;
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  letter-spacing: 0.06em;
  color: #a3a39e;
  border-radius: 0px;
}

.paul-doozer-compact-yard {
  position: relative;
  width: 100%;
  background: #0d0d0d;
  border-bottom: 1px solid #2a2a2a;
  border-radius: 0px;
  overflow: hidden;
}

#paul-doozer-compact-canvas {
  display: block;
  width: 100%;
  height: 76px;
  background: #0d0d0d;
  border-radius: 0px;
}

.paul-doozer-yard-overlay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 8px;
  background: #141414;
  border-top: 1px solid #242424;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  color: #cfcfc9;
  border-radius: 0px;
}

.paul-doozer-yard-hint {
  font-size: 8px;
  color: #888882;
}

.paul-doozer-compact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  border-radius: 0px;
}

.paul-doozer-chip {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 5px 6px;
  background: #121212;
  border: none;
  border-left: 3px solid var(--doozer-accent, #888882);
  border-radius: 0px;
  text-align: left;
  color: #f2f2f0;
  cursor: pointer;
}

.paul-doozer-chip:hover,
.paul-doozer-chip.is-selected {
  background: #1d1d1d;
}

.paul-doozer-chip__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.paul-doozer-chip__ident {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.paul-doozer-chip__avatar {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 0px;
}

.paul-doozer-chip__name {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f2f2f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-doozer-state-tag {
  display: inline-block;
  padding: 1px 4px;
  font-family: var(--paul-font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid #3a3a3a;
  background: #181818;
  color: #b5b5b0;
  border-radius: 0px;
}

.paul-doozer-state-tag[data-state="WORKING"] {
  background: #f2c230;
  border-color: #f2c230;
  color: #111111;
}

.paul-doozer-state-tag[data-state="COLLABORATING"] {
  background: #2457d6;
  border-color: #2457d6;
  color: #ffffff;
}

.paul-doozer-state-tag[data-state="COMPLETE"] {
  background: #2e9b56;
  border-color: #2e9b56;
  color: #111111;
}

.paul-doozer-state-tag[data-state="ERROR"] {
  background: #d93829;
  border-color: #d93829;
  color: #ffffff;
}

.paul-doozer-chip__sub {
  font-family: var(--paul-font-mono);
  font-size: 8px;
  color: #9e9e98;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paul-doozer-chip__bar {
  width: 100%;
  height: 3px;
  background: #222222;
  border-radius: 0px;
  overflow: hidden;
}

.paul-doozer-chip__bar-fill {
  height: 100%;
  background: var(--doozer-accent, #f2c230);
  border-radius: 0px;
  transition: width 0.18s linear;
}

/* Compact Inline Doozer Inspector */
.paul-doozer-inline-inspector {
  background: #141414;
  border-bottom: 1px solid #303030;
  padding: 6px 8px;
  border-radius: 0px;
}

.paul-doozer-inline-inspector__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #2a2a2a;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #f2c230;
}

.paul-doozer-inline-inspector__actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.paul-doozer-inline-inspector__grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.paul-doozer-kv {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 3px 5px;
  background: #101010;
  border: 1px solid #262626;
  border-radius: 0px;
}

.paul-doozer-kv__k {
  font-family: var(--paul-font-mono);
  font-size: 7.5px;
  letter-spacing: 0.06em;
  color: #8c8c86;
}

.paul-doozer-kv__v {
  font-family: var(--paul-font-mono);
  font-size: 9px;
  color: #f2f2f0;
  word-break: break-word;
}

/* Expanded Animated Doozer Workforce Modal */
.paul-doozer-modal {
  position: fixed;
  inset: 0;
  z-index: 9400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.paul-doozer-modal[hidden] {
  display: none !important;
}

.paul-doozer-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 8, 8, 0.86);
}

.paul-doozer-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1180px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  background: #111111;
  border: 2px solid #f2f2f0;
  border-radius: 0px;
  overflow: hidden;
}

.paul-doozer-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: #161616;
  border-bottom: 1px solid #303030;
}

.paul-doozer-modal__eyebrow {
  display: block;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  color: #f2c230;
}

.paul-doozer-modal__title {
  margin: 2px 0 4px 0;
  font-family: var(--paul-font-sans);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #f2f2f0;
}

.paul-doozer-modal__creed {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-family: var(--paul-font-mono);
  font-size: 10px;
  color: #c7c7c0;
}

.paul-doozer-modal__header-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.paul-doozer-modal__counts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.paul-doozer-count-pill {
  padding: 3px 7px;
  background: #101010;
  border: 1px solid #303030;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #d4d4ce;
}

.paul-doozer-modal__body {
  padding: 14px 16px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.paul-doozer-stage-panel {
  border: 1px solid #303030;
  background: #0d0d0d;
  border-radius: 0px;
}

.paul-doozer-stage-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background: #161616;
  border-bottom: 1px solid #2a2a2a;
}

.paul-doozer-stage-canvas-wrap {
  width: 100%;
  background: #0b0b0b;
}

#paul-doozer-stage-canvas {
  display: block;
  width: 100%;
  height: 210px;
  border-radius: 0px;
}

.paul-doozer-modal__split {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 14px;
}

.paul-doozer-expanded-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.paul-doozer-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  background: #151515;
  border: 1px solid #303030;
  border-left: 4px solid var(--doozer-accent, #f2c230);
  border-radius: 0px;
  color: #f2f2f0;
  text-align: left;
  cursor: pointer;
}

.paul-doozer-card:hover,
.paul-doozer-card.is-selected {
  background: #1e1e1e;
  border-color: #f2c230;
}

.paul-doozer-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.paul-doozer-card__who {
  display: flex;
  align-items: center;
  gap: 8px;
}

.paul-doozer-card__avatar {
  width: 28px;
  height: 28px;
  border: 1px solid #303030;
  background: #0f0f0f;
  border-radius: 0px;
}

.paul-doozer-card__sprite {
  width: 22px;
  height: 22px;
  border-radius: 0px;
}

.paul-doozer-card__title {
  font-family: var(--paul-font-mono);
  font-size: 11px;
  font-weight: 700;
  color: #f2f2f0;
}

.paul-doozer-card__role {
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  color: #9e9e98;
}

.paul-doozer-card__task {
  font-family: var(--paul-font-sans);
  font-size: 11px;
  color: #e4e4de;
  line-height: 1.3;
}

.paul-doozer-card__action {
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #b5b5ae;
}

.paul-doozer-inspector-card {
  display: flex;
  flex-direction: column;
  background: #151515;
  border: 1px solid #383838;
  border-radius: 0px;
}

.paul-doozer-inspector-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: #1b1b1b;
  border-bottom: 1px solid #303030;
}

.paul-doozer-inspector-card__identity {
  display: flex;
  align-items: center;
  gap: 10px;
}

.paul-doozer-inspector-card__avatar {
  width: 36px;
  height: 36px;
  border: 1px solid #3a3a3a;
  background: #101010;
  border-radius: 0px;
}

.paul-doozer-inspector-card__name {
  margin: 2px 0 0 0;
  font-family: var(--paul-font-sans);
  font-size: 15px;
  font-weight: 800;
  color: #f2f2f0;
}

.paul-doozer-inspector-card__badges {
  display: flex;
  align-items: center;
  gap: 8px;
}

.paul-doozer-inspector-card__sprite {
  width: 28px;
  height: 28px;
  border-radius: 0px;
}

.paul-doozer-inspector-card__fields {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.paul-doozer-field {
  padding: 6px 8px;
  background: #101010;
  border: 1px solid #282828;
  border-radius: 0px;
}

.paul-doozer-field__label {
  display: block;
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  letter-spacing: 0.06em;
  color: #9a9a94;
  margin-bottom: 3px;
}

.paul-doozer-field__value {
  font-family: var(--paul-font-sans);
  font-size: 11.5px;
  color: #f2f2f0;
  word-break: break-word;
}

.paul-doozer-field__value--mono {
  font-family: var(--paul-font-mono);
  font-size: 10.5px;
}

.paul-doozer-progress-track {
  margin-top: 5px;
  width: 100%;
  height: 6px;
  background: #222222;
  border: 1px solid #333333;
  border-radius: 0px;
}

.paul-doozer-progress-fill {
  height: 100%;
  background: #f2c230;
  border-radius: 0px;
  transition: width 0.2s linear;
}

/* ========================================================================= */
/* WAVEFORM CHAT — PRIMARY CONVERSATION INTERFACE (BAUHAUS 0PX INSTRUMENT)   */
/* ========================================================================= */
.paul-view-mode-switch {
  display: inline-flex;
  align-items: center;
  border: 1px solid #303030;
  background: #0b0b0b;
  border-radius: 0px;
  margin-right: 4px;
}

.paul-view-mode-btn {
  height: 22px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #303030;
  background: #121212;
  color: #888882;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 0px;
  cursor: pointer;
}

.paul-view-mode-btn:last-child {
  border-right: 0;
}

.paul-view-mode-btn.is-active {
  background: #f2c230;
  color: #0b0b0b;
}

.paul-dynamic-swatches-mount {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.paul-waveform-primary-stage {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #0b0b0b;
  border-bottom: 1px solid #303030;
  border-radius: 0px;
  flex-shrink: 0;
  overflow: hidden;
}

/* Hide Waveform Primary Stage when user switches to Conventional Chat mode */
.paul-zone-left[data-conversation-mode="chat"] .paul-waveform-primary-stage {
  display: none !important;
}

.paul-waveform-telemetry-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
  padding: 4px 12px;
  background: #111111;
  border-bottom: 1px solid #262626;
  font-family: var(--paul-font-mono);
  font-size: 9.5px;
  color: #b5b5ae;
  border-radius: 0px;
}

.paul-waveform-telemetry-strip__left,
.paul-waveform-telemetry-strip__right {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.paul-waveform-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #555550;
  flex-shrink: 0;
}

.paul-waveform-live-dot[data-state="USER_TYPING"] {
  background: #00b4d8;
}

.paul-waveform-live-dot[data-state="THINKING"],
.paul-waveform-live-dot[data-state="WORKING"],
.paul-waveform-live-dot[data-state="RESPONDING"] {
  background: #f2c230;
}

.paul-waveform-live-dot[data-state="COMPLETE"] {
  background: #2e9b56;
}

.paul-waveform-live-dot[data-state="ERROR"] {
  background: #e53935;
}

.paul-wf-divider {
  color: #444440;
}

.paul-wf-kv {
  color: #888882;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}

.paul-wf-kv strong {
  color: #f2f2f0;
  font-weight: 700;
}

.paul-wf-branch-selector-wrap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  color: #9e9e98;
}

.paul-wf-select {
  height: 20px;
  padding: 0 6px;
  background: #161616;
  color: #f2f2f0;
  border: 1px solid #343434;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.paul-wf-custom-input {
  height: 20px;
  width: 132px;
  padding: 0 6px;
  background: #0f0f0f;
  color: #f2f2f0;
  border: 1px solid #f2c230;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 9px;
}

.paul-wf-perf-badge {
  padding: 1px 6px;
  background: #161616;
  border: 1px solid #2e2e2e;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  color: #8c8c86;
}

.paul-waveform-canvas-wrap {
  position: relative;
  width: 100%;
  height: 288px;
  background: #0b0b0b;
  border-radius: 0px;
  overflow: hidden;
  cursor: grab;
  outline: none;
  transition: height 0.16s linear;
}

.paul-waveform-canvas-wrap:active {
  cursor: grabbing;
}

.paul-waveform-canvas-wrap:focus-visible {
  outline: 1px solid #f2c230;
  outline-offset: -1px;
}

/* At Level 4 (L4 · CHAT), compact the waveform stage so full chat messages dominate */
.paul-zone-left[data-conversation-mode="waveform"][data-waveform-zoom="4"] .paul-waveform-canvas-wrap {
  height: 152px;
}

.paul-waveform-webgl-canvas,
.paul-waveform-overlay-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0px;
}

.paul-waveform-overlay-canvas {
  pointer-events: none;
}

.paul-waveform-inspector-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 5px 12px;
  background: #121212;
  border-top: 1px solid #282828;
  border-radius: 0px;
  flex-wrap: wrap;
}

.paul-waveform-inspector-bar__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 360px;
  overflow: hidden;
}

.paul-wf-turn-badge {
  padding: 2px 6px;
  background: #1e1e1e;
  border: 1px solid #383838;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  font-weight: 700;
  color: #f2f2f0;
  flex-shrink: 0;
}

.paul-wf-subject-badge {
  padding: 2px 6px;
  background: #161616;
  border: 1px solid var(--subj-color, #2457d6);
  border-left: 3px solid var(--subj-color, #2457d6);
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 9px;
  font-weight: 700;
  color: #f2f2f0;
  flex-shrink: 0;
}

.paul-wf-role-meta {
  font-family: var(--paul-font-mono);
  font-size: 9px;
  color: #9a9a94;
  flex-shrink: 0;
}

.paul-wf-excerpt {
  font-family: var(--paul-font-sans);
  font-size: 11px;
  color: #d4d4ce;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.paul-wf-attachments {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.paul-wf-att-pill {
  padding: 1px 5px;
  background: #1a1a1a;
  border: 1px solid #f2c230;
  border-radius: 0px;
  font-family: var(--paul-font-mono);
  font-size: 8.5px;
  color: #f2c230;
}

.paul-waveform-inspector-bar__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.paul-wf-override-group {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}