/**
 * MODEL design theme.
 * Swan-base matte surfaces with sun-bleached poolside accents.
 */

:root {
    --void: #0f0f12;
    --charcoal: #1a1a1f;
    --slate: #25252d;
    --mist: #4a4a55;
    --white: #e0e0d8;

    --dust-teal: #6a8a8a;
    --dust-salmon: #a88b8b;
    --dust-gold: #b0a880;
    --dust-cyan: #7a9a9a;
    --dust-sand: #9b8b7a;

    --panel-bg: var(--charcoal);
    --panel-bg-strong: rgba(19, 19, 24, 0.98);
    --panel-bg-soft: rgba(37, 37, 45, 0.76);
    --panel-border: var(--slate);
    --panel-border-strong: color-mix(in srgb, var(--mist) 56%, var(--slate));
    --panel-highlight: rgba(255, 255, 255, 0.03);
    --panel-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
    --panel-shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.2);
    --divider: var(--slate);
    --field-bg: rgba(37, 37, 45, 0.6);
    --field-bg-focus: rgba(37, 37, 45, 0.9);
    --accent-teal-soft: rgba(106, 138, 138, 0.14);
    --accent-salmon-soft: rgba(168, 139, 139, 0.14);
    --accent-gold-soft: rgba(176, 168, 128, 0.14);
    --accent-cyan-soft: rgba(122, 154, 154, 0.14);

    --spring-bouncy: cubic-bezier(0.34, 1.56, 0.64, 1);
    --spring-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --spring-snappy: cubic-bezier(0.68, -0.55, 0.265, 1.55);

    --surface-0: rgba(255, 255, 255, 0.02);
    --surface-1: rgba(255, 255, 255, 0.03);
    --surface-2: rgba(255, 255, 255, 0.05);
    --surface-3: rgba(255, 255, 255, 0.08);
}

body.cw-app-page,
body.cw-auth-page,
body.cw-landing-page {
    color-scheme: dark;
    --cwx-navy: var(--dust-teal);
    --cwx-navy-deep: var(--void);
    --cwx-blue: var(--dust-cyan);
    --cwx-blue-soft: var(--accent-teal-soft);
    --cwx-steel-0: var(--panel-bg-strong);
    --cwx-steel-1: var(--panel-bg);
    --cwx-steel-2: rgba(37, 37, 45, 0.92);
    --cwx-steel-3: rgba(106, 138, 138, 0.18);
    --cwx-steel-4: var(--mist);
    --cwx-text: var(--white);
    --cwx-text-soft: rgba(224, 224, 216, 0.7);
    --cwx-white: var(--white);
    --cwx-approve: var(--dust-teal);
    --cwx-warn: var(--dust-gold);
    --cwx-restrict: var(--dust-salmon);
    --cwx-edge-hi: rgba(255, 255, 255, 0.12);
    --cwx-edge-mid: rgba(255, 255, 255, 0.08);
    --cwx-edge-light: var(--panel-border);
    --cwx-edge-shadow: rgba(0, 0, 0, 0.45);
    --cwx-bevel-raised: rgba(255, 255, 255, 0.14) rgba(0, 0, 0, 0.34) rgba(0, 0, 0, 0.34) rgba(255, 255, 255, 0.14);
    --cwx-bevel-sunken: rgba(0, 0, 0, 0.34) rgba(255, 255, 255, 0.08) rgba(255, 255, 255, 0.08) rgba(0, 0, 0, 0.34);
    --cwx-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --cwx-font-mono: "SFMono-Regular", "SF Mono", "Menlo", "Consolas", monospace;
    background:
        radial-gradient(circle at 12% 10%, rgba(122, 154, 154, 0.11) 0%, transparent 24%),
        radial-gradient(circle at 88% 8%, rgba(176, 168, 128, 0.08) 0%, transparent 18%),
        linear-gradient(180deg, #0d0d10 0%, var(--void) 42%, #16161b 100%);
    color: var(--white);
    font-family: var(--cwx-font-ui);
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.05em;
}

body.cw-app-page a,
body.cw-auth-page a,
body.cw-landing-page a {
    color: var(--white);
}

body.cw-app-page ::selection,
body.cw-auth-page ::selection,
body.cw-landing-page ::selection {
    background: rgba(106, 138, 138, 0.32);
    color: var(--white);
}

body.cw-app-page *:focus-visible,
body.cw-auth-page *:focus-visible,
body.cw-landing-page *:focus-visible {
    outline: 1px solid rgba(106, 138, 138, 0.7) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 4px rgba(106, 138, 138, 0.12) !important;
}

body.cw-app-page main {
    padding: 16px;
}

body.cw-auth-page main,
body.cw-landing-page main {
    padding: clamp(18px, 3vw, 32px);
}

.cw-window,
.cw-panel,
.cw-modal-panel,
body.cw-app-page .terminal,
body.cw-app-page .sidebar,
body.cw-app-page .chat-area,
body.cw-app-page .thoughts-column,
body.cw-app-page .chat-column,
body.cw-app-page .compare-dropdown,
body.cw-app-page .workspace-selector-dropdown,
body.cw-app-page .tools-dropdown-menu,
body.cw-app-page .bg-results-panel,
body.cw-app-page .shortcuts-panel,
body.cw-app-page .modal-panel,
body.cw-app-page .tm-modal,
body.cw-app-page .view-container,
body.cw-app-page .nexis-dashboard-card,
body.cw-app-page .learning-card,
body.cw-app-page .analytics-card,
body.cw-app-page .settings-card,
body.cw-app-page .performance-dashboard-container {
    background: linear-gradient(180deg, rgba(31, 31, 36, 0.96) 0%, rgba(26, 26, 31, 0.98) 100%);
    color: var(--white);
    border: 1px solid var(--panel-border);
    border-radius: 18px;
    box-shadow: var(--panel-shadow), inset 0 1px 0 var(--panel-highlight);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.cw-window-titlebar,
.cw-modal-header,
body.cw-app-page .header-bar {
    padding: 16px 20px;
    background:
        linear-gradient(135deg, rgba(106, 138, 138, 0.08) 0%, transparent 38%),
        linear-gradient(180deg, rgba(37, 37, 45, 0.92) 0%, rgba(26, 26, 31, 0.98) 100%);
    border-bottom: 1px solid var(--divider);
}

.cw-window-title,
.cw-modal-title,
body.cw-app-page .header-logo,
body.cw-app-page .sidebar-title,
body.cw-app-page .thoughts-column-title,
body.cw-app-page .workspace-selector-title,
body.cw-app-page .column-model-name,
body.cw-app-page .view-title,
body.cw-app-page .nexis-view-title,
body.cw-app-page .conv-title-bar-title {
    color: var(--white);
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.cw-window-subtitle,
.cw-panel-caption,
.cw-form-label,
.cw-key-label,
.cw-auth-metric-label,
.cw-auth-stat-label,
.cw-auth-kicker,
.cw-privacy-updated,
body.cw-app-page .header-view-label,
body.cw-app-page .header-status,
body.cw-app-page .header-url,
body.cw-app-page .bg-activity,
body.cw-app-page .column-badge,
body.cw-app-page .reasoning-mode-badge,
body.cw-app-page .question-class-badge,
body.cw-app-page .memory-indicator,
body.cw-app-page .compare-count,
body.cw-app-page .depth-selector {
    color: var(--mist);
    font-size: 0.66rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.cw-panel-title,
body.cw-app-page .empty-state-heading {
    color: var(--white);
    font-size: clamp(1.8rem, 2vw + 1rem, 2.6rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.cw-panel-copy,
.cw-privacy-content p,
.cw-privacy-content li,
body.cw-app-page .view-subtitle,
body.cw-app-page .nexis-view-subtitle,
body.cw-app-page .empty-state-tagline,
body.cw-app-page .empty-state-card-prompt,
body.cw-app-page .message-content,
body.cw-app-page .bg-results-empty,
.cw-command-band__meta,
.cw-record-list span {
    color: rgba(224, 224, 216, 0.72);
    font-size: 0.92rem;
    line-height: 1.65;
}

.cw-button,
.cw-input-toggle,
.cw-modal-close,
body.cw-app-page .header-action-btn,
body.cw-app-page .sidebar-btn,
body.cw-app-page .sidebar-toolbar-btn,
body.cw-app-page .header-tm-link,
body.cw-app-page .compare-toggle-btn,
body.cw-app-page .template-btn,
body.cw-app-page .multiselect-btn,
body.cw-app-page .column-collapse-btn,
body.cw-app-page .memory-explorer-link,
body.cw-app-page .bg-results-close,
body.cw-app-page .thoughts-column-toggle,
body.cw-app-page .tab-button,
body.cw-app-page .btn,
body.cw-app-page .workspace-selector-new,
body.cw-app-page .sidebar-toggle,
body.cw-app-page .send-button,
body.cw-app-page .tools-dropdown-menu button,
.cw-statusbar-panel a {
    min-height: 44px;
    padding: 0 16px;
    background: transparent;
    color: var(--white);
    border: 1px solid color-mix(in srgb, var(--mist) 78%, transparent);
    border-radius: 999px;
    box-shadow: none;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease;
}

.cw-button:hover,
.cw-input-toggle:hover,
.cw-modal-close:hover,
body.cw-app-page .header-action-btn:hover,
body.cw-app-page .sidebar-btn:hover,
body.cw-app-page .sidebar-toolbar-btn:hover,
body.cw-app-page .header-tm-link:hover,
body.cw-app-page .compare-toggle-btn:hover,
body.cw-app-page .template-btn:hover,
body.cw-app-page .multiselect-btn:hover,
body.cw-app-page .column-collapse-btn:hover,
body.cw-app-page .memory-explorer-link:hover,
body.cw-app-page .bg-results-close:hover,
body.cw-app-page .thoughts-column-toggle:hover,
body.cw-app-page .tab-button:hover,
body.cw-app-page .btn:hover,
body.cw-app-page .workspace-selector-new:hover,
body.cw-app-page .sidebar-toggle:hover,
body.cw-app-page .send-button:hover,
body.cw-app-page .tools-dropdown-menu button:hover,
.cw-statusbar-panel a:hover {
    transform: translateY(-1px) scale(1.01);
    background: transparent;
    border-color: var(--dust-teal);
    color: var(--dust-teal);
}

.cw-button:active,
.cw-input-toggle:active,
.cw-modal-close:active,
body.cw-app-page .header-action-btn:active,
body.cw-app-page .sidebar-btn:active,
body.cw-app-page .sidebar-toolbar-btn:active,
body.cw-app-page .header-tm-link:active,
body.cw-app-page .compare-toggle-btn:active,
body.cw-app-page .template-btn:active,
body.cw-app-page .multiselect-btn:active,
body.cw-app-page .column-collapse-btn:active,
body.cw-app-page .memory-explorer-link:active,
body.cw-app-page .bg-results-close:active,
body.cw-app-page .thoughts-column-toggle:active,
body.cw-app-page .tab-button:active,
body.cw-app-page .btn:active,
body.cw-app-page .workspace-selector-new:active,
body.cw-app-page .sidebar-toggle:active,
body.cw-app-page .send-button:active {
    transform: scale(0.98);
}

.cw-button--primary,
body.cw-app-page .send-button {
    background: var(--slate);
    border-color: var(--slate);
    color: var(--white);
}

.cw-button--primary:hover,
body.cw-app-page .send-button:hover {
    background: var(--dust-teal);
    border-color: var(--dust-teal);
    color: var(--void);
}

body.cw-app-page .nav-btn.active,
body.cw-app-page .nav-btn[aria-current="page"],
body.cw-app-page .nav-btn[aria-pressed="true"],
body.cw-app-page .tab-button.active {
    background: rgba(37, 37, 45, 0.92);
    color: var(--white);
    border-color: var(--dust-teal);
    box-shadow: inset 0 0 0 1px rgba(106, 138, 138, 0.18);
}

body.cw-app-page .nav-btn.active:hover,
body.cw-app-page .nav-btn[aria-current="page"]:hover,
body.cw-app-page .nav-btn[aria-pressed="true"]:hover,
body.cw-app-page .tab-button.active:hover {
    background: rgba(37, 37, 45, 0.96);
    color: var(--white);
}

body.cw-app-page .header-action-btn--logout:hover {
    background: var(--dust-salmon);
    color: var(--void);
    border-color: var(--dust-salmon);
}

.cw-input,
body.cw-app-page #messageInput,
body.cw-app-page .sidebar-search-input,
body.cw-app-page .compare-search,
body.cw-app-page .param-input,
body.cw-app-page #depthSelect,
body.cw-app-page #shortcutsSearch,
body.cw-app-page .settings-strategy-select,
body.cw-auth-page input[type="text"],
body.cw-auth-page input[type="password"],
body.cw-auth-page input[type="url"],
body.cw-app-page select,
body.cw-app-page textarea,
body.cw-landing-page select,
body.cw-landing-page input[type="text"],
body.cw-landing-page textarea {
    width: 100%;
    padding: 1rem 1.25rem;
    background: var(--field-bg);
    color: var(--white);
    border: 1px solid var(--slate);
    border-left: 3px solid var(--dust-teal);
    border-radius: 4px;
    box-shadow: none;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        border-left-width 0.3s ease,
        box-shadow 0.3s ease;
}

.cw-input::placeholder,
body.cw-app-page #messageInput::placeholder,
body.cw-app-page .sidebar-search-input::placeholder,
body.cw-app-page .compare-search::placeholder,
body.cw-app-page #shortcutsSearch::placeholder {
    color: var(--mist);
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cw-input:focus,
body.cw-app-page #messageInput:focus,
body.cw-app-page .sidebar-search-input:focus,
body.cw-app-page .compare-search:focus,
body.cw-app-page .param-input:focus,
body.cw-app-page #depthSelect:focus,
body.cw-app-page #shortcutsSearch:focus,
body.cw-app-page .settings-strategy-select:focus,
body.cw-auth-page input[type="text"]:focus,
body.cw-auth-page input[type="password"]:focus,
body.cw-auth-page input[type="url"]:focus,
body.cw-app-page select:focus,
body.cw-app-page textarea:focus,
body.cw-landing-page select:focus,
body.cw-landing-page input[type="text"]:focus,
body.cw-landing-page textarea:focus {
    background: var(--field-bg-focus);
    border-color: var(--dust-teal);
    border-left-width: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: none;
}

.cw-logo-image {
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.28));
}

.cw-header-brandplate,
.cw-logo-plate,
.cw-auth-brand {
    background: rgba(37, 37, 45, 0.72);
    border: 1px solid var(--panel-border);
    border-radius: 16px;
    box-shadow: var(--panel-shadow-soft);
}

.cw-header-brandplate {
    padding: 7px 10px;
    min-height: 40px;
}

.cw-logo-plate,
.cw-auth-brand {
    padding: 14px 18px;
}

.cw-logo-image--header {
    height: 24px;
}

.cw-logo-image--hero {
    max-width: 230px;
}

.cw-logo-image--auth {
    max-width: 200px;
}

.cw-window-controls {
    gap: 8px;
}

.cw-window-controls span {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
}

.cw-window-controls span:nth-child(1) {
    background: var(--dust-salmon);
}

.cw-window-controls span:nth-child(2) {
    background: var(--dust-gold);
}

.cw-window-controls span:nth-child(3) {
    background: var(--dust-teal);
}

.cw-chip,
.cw-ledger-state,
body.cw-app-page .header-view-label,
body.cw-app-page .header-status,
body.cw-app-page .header-url,
body.cw-app-page .bg-activity,
body.cw-app-page .compare-count,
body.cw-app-page .reasoning-mode-badge,
body.cw-app-page .question-class-badge,
body.cw-app-page .column-badge,
body.cw-app-page .memory-indicator,
body.cw-app-page .thoughts-column-count,
body.cw-app-page .mem-badge,
body.cw-app-page .font-size-display {
    background: rgba(37, 37, 45, 0.72);
    color: rgba(224, 224, 216, 0.84);
    border: 1px solid var(--panel-border);
    border-radius: 999px;
}

body.cw-app-page .header-status-dot,
body.cw-app-page .bg-activity-dot,
body.cw-app-page #statusText::before {
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(106, 138, 138, 0.12);
}

body.cw-app-page .model-shell {
    width: min(100%, 1640px);
    min-height: calc(100vh - 32px);
}

body.cw-app-page .terminal-body,
body.cw-app-page .view-container,
body.cw-app-page .input-area,
body.cw-app-page .input-pedestal {
    background: transparent;
}

body.cw-app-page .sidebar,
body.cw-app-page .chat-area,
body.cw-app-page .thoughts-column,
body.cw-app-page .chat-column,
body.cw-app-page .nexis-dashboard-card,
body.cw-app-page .learning-card,
body.cw-app-page .analytics-card,
body.cw-app-page .settings-card {
    padding: 14px;
}

body.cw-app-page .conversation-list,
body.cw-app-page .messages-container,
body.cw-app-page .column-messages,
body.cw-app-page .thoughts-column-messages,
body.cw-app-page .compare-dropdown-list,
body.cw-app-page #workspaceSelectorList,
body.cw-app-page .view-content,
body.cw-app-page .bg-results-list,
body.cw-app-page .shortcuts-content,
body.cw-app-page .modal-body,
body.cw-app-page .thoughts-noun-table {
    background: rgba(15, 15, 18, 0.72);
    border: 1px solid var(--panel-border);
    border-radius: 16px;
    padding: 12px;
}

body.cw-app-page .conversation-item {
    margin-bottom: 8px;
    padding: 11px 12px;
    background: rgba(37, 37, 45, 0.6) !important;
    border: 1px solid var(--panel-border) !important;
    border-left: 3px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

body.cw-app-page .conversation-item:hover {
    background: rgba(37, 37, 45, 0.9) !important;
    border-left-color: var(--dust-teal) !important;
}

body.cw-app-page .conversation-item.active {
    background: rgba(106, 138, 138, 0.12) !important;
    border-left-color: var(--dust-cyan) !important;
    box-shadow: inset 0 0 0 1px rgba(122, 154, 154, 0.12) !important;
}

body.cw-app-page .conversation-title,
body.cw-app-page .conversation-item.active .conversation-title,
.cw-record-list strong,
.cw-command-band__label,
.cw-ledger-table thead th,
.cw-auth-section-title,
body.cw-app-page .empty-state-card-title {
    color: var(--white);
}

body.cw-app-page .conversation-empty,
body.cw-app-page .thoughts-column-empty,
body.cw-app-page .shortcuts-no-results {
    background: rgba(26, 26, 31, 0.72);
    border: 1px dashed color-mix(in srgb, var(--mist) 50%, transparent);
    border-radius: 16px;
    color: rgba(224, 224, 216, 0.72);
}

body.cw-app-page .message {
    margin-bottom: 14px;
    padding: 14px 16px;
    background: rgba(26, 26, 31, 0.88);
    border: 1px solid var(--panel-border);
    border-left: 3px solid var(--dust-teal);
    border-radius: 14px;
    box-shadow: var(--panel-shadow-soft);
}

body.cw-app-page .message.user {
    background: rgba(42, 34, 36, 0.82);
    border-left-color: var(--dust-salmon);
}

body.cw-app-page .message.system {
    border-left-color: var(--dust-gold);
}

body.cw-app-page .message-author,
body.cw-app-page .message-content h1,
body.cw-app-page .message-content h2,
body.cw-app-page .message-content h3 {
    color: var(--white);
}

body.cw-app-page .message-time,
body.cw-app-page .conv-title-bar-topics,
body.cw-app-page .multiselect-count,
body.cw-app-page .thoughts-column-empty-text,
body.cw-app-page .setting-description,
body.cw-app-page .settings-hint,
body.cw-app-page .accessibility-desc,
body.cw-app-page .shortcut-desc,
body.cw-app-page .accessibility-shortcut,
body.cw-app-page .cw-widget-copy {
    color: rgba(224, 224, 216, 0.64);
}

body.cw-app-page .message-content code,
body.cw-app-page .shortcut-key,
body.cw-app-page kbd {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    color: var(--white);
    padding: 2px 6px;
}

body.cw-app-page .message-content pre,
body.cw-app-page .message-content blockquote {
    background: rgba(15, 15, 18, 0.84);
    border: 1px solid var(--panel-border);
    border-left: 3px solid var(--dust-cyan);
    border-radius: 12px;
    color: var(--white);
}

body.cw-app-page .empty-state {
    background: transparent;
    gap: 18px;
    padding: 8px 0;
}

body.cw-app-page .empty-state-cloud {
    display: block;
    color: rgba(176, 168, 128, 0.72);
}

body.cw-app-page .empty-state-cards {
    gap: 12px;
}

body.cw-app-page .empty-state-card {
    gap: 8px;
    padding: 16px;
    background: rgba(26, 26, 31, 0.88);
    border: 1px solid var(--panel-border);
    border-radius: 14px;
    box-shadow: var(--panel-shadow-soft);
    transition:
        transform 0.25s var(--spring-smooth),
        border-color 0.25s ease,
        background 0.25s ease;
}

body.cw-app-page .empty-state-card:hover {
    transform: translateY(-3px);
    background: rgba(37, 37, 45, 0.96);
    border-color: var(--dust-teal);
}

body.cw-app-page .empty-state-card-icon,
body.cw-app-page .empty-state-features-dot {
    color: var(--dust-gold);
    background: var(--dust-gold);
}

body.cw-app-page .empty-state-features {
    gap: 8px;
    color: rgba(224, 224, 216, 0.58);
}

body.cw-app-page .pipeline-progress,
body.cw-app-page .mn-pipeline-flow,
body.cw-app-page .mn-pipeline-progress,
body.cw-app-page .mn-typing-indicator,
body.cw-app-page .setting-row,
body.cw-app-page .accessibility-row,
body.cw-app-page .accessibility-shortcut-item,
body.cw-app-page .shortcut-item {
    background: rgba(15, 15, 18, 0.72) !important;
    border: 1px solid var(--panel-border) !important;
    border-radius: 16px;
}

body.cw-app-page .mn-stage-circle {
    background: rgba(37, 37, 45, 0.8);
    border: 1px solid color-mix(in srgb, var(--mist) 58%, transparent);
    border-radius: 999px;
}

body.cw-app-page .mn-stage-node.active .mn-stage-circle,
body.cw-app-page .mn-stage-node.running .mn-stage-circle,
body.cw-app-page .mn-pipeline-progress-fill {
    background: var(--dust-teal);
    color: var(--void);
}

body.cw-app-page .mn-stage-node.complete .mn-stage-circle {
    background: var(--dust-gold);
    color: var(--void);
}

body.cw-app-page .mn-stage-node.error .mn-stage-circle {
    background: var(--dust-salmon);
    color: var(--void);
}

.cw-record-list li,
.cw-auth-metric,
.cw-auth-stat {
    background: rgba(26, 26, 31, 0.86);
    border: 1px solid var(--panel-border);
    border-left: 3px solid var(--dust-teal);
    border-radius: 12px;
}

.cw-landing-shell,
.cw-auth-shell {
    max-width: 1520px;
    margin: 0 auto;
}

.cw-landing-window,
.cw-auth-window,
.cw-privacy-window {
    overflow: hidden;
}

.cw-command-band,
.cw-statusbar {
    background:
        linear-gradient(135deg, rgba(106, 138, 138, 0.08) 0%, transparent 46%),
        rgba(26, 26, 31, 0.92);
    border-bottom: 1px solid var(--divider);
}

.cw-command-band,
.cw-statusbar,
.cw-statusbar-panel {
    padding-left: 18px;
    padding-right: 18px;
}

.cw-command-band__status,
.cw-action-row,
.cw-auth-links,
.cw-form-actions,
.cw-privacy-actions,
.cw-widget-actions {
    gap: 10px;
    flex-wrap: wrap;
}

.cw-command-band__label {
    font-size: 1rem;
    letter-spacing: 0.34em;
    text-transform: uppercase;
}

.cw-landing-hero,
.cw-landing-grid,
.cw-landing-ledger,
.cw-auth-layout {
    gap: 18px;
    padding: 18px;
    background: transparent;
}

.cw-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.cw-metric {
    padding: 16px;
    background: rgba(26, 26, 31, 0.86);
    border: 1px solid var(--panel-border);
    border-radius: 14px;
}

.cw-metric dt {
    color: var(--mist);
    font-size: 0.68rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.cw-metric dd {
    margin-top: 8px;
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 600;
}

.cw-ledger-table {
    background: transparent;
    border-collapse: separate;
    border-spacing: 0 10px;
    border: 0;
}

.cw-ledger-table thead th {
    background: transparent;
    border-bottom: 0;
    color: rgba(224, 224, 216, 0.54);
    font-size: 0.68rem;
    letter-spacing: 0.22em;
    padding: 0 12px 4px;
}

.cw-ledger-table tbody tr {
    background: rgba(26, 26, 31, 0.9);
    box-shadow: var(--panel-shadow-soft);
}

.cw-ledger-table tbody td {
    padding: 16px 14px;
    border-top: 1px solid var(--panel-border);
    border-bottom: 1px solid var(--panel-border);
    color: var(--white);
}

.cw-ledger-table tbody td:first-child {
    border-left: 1px solid var(--panel-border);
    border-radius: 14px 0 0 14px;
}

.cw-ledger-table tbody td:last-child {
    border-right: 1px solid var(--panel-border);
    border-radius: 0 14px 14px 0;
}

.cw-ledger-state--ok {
    background: var(--accent-teal-soft);
    border-color: rgba(106, 138, 138, 0.28);
    color: var(--white);
}

.cw-ledger-state--warn {
    background: var(--accent-gold-soft);
    border-color: rgba(176, 168, 128, 0.28);
    color: var(--white);
}

.cw-auth-intro,
.cw-auth-panel,
.cw-auth-record,
.cw-auth-form-panel,
.cw-privacy-content,
.cw-landing-grid .cw-panel,
.cw-landing-ledger .cw-panel {
    padding: 20px;
}

.cw-input-wrap {
    gap: 8px;
}

.cw-form-divider {
    position: relative;
    text-align: center;
}

.cw-form-divider::before {
    content: "";
    position: absolute;
    inset: 50% 0 auto;
    height: 1px;
    background: var(--divider);
}

.cw-form-divider span {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background: var(--charcoal);
    color: rgba(224, 224, 216, 0.6);
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.cw-key-card,
.mn-password-strength,
.cw-form-message,
.cw-modal-body {
    background: rgba(15, 15, 18, 0.68);
    border-radius: 16px;
}

.cw-form-message--muted {
    color: rgba(224, 224, 216, 0.62);
}

.cw-form-message--error {
    color: #f1c3c3;
}

.cw-form-message--success {
    color: #d1e2d7;
}

.cw-statusbar {
    gap: 0;
    border-top: 1px solid var(--divider);
}

.cw-statusbar-panel,
body.cw-app-page .status-bar > span {
    min-height: 54px;
    border-left: 0;
    border-right: 1px solid var(--divider);
    color: rgba(224, 224, 216, 0.7);
}

.cw-statusbar-panel:first-child,
body.cw-app-page .status-bar > span:first-child {
    color: var(--white);
}

body.cw-app-page ::-webkit-scrollbar,
body.cw-auth-page ::-webkit-scrollbar,
body.cw-landing-page ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.cw-app-page ::-webkit-scrollbar-track,
body.cw-auth-page ::-webkit-scrollbar-track,
body.cw-landing-page ::-webkit-scrollbar-track {
    background: transparent;
}

body.cw-app-page ::-webkit-scrollbar-thumb,
body.cw-auth-page ::-webkit-scrollbar-thumb,
body.cw-landing-page ::-webkit-scrollbar-thumb {
    background: rgba(74, 74, 85, 0.8);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

body.cw-app-page ::-webkit-scrollbar-thumb:hover,
body.cw-auth-page ::-webkit-scrollbar-thumb:hover,
body.cw-landing-page ::-webkit-scrollbar-thumb:hover {
    background: rgba(106, 138, 138, 0.72);
    background-clip: padding-box;
}

@media (max-width: 1024px) {
    body.cw-app-page .model-shell {
        min-height: 100vh;
    }

    body.cw-app-page .header-bar {
        padding: 14px;
    }

    .cw-command-band,
    .cw-landing-hero,
    .cw-landing-grid,
    .cw-landing-ledger,
    .cw-auth-layout {
        padding: 16px;
    }
}

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