body {} /* ───────────────────────────────────────────────────────────────── Mobile page-overflow guard (global). Many components use `white-space: nowrap` for ellipsis truncation on names, badges, status pills, etc. Without `min-width: 0` on their flex parents, the nowrap content expands past the viewport and the whole page horizontally scrolls — phones swipe sideways instead of feeling responsive. Three layers: 1. Clamp / AND Nuxt's root wrappers (#__nuxt, #__layout) to viewport width and clip what spills. The Nuxt wrappers don't inherit body's clip, so they need their own. 2. Force `min-width: 0` on direct children of the codebase's actual flex containers — both Bootstrap utilities and the custom shells (`.app-shell` is `display: flex` in plain CSS, not `.d-flex`, so it needs explicit handling). 3. Clip overflow on `.app-main` itself so chat content with nowrap pills/code blocks can't push the layout wider than the sidebar-adjusted column. Inner scrollable regions (carousels, code blocks) keep their own horizontal scroll because this only constrains structural roots. ───────────────────────────────────────────────────────────────── */ @media (max-width: 767px) { html, body, #__nuxt, #__layout { overflow-x: hidden; max-width: 100vw; } .d-flex > *, .d-inline-flex > *, .flex-row > *, .flex-column > *, .app-shell > * { min-width: 0; } .app-main { min-width: 0; overflow-x: hidden; max-width: 100vw; } } /* ───────────────────────────────────────────────────────────────────── Canvas mobile pattern — pattern A: bottom-up sheets. Used by planner / journal / research / course drawers and file-viewer. Phones get a hamburger top menu and a pull-up right pane. Each drawer tags its existing topbar with `.canvas-mobile-topbar` and its right pane with `.canvas-mobile-sheet`, then toggles `.is-mobile-open` from a mobile-only trigger button. Below 768px: - The topbar collapses behind a hamburger; tap to expand items vertically as a slide-down menu. - The right pane drops to the viewport bottom as a 70vh sheet with a grab handle. Tap the handle (or the floating "Suggestions" pill) to toggle between peek and full-open. Desktop is untouched — the rules only apply at the breakpoint. ─────────────────────────────────────────────────────────────────── */ /* Mobile-only affordances are hidden by default; the media query re-enables them. Pill + backdrop need the same default-hidden so they don't leak onto desktop as unstyled elements. */ .canvas-mobile-trigger, .canvas-mobile-sheet-pill, .canvas-mobile-backdrop { display: none !important; } @media (max-width: 767px) { .canvas-mobile-trigger { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; flex-shrink: 0; transition: background-color 0.15s ease; } body[theme="dark"] .canvas-mobile-trigger:hover { background: rgba(255,255,255,0.08); } body[theme="light"] .canvas-mobile-trigger:hover { background: rgba(0,0,0,0.05); } /* Topbar: only the back button, title, and the hamburger trigger remain visible. All other action items hide until the menu opens. Drawers tag the always-visible items with `.canvas-mobile-keep`. */ .canvas-mobile-topbar > :not(.canvas-mobile-keep):not(.canvas-mobile-trigger) { display: none !important; } .canvas-mobile-topbar.is-mobile-open { flex-wrap: wrap; align-items: stretch; position: relative; z-index: 9998; } .canvas-mobile-topbar.is-mobile-open > :not(.canvas-mobile-keep):not(.canvas-mobile-trigger) { display: inline-flex !important; flex-basis: 100%; margin-top: 6px; } /* Right pane → bottom sheet. `!important` on display overrides the per-component `.pc-suggestions-col { display:none }` mobile rule that was the previous "hide right pane" strategy. */ .canvas-mobile-sheet { display: flex !important; flex-direction: column; position: fixed !important; left: 0; right: 0; bottom: 0; width: 100% !important; max-width: 100% !important; max-height: 75vh; border-left: none !important; border-top: 1px solid rgba(127,127,127,0.2); border-radius: 16px 16px 0 0; transform: translateY(calc(100% - 56px)); transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1); z-index: 9999; box-shadow: 0 -8px 28px rgba(0,0,0,0.18); overflow-y: auto; /* Reserve space for the absolutely-positioned grab handle below so scrolling content doesn't slide under it. */ padding-top: 32px; } .canvas-mobile-sheet.is-mobile-open { transform: translateY(0); } /* Grab handle: absolute, anchored to the sheet (which is position:fixed), so it stays pinned at the top regardless of inner scroll position. The 4px pill is drawn centered inside a 20px sheet-colored band. */ .canvas-mobile-sheet::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 32px; z-index: 2; border-radius: 16px 16px 0 0; background-repeat: no-repeat; background-position: center 14px; background-size: 40px 4px; pointer-events: none; } body[theme="dark"] .canvas-mobile-sheet::before { background-color: #1b1b1b; background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.35)); } body[theme="light"] .canvas-mobile-sheet::before { background-color: #fafafa; background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)); } /* Pull-up trigger pill, top-right hidden state when the sheet is open. */ .canvas-mobile-sheet-pill { display: inline-flex !important; position: fixed; bottom: 16px; right: 16px; z-index: 9998; padding: 10px 16px; border-radius: 999px; font-size: 12px; font-weight: 600; align-items: center; gap: 6px; cursor: pointer; background: linear-gradient(135deg, #a78bfa, #7c3aed); color: #fff; border: 0; box-shadow: 0 4px 14px rgba(124,58,237,0.4); } .canvas-mobile-sheet-pill.is-mobile-open { display: none !important; } /* Backdrop covers the canvas while a menu or sheet is open. */ .canvas-mobile-backdrop { display: block !important; position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9997; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; } .canvas-mobile-backdrop.is-active { opacity: 1; pointer-events: auto; touch-action: none; overscroll-behavior: contain; } /* Theme paint for the sheet — kept inside the query so desktop rendering of the underlying col is unaffected. */ body[theme="dark"] .canvas-mobile-sheet { background: #1b1b1b; color: rgba(255,255,255,0.92); } body[theme="light"] .canvas-mobile-sheet { background: #fafafa; color: rgba(0,0,0,0.88); } } /* dark theme — adopted from journal canvas */ body[theme="dark"] { background-color: #1b1b1b !important; color: rgba(255,255,255,.88) !important; } body[theme="dark"] header { background-color: #1b1b1b !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; } /*body[theme="dark"] .message-body,*/ body[theme="dark"] .web-content-body, body[theme="dark"] .user-dp, body[theme="dark"] .el-avatar, body[theme="dark"] .message-input-container, body[theme="dark"] .el-step__icon { background-color: rgba(255,255,255,0.03) !important; color: rgba(255,255,255,.88) !important; } body[theme="dark"] .bg-gray { background-color: #1b1b1b !important; } body[theme="dark"] .el-step__icon.is-text { color: rgba(255,255,255,.6) !important; } body[theme="dark"] .el-step__title.is-wait { color: rgba(255,255,255,.45) !important; } body[theme="dark"] .el-step__title.is-process { color: #fff !important; } body[theme="dark"] .text-sub-heading { color: rgba(255,255,255,.9) !important; } body[theme="dark"] .el-form--label-top .el-form-item__label { color: rgba(255,255,255,.6) !important; } body[theme="dark"] .divider { border-bottom: 1px solid rgba(255,255,255,0.07) !important; } body[theme="dark"] .el-collapse-item__header { border-bottom: 1px solid rgba(255,255,255,0.07) !important; } body[theme="dark"] .border-1 { border: 1px solid rgba(255,255,255,0.07) !important; } body[theme="dark"] .active-content { background-color: rgba(255,255,255,0.05) !important; } body[theme="dark"] .hexagon-outer { background-color: rgba(255,255,255,0.03); } body[theme="dark"] .list-view-loader-item { background-color: rgba(255,255,255,0.03) !important; background: rgba(255,255,255,0.03) !important; } body[theme="dark"] .interaction-shortcut { background-color: #1b1b1b !important; } body[theme="dark"] .interaction-shortcut .shortcut { background-color: rgba(255,255,255,0.05) !important; } body[theme="dark"] .el-radio.is-bordered, body[theme="dark"] .el-checkbox.is-bordered { border: 1px solid rgba(255,255,255,0.07) !important; } body[theme="dark"] #or::before, body[theme="dark"] #or::after { background-color: rgba(255,255,255,0.07) !important; } body[theme="dark"] .el-popover { background-color: #1b1b1b !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(255,255,255,.88) !important; } body[theme="dark"] .el-popover .popper__arrow::after { border-bottom-color: #1b1b1b !important; } body[theme="dark"] .el-popover .popper__arrow { border-bottom-color: rgba(255,255,255,0.07) !important; } /* light theme — refined to match journal canvas approach */ body[theme="light"] { background-color: #fafafa !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] header { background-color: #fafafa !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; } body[theme="light"] .message-input-container { background-color: #fff !important; } body[theme="light"] .bg-gray { background-color: #fafafa !important; } body[theme="light"] .ai-interactive-container .message-body, body[theme="light"] .ai-interactive-container .user-dp, body[theme="light"] .ai-interactive-container .el-avatar { background-color: rgba(124,58,237,0.04) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .user-interactive-container .message-body, body[theme="light"] .user-interactive-container .user-dp, body[theme="light"] .user-interactive-container .el-avatar, body[theme="light"] .el-step__icon { background-color: rgba(0,0,0,0.03) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .el-step__icon { color: rgba(0,0,0,.7) !important; } body[theme="light"] .text-sub-heading { color: rgba(0,0,0,.9) !important; } body[theme="light"] .divider { border-bottom: 1px solid rgba(0,0,0,0.06) !important; } body[theme="light"] .border-1 { border-bottom: 1px solid rgba(0,0,0,0.08) !important; } body[theme="light"] .el-collapse-item__header { border-bottom: 1px solid rgba(0,0,0,0.06) !important; } body[theme="light"] .active-content { background-color: rgba(124,58,237,0.04) !important; } body[theme="light"] .hexagon-outer { background-color: rgba(0,0,0,0.02); } body[theme="light"] .list-view-loader-item { background-color: rgba(0,0,0,0.03) !important; background: rgba(0,0,0,0.03) !important; } body[theme="light"] .interaction-shortcut { background-color: #fafafa !important; } body[theme="light"] .interaction-shortcut .shortcut { background-color: rgba(0,0,0,0.03) !important; } body[theme="light"] #or::before, body[theme="light"] #or::after { background-color: rgba(0,0,0,0.08) !important; } body[theme="light"] .el-popover { background-color: #fff !important; border-color: rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.85) !important; } /* others */ /* .el-collapse .el-collapse-item__header:last-child { border-bottom: 0px solid transparent !important; } */ .el-collapse-item__content, .el-collapse-item__header, .el-step__icon { color: inherit !important; } .text-sub-heading { font-size: 1.5rem !important; } .nav-top-icon { font-size: 25px !important; cursor: pointer; } .nav-icon.active, .active .nav-icon { background: -webkit-linear-gradient(-70deg, #db469f, #2188ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .nav-menu .nav-icon, .message-input .bx { color: #b4b4b4; } .text-gray { color: #b4b4b4; } .container-interactive { height: 100%; } .container-interactive>.message-input { width: 100%; } .message-input .el-input__inner, .message-input .el-textarea__inner { background-color: transparent; border: 0px !important; width: 100% !important; color: inherit; } .message-input .el-input__inner::placeholder, .message-input .el-textarea__inner::placeholder {} .user-dp { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #f1f1f1 !important; } .user-dp>div { display: flex; justify-content: center; align-items: center; height: 100%; color: inherit !important; font-size: 11px !important; } .message-body { /* padding: 15px;*/ border-radius: 12px !important; display: inline-table; border-style: none !important; } .ai-interactive-container {} .user-interactive-container { flex-direction: row-reverse; text-align: left; } .message-body, .web-content-body, .bg-gray { /* background-color: #2a2828 ; /*background-color: #313131 !important;*/ } .ai-interactive-container .message-body { /* background-color: #f6f4fa !important; */ } .user-interactive-container .message-body { /* background-color: #fbf1f1 !important; */ } #customizer { position: fixed; top: 0; padding: 20px 5px; background-color: #fff; width: 100px; right: -100px; transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); z-index: 99999; font-weight: inherit; bottom: 0; } #customizer .options { background: -webkit-linear-gradient(-70deg, #db469f, #2188ff); width: 30px; position: absolute; top: 250px; left: -25px; cursor: pointer; border-left: 0; border-radius: 0; padding: 0; border-radius: 5px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border: 0px solid #e7e7e7; border-right: 0; box-sizing: border-box; } .scroll-container { width: 900px; overflow-x: auto; overflow-y: hidden; display: flex; gap: 10px; } .item { flex-shrink: 0; /* Prevent items from shrinking to fit the container */ width: 100px; /* Set a fixed width for each item */ height: 110px; display: flex; } @media only screen and (max-width: 768px) { .scroll-container { width: 340px; } } /* ── from components/discover/interest-list-view.vue ── */ body[theme="light"] .dc-item { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .dc-item-title { color: rgba(0,0,0,.9); } body[theme="light"] .dc-item-desc { color: rgba(0,0,0,.5); } body[theme="light"] .dc-item-count { color: #7c3aed; background: rgba(124,58,237,.08); } body[theme="light"] .dc-post-card { border-color: rgba(0,0,0,.08); } body[theme="light"] .dc-post-card:hover { background: rgba(124,58,237,.04); border-color: rgba(124,58,237,.25); } body[theme="light"] .dc-post-title { color: rgba(0,0,0,.9); } body[theme="light"] .dc-post-snippet { color: rgba(0,0,0,.55); } body[theme="light"] .dc-product-card { border-color: rgba(0,0,0,.08); } body[theme="light"] .dc-product-card:hover { background: rgba(124,58,237,.04); border-color: rgba(124,58,237,.25); } body[theme="light"] .dc-product-thumb { background: rgba(0,0,0,.04); } body[theme="light"] .dc-product-name { color: rgba(0,0,0,.9); } body[theme="light"] .dc-product-desc { color: rgba(0,0,0,.55); } body[theme="light"] .dc-product-price { color: #7c3aed; } body[theme="light"] .dc-chip { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: rgba(0,0,0,.7); } body[theme="light"] .dc-chip:hover { background: rgba(124,58,237,.06); border-color: rgba(124,58,237,.25); color: #7c3aed; } /* ── from components/nav-menu/account-dropdown.vue ── */ body[theme="light"] .account-dropdown-popover.el-popover { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); } /* ── from components/nav-menu/chat-list.vue ── */ body[theme="light"] .chat-list-popover.el-popover { background: rgba(255, 255, 255, 0.98); border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); } /* ── from components/nav-menu/top.vue ── */ body[theme="light"] .drawer-divider { background: rgba(0, 0, 0, 0.06); } body[theme="light"] .drawer-account-section .divider { border-color: rgba(0, 0, 0, 0.07); } /* ── from components/account/apps.vue ── */ body[theme="light"] .apps-pagination-btn { border-color: rgba(124, 58, 237, 0.28); color: #7c3aed; } /* ── from components/interaction/chat-empty-state.vue ── */ body[theme="dark"] .chat-empty-title { color: rgba(255,255,255,0.95); } body[theme="dark"] .chat-empty-subtitle { color: rgba(255,255,255,0.5); } body[theme="dark"] .chat-empty-card { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.08); } body[theme="dark"] .chat-empty-card:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); } body[theme="dark"] .chat-empty-card-icon { background: rgba(255,255,255,0.04); } body[theme="dark"] .chat-empty-card-title { color: rgba(255,255,255,0.95); } body[theme="dark"] .chat-empty-card-desc { color: rgba(255,255,255,0.5); } body[theme="light"] .chat-empty-title { color: rgba(0,0,0,0.9); } body[theme="light"] .chat-empty-subtitle { color: rgba(0,0,0,0.5); } body[theme="light"] .chat-empty-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); } body[theme="light"] .chat-empty-card:hover { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.15); } body[theme="light"] .chat-empty-card-icon { background: rgba(0,0,0,0.04); } body[theme="light"] .chat-empty-card-title { color: rgba(0,0,0,0.9); } body[theme="light"] .chat-empty-card-desc { color: rgba(0,0,0,0.5); } /* ── from components/interaction/sandbox-stream-viewer.vue ── */ body[theme="light"] .ssv-overlay { background: rgba(0, 0, 0, 0.45); } body[theme="light"] .ssv-container { background: #ffffff; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.15); } body[theme="light"] .ssv-header { background: #f6f4fa; border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .ssv-url { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .ssv-close { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .ssv-close:hover { color: #1a1a1a; background: rgba(0, 0, 0, 0.06); } body[theme="light"] .ssv-loading { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .ssv-spinner { border-color: rgba(0, 0, 0, 0.08); border-top-color: #7c3aed; } body[theme="light"] .ssv-bubble-inner { background: #ffffff; border-color: rgba(124, 58, 237, 0.3); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); } body[theme="light"] .ssv-bubble-coords { color: rgba(0, 0, 0, 0.4); } body[theme="light"] .ssv-bubble-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.1); color: #1a1a1a; } body[theme="light"] .ssv-bubble-input::placeholder { color: rgba(0, 0, 0, 0.3); } body[theme="light"] .ssv-bubble-btn--click { background: rgba(124, 58, 237, 0.08); color: #6d28d9; } body[theme="light"] .ssv-bubble-btn--click:hover { background: rgba(124, 58, 237, 0.14); } body[theme="light"] .ssv-bubble-btn--close { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.5); } /* ── from components/interaction/canvas/planner-drawer.vue ── */ body[theme="light"] .pc-loading-overlay, body[theme="light"] .jc-loading-overlay { background: rgba(250,250,250,0.7) !important; color: rgba(0,0,0,.5) !important; } body[theme="light"] .pc-block--milestone { background: rgba(124,58,237,0.04); } body[theme="light"] .pc-block--milestone .pc-block-icon { color: #7c3aed; } body[theme="light"] .pc-block--milestone .pc-block-title { color: #7c3aed; } body[theme="light"] .pc-block--task { background: rgba(5,150,105,0.03); } body[theme="light"] .pc-block--task:hover { background: rgba(5,150,105,0.07); } body[theme="light"] .pc-block-check { color: rgba(0,0,0,0.2); } body[theme="light"] .pc-block-check:hover { color: #059669; } body[theme="light"] .pc-block-due { color: rgba(0,0,0,0.4); background: rgba(0,0,0,0.04); } body[theme="light"] .pc-block--deadline { background: rgba(220,38,38,0.03); } body[theme="light"] .pc-block--deadline .pc-block-icon { color: #dc2626; } body[theme="light"] .pc-block--deadline .pc-block-text { color: #dc2626; } body[theme="light"] .pc-block--in_progress { background: rgba(59,130,246,0.04); } body[theme="light"] .pc-block--blocked { background: rgba(220,38,38,0.04); } body[theme="dark"] .pc-bubble, .pc-bubble { background: #2a2828; border: 1px solid #3f3e3e; box-shadow: 0 8px 24px rgba(0,0,0,0.4); color: #f1f1f1; } body[theme="dark"] .pc-bubble-entity, .pc-bubble-entity { border-bottom: 1px solid #3f3e3e; } body[theme="dark"] .pc-bubble-entity-meta, .pc-bubble-entity-meta { color: rgba(241,241,241,0.45); } body[theme="dark"] .pc-bubble-actions button, .pc-bubble-actions button { background: rgba(255,255,255,0.06); color: rgba(241,241,241,0.7); } body[theme="dark"] .pc-bubble-actions button:hover, .pc-bubble-actions button:hover { background: rgba(167,139,250,0.2); color: #a78bfa; } body[theme="dark"] .pc-bubble-loading, .pc-bubble-loading { color: rgba(241,241,241,0.5); } body[theme="light"] .pc-bubble { background: #fff !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; color: #1a1a1a !important; } body[theme="light"] .pc-bubble-entity { border-bottom: 1px solid rgba(0,0,0,0.06) !important; } body[theme="light"] .pc-bubble-entity-meta { color: rgba(0,0,0,0.45) !important; } body[theme="light"] .pc-bubble-actions button { background: rgba(0,0,0,0.04) !important; color: rgba(0,0,0,0.65) !important; } body[theme="light"] .pc-bubble-actions button:hover { background: rgba(124,58,237,0.1) !important; color: #7c3aed !important; } body[theme="light"] .pc-bubble-loading { color: rgba(0,0,0,0.4) !important; } body[theme="light"] .pc-root { color: rgba(0,0,0,.85); } body[theme="light"] .pc-topbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .pc-title-input { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); } body[theme="light"] .pc-icon-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .pc-icon-btn.active { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .pc-stat-pill { background: rgba(52,211,153,0.08); border-color: rgba(52,211,153,0.15); } body[theme="light"] .pc-toggle { background: rgba(0,0,0,0.04); } body[theme="light"] .pc-toggle-btn.active { background: rgba(0,0,0,0.08); } body[theme="light"] .pc-toolbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .pc-toolbar-sep { background: rgba(0,0,0,0.08); } body[theme="light"] .pc-toolbar-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .pc-toolbar-btn.active { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .pc-insert-btn { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,.6); } body[theme="light"] .pc-insert-btn:hover { background: rgba(0,0,0,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .pc-paper { background: #fff; border-color: rgba(0,0,0,0.06); } body[theme="light"] .pc-paper-title { color: rgba(0,0,0,.85); } body[theme="light"] .pc-preview-inner { color: rgba(0,0,0,.85); } body[theme="light"] .pc-progress-bar { background: rgba(0,0,0,0.06); } body[theme="light"] .pc-suggestions-col { border-left-color: rgba(0,0,0,0.06) !important; } body[theme="light"] .pc-sugg-header { border-bottom-color: rgba(0,0,0,0.06) !important; } body[theme="light"] .pc-sugg-prompt-input { background: rgba(0,0,0,0.03) !important; border: 1px solid rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .pc-sugg-prompt-btn { color: #7c3aed !important; } body[theme="light"] .pc-sugg-card { border: 1px solid rgba(0,0,0,0.06) !important; background: #fff !important; } body[theme="light"] .pc-sugg-card:hover { border-color: rgba(124,58,237,0.3) !important; background: rgba(124,58,237,0.04) !important; } body[theme="light"] .pc-sugg-loading, body[theme="light"] .pc-sugg-empty { color: rgba(0,0,0,.4) !important; } body[theme="light"] .pc-epg-chip { background: rgba(0,0,0,0.03) !important; border: 1px solid rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.75) !important; } body[theme="light"] .pc-epg-chip:hover { background: rgba(124,58,237,0.08) !important; border-color: rgba(124,58,237,0.25) !important; color: #7c3aed !important; } body[theme="light"] .pc-epg-neutral { border-color: rgba(0,0,0,.1) !important; color: rgba(0,0,0,.6) !important; } body[theme="light"] .pc-routine-card { color: rgba(0,0,0,.65) !important; background: rgba(0,0,0,.03) !important; } body[theme="light"] .pc-sugg-tabs { border-bottom: 1px solid rgba(0,0,0,.08) !important; } body[theme="light"] .pc-sugg-tab { color: rgba(0,0,0,.4) !important; background: none !important; } body[theme="light"] .pc-sugg-tab.active { background: rgba(0,0,0,.06) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .pc-sugg-tab--context.active { background: rgba(16,185,129,.1) !important; color: #059669 !important; } body[theme="light"] .pc-history-card { border: 1px solid rgba(0,0,0,.08) !important; background: rgba(0,0,0,.02) !important; } body[theme="light"] .pc-history-label { color: rgba(0,0,0,.45) !important; } body[theme="light"] .pc-history-text { color: rgba(0,0,0,.85) !important; } body[theme="light"] .pc-history-divider { border-top: 1px solid rgba(0,0,0,.06) !important; } /* ── from components/interaction/canvas/app-cpanel.vue ── */ body[theme="dark"] .acp-drawer .el-drawer { background: #2a2828 !important; color: #f1f1f1 !important; } body[theme="light"] .acp-drawer .el-drawer { background: #f6f4fa !important; color: #1a1a1a !important; } /* ── from components/interaction/canvas/journal-drawer.vue ── */ body[theme="dark"] .jc-bubble { background: #2a2828 !important; border: 1px solid #3f3e3e !important; box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important; color: #f1f1f1 !important; } body[theme="dark"] .jc-bubble-entity { border-bottom: 1px solid #3f3e3e !important; } body[theme="dark"] .jc-bubble-entity-meta { color: rgba(241,241,241,0.45) !important; } body[theme="dark"] .jc-bubble-actions button { background: rgba(255,255,255,0.06) !important; color: rgba(241,241,241,0.7) !important; } body[theme="dark"] .jc-bubble-actions button:hover { background: rgba(167,139,250,0.2) !important; color: #a78bfa !important; } body[theme="dark"] .jc-bubble-loading { color: rgba(241,241,241,0.5) !important; } body[theme="light"] .jc-bubble { background: #fff !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; color: #1a1a1a !important; } body[theme="light"] .jc-bubble-entity { border-bottom: 1px solid rgba(0,0,0,0.06) !important; } body[theme="light"] .jc-bubble-entity-header { color: #1a1a1a !important; } body[theme="light"] .jc-bubble-entity-meta { color: rgba(0,0,0,0.45) !important; } body[theme="light"] .jc-bubble-actions button { background: rgba(0,0,0,0.04) !important; color: rgba(0,0,0,0.65) !important; } body[theme="light"] .jc-bubble-actions button:hover { background: rgba(124,58,237,0.1) !important; color: #7c3aed !important; } body[theme="light"] .jc-bubble-loading { color: rgba(0,0,0,0.4) !important; } body[theme="light"] .jc-root { color: rgba(0,0,0,.85); } body[theme="light"] .jc-topbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .jc-title-input { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); } body[theme="light"] .jc-icon-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .jc-icon-btn.active { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .jc-stat-pill { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); } body[theme="light"] .jc-toggle { background: rgba(0,0,0,0.04); } body[theme="light"] .jc-toggle-btn.active { background: rgba(0,0,0,0.08); } body[theme="light"] .jc-toolbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .jc-toolbar-sep { background: rgba(0,0,0,0.08); } body[theme="light"] .jc-toolbar-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .jc-toolbar-btn.active { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .jc-topbar-divider { background: rgba(0,0,0,0.08); } body[theme="light"] .jc-topbar-share-btn { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,.6); } body[theme="light"] .jc-topbar-share-btn:hover { background: rgba(0,0,0,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .jc-paper { background: #fff; border-color: rgba(0,0,0,0.06); } body[theme="light"] .jc-paper-title { color: rgba(0,0,0,.85); } body[theme="light"] .jc-preview-inner { color: rgba(0,0,0,.85); } body[theme="light"] .jc-suggestions-col { border-left-color: rgba(0,0,0,0.06) !important; } body[theme="light"] .jc-sugg-header { border-bottom-color: rgba(0,0,0,0.06) !important; } body[theme="light"] .jc-sugg-tabs { border-bottom: 1px solid rgba(0,0,0,.08) !important; } body[theme="light"] .jc-sugg-tab { color: rgba(0,0,0,.4) !important; background: none !important; } body[theme="light"] .jc-sugg-tab.active { background: rgba(0,0,0,.06) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .jc-sugg-tab--context.active { background: rgba(16,185,129,.1) !important; color: #059669 !important; } body[theme="light"] .jc-sugg-prompt-input { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .jc-sugg-prompt-btn { color: #7c3aed !important; } body[theme="light"] .jc-sugg-card { border-color: rgba(0,0,0,0.06) !important; background: #fff !important; } body[theme="light"] .jc-sugg-card:hover { border-color: rgba(124,58,237,0.3) !important; background: rgba(124,58,237,0.04) !important; } body[theme="light"] .jc-sugg-loading, body[theme="light"] .jc-sugg-empty { color: rgba(0,0,0,.4) !important; } body[theme="light"] .jc-epg-chip { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.75) !important; } body[theme="light"] .jc-epg-chip:hover { background: rgba(124,58,237,0.08) !important; border-color: rgba(124,58,237,0.25) !important; color: #7c3aed !important; } body[theme="light"] .jc-epg-like { color: #059669 !important; border-color: rgba(5,150,105,0.25) !important; } body[theme="light"] .jc-epg-dislike { color: #dc2626 !important; border-color: rgba(220,38,38,0.25) !important; } body[theme="light"] .jc-epg-allergy { color: #dc2626 !important; border-color: rgba(220,38,38,0.4) !important; background: rgba(220,38,38,0.05) !important; } body[theme="light"] .jc-epg-intolerance { color: #d97706 !important; border-color: rgba(217,119,6,0.25) !important; } body[theme="light"] .jc-epg-neutral { color: rgba(0,0,0,.45) !important; border-color: rgba(0,0,0,0.08) !important; } /* ── from components/interaction/canvas/workflow-drawer.vue ── */ body[theme="light"] .wfc-commerce-cta { background: linear-gradient(135deg, rgba(248,113,113,0.05), rgba(124,58,237,0.05)); border-color: rgba(248,113,113,0.2); } body[theme="light"] .wfc-commerce-cta:hover { background: linear-gradient(135deg, rgba(248,113,113,0.1), rgba(124,58,237,0.1)); } /* ── from components/interaction/action/schema-preview-tag-view.vue ── */ body[theme="light"] .schema-preview { border-color: rgba(14, 165, 233, 0.25); background: rgba(14, 165, 233, 0.04); } body[theme="light"] .schema-preview-header { border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .schema-preview-status--cancelled { color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.06); } body[theme="light"] .schema-preview-code { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .schema-preview-pill { background: rgba(14, 165, 233, 0.1); color: #0369a1; } body[theme="light"] .schema-preview-btn--ghost { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } body[theme="light"] .schema-preview-btn--ghost:hover:not(:disabled) { background: rgba(0, 0, 0, 0.08); } body[theme="light"] .schema-preview-footer-msg--cancelled { color: rgba(0, 0, 0, 0.5); } /* ── from components/interaction/action/plan-canvas-tag-view.vue ── */ body[theme="light"] .pctv-wrap { border-color: rgba(0,0,0,0.06); background: rgba(0,0,0,0.02); } body[theme="light"] .pctv-wrap:hover { border-color: rgba(124,58,237,0.25); background: rgba(124,58,237,0.03); } body[theme="light"] .pctv-progress-bar { background: rgba(0,0,0,0.06); } /* ── from components/interaction/action/action-tag-view.vue ── */ body[theme="dark"] .action-detail-drawer { background: #1b1b1b !important; color: rgba(255,255,255,.88) !important; } body[theme="dark"] .action-detail-drawer .el-drawer__body { background: #1b1b1b !important; } body[theme="dark"] .action-detail-icon { background: rgba(255,255,255,0.05); } body[theme="dark"] .action-detail-title { color: rgba(255,255,255,.88); } body[theme="dark"] .action-detail-desc { color: rgba(255,255,255,.45); } body[theme="dark"] .action-detail-section-label { color: rgba(255,255,255,.35); } body[theme="dark"] .action-detail-tag { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(255,255,255,.88) !important; } body[theme="dark"] .action-detail-tag:hover { border-color: rgba(255,255,255,0.2) !important; background: rgba(255,255,255,0.08) !important; color: #fff !important; } body[theme="dark"] .action-detail-go { border: 1px solid rgba(255,255,255,0.07); background: rgba(255,255,255,0.05); color: rgba(255,255,255,.88); } body[theme="dark"] .action-detail-go:hover { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.08); } body[theme="light"] .action-detail-drawer { background: #fafafa !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .action-detail-drawer .el-drawer__body { background: #fafafa !important; } body[theme="light"] .action-detail-icon { background: rgba(124,58,237,0.04); } body[theme="light"] .action-detail-title { color: rgba(0,0,0,.85); } body[theme="light"] .action-detail-desc { color: rgba(0,0,0,.5); } body[theme="light"] .action-detail-section-label { color: rgba(0,0,0,.4); } body[theme="light"] .action-detail-tag { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.06) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .action-detail-tag:hover { border-color: rgba(124,58,237,0.3) !important; background: rgba(124,58,237,0.04) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .action-detail-go { border: 1px solid rgba(0,0,0,0.06); background: rgba(0,0,0,0.03); color: rgba(0,0,0,.85); } body[theme="light"] .action-detail-go:hover { border-color: rgba(124,58,237,0.3); background: rgba(124,58,237,0.04); } /* ── from components/interaction/action/logic-preview-tag-view.vue ── */ body[theme="light"] .logic-preview { border-color: rgba(5, 150, 105, 0.25); background: rgba(5, 150, 105, 0.04); } body[theme="light"] .logic-preview-header { border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .logic-preview-status--cancelled { color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.06); } body[theme="light"] .logic-preview-code { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .logic-preview-pill { background: rgba(5, 150, 105, 0.1); color: #047857; } body[theme="light"] .logic-preview-btn--ghost { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } body[theme="light"] .logic-preview-btn--ghost:hover:not(:disabled) { background: rgba(0, 0, 0, 0.08); } body[theme="light"] .logic-preview-footer-msg--cancelled { color: rgba(0, 0, 0, 0.5); } /* ── from components/interaction/action/trigger-preview-tag-view.vue ── */ body[theme="light"] .trigger-preview { border-color: rgba(124, 58, 237, 0.25); background: rgba(124, 58, 237, 0.04); } body[theme="light"] .trigger-preview-header { border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .trigger-preview-status--cancelled { color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.06); } body[theme="light"] .trigger-preview-code { background: rgba(0, 0, 0, 0.05); } body[theme="light"] .trigger-preview-filter-block, body[theme="light"] .trigger-preview-action-block { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .trigger-preview-footer { border-top-color: rgba(0, 0, 0, 0.06); background: rgba(0, 0, 0, 0.015); } body[theme="light"] .trigger-preview-btn { border-color: rgba(0, 0, 0, 0.12); } body[theme="light"] .trigger-preview-btn--ghost:hover { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .trigger-preview-footer-msg { border-top-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .trigger-preview-footer-msg--cancelled { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .trigger-preview-link { color: #7c3aed; } /* ── from components/interaction/chat-input-bar.vue ── */ body[theme="light"] .chat-palette-inner { background: #fff; border-color: #e4e7ed; box-shadow: 0 8px 24px rgba(0,0,0,0.08); } body[theme="light"] .chat-md-preview .md-pre, body[theme="light"] .chat-md-preview .md-code { background: rgba(0,0,0,0.05); } /* ── from components/interaction/message.vue ── */ body[theme="light"] .msg-user-bubble { background: rgba(0,0,0,0.05); } body[theme="light"] .ai-msg-tool-btn { color: rgba(0,0,0,0.45); } body[theme="light"] .ai-msg-tool-btn:hover { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.85); } body[theme="light"] .ai-msg-tool-btn.active { color: #7c3aed; background: rgba(124,58,237,0.1); } body[theme="light"] .follow-up-section { border-top-color: rgba(0,0,0,0.06); } body[theme="light"] .follow-up-label { color: rgba(0,0,0,0.5); } body[theme="light"] .follow-up-chip { border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.75); } body[theme="light"] .follow-up-chip:hover { background: rgba(124,58,237,0.04); border-color: rgba(124,58,237,0.25); color: rgba(0,0,0,0.95); } body[theme="light"] .follow-up-chip:hover i { color: #7c3aed; } body[theme="light"] .msg-file-attachment { background: rgba(37,99,235,0.06); border-color: rgba(37,99,235,0.15); } body[theme="light"] .wf-tag-card { border-color: rgba(0,0,0,0.06); background: rgba(0,0,0,0.02); } body[theme="light"] .wf-tag-card:hover { border-color: rgba(220,38,38,0.25); background: rgba(220,38,38,0.03); } body[theme="light"] .msg-table-wrap { border-color: rgba(0,0,0,0.1); } body[theme="light"] .msg-table th { background: rgba(0,0,0,0.03); opacity: 1; color: rgba(0,0,0,0.6); } body[theme="light"] .msg-table th, body[theme="light"] .msg-table td { border-bottom-color: rgba(0,0,0,0.08); } body[theme="light"] .msg-table td { color: rgba(0,0,0,0.8); } body[theme="light"] .msg-inline-code { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); color: #1a1a1a; } body[theme="light"] .msg-hr { border-top-color: rgba(0,0,0,0.1); } body[theme="light"] .report-reason-chip { border-color: #dcdfe6; } body[theme="light"] .epg-provenance-chip { background: rgba(167, 139, 250, 0.06); border-color: rgba(167, 139, 250, 0.22); color: #333; } /* ── from components/interaction/chat.vue ── */ body[theme="light"] .chat-account-status { border-top-color: rgba(0,0,0,0.06); } body[theme="light"] .chat-file-pill { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); } body[theme="light"] .chat-trigger-edit-pill { background: rgba(124, 58, 237, 0.06); border-color: rgba(124, 58, 237, 0.28); color: #7c3aed; } body[theme="light"] .chat-database-edit-pill { background: rgba(14, 165, 233, 0.06); border-color: rgba(14, 165, 233, 0.28); color: #0369a1; } body[theme="light"] .chat-logic-edit-pill { background: rgba(5, 150, 105, 0.06); border-color: rgba(5, 150, 105, 0.28); color: #047857; } body[theme="light"] .wf-approval-card { border-color: rgba(220,38,38,0.15); background: rgba(220,38,38,0.02); } body[theme="light"] .chat-history-search-toggle { border-color: #e4e7ed; } /* ── from components/interaction/editor-extensions/editor-shared.css ── */ body[theme="light"] .editor-placeholder::before { color: rgba(0,0,0,.2); } body[theme="light"] .slash-menu { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 8px 30px rgba(0,0,0,0.12); } body[theme="light"] .slash-menu-item:hover, body[theme="light"] .slash-menu-item--active { background: rgba(0,0,0,0.04); } body[theme="light"] .slash-menu-icon { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.5); } body[theme="light"] .slash-menu-item[data-ai="true"] .slash-menu-icon { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .slash-menu-label { color: rgba(0,0,0,.85); } body[theme="light"] .slash-menu-desc { color: rgba(0,0,0,.4); } body[theme="light"] .ProseMirror th, body[theme="light"] .ProseMirror td, body[theme="light"] .pc-prose th, body[theme="light"] .pc-prose td, body[theme="light"] .jc-preview-inner th, body[theme="light"] .jc-preview-inner td { border-color: rgba(0,0,0,0.08); } body[theme="light"] .ProseMirror th, body[theme="light"] .pc-prose th, body[theme="light"] .jc-preview-inner th { background: rgba(0,0,0,0.03); } body[theme="light"] .ProseMirror .selectedCell { background: rgba(124,58,237,0.08); } body[theme="light"] .editor-upload-progress { background: rgba(0,0,0,0.04); } body[theme="light"] .ProseMirror a { color: #7c3aed; } body[theme="light"] .ProseMirror pre { background: rgba(0,0,0,0.03); } body[theme="light"] .ProseMirror code { background: rgba(0,0,0,0.06); } body[theme="light"] .ProseMirror hr { border-top-color: rgba(0,0,0,0.08); } body[theme="light"] .editor-mention { background: rgba(124,58,237,0.1); color: #7c3aed; } body[theme="light"] .mention-menu { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 8px 24px rgba(0,0,0,0.1); } body[theme="light"] .mention-menu-item { color: rgba(0,0,0,.8); } body[theme="light"] .mention-menu-item:hover, body[theme="light"] .mention-menu-item--active { background: rgba(0,0,0,0.04); } body[theme="light"] .editor-comment-mark { background: rgba(245,158,11,0.12); border-bottom-color: rgba(245,158,11,0.3); } body[theme="light"] .editor-eureka-mark[data-eureka-type="eureka"] { background: rgba(217,119,6,0.1); border-bottom-color: rgba(217,119,6,0.4); } body[theme="light"] .editor-eureka-mark[data-eureka-type="correlation"] { background: rgba(37,99,235,0.1); border-bottom-color: rgba(37,99,235,0.3); } body[theme="light"] .editor-eureka-mark[data-eureka-type="supporting"] { background: rgba(5,150,105,0.1); border-bottom-color: rgba(5,150,105,0.3); } body[theme="light"] .editor-eureka-mark[data-eureka-type="contradicting"] { background: rgba(220,38,38,0.1); border-bottom-color: rgba(220,38,38,0.3); } body[theme="light"] .editor-eureka-mark:hover { box-shadow: 0 0 12px rgba(217,119,6,0.15); } body[theme="light"] .pc-comment-popover, body[theme="light"] .jc-comment-popover { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 8px 24px rgba(0,0,0,0.1); } body[theme="light"] .pc-comment-popover-header { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .pc-comment-text, body[theme="light"] .jc-comment-text { color: rgba(0,0,0,.8); } body[theme="light"] .pc-comment-author, body[theme="light"] .jc-comment-author { color: #7c3aed; } body[theme="light"] .pc-comment-input, body[theme="light"] .jc-comment-input { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); } body[theme="light"] .editor-help-tip { color: rgba(0,0,0,.6); } body[theme="light"] .editor-help-key { background: rgba(0,0,0,0.05); color: rgba(0,0,0,.8); } body[theme="light"] .editor-collab-avatar { border-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-node-summary { background: rgba(37,99,235,0.04); border-color: rgba(37,99,235,0.12); } body[theme="light"] .rc-node-finding { border-left-color: #2563eb; background: rgba(37,99,235,0.03); } body[theme="light"] .rc-node-methodology { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-node-conclusion { border-top-color: rgba(37,99,235,0.15); } body[theme="light"] .rc-node-citation-block { background: rgba(37,99,235,0.03); } body[theme="light"] .rc-node-citation-block::before { background: rgba(37,99,235,0.1); color: #2563eb; } body[theme="light"] .rc-citation-ref { background: rgba(37,99,235,0.1); color: #2563eb; } body[theme="light"] .rc-citation-ref:hover { background: rgba(37,99,235,0.2); } /* ── from components/nav-menu/account-dropdown.vue (pass 2) ── */ body[theme="light"] .account-dropdown-trigger:hover, body[theme="light"] .account-dropdown-trigger--open { background: rgba(0, 0, 0, 0.05); } body[theme="light"] .account-dropdown-dot { border-color: #ffffff; } body[theme="light"] .account-dropdown-header-name, body[theme="light"] .account-dropdown-header-email { color: #1a1a1a; } body[theme="light"] .account-dropdown-divider { background: rgba(0, 0, 0, 0.07); } body[theme="light"] .account-dropdown-item { color: #4a4a4a; } body[theme="light"] .account-dropdown-item:hover { background: rgba(124, 58, 237, 0.08); color: #1a1a1a; } /* ── from components/nav-menu/chat-list.vue (pass 2) ── */ body[theme="light"] .chat-list-new-btn { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .chat-list-new-btn:hover { background: rgba(124, 58, 237, 0.08); color: #7c3aed; } body[theme="light"] .chat-list-search { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .chat-list-search-input::placeholder { color: rgba(0, 0, 0, 0.3); } body[theme="light"] .chat-list-item { color: rgba(0, 0, 0, 0.65); } body[theme="light"] .chat-list-item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } body[theme="light"] .chat-list-item--active { background: rgba(124, 58, 237, 0.08); color: #7c3aed; } body[theme="light"] .chat-list-item-menu-btn { color: rgba(0, 0, 0, 0.4); } body[theme="light"] .chat-list-item-menu-btn:hover { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.9); } body[theme="light"] .chat-list-popover-item { color: #4a4a4a; } body[theme="light"] .chat-list-popover-item:hover { background: rgba(124, 58, 237, 0.08); color: #1a1a1a; } /* ── from components/running-block/user-header.vue (pass 2) ── */ body[theme="light"] .topbar-cart { color: rgba(0, 0, 0, 0.65); } body[theme="light"] .topbar-cart:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } body[theme="light"] .topbar-tab, body[theme="light"] .fy-tab { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .topbar-tab:hover, body[theme="light"] .fy-tab:hover { color: rgba(0, 0, 0, 0.85); } body[theme="light"] .topbar-tab-active, body[theme="light"] .fy-tab-active { color: #1a1a1a; } body[theme="light"] .topbar-tab-active::after, body[theme="light"] .fy-tab-active::after { background: #7c3aed; } body[theme="light"] .topbar-greeting { color: rgba(0, 0, 0, 0.75); } /* ── from components/interaction/canvas/app-drawer.vue (pass 2) ── */ body[theme="dark"] { --shell-bg: #2a2828; --shell-surface: #3f3e3e; --shell-border: rgba(255,255,255,0.1); --shell-hover: rgba(255,255,255,0.05); --shell-hover-accent: rgba(124,58,237,0.18); --shell-text: #f1f1f1; --shell-text-sub: rgba(241,241,241,0.55); } body[theme="light"] { --shell-bg: #f6f4fa; --shell-surface: #fbf1f1; --shell-border: #e0dcdc; --shell-hover: rgba(0,0,0,0.04); --shell-hover-accent: rgba(124,58,237,0.08); --shell-text: #1a1a1a; --shell-text-sub: rgba(26,26,26,0.55); } body[theme="dark"] .app-canvas-drawer .el-drawer { background: #2a2828 !important; color: #f1f1f1 !important; } body[theme="light"] .app-canvas-drawer .el-drawer { background: #f6f4fa !important; color: #1a1a1a !important; } /* ── from components/interaction/canvas/planner-drawer.vue (pass 2) ── */ body[theme="dark"] .el-drawer.pc-task-drawer { background: #1b1b1b !important; color: rgba(255,255,255,.88) !important; } body[theme="light"] .el-drawer.pc-task-drawer { background: #fafafa !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .pc-wf-step-connector { background: rgba(0,0,0,0.06); } body[theme="light"] .pc-wf-status-chip { border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.4); } body[theme="light"] .pc-wf-status-chip:hover { border-color: rgba(0,0,0,0.2); color: rgba(0,0,0,0.7); } body[theme="light"] .pc-wf-status-chip--active { background: rgba(0,0,0,0.03); } body[theme="light"] .pc-task-config-section { border-color: rgba(0,0,0,0.06); } body[theme="light"] .pc-task-config-footer { border-top-color: rgba(0,0,0,0.06); } body[theme="light"] .el-drawer.pc-task-drawer .el-input__inner { background-color: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .pc-task-due { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.4); } body[theme="light"] .pc-prose [data-plan-block="milestone"] { background: rgba(124,58,237,0.04); color: #7c3aed; } body[theme="light"] .pc-prose [data-plan-block="task"] { background: rgba(5,150,105,0.04); color: rgba(0,0,0,.85); } body[theme="light"] .pc-task-checkbox { color: rgba(0,0,0,0.2); } body[theme="light"] .pc-task-checkbox:hover { color: #059669; } body[theme="light"] .pc-task-config-btn { color: rgba(0,0,0,0.1); } body[theme="light"] .pc-task-config-btn:hover { color: rgba(0,0,0,0.5); } body[theme="light"] [data-plan-block="task"]:hover .pc-task-config-btn { color: rgba(0,0,0,0.2); } body[theme="light"] .pc-prose [data-plan-block="task"]:hover { background: rgba(5,150,105,0.08); } body[theme="light"] .pc-prose [data-plan-block="task"][data-status="in_progress"] { background: rgba(59,130,246,0.04); } body[theme="light"] .pc-prose [data-plan-block="task"][data-status="blocked"] { background: rgba(220,38,38,0.04); } body[theme="light"] .pc-prose [data-plan-block="deadline"] { background: rgba(220,38,38,0.04); color: #dc2626; } body[theme="light"] .pc-bubble-links { border-top-color: rgba(0,0,0,0.06) !important; } body[theme="light"] .pc-bubble-link-item:hover { background: rgba(0,0,0,0.04) !important; } /* ── from components/interaction/canvas/research-drawer.vue (pass 2) ── */ body[theme="dark"] .rc-bubble, body[theme="dark"] .rc-bubble-entity, body[theme="dark"] .rc-bubble-entity-meta, body[theme="dark"] .rc-bubble-actions button, body[theme="dark"] .rc-bubble-actions button:hover, body[theme="dark"] .rc-bubble-loading, body[theme="light"] .rc-bubble { background: #fff; border: 1px solid #e0dcdc; box-shadow: 0 8px 24px rgba(0,0,0,0.1); color: #1a1a1a; } body[theme="light"] .rc-bubble-entity { border-bottom: 1px solid #f1f1f1; } body[theme="light"] .rc-bubble-entity-header { color: #1a1a1a; } body[theme="light"] .rc-bubble-entity-meta { color: rgba(0,0,0,0.45); } body[theme="light"] .rc-bubble-actions button { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.65); } body[theme="light"] .rc-bubble-actions button:hover { background: rgba(37,99,235,0.1); color: #2563eb; } body[theme="light"] .rc-bubble-loading { color: rgba(0,0,0,0.4); } body[theme="light"] .el-drawer.rc-sim-drawer { background: #fafafa !important; color: rgba(0,0,0,.85) !important; } body[theme="light"] .rc-sim-header { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .rc-sim-refine { border-top-color: rgba(0,0,0,.06); } body[theme="light"] .rc-sim-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: #1a1a1a; } body[theme="light"] .rc-eureka-popover { background: #fff; border-color: rgba(217,119,6,0.2); box-shadow: 0 8px 24px rgba(0,0,0,0.1); color: #1a1a1a; } body[theme="light"] .rc-eureka-accept { background: rgba(217,119,6,0.1); border-color: rgba(217,119,6,0.25); color: #d97706; } body[theme="light"] .rc-root { color: rgba(0,0,0,.85); } body[theme="light"] .rc-topbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-title-input { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); } body[theme="light"] .rc-icon-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .rc-icon-btn.active { background: rgba(37,99,235,0.08); color: #2563eb; } body[theme="light"] .rc-stat-pill { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-toggle { background: rgba(0,0,0,0.04); } body[theme="light"] .rc-toggle-btn.active { background: rgba(0,0,0,0.08); } body[theme="light"] .rc-toolbar { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-toolbar-sep { background: rgba(0,0,0,0.08); } body[theme="light"] .rc-toolbar-btn:hover { background: rgba(0,0,0,0.05); } body[theme="light"] .rc-toolbar-btn.active { background: rgba(37,99,235,0.08); color: #2563eb; } body[theme="light"] .rc-toolbar-insert { color: #2563eb; } body[theme="light"] .rc-toolbar-insert:hover { background: rgba(37,99,235,0.08); } body[theme="light"] .rc-topbar-divider { background: rgba(0,0,0,0.08); } body[theme="light"] .rc-similar-btn { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.25); color: #2563eb; } body[theme="light"] .rc-similar-btn:hover:not(:disabled) { background: rgba(37,99,235,0.15); border-color: rgba(37,99,235,0.4); } body[theme="light"] .rc-similar-panel { background: rgba(37,99,235,0.02); border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-similar-header { color: #2563eb; } body[theme="light"] .rc-similar-card { background: #fff; border-color: rgba(0,0,0,0.08); } body[theme="light"] .rc-similar-link { color: #2563eb; } body[theme="light"] .rc-paper { background: #fff; border-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-paper-title { color: rgba(0,0,0,.85); } body[theme="light"] .rc-preview-inner { color: rgba(0,0,0,.85); } body[theme="light"] .rc-suggestions-col { border-left-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-sugg-header { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-sugg-card { border-color: rgba(0,0,0,0.06); background: #fff; } body[theme="light"] .rc-sugg-card:hover { border-color: rgba(37,99,235,0.3); background: rgba(37,99,235,0.04); } body[theme="light"] .rc-source-card { background: #fff; border-color: rgba(0,0,0,0.08); } body[theme="light"] .rc-source-card:hover { border-color: rgba(37,99,235,0.25); } body[theme="light"] .rc-source-link { color: #2563eb; } body[theme="light"] .rc-quality-high { background: rgba(5,150,105,0.1); color: #059669; } body[theme="light"] .rc-quality-medium { background: rgba(217,119,6,0.1); color: #d97706; } body[theme="light"] .rc-quality-low { background: rgba(220,38,38,0.1); color: #dc2626; } body[theme="light"] .rc-epg-chip { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,.75); } body[theme="light"] .rc-epg-chip:hover { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.25); color: #2563eb; } body[theme="light"] .rc-epg-like { color: #059669; border-color: rgba(5,150,105,0.25); } body[theme="light"] .rc-epg-dislike { color: #dc2626; border-color: rgba(220,38,38,0.25); } body[theme="light"] .rc-epg-allergy { color: #dc2626; border-color: rgba(220,38,38,0.4); background: rgba(220,38,38,0.05); } body[theme="light"] .rc-epg-intolerance { color: #d97706; border-color: rgba(217,119,6,0.25); } body[theme="light"] .rc-epg-neutral { color: rgba(0,0,0,.45); border-color: rgba(0,0,0,0.08); } body[theme="light"] .rc-commerce-cta { background: linear-gradient(135deg, rgba(248,113,113,0.05), rgba(37,99,235,0.05)); border-color: rgba(248,113,113,0.2); } body[theme="light"] .rc-commerce-cta:hover { background: linear-gradient(135deg, rgba(248,113,113,0.1), rgba(37,99,235,0.1)); } body[theme="light"] .rc-bubble-links { border-top-color: rgba(0,0,0,0.06); } body[theme="light"] .rc-bubble-link-item:hover { background: rgba(0,0,0,0.04); } /* ── from components/interaction/canvas/app-v3-drawer.vue (pass 2) ── */ body[theme="dark"] .app-canvas-v3-drawer .el-drawer { background: #1b1b1b !important; color: rgba(255, 255, 255, .88) !important; } body[theme="light"] .app-canvas-v3-drawer .el-drawer { background: #ffffff !important; color: rgba(0, 0, 0, .85) !important; } body[theme="light"] .v3-page-bind-panel { border-bottom-color: rgba(0, 0, 0, 0.04); background: rgba(14, 165, 233, 0.04); } body[theme="light"] .v3-page-bind-panel code { background: rgba(14, 165, 233, 0.12); color: #0369a1; } body[theme="light"] .v3-repeater-block summary, body[theme="light"] .v3-bind-block summary { color: #0369a1; } body[theme="light"] .v3-logic-block summary { color: #047857; } body[theme="light"] .v3-logic-describe { background: rgba(5, 150, 105, 0.06); border-color: rgba(5, 150, 105, 0.32); color: #047857; } body[theme="light"] .v3-root { background: #ffffff; color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-bar { background: #ffffff; border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-icon-btn { color: rgba(0, 0, 0, 0.7); } body[theme="light"] .v3-icon-btn:hover { background: rgba(0, 0, 0, 0.05); } body[theme="light"] .v3-icon-btn.active { background: rgba(124, 58, 237, 0.08); color: #7c3aed; } body[theme="light"] .v3-title { color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-title:hover { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .v3-title-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-bar-btn { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.7); } body[theme="light"] .v3-bar-btn:hover:not(:disabled) { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-bar-divider { background: rgba(0, 0, 0, 0.08); } body[theme="light"] .v3-pages-frame { background: #fafafa; border-left-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-pages-header { color: rgba(0, 0, 0, 0.5); border-bottom-color: rgba(0, 0, 0, 0.05); } body[theme="light"] .v3-pages-count { background: rgba(0, 0, 0, 0.05); } body[theme="light"] .v3-page-row { color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-page-row:hover { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .v3-page-row.active { background: rgba(124, 58, 237, 0.08); border-color: rgba(124, 58, 237, 0.25); } body[theme="light"] .v3-page-name-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(124, 58, 237, 0.4); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-bubble { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); } body[theme="light"] .v3-bubble-context { color: rgba(0, 0, 0, 0.55); border-bottom-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-bubble-tag { color: #7c3aed; } body[theme="light"] .v3-bubble-id { color: rgba(0, 0, 0, 0.4); } body[theme="light"] .v3-bubble-close { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .v3-bubble-action { color: rgba(0, 0, 0, 0.65); } body[theme="light"] .v3-bubble-action:hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-bubble-action.active { background: rgba(124, 58, 237, 0.1); color: #7c3aed; } body[theme="light"] .v3-bubble-action-danger:hover { background: rgba(245, 108, 108, 0.1); color: #e11d48; } body[theme="light"] .v3-bubble-panel { border-top-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-style-label { color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-style-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-style-input:focus { border-color: rgba(124, 58, 237, 0.55); } body[theme="light"] .v3-segment { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.65); } body[theme="light"] .v3-segment:hover { background: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-segment.active { background: rgba(124, 58, 237, 0.12); border-color: rgba(124, 58, 237, 0.4); color: #7c3aed; } body[theme="light"] .v3-style-source summary { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .v3-style-html { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-replace-card { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.7); } body[theme="light"] .v3-replace-card:hover { background: rgba(124, 58, 237, 0.08); border-color: rgba(124, 58, 237, 0.3); color: #7c3aed; } body[theme="light"] .v3-edit-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-edit-input:focus { border-color: rgba(124, 58, 237, 0.55); } body[theme="light"] .v3-edit-hint { color: rgba(0, 0, 0, 0.4); } body[theme="light"] .v3-pane { background: #ffffff; border-right-color: rgba(0, 0, 0, 0.08); box-shadow: 8px 0 24px rgba(0, 0, 0, 0.08); } body[theme="light"] .v3-pane-header { border-bottom-color: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-pane-close { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .v3-pane-label { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .v3-pane-tag, body[theme="light"] .v3-pane-id { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .v3-pane-section { border-top-color: rgba(0, 0, 0, 0.06); } body[theme="light"] .v3-pane-section-title { color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-pane-input { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-pane-input:focus { border-color: rgba(124, 58, 237, 0.55); } body[theme="light"] .v3-pane-hint { color: rgba(0, 0, 0, 0.5); } body[theme="light"] .v3-pane-field-name { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-pane-html { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-subtabs { background: rgba(0, 0, 0, 0.04); } body[theme="light"] .v3-subtab { color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-subtab:hover { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.85); } body[theme="light"] .v3-subtab.active { background: rgba(124, 58, 237, 0.1); border-color: rgba(124, 58, 237, 0.3); color: #7c3aed; } body[theme="light"] .v3-option-trash { border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-option-add { border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-option-add:hover { border-color: rgba(124, 58, 237, 0.4); color: #7c3aed; } body[theme="light"] .v3-readonly-code { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); color: #7c3aed; } body[theme="light"] .v3-replace-search { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); } body[theme="light"] .v3-replace-search-input { color: rgba(0, 0, 0, 0.8); } body[theme="light"] .v3-replace-search-input::placeholder { color: rgba(0, 0, 0, 0.4); } body[theme="light"] .v3-replace-pager-btn { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.7); } body[theme="light"] .v3-replace-pager-info { color: rgba(0, 0, 0, 0.55); } body[theme="light"] .v3-pages-frame { border-bottom-color: rgba(0, 0, 0, 0.06); } /* ── from components/interaction/canvas/journal-drawer.vue (pass 2) ── */ body[theme="light"] .jc-bubble-links { border-top-color: rgba(0,0,0,0.06); } body[theme="light"] .jc-bubble-link-item:hover { background: rgba(0,0,0,0.04); } /* ── from components/interaction/canvas/workflow-drawer.vue (pass 2) ── */ body[theme="light"] .wfc-root { color: rgba(0,0,0,.85); } body[theme="light"] .wfc-topbar { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .wfc-icon-btn:hover { background: rgba(0,0,0,.06); } body[theme="light"] .wfc-stat-pill { background: rgba(0,0,0,.04); } body[theme="light"] .wfc-progress-col { border-right-color: rgba(0,0,0,.06); } body[theme="light"] .wfc-step--in_progress { background: rgba(37,99,235,0.04); } body[theme="light"] .wfc-step-icon { background: rgba(0,0,0,.04); } body[theme="light"] .wfc-chat-bar { border-top-color: rgba(0,0,0,.06); } body[theme="light"] .wfc-chat-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: #1a1a1a; } body[theme="light"] .wfc-artifact-iframe { background: #fff; } body[theme="light"] .wfc-table th { background: rgba(109,40,217,0.06); } body[theme="light"] .wfc-table td { border-bottom-color: rgba(0,0,0,0.04); } body[theme="light"] .wfc-table tr:hover td { background: rgba(0,0,0,0.02); } body[theme="light"] .wfc-summary-prose { color: rgba(0,0,0,.75); } body[theme="light"] .wfc-summary-prose h2, body[theme="light"] .wfc-summary-prose h3, body[theme="light"] .wfc-summary-prose h4 { color: rgba(0,0,0,.85); } body[theme="light"] .wfc-summary-prose strong { color: rgba(0,0,0,.9); } body[theme="light"] .wfc-cred-input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.08); color: #1a1a1a; } body[theme="light"] .wfc-cred-item:hover { background: rgba(0,0,0,.03); } body[theme="light"] .wfc-bubble { background: #fff; border-color: #e0dcdc; box-shadow: 0 8px 24px rgba(0,0,0,0.1); color: #1a1a1a; } body[theme="light"] .wfc-bubble-actions button { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.65); } body[theme="light"] .wfc-bubble-actions button:hover { background: rgba(248,113,113,0.1); color: #f87171; } body[theme="light"] .wfc-bubble-loading { color: rgba(0,0,0,0.4); } body[theme="light"] .wfc-toolbar { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .wfc-toolbar-btn:hover { background: rgba(0,0,0,.06); } body[theme="light"] .wfc-toolbar-btn.active { background: rgba(248,113,113,0.1); } body[theme="light"] .wfc-toolbar-sep { background: rgba(0,0,0,.08); } body[theme="light"] .wfc-summary-prose pre { background: rgba(0,0,0,.04); } body[theme="light"] .wfc-summary-prose a { color: #2563eb; } body[theme="light"] .wfc-summary-prose hr { border-top-color: rgba(0,0,0,.1); } body[theme="light"] .wfc-md-table th { background: rgba(109,40,217,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .wfc-md-table td { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .wfc-md-table tr:hover td { background: rgba(0,0,0,0.02); } body[theme="light"] .wfc-prose { color: rgba(0,0,0,.75); } body[theme="light"] .wfc-prose h1, body[theme="light"] .wfc-prose h2, body[theme="light"] .wfc-prose h3, body[theme="light"] .wfc-prose h4 { color: rgba(0,0,0,.85); } body[theme="light"] .wfc-prose strong { color: rgba(0,0,0,.9); } body[theme="light"] .wfc-prose blockquote { border-left-color: rgba(109,40,217,0.2); } body[theme="light"] .wfc-prose pre { background: rgba(0,0,0,.04); } body[theme="light"] .wfc-prose a { color: #2563eb; } body[theme="light"] .wfc-prose hr { border-top-color: rgba(0,0,0,.1); } body[theme="light"] .wfc-prose th { background: rgba(109,40,217,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .wfc-prose td { border-bottom-color: rgba(0,0,0,0.06); } body[theme="light"] .wfc-prose tr:hover td { background: rgba(0,0,0,0.02); } body[theme="light"] .wfc-prose mark { background: rgba(250,204,21,0.4); } /* ── from components/interaction/canvas/cart-drawer.vue (pass 2) ── */ body[theme="light"] .cc2-topbar { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc2-icon-btn:hover { background: rgba(0,0,0,.06); } body[theme="light"] .cc2-stat-pill { background: rgba(0,0,0,.04); } body[theme="light"] .cc2-section-header { color: rgba(0,0,0,.55); } body[theme="light"] .cc2-card { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.08); } body[theme="light"] .cc2-card:hover { background: rgba(124,58,237,.04); border-color: rgba(124,58,237,.25); } body[theme="light"] .cc2-card-title { color: rgba(0,0,0,.9); } body[theme="light"] .cc2-card-subtitle { color: rgba(0,0,0,.5); } body[theme="light"] .cc2-amount { color: rgba(0,0,0,.95); } body[theme="light"] .cc2-list-item:hover { background: rgba(0,0,0,.03); } body[theme="light"] .cc2-list-title { color: rgba(0,0,0,.85); } body[theme="light"] .cc2-starter-btn { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.7); } body[theme="light"] .cc2-starter-btn:hover { background: rgba(124,58,237,.06); border-color: rgba(124,58,237,.25); color: #7c3aed; } /* ── from components/interaction/canvas/course-drawer.vue (pass 2) ── */ body[theme="light"] .cc-root { color: rgba(0,0,0,.85); } body[theme="light"] .cc-topbar { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc-icon-btn:hover { background: rgba(0,0,0,.06); } body[theme="light"] .cc-stat-pill { background: rgba(0,0,0,.04); } body[theme="light"] .cc-status--pending { background: rgba(0,0,0,.05); color: rgba(0,0,0,.35); } body[theme="light"] .cc-title-input { border-color: rgba(167,139,250,0.4); color: #1a1a1a; } body[theme="light"] .cc-sidebar { border-right-color: rgba(0,0,0,.06); } body[theme="light"] .cc-sidebar-header { border-bottom-color: rgba(0,0,0,.04); } body[theme="light"] .cc-module-header:hover { background: rgba(0,0,0,.03); } body[theme="light"] .cc-module-fraction { background: rgba(0,0,0,.04); } body[theme="light"] .cc-lesson-item:hover { background: rgba(0,0,0,.03); } body[theme="light"] .cc-lesson-item--active { background: rgba(167,139,250,0.08); border-right-color: #a78bfa; } body[theme="light"] .cc-lesson-status-icon { color: rgba(0,0,0,.2) !important; } body[theme="light"] .cc-lesson-item--active .cc-lesson-status-icon, body[theme="light"] .cc-lesson-score { color: #34d399 !important; } body[theme="light"] .cc-lesson-heading { color: rgba(0,0,0,.9); } body[theme="light"] .cc-lesson-body { color: rgba(0,0,0,.75); } body[theme="light"] .cc-objectives { background: rgba(167,139,250,0.04); border-color: rgba(167,139,250,0.1); } body[theme="light"] .cc-objective-pill { background: rgba(167,139,250,0.08); color: #7c3aed; } body[theme="light"] .cc-playground { border-color: rgba(0,0,0,.08); } body[theme="light"] .cc-playground-header { background: rgba(0,0,0,.02); border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc-playground-instructions { background: rgba(0,0,0,.01); border-bottom-color: rgba(0,0,0,.04); } body[theme="light"] .cc-playground-code { background: #1e1e2e; color: #e2e8f0; } body[theme="light"] .cc-playground-output { background: #1e1e2e; } body[theme="light"] .cc-playground-solution { background: rgba(52,211,153,0.04); } body[theme="light"] .cc-playground-btn--secondary { background: rgba(0,0,0,.05); color: rgba(0,0,0,.6); } body[theme="light"] .cc-quiz { border-color: rgba(0,0,0,.08); } body[theme="light"] .cc-quiz-q { color: rgba(0,0,0,.85); } body[theme="light"] .cc-quiz-option { border-color: rgba(0,0,0,.1); } body[theme="light"] .cc-quiz-option:hover { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.15); } body[theme="light"] .cc-quiz-option--selected { background: rgba(167,139,250,0.06); border-color: rgba(167,139,250,0.25); } body[theme="light"] .cc-quiz-option-marker { background: rgba(0,0,0,.05); } body[theme="light"] .cc-quiz-explanation { background: rgba(245,158,11,0.06); color: rgba(0,0,0,.65); } body[theme="light"] .cc-lesson-nav { border-top-color: rgba(0,0,0,.06); border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc-nav-btn { border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.6); } body[theme="light"] .cc-nav-btn:hover { background: rgba(0,0,0,.04); color: #1a1a1a; } body[theme="light"] .cc-nav-btn--complete { background: rgba(167,139,250,0.06); border-color: rgba(167,139,250,0.15); color: #7c3aed; } body[theme="light"] .cc-nav-btn--completed { background: rgba(52,211,153,0.06); border-color: rgba(52,211,153,0.15); color: #059669; } body[theme="light"] .cc-audio-gen, body[theme="light"] .cc-video-gen { border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.25); } body[theme="light"] .cc-lesson-body h1, body[theme="light"] .cc-lesson-body h2, body[theme="light"] .cc-lesson-body h3, body[theme="light"] .cc-lesson-body h4 { color: rgba(0,0,0,.85); } body[theme="light"] .cc-lesson-body strong { color: rgba(0,0,0,.9); } body[theme="light"] .cc-lesson-body pre { background: rgba(0,0,0,.04); } body[theme="light"] .cc-lesson-body code { background: rgba(0,0,0,.04); } body[theme="light"] .cc-lesson-body blockquote { border-left-color: rgba(167,139,250,0.3); } body[theme="light"] .cc-lesson-body a { color: #2563eb; } body[theme="light"] .cc-lesson-body hr { border-top-color: rgba(0,0,0,.1); } body[theme="light"] .cc-lesson-body table th { background: rgba(167,139,250,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .cc-lesson-body table td { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc-commerce-cta { background: linear-gradient(135deg, rgba(248,113,113,0.05), rgba(124,58,237,0.05)); border-color: rgba(248,113,113,0.18); } body[theme="light"] .cc-commerce-cta:hover { background: linear-gradient(135deg, rgba(248,113,113,0.1), rgba(124,58,237,0.1)); } body[theme="light"] .cc-prose { color: rgba(0,0,0,.75); } body[theme="light"] .cc-prose h1, body[theme="light"] .cc-prose h2, body[theme="light"] .cc-prose h3, body[theme="light"] .cc-prose h4 { color: rgba(0,0,0,.85); } body[theme="light"] .cc-prose strong { color: rgba(0,0,0,.9); } body[theme="light"] .cc-prose pre { background: rgba(0,0,0,.04); } body[theme="light"] .cc-prose th { background: rgba(167,139,250,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .cc-prose td { border-bottom-color: rgba(0,0,0,.06); } body[theme="light"] .cc-bubble { background: #fff; border-color: #e0dcdc; box-shadow: 0 8px 24px rgba(0,0,0,0.1); color: #1a1a1a; } body[theme="light"] .cc-bubble-actions button { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.65); } body[theme="light"] .cc-bubble-actions button:hover { background: rgba(167,139,250,0.1); color: #7c3aed; } /* ── from components/interaction/action/research-canvas-tag-view.vue (pass 2) ── */ body[theme="light"] .rctv-wrap { border-color: rgba(0,0,0,0.06); background: rgba(0,0,0,0.02); } body[theme="light"] .rctv-wrap:hover { border-color: rgba(37,99,235,0.25); background: rgba(37,99,235,0.03); } body[theme="light"] .rctv-quality-bar { background: rgba(0,0,0,0.06); } body[theme="light"] .rctv-citation-chip { background: rgba(0,0,0,0.03); } /* ── Fixed chat search bar (triggered by customizer search icon) ── */ .chat-search-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; padding: 10px 16px; display: flex; justify-content: center; } .chat-search-fixed-inner { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 520px; padding: 8px 14px; border-radius: 12px; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .chat-search-fixed-input { flex: 1; border: 0; outline: none; background: transparent; font-size: 14px; color: inherit; } .chat-search-fixed-count { font-size: 11px; opacity: 0.5; white-space: nowrap; } .chat-search-fixed-close { background: transparent; border: 0; color: inherit; opacity: 0.5; cursor: pointer; padding: 0; font-size: 18px; line-height: 1; } .chat-search-fixed-close:hover { opacity: 1; } body[theme="dark"] .chat-search-fixed-inner { background: rgba(27, 27, 27, 0.92); border: 1px solid rgba(255,255,255,0.07); box-shadow: 0 4px 20px rgba(0,0,0,0.4); color: rgba(255,255,255,.88); } body[theme="light"] .chat-search-fixed-inner { background: rgba(250, 250, 250, 0.92); border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 20px rgba(0,0,0,0.08); color: rgba(0,0,0,.85); } /* ── FCM notification dialog ── */ .fcm-dialog { border-radius: 20px !important; overflow: hidden; } .fcm-dialog .el-dialog__header { display: none !important; } .fcm-dialog .el-dialog__body { padding: 0 !important; } .fcm-content { padding: 32px 28px 28px; text-align: center; } .fcm-icon-wrap { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 26px; } .fcm-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; } .fcm-desc { font-size: 13px; line-height: 1.6; margin-bottom: 24px; } .fcm-actions { display: flex; flex-direction: column; gap: 8px; } .fcm-btn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 11px; border: none; border-radius: 12px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.15s; } .fcm-btn i { font-size: 17px; } .fcm-btn-primary { background: linear-gradient(135deg, #a78bfa, #7c3aed); color: #fff; box-shadow: 0 4px 16px rgba(124,58,237,0.25); } .fcm-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(124,58,237,0.35); } .fcm-btn-skip { background: transparent; } body[theme="dark"] .fcm-dialog { background: #1b1b1b !important; } body[theme="dark"] .fcm-dialog .el-dialog__body { background: #1b1b1b !important; } body[theme="dark"] .fcm-content { color: rgba(255,255,255,.88); } body[theme="dark"] .fcm-icon-wrap { background: rgba(167,139,250,0.1); color: #a78bfa; } body[theme="dark"] .fcm-desc { color: rgba(255,255,255,.45); } body[theme="dark"] .fcm-btn-skip { color: rgba(255,255,255,.45); } body[theme="dark"] .fcm-btn-skip:hover { color: rgba(255,255,255,.7); } body[theme="light"] .fcm-dialog { background: #fff !important; } body[theme="light"] .fcm-dialog .el-dialog__body { background: #fff !important; } body[theme="light"] .fcm-content { color: rgba(0,0,0,.85); } body[theme="light"] .fcm-icon-wrap { background: rgba(124,58,237,0.06); color: #7c3aed; } body[theme="light"] .fcm-desc { color: rgba(0,0,0,.5); } body[theme="light"] .fcm-btn-skip { color: rgba(0,0,0,.4); } body[theme="light"] .fcm-btn-skip:hover { color: rgba(0,0,0,.7); } /* ── Personalize page chat hint ── */ .p-chat-hint { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 12px; font-size: 13px; margin-bottom: 20px; } .p-chat-hint-body { flex: 1; } .p-chat-hint-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.4; margin-bottom: 3px; } .p-chat-hint-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px; border: none; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: all 0.15s; flex-shrink: 0; } body[theme="dark"] .p-chat-hint { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.07); color: rgba(255,255,255,.88); } body[theme="dark"] .p-chat-hint-btn { background: rgba(167,139,250,0.12); color: #a78bfa; } body[theme="dark"] .p-chat-hint-btn:hover { background: rgba(167,139,250,0.2); } body[theme="light"] .p-chat-hint { background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); color: rgba(0,0,0,.85); } body[theme="light"] .p-chat-hint-btn { background: rgba(124,58,237,0.08); color: #7c3aed; } body[theme="light"] .p-chat-hint-btn:hover { background: rgba(124,58,237,0.14); } /* ────────────────────────────────────────────────────────── Life Manifest page — redesign (interactive/pages/life/index.vue) Hero cover, compass, chapter cards, "noticed" panel, listening chips. Base sizing/typography is in the component