/* SIA Lemonpepper ERP — light theme override Kad vai , visi --bg-* un --text-* CSS mainīgie tiek pārrakstīti uz gaiša režīma vērtībām. Akcentu krāsas (amber, green, red, blue) saglabā līdzīgu nokrāsu, bet nedaudz tumšākas, lai būtu lasāmas uz balta fona. */ [data-theme="light"] { /* Solarized Light iedvesmas — silts krēms, mīksts acīm */ --bg-primary: #eee8d5; /* Solarized base2 — pamatfons */ --bg-card: #fdf6e3; /* Solarized base3 — gaišākais (kartes) */ --bg-input: #fdf6e3; --bg-elevated: #e3ddc4; /* Mazliet tumšāks */ --bg-header: #e3ddc4; --border: #d6d0bc; --border-strong: #b8b29e; --text-primary: #586e75; /* Solarized base01 — tumšs zils-pelēks (galvenais teksts) */ --text-secondary: #657b83; /* Solarized base00 */ --text-muted: #93a1a1; /* Solarized base1 */ --amber: #b58900; /* Solarized yellow */ --amber-dim: rgba(181, 137, 0, 0.12); --green: #859900; /* Solarized green */ --red: #dc322f; /* Solarized red */ --blue: #268bd2; /* Solarized blue */ } [data-theme="light"] body { background: var(--bg-primary); color: var(--text-primary); } /* Mazas korekcijas, kur dažas vietas ir hardcoded (e.g. inline styles) */ [data-theme="light"] table thead th { color: var(--text-secondary); } /* ========== VIENOTAIS HEADER (nav.js) ========== */ .lp-header { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; gap: 24px; padding: 10px 20px; background: var(--bg-header, #17171d); border-bottom: 1px solid var(--border, #2c2c33); box-shadow: 0 2px 8px rgba(0,0,0,0.15); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; } .lp-nav-spacer { /* Atstaj vietu zem fiksētā header (nav vajadzīgs jo sticky, bet drošības pēc) */ height: 0; } .lp-logo-link { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; flex-shrink: 0; } .lp-logo { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; transition: transform 0.15s ease; } .lp-logo-link:hover .lp-logo { transform: scale(1.05); } .lp-brand { font-size: 13px; font-weight: 800; letter-spacing: 1.5px; color: var(--amber, #e6b31a); font-family: ui-monospace, "SF Mono", Monaco, monospace; } .lp-nav-tabs { display: flex; align-items: center; gap: 4px; flex: 1; flex-wrap: wrap; } .lp-nav-tab { padding: 8px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; text-decoration: none; color: var(--text-secondary, #888); border-radius: 4px; transition: all 0.15s; font-family: ui-monospace, "SF Mono", Monaco, monospace; } .lp-nav-tab:hover { background: var(--bg-elevated, #2a2a32); color: var(--text-primary, #e6e6ec); } .lp-nav-tab.active { background: var(--amber, #e6b31a); color: #17171d; } .lp-user-block { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lp-user-info { text-align: right; } .lp-user-name { font-size: 12px; font-weight: 700; color: var(--text-primary, #e6e6ec); font-family: ui-monospace, "SF Mono", Monaco, monospace; } .lp-user-role { font-size: 9px; color: var(--text-muted, #666); letter-spacing: 1px; font-family: ui-monospace, "SF Mono", Monaco, monospace; } .lp-logout-btn { background: none; border: 1px solid var(--border, #3a3a45); color: var(--text-secondary, #888); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: all 0.15s; } .lp-logout-btn:hover { background: var(--red, #c44e52); color: #fff; border-color: var(--red, #c44e52); } /* Mobile responsive */ @media (max-width: 700px) { .lp-header { padding: 8px 12px; gap: 12px; flex-wrap: wrap; } .lp-brand { display: none; } .lp-nav-tabs { gap: 2px; order: 3; width: 100%; } .lp-nav-tab { padding: 6px 10px; font-size: 11px; } .lp-user-info { display: none; } } /* Light theme override */ [data-theme="light"] .lp-header { background: #fdf6e3; border-bottom-color: #d6d0bc; } [data-theme="light"] .lp-nav-tab { color: #657b83; } [data-theme="light"] .lp-nav-tab:hover { background: #e3ddc4; color: #586e75; } [data-theme="light"] .lp-nav-tab.active { background: #b58900; color: #fdf6e3; } [data-theme="light"] .lp-brand { color: #b58900; } /* Theme toggle fixed-corner poga */ #theme-toggle-fixed { transition: all 0.15s; } #theme-toggle-fixed:hover { transform: scale(1.1); border-color: #e6b31a !important; } [data-theme="light"] #theme-toggle-fixed { background: #ffffff !important; color: #b87f0b !important; border-color: #d8d8de !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; }