/* Native coordination pages share the signed-in workspace chrome. Geometry,
   result states, and project-defined colours remain owned by their components. */
.cw3[data-cw-system]:is(.model-connections-surface, .native-triage-review, .native-wise-review, .native-viewer-page) {
    --cw3-bg: var(--cw-surface-canvas);
    --cw3-panel: var(--cw-surface-panel);
    --cw3-surface: var(--cw-surface-panel);
    --cw3-panel-2: var(--cw-surface-raised);
    --cw3-line: var(--cw-border-subtle);
    --cw3-line-2: var(--cw-border-control);
    --cw3-border: var(--cw-border-subtle);
    --cw3-text: var(--cw-text-primary);
    --cw3-text-2: var(--cw-text-secondary);
    --cw3-text-muted: var(--cw-text-secondary);
    --cw3-accent: var(--cw-action-background);
    --cw3-display: var(--cw-font-family);
    background: var(--cw-surface-canvas);
    color: var(--cw-text-primary);
    font-family: var(--cw-font-family);
}
.cw3[data-cw-system]:is(.model-connections-surface, .native-triage-review, .native-wise-review, .native-viewer-page) :is(button, a, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--cw-focus-ring);
    outline-offset: 2px;
}
.cw3[data-cw-system]:is(.model-connections-surface, .native-triage-review, .native-wise-review) h1 {
    color: var(--cw-text-primary);
    font: 600 clamp(24px, 2.5vw, 28px)/1.25 var(--cw-font-family);
    letter-spacing: -.025em;
}
.cw3[data-cw-system]:is(.model-connections-surface, .native-triage-review, .native-wise-review) a { color: var(--cw-text-link); }
.cw3[data-cw-system].model-connections-surface { min-height: calc(100dvh - var(--cw-shell-topbar-height, 60px)); }
.cw3[data-cw-system].model-connections-surface .model-connections { max-width: 1100px; min-height: 0; padding: clamp(20px, 2.5vw, 36px) clamp(16px, 2.5vw, 36px) 64px; }
.cw3[data-cw-system].model-connections-surface .model-connections__eyebrow { color: var(--cw-text-secondary); font: 600 12px/1.4 var(--cw-font-family); letter-spacing: 0; text-transform: none; }
.cw3[data-cw-system].model-connections-surface :is(.connection-provider, .connection-confirm) { background: var(--cw-surface-panel); border-color: var(--cw-border-subtle); border-radius: var(--cw-radius-panel); }
.cw3[data-cw-system].model-connections-surface :is(.connection-empty, .connection-notice) { border-color: var(--cw-border-subtle); border-radius: var(--cw-radius-control); }
.cw3[data-cw-system].model-connections-surface .connection-status { background: var(--cw-surface-raised); }
.cw3[data-cw-system].model-connections-surface .cw3-btn { min-height: 44px; border-radius: var(--cw-radius-control); font: 600 14px/1.4 var(--cw-font-family); }
.cw3[data-cw-system].model-connections-surface .cw3-btn--primary { background: var(--cw-action-background); border-color: var(--cw-action-background); color: var(--cw-action-text); }
.cw3[data-cw-system].model-connections-surface .cw3-btn--primary:hover:not(:disabled) { background: var(--cw-action-hover); border-color: var(--cw-action-hover); }
.cw3[data-cw-system].model-connections-surface .cw3-btn--ghost { background: var(--cw-surface-raised); border-color: var(--cw-border-control); color: var(--cw-text-primary); }
.cw3[data-cw-system].model-connections-surface .connection-icon { width: 44px; }

.cw3[data-cw-system]:is(.native-triage-review, .native-wise-review) { max-width: 1100px; min-height: calc(100dvh - var(--cw-shell-topbar-height, 60px)); padding: clamp(20px, 2.5vw, 36px) clamp(16px, 2.5vw, 36px) 64px; margin-inline: auto; }
.cw3[data-cw-system]:is(.native-triage-review, .native-wise-review) :is(section, footer) { border-color: var(--cw-border-subtle); }
.cw3[data-cw-system]:is(.native-triage-review, .native-wise-review) :is(.triage-notice, .wise-message, .group-resolution) { background: var(--cw-surface-panel); border-color: var(--cw-border-subtle); border-radius: var(--cw-radius-panel); }
.cw3[data-cw-system]:is(.native-triage-review, .native-wise-review) :is(button, textarea, .triage-name) { min-height: 44px; background: var(--cw-surface-raised); border-color: var(--cw-border-control); color: var(--cw-text-primary); border-radius: var(--cw-radius-control); }
.cw3[data-cw-system].native-triage-review .triage-primary,
.cw3[data-cw-system].native-wise-review .wise-approve { background: var(--cw-action-background); border-color: var(--cw-action-background); color: var(--cw-action-text); }
.cw3[data-cw-system].native-wise-review :is(pre, blockquote) { background: var(--cw-surface-panel); }
.cw3[data-cw-system].native-viewer-page { height: calc(100dvh - var(--cw-shell-topbar-height, 60px)); }
.cw3[data-cw-system].native-viewer-page.native-viewer-embedded { height: 100%; }
.cw3[data-cw-system].native-viewer-page > header { background: var(--cw-surface-panel); border-color: var(--cw-border-subtle); }
.cw3[data-cw-system].native-viewer-page .native-viewer-caption { color: var(--cw-text-secondary); }

@media (max-width: 700px) {
    .cw3[data-cw-system].model-connections-surface .model-connections__header { align-items: flex-start; }
}