/* ============================================================ */ /* leto.css — canonical Irina editorial theme */ /* Activated by attribute */ /* Locked palette per design spec (Anna/Irina May 26 2026) */ /* ============================================================ */ /* === GLOBAL TOKEN OVERRIDES === */ /* These override the variables defined in style.css :root */ [data-theme="leto"] { /* Primary palette */ --background-color: #FAF8F3; /* Warm White (not pure white) */ --card-color: #FFFFFF; /* Card White */ --primary-text-color: #1A1A1A; /* Main Text (not pure black) */ --secondary-text-color: #6F6A63; /* Secondary Text */ --border-color: #E5DED3; /* Border (hairlines) */ --input-background: #FFFFFF; /* Accent: Champagne Gold replaces blue */ --accent-color: #C8B38A; /* Champagne Gold */ --accent-hover: #B49C73; /* Accent Hover */ /* Semantic accents (muted, not Bootstrap) */ --leto-soft-beige: #F1ECE4; /* subtle surfaces */ --leto-success: #7C9A6D; /* soft sage */ --leto-warning: #D6A24C; /* warm amber */ --leto-risk: #C56A5D; /* muted terracotta */ } /* === BODY === */ [data-theme="leto"] body { background-color: #FAF8F3; color: #1A1A1A; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* === TYPOGRAPHY === */ /* Headings: serif (Georgia is the safe system serif) */ [data-theme="leto"] h1, [data-theme="leto"] h2, [data-theme="leto"] h3, [data-theme="leto"] h4 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.02em; color: #1A1A1A; } /* Body text stays sans */ [data-theme="leto"] p, [data-theme="leto"] li, [data-theme="leto"] span, [data-theme="leto"] label { font-family: 'Inter', -apple-system, sans-serif; } /* === SPECIFICITY OVERRIDES (match body.redesign selectors in redesign.css) === */ [data-theme="leto"] body.redesign { background-color: #FAF8F3; color: #1A1A1A; } /* Main card on intro/login screen */ [data-theme="leto"] body.redesign .card { background-color: #FFFFFF; border: 0.5px solid #E5DED3; color: #1A1A1A; box-shadow: none; } [data-theme="leto"] body.redesign #intro-screen .card h1, [data-theme="leto"] body.redesign .card h1, [data-theme="leto"] body.redesign .card h2, [data-theme="leto"] body.redesign .card h3 { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } [data-theme="leto"] body.redesign .card p, [data-theme="leto"] body.redesign .card .intro-text { color: #6F6A63; } /* Feature items inside the main card */ [data-theme="leto"] body.redesign .feature-item { background: #FAF8F3; border: 0.5px solid #E5DED3; } [data-theme="leto"] body.redesign .feature-item .feature-text { color: #6F6A63; } [data-theme="leto"] body.redesign .feature-item .feature-text strong { color: #1A1A1A; font-weight: 500; } /* Primary CTA button: champagne gold + white text */ [data-theme="leto"] body.redesign button, [data-theme="leto"] body.redesign .btn, [data-theme="leto"] body.redesign input[type="submit"] { background-color: #C8B38A; color: #FFFFFF; border: none; font-family: 'Inter', -apple-system, sans-serif; font-weight: 500; letter-spacing: 0.3px; } [data-theme="leto"] body.redesign button:hover, [data-theme="leto"] body.redesign .btn:hover, [data-theme="leto"] body.redesign input[type="submit"]:hover { background-color: #B49C73; color: #FFFFFF; } /* Secondary buttons (if any with .btn-secondary class) */ [data-theme="leto"] body.redesign .btn-secondary { background-color: #FFFFFF; color: #1A1A1A; border: 0.5px solid #E5DED3; } [data-theme="leto"] body.redesign .btn-secondary:hover { background-color: #F1ECE4; } /* Inputs */ [data-theme="leto"] body.redesign input[type="text"], [data-theme="leto"] body.redesign input[type="email"], [data-theme="leto"] body.redesign input[type="password"], [data-theme="leto"] body.redesign input[type="number"], [data-theme="leto"] body.redesign select, [data-theme="leto"] body.redesign textarea { background-color: #FFFFFF; border: 0.5px solid #E5DED3; color: #1A1A1A; } [data-theme="leto"] body.redesign input:focus, [data-theme="leto"] body.redesign select:focus, [data-theme="leto"] body.redesign textarea:focus { border-color: #C8B38A; outline: none; } /* Intro screen container */ [data-theme="leto"] body.redesign #intro-screen { background: #FAF8F3; } /* === STATUS PILLS (will use these on report screens later) === */ [data-theme="leto"] .pill-success { background: rgba(124, 154, 109, 0.12); color: #4F6B45; border-radius: 999px; padding: 4px 10px; font-size: 12px; } [data-theme="leto"] .pill-warning { background: rgba(214, 162, 76, 0.15); color: #8B6A2C; border-radius: 999px; padding: 4px 10px; font-size: 12px; } [data-theme="leto"] .pill-risk { background: rgba(197, 106, 93, 0.12); color: #8C443A; border-radius: 999px; padding: 4px 10px; font-size: 12px; } /* ============================================================ */ /* SETTINGS PAGE OVERRIDES (May 26 2026) */ /* Settings page uses class-based selectors (no body.redesign) */ /* ============================================================ */ /* Page header */ [data-theme="leto"] .reports-header { background: #FFFFFF; border-bottom: 0.5px solid #E5DED3; } [data-theme="leto"] .reports-title { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } /* Header action buttons (Back to Reports, Logout) */ [data-theme="leto"] .new-report-btn, [data-theme="leto"] .logout-btn { background: #FFFFFF; color: #1A1A1A; border: 0.5px solid #E5DED3; } [data-theme="leto"] .new-report-btn:hover, [data-theme="leto"] .logout-btn:hover { background: #F1ECE4; border-color: #C8B38A; } /* Intro hint text */ [data-theme="leto"] .settings-intro, [data-theme="leto"] .settings-intro p, [data-theme="leto"] .settings-required-note { color: #6F6A63; } [data-theme="leto"] .settings-loading { color: #6F6A63; } /* Section cards */ [data-theme="leto"] .settings-section { background: #FFFFFF; border: 0.5px solid #E5DED3; border-radius: 12px; box-shadow: none; } [data-theme="leto"] .settings-section-title { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.02em; border-bottom: 0.5px solid #E5DED3; } /* Form labels */ [data-theme="leto"] .settings-form label, [data-theme="leto"] .settings-form .field-label { color: #1A1A1A; } [data-theme="leto"] .settings-form .field-hint, [data-theme="leto"] .settings-form small { color: #6F6A63; } /* Inputs */ [data-theme="leto"] .settings-form input[type="text"], [data-theme="leto"] .settings-form input[type="email"], [data-theme="leto"] .settings-form input[type="url"], [data-theme="leto"] .settings-form input[type="tel"], [data-theme="leto"] .settings-form input[type="number"], [data-theme="leto"] .settings-form textarea, [data-theme="leto"] .settings-form select { background: #FAF8F3; border: 0.5px solid #E5DED3; color: #1A1A1A; } [data-theme="leto"] .settings-form input:focus, [data-theme="leto"] .settings-form textarea:focus, [data-theme="leto"] .settings-form select:focus { border-color: #C8B38A; outline: none; background: #FFFFFF; } /* Required tag */ [data-theme="leto"] .required-tag { background: rgba(200, 179, 138, 0.18); color: #8B6A2C; } /* Save button */ [data-theme="leto"] .save-btn { background: #C8B38A; color: #FFFFFF; border: none; font-family: 'Inter', -apple-system, sans-serif; font-weight: 500; } [data-theme="leto"] .save-btn:hover { background: #B49C73; } [data-theme="leto"] .save-btn:disabled { background: #E5DED3; color: #6F6A63; } /* Photo placeholders */ [data-theme="leto"] .photo-placeholder, [data-theme="leto"] .photo-preview { background: #FAF8F3; border: 0.5px solid #E5DED3; color: #6F6A63; } /* Save status */ [data-theme="leto"] .save-status-success { background: rgba(124, 154, 109, 0.12); color: #4F6B45; } [data-theme="leto"] .save-status-error { background: rgba(197, 106, 93, 0.12); color: #8C443A; } /* App container bg */ [data-theme="leto"] .app-container, [data-theme="leto"] body { background: #FAF8F3; } /* ============================================================ */ /* Photo upload zones (settings.css lines 120-180) */ /* ============================================================ */ [data-theme="leto"] .photo-upload-zone { background: #FAF8F3; border: 1px dashed #C8B38A; } [data-theme="leto"] .photo-label { color: #1A1A1A; font-weight: 500; } [data-theme="leto"] .photo-preview { background: #FFFFFF; border: 0.5px solid #E5DED3; } [data-theme="leto"] .photo-placeholder { color: #6F6A63; } [data-theme="leto"] .photo-uploading { color: #B49C73; } /* Choose file button under each photo */ [data-theme="leto"] .photo-choose-btn { background: #FFFFFF; color: #1A1A1A; border: 0.5px solid #E5DED3; } [data-theme="leto"] .photo-choose-btn:hover { background: #F1ECE4; border-color: #C8B38A; } /* Sticky save bar at bottom (fade gradient) */ [data-theme="leto"] .settings-save-row { background: linear-gradient(to top, #FAF8F3 70%, rgba(250, 248, 243, 0)); } /* Optional/Required tags consistent in leto */ [data-theme="leto"] .required-tag, [data-theme="leto"] .optional-tag { background: rgba(200, 179, 138, 0.18); color: #8B6A2C; font-weight: 500; } /* Agent PDF upload button — leto override */ [data-theme="leto"] #agent-pdf-upload-btn { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] #agent-pdf-upload-btn:hover { background: #B49C73; } /* Agent notes toggle warning subtitle — leto */ [data-theme="leto"] #agent-notes-toggle small { color: #C56A5D; } /* ============================================================ */ /* Agent / Investor Intelligence sidebar (May 26 2026) */ /* Overrides hardcoded slate/blue in style.css lines 518-605 */ /* ============================================================ */ /* Toggle header (collapsed/expanded button) */ [data-theme="leto"] .agent-notes-toggle { background: #F1ECE4; border: 1px dashed #C8B38A; color: #1A1A1A; } [data-theme="leto"] .agent-notes-toggle:hover { background: #E8DFD0; border-color: #B49C73; } /* Content panel */ [data-theme="leto"] .agent-notes-content { background: #FFFFFF; border: 0.5px solid #E5DED3; } /* Help block headings & text */ [data-theme="leto"] .agent-notes-help .help-title { color: #1A1A1A; } [data-theme="leto"] .agent-notes-help .help-text { color: #6F6A63; } [data-theme="leto"] .agent-notes-help .help-list li { color: #6F6A63; } [data-theme="leto"] .agent-notes-help .help-list li::before { color: #C8B38A; } [data-theme="leto"] .agent-notes-help .help-list li strong { color: #1A1A1A; } /* Agent notes textarea */ [data-theme="leto"] .agent-notes-textarea { background: #FAF8F3; border: 0.5px solid #E5DED3; color: #1A1A1A; } [data-theme="leto"] .agent-notes-textarea:focus { border-color: #C8B38A; outline: none; background: #FFFFFF; } [data-theme="leto"] .agent-notes-textarea::placeholder { color: #8A8579; } /* Privacy/warning footnotes */ [data-theme="leto"] .notes-privacy { color: #6F6A63; } /* ============================================================ */ /* Photo screen button semantic palette (May 26 2026) */ /* Overrides inline styles set in HTML and via photo.js JS */ /* Uses !important because the inline styles use !important too */ /* ============================================================ */ /* Back to Dashboard — outline muted terracotta destructive */ [data-theme="leto"] #back-to-dashboard { background: transparent !important; color: #8C443A !important; border: 0.5px solid #C56A5D !important; opacity: 1 !important; } [data-theme="leto"] #back-to-dashboard:disabled { opacity: 0.5 !important; cursor: not-allowed !important; } /* Photo counter row */ [data-theme="leto"] #photo-counter-row { background: #FFFFFF !important; border: 0.5px solid #E5DED3 !important; } [data-theme="leto"] #photo-counter-row span { color: #6F6A63 !important; } [data-theme="leto"] #photo-counter { color: #1A1A1A !important; } /* Photo rows (set by photo.js dynamically) */ [data-theme="leto"] .photo-item { background: #FFFFFF !important; border: 0.5px solid #E5DED3 !important; } [data-theme="leto"] .photo-item:hover { background: #FAF8F3 !important; } /* Rename button (neutral outline) */ [data-theme="leto"] .photo-item .edit-btn { background: transparent !important; border: 0.5px solid #E5DED3 !important; color: #1A1A1A !important; } [data-theme="leto"] .photo-item .edit-btn:hover { background: #F1ECE4 !important; border-color: #C8B38A !important; } /* Delete button (muted terracotta outline) */ [data-theme="leto"] .photo-item .delete-btn { background: transparent !important; border: 0.5px solid #E5DED3 !important; color: #8C443A !important; } [data-theme="leto"] .photo-item .delete-btn:hover { background: rgba(197, 106, 93, 0.08) !important; border-color: #C56A5D !important; } /* BUYER REPORT button (champagne primary) */ [data-theme="leto"] #continue-to-analysis { background: #C8B38A !important; background-color: #C8B38A !important; color: #FFFFFF !important; border: none !important; } [data-theme="leto"] #continue-to-analysis:hover { background: #B49C73 !important; background-color: #B49C73 !important; } /* SELLER REPORT button (also champagne — both are equally primary) */ [data-theme="leto"] #continue-to-analysis-seller { background: #C8B38A !important; background-color: #C8B38A !important; color: #FFFFFF !important; border: none !important; } [data-theme="leto"] #continue-to-analysis-seller:hover { background: #B49C73 !important; background-color: #B49C73 !important; } /* Disabled state for both buttons (lockout when other is active) */ [data-theme="leto"] #continue-to-analysis:disabled, [data-theme="leto"] #continue-to-analysis-seller:disabled { background: #E5DED3 !important; background-color: #E5DED3 !important; color: #8A8579 !important; cursor: not-allowed !important; } /* Upload from phone library disabled label */ [data-theme="leto"] .file-upload-label.disabled { background: #F1ECE4 !important; color: #6F6A63 !important; border: 0.5px dashed #C8B38A !important; cursor: not-allowed !important; opacity: 1 !important; } /* Active (enabled) Upload from phone library button */ [data-theme="leto"] .file-upload-label { background: #FFFFFF !important; color: #1A1A1A !important; border: 0.5px solid #C8B38A !important; } [data-theme="leto"] .file-upload-label:hover { background: #F1ECE4 !important; } /* "Data ready!" green checkmark message (keep muted sage in leto) */ [data-theme="leto"] #loading-status-text { color: #4F6B45 !important; } /* ============================================================ */ /* BUYER/SELLER continue button — beat photo-desktop.css green */ /* Specificity-matched override for the gradient */ /* ============================================================ */ [data-theme="leto"] #continue-to-analysis:not(:disabled):not(.ps-generate-disabled), [data-theme="leto"] #continue-to-analysis-seller:not(:disabled):not(.ps-generate-disabled) { background: #C8B38A !important; background-color: #C8B38A !important; background-image: none !important; box-shadow: none !important; color: #FFFFFF !important; border: none !important; } [data-theme="leto"] #continue-to-analysis:not(:disabled):not(.ps-generate-disabled):hover, [data-theme="leto"] #continue-to-analysis-seller:not(:disabled):not(.ps-generate-disabled):hover { background: #B49C73 !important; background-color: #B49C73 !important; } /* Rerun (Update report) buttons — leto override */ [data-theme="leto"] #rerun-ai-verdict-buyer, [data-theme="leto"] #rerun-ai-verdict-seller { background-color: #C8B38A !important; background: #C8B38A !important; color: #FFFFFF !important; } [data-theme="leto"] #rerun-ai-verdict-buyer:hover, [data-theme="leto"] #rerun-ai-verdict-seller:hover { background-color: #B49C73 !important; background: #B49C73 !important; } /* ============================================================ */ /* SPLASH SCREEN — Leto override */ /* Replaces dark-blue splash with cream / chartreuse / muted */ /* Same timing, same layout, same animations — colors only */ /* ============================================================ */ [data-theme="leto"] .cma-splash { background: #FAF8F3; } [data-theme="leto"] .cma-splash-brand { color: #1A1A1A; } [data-theme="leto"] .cma-splash-brand .blue { color: #DCD278; } [data-theme="leto"] .cma-splash-dot { background: #DCD278; } [data-theme="leto"] .cma-splash-tagline { color: #8A8579; } /* ============================================================ */ /* TOUR MODAL — Leto override */ /* Same layout/animations, swap dark palette → cream/champagne */ /* ============================================================ */ [data-theme="leto"] .cma-tour-overlay { background: rgba(46, 40, 46, 0.65); } [data-theme="leto"] .cma-tour-modal { background: #FFFFFF; border-color: #E5DED3; box-shadow: 0 8px 40px rgba(40, 30, 40, 0.18); } [data-theme="leto"] .cma-tour-top { border-bottom-color: #E5DED3; } [data-theme="leto"] .cma-tour-brand { color: #1A1A1A; } [data-theme="leto"] .cma-tour-brand .blue { color: #DCD278; } [data-theme="leto"] .cma-tour-skip { color: #8A8579; } [data-theme="leto"] .cma-tour-skip:hover { color: #1A1A1A; } [data-theme="leto"] .cma-tour-caption-title { color: #1A1A1A; } [data-theme="leto"] .cma-tour-caption-body { color: #6F6A63; } [data-theme="leto"] .cma-tour-dot { background: #E5DED3; } [data-theme="leto"] .cma-tour-dot.active { background: #C8B38A; } [data-theme="leto"] .cma-tour-cta { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .cma-tour-cta:hover { background: #B49C73; } [data-theme="leto"] .cma-tour-welcome-headline { color: #1A1A1A; } [data-theme="leto"] .cma-tour-welcome-body { color: #6F6A63; } [data-theme="leto"] .cma-tour-welcome-brand { color: #DCD278; } /* ============================================================ */ /* TOUR MOCKUP CARDS — Leto override (Option B: "device screen") */ /* Mockups stay slightly darker than the modal so they read as */ /* "screens inside chrome". Harsh blues become chartreuse, */ /* save-red stays red (matches real app), success uses Leto sage */ /* ============================================================ */ /* Mockup frame — the outer "device screen" */ [data-theme="leto"] .cma-mockup-frame { background: #F1ECE4; border-color: #E5DED3; } [data-theme="leto"] .cma-mockup-label { color: #8A8579; } [data-theme="leto"] .cma-mockup-section-label { color: #6F6A63; } /* Input fields inside mockups */ [data-theme="leto"] .cma-mockup-input { background: #FAF8F3; border-color: #E5DED3; color: #1A1A1A; } [data-theme="leto"] .cma-mockup-input.glow-blue { border-color: #DCD278; box-shadow: 0 0 8px rgba(220, 210, 120, 0.55); } [data-theme="leto"] .cma-mockup-cursor { background: #DCD278; } /* Badges (e.g. "auto-detected county") */ [data-theme="leto"] .cma-mockup-badge { background: rgba(220, 210, 120, 0.20); color: #B49C73; } /* Generate Report button mockup */ [data-theme="leto"] .cma-mockup-btn-blue { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .cma-mockup-btn-blue.glow { box-shadow: 0 0 8px rgba(200, 179, 138, 0.5); } /* Success/complete button mockup — Leto sage instead of bright green */ [data-theme="leto"] .cma-mockup-btn-green { background: #7C9A6D; color: #FFFFFF; box-shadow: 0 0 8px rgba(124, 154, 109, 0.4); } /* Save button mockup — STAYS red, matches the real app's save button */ /* (no override — intentional; .cma-real-back-btn keeps #dc2626) */ /* Upload area mockup (slide 2 — photos) */ [data-theme="leto"] .cma-upload-area { background: #FAF8F3; border-color: #DCD278; } [data-theme="leto"] .cma-upload-icon { color: #C8B38A; } [data-theme="leto"] .cma-upload-line { color: #B49C73; } [data-theme="leto"] .cma-upload-sub { color: #8A8579; } /* Photo thumbnail strip */ [data-theme="leto"] .cma-thumb { background: #E5DED3; } /* Notes card mockup (slide 3) */ [data-theme="leto"] .cma-notes-card { background: #FAF8F3; border-color: #E5DED3; } [data-theme="leto"] .cma-notes-header { color: #1A1A1A; } [data-theme="leto"] .cma-notes-textarea { background: #FFFFFF; border-color: #E5DED3; color: #6F6A63; } [data-theme="leto"] .cma-notes-saved { color: #7C9A6D; } /* Progress bar (slide 4 — generating) */ [data-theme="leto"] .cma-progress-bar { background: #E5DED3; } [data-theme="leto"] .cma-progress-fill { background: linear-gradient(90deg, #DCD278, #7C9A6D); } [data-theme="leto"] .cma-status-text { color: #8A8579; } /* Result card (slide 4 — final report preview) */ [data-theme="leto"] .cma-result-card { background: #FAF8F3; border-color: #E5DED3; } /* Ask Claude chat mockup (slide 5) */ [data-theme="leto"] .cma-bubble-user { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .cma-bubble-ai { background: #F1ECE4; color: #1A1A1A; } [data-theme="leto"] .cma-typing-dot { background: #8A8579; } /* ============================================================ */ /* CALLOUT BOXES — Leto override */ /* Tinted rounded boxes that highlight specific tutorial points */ /* ============================================================ */ /* Blue (info) callout → champagne */ [data-theme="leto"] .cma-callout-blue { background: rgba(200, 179, 138, 0.10); border-color: rgba(200, 179, 138, 0.35); border-left-color: #C8B38A; } [data-theme="leto"] .cma-callout-blue .cma-callout-icon { color: #C8B38A; } [data-theme="leto"] .cma-callout-blue .cma-callout-title { color: #1A1A1A; } [data-theme="leto"] .cma-callout-blue .cma-callout-body { color: #6F6A63; } /* Red (warning) callout — Leto terracotta */ [data-theme="leto"] .cma-callout-red { background: rgba(197, 106, 93, 0.10); border-color: rgba(197, 106, 93, 0.35); border-left-color: #C56A5D; } [data-theme="leto"] .cma-callout-red .cma-callout-icon { color: #C56A5D; } [data-theme="leto"] .cma-callout-red .cma-callout-title { color: #C56A5D; } [data-theme="leto"] .cma-callout-red .cma-callout-body { color: #6F6A63; } /* Green (success) callout — Leto sage */ [data-theme="leto"] .cma-callout-green { background: rgba(124, 154, 109, 0.10); border-color: rgba(124, 154, 109, 0.35); border-left-color: #7C9A6D; } [data-theme="leto"] .cma-callout-green .cma-callout-icon { color: #7C9A6D; } [data-theme="leto"] .cma-callout-green .cma-callout-title { color: #7C9A6D; } [data-theme="leto"] .cma-callout-green .cma-callout-body { color: #6F6A63; } /* Amber (warning) callout — Leto warm amber */ [data-theme="leto"] .cma-callout-amber { background: rgba(214, 162, 76, 0.10); border-color: rgba(214, 162, 76, 0.35); border-left-color: #D6A24C; } [data-theme="leto"] .cma-callout-amber .cma-callout-icon { color: #D6A24C; } [data-theme="leto"] .cma-callout-amber .cma-callout-title { color: #D6A24C; } [data-theme="leto"] .cma-callout-amber .cma-callout-body { color: #6F6A63; } /* ============================================================ */ /* REPORTS DASHBOARD — Leto override */ /* Full override of reports.css dark theme to Leto editorial */ /* ============================================================ */ /* === BODY (dashboard page bg) === */ [data-theme="leto"] body { background: #FAF8F3; color: #1A1A1A; } /* === HEADER === */ [data-theme="leto"] .reports-header { border-bottom-color: #E5DED3; background: #FAF8F3; } [data-theme="leto"] .reports-title { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.02em; } /* Header action buttons */ [data-theme="leto"] .new-report-btn { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .new-report-btn:hover { background: #B49C73; } [data-theme="leto"] .settings-btn, [data-theme="leto"] .logout-btn { background: #F1ECE4; color: #1A1A1A; border: 1px solid #E5DED3; } [data-theme="leto"] .settings-btn:hover, [data-theme="leto"] .logout-btn:hover { background: #E5DED3; color: #1A1A1A; } /* === SEARCH + SORT === */ [data-theme="leto"] .search-box input, [data-theme="leto"] .sort-dropdown { background: #FFFFFF; border-color: #E5DED3; color: #1A1A1A; } [data-theme="leto"] .search-box input::placeholder { color: #8A8579; } [data-theme="leto"] .search-box input:focus { border-color: #C8B38A; outline: none; box-shadow: 0 0 0 2px rgba(200, 179, 138, 0.18); } [data-theme="leto"] .sort-dropdown:focus { border-color: #C8B38A; outline: none; } /* === REPORT CARD === */ [data-theme="leto"] .report-card { background: #FFFFFF; border-color: #E5DED3; box-shadow: 0 1px 3px rgba(40, 30, 40, 0.04); } [data-theme="leto"] .report-card:hover { background-color: #FFFFFF !important; /* beat style.css:345 #333333 !important */ border-color: #C8B38A; box-shadow: 0 8px 25px rgba(40, 30, 40, 0.10); transform: translateY(-2px) !important; /* beat style.css translateX(4px) */ } /* Card header (address + date area) */ [data-theme="leto"] .report-header { border-bottom-color: #E5DED3; } [data-theme="leto"] .report-header h3 { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } [data-theme="leto"] .report-date { color: #8A8579; } /* Mode badges (BUYER / SELLER) — chartreuse instead of green */ [data-theme="leto"] .mode-badge { color: #1A1A1A; letter-spacing: 0.5px; } [data-theme="leto"] .mode-badge--buyer, [data-theme="leto"] .mode-badge--seller { background-color: #DCD278; color: #1A1A1A; } /* Card detail rows */ [data-theme="leto"] .detail-item .label { color: #8A8579; } [data-theme="leto"] .detail-item span:last-child { color: #1A1A1A; } /* Status pills */ [data-theme="leto"] .status.Complete, [data-theme="leto"] .status.complete { background: rgba(124, 154, 109, 0.18); color: #5A7A4D; } [data-theme="leto"] .status.pending { background: rgba(214, 162, 76, 0.18); color: #B48030; } /* Mobile badge — chartreuse */ [data-theme="leto"] .mobile-badge { background: rgba(220, 210, 120, 0.20); color: #B49C73; } /* === REPORT ACTIONS — editorial hierarchy === */ /* Three tiers: */ /* 1. Primary filled → View Report (champagne) */ /* 2. Workflow filled → Add Info, See Verdict PDF */ /* 3. Tertiary outlined → Share, Create Post, Create */ /* Description, View Report */ /* secondary, Delete */ /* All same height (44px), restrained palette */ [data-theme="leto"] .report-actions { border-top-color: #E5DED3; } /* ─── View Report — neutral hairline (matches all others) ─── */ [data-theme="leto"] .view-button.primary { background: rgba(200, 179, 138, 0.14); color: #1A1A1A; border: 1px solid #C8B38A; font-weight: 500; letter-spacing: 0.02em; } [data-theme="leto"] .view-button.primary:hover { background: rgba(200, 179, 138, 0.24); border-color: #B49C73; color: #1A1A1A; } /* ─── Add Info — neutral hairline (matches all others) ─── */ [data-theme="leto"] .add-info-btn { background: rgba(214, 162, 76, 0.14); color: #1A1A1A; border: 1px solid #D6A24C; padding: 12px; border-radius: 8px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; transition: all 0.2s ease; } [data-theme="leto"] .add-info-btn:hover { background: rgba(214, 162, 76, 0.24); border-color: #B4863F; color: #1A1A1A; } /* ─── Tier 3: TERTIARY (text + hairline border, no fill) ─── */ /* Share, Create Post, Create Description, Delete */ /* Shared base for all tertiary buttons */ [data-theme="leto"] .share-button, [data-theme="leto"] .social-post-btn, [data-theme="leto"] .description-btn, [data-theme="leto"] .delete-button { color: #1A1A1A; font-weight: 500; padding: 11px 16px; border-radius: 8px; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; transition: all 0.2s ease; } /* Share — bronze tint */ [data-theme="leto"] .share-button { background: rgba(180, 156, 115, 0.12); border: 1px solid #B49C73; } [data-theme="leto"] .share-button:hover { background: rgba(180, 156, 115, 0.22); border-color: #9A8460; } /* Create Post — lavender tint */ [data-theme="leto"] .social-post-btn { background: rgba(220, 170, 220, 0.14); border: 1px solid #DCAADC; } [data-theme="leto"] .social-post-btn:hover { background: rgba(220, 170, 220, 0.24); border-color: #C998C9; } /* Create Description — chartreuse tint */ [data-theme="leto"] .description-btn { background: rgba(220, 210, 120, 0.14); border: 1px solid #DCD278; } [data-theme="leto"] .description-btn:hover { background: rgba(220, 210, 120, 0.24); border-color: #C2B860; } /* Delete — muted terracotta tint */ [data-theme="leto"] .delete-button { background: rgba(197, 106, 93, 0.10); border: 1px solid #C56A5D; color: #C56A5D; } [data-theme="leto"] .delete-button:hover { background: rgba(197, 106, 93, 0.18); border-color: #A85648; color: #A85648; } /* ─── Secondary "View Report" (non-primary) — outlined too ─── */ /* For old reports that don't yet have HTML — gentle, secondary */ [data-theme="leto"] .view-button:not(.primary), [data-theme="leto"] .download-button { background: transparent; border: 1px solid #E5DED3; color: #6F6A63; font-weight: 500; } [data-theme="leto"] .view-button:not(.primary):hover, [data-theme="leto"] .download-button:hover { background: #FAF8F3; border-color: #C8B38A; color: #1A1A1A; } /* ─── "60d left" / days-left badge — amber tinted ─── */ [data-theme="leto"] .days-left-badge { background: rgba(214, 162, 76, 0.18); color: #B48030; border: 1px solid rgba(214, 162, 76, 0.35); } /* ─── Mobile Report Available badge — chartreuse tinted with proper text ─── */ [data-theme="leto"] .mobile-badge { background: rgba(220, 210, 120, 0.18); color: #8A7B30; border: 1px solid rgba(220, 210, 120, 0.35); } /* ─── Status pill: "complete" — sage (override darker variant from earlier) ─── */ [data-theme="leto"] .status.complete, [data-theme="leto"] .status.Complete { background: rgba(124, 154, 109, 0.18); color: #4F6F45; border: 1px solid rgba(124, 154, 109, 0.30); font-weight: 500; } /* === LOADING STATE === */ [data-theme="leto"] .loading-container { color: #8A8579; } [data-theme="leto"] .loading-spinner { border-color: #E5DED3; border-top-color: #C8B38A; } /* === EMPTY STATE === */ [data-theme="leto"] .empty-state { color: #8A8579; } [data-theme="leto"] .empty-state h2 { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } [data-theme="leto"] .primary-button { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .primary-button:hover { background: #B49C73; } /* === REPORT VIEW MODAL === */ [data-theme="leto"] .modal { background: rgba(46, 40, 46, 0.65); } [data-theme="leto"] .modal-content { background: #FFFFFF; border: 1px solid #E5DED3; box-shadow: 0 16px 60px rgba(40, 30, 40, 0.20); } [data-theme="leto"] .modal-header { border-bottom-color: #E5DED3; } [data-theme="leto"] .modal-header h3 { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } [data-theme="leto"] .close-btn { color: #8A8579; } [data-theme="leto"] .close-btn:hover { color: #1A1A1A; } [data-theme="leto"] .modal-footer { border-top-color: #E5DED3; } /* === HIGHLIGHT ANIMATION (override pulsing blue glow) === */ [data-theme="leto"] .report-card.highlight { border-color: #C8B38A !important; animation: leto-highlight-pulse 2s ease-in-out; } @keyframes leto-highlight-pulse { 0%, 100% { box-shadow: 0 0 0 rgba(200, 179, 138, 0); } 50% { box-shadow: 0 0 30px rgba(200, 179, 138, 0.45); } } /* === TOAST === */ [data-theme="leto"] .toast { background: #FFFFFF; color: #1A1A1A; border: 1px solid #E5DED3; box-shadow: 0 8px 30px rgba(40, 30, 40, 0.15); } /* === SOCIAL POST MODAL === */ [data-theme="leto"] .social-modal { background: rgba(46, 40, 46, 0.65); } [data-theme="leto"] .social-modal-content { background: #FFFFFF; border-color: #E5DED3; color: #1A1A1A; box-shadow: 0 16px 60px rgba(40, 30, 40, 0.20); } [data-theme="leto"] .social-modal-header h3 { color: #1A1A1A; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; } [data-theme="leto"] .social-close-btn { color: #8A8579; } [data-theme="leto"] .social-close-btn:hover { color: #1A1A1A; } [data-theme="leto"] .social-address { color: #8A8579; } [data-theme="leto"] .social-section-label { color: #6F6A63; } /* Pills (length/tone selectors) */ [data-theme="leto"] .social-pill { background: #FAF8F3; border-color: #E5DED3; color: #6F6A63; } [data-theme="leto"] .social-pill:hover { border-color: #C8B38A; color: #1A1A1A; } [data-theme="leto"] .social-pill.active { border-color: #C8B38A; background: rgba(200, 179, 138, 0.15); color: #1A1A1A; } /* Audience cards */ [data-theme="leto"] .social-audience-card { background: #FAF8F3; border-color: #E5DED3; } [data-theme="leto"] .social-audience-card:hover { border-color: #C8B38A; } [data-theme="leto"] .social-audience-card.active { border-color: #C8B38A; background: rgba(200, 179, 138, 0.12); } [data-theme="leto"] .social-audience-label { color: #1A1A1A; } [data-theme="leto"] .social-audience-card.active .social-audience-label { color: #B49C73; } [data-theme="leto"] .social-audience-desc { color: #8A8579; } /* Generate post button */ [data-theme="leto"] .social-generate-btn { background: #C8B38A; color: #FFFFFF; } [data-theme="leto"] .social-generate-btn:hover { background: #B49C73; } [data-theme="leto"] .social-generate-btn:disabled { background: #E5DED3; color: #8A8579; } /* Post result + textarea */ [data-theme="leto"] .social-post-result { background: #FAF8F3; border-color: #E5DED3; } [data-theme="leto"] .social-post-label { color: #1A1A1A; } [data-theme="leto"] .social-post-textarea { background: #FFFFFF; border-color: #E5DED3; color: #1A1A1A; } [data-theme="leto"] .social-copy-btn { background: #F1ECE4; color: #1A1A1A; border: 1px solid #E5DED3; } [data-theme="leto"] .social-copy-btn:hover { background: #E5DED3; } [data-theme="leto"] .social-share-btn { background: #7C9A6D; color: #FFFFFF; } [data-theme="leto"] .social-share-btn:hover { background: #6A8559; } [data-theme="leto"] .social-regen-btn { background: #FAF8F3; border-color: #E5DED3; color: #B49C73; } [data-theme="leto"] .social-regen-btn:hover { background: #F1ECE4; } /* Loading spinner inside social modal */ [data-theme="leto"] .social-spinner { border-color: rgba(26, 26, 26, 0.18); border-top-color: #C8B38A; } /* Verdict PDF button — Leto sage when ready */ /* ACTIVE (PDF ready) — sage tint */ [data-theme="leto"] button[id^="verdict-pdf-btn-"]:not(:disabled) { background: rgba(124, 154, 109, 0.14) !important; background-image: none !important; color: #1A1A1A !important; border: 1px solid #7C9A6D !important; font-weight: 500; } [data-theme="leto"] button[id^="verdict-pdf-btn-"]:not(:disabled):hover { background: rgba(124, 154, 109, 0.24) !important; border-color: #6A8559 !important; color: #1A1A1A !important; } /* DISABLED (PDF preparing) — soft Leto stone, no tint, distinct from active */ [data-theme="leto"] #verdict-pdf-btn-loading, [data-theme="leto"] button[id^="verdict-pdf-btn-"]:disabled { background: #FAF8F3 !important; background-image: none !important; color: #8A8579 !important; border: 1px solid #E5DED3 !important; } /* ============================================================ */ /* AGENT NOTES + PDF ATTACHMENT — Leto override */ /* Fixes invisible filenames on cream + properly frames notes */ /* ============================================================ */ /* Container frame — match the attachment box visual weight */ [data-theme="leto"] .agent-notes-container { background: #FFFFFF; border: 1px solid #E5DED3; border-radius: 10px; padding: 0; margin: 0 0 18px 0; overflow: hidden; } /* Header toggle button (▼ Agent / Investor Intelligence) */ [data-theme="leto"] .agent-notes-toggle { background: #F1ECE4 !important; color: #1A1A1A !important; border: none !important; border-bottom: 1px solid #E5DED3 !important; padding: 14px 18px !important; font-weight: 500; width: 100%; text-align: left; cursor: pointer; font-family: Georgia, 'Times New Roman', serif; font-size: 15px; letter-spacing: 0.02em; } [data-theme="leto"] .agent-notes-toggle small { color: #8A6020 !important; font-family: 'Inter', -apple-system, sans-serif; letter-spacing: 0.04em; } [data-theme="leto"] .agent-notes-toggle .toggle-icon { color: #B49C73; } /* Body content */ [data-theme="leto"] .agent-notes-content { padding: 18px; background: #FFFFFF; } /* Help block (the "🚨 This section directly determines..." copy) */ [data-theme="leto"] .agent-notes-help { background: rgba(214, 162, 76, 0.08); border: 1px solid rgba(214, 162, 76, 0.28); border-radius: 8px; padding: 14px 16px; margin-bottom: 16px; } [data-theme="leto"] .agent-notes-help .help-title { color: #B48030; font-weight: 600; margin: 0 0 8px; font-size: 13px; } [data-theme="leto"] .agent-notes-help .help-text { color: #6F6A63; font-size: 12px; margin: 0 0 8px; line-height: 1.5; } [data-theme="leto"] .agent-notes-help .help-list { margin: 0; padding-left: 18px; color: #1A1A1A; font-size: 12px; line-height: 1.7; } [data-theme="leto"] .agent-notes-help .help-list li strong { color: #1A1A1A; } /* === ATTACH SUPPORTING DOCUMENTS — already amber-dashed, refine for Leto === */ [data-theme="leto"] #agent-pdf-section { background: rgba(214, 162, 76, 0.08) !important; border-color: rgba(214, 162, 76, 0.45) !important; } [data-theme="leto"] #agent-pdf-section > div:first-child > div:first-child { color: #B48030 !important; } [data-theme="leto"] #agent-pdf-counter { color: #8A8579 !important; } [data-theme="leto"] #agent-pdf-section p { color: #6F6A63 !important; } [data-theme="leto"] #agent-pdf-section p span { color: #8A8579 !important; } [data-theme="leto"] #agent-pdf-upload-btn { background: #C8B38A !important; color: #FFFFFF !important; } /* === ATTACHED PDF FILE ROWS — override inline styles in agent-pdf.js === */ /* The inline cssText sets background+color for dark theme; we beat it */ /* with high-specificity selectors + !important. */ [data-theme="leto"] #agent-pdf-list li { background: #FFFFFF !important; border: 1px solid #E5DED3 !important; color: #1A1A1A !important; } /* PDF / WARN icon */ [data-theme="leto"] #agent-pdf-list li > span:first-child { color: #B49C73 !important; } /* Filename — was #e5e7eb (light gray), now dark for cream readability */ [data-theme="leto"] #agent-pdf-list li > span:nth-child(2) { color: #1A1A1A !important; font-weight: 500; } /* Chars count — was #999, now muted Leto stone */ [data-theme="leto"] #agent-pdf-list li > span:nth-child(3) { color: #8A8579 !important; } /* Remove "x" button */ [data-theme="leto"] .agent-pdf-remove { color: #C56A5D !important; } /* === REALTOR NOTES TEXTAREA — proper frame === */ [data-theme="leto"] .agent-notes-textarea { background: #FFFFFF !important; border: 1px solid #E5DED3 !important; color: #1A1A1A !important; padding: 14px !important; border-radius: 8px !important; font-size: 14px !important; line-height: 1.6 !important; font-family: 'Inter', -apple-system, sans-serif !important; resize: vertical; } [data-theme="leto"] .agent-notes-textarea::placeholder { color: #8A8579 !important; font-style: normal; } [data-theme="leto"] .agent-notes-textarea:focus { border-color: #C8B38A !important; outline: none !important; box-shadow: 0 0 0 2px rgba(200, 179, 138, 0.18) !important; } /* Privacy lock notice */ [data-theme="leto"] #agent-notes-content > p, [data-theme="leto"] #agent-notes-content small { color: #6F6A63; font-size: 12px; text-align: center; } /* Provide-factual warning */ [data-theme="leto"] #agent-notes-toggle small, [data-theme="leto"] #agent-notes-content [style*="ff6b6b"] { color: #C56A5D !important; } /* ── Terms of Use acceptance modal — leto theme ── */ [data-theme="leto"] #terms-modal > div { background: #FFFFFF !important; border-color: #E5DED3 !important; } [data-theme="leto"] #terms-modal h2 { color: #1A1A1A !important; } [data-theme="leto"] #terms-modal #terms-scroll-box, [data-theme="leto"] #terms-modal p, [data-theme="leto"] #terms-modal span { color: #6F6A63 !important; } [data-theme="leto"] #terms-modal strong { color: #1A1A1A !important; } [data-theme="leto"] #terms-modal > div > div { border-color: #E5DED3 !important; } [data-theme="leto"] #terms-modal > div > div:last-child { background: #FFFFFF !important; } [data-theme="leto"] #terms-modal a { color: #B49C73 !important; } [data-theme="leto"] #terms-checkbox { accent-color: #C8B38A !important; } [data-theme="leto"] #terms-accept-btn { background: #C8B38A !important; color: #FFFFFF !important; } /* Keep the ⚠️ warning strong readable in leto (champagne-gold warning) */ [data-theme="leto"] #terms-modal strong[style*="f59e0b"] { color: #D6A24C !important; } /* Footer compliance line */ [data-theme="leto"] #terms-modal p[style*="666"] { color: #8A8579 !important; } /* ── Get in Touch contact modal — leto theme ── */ [data-theme="leto"] #contact-modal > div { background: #FFFFFF !important; } [data-theme="leto"] #contact-modal > div > div { border-color: #E5DED3 !important; } [data-theme="leto"] #contact-modal h2 { color: #1A1A1A !important; } [data-theme="leto"] #contact-modal p { color: #6F6A63 !important; } [data-theme="leto"] #contact-modal label { color: #6F6A63 !important; } [data-theme="leto"] #contact-modal label span { color: #8A8579 !important; } [data-theme="leto"] #contact-close-btn { color: #6F6A63 !important; } [data-theme="leto"] #contact-name, [data-theme="leto"] #contact-category, [data-theme="leto"] #contact-message { background: #F1ECE4 !important; border-color: #D8CFC0 !important; color: #1A1A1A !important; } [data-theme="leto"] #contact-email { background: #EFE9DF !important; border-color: #E5DED3 !important; color: #8A8579 !important; } [data-theme="leto"] #contact-name::placeholder, [data-theme="leto"] #contact-message::placeholder { color: #A39C90 !important; } [data-theme="leto"] #contact-name:focus, [data-theme="leto"] #contact-category:focus, [data-theme="leto"] #contact-message:focus { border-color: #C8B38A !important; outline: none !important; box-shadow: 0 0 0 2px rgba(200, 179, 138, 0.18) !important; } [data-theme="leto"] #contact-send-btn { background: #C8B38A !important; color: #FFFFFF !important; } /* ───────────────────────────────────────────────────────────── Manual-PDF banner (#manual-pdf-section) — Leto theme override The banner in index.html uses hardcoded inline hex (#ff9800 orange, #ccc gray, #4CAF50 green, etc.) on nearly every element. Inline styles beat stylesheet rules, so every override below needs !important — this matches the id-scoped !important pattern used throughout this file (see #contact-*, #terms-*). index.html is intentionally NOT edited so the banner copy stays untouched; theming lives entirely here. Dark theme keeps the original orange (no override needed there). ───────────────────────────────────────────────────────────── */ [data-theme="leto"] #manual-pdf-section { background: rgba(214,162,76,0.10) !important; /* leto warm-amber tint */ border-color: #D6A24C !important; /* --leto-warning */ } [data-theme="leto"] #manual-pdf-section p { color: #6F6A63 !important; /* leto secondary text (readable on warm-white) */ } [data-theme="leto"] #manual-pdf-section ul, [data-theme="leto"] #manual-pdf-section li { color: #6F6A63 !important; } /* Headline: first

is the amber title */ [data-theme="leto"] #manual-pdf-section > p:first-of-type { color: #9C7A3C !important; /* readable leto amber */ } /* Data box: dark inset -> leto soft beige */ [data-theme="leto"] #manual-pdf-section > div:not([style*="flex"]) { background: #F1ECE4 !important; } [data-theme="leto"] #manual-pdf-section > div:not([style*="flex"]) p { color: #9C7A3C !important; /* box header amber */ } /* All -> leto primary dark: works for both step-numbers and the white "free"/emphasis spans (one color that reads strong in both) */ [data-theme="leto"] #manual-pdf-section strong { color: #1A1A1A !important; } /* Buttons (targeted by id/attr so no collateral on step-number strongs) */ [data-theme="leto"] #manual-pdf-section #county-website-link { background: #D6A24C !important; color: #3A2A0C !important; /* dark amber text on amber btn */ } [data-theme="leto"] #manual-pdf-section label[for="manual-pdf-input"] { background: #7C9A6D !important; /* leto sage */ color: #FFFFFF !important; }