/* ═══════════════════════════════════════════════════════════════════ HUEL ORANGE v1 — 2026-08-10 Voicepilot preoblečen v isti dizajn kot dash.noriks.com (welcome/huel), zelena → oranžna. Nalaga se ZADNJI v in prepiše oba obstoječa sistema tokenov (--bg-… / --brand iz "Linear" plasti in --c-… iz v2 plasti). ═══════════════════════════════════════════════════════════════════ */ /* ── 1. TOKENI ─────────────────────────────────────────────────────── */ :root { /* Linear plast */ --bg-base: #F6F6F4; --bg-app: #FFFFFF; --bg-elev-1: #FFFFFF; --bg-elev-2: #F4F2EE; --bg-elev-3: #ECEAE5; --bg-hover: #F6F3EE; --bg-subtle: #FAFAF8; --border: #E6E6E2; --border-strong: #D9D7D2; --border-subtle: #ECEAE6; --text-primary: #0C0C0D; --text-body: #1B1B19; --text-secondary: #47474A; --text-tertiary: #5D5D5E; --text-muted: #8A8A85; --brand: #C05E12; --brand-hover: #9C4A0C; --brand-soft: rgba(192, 94, 18, 0.10); --brand-glow: rgba(192, 94, 18, 0.16); --brand-glow-strong: rgba(192, 94, 18, 0.28); --success: #C05E12; /* zelena → oranžna */ --danger: #B3402F; --warning: #8A6A1F; --info: #C05E12; /* v2 (c-*) plast */ --c-bg: #F6F6F4; --c-surface: #FFFFFF; --c-surface-2: #F5F3F0; --c-border: #E6E6E2; --c-border-hover: #D6D3D1; --c-text: #0C0C0D; --c-text-muted: #57534E; --c-text-soft: #78716C; --c-brand: #C05E12; --c-brand-hover: #9C4A0C; --c-brand-soft: #FDF4E8; --c-brand-border: #F2D5B4; --c-success: #C05E12; --c-success-hover: #9C4A0C; --c-success-soft: #FBEAD5; --r-sm: 8px; --r-md: 12px; --r-lg: 12px; --r-xl: 14px; } /* ── 2. FONTI (isti kot dash: Instrument Sans + IBM Plex Mono) ─────── */ body, .app-shell, button, input, select, textarea { font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; letter-spacing: -0.011em; } h1, h2, h3, h4, h5, h6 { font-weight: 600 !important; letter-spacing: -0.02em !important; } .sidebar-section-label, .stat-card .label, .nav-item .badge, .badge, .stat-card .trend, .sidebar-brand .subtitle { font-family: 'IBM Plex Mono', monospace !important; } html, body { background: #F6F6F4 !important; } /* ── 3. SIDEBAR — temen kot na dash ────────────────────────────────── */ .sidebar { background: #0C0C0D !important; border-right: none !important; } .sidebar-brand { border-bottom: 1px solid rgba(255,255,255,0.08) !important; } .sidebar-brand .logo { background: var(--brand) !important; color: #FFFFFF !important; border-radius: 10px !important; } .sidebar-brand .title { color: #FFFFFF !important; } .sidebar-brand .subtitle { color: #F2C48D !important; letter-spacing: 0.12em !important; } .sidebar-section-label { color: #F2C48D !important; opacity: 1 !important; } .sidebar .nav-item { color: rgba(255,255,255,0.88) !important; border-radius: 10px !important; } .sidebar .nav-item:hover { background: rgba(255,255,255,0.07) !important; color: #FFFFFF !important; } .sidebar .nav-item.active { background: linear-gradient(180deg, #D97B24, #B4560A) !important; color: #FFFFFF !important; box-shadow: 0 6px 16px -8px rgba(192, 94, 18, 0.55); } .sidebar .nav-item.active .badge { background: rgba(255,255,255,0.18) !important; color: #FFFFFF !important; } .sidebar .nav-item .badge { background: rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.65) !important; } .sidebar-footer { border-top: 1px solid rgba(255,255,255,0.08) !important; } .sidebar-user { background: rgba(255,255,255,0.06) !important; } .sidebar-user .user-name { color: #FFFFFF !important; } .sidebar-user .user-role { color: rgba(255,255,255,0.5) !important; } .sidebar-user .avatar { background: var(--brand) !important; color: #FFFFFF !important; } .sidebar-user .logout-btn-sm { color: rgba(255,255,255,0.6) !important; } .sidebar ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.16) !important; border-radius: 6px; } /* ── 4. KARTICE — bele, radius 14, oranžna akcent črtica, dvig ─────── */ .stat-card, .card, .ui-card { background: #FFFFFF !important; border: 1px solid #E6E6E2 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(15,16,17,.04), 0 12px 32px -24px rgba(15,16,17,.14) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .stat-card:hover, .card:hover { transform: translateY(-2px); border-color: #DEDEDA !important; box-shadow: 0 10px 24px -12px rgba(15,16,17,.18) !important; } .stat-card::before { content: ""; display: block; width: 24px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #C05E12, #EFA153); margin-bottom: 12px; } .stat-card .label { font-size: 10px !important; text-transform: uppercase; letter-spacing: .09em !important; color: #75756F !important; font-weight: 500 !important; } .stat-card .value { font-weight: 600 !important; letter-spacing: -0.02em !important; font-variant-numeric: tabular-nums; } .stat-card .trend { font-size: 9.5px !important; color: #9C5608 !important; letter-spacing: .04em !important; } /* ── 5. NASLOVI STRANI — oranžen gradient kot hero na dash ─────────── */ .page-title h1 { background: linear-gradient(90deg, #7A3D08, #C05E12, #EFA153) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; font-weight: 600 !important; } /* ── 6. GUMBI — radius 12 (kot dash), oranžni primarni ─────────────── */ button:not(.nav-item):not(.logout-btn-sm), .btn, .btn-primary, .btn-primary-el { border-radius: 12px !important; } .btn-primary, .btn-primary-el, button.btn-primary { background: var(--brand) !important; border-color: var(--brand) !important; color: #FFFFFF !important; box-shadow: 0 1px 2px rgba(192,94,18,0.22) !important; } .btn-primary:hover, .btn-primary-el:hover, button.btn-primary:hover { background: var(--brand-hover) !important; border-color: var(--brand-hover) !important; transform: translateY(-1px); } /* ── 7. INPUTI ─────────────────────────────────────────────────────── */ .app-shell input[type="text"], .app-shell input[type="number"], .app-shell input[type="password"], .app-shell input[type="search"], .app-shell input[type="url"], .app-shell textarea, .app-shell select { border-radius: 10px !important; border: 1px solid #E3E3E0 !important; background: #FFFFFF !important; } .app-shell input:focus, .app-shell textarea:focus, .app-shell select:focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px var(--brand-glow) !important; outline: none !important; } /* ── 8. TRDO KODIRANE STARE BARVE (smaragd + kobalt → oranžna) ─────── */ [style*="color:#10b981"], [style*="color: #10b981"], [style*="color:#10B981"], [style*="color:#34d399"], [style*="color:#059669"], [style*="color:#0A59D2"], [style*="color: #0A59D2"], [style*="color:#3D75F5"] { color: var(--brand) !important; } [style*="background:#10b981"], [style*="background: #10b981"], [style*="background:#10B981"], [style*="background:#059669"], [style*="background:#0A59D2"], [style*="background: #0A59D2"], [style*="background:#0847A8"], [style*="background:#3D75F5"], [style*="background:#2A5FE8"] { background: var(--brand) !important; color: #FFFFFF !important; } [style*="border-color:#10b981"], [style*="border: 2px solid #10b981"], [style*="border:2px solid #10b981"] { border-color: var(--brand) !important; } .library-section h4 { color: var(--brand) !important; } .library-section h4:hover { color: var(--brand-hover) !important; } /* ── 9. LOGIN ──────────────────────────────────────────────────────── */ .login-overlay { background: #F6F6F4 !important; } .login-box { background: #FFFFFF !important; border: 1px solid #E6E6E2 !important; border-radius: 16px !important; box-shadow: 0 1px 2px rgba(15,16,17,.04), 0 24px 60px -24px rgba(15,16,17,.25) !important; color: var(--text-primary) !important; } .login-box h2 { color: var(--text-primary) !important; } .login-box h2 span { color: var(--brand) !important; } .login-box input { background: #FFFFFF !important; color: var(--text-body) !important; border: 1px solid #E3E3E0 !important; border-radius: 10px !important; } .login-box button { background: var(--brand) !important; color: #FFFFFF !important; border-radius: 12px !important; border: none !important; } .login-box button:hover { background: var(--brand-hover) !important; } /* ── 10a. TRDO KODIRAN KOBALT V RAZREDIH (home/creatives/activity) ── */ .section-heading { color: #75756F !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .1em !important; } .creatives-matrix thead th, .activity-table thead th { color: #75756F !important; font-family: 'IBM Plex Mono', monospace !important; font-weight: 500 !important; letter-spacing: .08em !important; background: #FAFAF8 !important; } .cov-fill { background: var(--brand) !important; } .creative-id, .activity-job { color: var(--brand) !important; font-family: 'IBM Plex Mono', monospace !important; } .creatives-toolbar select { color: var(--text-secondary) !important; } .creatives-toolbar input.search:focus, .creatives-toolbar select:focus { border-color: var(--brand) !important; } .btn-refresh, button.btn-refresh { background: var(--brand) !important; color: #FFFFFF !important; } .btn-refresh:hover, button.btn-refresh:hover { background: var(--brand-hover) !important; } .spinner { border-top-color: var(--brand) !important; } .quick-card:hover { border-color: var(--brand) !important; box-shadow: 0 8px 24px rgba(192,94,18,.12) !important; } .quick-card:hover .quick-arrow { color: var(--brand) !important; } .quick-icon { background: #FBEAD5 !important; color: #9C4A0C !important; } .quick-card.quick-primary { background: linear-gradient(135deg, #D97B24 0%, #8A4509 100%) !important; } .quick-card.quick-primary:hover { box-shadow: 0 12px 28px rgba(192,94,18,.30) !important; } .quick-card.quick-primary .quick-icon { background: rgba(255,255,255,.15) !important; color: #FFFFFF !important; } .lang-chip { background: #FBEAD5 !important; color: #9C4A0C !important; font-family: 'IBM Plex Mono', monospace !important; } .btn-ghost { color: #47474A !important; } .btn-ghost:hover { border-color: var(--brand) !important; } .btn-link { color: var(--brand) !important; } .btn-link:hover { background: #FBEAD5 !important; } #downloads-overlay { background: rgba(78, 42, 6, 0.18) !important; } /* zeleni in modri čipi → topli odtenki (nič zelene/modre v celem appu) */ :root { --pill-green-bg: #FBEAD5; --pill-green-fg: #9C4A0C; --pill-blue-bg: #F6DFC2; --pill-blue-fg: #7A4408; } .author-pill.author-tk, .creative-badge, .product-pill.shirts, .product-pill.tshirt { background: #F6DFC2 !important; color: #7A4408 !important; } [style*="background:#DBEAFE"], [style*="background: #DBEAFE"] { background: #F6DFC2 !important; } [style*="color:#1E40AF"], [style*="color:#1D4ED8"], [style*="color: #1E40AF"] { color: #7A4408 !important; } /* ── 10b. INLINE STILI (tudi JS-generirani): modra/zelena → oranžna ── */ [style*="solid #0A59D2"], [style*="solid #10b981"], [style*="solid #3b82f6"] { border-color: var(--brand) !important; } [style*="background:#EFF6FF"], [style*="background: #EFF6FF"], [style*="background:#F0F6FF"] { background: #FDF4E8 !important; } [style*="solid #BFDBFE"] { border-color: #F2D5B4 !important; } [style*="dashed #93c5fd"], [style*="dashed #BFDBFE"] { border-color: #EFB679 !important; } [style*="color:#3b82f6"], [style*="color: #3b82f6"] { color: var(--brand) !important; } [style*="background:#3b82f6"] { background: var(--brand) !important; color: #FFFFFF !important; } [style*="background:#DCFCE7"], [style*="background: #DCFCE7"] { background: #FBEAD5 !important; } [style*="color:#16a34a"], [style*="color:#15803d"], [style*="color: #16a34a"], [style*="color: #15803d"] { color: #9C4A0C !important; } /* ── 10c. LIPVOICE + JS-mutirani stili (hex IN rgb() oblika) ───────── */ [style*="linear-gradient(135deg,#3b82f6,#2563eb)" i], [style*="linear-gradient(135deg, #3b82f6, #2563eb)" i] { background: linear-gradient(135deg, #D97B24, #9C4A0C) !important; } [style*="linear-gradient(90deg, #10b981, #3b82f6)" i], [style*="linear-gradient(90deg,#10b981,#3b82f6)" i] { background: linear-gradient(90deg, #EFA153, #C05E12) !important; } [style*="color:#3b82f6" i], [style*="color: #3b82f6" i], [style*="color:#2563eb" i], [style*="color:#1d4ed8" i], [style*="color: #1d4ed8" i], [style*="color:#60a5fa" i] { color: var(--brand) !important; } [style*="background:#3b82f6" i], [style*="background: #3b82f6" i], [style*="background:#2563eb" i] { background: var(--brand) !important; color: #FFFFFF !important; } [style*="background:#dbeafe" i], [style*="background: #dbeafe" i] { background: #F6DFC2 !important; } [style*="background:#eff6ff" i], [style*="background: #eff6ff" i] { background: #FDF4E8 !important; } [style*="solid #3b82f6" i], [style*="border-color:#3b82f6" i] { border-color: var(--brand) !important; } /* JS: el.style.x = '#hex' se v atributu serializira kot rgb(...) */ [style*="border-color: rgb(59, 130, 246)"], [style*="solid rgb(59, 130, 246)"] { border-color: var(--brand) !important; } [style*="border-color: rgb(147, 197, 253)"], [style*="solid rgb(147, 197, 253)"] { border-color: #EFB679 !important; } [style*="background: rgb(219, 234, 254)"], [style*="background-color: rgb(219, 234, 254)"] { background: #F6DFC2 !important; } [style*="background: rgb(239, 246, 255)"], [style*="background-color: rgb(239, 246, 255)"] { background: #FDF4E8 !important; } [style*="background: rgb(59, 130, 246)"], [style*="background-color: rgb(59, 130, 246)"] { background: var(--brand) !important; } .gender-btn.active { background: var(--brand) !important; color: #FFFFFF !important; } .timeline-dropzone.suggested-benefit { border-color: #EFA153 !important; background: rgba(239, 161, 83, 0.08) !important; } /* ── 10. DROBNARIJE ────────────────────────────────────────────────── */ *::selection { background: rgba(192, 94, 18, 0.22) !important; color: var(--text-primary) !important; } ::-webkit-scrollbar-thumb { background: #D6D6D1 !important; border-radius: 8px; } a { color: var(--brand); } .badge, .pill { border-radius: 8px !important; } /* native kontrole (radio/checkbox/range/progress) — oranžen accent */ input[type="radio"], input[type="checkbox"], input[type="range"], progress { accent-color: #C05E12 !important; } /* ── 12. HOME: vsebina začasno skrita (Dejan 2026-08-10: "zbriši vse to, ne rabimo, bomo kasneje znova zgradili") — markup ostaja, samo skrit, da JS (loadHomeActivity ipd.) ne pade. Za novo gradnjo odstrani ta blok. ── */ #page-home .section-heading, #page-home .quick-grid, #page-home .activity-wrap { display: none !important; } /* ── 11. LipVoice: gumbi v seznamu jobov (ID-scoped -> premaga color:#fff->temno pravilo) ── */ #lvJobs a.lv-dl { background: var(--brand) !important; color:#FFFFFF !important; } #lvJobs a.lv-dl:hover { background: var(--brand-hover) !important; } #lvJobs a.lv-zip { color:#FFFFFF !important; } /* crn ZIP gumb: tekst spet viden */ #lvJobs a.lv-add { background:#FBEAD5 !important; color:#9C4A0C !important; border:1px solid #F2D5B4 !important; } #lvJobs a.lv-add:hover { background:#F6DFC2 !important; } /* ── 12. LipVoice: mape (produktne mape + drag&drop) ── */ #lvFolders { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:14px; } #lvFolders .lv-folder { display:inline-flex; align-items:center; gap:5px; padding:7px 13px; border:1px solid #E3E3E0; border-radius:10px; background:#fff; cursor:pointer; font-weight:600; font-size:13px; color:#47474A; transition:all .12s; user-select:none; } #lvFolders .lv-folder:hover { border-color:#D9D7D2; } #lvFolders .lv-folder .cnt { opacity:.55; font-variant-numeric:tabular-nums; } #lvFolders .lv-folder .del { margin-left:4px; opacity:.4; font-size:11px; } #lvFolders .lv-folder .del:hover { opacity:1; color:var(--danger); } #lvFolders .lv-folder.active { background:var(--brand); color:#fff; border-color:var(--brand); } #lvFolders .lv-folder.active .cnt { opacity:.85; } #lvFolders .lv-folder.drop { border:1px dashed var(--brand); background:#FDF4E8; box-shadow:0 0 0 3px var(--brand-glow); } #lvFolders .lv-newfolder { padding:7px 13px; border:1px dashed #C9C6C0; border-radius:10px; background:transparent; color:#75756F; cursor:pointer; font-weight:600; font-size:13px; font-family:inherit; } #lvFolders .lv-newfolder:hover { border-color:var(--brand); color:var(--brand); } .lv-jobrow { cursor:grab; } .lv-jobrow:active { cursor:grabbing; } .lv-row-folder { font-size:10px; font-weight:700; color:#9C4A0C; background:#FBEAD5; border-radius:6px; padding:2px 7px; } /* ── 13. LipVoice DVOFAZNO: panel za generiranje drzav + SRT modal ── */ .lv-genpanel { margin-top:10px; padding:10px 12px; background:#FDF9F4; border:1px dashed #EBD9C2; border-radius:10px; } .lv-genpanel-t { font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:#9C5608; margin-bottom:8px; } .lv-genchips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; } .lv-gen-chip { display:inline-flex; align-items:center; gap:4px; padding:5px 9px; border:1.5px solid #E3E3E0; border-radius:8px; background:#fff; cursor:pointer; font-weight:600; font-size:12px; } .lv-gen-chip.on { border-color:var(--brand); background:#FDF4E8; } .lv-gengo { padding:7px 14px; background:var(--brand); color:#fff; border:none; border-radius:10px; font-weight:700; font-size:12px; cursor:pointer; font-family:inherit; } .lv-gengo:hover { background:var(--brand-hover); } .lv-gengo:disabled { opacity:.6; cursor:not-allowed; } #lvJobs a.lv-srt { background:#F1EFEA !important; color:#5D5D5E !important; border:1px solid #E3E0DA !important; } #lvJobs a.lv-srt:hover { background:#E9E6DF !important; color:#0C0C0D !important; } .lv-genopts { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:2px 0 10px; font-size:12px; font-weight:600; color:#5D5D5E; } .lv-genopt { display:inline-flex; align-items:center; gap:5px; cursor:pointer; } .lv-genopt-sep { width:1px; height:14px; background:#E3E0DA; } /* oprijemna rocica za drag&drop v mapo */ .lv-grip { flex:none; align-self:center; padding:6px 4px; margin:-4px 2px -4px -6px; color:#C9C6C0; font-size:15px; line-height:1; letter-spacing:-2px; cursor:grab; user-select:none; transition:color .12s; } .lv-jobrow:hover .lv-grip { color:var(--brand); } .lv-grip:active { cursor:grabbing; } /* ── 14. Mape 2x VECJE (lazji drop cilj) ── */ #lvFolders { gap:14px; margin-bottom:20px; } #lvFolders .lv-folder { padding:18px 26px; font-size:19px; border-radius:16px; gap:10px; border-width:2px; } #lvFolders .lv-folder .cnt { font-size:17px; } #lvFolders .lv-folder .del { margin-left:8px; font-size:16px; } #lvFolders .lv-folder.drop { border-width:2.5px; transform:scale(1.05); } #lvFolders .lv-newfolder { padding:18px 26px; font-size:18px; border-radius:16px; border-width:2px; } /* ── 15. KARTICA: glavna vrstica + dropdown, vecje kontrole ── */ .lv-jobrow { background:#fff; border:1px solid #E6E6E2; border-radius:14px; margin-bottom:10px; padding:0; display:block; box-shadow:0 1px 2px rgba(15,16,17,.04); transition:box-shadow .15s, border-color .15s; } .lv-jobrow:hover { border-color:#DEDEDA; box-shadow:0 4px 14px -8px rgba(15,16,17,.18); } .lv-jobrow.open { box-shadow:0 6px 20px -12px rgba(15,16,17,.2); } .lv-row-main { display:flex; align-items:center; gap:12px; padding:16px 18px; cursor:pointer; } .lv-row-name { display:flex; align-items:center; gap:9px; min-width:0; flex-wrap:wrap; } .lv-row-name strong { font-size:16px; font-weight:600; letter-spacing:-.01em; } .lv-row-time { font-size:12px; color:#A8A49C; font-family:'IBM Plex Mono',monospace; } .lv-row-status { font-weight:700; font-size:13px; white-space:nowrap; letter-spacing:.01em; } .lv-row-sp { flex:1; } .lv-row-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; } .lv-row-toggle { width:36px; height:36px; border:1px solid #E3E3E0 !important; background:#fff; color:#5D5D5E; border-radius:10px !important; font-size:14px; cursor:pointer; line-height:1; } .lv-row-toggle:hover { border-color:var(--brand) !important; color:var(--brand); } #lvJobs .lv-row-actions a, #lvJobs .lv-row-main a { display:inline-flex; align-items:center; padding:9px 14px !important; border-radius:10px !important; font-size:13px !important; font-weight:700; text-decoration:none; white-space:nowrap; } #lvJobs a.lv-del { background:#F4F2EE !important; color:#75756F !important; padding:9px 12px !important; } #lvJobs a.lv-del:hover { background:#FBE9E7 !important; color:#B3402F !important; } #lvJobs a.lv-cancel { background:#B3402F !important; color:#fff !important; padding:9px 12px !important; } .lv-row-prog { height:4px; background:#F1EFEA; margin:0 18px; border-radius:3px; overflow:hidden; } .lv-row-prog > div { height:100%; border-radius:3px; transition:.3s; } .lv-row-more { padding:6px 18px 16px; } .lv-row-info { font-size:12.5px; color:#75756F; margin:10px 0 8px; } .lv-row-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:6px; } .lv-row-chips > * { font-size:12.5px !important; padding:6px 12px !important; } .lv-row-err { color:#B3402F; font-size:13px; margin-top:8px; } .lv-row-logsum { cursor:pointer; font-size:12px; color:#8A8A85; user-select:none; } .lv-row-log { font-family:'IBM Plex Mono',monospace; font-size:11px; color:#75756F; background:#FAFAF8; padding:10px; border-radius:8px; max-height:150px; overflow:auto; margin-top:6px; } /* vecje kontrole v panelu za generiranje */ .lv-genpanel { margin-top:12px; padding:16px 18px; border-radius:12px; } .lv-genpanel-t { font-size:11px; margin-bottom:11px; } .lv-genchips { gap:9px; margin-bottom:14px; } .lv-gen-chip { padding:10px 15px; font-size:14.5px; border-radius:10px; gap:7px; } .lv-gen-chip input { width:17px; height:17px; } .lv-genopts { gap:18px; margin:0 0 14px; font-size:14px; } .lv-genopt { gap:7px; } .lv-genopt input { width:17px; height:17px; } .lv-genopt-sep { height:18px; } .lv-gengo { padding:11px 22px; font-size:14px; border-radius:11px; } .lv-grip { font-size:17px; padding:8px 5px; margin:0 0 0 -4px; } /* ── 16. Zgornja sekcija (nalaganje) na 50% + crn Start gumb ── */ #page-lipvoice .lv-container > div:first-of-type { max-width:50%; } @media (max-width:1100px){ #page-lipvoice .lv-container > div:first-of-type { max-width:100%; } } #lvBtn { background:#0C0C0D !important; color:#FFFFFF !important; border-radius:12px !important; padding:14px !important; } #lvBtn:hover { background:#252527 !important; } #lvBtn:disabled { opacity:.65; } /* ══════ SRT MODAL — premium pregled/urejanje ══════ */ .lv-srt-box { background:#fff; border-radius:20px; width:min(1240px,95vw); max-height:92vh; display:flex; flex-direction:column; box-shadow:0 40px 90px -30px rgba(15,16,17,.45), 0 0 0 1px rgba(15,16,17,.06); overflow:hidden; } .lv-srt-topbar { display:flex; align-items:flex-start; justify-content:space-between; padding:22px 26px 18px; border-bottom:1px solid #F0EEE9; } .lv-srt-title { font-size:20px; font-weight:600; letter-spacing:-.02em; color:#0C0C0D; } .lv-srt-sub { font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:#9A9A94; margin-top:5px; } .lv-srt-x { background:#F4F2EE; border:none; width:34px; height:34px; border-radius:10px; font-size:14px; color:#5D5D5E; cursor:pointer; } .lv-srt-x:hover { background:#EAE7E1; color:#0C0C0D; } .lv-srt-langbar { display:flex; align-items:center; gap:14px; padding:14px 26px; border-bottom:1px solid #F0EEE9; background:#FDFCFA; } .lv-srt-langlabel { font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:#A8A49C; flex:none; } .lv-srt-tabs { display:flex; gap:7px; flex-wrap:wrap; flex:1; } .lv-srt-tab { padding:8px 15px; border:1.5px solid #E6E3DD; background:#fff; color:#47474A; border-radius:11px; font-weight:600; font-size:13.5px; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; gap:5px; transition:all .12s; } .lv-srt-tab:hover { border-color:#D3CFC7; } .lv-srt-tab.on { background:var(--brand); color:#fff; border-color:var(--brand); box-shadow:0 3px 10px -4px rgba(192,94,18,.6); } .lv-srt-tab .dot { color:#EFA153; font-size:16px; line-height:0; } .lv-srt-tab.on .dot { color:#fff; } .lv-srt-tab.miss { border-style:dashed; color:#A8A49C; } .lv-srt-tab.miss:hover { border-color:var(--brand); color:var(--brand); background:#FDF9F4; } .lv-srt-tab .pl { font-weight:700; opacity:.7; } .lv-srt-hint { display:flex; gap:22px; flex-wrap:wrap; padding:11px 26px; background:#FDF9F4; border-bottom:1px solid #F2E9DC; font-size:12.5px; color:#8A6A45; } .lv-srt-hint b { color:#7A4408; } .lv-srt-body { overflow-y:auto; padding:0 26px 8px; flex:1; } .lv-srt-head { position:sticky; top:0; background:#fff; display:grid; grid-template-columns:1fr 1fr; gap:26px; padding:16px 0 10px 42px; z-index:2; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.11em; color:#A8A49C; border-bottom:1px solid #F0EEE9; } .lv-srt-none { font-size:13px; color:#C4C0B8; padding:8px 0; } .lv-srt-empty { padding:40px; text-align:center; color:#9A9A94; } .lv-srt-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 26px; border-top:1px solid #F0EEE9; background:#FDFCFA; } .lv-srt-stat { font-size:12.5px; color:#75756F; } .lv-srt-cancel { padding:11px 20px; background:#fff; border:1.5px solid #E3E3E0; color:#47474A; border-radius:12px; font-weight:600; font-size:13.5px; cursor:pointer; font-family:inherit; } .lv-srt-save { padding:11px 22px; background:#0C0C0D; color:#fff; border:none; border-radius:12px; font-weight:700; font-size:13.5px; cursor:pointer; font-family:inherit; } .lv-srt-save:hover { background:#252527; } .lv-srt-save:disabled { opacity:.6; cursor:not-allowed; } @media (max-width:820px){ .lv-srt-cols,.lv-srt-head{ grid-template-columns:1fr; gap:10px; } .lv-srt-head{ padding-left:0; } } .lv-srt-fix { padding:11px 18px; background:#fff; border:1.5px solid var(--brand); color:var(--brand); border-radius:12px; font-weight:700; font-size:13px; cursor:pointer; font-family:inherit; } .lv-srt-fix:hover { background:#FDF4E8; } .lv-srt-fix:disabled { opacity:.6; cursor:not-allowed; } @media (max-width:900px){ .lv-srt-foot{ flex-wrap:wrap } .lv-srt-fix{ font-size:12px; padding:10px 12px } } /* SRT: tekoce besedilo (vsaka vrstica = en kader) */ .lv-srt-panes { display:grid; grid-template-columns:1fr 1fr; gap:26px; padding:14px 0 20px; } .lv-srt-pane { min-width:0; } .lv-srt-text { font-size:15px; line-height:1.85; white-space:pre-wrap; border:1.5px solid #EDEAE4; border-radius:12px; padding:14px 16px; min-height:220px; cursor:text; transition:border-color .12s, box-shadow .12s, background .12s; } .lv-srt-text:hover { border-color:#DFDBD3; } .lv-srt-text:focus { outline:none; background:#FDFBF8; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-glow); } .lv-srt-text.lv-srt-orig { color:#5D5D5E; background:#FBFAF8; } .lv-srt-text.lv-srt-tr { color:#0C0C0D; font-weight:500; background:#fff; } @media (max-width:820px){ .lv-srt-panes{ grid-template-columns:1fr; gap:12px; } } /* ── 18. Znova generiraj + izbirnik mape ── */ .lv-redo { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px; padding:10px 12px; background:#FBF7F1; border:1px dashed #E8DCC9; border-radius:10px; } .lv-redo-t { font-size:12px; color:#8A6A45; font-weight:600; } .lv-redo-b { padding:7px 12px; background:#fff; border:1.5px solid #E3D9C9 !important; color:#7A4408; border-radius:10px !important; font-weight:700; font-size:12.5px; cursor:pointer; font-family:inherit; } .lv-redo-b:hover { border-color:var(--brand) !important; background:#FDF4E8; } .lv-redo-b:disabled { opacity:.6; cursor:not-allowed; } .lv-folsel { padding:8px 10px; border:1px solid #E3E3E0; border-radius:10px; background:#fff; color:#5D5D5E; font-size:12.5px; font-weight:600; font-family:inherit; cursor:pointer; max-width:170px; } .lv-folsel:hover { border-color:#D3CFC7; } .lv-folsel:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-glow); } /* predpriprava koncana -> svetlo zelena kartica (ceka izbiro drzav) */ .lv-jobrow.prep { background:#F4FBF3 !important; border-color:#CFE8CB !important; } .lv-jobrow.prep:hover { border-color:#B9DDB4 !important; } .lv-jobrow.prep .lv-row-prog { background:#E2F1DF; } .lv-jobrow.prep .lv-genpanel { background:#FCFEFB; border-color:#D8EDD4; } /* V predpripravi (se tece) -> topla peščena */ .lv-jobrow.inprep { background:#FDF9EF !important; border-color:#EBDFC4 !important; } .lv-jobrow.inprep .lv-row-prog { background:#F3E8D2; } /* SE TRENUTNO DELA -> ZIVO ZELEN 5px okvir (nezgresljivo) */ .lv-jobrow.gen { border:5px solid #1FB141 !important; background:#FCFFFC !important; box-shadow:0 0 0 4px rgba(31,177,65,.14), 0 12px 30px -14px rgba(31,177,65,.35) !important; animation:lvGenPulse 1.5s ease-in-out infinite; } @keyframes lvGenPulse { 0%,100%{ box-shadow:0 0 0 3px rgba(31,177,65,.10);} 50%{ box-shadow:0 0 0 8px rgba(31,177,65,.28);} } .lv-jobrow.gen .lv-row-prog { background:#DFF3E2; } .lv-jobrow.gen .lv-row-prog > div { background:#1FB141 !important; } /* v vrsti (caka na prosto mesto) -> tanek oranzen rob */ .lv-jobrow.queued { border:1.5px solid #EFCFA9 !important; background:#FFFDFB !important; } /* USTAVLJENO -> siva crtkana */ .lv-jobrow.paused { border:2px dashed #C9C6C0 !important; background:#FAFAF8 !important; } .lv-jobrow.paused .lv-genpanel { opacity:.7; } /* ── 19. Kartice videov v 3 STOLPCE ── */ #lvJobs { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-items:start; } #lvJobs > div:not(.lv-jobrow) { grid-column:1 / -1; } /* datumski locilnik cez celo sirino */ #lvJobs .lv-jobrow { margin-bottom:0; } /* v ozjem stolpcu naj se drobne stvari lepse zlozijo */ #lvJobs .lv-row-main { flex-wrap:wrap; gap:8px 10px; } #lvJobs .lv-row-actions { gap:6px; } #lvJobs .lv-folsel { max-width:130px; } #lvJobs .lv-gen-chip { padding:8px 12px; font-size:13.5px; } @media (max-width:1900px){ #lvJobs { grid-template-columns:repeat(3,1fr); } } @media (max-width:1450px){ #lvJobs { grid-template-columns:repeat(2,1fr); } } @media (max-width:1050px){ #lvJobs { grid-template-columns:1fr; } } /* v 3-stolpcnem razporedu se kompaktneje */ #lvJobs .lv-row-main { padding:13px 14px; } #lvJobs .lv-row-name strong { font-size:15px; } #lvJobs .lv-row-more { padding:4px 14px 13px; } #lvJobs .lv-genpanel { padding:12px 13px; } #lvJobs .lv-genchips { gap:7px; margin-bottom:11px; } #lvJobs .lv-gen-chip { padding:7px 10px; font-size:13px; } #lvJobs .lv-genopts { gap:12px; font-size:13px; } #lvJobs .lv-folsel { max-width:120px; padding:7px 9px; font-size:12px; } #lvJobs .lv-row-prog { margin:0 14px; } /* vedno odprto -> brez toggle gumba; se kompaktneje za 4 stolpce */ .lv-row-toggle { display:none !important; } .lv-row-main { cursor:default; } #lvJobs .lv-gen-chip { padding:6px 9px; font-size:12.5px; } #lvJobs .lv-genopts { gap:10px; font-size:12.5px; } #lvJobs .lv-row-name strong { font-size:14.5px; } /* gumba Stop / Nadaljuj */ #lvJobs a.lv-stop { background:#fff !important; border:1.5px solid #B3402F !important; color:#B3402F !important; font-weight:800; } #lvJobs a.lv-stop:hover { background:#FBE9E7 !important; } #lvJobs a.lv-go { background:#1FB141 !important; color:#fff !important; font-weight:800; } #lvJobs a.lv-go:hover { background:#178A33 !important; }