.assistant-shell {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .assistant-hero {
      border: 1px solid rgba(124, 92, 255, .34);
      border-radius: var(--radius);
      padding: 14px;
      background:
        linear-gradient(135deg, rgba(124, 92, 255, .24), rgba(38, 183, 216, .08)),
        rgba(16, 23, 32, .9);
      box-shadow: var(--glow);
    }
    .assistant-hero.field {
      border-color: rgba(31, 157, 131, .38);
      background:
        linear-gradient(135deg, rgba(31, 157, 131, .26), rgba(47, 124, 246, .09)),
        rgba(16, 23, 32, .92);
    }
    .assistant-chat {
      min-height: 280px;
      max-height: 46vh;
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 12px;
      background: #0b1118;
      white-space: pre-wrap;
      line-height: 1.45;
    }
    .assistant-chat.field {
      font-family: "Segoe UI", system-ui, sans-serif;
      font-size: 15px;
      background: linear-gradient(180deg, rgba(11, 17, 24, .94), rgba(14, 27, 25, .92));
    }
    .assistant-prompt {
      min-height: 110px;
      font-family: "Segoe UI", system-ui, sans-serif;
      font-size: 14px;
    }
    .field-task-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
    }
    .mission-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(300px, .8fr);
      gap: 12px;
    }
    .page-shell { display: grid; gap: 12px; min-width: 0; }
    .command-ribbon {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: var(--radius-panel);
      background: rgba(7, 17, 27, .76);
    }
    .command-ribbon button {
      min-height: 34px;
      padding: 0 12px;
      border-radius: 9px;
    }
    .command-ribbon button.active {
      border-color: var(--border-strong);
      color: var(--accent-gold-bright);
      background: linear-gradient(180deg, rgba(212,147,53,.18), rgba(212,147,53,.06));
      box-shadow: 0 0 18px rgba(212,147,53,.10);
      transform: translateY(-1px);
    }
    .command-ribbon.compact {
      padding: 7px;
      gap: 6px;
      background: rgba(255,255,255,.025);
    }
    .command-ribbon.compact button {
      min-height: 30px;
      font-size: 12px;
    }
    .focus-grid {
      display: grid;
      grid-template-columns: minmax(240px, .48fr) minmax(0, 1.52fr);
      gap: 12px;
      align-items: start;
    }
    .focus-list {
      display: grid;
      gap: 8px;
      max-height: 62vh;
      overflow: auto;
      padding-right: 2px;
    }
    .focus-panel { min-height: 55vh; }
    .compact-form { display: grid; gap: 9px; }
    .compact-form textarea { min-height: 120px; }
    .science-work-grid {
      display: grid;
      grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
      gap: 12px;
      align-items: start;
    }
    .science-work-form,
    .science-work-list {
      display: grid;
      gap: 9px;
      min-width: 0;
    }
    .science-work-form textarea {
      min-height: 78px;
      resize: vertical;
    }
    .science-guidance {
      display: grid;
      gap: 4px;
      border-color: rgba(212,147,53,.22);
      background: rgba(212,147,53,.055);
    }
    .science-guidance strong,
    .science-linked-file strong {
      color: var(--accent-gold-bright);
    }
    .science-work-list .notice-list {
      max-height: 520px;
      overflow: auto;
      padding-right: 2px;
    }
    .science-work-card.active {
      border-color: var(--border-strong);
      background: rgba(212,147,53,.08);
    }
    .science-linked-file {
      display: grid;
      gap: 3px;
    }
    .science-meta-grid,
    .ccc-detail-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 6px;
      margin-top: 6px;
    }
    .science-meta-grid span {
      min-width: 0;
      overflow-wrap: anywhere;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 7px;
      padding: 6px 7px;
      color: var(--muted);
      background: rgba(255,255,255,.025);
    }
    .ccc-output {
      min-height: 42px;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 9px;
      background: rgba(255,255,255,.03);
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }
    .science-edit-checklist {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 7px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      padding: 8px;
      background: rgba(255,255,255,.025);
    }
    .science-check-title {
      grid-column: 1 / -1;
      color: var(--accent-gold-bright);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .science-check-item {
      min-width: 0;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 4px 7px;
      align-items: start;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 7px;
      padding: 7px;
      background: rgba(0,0,0,.12);
    }
    .science-check-item .muted {
      grid-column: 2;
      overflow-wrap: anywhere;
    }
    .science-check-state {
      min-width: 34px;
      border-radius: 999px;
      padding: 2px 5px;
      color: var(--muted);
      background: rgba(255,255,255,.06);
      font-size: 10px;
      font-weight: 850;
      text-align: center;
    }
    .science-check-item.done .science-check-state {
      color: #dff8e7;
      background: rgba(66,201,120,.2);
    }
    @media (max-width: 1080px) {
      .science-work-grid { grid-template-columns: 1fr; }
    }
    .os-status-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
      gap: 8px;
    }
    .os-status-chip {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 9px 10px;
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--room-accent) 7%, transparent), rgba(255,255,255,.028)),
        rgba(255,255,255,.02);
      min-width: 0;
    }
    .os-status-chip span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    .os-status-chip strong {
      display: block;
      margin-top: 3px;
      color: var(--text-main);
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    .meeting-panel-body {
      display: grid;
      gap: 12px;
    }
    .module-launcher {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
    }
    .module-card {
      min-height: 104px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: var(--radius-card);
      padding: 12px;
      background:
        linear-gradient(180deg, rgba(18,34,49,.86), rgba(9,20,31,.86));
      text-align: left;
      transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);
    }
    .module-card:hover {
      transform: translateY(-2px);
      border-color: var(--border-mid);
      background:
        linear-gradient(180deg, rgba(22,43,61,.94), rgba(11,24,37,.94));
      box-shadow: 0 8px 20px rgba(0,0,0,.18);
    }
    .module-card.selected {
      border-color: var(--border-strong);
      box-shadow: 0 0 0 1px rgba(212,147,53,.20);
      transform: translateY(-2px) scale(1.01);
    }
    .module-card.locked {
      opacity: .42;
    }
    .module-card h3 { margin: 8px 0 4px; font-size: 14px; }
    .module-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.3; }
    .dashboard-panel-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }
    .dashboard-panel.wide { grid-column: span 2; }
    .dashboard-panel .panel-body { display: grid; gap: 9px; }
    .status-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 13px;
    }
    .status-row span:first-child { color: var(--muted); }
    .document-mini {
      min-height: 170px;
      border: 1px solid rgba(212,147,53,.22);
      border-radius: 8px;
      padding: 14px;
      background: #f4efe4;
      color: #1b1b1b;
      font-family: Georgia, "Times New Roman", serif;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    }
    .document-mini h3 {
      margin: 0 0 4px;
      font-size: 15px;
      text-align: center;
      letter-spacing: .04em;
    }
    .document-mini .seal-line {
      height: 1px;
      margin: 8px 0;
      background: var(--accent-primary);
    }
    .bridge-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr);
      gap: 12px;
    }
    .bridge-actions {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
    }
    .bridge-transcript {
      min-height: 260px;
      max-height: 46vh;
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: #0b1118;
      color: #dce7f4;
      font-family: Consolas, "Cascadia Mono", monospace;
      font-size: 13px;
      line-height: 1.45;
      white-space: pre-wrap;
    }
    .chatgpt-message-list {
      min-height: 360px;
      max-height: 52vh;
      overflow: auto;
      display: grid;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: #0b1118;
    }
    .chatgpt-message {
      max-width: 86%;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 10px;
      padding: 10px 12px;
      background: rgba(255,255,255,.035);
      white-space: pre-wrap;
      line-height: 1.45;
    }
    .chatgpt-message.user {
      justify-self: end;
      border-color: rgba(212,147,53,.25);
      background: rgba(212,147,53,.11);
    }
    .chatgpt-message.assistant {
      justify-self: start;
      border-color: rgba(46,199,184,.2);
      background: rgba(46,199,184,.08);
    }
    .chatgpt-message-role {
      display: block;
      margin-bottom: 5px;
      color: var(--accent-gold-bright);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .chatgpt-window-shot {
      margin-top: 12px;
      min-height: 160px;
      display: grid;
      align-content: center;
      gap: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px;
      background: #0b1118;
      overflow: hidden;
    }
    .chatgpt-window-shot img {
      width: 100%;
      max-height: 420px;
      object-fit: contain;
      border-radius: 6px;
      border: 1px solid rgba(255,255,255,.08);
      background: #05070b;
    }
    .queue-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
    }
    .queue-item {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px;
      background: rgba(255,255,255,.035);
    }
    .queue-item strong { display: block; font-size: 18px; color: var(--accent-primary); }
    .activity-queue {
      grid-area: activity;
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 16px;
      border: 1px solid rgba(212,147,53,.18);
      border-radius: var(--radius-panel);
      background: rgba(7, 17, 27, .94);
      box-shadow: var(--shadow-panel);
      backdrop-filter: blur(8px);
      overflow: hidden;
    }
    .activity-label {
      min-width: 154px;
      display: grid;
      gap: 2px;
      color: var(--accent-gold-bright);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .activity-label strong {
      color: var(--text-main);
      font-size: 13px;
      text-transform: none;
      letter-spacing: 0;
    }
    .queue-card {
      min-width: 190px;
      height: 50px;
      display: grid;
      align-content: center;
      gap: 2px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 10px;
      padding: 0 12px;
      background: rgba(11, 24, 37, .86);
      transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
    }
    .queue-card:hover {
      transform: translateY(-1px);
      border-color: var(--border-mid);
    }
    .queue-card strong { font-size: 13px; }
    .queue-card span { color: var(--muted); font-size: 12px; }
    .queue-review { margin-left: auto; white-space: nowrap; }
    .signal-board {
      display: grid;
      grid-template-columns: 230px minmax(0, 1fr);
      gap: 12px;
    }
    .channel-list, .signal-list { display: grid; gap: 8px; }
    .channel-row, .signal-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px;
      background: rgba(255,255,255,.035);
      text-align: left;
      contain: layout paint style;
      content-visibility: auto;
      contain-intrinsic-size: 1px 168px;
    }
    .signal-card.high, .signal-card.urgent { border-color: var(--status-danger); }
    .signal-card.normal { border-color: var(--panel-border); }
    .signal-card h3 { margin: 0 0 6px; font-size: 15px; }
    .work-desk {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .workdesk-shell {
      display: grid;
      grid-template-columns: minmax(300px, .42fr) minmax(0, .58fr);
      gap: 12px;
      align-items: start;
      min-width: 0;
    }
    .workdesk-create-panel,
    .workdesk-lane-panel,
    .workdesk-list-panel,
    .job-folder-panel {
      min-width: 0;
      content-visibility: auto;
      contain-intrinsic-size: 1px 460px;
    }
    .workdesk-list-panel,
    .job-folder-panel {
      grid-column: span 1;
    }
    .job-folder-panel {
      grid-row: span 3;
    }
    .workdesk-metrics,
    .workdesk-create-grid,
    .workdesk-lanes,
    .job-folder-grid,
    .job-folder-actions,
    .form-grid.compact {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .workdesk-metrics {
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      margin-top: 10px;
    }
    .workdesk-create-grid {
      grid-template-columns: 1fr;
    }
    .workdesk-form-box,
    .job-action-box,
    .job-folder-box,
    .work-order-row,
    .evidence-mini-row,
    .timeline-row {
      min-width: 0;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.028);
      contain: layout paint style;
    }
    .workdesk-form-box,
    .job-action-box,
    .job-folder-box {
      display: grid;
      gap: 8px;
      padding: 10px;
    }
    .panel-head.compact {
      min-height: 30px;
      padding: 6px 0;
      border-bottom: 0;
    }
    .form-grid.compact {
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
    .short-textarea {
      min-height: 72px;
    }
    .workdesk-lanes {
      grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    }
    .workdesk-lane-summary {
      min-height: 72px;
      display: grid;
      gap: 2px;
      align-content: center;
      padding: 8px;
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      background: rgba(9, 22, 34, .78);
      text-align: left;
      transition: transform var(--transition-fast), border-color var(--transition-fast);
    }
    .workdesk-lane-summary:hover {
      transform: translateY(-1px);
      border-color: color-mix(in srgb, var(--room-accent) 36%, transparent);
    }
    .workdesk-lane-summary span {
      color: var(--accent-gold-bright);
      font-size: 18px;
      font-weight: 850;
    }
    .workdesk-lane-summary small {
      color: var(--muted);
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .workdesk-filter-row {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) minmax(150px, 220px) auto auto;
      gap: 8px;
      align-items: center;
      margin-bottom: 8px;
    }
    .workdesk-list {
      display: grid;
      gap: 8px;
      max-height: 520px;
      overflow: auto;
      padding-right: 2px;
    }
    .work-order-row {
      display: grid;
      gap: 7px;
      padding: 10px;
      cursor: pointer;
      content-visibility: auto;
      contain-intrinsic-size: 1px 132px;
      transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
    }
    .work-order-row:hover,
    .work-order-row.active {
      transform: translateY(-1px);
      border-color: color-mix(in srgb, var(--room-accent) 42%, transparent);
      background: color-mix(in srgb, var(--room-accent) 8%, rgba(255,255,255,.03));
    }
    .work-order-row p,
    .timeline-row p,
    .evidence-mini-row p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .toolbar.compact {
      gap: 6px;
      flex-wrap: wrap;
    }
    .toolbar.compact button {
      min-height: 30px;
      font-size: 12px;
    }
    .toolbar.pager {
      justify-content: space-between;
      margin-top: 10px;
    }
    .job-folder {
      display: grid;
      gap: 12px;
      overflow: visible;
    }
    .job-folder-title {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
    }
    .job-folder-title h2 {
      margin: 0 0 3px;
      font-size: 20px;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .job-folder-grid {
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    }
    .job-folder-grid.detail {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .job-folder-box span,
    .job-folder-box .muted,
    .evidence-mini-row span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .job-folder-box.wide,
    .job-action-box {
      align-content: start;
    }
    .job-folder-actions {
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    }
    .evidence-mini-row {
      display: grid;
      gap: 4px;
      padding: 8px;
      margin-top: 6px;
    }
    .evidence-mini-row code {
      color: var(--muted);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 11px;
    }
    .timeline-list {
      display: grid;
      gap: 8px;
    }
    .timeline-row {
      display: grid;
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 8px;
      padding: 8px;
    }
    .timeline-dot {
      width: 8px;
      height: 8px;
      margin-top: 5px;
      border-radius: 999px;
      background: var(--room-accent);
    }
    .empty-state.compact {
      margin-top: 6px;
      padding: 8px;
      gap: 4px;
    }
    @media (max-width: 1180px) {
      .workdesk-shell { grid-template-columns: 1fr; }
      .job-folder-panel { grid-row: auto; }
    }
    @media (max-width: 720px) {
      .workdesk-filter-row,
      .job-folder-title {
        grid-template-columns: 1fr;
      }
      .workdesk-list { max-height: none; }
    }
    .theme-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 10px;
    }
    .theme-swatch {
      height: 42px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: linear-gradient(135deg, var(--swatch-a), var(--swatch-b));
    }
    .theme-preview {
      min-height: 170px;
      border: 1px solid var(--panel-border);
      border-radius: var(--radius-panel);
      padding: 14px;
      background:
        radial-gradient(circle at 25% 10%, color-mix(in srgb, var(--accent-primary) 30%, transparent), transparent 35%),
        linear-gradient(135deg, var(--shell-bg), var(--shell-bg-2));
    }
    .command-overlay {
      position: fixed;
      inset: 0;
      z-index: 30;
      display: grid;
      place-items: start center;
      padding-top: 10vh;
      background: rgba(2, 6, 10, .62);
      backdrop-filter: blur(6px);
    }
    .command-panel {
      width: min(720px, calc(100vw - 32px));
      border: 1px solid var(--panel-border);
      border-radius: 12px;
      background: rgba(7, 16, 24, .96);
      box-shadow: 0 28px 80px rgba(0,0,0,.52), 0 0 0 1px var(--glow-primary);
      overflow: hidden;
      animation: panelIn 140ms ease;
    }
    .command-panel input {
      height: 52px;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: rgba(255,255,255,.035);
      font-size: 16px;
    }
    .command-results { max-height: 420px; overflow: auto; padding: 8px; }
    .command-result {
      width: 100%;
      min-height: 48px;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      padding: 8px;
      text-align: left;
      border-radius: 8px;
    }
    .command-result.locked { opacity: .52; }
    @keyframes panelIn {
      from { opacity: 0; transform: translateY(8px) scale(.992); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes appSurfaceIn {
      from { opacity: .72; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes viewContentIn {
      from { opacity: .78; transform: translateY(5px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes panelRise {
      from { opacity: .82; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .split {
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(230px, 320px) minmax(0, 1fr);
      gap: 12px;
    }
    .panel {
      min-height: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
    }
    .page-shell .panel,
    .mission-layout .panel,
    .mode-grid .panel,
    .dashboard-panel-grid .panel {
      animation: panelRise var(--transition-launch) both;
    }
    .page-shell .panel:nth-child(2),
    .mission-layout .panel:nth-child(2),
    .mode-grid .panel:nth-child(2),
    .dashboard-panel-grid .panel:nth-child(2) { animation-delay: 12ms; }
    .page-shell .panel:nth-child(3),
    .mission-layout .panel:nth-child(3),
    .mode-grid .panel:nth-child(3),
    .dashboard-panel-grid .panel:nth-child(3) { animation-delay: 24ms; }
    .panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, .07);
      color: var(--muted);
      font-size: 13px;
      min-width: 0;
      flex-wrap: wrap;
    }
    .panel-head strong { color: var(--jinger-text-primary); overflow-wrap: anywhere; }
    .panel-body { min-height: 0; overflow: auto; padding: 10px; }
    .workflow-mini-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .toolbar {
      display: flex;
      gap: 8px;
      align-items: center;
      margin-bottom: 10px;
    }
    .file-list { border: 1px solid var(--line); border-radius: 7px; overflow: auto; }
    .file-list--virtual {
      overflow: hidden;
      min-height: 240px;
      background: rgba(255, 255, 255, .015);
    }
    .file-list-viewport {
      min-height: 240px;
      max-height: min(52vh, 560px);
      overflow: auto;
      scrollbar-gutter: stable;
      contain: layout paint;
    }
    .file-list-spacer {
      width: 1px;
      pointer-events: none;
    }
    .file-list-window {
      min-width: 0;
      contain: layout paint;
    }
    .file-row {
      width: 100%;
      min-height: 36px;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      padding: 0 10px;
      border-radius: 0;
      text-align: left;
    }
    .file-row + .file-row { border-top: 1px solid rgba(255, 255, 255, .06); }
    .file-list-window .file-row { contain: layout paint; }
    .file-row.active { background: rgba(47, 124, 246, .2); }
    .list-window-note {
      display: block;
      padding: 10px;
      border-top: 1px solid rgba(255, 255, 255, .06);
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .science-file-row {
      min-height: 74px;
      align-items: start;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    .science-file-main {
      min-width: 0;
      display: grid;
      gap: 3px;
    }
    .science-file-side {
      align-self: start;
      color: var(--muted);
      font-size: 12px;
      white-space: nowrap;
    }
    .science-file-warning {
      border-color: rgba(212,147,53,.28);
      background: rgba(212,147,53,.06);
    }
    .file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .file-meta {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--muted);
      font-size: 12px;
      white-space: nowrap;
    }
    .file-meta.warn {
      color: var(--accent-gold-bright);
    }
    .editor-grid { min-height: 0; display: grid; grid-template-rows: auto auto auto minmax(260px, 1fr) auto auto auto; gap: 10px; }
    .preview-frame {
      width: 100%;
      height: 340px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fff;
    }
    .governance-grid {
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
      gap: 12px;
    }
    .governance-form {
      display: grid;
      gap: 9px;
    }
    .governance-form label {
      display: grid;
      gap: 5px;
      color: var(--muted);
      font-size: 12px;
      text-transform: uppercase;
    }
    .governance-form label span { letter-spacing: 0; }
    .governance-preview {
      width: 100%;
      min-height: 68vh;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fff;
    }
    .record-meta-card {
      border-left: 3px solid var(--yellow);
      background: rgba(210, 167, 67, .08);
    }
    .codex-grid { display: grid; gap: 10px; }
    .codex-output {
      min-height: 260px;
      max-height: 48vh;
      overflow: auto;
      white-space: pre-wrap;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 12px;
      background: #0b1118;
      color: #dce7f4;
      font-family: Consolas, "Cascadia Mono", monospace;
      font-size: 13px;
      line-height: 1.45;
    }
    .codex-status-card {
      display: grid;
      gap: 4px;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 10px 12px;
      background: rgba(11, 17, 24, .72);
    }
    .session-grid {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) minmax(130px, .8fr) minmax(130px, .8fr);
      gap: 8px;
    }
    .inspector {
      grid-area: inspector;
      min-height: 0;
      display: block;
      overflow: auto;
      background: rgba(8, 17, 27, .96);
      border-left: 1px solid rgba(212,147,53,.16);
      box-shadow: -16px 0 50px rgba(0,0,0,.22);
    }
    .inspector-section {
      padding: 14px 16px;
      border-bottom: 1px solid rgba(255, 255, 255, .06);
    }
    .inspector-section h2 {
      margin: 0 0 10px;
      font-size: 12px;
      color: var(--accent-gold-bright);
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .kv { display: grid; gap: 7px; font-size: 13px; }
    .kv div { display: flex; justify-content: space-between; gap: 10px; }
    .kv span:first-child { color: var(--muted); }
    .kv strong { overflow-wrap: anywhere; text-align: right; }
    .notice-list { display: grid; gap: 8px; }
    .notice {
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 9px;
      background: rgba(255, 255, 255, .03);
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    button.notice {
      width: 100%;
      color: inherit;
      text-align: left;
      cursor: pointer;
    }
    .notice.selected {
      border-color: var(--border-strong);
      background: linear-gradient(180deg, rgba(212, 147, 53, .14), rgba(255, 255, 255, .035));
      box-shadow: 0 0 20px rgba(212, 147, 53, .10);
    }
    .notice strong { display: block; margin-bottom: 3px; }
    .meeting-room-grid {
      display: grid;
      grid-template-columns: minmax(260px, .74fr) minmax(340px, 1.26fr);
      gap: 12px;
      align-items: start;
    }
    .meeting-toolbar-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 8px;
    }
    .meeting-textarea { min-height: 148px; }
    .minutes-textarea { min-height: 240px; }
    .signature-textarea { min-height: 76px; }
    .attendance-row {
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }
    .attendance-row input { width: auto; margin-top: 2px; }
    .readiness-meter {
      height: 12px;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 999px;
      overflow: hidden;
      background: rgba(0,0,0,.24);
    }
    .readiness-meter span {
      display: block;
      height: 100%;
      width: var(--ready, 0%);
      background: linear-gradient(90deg, var(--accent-gold), var(--accent-secondary));
      box-shadow: 0 0 18px var(--glow-primary);
    }
    .room-card:not(button) {
      border: 1px solid rgba(255,255,255,.07);
      border-radius: var(--radius-card);
      padding: 12px;
      background: rgba(8, 18, 29, .78);
    }
    .room-card:not(button) strong { display: block; margin-bottom: 5px; }
    .meeting-stage-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 8px;
    }
    .meeting-stage {
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 10px;
      padding: 10px;
      color: var(--muted);
      background: rgba(255,255,255,.03);
      min-width: 0;
    }
    .meeting-stage.active {
      color: var(--accent-gold-bright);
      border-color: var(--border-strong);
      background: rgba(212,147,53,.08);
    }
    .meeting-stage.done {
      color: var(--success);
      border-color: rgba(66,201,120,.35);
      background: rgba(66,201,120,.06);
    }
    .workflow-card {
      border: 1px solid rgba(255,255,255,.07);
      border-radius: var(--radius-card);
      padding: 12px;
      background: linear-gradient(180deg, rgba(18,34,49,.72), rgba(8,18,29,.84));
      display: grid;
      gap: 8px;
    }
    .workflow-card h3 { margin: 0; font-size: 15px; }
    .workflow-card textarea { min-height: 96px; }
    .studio-layout {
      display: grid;
      grid-template-columns: minmax(320px, .96fr) minmax(280px, .72fr);
      gap: 12px;
      align-items: start;
    }
    .studio-form fieldset {
      border: 1px solid rgba(255,255,255,.08);
      border-radius: var(--radius-card);
      padding: 12px;
      margin: 0 0 12px;
      background: rgba(255,255,255,.025);
    }
    .studio-form legend {
      color: var(--accent-gold-bright);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 0 6px;
    }
    .studio-form label span {
      display: block;
      margin-bottom: 5px;
      color: var(--text-muted);
      font-size: 12px;
      font-weight: 700;
    }
    .receipt-preview-card {
      position: sticky;
      top: 10px;
      border: 1px solid rgba(205,169,66,.22);
      border-radius: var(--radius-panel);
      background: linear-gradient(180deg, rgba(255,250,240,.97), rgba(244,239,228,.97));
      color: #1a1a1a;
      box-shadow: 0 18px 48px rgba(0,0,0,.28);
      padding: 16px;
      min-height: 560px;
    }
    .receipt-preview-card .receipt-no {
      float: right;
      border: 1px solid #d9d0bd;
      background: #fffaf0;
      border-radius: 6px;
      padding: 5px 8px;
      font-weight: 850;
      font-size: 12px;
    }
    .receipt-preview-card .org-name {
      font-family: Georgia, Cambria, "Times New Roman", serif;
      font-weight: 850;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    .receipt-preview-card .motto { color: #665a42; font-style: italic; }
    .receipt-preview-card h3 {
      border-bottom: 2px solid #cda942;
      padding-bottom: 7px;
      margin: 18px 0 10px;
      font-family: Georgia, Cambria, "Times New Roman", serif;
      text-transform: uppercase;
      letter-spacing: .05em;
      font-size: 15px;
    }
    .receipt-preview-card dl {
      display: grid;
      grid-template-columns: 136px 1fr;
      gap: 5px 10px;
      margin: 0;
      font-size: 13px;
    }
    .receipt-preview-card dt { color: #666; font-weight: 800; }
    .receipt-preview-card dd { margin: 0; white-space: pre-wrap; }
    .receipt-preview-card .receipt-notice {
      margin-top: 12px;
      border: 1px solid #d9d0bd;
      border-radius: 8px;
      background: #fffaf0;
      padding: 10px;
      color: #3c3323;
      font-size: 13px;
    }
    .receipt-preview-card .receipt-status-strip {
      clear: both;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 14px 0 4px;
    }
    .receipt-preview-card .receipt-status-pill {
      border: 1px solid #d9d0bd;
      border-radius: 999px;
      background: #fffaf0;
      color: #4a3d24;
      font-size: 11px;
      font-weight: 850;
      padding: 4px 7px;
      text-transform: uppercase;
    }
    .receipt-preview-card .receipt-status-pill.built,
    .receipt-preview-card .receipt-status-pill.accepted {
      border-color: #52a96c;
      background: #e7f8ec;
      color: #225d33;
    }
    .receipt-preview-card .receipt-status-pill.staged,
    .receipt-preview-card .receipt-status-pill.submitted {
      border-color: #d49335;
      background: #fff2d2;
      color: #6b3f11;
    }
    .receipt-preview-card .receipt-status-pill.blocked,
    .receipt-preview-card .receipt-status-pill.rejected,
    .receipt-preview-card .receipt-status-pill.voided {
      border-color: #b65a55;
      background: #ffe8e6;
      color: #7c2721;
    }
    .receipt-preview-card .receipt-status-pill.warn {
      border-color: #d49335;
      background: #fff2d2;
      color: #6b3f11;
    }
    .receipt-preview-card .receipt-status-pill.danger {
      border-color: #b65a55;
      background: #ffe8e6;
      color: #7c2721;
    }
    .receipt-preview-card .receipt-flag-list {
      margin: 10px 0 0 18px;
      padding: 0;
      color: #3c3323;
      font-size: 13px;
    }
    .receipt-preview-card .receipt-flag-list li { margin-bottom: 5px; }
    .donation-golden-panel {
      border: 1px solid rgba(255,255,255,.08);
      border-radius: var(--radius-card);
      padding: 10px;
      margin-top: 10px;
      background: rgba(255,255,255,.035);
      display: grid;
      gap: 8px;
    }
    .donation-golden-panel .panel-head {
      padding: 0;
      border: 0;
      min-height: 0;
    }
    .donation-golden-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 8px;
    }
    .donation-golden-grid > div {
      min-width: 0;
      display: grid;
      gap: 5px;
      align-content: start;
    }
    .donation-golden-tags { margin-top: 4px; }
    .studio-warning {
      border-color: color-mix(in srgb, var(--status-returned) 46%, transparent) !important;
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--status-returned) 12%, transparent), rgba(255,255,255,.025)),
        rgba(8, 15, 22, .78) !important;
    }
    .record-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
      gap: 8px;
      margin-top: 10px;
    }
    .record-chip {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 10px;
      background: rgba(255,255,255,.035);
      color: inherit;
      text-align: left;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .record-chip strong { display: block; color: var(--accent-gold-bright); }
    .record-chip.built,
    .record-chip.accepted { border-color: color-mix(in srgb, var(--status-accepted) 34%, transparent); background: color-mix(in srgb, var(--status-accepted) 8%, transparent); }
    .record-chip.partial,
    .record-chip.returned { border-color: color-mix(in srgb, var(--status-returned) 34%, transparent); background: color-mix(in srgb, var(--status-returned) 8%, transparent); }
    .record-chip.prototype,
    .record-chip.draft { border-color: color-mix(in srgb, var(--status-draft) 34%, transparent); background: color-mix(in srgb, var(--status-draft) 7%, transparent); }
    .record-chip.staged,
    .record-chip.submitted { border-color: color-mix(in srgb, var(--status-staged) 34%, transparent); background: color-mix(in srgb, var(--status-staged) 8%, transparent); }
    .record-chip.blocked,
    .record-chip.rejected,
    .record-chip.voided { border-color: color-mix(in srgb, var(--status-blocked) 38%, transparent); background: color-mix(in srgb, var(--status-blocked) 8%, transparent); }
    .record-chip.archived,
    .record-chip.superseded { border-color: color-mix(in srgb, var(--status-superseded) 34%, transparent); background: color-mix(in srgb, var(--status-superseded) 7%, transparent); }
    .status-line { min-height: 22px; color: var(--muted); font-size: 13px; }
    .room-header,
    .workflow-header {
      display: grid;
      gap: 8px;
      padding: 14px;
      border: 1px solid color-mix(in srgb, var(--room-accent) 24%, transparent);
      border-radius: var(--radius-panel);
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--room-accent) 14%, transparent), rgba(255,255,255,.02)),
        rgba(7, 17, 27, .82);
      box-shadow: 0 18px 46px rgba(0,0,0,.24);
    }
    .room-header h2,
    .workflow-header h2 {
      margin: 0;
      color: var(--jinger-text-primary);
      font-size: 20px;
      line-height: 1.2;
    }
    .room-header p,
    .workflow-header p {
      margin: 0;
      color: var(--muted);
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .room-header-meta,
    .workflow-header-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .hidden { display: none !important; }