:root { --bg:#f4f6fa; --white:#ffffff; --surface:#ffffff; --surface2:#f8f9fc; --border:#e2e6ef; --border2:#d0d6e8; --rx-blue:#1a3c8f; --rx-cyan:#29aae1; --accent:#1a3c8f; --accent2:#29aae1; --green:#16a34a; --yellow:#d97706; --red:#dc2626; --text:#1a1f2e; --text2:#5a6378; --text3:#9aa0b4; --input-bg:#f8f9fc; --input-border:#dde2ee; --blue-bg:#eff6ff; --mono:'DM Mono',monospace; --sans:'DM Sans',sans-serif; --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06); --shadow-lg:0 4px 6px rgba(0,0,0,.06),0 12px 40px rgba(0,0,0,.1); } /* ── Dark Mode ────────────────────────────────────────────────────────────── */ [data-theme="dark"] { --bg:#0f1117; --white:#1a1f2e; --surface:#1a1f2e; --surface2:#141824; --border:#252d40; --border2:#2e3850; --rx-blue:#4d8aff; --rx-cyan:#29aae1; --accent:#4d8aff; --accent2:#29aae1; --green:#22c55e; --yellow:#f59e0b; --red:#f87171; --text:#e8eaf0; --text2:#9aa4be; --text3:#5a6480; --input-bg:#141824; --input-border:#2e3850; --blue-bg:#0c1a3a; --shadow:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25); --shadow-lg:0 4px 6px rgba(0,0,0,.3),0 12px 40px rgba(0,0,0,.4); } /* ── Scrollbar ───────────────────────────────────────────────────────────── */ [data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg); } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 3px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--text3); } /* ── Inputs / selects / textareas ───────────────────────────────────────── */ [data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), [data-theme="dark"] select, [data-theme="dark"] textarea { background: var(--input-bg) !important; color: var(--text) !important; border-color: var(--input-border) !important; } /* ── Generic white/light surface overrides (inline styles) ──────────────── */ [data-theme="dark"] [style*="background:#fff"], [data-theme="dark"] [style*="background:#ffffff"], [data-theme="dark"] [style*="background:white"], [data-theme="dark"] [style*="background:var(--white)"] { background: var(--surface) !important; } [data-theme="dark"] [style*="background:#f8f9fc"], [data-theme="dark"] [style*="background:#f9fafb"], [data-theme="dark"] [style*="background:#f3f4f6"], [data-theme="dark"] [style*="background:#fafafa"] { background: var(--surface2) !important; } /* ── Semantic color badges (inline styles) ──────────────────────────────── */ /* Green */ [data-theme="dark"] [style*="background:#dcfce7"] { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] [style*="background:#f0fdf4"] { background: #052e16 !important; } /* Blue */ [data-theme="dark"] [style*="background:#dbeafe"] { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] [style*="background:#eff6ff"], [data-theme="dark"] [style*="background:#e8f0fe"], [data-theme="dark"] [style*="background:#eef4ff"] { background: #0c1a3a !important; } /* Fix text color for blue-background buttons with hardcoded color:#1d4ed8 */ [data-theme="dark"] [style*="background:#eff6ff"][style*="color:#1d4ed8"], [data-theme="dark"] [style*="background:#dbeafe"][style*="color:#1d4ed8"], [data-theme="dark"] [style*="background:#e8f0fe"][style*="color:#1d4ed8"] { color: #93c5fd !important; } /* Purple / HO badge */ [data-theme="dark"] [style*="background:#ede9fe"] { background: #1e1030 !important; color: #c4b5fd !important; } [data-theme="dark"] [style*="background:#f0ebff"], [data-theme="dark"] [style*="background:#f0eeff"] { background: #1e1030 !important; } /* Yellow / amber */ [data-theme="dark"] [style*="background:#fef9c3"] { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] [style*="background:#fef3c7"], [data-theme="dark"] [style*="background:#fefce8"], [data-theme="dark"] [style*="background:#fffbeb"] { background: #1c1500 !important; } /* Orange */ [data-theme="dark"] [style*="background:#fff7ed"], [data-theme="dark"] [style*="background:#ffedd5"] { background: #2a1500 !important; } /* Red */ [data-theme="dark"] [style*="background:#fee2e2"], [data-theme="dark"] [style*="background:#fff5f5"] { background: #1c0000 !important; color: #fca5a5 !important; } /* Fix text color for red-background buttons with hardcoded color:#dc2626 */ [data-theme="dark"] [style*="background:#fee2e2"][style*="color:#dc2626"] { color: #fca5a5 !important; } /* Pink */ [data-theme="dark"] [style*="background:#fff0f9"] { background: #1a0010 !important; } /* ── Modals ──────────────────────────────────────────────────────────────── */ [data-theme="dark"] .ct-modal, [data-theme="dark"] .modal-wrap > div, [data-theme="dark"] [class*="modal"] > div { background: var(--surface) !important; border-color: var(--border) !important; } /* ── Kalkulation ────────────────────────────────────────────────────────── */ [data-theme="dark"] .kalk-accordion, [data-theme="dark"] .kalk-card, [data-theme="dark"] .prod-card, [data-theme="dark"] .variant-card { background: var(--surface) !important; border-color: var(--border) !important; } [data-theme="dark"] .result-box, [data-theme="dark"] .ergebnis-box { background: var(--surface2) !important; border-color: var(--border) !important; } [data-theme="dark"] .vc-head:hover, [data-theme="dark"] .vc.open .vc-head, [data-theme="dark"] .vp-grid { background: var(--surface2) !important; } /* ── Dashboard ──────────────────────────────────────────────────────────── */ [data-theme="dark"] .dash-card { box-shadow: 0 2px 8px rgba(0,0,0,.4); } [data-theme="dark"] .login-wrap { background: #1a1f2e; border: 1px solid var(--border); } [data-theme="dark"] .dash-icon-wrap { filter: brightness(.75); } [data-theme="dark"] .dash-icon-wrap.c-blue { background: #0c1a3a !important; } [data-theme="dark"] .dash-icon-wrap.c-green { background: #052e16 !important; } [data-theme="dark"] .dash-icon-wrap.c-teal { background: #042f2e !important; } [data-theme="dark"] .dash-icon-wrap.c-purple { background: #1e1030 !important; } [data-theme="dark"] .dash-icon-wrap.c-orange { background: #2a1200 !important; } [data-theme="dark"] .dash-icon-wrap.c-amber { background: #1c1000 !important; } [data-theme="dark"] .dash-icon-wrap.c-red { background: #1c0000 !important; } [data-theme="dark"] .dash-icon-wrap.c-indigo { background: #1e1b4b !important; } [data-theme="dark"] .dash-badge { opacity:.88; } [data-theme="dark"] .dash-badge.c-blue { background:#1a3c8f !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-teal { background:#0f766e !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-green { background:#16a34a !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-purple { background:#6d28d9 !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-orange { background:#ea580c !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-amber { background:#d97706 !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-red { background:#dc2626 !important; color:#fff !important; } [data-theme="dark"] .dash-badge.c-indigo { background:#4338ca !important; color:#fff !important; } [data-theme="dark"] .c-green .dash-badge { background:#16a34a !important; color:#fff !important; } /* Dashboard alert strip */ [data-theme="dark"] .dash-alert, [data-theme="dark"] .ct-alert, [data-theme="dark"] [class*="alert"] { background: #2a1500 !important; border-color: #78350f !important; } [data-theme="dark"] .dash-alert:hover { background: #331a00 !important; } /* Dashboard calendar */ [data-theme="dark"] .dash-cal-d.has-ev { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] .dash-cal-d.has-bday { background: #1a0010 !important; color: #f0abfc !important; } /* Dashboard event rows */ [data-theme="dark"] .dash-event-row.urlaub_beantragt { background: #1c1500 !important; } [data-theme="dark"] .dash-event-row.dienstreise { background: #0c1a3a !important; } [data-theme="dark"] .dash-event-row.schulung { background: #1e1030 !important; } [data-theme="dark"] .dash-event-row.veranstaltung { background: #2a1500 !important; } /* ── Tables ──────────────────────────────────────────────────────────────── */ [data-theme="dark"] tr:hover { background: var(--surface2) !important; } [data-theme="dark"] .ct-table th { background: var(--surface2) !important; } [data-theme="dark"] .ct-table tr:hover td { background: var(--surface2) !important; } /* ── Container status badges ─────────────────────────────────────────────── */ [data-theme="dark"] .ct-s-produktion { background: #2a1500 !important; color: #fb923c !important; } [data-theme="dark"] .ct-s-anzahlung, [data-theme="dark"] .ct-s-bereit { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] .ct-s-geladen { background: #2a1500 !important; color: #fb923c !important; } [data-theme="dark"] .ct-s-unterwegs { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] .ct-s-angekommen { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] .ct-days-urgent { background: #1c0000 !important; color: #fca5a5 !important; } [data-theme="dark"] .ct-days-warn { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] .ct-days-ok { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] .ct-fg-anz { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] .ct-fg-ct-row.selected { background: #0c1a3a !important; } /* ── Kalkulation inline badges ───────────────────────────────────────────── */ [data-theme="dark"] .ag { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] .ay { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] .ar { background: #1c0000 !important; color: #fca5a5 !important; } /* ── Sourcing ────────────────────────────────────────────────────────────── */ [data-theme="dark"] .src-modal, [data-theme="dark"] .src-panel { background: var(--surface) !important; } [data-theme="dark"] .src-col-head[data-status="idee"] { background: #1e1a3a !important; } [data-theme="dark"] .src-col-head[data-status="muster"] { background: #2a1500 !important; } [data-theme="dark"] .src-col-head[data-status="kalkulation"] { background: #052e16 !important; } [data-theme="dark"] .src-col-head[data-status="entscheidung"] { background: #1c1500 !important; } [data-theme="dark"] .src-price-badge { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] .src-deadline-warn { background: #1c1500 !important; color: #fcd34d !important; border-color: #78350f !important; } [data-theme="dark"] .src-deadline-over { background: #1c0000 !important; color: #fca5a5 !important; border-color: #7f1d1d !important; } /* ── Suppliers ───────────────────────────────────────────────────────────── */ [data-theme="dark"] .sup-score.high, [data-theme="dark"] .sup-score-opt.sel-high, [data-theme="dark"] .sup-imp-status.ok, [data-theme="dark"] .sup-status-aktiv { background: #052e16 !important; color: #4ade80 !important; border-color: #166534 !important; } [data-theme="dark"] .sup-score.mid, [data-theme="dark"] .sup-score-opt.sel-mid { background: #1c1500 !important; color: #fcd34d !important; border-color: #78350f !important; } [data-theme="dark"] .sup-score.low, [data-theme="dark"] .sup-score-opt.sel-low, [data-theme="dark"] .sup-imp-status.err, [data-theme="dark"] .sup-btn-del:hover { background: #1c0000 !important; color: #fca5a5 !important; } [data-theme="dark"] .sup-tag.art { background: #1e1030 !important; color: #c4b5fd !important; border-color: #4c1d95 !important; } [data-theme="dark"] .sup-imp-drop:hover, [data-theme="dark"] .sup-imp-drop.drag { background: #0a1a2a !important; } [data-theme="dark"] .sup-fld input:focus, [data-theme="dark"] .sup-fld select:focus, [data-theme="dark"] .sup-fld textarea:focus, [data-theme="dark"] .sup-rte-wrap:focus-within { background: var(--input-bg) !important; } /* ── Packing Marks ───────────────────────────────────────────────────────── */ [data-theme="dark"] #packmarks .sym-chip.on { background: #1e1030 !important; border-color: #6d28d9 !important; } [data-theme="dark"] #packmarks .ci { background: #0c1a3a !important; } [data-theme="dark"] #packmarks .cm { background: var(--surface2) !important; } [data-theme="dark"] #packmarks .cm:hover { background: var(--border) !important; } [data-theme="dark"] #packmarks .cform { background: var(--surface2) !important; border-color: var(--border2) !important; } [data-theme="dark"] #packmarks .fld input.ov { background: var(--input-bg) !important; } /* ── Calendar ────────────────────────────────────────────────────────────── */ [data-theme="dark"] .cal-mini-day.has-entry { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] .cal-day.weekend { background: var(--surface2) !important; } [data-theme="dark"] .cal-day.today { background: #0c1a3a !important; } [data-theme="dark"] .cal-day.today .cal-day-num { background: #1d4ed8 !important; color: #fff !important; } [data-theme="dark"] .cal-entry.urlaub_beantragt { background: #1c1500 !important; color: #fcd34d !important; } [data-theme="dark"] .cal-entry.dienstreise { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] .cal-entry.schulung { background: #1e1030 !important; color: #c4b5fd !important; } [data-theme="dark"] .cal-entry.veranstaltung { background: #2a1500 !important; color: #fb923c !important; } [data-theme="dark"] .cal-kw-cell { background: var(--surface) !important; } [data-theme="dark"] .cal-mini.active-month { background: #0c1a3a !important; } [data-theme="dark"] .cal-week-day.today { background: #0c1a3a !important; } /* ── Wiki ────────────────────────────────────────────────────────────────── */ [data-theme="dark"] .wiki-col-nav { background: var(--surface2) !important; } [data-theme="dark"] .wiki-nav-item.active .wiki-nav-count { background: #0c1a3a !important; color: #93c5fd !important; } [data-theme="dark"] .wiki-entry-card:hover { background: var(--surface2) !important; } [data-theme="dark"] .wiki-entry-card.active { background: #0c1a3a !important; } [data-theme="dark"] .wiki-view-body blockquote, [data-theme="dark"] .wiki-tt-editor .ProseMirror blockquote { background: #0a1a2a !important; } /* ── Compliance ──────────────────────────────────────────────────────────── */ [data-theme="dark"] .comp-tab.active { background: var(--white); } /* ── Container Tracking modal action buttons ─────────────────────────────── */ [data-theme="dark"] #ct_duplicate_btn { background: #0c1a3a !important; color: #93c5fd !important; border-color: #1e3a6e !important; } [data-theme="dark"] #ct_delete_btn { background: #1c0000 !important; color: #fca5a5 !important; border-color: #7f1d1d !important; } [data-theme="dark"] .ct-row-btn { background: #0c1a3a !important; color: #93c5fd !important; border-color: #1e3a6e !important; } /* Doc links in container tracking */ [data-theme="dark"] [style*="background:#eff6ff"][style*="color:#1d4ed8"] { color: #93c5fd !important; } [data-theme="dark"] .changepw_msg.ok { background: #052e16 !important; color: #4ade80 !important; } [data-theme="dark"] .changepw_msg.err { background: #1c0000 !important; color: #fca5a5 !important; } /* ── Lists module badge classes ──────────────────────────────────────────── */ [data-theme="dark"] .ls-green { background-color:#052e16 !important; color:#4ade80 !important; border-color:#166534 !important; } [data-theme="dark"] .ls-amber { background-color:#1c1500 !important; color:#fcd34d !important; border-color:#78350f !important; } [data-theme="dark"] .ls-red { background-color:#1c0000 !important; color:#fca5a5 !important; border-color:#7f1d1d !important; } [data-theme="dark"] .ls-blue { background-color:#0c1a3a !important; color:#93c5fd !important; border-color:#1e3a6e !important; } [data-theme="dark"] .ls-gray { background-color:var(--surface2) !important; color:var(--text2) !important; border-color:var(--border) !important; } [data-theme="dark"] .ls-prio-h { background:#7f1d1d !important; color:#fca5a5 !important; } [data-theme="dark"] .ls-prio-m { background:#1c1500 !important; color:#fcd34d !important; border-color:#78350f !important; } [data-theme="dark"] .ls-prio-n { background:#052e16 !important; color:#4ade80 !important; border-color:#166534 !important; } [data-theme="dark"] .ls-table tbody tr { background:var(--surface) !important; } [data-theme="dark"] .ls-table tbody tr:hover { background:var(--surface2) !important; } [data-theme="dark"] .ls-group-sep td { background:var(--bg) !important; color:var(--text3) !important; } [data-theme="dark"] .ls-kpi-strip, [data-theme="dark"] .ls-table-footer { background:var(--surface) !important; } [data-theme="dark"] .ls-kpi:hover { background:var(--surface2) !important; } [data-theme="dark"] .ls-pill { background:var(--surface) !important; color:var(--text2) !important; border-color:var(--border2) !important; } [data-theme="dark"] .ls-pill:hover { background:var(--surface2) !important; } [data-theme="dark"] .ls-pill.on { background:var(--rx-blue) !important; color:#fff !important; border-color:var(--rx-blue) !important; } [data-theme="dark"] .ls-ce:focus { background:#0c1a3a !important; } [data-theme="dark"] .ls-add-row-btn:hover { background:#0c1a3a !important; } /* Dark mode toggle button */ .dark-toggle { width: 36px; height: 20px; border-radius: 10px; background: var(--border2); border: none; cursor: pointer; position: relative; transition: background .2s; flex-shrink: 0; } .dark-toggle.on { background: var(--rx-blue); } .dark-toggle::after { content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #fff; top: 3px; left: 3px; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.2); } .dark-toggle.on::after { transform: translateX(16px); } *{box-sizing:border-box;margin:0;padding:0;} body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;min-height:100vh;} /* ── LOGIN SCREEN ───────────────────────────── */ /* ── LOGIN SCREEN ──────────────────────────────────────── */ #login-screen{ position:fixed;inset:0;z-index:1000; background:linear-gradient(135deg,#eef2fb 0%,#f4f8ff 50%,#e8f4fb 100%); display:flex;align-items:center;justify-content:center; transition:opacity .4s ease,visibility .4s ease; overflow:hidden; } #login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;} .login-bg-grid{display:none;} .login-bg-glow{display:none;} .login-bg-glow2{display:none;} .login-wrap{ position:relative;z-index:2; display:flex; background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 40px 120px rgba(0,0,0,.4); width:820px;min-height:520px; max-width:96vw; } /* Left decorative panel */ .login-left{ width:320px;flex-shrink:0; background:linear-gradient(160deg,#0f2040 0%,#1a3c8f 100%); padding:40px 36px 36px; display:flex;flex-direction:column;justify-content:space-between; position:relative;overflow:hidden; } .login-left::after{ content:'';position:absolute; width:280px;height:280px;border-radius:50%;pointer-events:none; background:radial-gradient(circle,rgba(41,170,225,.08) 0%,transparent 70%); bottom:-60px;right:-60px; } .ll-headline{ font-size:28px;font-weight:800;color:#fff; line-height:1.15;letter-spacing:-.5px;margin-bottom:14px;font-family:var(--sans); } .ll-headline span{color:#29aae1;} .ll-body{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.75;margin-bottom:28px;font-family:var(--sans);} .ll-features{display:flex;flex-direction:column;gap:11px;} .ll-feat{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.8);font-family:var(--sans);} .ll-feat-dot{width:7px;height:7px;border-radius:50%;background:#29aae1;flex-shrink:0;box-shadow:0 0 6px rgba(41,170,225,.5);} .ll-bottom{font-size:10px;color:rgba(255,255,255,.3);line-height:1.7;font-family:var(--sans);} /* Right form panel */ .login-right{ flex:1;padding:0 48px; display:flex;flex-direction:column;justify-content:center; background:var(--white);min-height:520px; } .login-right .lp.active{ justify-content:center;flex:1;padding:44px 0; } .lr-eyebrow{display:none;} .lr-title{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-family:var(--sans);} .lr-sub{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:32px;font-family:var(--sans);} .lr-security{ display:flex;align-items:center;gap:6px;margin-top:16px; font-size:11px;color:var(--text3);font-family:var(--sans); } /* Form elements */ .login-logo{margin-bottom:24px;} .login-logo img{height:38px;object-fit:contain;} .login-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px;} .login-sub{font-size:12px;color:var(--text2);margin-bottom:24px;} .login-field{margin-bottom:14px;text-align:left;} .login-field label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.03em;font-family:var(--sans);} .login-field input{ width:100%;background:var(--input-bg);border:1.5px solid var(--input-border); border-radius:10px;color:var(--text);font-family:var(--sans);font-size:13px; padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s; } .login-field input:focus{border-color:var(--rx-cyan);box-shadow:0 0 0 3px rgba(41,170,225,.12);} .login-btn{ width:100%;margin-top:6px; background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan)); color:#fff;border:none;border-radius:10px; font-size:13px;font-weight:700;font-family:var(--sans); padding:13px;cursor:pointer; transition:opacity .15s,transform .1s; letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:6px; } .login-btn:hover{opacity:.92;transform:translateY(-1px);} .login-btn:active{transform:translateY(0);} .login-btn.sec{ background:var(--white);color:var(--rx-blue); border:1.5px solid rgba(26,60,143,.25); margin-top:8px;justify-content:center; } .login-btn.sec:hover{background:rgba(26,60,143,.05);} .login-msg{ font-size:11px;margin-top:10px;display:none; padding:8px 12px;border-radius:7px; } .login-msg.err{color:var(--red);background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.15);} .login-msg.ok{color:var(--green);background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.15);} .login-switch{margin-top:18px;font-size:11px;color:var(--text2);} .login-switch a{color:var(--rx-blue);cursor:pointer;font-weight:500;text-decoration:none;} .login-switch a:hover{text-decoration:underline;} .login-footer{margin-top:20px;font-size:10px;color:var(--text3);} /* panels within login */ .lp{display:none!important;} .lp.active{display:flex!important;flex-direction:column;} /* Dark mode login */ [data-theme="dark"] .login-wrap{background:var(--surface);} [data-theme="dark"] .login-right{background:var(--surface);} [data-theme="dark"] .login-left{background:linear-gradient(160deg,#060e1a 0%,#0f2040 100%);} /* ── APP ────────────────────────────────────── */ #app{display:none;min-height:100vh;} #app.visible{display:block;} /* Top bar */ .topbar{ background:var(--white); border-bottom:1px solid var(--border); padding:0 24px; height:56px; display:flex;align-items:center;justify-content:space-between; box-shadow:0 1px 4px rgba(0,0,0,.06); position:sticky;top:0;z-index:100; } .topbar-left{display:flex;align-items:center;gap:16px;} .topbar-logo img{height:30px;object-fit:contain;} .topbar-divider{width:1px;height:22px;background:var(--border);} .topbar-title{font-size:13px;font-weight:600;color:var(--text);} .topbar-sub{font-size:11px;color:var(--text2);margin-top:1px;} .topbar-right{display:flex;align-items:center;gap:10px;} .user-chip{ display:flex;align-items:center;gap:7px; padding:5px 12px 5px 6px; background:var(--surface2);border:1px solid var(--border); border-radius:20px;cursor:pointer; font-size:12px;color:var(--text2); transition:background .15s; } .user-chip:hover{background:var(--border);} .user-avatar{ width:24px;height:24px;border-radius:50%; background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan)); display:flex;align-items:center;justify-content:center; font-size:10px;font-weight:700;color:#fff; } /* ══ KALKULATION — REDESIGN ════════════════════════════════════ */ /* Layout */ .main{padding:0;display:grid;grid-template-columns:220px 1fr;gap:0;align-items:start;height:calc(100vh - 52px);overflow:hidden;} /* ══ KALK NEUES LAYOUT ══════════════════════════════════════════ */ .kalk-layout{display:flex;height:calc(100vh - 52px);overflow:hidden;background:var(--bg);} /* Zone 1: Liste + Parameter */ .kalk-zone-list{width:240px;flex-shrink:0;background:var(--white);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;} .kalk-list-head{padding:12px 12px 10px;border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;background:var(--white);z-index:5;} .kalk-list-toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;} .kalk-list-title{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);} .kalk-btn-new{padding:4px 10px;border:1.5px dashed var(--border2);border-radius:7px;background:transparent;color:var(--rx-blue);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .15s;} .kalk-btn-new:hover{border-color:var(--rx-blue);background:#eff6ff;} .kalk-search-wrap{position:relative;margin-bottom:6px;} .kalk-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text3);} .kalk-search-input{width:100%;padding:6px 8px 6px 26px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);font-family:var(--sans);font-size:12px;color:var(--text);outline:none;} .kalk-search-input:focus{border-color:var(--rx-blue);} .kalk-sort-row{display:flex;gap:4px;} .kalk-sort-btn{flex:1;padding:3px 0;font-size:10px;font-weight:600;border:1px solid var(--border);border-radius:5px;background:none;color:var(--text3);cursor:pointer;font-family:var(--sans);transition:all .15s;} .kalk-sort-btn.active{background:var(--rx-blue);border-color:var(--rx-blue);color:#fff;} .kalk-list-wrap{padding:6px 8px;flex-shrink:0;} /* Kalk-Chip (Listeneinträge) */ .kalk-list-item{padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .15s;border:1.5px solid transparent;margin-bottom:4px;} .kalk-list-item:hover{background:var(--surface2);} .kalk-list-item.active{background:#eff6ff;border-color:var(--rx-blue);} .kalk-list-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kalk-list-row{display:flex;justify-content:space-between;align-items:center;} .kalk-list-meta{font-size:10px;color:var(--text3);} .kalk-chip-marge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;} .kalk-list-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s;} .kalk-list-item:hover .kalk-list-del{opacity:1;} .kalk-list-del:hover{color:var(--red);background:#fee2e2;} /* Parameter in Zone 1 */ .kalk-param-divider{height:2px;background:var(--border);flex-shrink:0;margin:4px 0;} .kalk-params{padding:10px 12px 24px;flex-shrink:0;} .kalk-param-section{margin-bottom:14px;} .kalk-param-sec-title{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);margin-bottom:7px;padding-bottom:4px;border-bottom:1px solid var(--border);} .kp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;gap:6px;} .kp-label{font-size:11px;color:var(--text2);flex:1;min-width:0;} .kp-input{width:72px;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:4px 7px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text);outline:none;text-align:right;transition:border-color .15s;} .kp-input:focus{border-color:var(--rx-blue);} .kp-input-wide{width:100%;} .kp-select{background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:4px 6px;font-family:var(--sans);font-size:11px;color:var(--text);outline:none;} /* Zone 2: Workspace */ .kalk-zone-work-outer{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;} .kalk-z3-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10;width:16px;height:48px;background:var(--white);border:1px solid var(--border);border-right:none;border-radius:5px 0 0 5px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:9px;transition:all .2s;} .kalk-z3-toggle:hover{background:var(--surface2);color:var(--rx-blue);border-color:var(--rx-blue);} .kalk-zone-work{flex:1;display:flex;flex-direction:column;overflow:hidden;} /* Vergleich */ .kalk-compare-strip{flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border);transition:all .2s;} .kalk-compare-strip.collapsed .kalk-compare-table-wrap{display:none;} .kalk-compare-strip.collapsed .kalk-compare-actions{display:none;} .kalk-compare-head{display:flex;align-items:center;justify-content:space-between;padding:9px 16px 0;} .kalk-compare-toggle-btn{display:flex;align-items:center;gap:6px;padding:0 0 9px;background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:11px;font-weight:700;color:var(--text2);} .kalk-compare-toggle-btn:hover{color:var(--text);} .kalk-compare-icon{width:18px;height:18px;border-radius:4px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;transition:all .2s;flex-shrink:0;} .kalk-compare-strip.collapsed .kalk-compare-icon{background:var(--rx-blue);border-color:var(--rx-blue);color:#fff;} .kalk-compare-actions{display:flex;gap:6px;align-items:center;padding-bottom:9px;} .kalk-select-sm{font-size:11px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface2);color:var(--text2);font-family:var(--sans);outline:none;} .kalk-compare-table-wrap{overflow-x:auto;padding:0 16px 10px;} .kalk-stbl{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap;} .kalk-stbl th{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);padding:4px 8px;text-align:right;border-bottom:1px solid var(--border);} .kalk-stbl td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--mono);font-size:12px;} .kalk-stbl td:first-child{text-align:left;font-family:var(--sans);font-weight:600;color:var(--text);padding-left:8px;} .kalk-stbl tr:last-child td{border-bottom:none;} .kalk-stbl tr:hover td{background:var(--surface2);} .kalk-stbl tr.row-green td:first-child{border-left:3px solid #0d9150;} .kalk-stbl tr.row-amber td:first-child{border-left:3px solid #c97a00;} .kalk-stbl tr.row-red td:first-child{border-left:3px solid #dc2626;} .kalk-marge-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--sans);} .kalk-marge-badge.green{background:#d1fadf;color:#056835;border:1px solid #6ee7a0;} .kalk-marge-badge.amber{background:#fde68a;color:#7a4500;border:1px solid #fbbf24;} .kalk-marge-badge.red {background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;} /* Varianten-Bereich */ .kalk-variants-wrap{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:0;} .kalk-vbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;} .kalk-vbar-count{font-size:11px;color:var(--text3);} .kalk-vbar-count span{color:var(--text);font-weight:600;} .kalk-btn-add-variant{padding:6px 14px;border-radius:8px;border:1.5px solid var(--rx-blue);background:#eff6ff;color:var(--rx-blue);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);} .kalk-btn-add-variant-dashed{padding:9px 22px;border-radius:8px;border:1.5px dashed var(--rx-blue);background:transparent;color:var(--rx-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);} /* Zone 3: Parameter rechts */ .kalk-zone-params{width:220px;flex-shrink:0;background:var(--white);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;transition:width .25s ease,opacity .2s ease;} .kalk-zone-params.collapsed{width:0!important;opacity:0;pointer-events:none;border:none;} .kalk-z3-head{padding:11px 14px 9px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:5;} .kalk-z3-title{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);} .kalk-z3-close{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;padding:2px 4px;border-radius:4px;} .kalk-z3-close:hover{color:var(--text);background:var(--surface2);} .kalk-z3-body{padding:10px 14px 24px;} /* Dark mode */ [data-theme="dark"] .kalk-zone-list, [data-theme="dark"] .kalk-zone-params, [data-theme="dark"] .kalk-compare-strip, [data-theme="dark"] .kalk-z3-head, [data-theme="dark"] .kalk-list-head{background:var(--surface);} [data-theme="dark"] .kalk-list-item.active{background:var(--blue-soft,#1a2a4a);border-color:var(--rx-blue);} [data-theme="dark"] .kalk-btn-new:hover{background:var(--blue-soft,#1a2a4a);} [data-theme="dark"] .kalk-stbl td{color:#c0c4d4;} [data-theme="dark"] .kalk-marge-badge.green{background:#052e16;color:#4ade80;border-color:#166534;} [data-theme="dark"] .kalk-marge-badge.amber{background:#2d1f00;color:#fbbf24;border-color:#78450a;} [data-theme="dark"] .kalk-marge-badge.red {background:#2d0a0a;color:#f87171;border-color:#7f1d1d;} [data-theme="dark"] .kp-input,[data-theme="dark"] .kp-select{background:var(--surface2);border-color:var(--border2);color:var(--text);} /* ══ END KALK NEUES LAYOUT ══════════════════════════════════════ */ /* Sidebar */ .main > div:first-child{background:var(--white);border-right:1px solid var(--border);height:100%;overflow-y:auto;display:flex;flex-direction:column;} .panel{background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none;} .ph{padding:13px 14px 9px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;} .pd{width:5px;height:5px;border-radius:50%;background:#c2410c;} .pt{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);} .pb{padding:13px 14px;} /* Form */ .f{margin-bottom:7px;} .f label{display:block;font-size:9px;font-weight:600;color:var(--text3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em;} .f input,.f select{ width:100%;background:var(--surface2);border:1px solid var(--border); border-radius:5px;color:var(--text);font-family:var(--sans);font-size:12px; padding:5px 8px;outline:none;transition:border-color .12s,background .12s; } .f input:focus,.f select:focus{border-color:var(--rx-blue);background:var(--white);} .f select option{background:var(--white);} .f2{display:grid;grid-template-columns:1fr 1fr;gap:6px;} .sec{ font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em; color:var(--text3);margin:12px 0 8px;padding-bottom:4px; border-bottom:1px solid var(--border); } .sec:first-child{margin-top:0;} .gbadge{ font-size:9px;color:var(--rx-blue); background:rgba(26,60,143,.08);border:1px solid rgba(26,60,143,.15); border-radius:3px;padding:1px 5px;margin-left:4px; } /* Toggle */ .tog{display:flex;align-items:center;gap:7px;padding:7px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer;margin-bottom:8px;user-select:none;transition:border-color .12s;} .tog:hover{border-color:var(--border2);} .tt{width:26px;height:15px;background:var(--border2);border-radius:8px;position:relative;transition:background .2s;flex-shrink:0;} .tt::after{content:'';position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);} .tog.on .tt{background:var(--rx-blue);} .tog.on .tt::after{transform:translateX(11px);} .tl{font-size:11px;color:var(--text2);font-weight:500;} /* Buttons */ .btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .12s;font-family:var(--sans);} .bp{background:var(--rx-blue);color:#fff;} .bp:hover{opacity:.9;} .bg{background:var(--white);color:var(--text2);border:1px solid var(--border);} .bg:hover{background:var(--surface2);} .bi{background:var(--white);color:var(--text3);border:1px solid var(--border);padding:4px 9px;font-size:13px;} .bi:hover{color:var(--text);border-color:var(--border2);background:var(--surface2);} .bd{background:var(--white);color:var(--red);border:1px solid rgba(220,38,38,.2);padding:4px 9px;font-size:13px;} .bd:hover{background:rgba(220,38,38,.05);} /* Right side scroll area */ .main > div:last-child{overflow-y:auto;height:100%;padding:16px 18px;display:flex;flex-direction:column;gap:0;} .sum-sticky{position:sticky;top:-16px;z-index:10;background:var(--bg);padding:16px 0 8px;margin:-16px 0 4px;} /* Variants */ .vbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;} .vgrid{display:flex;flex-direction:column;gap:8px;} /* Variant card — accordion */ .vc{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .12s;} .vc:hover{border-color:var(--border2);} .vc-head{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;user-select:none;transition:background .1s;min-width:0;overflow:hidden;} .vc-head:hover{background:#fafaf8;} .vc.open .vc-head{background:#fafaf8;border-bottom:1px solid var(--border);} .vc-num{ width:22px;height:22px;border-radius:6px; background:var(--rx-blue);color:#fff; font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0; } .vc-name{flex:1;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;font-family:var(--sans);outline:none;cursor:text;} .vc-name::placeholder{color:var(--text3);} .vc-head-stats{display:flex;gap:6px;align-items:center;flex-shrink:0;white-space:nowrap;} .vc-stat{font-size:11px;color:var(--text2);} .vc-stat.pos{color:#166534;font-weight:500;} .vc-stat.neu{color:#92400e;font-weight:500;} .vc-stat.neg{color:#991b1b;font-weight:500;} .vc-stat-sep{color:var(--border2);font-size:11px;} .vc-chevron{font-size:10px;color:var(--text3);transition:transform .2s;flex-shrink:0;} .vc.open .vc-chevron{transform:rotate(180deg);} .vc-acts{display:flex;gap:3px;flex-shrink:0;} .vc-body{display:none;} .vc.open .vc-body{display:block;} /* ── 3-column layout — prototype-faithful ── */ .vc-3col{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border);} .vc-col{padding:16px 18px;display:flex;flex-direction:column;gap:0;} .vc-col:not(:last-child){border-right:1px solid var(--border);} .vc-col-title{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;} /* Fields — prototype style */ .vf{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;} .vfl{font-size:10px;color:var(--text3);font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.04em;} .vfl-badge{font-size:9px;background:var(--blue-bg,#eff6ff);color:var(--rx-blue);padding:1px 4px;border-radius:4px;text-transform:none;letter-spacing:0;} .vfi{padding:8px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--sans);color:var(--text);outline:none;background:var(--surface2);width:100%;transition:border-color .15s,background .15s;font-weight:500;} .vfi:focus{border-color:var(--rx-blue);background:var(--white);box-shadow:0 0 0 3px rgba(26,60,143,.08);} .vf2{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .vf4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;} /* DDP formula bar */ .ddp-formula{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:11px;color:var(--text2);display:flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.9;margin-bottom:12px;} .ddp-formula .ddp-op{color:var(--text3);} .ddp-formula .ddp-chip{background:#dbeafe;color:var(--rx-blue);padding:3px 9px;border-radius:6px;font-weight:700;font-size:12px;border:1px solid rgba(26,60,143,.2);} /* Paket cards in mid col */ .pk-card{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:9px 10px;} .pk-card-head{display:flex;align-items:center;gap:6px;margin-bottom:7px;} .pk-card-num{font-size:10px;font-weight:700;color:var(--text2);flex:1;} .pk-del{background:none;border:none;cursor:pointer;color:var(--text3);font-size:13px;padding:0;line-height:1;} .pk-del:hover{color:var(--red);} .pk-warns{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;} .wb{font-size:10px;padding:2px 6px;border-radius:5px;font-weight:500;} .wb-ok{background:var(--green-bg,#f0fdf4);color:var(--green,#15803d);} .wb-warn{background:var(--amber-bg,#fffbeb);color:var(--amber,#b45309);} .wb-red{background:var(--red-bg,#fff1f1);color:var(--red);} .wb-gray{background:var(--surface2);color:var(--text3);} .versand-auto-bar{font-size:11px;font-weight:600;color:var(--rx-blue);padding:7px 10px;background:rgba(26,60,143,.06);border:1px solid rgba(26,60,143,.18);border-radius:7px;display:none;} /* KPI cards in right col */ .kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;} .kpi-card{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:9px 10px;} .kpi-label{font-size:10px;color:var(--text3);margin-bottom:3px;} .kpi-val{font-size:16px;font-weight:700;line-height:1.1;color:var(--text);} .kpi-card-wide{grid-column:1/-1;} .kpi-val-pos{color:var(--green,#15803d);} .kpi-val-neg{color:var(--red);} .kpi-val-neu{color:var(--yellow,#b45309);} /* Zielpreis pills */ .zp-row{display:flex;gap:5px;flex-wrap:wrap;} .zp-pill{padding:5px 10px;border:1px solid var(--border);border-radius:8px;font-size:11px;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;align-items:center;gap:1px;} .zp-pill:hover{border-color:var(--rx-blue);} .zp-pill.zp-active{background:var(--rx-blue);color:#fff;border-color:var(--rx-blue);} .zp-pill-pct{font-size:10px;opacity:.7;} .zp-pill-val{font-weight:600;font-size:12px;} /* btn-add-pk small button */ .btn-add-pk{padding:3px 8px;border:1px solid var(--border);background:var(--white);border-radius:5px;font-size:10px;color:var(--text2);cursor:pointer;font-family:var(--sans);} .btn-add-pk:hover{background:var(--surface2);border-color:var(--rx-blue);color:var(--rx-blue);} /* Variant params */ .vp-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;padding:11px 13px;background:#fafaf8;border-bottom:1px solid var(--border);} .vp-f label{font-size:9px;font-weight:600;color:var(--text3);display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em;} .vp-i{ width:100%;background:var(--white);border:1px solid var(--border); border-radius:6px;color:var(--text);font-family:var(--sans);font-size:13px; font-weight:500;padding:6px 9px;outline:none;transition:border-color .12s; } .vp-i:focus{border-color:var(--rx-blue);} /* DDP strip */ .ddp-strip{ display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:7px 13px; background:var(--blue-soft,#eef1fb);border-bottom:1px solid var(--border); font-size:11px;color:var(--text2); } .di{display:flex;flex-direction:column;gap:1px;} .dl{font-size:9px;color:var(--text3);} .dv{font-size:11px;color:var(--text2);} .dv.m{font-size:12px;font-weight:700;color:var(--rx-blue);background:#d5dff8;padding:1px 7px;border-radius:4px;} /* Channel table */ .ctbl{width:100%;border-collapse:collapse;} .ctbl th{ font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em; color:var(--text3);padding:7px 10px;text-align:left; background:#fafaf8;border-bottom:1px solid var(--border);white-space:nowrap; } .ctbl th.r{text-align:right;} .ctbl td{padding:4px 5px;border-bottom:1px solid var(--border);vertical-align:middle;} .ctbl td:first-child{padding-left:13px;} .ctbl tr:last-child td{border-bottom:none;} .ch-nm{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;white-space:nowrap;padding:2px 0;} .ch-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;} .ti{ width:100%;background:var(--surface2);border:1px solid var(--border); border-radius:5px;color:var(--text);font-family:var(--sans);font-size:12px; padding:4px 7px;outline:none;transition:border-color .12s;min-width:52px; } .ti:focus{border-color:var(--rx-blue);} .ti.ov{border-color:rgba(217,119,6,.4);color:var(--yellow);background:rgba(217,119,6,.04);} .res{text-align:right;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap;} .pos{color:#166534;} .neg{color:var(--red);} .neu{color:#92400e;} .dim{color:var(--text2);} .mut{color:var(--text3);} .b{font-weight:600;} .ampel{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;} .ag{background:#dcfce7;color:#166534;} .ay{background:#fef3c7;color:#92400e;} .ar{background:#fee2e2;color:#991b1b;} .ovn{font-size:9px;color:var(--text3);margin-left:2px;} /* Results strip below channel table */ .vc-results{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);} .vc-res{padding:10px 13px;border-right:1px solid var(--border);} .vc-res:last-child{border-right:none;} .vc-res-l{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:4px;} .vc-res-v{font-size:17px;font-weight:600;line-height:1;} /* Summary table */ .stbl{width:100%;border-collapse:collapse;} .stbl th{text-align:left;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);padding:9px 12px;background:var(--surface2);border-bottom:1px solid var(--border);} .stbl td{padding:8px 12px;font-size:12px;border-bottom:1px solid var(--border);color:var(--text);} .stbl tbody tr:last-child td{border-bottom:none;} .stbl tr:hover td{background:var(--surface2);} /* Global channel section */ .gch-card{margin-bottom:8px;padding:9px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;} .gch-head{display:flex;align-items:center;gap:5px;margin-bottom:8px;} @media(max-width:960px){.main{grid-template-columns:1fr;height:auto;}} /* ── Paket section ──────────────────────────────── */ .paket-section{margin-bottom:12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:9px;overflow:hidden;} .paket-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;user-select:none;} .paket-head-left{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;} .paket-body{padding:10px 12px 12px;border-top:1px solid var(--border);} .paket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px;} .paket-f{display:flex;flex-direction:column;gap:3px;} .paket-f label{font-size:10px;color:var(--text3);font-weight:500;} .paket-f input{background:var(--white);border:1.5px solid var(--input-border);border-radius:6px;color:var(--text);font-family:var(--mono);font-size:12px;padding:5px 8px;outline:none;width:100%;transition:border-color .15s;} .paket-f input:focus{border-color:var(--rx-cyan);} .warn-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} .warn-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1.5px solid;} .warn-ok{color:var(--green);border-color:rgba(22,163,74,.25);background:rgba(22,163,74,.07);} .warn-red{color:var(--red);border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.07);} .warn-gray{color:var(--text3);border-color:var(--border);background:var(--surface2);} .versand-result{margin-top:8px;padding:8px 11px;background:var(--white);border:1.5px solid var(--border);border-radius:7px;font-size:12px;display:flex;align-items:center;justify-content:space-between;} .versand-result .vr-label{color:var(--text2);font-size:11px;} .versand-result .vr-val{font-family:var(--mono);font-weight:600;color:var(--rx-blue);} /* ── Channel Card Layout ─────────────────────────────────── */ .kch-wrap{margin-bottom:0;} .kch-ddp-bar{display:flex;align-items:center;gap:6px;padding:8px 13px;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;margin-bottom:10px;flex-wrap:wrap;font-size:12px;color:var(--text3);font-family:var(--mono);} .kch-ddp-bar b{color:var(--text2);font-weight:500;} .kch-op{color:rgba(41,170,225,.5);font-weight:700;padding:0 2px;} .kch-ddp-pill{background:rgba(26,60,143,.08);color:var(--rx-blue);font-weight:600;padding:2px 10px;border-radius:6px;font-size:12px;} .kch-ddpg{margin-left:auto;font-size:11px;color:var(--text3);} .kch-card{background:var(--white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:8px;} .kch-card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface2);border-bottom:1px solid var(--border);} .kch-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);} .kch-tile{display:flex;flex-direction:column;gap:4px;} .kch-tile-vk{border:2px solid var(--rx-cyan);border-radius:8px;padding:7px 9px;background:rgba(41,170,225,.03);} .kch-tile-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);} .kch-tile-vk .kch-tile-lbl{color:var(--rx-blue);} .kch-vk-inp{font-size:14px!important;font-weight:500!important;color:var(--text)!important;} .kch-results{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;background:var(--surface2);} .kch-res-tile{display:flex;flex-direction:column;gap:2px;} .kch-res-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;} .kch-res-val{font-size:16px;font-weight:500;font-family:var(--mono);} /* ── Quotation upload ───────────────────────────── */ .qup-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;} .qup-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px dashed var(--rx-cyan);background:rgba(41,170,225,.05);color:var(--rx-blue);font-family:var(--sans);transition:all .15s;} .qup-btn:hover{background:rgba(41,170,225,.12);border-style:solid;} .qup-status{font-size:11px;color:var(--text3);font-style:italic;} .qup-status.ok{color:var(--green);font-style:normal;font-weight:500;} .qup-status.loading{color:var(--rx-cyan);} /* ── Shipping settings panel ────────────────────── */ .shipping-upload{padding:12px 15px;border-top:1px solid var(--border);} .shipping-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px dashed var(--rx-cyan);background:rgba(41,170,225,.05);color:var(--rx-blue);font-family:var(--sans);transition:all .15s;} .shipping-upload-btn:hover{background:rgba(41,170,225,.12);} .shipping-status{font-size:10px;color:var(--text3);margin-top:5px;} .shipping-status.ok{color:var(--green);font-weight:500;} /* ── Quotation product picker modal ────────────── */ #qup-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;} #qup-modal.hidden{display:none;} .qup-modal-card{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.18);width:560px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;} .qup-modal-head{padding:16px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;} .qup-modal-head h3{font-size:14px;font-weight:700;color:var(--text);margin:0;} .qup-modal-head button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text3);line-height:1;} .qup-modal-sub{font-size:11px;color:var(--text2);padding:8px 20px;background:var(--surface2);border-bottom:1px solid var(--border);} .qup-modal-list{overflow-y:auto;max-height:50vh;padding:12px 16px;display:flex;flex-direction:column;gap:6px;} .qup-modal-body{overflow-y:auto;padding:12px 16px;flex:1;} .qup-prod-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:9px;margin-bottom:8px;cursor:pointer;transition:all .15s;} .qup-prod-row:hover{border-color:var(--rx-cyan);background:rgba(41,170,225,.04);} .qup-prod-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:3px;} .qup-prod-meta{font-size:11px;color:var(--text2);font-family:var(--mono);} .qup-prod-price{font-size:15px;font-weight:700;color:var(--rx-blue);font-family:var(--mono);white-space:nowrap;} .qup-modal-footer{padding:10px 16px;border-top:1px solid var(--border);font-size:10px;color:var(--text3);} /* ── Multi-paket rows ───────────────────────────── */ .paket-row{background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:9px 11px;margin-bottom:7px;} .paket-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;} .paket-row-num{font-size:10px;font-weight:700;color:var(--rx-blue);background:rgba(26,60,143,.08);border:1px solid rgba(26,60,143,.18);border-radius:4px;padding:2px 7px;} .paket-row-warns{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;} /* ── Multi-paket ────────────────────────────────── */ .paket-row{display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr auto;align-items:end;gap:6px;padding:8px 10px;background:var(--white);border:1.5px solid var(--border);border-radius:8px;margin-bottom:6px;} .paket-row-num{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--rx-blue);background:rgba(26,60,143,.08);border:1px solid rgba(26,60,143,.18);border-radius:4px;padding:2px 7px;align-self:center;margin-bottom:2px;} .paket-row-warns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;} /* ── Ziel-Strip ─────────────────────────────────── */ .ziel-strip{padding:7px 12px;background:rgba(26,60,143,.04);border-top:1px solid var(--border);border-radius:0 0 8px 8px;} .ziel-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .ziel-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;} .ziel-item{display:flex;align-items:center;gap:5px;} .ziel-pct{font-size:10px;font-weight:700;color:var(--white);background:var(--rx-blue);border-radius:4px;padding:1px 6px;} .ziel-val{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--rx-blue);} .ziel-sep{color:var(--text3);font-size:12px;} /* ── DDP Chain ──────────────────────────────────── */ .ddp-chain{ display:flex;align-items:center;flex-wrap:wrap;gap:0; background:linear-gradient(135deg,rgba(26,60,143,.04),rgba(41,170,225,.04)); border:1px solid rgba(41,170,225,.2);border-radius:9px; padding:8px 12px;margin-bottom:12px; } .dc-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 8px;} .dc-label{font-size:9px;color:var(--text3);font-family:var(--mono);text-align:center;white-space:nowrap;} .dc-val{font-size:12px;color:var(--text2);font-family:var(--mono);font-weight:500;white-space:nowrap;} .dc-arrow{font-size:13px;color:rgba(41,170,225,.6);font-weight:700;padding:0 2px;margin-top:10px;} .dc-sep{width:1px;background:rgba(41,170,225,.25);height:36px;margin:0 6px;} .dc-highlight .dc-label{color:var(--rx-cyan);font-weight:700;} .dc-highlight .dc-val{color:var(--rx-blue);font-weight:700;font-size:13px;} .dc-total .dc-label{color:var(--text3);} .dc-total .dc-val{color:var(--text2);font-size:11px;} /* ── Save / Load buttons ────────────────────────── */ .btn.bs{background:var(--rx-blue);color:#fff;border:none;} .btn.bs:hover{background:#152f72;} /* alte oval-chips entfernt */ /* ── Product image in card header ──────────────── */ .vc-img-wrap{position:relative;width:52px;height:52px;flex-shrink:0;} .vc-img{width:52px;height:52px;border-radius:7px;object-fit:cover;border:1.5px solid var(--border);display:block;} .vc-img-placeholder{width:52px;height:52px;border-radius:7px;border:1.5px dashed var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s;} .vc-img-placeholder:hover{border-color:var(--rx-cyan);background:rgba(41,170,225,.04);} .vc-img-placeholder span{font-size:18px;line-height:1;} .vc-img-edit{position:absolute;bottom:-4px;right:-4px;background:var(--rx-blue);border:2px solid var(--white);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px;color:#fff;} /* ══ DASHBOARD ═══════════════════════════════════════ */ #dashboard{display:none;min-height:100vh;background:var(--surface2);} #dashboard.visible{display:flex;flex-direction:column;} .dash-topbar{background:var(--white);border-bottom:1.5px solid var(--border);padding:0 36px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;} .dash-topbar-left{display:flex;align-items:center;gap:14px;} .dash-topbar-logo{height:28px;display:block;} .dash-topbar-divider{width:1px;height:22px;background:var(--border);} .dash-topbar-title{font-size:13px;font-weight:700;color:var(--text);} .dash-topbar-sub{font-size:11px;color:var(--text3);margin-top:1px;} .dash-topbar-right{display:flex;align-items:center;gap:8px;} .dash-body{flex:1;padding:36px 40px;max-width:1000px;width:100%;margin:0 auto;} .dash-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;} .dash-welcome{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.3px;} .dash-sub{font-size:12px;color:var(--text3);margin-top:4px;} .dash-backup-row{display:flex;gap:8px;} /* ── CALENDAR MODULE ─────────────────────────────────── */ .cal-header{background:var(--white);border-bottom:1.5px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;} .cal-nav{display:flex;align-items:center;gap:8px;} .cal-nav button{background:none;border:1.5px solid var(--border);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13px;color:var(--text);transition:all .15s;} .cal-nav button:hover{background:var(--surface2);} .cal-nav button.active{background:var(--rx-blue);color:#fff;border-color:var(--rx-blue);} .cal-month-title{font-size:16px;font-weight:700;color:var(--text);min-width:180px;text-align:center;} .cal-body{flex:1;overflow:auto;padding:16px 20px;display:flex;gap:16px;align-items:stretch;} .cal-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;} .cal-mini{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;transition:all .15s;} .cal-mini:hover{border-color:var(--rx-blue);} .cal-mini.active-month{border-color:var(--rx-blue);background:#eff6ff;} .cal-mini-title{font-size:11px;font-weight:700;color:var(--text2);text-align:center;margin-bottom:6px;} .cal-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;font-size:9px;} .cal-mini-dh{color:var(--text3);text-align:center;font-weight:600;} .cal-mini-day{text-align:center;padding:1px;border-radius:2px;color:var(--text2);} .cal-mini-day.has-entry{background:#dbeafe;color:#1d4ed8;font-weight:600;} .cal-mini-day.today{background:var(--rx-blue);color:#fff;border-radius:50%;} .cal-mini-day.other{color:var(--text3);} .cal-main{flex:1;min-width:0;display:flex;flex-direction:column;} .cal-view-month{flex:1;display:flex;flex-direction:column;} .cal-view-month .cal-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;flex:1;} .cal-view-week{flex:1;display:flex;flex-direction:column;} .cal-view-week .cal-grid{display:grid;grid-template-columns:60px repeat(7,1fr);gap:1px;background:var(--border);border-radius:10px;overflow:hidden;flex:1;} .cal-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;} .cal-day-header{background:var(--surface2);padding:7px 4px;text-align:center;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;} .cal-kw-header{background:var(--surface2);padding:7px 4px;text-align:center;font-size:9px;font-weight:600;color:var(--rx-blue);} .cal-day{background:var(--white);min-height:96px;height:100%;padding:6px;position:relative;cursor:pointer;box-sizing:border-box;} .cal-day:hover{background:#f8faff;} .cal-day.today{background:#eff6ff;} .cal-day.other-month{background:var(--surface2);opacity:.6;} .cal-day.weekend{background:#fafafa;} .cal-day-num{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:2px;} .cal-day.today .cal-day-num{color:var(--rx-blue);background:#dbeafe;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;} .cal-kw-cell{background:var(--white);padding:5px 2px;text-align:center;font-size:9px;color:var(--rx-blue);font-weight:600;border-right:2px solid #dbeafe;} .cal-entry{font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-left:3px solid transparent;line-height:1.4;transition:filter .1s;} .cal-entry:hover{filter:brightness(.93);} .cal-entry.urlaub_beantragt{background:#fef3c7;color:#92400e;border-left-color:#d97706;} .cal-entry.urlaub_genehmigt{background:#d1fae5;color:#065f46;border-left-color:#16a34a;} .cal-entry.dienstreise{background:#dbeafe;color:#1e40af;border-left-color:#2563eb;} .cal-entry.schulung{background:#ede9fe;color:#5b21b6;border-left-color:#7c3aed;} .cal-entry.homeoffice{background:#e2e8f0;color:#334155;border-left-color:#64748b;} .cal-entry.veranstaltung{background:#ffedd5;color:#9a3412;border-left-color:#ea580c;} .cal-entry.messe{background:#ccfbf1;color:#0f766e;border-left-color:#0d9488;} .cal-entry.team{background:#fce7f3;color:#9d174d;border-left-color:#db2777;} .cal-entry.allgemein{background:#f1f5f9;color:#374151;border-left-color:#6b7280;} .cal-entry.feiertag{background:#e0e7ff;color:#3730a3;border-left-color:#4f46e5;font-weight:800;} .cal-entry.geburtstag{background:#fce7f3;color:#9d174d;border-left-color:#f43f8e;font-weight:800;} .cal-entry.geburtstag::before{content:'🎂 ';font-size:10px;} .cal-day.has-geburtstag .cal-day-num{color:#be185d;font-weight:800;} /* ── DASHBOARD CALENDAR WIDGET ───────────────────── */ .dash-cal-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 0;} .dash-cal-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px;} .dash-event-list{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;} .dash-event-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;border-left:3px solid transparent;cursor:pointer;transition:filter .12s;} .dash-event-row:hover{filter:brightness(.94);} .dash-event-row.urlaub_beantragt{background:#fef3c7;border-left-color:#d97706;} .dash-event-row.urlaub_genehmigt{background:#d1fae5;border-left-color:#16a34a;} .dash-event-row.dienstreise{background:#dbeafe;border-left-color:#2563eb;} .dash-event-row.schulung{background:#ede9fe;border-left-color:#7c3aed;} .dash-event-row.homeoffice{background:#e2e8f0;border-left-color:#64748b;} .dash-event-row.veranstaltung{background:#ffedd5;border-left-color:#ea580c;} .dash-event-row.messe{background:#ccfbf1;border-left-color:#0d9488;} .dash-event-row.team{background:#fce7f3;border-left-color:#db2777;} .dash-event-row.allgemein{background:#f1f5f9;border-left-color:#6b7280;} .dash-event-row.feiertag{background:#e0e7ff;border-left-color:#4f46e5;} .dash-event-row.geburtstag{background:#fce7f3;border-left-color:#f43f8e;} .dash-event-date{display:flex;flex-direction:column;align-items:center;min-width:26px;} .dash-event-day{font-size:13px;font-weight:700;color:var(--text);line-height:1;} .dash-event-month{font-size:9px;color:var(--text2);text-transform:uppercase;} .dash-event-info{flex:1;min-width:0;} .dash-event-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dash-event-who{font-size:10px;color:var(--text2);} .dash-event-row.urlaub_beantragt .dash-event-name{color:#92400e;} .dash-event-row.urlaub_genehmigt .dash-event-name{color:#065f46;} .dash-event-row.dienstreise .dash-event-name{color:#1e40af;} .dash-event-row.schulung .dash-event-name{color:#5b21b6;} .dash-event-row.homeoffice .dash-event-name{color:#334155;} .dash-event-row.veranstaltung .dash-event-name{color:#9a3412;} .dash-event-row.messe .dash-event-name{color:#0f766e;} .dash-event-row.team .dash-event-name{color:#9d174d;} .dash-event-row.allgemein .dash-event-name{color:#374151;} .dash-event-row.feiertag .dash-event-name{color:#3730a3;} .dash-event-row.geburtstag .dash-event-name{color:#9d174d;} .dash-event-chip{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:600;white-space:nowrap;} .dash-cal-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px;} .dash-cal-dh{font-size:8px;font-weight:600;color:var(--text3);text-align:center;padding-bottom:2px;} .dash-cal-d{font-size:9px;text-align:center;padding:2px 1px;border-radius:3px;color:var(--text2);} .dash-cal-d.today{background:var(--rx-blue);color:#fff;border-radius:50%;font-weight:700;} .dash-cal-d.has-ev{background:#dbeafe;color:#1d4ed8;font-weight:700;} .dash-cal-d.has-bday{background:#fff0f9;color:#be185d;font-weight:700;} .dash-cal-d.has-fei{background:#f5f3ff;color:#6d28d9;font-weight:700;} .dash-cal-d.other{color:var(--text3);} .dash-cal-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;} .dash-cal-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text2);} .dash-cal-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;} .cal-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;} .cal-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);} .cal-legend-dot{width:10px;height:10px;border-radius:2px;} .cal-week-time{background:var(--white);padding:5px;font-size:10px;color:var(--text3);text-align:right;border-right:1px solid var(--border);} .cal-week-day{background:var(--white);min-height:160px;padding:6px;cursor:pointer;} .cal-week-day:hover{background:#f8faff;} .cal-week-day.today{background:#eff6ff;} .cal-week-day-header{background:var(--surface2);padding:8px 4px;text-align:center;} .cal-week-day-name{font-size:10px;font-weight:700;color:var(--text3);} .cal-week-day-num{font-size:16px;font-weight:700;color:var(--text);cursor:pointer;} .cal-week-day-num.today{background:var(--rx-blue);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0 auto;} .dash-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:16px;} .dash-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:0;overflow:hidden;position:relative;min-height:220px;border-top-width:4px;} .dash-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.10);transform:translateY(-2px);} .dash-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;} .dash-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;} /* Blue — Kalkulation, Sourcing */ .dash-card.c-blue{border-top-color:#1a3c8f;} .dash-card.c-blue:hover{border-color:#1a3c8f;border-top-color:#1a3c8f;} .dash-icon-wrap.c-blue{background:#1a3c8f;filter:none;} .dash-badge.c-blue{background:#1a3c8f;color:#fff;} .dash-open.c-blue{color:#1a3c8f;} /* Teal — Produkte, Zeiterfassung, Container Forecast, Kalender */ .dash-card.c-teal{border-top-color:#0f766e;} .dash-card.c-teal:hover{border-color:#0f766e;border-top-color:#0f766e;} .dash-icon-wrap.c-teal{background:#0f766e;filter:none;} .dash-badge.c-teal{background:#0f766e;color:#fff;} .dash-open.c-teal{color:#0f766e;} /* Green — Container Tracking, Compliance */ .dash-card.c-green{border-top-color:#16a34a;} .dash-card.c-green:hover{border-color:#16a34a;border-top-color:#16a34a;} .dash-icon-wrap.c-green{background:#16a34a;filter:none;} .dash-badge.c-green{background:#16a34a;color:#fff;} .dash-open.c-green{color:#16a34a;} /* Purple — Herstellerkartei, QC */ .dash-card.c-purple{border-top-color:#6d28d9;} .dash-card.c-purple:hover{border-color:#6d28d9;border-top-color:#6d28d9;} .dash-icon-wrap.c-purple{background:#6d28d9;filter:none;} .dash-badge.c-purple{background:#6d28d9;color:#fff;} .dash-open.c-purple{color:#6d28d9;} /* Orange — Packing Marks */ .dash-card.c-orange{border-top-color:#ea580c;} .dash-card.c-orange:hover{border-color:#ea580c;border-top-color:#ea580c;} .dash-icon-wrap.c-orange{background:#ea580c;filter:none;} .dash-badge.c-orange{background:#ea580c;color:#fff;} .dash-open.c-orange{color:#ea580c;} /* Amber — Wiki */ .dash-card.c-amber{border-top-color:#d97706;} .dash-card.c-amber:hover{border-color:#d97706;border-top-color:#d97706;} .dash-icon-wrap.c-amber{background:#d97706;filter:none;} .dash-badge.c-amber{background:#d97706;color:#fff;} .dash-open.c-amber{color:#d97706;} /* Red — Admin, Alerts */ .dash-card.c-red{border-top-color:#dc2626;} .dash-card.c-red:hover{border-color:#dc2626;border-top-color:#dc2626;} .dash-icon-wrap.c-red{background:#dc2626;filter:none;} .dash-badge.c-red{background:#dc2626;color:#fff;} .dash-open.c-red{color:#dc2626;} .dash-card.c-indigo{border-top-color:#4338ca;} .dash-card.c-indigo:hover{border-color:#4338ca;border-top-color:#4338ca;} .dash-icon-wrap.c-indigo{background:#4338ca;filter:none;} .dash-badge.c-indigo{background:#4338ca;color:#fff;} .dash-open.c-indigo{color:#4338ca;} /* Shared badge + title + footer */ .dash-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;} .dash-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;} .dash-desc{font-size:12px;color:var(--text2);line-height:1.5;flex:1;} .dash-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid var(--border);} .dash-footer-label{font-size:10px;color:var(--text3);} .dash-open{font-size:12px;font-weight:600;} .dash-topbar{background:var(--white);border-bottom:1.5px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;} .dash-body{flex:1;padding:32px 36px;max-width:1100px;width:100%;margin:0 auto;} .dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;} .dash-welcome{font-size:22px;font-weight:700;color:var(--text);} .dash-sub{font-size:13px;color:var(--text2);margin-top:2px;} .dash-alert-wrap{margin-bottom:16px;} .dash-alert{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;} .dash-alert-icon{font-size:18px;} .dash-alert-text{flex:1;font-size:12px;color:#991b1b;} .dash-alert-count{background:#dc2626;color:#fff;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;} /* ══ FORECAST MODULE ═════════════════════════════════ */ #forecast{display:none;} #forecast.visible{display:block;} .fc-header{background:var(--white);border-bottom:1.5px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:12px;} .fc-back{font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);transition:all .15s;white-space:nowrap;line-height:1;} .fc-back:hover{background:var(--surface2);color:var(--rx-blue);border-color:var(--rx-blue);} .fc-back:hover{text-decoration:underline;} .fc-body{display:flex;gap:0;min-height:calc(100vh - 110px);} .fc-left{width:260px;flex-shrink:0;background:var(--surface);border-right:1.5px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:14px;} .fc-right{flex:1;padding:20px;overflow-x:auto;} .fc-sec{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;} .fc-gauge{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:16px;} .fc-gauge-bar-wrap{background:var(--surface2);border-radius:6px;height:18px;overflow:hidden;margin:10px 0 6px;} .fc-gauge-bar{height:100%;border-radius:6px;transition:width .4s ease;background:linear-gradient(90deg,var(--rx-cyan),var(--rx-blue));} .fc-gauge-bar.warn{background:linear-gradient(90deg,#f97316,#ef4444);} .fc-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text2);margin-bottom:3px;} .fc-row b{color:var(--text);font-family:var(--mono);} .fc-variant-table{width:100%;border-collapse:collapse;} .fc-variant-table th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);padding:8px 10px;background:var(--surface2);border-bottom:1.5px solid var(--border);font-family:var(--mono);white-space:nowrap;} .fc-variant-table td{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.05);vertical-align:middle;} .fc-variant-table tr:last-child td{border-bottom:none;} .fc-variant-table tr:hover td{background:rgba(26,60,143,.025);} .fc-ti{width:80px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:5px;color:var(--text);font-family:var(--mono);font-size:12px;padding:4px 7px;outline:none;transition:border-color .15s;text-align:right;} .fc-ti:focus{border-color:var(--rx-cyan);} .fc-add-row{display:flex;align-items:center;gap:8px;margin-top:12px;} .fc-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;} .fc-chip.ok{background:rgba(22,163,74,.1);color:var(--green);} .fc-chip.warn{background:rgba(249,115,22,.1);color:#f97316;} .fc-chip.over{background:rgba(220,38,38,.1);color:var(--red);} .fc-rest-card{background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:14px;margin-top:14px;} .fc-rest-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border);font-size:12px;} .fc-rest-row:last-child{border-bottom:none;} .pm-inp{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:6px;color:var(--text);font-family:var(--mono);font-size:12px;padding:6px 9px;outline:none;transition:border-color .15s;box-sizing:border-box;} .pm-inp:focus{border-color:var(--rx-cyan);} .pm-field{display:flex;flex-direction:column;gap:2px;} #packmarks{ --pm-bg:#dde2ea;--pm-surf:#fff;--pm-brd:#d2d8e4;--pm-blue:#1a5ca8; --pm-txt:#1c2333;--pm-muted:#6b7a99;--pm-grn:#18a849;--pm-ora:#e07b20; display:none; font-family:'Barlow',sans-serif; color:var(--pm-txt); } #packmarks.visible{display:flex;flex-direction:column;height:calc(100vh - 0px);} :root{--pm-bg:#dde2ea;--pm-surf:#fff;--pm-brd:#d2d8e4;--pm-blue:#1a5ca8;--pm-txt:#1c2333;--pm-muted:#6b7a99;--pm-grn:#18a849;--pm-ora:#e07b20;} *{box-sizing:border-box;margin:0;padding:0;} #packmarks .pm-header{background:var(--pm-surf);border-bottom:3px solid var(--pm-blue);height:54px;padding:0 22px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;} #packmarks #packmarks .pm-header img{height:29px;} #packmarks .hdiv{width:1px;height:22px;background:var(--pm-brd);} #packmarks .ht{font-size:15px;font-weight:800;color:var(--pm-blue);} #packmarks .hs{font-size:10px;color:var(--pm-muted);} #packmarks .hbtns{margin-left:auto;display:flex;gap:7px;} #packmarks .btn{border:none;border-radius:6px;padding:8px 15px;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:4px;} #packmarks .bb{background:var(--pm-blue);color:#fff;}#packmarks .bb:hover{background:#154f8e;} #packmarks .bg{background:var(--pm-grn);color:#fff;}#packmarks .bg:hover{background:#13913d;} #packmarks .btn:disabled{opacity:.5;cursor:default;} #packmarks .pm-main{flex:1;display:grid;grid-template-columns:390px 1fr;height:calc(100vh - 54px);overflow:hidden;} #packmarks .fp{background:var(--pm-surf);border-right:1px solid var(--pm-brd);overflow-y:auto;padding:15px 17px;display:flex;flex-direction:column;gap:11px;} #packmarks .sec{border:1px solid var(--pm-brd);border-radius:7px;} #packmarks .sh{color:#fff;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:6px 11px;} #packmarks .sa{background:var(--pm-blue);}#packmarks .sd{background:#2d6a9f;}#packmarks .ss{background:#553c9a;}#packmarks .sc{background:var(--pm-ora);} #packmarks .sb{padding:10px;display:flex;flex-direction:column;gap:7px;} #packmarks .fld{display:flex;flex-direction:column;gap:2px;} #packmarks .fld label{font-size:9px;font-weight:700;color:var(--pm-muted);text-transform:uppercase;letter-spacing:.7px;} #packmarks .fld input,.fld select{background:#f7f8fa;border:1.5px solid var(--pm-brd);border-radius:5px;color:var(--pm-txt);font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;padding:6px 9px;outline:none;transition:.15s;width:100%;} #packmarks .fld input:focus,.fld select:focus{border-color:var(--pm-blue);background:#fff;} #packmarks .fld input::placeholder{color:#bcc4d4;} #packmarks .r2{display:grid;grid-template-columns:1fr 1fr;gap:7px;} #packmarks .r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;} #packmarks .sym-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;} #packmarks .sym-chip{cursor:pointer;border:2px solid var(--pm-brd);border-radius:6px;background:#f7f8fa;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:.15s;position:relative;user-select:none;} #packmarks .sym-chip:hover{border-color:#553c9a;}.sym-chip.on{border-color:#553c9a;background:#f0ebff;} #packmarks .sym-chip img{width:28px;height:28px;object-fit:contain;} #packmarks .sym-chip span{font-size:7px;color:var(--pm-muted);text-align:center;line-height:1.2;font-weight:600;} #packmarks .chk{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#553c9a;color:#fff;font-size:7px;display:none;align-items:center;justify-content:center;font-weight:700;} #packmarks .sym-chip.on .chk{display:flex;} #packmarks .cr{display:flex;align-items:center;gap:8px;}.cr label{font-size:11px;font-weight:700;} #packmarks .ci{width:60px;text-align:center;font-size:17px;font-weight:800;color:var(--pm-blue);border:2px solid var(--pm-blue);border-radius:6px;padding:4px;outline:none;background:#f0f6ff;} #packmarks .cb{width:28px;height:28px;border:none;border-radius:6px;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;} #packmarks .cm{background:#f0f2f7;}#packmarks .cm:hover{background:#e0e4ee;}.cp{background:var(--pm-blue);color:#fff;}#packmarks .cp:hover{background:#154f8e;} #packmarks .ctabs{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;} #packmarks .ctab{padding:4px 10px;border-radius:20px;border:2px solid var(--pm-brd);background:#f7f8fa;font-size:11px;font-weight:700;cursor:pointer;transition:.15s;color:var(--pm-muted);} #packmarks .ctab:hover{border-color:var(--pm-ora);color:var(--pm-ora);}.ctab.active{background:var(--pm-ora);border-color:var(--pm-ora);color:#fff;} #packmarks .cform{border:2px solid var(--pm-ora);border-radius:6px;padding:9px;display:flex;flex-direction:column;gap:6px;background:#fff9f4;margin-top:4px;} #packmarks .cft{font-size:11px;font-weight:700;color:var(--pm-ora);} #packmarks .covnote{font-size:9px;color:var(--pm-muted);font-style:italic;} #packmarks .fld input.ov{border-color:var(--pm-ora);background:#fffaf5;} #packmarks .pp{background:#b8bec8;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;align-items:center;gap:18px;} #packmarks .placeholder{color:var(--pm-muted);font-size:13px;text-align:center;margin-top:80px;line-height:2.4;opacity:.7;} #packmarks .clabel{font-size:9px;font-weight:700;color:rgba(0,0,0,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;text-align:center;} #pdfOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#fff;font-family:'Barlow',sans-serif;} #pdfOverlay.show{display:flex;} .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;} @keyframes spin{to{transform:rotate(360deg)}} #pdfMsg{font-size:14px;font-weight:600;} /* ══ HERSTELLERKARTEI ══════════════════════════════════════════ */ #suppliers{display:none;position:fixed;inset:0;z-index:10;background:var(--bg);} #suppliers.visible{display:flex;flex-direction:column;} .sup-header{background:var(--white);border-bottom:1.5px solid var(--border);height:54px;padding:0 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;} .sup-toolbar{background:var(--surface2);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;} .sup-search{flex:1;min-width:200px;max-width:320px;border:1.5px solid var(--input-border);border-radius:8px;padding:7px 12px;font-size:13px;font-family:var(--sans);color:var(--text);background:var(--white);outline:none;} .sup-search:focus{border-color:var(--rx-cyan);} .sup-filter-sel{border:1.5px solid var(--input-border);border-radius:8px;padding:7px 10px;font-size:12px;font-family:var(--sans);color:var(--text);background:var(--white);outline:none;cursor:pointer;} .sup-body{flex:1;overflow-y:auto;padding:20px;} .sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;} .sup-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .18s;position:relative;} .sup-card:hover{border-color:var(--rx-cyan);box-shadow:0 4px 20px rgba(41,170,225,.12);transform:translateY(-1px);} .sup-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;} .sup-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0;font-family:var(--sans);} .sup-card-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.3;} .sup-card-country{font-size:11px;color:var(--text2);margin-top:2px;} .sup-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;} .sup-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;background:var(--surface2);color:var(--text2);border:1px solid var(--border);} .sup-tag.cat{background:#e8f4ff;color:#1a5ca8;border-color:#b8d8f0;} .sup-tag.art{background:#f0ebff;color:#553c9a;border-color:#d4c5f9;} .sup-card-contact{font-size:11px;color:var(--text2);line-height:1.8;} .sup-card-contact b{color:var(--text);font-weight:600;} .sup-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);} .sup-bearbeiter{font-size:10px;font-weight:600;color:var(--text2);} .sup-score{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;} .sup-score.high{background:#dcfce7;color:#15803d;} .sup-score.mid{background:#fef9c3;color:#a16207;} .sup-score.low{background:#fee2e2;color:#dc2626;} .sup-score.none{background:var(--surface2);color:var(--text3);} .sup-warenwert{font-size:10px;font-weight:600;color:var(--text2);} .sup-empty{text-align:center;padding:80px 20px;color:var(--text3);} .sup-empty-icon{font-size:48px;margin-bottom:12px;} .sup-btn-add{background:var(--rx-blue);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;gap:6px;transition:.15s;} .sup-btn-add:hover{background:#152f6e;} .sup-btn-imp{background:var(--white);color:var(--text);border:1.5px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;gap:6px;transition:.15s;} .sup-btn-imp:hover{border-color:var(--rx-cyan);color:var(--rx-cyan);} /* Detail Modal */ #sup-modal{display:none;position:fixed;inset:0;z-index:4000;background:rgba(0,0,0,.5);align-items:center;justify-content:center;} #sup-modal.open{display:flex;} .sup-modal-card{background:var(--white);border-radius:16px;box-shadow:0 8px 60px rgba(0,0,0,.2);width:680px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;} .sup-modal-head{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;flex-shrink:0;} .sup-modal-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;} .sup-modal-title{font-size:16px;font-weight:800;color:var(--text);} .sup-modal-sub{font-size:11px;color:var(--text2);margin-top:2px;} .sup-modal-body{padding:18px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px;} .sup-modal-section{display:flex;flex-direction:column;gap:8px;} .sup-modal-section-title{font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid var(--border);} .sup-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .sup-modal-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;} .sup-fld{display:flex;flex-direction:column;gap:3px;} .sup-fld label{font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;} .sup-fld input,.sup-fld select,.sup-fld textarea{border:1.5px solid var(--input-border);border-radius:7px;padding:7px 10px;font-size:12px;font-family:var(--sans);color:var(--text);background:var(--input-bg);outline:none;transition:.15s;width:100%;box-sizing:border-box;} .sup-fld input:focus,.sup-fld select:focus,.sup-fld textarea:focus{border-color:var(--rx-cyan);background:#fff;} .sup-fld textarea{resize:vertical;min-height:60px;} .sup-score-sel{display:flex;gap:6px;flex-wrap:wrap;} .sup-score-opt{padding:5px 12px;border-radius:20px;border:2px solid var(--border);font-size:11px;font-weight:700;cursor:pointer;transition:.15s;background:var(--surface2);color:var(--text2);} .sup-score-opt:hover{border-color:var(--rx-cyan);} .sup-score-opt.sel-high{background:#dcfce7;border-color:#16a34a;color:#15803d;} .sup-score-opt.sel-mid{background:#fef9c3;border-color:#d97706;color:#a16207;} .sup-score-opt.sel-low{background:#fee2e2;border-color:#dc2626;color:#dc2626;} .sup-score-opt.sel-none{background:var(--surface2);border-color:var(--border2);color:var(--text2);} .sup-modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;flex-shrink:0;} .sup-btn-save{background:var(--rx-blue);color:#fff;border:none;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:.15s;} .sup-btn-save:hover{background:#152f6e;} .sup-btn-del{background:none;color:var(--red);border:1.5px solid var(--red);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:.15s;} .sup-btn-del:hover{background:#fee2e2;} .sup-btn-cancel{background:var(--surface2);color:var(--text2);border:1.5px solid var(--border);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:.15s;} /* Import modal */ #sup-imp-modal{display:none;position:fixed;inset:0;z-index:4000;background:rgba(0,0,0,.5);align-items:center;justify-content:center;} #sup-imp-modal.open{display:flex;} .sup-imp-card{background:var(--white);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.18);width:500px;max-width:95vw;padding:24px;display:flex;flex-direction:column;gap:14px;} .sup-imp-drop{border:2.5px dashed var(--border2);border-radius:10px;padding:32px 20px;text-align:center;cursor:pointer;transition:.18s;color:var(--text2);} .sup-imp-drop:hover,.sup-imp-drop.drag{border-color:var(--rx-cyan);background:#f0fbff;color:var(--rx-cyan);} .sup-imp-icon{font-size:32px;margin-bottom:8px;} .sup-imp-status{font-size:12px;font-weight:600;padding:8px 12px;border-radius:7px;background:var(--surface2);color:var(--text2);min-height:36px;display:flex;align-items:center;gap:6px;} .sup-imp-status.ok{background:#dcfce7;color:#15803d;} .sup-imp-status.err{background:#fee2e2;color:#dc2626;} .sup-imp-status.loading{background:#e8f4ff;color:#1a5ca8;} /* Aktiv/Inaktiv status */ .sup-status-aktiv{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#dcfce7;color:#15803d;border:1px solid #86efac;} .sup-status-inaktiv{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:#94a3b8;border:1px solid #cbd5e1;} .sup-status-dot-aktiv{width:6px;height:6px;border-radius:50%;background:#16a34a;display:inline-block;} .sup-status-dot-inaktiv{width:6px;height:6px;border-radius:50%;background:#94a3b8;display:inline-block;} /* Preview table in import modal */ .sup-preview-wrap{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-top:4px;} .sup-preview-tbl{width:100%;border-collapse:collapse;font-size:11px;} .sup-preview-tbl th{background:var(--surface2);padding:6px 10px;text-align:left;font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);position:sticky;top:0;} .sup-preview-tbl td{padding:5px 10px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--text);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sup-preview-tbl tr:last-child td{border-bottom:none;} .sup-preview-tbl tr:hover td{background:rgba(26,60,143,.025);} .sup-preview-actions{display:flex;gap:8px;align-items:center;margin-top:10px;} /* ── Rich Text Editor (Notizen) ─────────────────────────── */ .sup-rte-wrap{border:1.5px solid var(--input-border);border-radius:7px;overflow:hidden;background:var(--input-bg);transition:border-color .15s;} .sup-rte-wrap:focus-within{border-color:var(--rx-cyan);background:#fff;} .sup-rte-toolbar{display:flex;align-items:center;gap:2px;padding:5px 7px;background:var(--surface2);border-bottom:1px solid var(--input-border);flex-wrap:wrap;} .sup-rte-btn{background:none;border:none;cursor:pointer;padding:3px 7px;border-radius:5px;font-size:13px;font-family:var(--sans);color:var(--text2);transition:.12s;line-height:1.4;} .sup-rte-btn:hover{background:var(--border);color:var(--text);} .sup-rte-btn.active{background:rgba(26,60,143,.12);color:var(--rx-blue);} .sup-rte-divider{width:1px;height:18px;background:var(--border);margin:0 3px;} .sup-rte-color-wrap{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:2px 5px;border-radius:5px;transition:.12s;} .sup-rte-color-wrap:hover{background:var(--border);} .sup-rte-color-icon{font-size:13px;font-weight:700;color:var(--text2);line-height:1.3;font-family:var(--sans);} .sup-rte-color-inp{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0;} .sup-rte-color-bar{height:3px;width:20px;border-radius:2px;margin-top:1px;} .sup-rte-body{min-height:100px;max-height:200px;overflow-y:auto;padding:9px 11px;font-size:13px;font-family:var(--sans);color:var(--text);line-height:1.6;outline:none;} .sup-rte-body:empty::before{content:attr(placeholder);color:var(--text3);pointer-events:none;} .sup-rte-body ul{padding-left:18px;} /* ── Herstellerkartei List View ─────────────────────── */ .sup-vbtn{background:none;border:none;cursor:pointer;padding:5px 12px;font-size:12px;color:var(--text2);transition:.12s;line-height:1;font-family:var(--sans);} .sup-vbtn.active{background:var(--text);color:#fff;} #sup_list_wrap{background:var(--white);border:1.5px solid var(--border);border-radius:12px;overflow:auto;} .sup-list{width:100%;border-collapse:collapse;table-layout:fixed;} .sup-list colgroup .c-name {width:28%;} .sup-list colgroup .c-art {width:11%;} .sup-list colgroup .c-cat {width:9%;} .sup-list colgroup .c-contact{width:20%;} .sup-list colgroup .c-prods {width:12%;} .sup-list colgroup .c-bea {width:11%;} .sup-list colgroup .c-score {width:5%;} .sup-list colgroup .c-status {width:7%;} .sup-list thead tr{background:var(--surface2);border-bottom:2px solid var(--border);} .sup-list thead th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);padding:10px 14px;text-align:left;white-space:nowrap;cursor:pointer;user-select:none;overflow:hidden;} .sup-list thead th:hover{color:var(--rx-blue);} .sup-list thead th.sorted{color:var(--rx-blue);} .sup-list thead th .sort-icon{opacity:.35;font-size:9px;margin-left:2px;} .sup-list thead th.sorted .sort-icon{opacity:1;} .sup-list tbody tr{border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background .1s;} .sup-list tbody tr:last-child{border-bottom:none;} .sup-list tbody tr:hover{background:rgba(41,170,225,.05);} .sup-list tbody tr.inaktiv-row td{opacity:.5;} .sup-list tbody td{padding:10px 14px;font-size:12px;color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;} .slc-name{display:flex;align-items:center;gap:10px;} .sl-avatar{width:34px;height:34px;min-width:34px;border-radius:8px;background:linear-gradient(135deg,var(--rx-blue),var(--rx-cyan));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;} .sl-name-main{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);} .sl-name-sub{font-size:10px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sl-contact-name{font-weight:600;color:var(--text);font-size:11px;} .sl-contact-email{color:var(--rx-blue);font-size:11px;} .sl-contact-tel{color:var(--text2);font-size:11px;} /* Change password modal */ #changepw_modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(15,20,40,.45);align-items:center;justify-content:center;} #changepw_modal.open{display:flex;} .changepw_card{background:var(--white);border-radius:16px;padding:32px 28px;width:380px;box-shadow:0 20px 60px rgba(0,0,0,.2);} .changepw_title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:4px;} .changepw_sub{font-size:12px;color:var(--text3);margin-bottom:22px;} .changepw_field{margin-bottom:14px;} .changepw_field label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:5px;} .changepw_field input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;color:var(--text);background:var(--white);outline:none;} .changepw_field input:focus{border-color:var(--rx-blue);} .changepw_actions{display:flex;gap:10px;margin-top:20px;} .changepw_msg{font-size:12px;margin-top:12px;padding:8px 12px;border-radius:8px;display:none;} .changepw_msg.ok{background:#dcfce7;color:#15803d;display:block;} .changepw_msg.err{background:#fee2e2;color:#dc2626;display:block;} /* ── Container Tracking ─────────────────── */ .c-green .dash-icon-wrap{background:linear-gradient(135deg,#14532d,#16a34a);} .c-green .dash-badge{background:#dcfce7;color:#15803d;} .c-green .dash-open{color:#16a34a;} .c-green:hover{border-color:#86efac;} .c-green:hover .dash-open{color:#15803d;} #containers{display:none;position:fixed;inset:0;background:var(--surface2);flex-direction:column;overflow:hidden;} #containers.visible{display:flex;} .ct-header{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--white);border-bottom:1.5px solid var(--border);flex-shrink:0;} .ct-header-title{font-size:14px;font-weight:800;color:var(--text);flex:1;} .ct-header-sub{font-size:11px;color:var(--text3);} /* ── Unified module header ── */ .mod-header{display:flex;align-items:center;gap:0;padding:0 24px;height:56px;background:var(--white);border-bottom:1.5px solid var(--border);flex-shrink:0;} .mod-header-divider{width:1px;height:22px;background:var(--border);margin:0 14px;flex-shrink:0;} .mod-header-title{flex:1;min-width:0;} .mod-header-title .mht{font-size:14px;font-weight:700;color:var(--text);} .mod-header-title .mhs{font-size:11px;color:var(--text3);margin-top:1px;} .mod-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;} .btn-mod-primary{background:var(--rx-blue);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);white-space:nowrap;transition:opacity .15s;} .btn-mod-primary:hover{opacity:.88;} .btn-mod-secondary{background:var(--white);color:var(--rx-blue);border:1.5px solid rgba(26,60,143,.3);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);white-space:nowrap;transition:all .15s;} .btn-mod-secondary:hover{background:rgba(26,60,143,.06);} /* Freigabe Email Modal */ #ct-freigabe-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(15,20,40,.45);align-items:flex-start;justify-content:center;padding-top:40px;overflow-y:auto;} #ct-freigabe-modal.open{display:flex;} #ct-booking-instructions-modal{display:none;position:fixed;inset:0;z-index:2200;background:rgba(15,20,40,.5);align-items:flex-start;justify-content:center;padding-top:40px;overflow-y:auto;} #ct-booking-instructions-modal.open{display:flex;} .ct-fg-card{background:var(--white);border-radius:16px;width:100%;max-width:720px;margin:0 auto 40px;overflow:hidden;} .ct-fg-header{padding:16px 20px;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;} .ct-fg-title{font-size:15px;font-weight:700;color:var(--text);} .ct-fg-sub{font-size:11px;color:var(--text2);margin-top:1px;} .ct-fg-body{padding:16px 20px;} .ct-fg-section{margin-bottom:14px;} .ct-fg-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:6px;} .ct-fg-ct-row{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:8px;border:1.5px solid var(--border);cursor:pointer;transition:border-color .12s;margin-bottom:5px;} .ct-fg-ct-row:hover{border-color:var(--rx-cyan);} .ct-fg-ct-row.selected{border-color:var(--rx-blue);background:#eff6ff;} .ct-fg-cb{width:17px;height:17px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:11px;} .ct-fg-ct-row.selected .ct-fg-cb{background:var(--rx-blue);border-color:var(--rx-blue);color:#fff;} .ct-fg-info{flex:1;min-width:0;} .ct-fg-po{font-size:12px;font-weight:700;color:var(--text);} .ct-fg-meta{font-size:10px;color:var(--text2);margin-top:2px;} .ct-fg-pi{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);} .ct-fg-pi-label{font-size:10px;color:var(--text2);white-space:nowrap;} .ct-fg-pi-inp{flex:1;font-size:11px;padding:3px 7px;border-radius:5px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text);font-family:var(--sans);} .ct-fg-amt{text-align:right;flex-shrink:0;} .ct-fg-val{font-size:12px;font-weight:700;color:var(--text);} .ct-fg-anz{font-size:10px;color:#92400e;background:#fef3c7;padding:1px 5px;border-radius:3px;margin-top:2px;display:inline-block;} .ct-fg-sumbar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border-radius:8px;border:1px solid var(--border);margin-bottom:14px;} .ct-fg-preview{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:12px;line-height:1.75;color:var(--text);white-space:pre-wrap;font-family:var(--sans);min-height:80px;} .ct-fg-order-block{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--rx-blue);border-radius:6px;padding:8px 10px;margin:8px 0;font-size:11px;line-height:1.8;font-family:var(--mono);} .ct-fg-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center;justify-content:flex-end;} .btn-mod-secondary{background:var(--white);color:var(--text2);border:1.5px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--sans);white-space:nowrap;transition:background .15s;} .btn-mod-secondary:hover{background:var(--surface2);color:var(--text);} /* Alert Banner */ .ct-alert-wrap{padding:12px 24px 0;flex-shrink:0;} .ct-alert{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:6px;} .ct-alert-icon{font-size:18px;flex-shrink:0;} .ct-alert-body{flex:1;} .ct-alert-title{font-size:12px;font-weight:700;color:#9a3412;} .ct-alert-sub{font-size:11px;color:#c2410c;margin-top:1px;} /* Dashboard alert */ .dash-alert-wrap{padding:0 0 12px;} .dash-alert{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;} .dash-alert:hover{background:#ffedd5;} .dash-alert-icon{font-size:16px;flex-shrink:0;} .dash-alert-text{flex:1;font-size:12px;font-weight:600;color:#9a3412;} .dash-alert-count{background:#ea580c;color:#fff;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700;} /* Toolbar */ .ct-toolbar{display:flex;align-items:center;gap:10px;padding:10px 24px;flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border);} .ct-filter-wrap{display:flex;gap:3px;flex:1;flex-wrap:wrap;} .ct-filter-btn{font-size:12px;padding:5px 13px;border-radius:6px;border:1px solid transparent;background:none;cursor:pointer;color:var(--text2);font-family:var(--sans);transition:all .12s;display:inline-flex;align-items:center;gap:5px;} .ct-filter-btn:hover{background:var(--surface2);} .ct-filter-btn.active{background:var(--text);color:#fff;border-color:var(--text);} /* Table */ .ct-table-wrap{flex:1;overflow:auto;padding:16px 24px 32px;} .ct-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;border:1px solid var(--border);overflow:hidden;} .ct-table th{background:#fafaf8;padding:9px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);} .ct-table td{padding:13px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;} .ct-table tbody tr:last-child td{border-bottom:none;} .ct-table tr:hover td{background:#fafaf8;} .ct-table tr.ct-done td{opacity:.5;} /* Status badges */ .ct-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;} .ct-s-produktion{background:#fff7ed;color:#c2410c;} .ct-s-anzahlung{background:#fef9c3;color:#854d0e;} .ct-s-bereit{background:#fef9c3;color:#854d0e;} .ct-s-geladen{background:#fff7ed;color:#c2410c;} .ct-s-unterwegs{background:#f0fdf4;color:#166534;} .ct-s-angekommen{background:#dcfce7;color:#166534;} .ct-s-storniert{background:#f1f5f9;color:#94a3b8;} /* Countdown pill */ .ct-days{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;} .ct-days-urgent{background:#fee2e2;color:#991b1b;} .ct-days-warn{background:#fef3c7;color:#92400e;} .ct-days-ok{background:#dcfce7;color:#166534;} .ct-days-done{background:#f1f5f9;color:#94a3b8;} /* Action btn */ .ct-table{width:100%;border-collapse:collapse;border-spacing:0;} .ct-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s;} .ct-table tbody tr:last-child{border-bottom:none;} .ct-table tbody tr.ct-done{opacity:.5;} .ct-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .15s;display:grid;grid-template-columns:120px 1fr auto auto auto;align-items:center;gap:16px;} .ct-card:hover{border-color:var(--border2);transform:translateY(-1px);} .ct-card.ct-done{opacity:.5;} .ct-card-left{display:flex;flex-direction:column;} .ct-card-main{min-width:0;} .ct-card-dates{display:flex;gap:20px;flex-shrink:0;} .ct-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;min-width:120px;} .ct-card-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;} .ct-row-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer;color:var(--text2);transition:all .12s;} .ct-row-btn:hover{background:var(--surface2);border-color:var(--border2);} /* ── Container Modal ─── */ #ct-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(15,20,40,.45);align-items:flex-start;justify-content:center;padding-top:40px;overflow-y:auto;} #ct-modal.open{display:flex;} .ct-modal-card{background:var(--white);border-radius:16px;width:880px;max-width:96vw;padding:28px 32px;box-shadow:0 20px 60px rgba(0,0,0,.2);margin-bottom:40px;} .ct-modal-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:18px;display:flex;align-items:center;gap:8px;} .ct-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;} .ct-modal-full{grid-column:1/-1;} .ct-modal-label{font-size:11px;font-weight:500;color:var(--text2);margin-bottom:4px;} .ct-modal-input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;color:var(--text);background:var(--white);outline:none;box-sizing:border-box;font-family:var(--sans);} .ct-modal-input:focus{border-color:var(--rx-blue);} .ct-modal-actions{display:flex;gap:10px;margin-top:20px;} .ct-modal-note{font-size:11px;color:var(--text3);margin-top:6px;} /* Empty state */ .ct-empty{text-align:center;padding:60px 20px;color:var(--text3);} .ct-empty-icon{font-size:40px;margin-bottom:10px;} .ct-empty-text{font-size:13px;font-weight:600;} .ct-empty-sub{font-size:11px;margin-top:4px;} .user-menu{position:fixed;top:56px;right:16px;width:220px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:1500;overflow:hidden;} .user-menu-overlay{position:fixed;inset:0;z-index:1499;} .user-menu-header{padding:14px 16px;background:var(--surface2);border-bottom:1px solid var(--border);} .user-menu-name{font-size:13px;font-weight:700;color:var(--text);} .user-menu-role{font-size:11px;color:var(--text3);margin-top:2px;} .user-menu-item{padding:11px 16px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s;} .user-menu-item:hover{background:var(--surface2);} .user-menu-item.danger{color:#dc2626;} .user-menu-sep{height:1px;background:var(--border);margin:2px 0;} .ct-prod-row{display:grid;grid-template-columns:110px 1fr 1fr 65px 85px 90px 28px;gap:6px;align-items:center;} .ct-prod-input{padding:5px 7px;border:1.5px solid var(--border);border-radius:6px;font-size:12px;color:var(--text);background:var(--input-bg);width:100%;font-family:var(--sans);} .ct-prod-input:focus{border-color:var(--rx-cyan);outline:none;} .ct-prod-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:2px;} .ct-prod-del:hover{color:#dc2626;} .ct-prod-header{display:grid;grid-template-columns:110px 1fr 1fr 65px 85px 90px 28px;gap:6px;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:0 0 4px;} input[type="date"]{color:var(--text);font-family:var(--sans);font-size:13px;} input[type="date"]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;} /* ══ SOURCING MODULE — REDESIGN ════════════════════════════════ */ .src-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:16px 24px;box-sizing:border-box;align-items:flex-start;width:100%;} .src-col{min-width:0;background:var(--white);border-radius:11px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;} .src-col-over .src-col-body{background:rgba(41,170,225,.04);} .src-col-body{display:flex;flex-direction:column;gap:6px;padding:8px;flex:1;} /* Column headers — each status gets its own color */ .src-col-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;border-radius:10px;margin-bottom:4px;position:relative;overflow:hidden;flex-shrink:0;} .src-col-head::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;} .src-col-head[data-status="idee"] {background:#f0eeff;} .src-col-head[data-status="idee"]::before {background:#7c6fef;} .src-col-head[data-status="recherche"] {background:#e6f5fc;} .src-col-head[data-status="recherche"]::before {background:#2ea8e0;} .src-col-head[data-status="muster"] {background:#fff1e8;} .src-col-head[data-status="muster"]::before {background:#f07030;} .src-col-head[data-status="kalkulation"] {background:#edfaf3;} .src-col-head[data-status="kalkulation"]::before {background:#24b47e;} .src-col-head[data-status="verhandlung"] {background:#f5ecff;} .src-col-head[data-status="verhandlung"]::before {background:#a259f7;} .src-col-head[data-status="entscheidung"]{background:#fffbea;} .src-col-head[data-status="entscheidung"]::before{background:#e4a800;} .src-col-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;} .src-col-head[data-status="idee"] .src-col-label{color:#5b4ec4;} .src-col-head[data-status="recherche"] .src-col-label{color:#1a7aab;} .src-col-head[data-status="muster"] .src-col-label{color:#c45510;} .src-col-head[data-status="kalkulation"] .src-col-label{color:#1a8a60;} .src-col-head[data-status="verhandlung"] .src-col-label{color:#7a30c4;} .src-col-head[data-status="entscheidung"] .src-col-label{color:#a87800;} .src-col-cnt{font-size:11px;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;} .src-col-head[data-status="idee"] .src-col-cnt{background:#ddd8fc;color:#3c2da0;} .src-col-head[data-status="recherche"] .src-col-cnt{background:#bde5f8;color:#0d5679;} .src-col-head[data-status="muster"] .src-col-cnt{background:#fdd0b0;color:#943d08;} .src-col-head[data-status="kalkulation"] .src-col-cnt{background:#b7f0d8;color:#0d6044;} .src-col-head[data-status="verhandlung"] .src-col-cnt{background:#e2cafc;color:#5a1f9c;} .src-col-head[data-status="entscheidung"] .src-col-cnt{background:#fce88d;color:#7a5500;} /* Cards */ .src-card{background:var(--white);border:1px solid var(--border);border-radius:9px;padding:9px 10px 9px 12px;cursor:grab;transition:border-color .12s,transform .1s;position:relative;overflow:hidden;flex-shrink:0;} .src-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;} .src-card:hover{border-color:var(--border2);transform:translateY(-1px);} .src-card:active{cursor:grabbing;transform:none;} .src-card[data-status="idee"]::before {background:#7c6fef;} .src-card[data-status="recherche"]::before {background:#2ea8e0;} .src-card[data-status="muster"]::before {background:#f07030;} .src-card[data-status="kalkulation"]::before {background:#24b47e;} .src-card[data-status="verhandlung"]::before {background:#a259f7;} .src-card[data-status="entscheidung"]::before{background:#e4a800;} .src-card-name{font-size:12px;font-weight:500;color:var(--text);margin-bottom:2px;line-height:1.35;} .src-card-meta{display:flex;flex-direction:column;gap:5px;margin-top:6px;} .src-card-row{display:flex;align-items:center;gap:5px;} .src-card-tag{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;} .src-card-divider{height:1px;background:var(--border);margin:6px 0;} .src-avatar{width:22px;height:22px;border-radius:50%;background:#1a3c8f;color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .src-avatar-unknown{background:#e2e8f0;color:#94a3b8;} .src-prio-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px;} .src-prio-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;} .src-price-badge{font-size:10px;font-weight:500;color:#1a3c8f;background:#eff6ff;padding:1px 6px;border-radius:5px;font-family:var(--mono);} .src-doc-badge{font-size:10px;color:var(--text3);} .src-supplier{font-size:11px;color:var(--text2);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* Add card button */ .src-add-card{display:flex;align-items:center;justify-content:center;padding:9px;border-radius:10px;border:1px dashed var(--border);cursor:pointer;font-size:11px;color:var(--text3);transition:all .15s;background:transparent;width:100%;font-family:var(--sans);} .src-add-card:hover{background:var(--white);color:var(--text2);border-style:solid;} /* Stats */ .src-stat{display:flex;flex-direction:column;align-items:center;padding:5px 14px;background:var(--white);border:1px solid var(--border);border-radius:10px;min-width:62px;} .src-stat-num{font-size:18px;font-weight:600;color:var(--text);line-height:1.1;} .src-stat-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;} .src-stat-warn .src-stat-num{color:#e53e3e;} .src-stat-gold .src-stat-num{color:#d97706;} /* sourcing filter buttons */ .src-fbtn{font-size:12px;padding:5px 13px;border-radius:6px;border:1px solid transparent;background:none;cursor:pointer;color:var(--text2);font-family:var(--sans);display:inline-flex;align-items:center;gap:5px;transition:all .12s;} .src-fbtn:hover{background:var(--surface2);} .src-fbtn.active{background:var(--text);color:#fff;} .src-fdot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;} /* sourcing + supplier summary cards */ .src-sum-card{padding:16px 22px;border-right:1px solid var(--border);} .src-sum-card:last-child{border-right:none;} .src-sum-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;} .src-sum-val{font-size:22px;font-weight:600;line-height:1;} .src-sum-sub{font-size:11px;color:var(--text3);margin-top:3px;} /* View toggle */ .src-view-btn{padding:5px 12px;font-size:12px;color:var(--text2);cursor:pointer;border:none;background:none;font-family:var(--sans);transition:background .15s;} .src-view-btn.active{background:var(--text);color:var(--white);border-radius:6px;} /* Deadline badges */ .src-deadline-ok{font-size:10px;color:var(--text3);margin-top:5px;} .src-deadline-warn{display:inline-flex;align-items:center;gap:3px;margin-top:5px;font-size:10px;font-weight:500;padding:3px 8px;border-radius:6px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;} .src-deadline-over{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;} /* Doc + prod rows */ .src-doc-row{display:flex;align-items:center;gap:7px;padding:6px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;} .src-doc-icon{font-size:14px;flex-shrink:0;} .src-prod-item{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;} /* Status track */ .src-track-step{flex:1;padding:6px 4px;text-align:center;font-size:10px;cursor:pointer;transition:all .15s;white-space:nowrap;border-radius:6px;} /* ══ DASHBOARD DRAG & DROP ════════════════════════════════════ */ .dash-card[draggable="true"] { cursor: grab; } .dash-card[draggable="true"]:active { cursor: grabbing; } .dash-drag-over { outline: 2px dashed var(--rx-cyan); outline-offset: 2px; } .sup-prod-row{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:9px;} .sup-prod-num{width:20px;height:20px;border-radius:50%;background:var(--rx-blue);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:8px;} .sup-prod-fields{flex:1;display:flex;flex-direction:column;gap:6px;} .sup-prod-input{width:100%;background:var(--white);border:1.5px solid var(--input-border);border-radius:6px;color:var(--text);font-family:var(--sans);font-size:12px;padding:6px 9px;outline:none;transition:border-color .15s;} .sup-prod-input:focus{border-color:var(--rx-cyan);} .sup-prod-input-sm{font-size:11px;padding:5px 8px;} .sup-prod-del{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;padding:4px;border-radius:4px;flex-shrink:0;margin-top:4px;transition:color .15s;} .sup-prod-del:hover{color:var(--red);} /* ══ WIKI MODULE ══════════════════════════════════════════════════ */ #wiki{display:none;flex-direction:column;height:100vh;background:var(--surface2);} #wiki.visible{display:flex;} .wiki-body{display:flex;flex:1;overflow:hidden;} /* Navigation */ .wiki-col-nav{width:210px;flex-shrink:0;background:#eef0f5;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;} .wiki-nav-search{padding:10px 12px;border-bottom:1px solid var(--border);} .wiki-nav-search input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-family:var(--sans);color:var(--text);background:var(--white);outline:none;} .wiki-nav-search input:focus{border-color:var(--rx-blue);} .wiki-nav-list{flex:1;overflow-y:auto;padding:6px 8px;} .wiki-nav-section{padding:8px 10px 3px;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;} .wiki-nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:12px;color:var(--text2);transition:background .1s;user-select:none;} .wiki-nav-item:hover{background:rgba(0,0,0,.05);} .wiki-nav-item.active{background:var(--white);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08);} .wiki-nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;} .wiki-nav-count{margin-left:auto;font-size:10px;background:var(--border2);color:var(--text3);padding:1px 6px;border-radius:10px;flex-shrink:0;} .wiki-nav-item.active .wiki-nav-count{background:#dbeafe;color:#1d4ed8;} .wiki-nav-del{background:none;border:none;cursor:pointer;color:var(--text3);font-size:12px;padding:0;line-height:1;display:none;} .wiki-nav-item:hover .wiki-nav-del{display:block;} .wiki-add-cat{padding:8px 10px;border-top:1px solid var(--border);} .wiki-add-cat-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;} .wiki-add-cat-row{display:flex;gap:5px;} .wiki-add-cat-row input{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:11px;font-family:var(--sans);outline:none;} .wiki-add-cat-row input:focus{border-color:var(--rx-blue);} .wiki-add-cat-row button{padding:5px 9px;background:var(--rx-blue);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;} .wiki-nav-new{padding:10px 12px;border-top:1px solid var(--border);} .wiki-nav-new button{width:100%;padding:7px;background:var(--rx-blue);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);} /* Entry list */ .wiki-col-list{width:280px;flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;} .wiki-list-head{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;} .wiki-list-title{font-size:13px;font-weight:600;flex:1;} .wiki-list-count{font-size:11px;color:var(--text3);} .wiki-list-body{flex:1;overflow-y:auto;} .wiki-entry-card{padding:13px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;} .wiki-entry-card:hover{background:#fafaf8;} .wiki-entry-card.active{background:#eff6ff;border-left:3px solid var(--rx-blue);padding-left:13px;} .wiki-entry-title{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3;} .wiki-entry-card.active .wiki-entry-title{color:var(--rx-blue);} .wiki-entry-preview{font-size:11px;color:var(--text3);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .wiki-entry-footer{display:flex;align-items:center;gap:6px;margin-top:7px;} .wiki-entry-cat{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:500;} .wiki-entry-date{font-size:10px;color:var(--text3);} .wiki-list-empty{padding:32px 16px;text-align:center;color:var(--text3);font-size:12px;} /* Content pane */ .wiki-col-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--white);} .wiki-content-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);gap:8px;} .wiki-view-topbar{padding:9px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--surface2);} .wiki-view-breadcrumb{font-size:11px;color:var(--text3);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .wiki-view-area{flex:1;overflow-y:auto;padding:36px 52px;} .wiki-cat-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:10px;} .wiki-view-title{font-size:26px;font-weight:700;line-height:1.25;margin-bottom:10px;} .wiki-view-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:16px;} .wiki-divider{border:none;border-top:1px solid var(--border);margin:20px 0;} .wiki-view-body{font-size:14px;line-height:1.85;color:var(--text);max-width:720px;} .wiki-view-body h1{font-size:22px;font-weight:700;margin:20px 0 10px;} .wiki-view-body h2{font-size:17px;font-weight:600;margin:20px 0 8px;color:var(--rx-blue);} .wiki-view-body h3{font-size:14px;font-weight:600;margin:16px 0 6px;} .wiki-view-body p{margin-bottom:10px;} .wiki-view-body ul,.wiki-view-body ol{margin:6px 0 12px 22px;} .wiki-view-body li{margin-bottom:4px;} .wiki-view-body strong{font-weight:600;} .wiki-view-body em{font-style:italic;} .wiki-view-body u{text-decoration:underline;} .wiki-view-body a{color:var(--rx-cyan);} .wiki-view-body blockquote{border-left:3px solid var(--rx-cyan);padding:8px 16px;background:#f0f9ff;border-radius:0 6px 6px 0;margin:12px 0;color:var(--text2);} .wiki-view-body pre{background:#f1f5f9;padding:12px 16px;border-radius:8px;font-family:var(--mono);font-size:12px;margin:10px 0;overflow-x:auto;} .wiki-view-body table{border-collapse:collapse;width:100%;margin:12px 0;} .wiki-view-body td,.wiki-view-body th{border:1px solid var(--border);padding:8px 12px;font-size:13px;} .wiki-view-body th{background:var(--surface2);font-weight:600;} /* Edit */ .wiki-edit-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;} .wiki-edit-header{padding:18px 52px 0;flex-shrink:0;} .wiki-edit-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;} .wiki-edit-title{width:100%;padding:6px 0;border:none;border-bottom:2px solid var(--border);font-size:22px;font-weight:700;font-family:var(--sans);color:var(--text);outline:none;background:transparent;margin-bottom:0;} .wiki-edit-title:focus{border-bottom-color:var(--rx-blue);} .wiki-edit-quill-wrap{flex:1;display:flex;flex-direction:column;padding:12px 52px;overflow:hidden;min-height:0;} /* TipTap toolbar */ .wiki-tt-toolbar{display:flex;align-items:center;gap:3px;padding:6px 10px;border:1px solid var(--border);border-radius:8px 8px 0 0;background:var(--surface2);flex-wrap:wrap;flex-shrink:0;} .wiki-tt-toolbar button{padding:4px 8px;border:none;background:none;cursor:pointer;border-radius:5px;font-size:12px;color:var(--text2);font-family:var(--sans);transition:background .1s;line-height:1.4;} .wiki-tt-toolbar button:hover{background:var(--border);} .wiki-tt-toolbar button.is-active{background:var(--rx-blue);color:#fff;} .wiki-tt-toolbar select{padding:4px 6px;border:1px solid var(--border);border-radius:5px;font-size:12px;font-family:var(--sans);background:var(--white);color:var(--text);outline:none;cursor:pointer;} .tt-sep{width:1px;height:18px;background:var(--border2);margin:0 3px;flex-shrink:0;} /* TipTap editor area */ .wiki-tt-editor{flex:1;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;overflow-y:auto;padding:16px 18px;font-size:14px;line-height:1.85;font-family:var(--sans);color:var(--text);outline:none;background:var(--white);} .wiki-tt-editor:focus{outline:none;} .wiki-tt-editor .ProseMirror{outline:none;min-height:200px;} .wiki-tt-editor .ProseMirror p{margin-bottom:10px;} .wiki-tt-editor .ProseMirror h1{font-size:22px;font-weight:700;margin:20px 0 10px;} .wiki-tt-editor .ProseMirror h2{font-size:17px;font-weight:600;margin:18px 0 8px;color:var(--rx-blue);} .wiki-tt-editor .ProseMirror h3{font-size:14px;font-weight:600;margin:14px 0 6px;} .wiki-tt-editor .ProseMirror ul,.wiki-tt-editor .ProseMirror ol{margin:6px 0 12px 22px;} .wiki-tt-editor .ProseMirror li{margin-bottom:4px;} .wiki-tt-editor .ProseMirror blockquote{border-left:3px solid var(--rx-cyan);padding:8px 16px;background:#f0f9ff;border-radius:0 6px 6px 0;margin:12px 0;color:var(--text2);} .wiki-tt-editor .ProseMirror pre{background:#f1f5f9;padding:12px 16px;border-radius:8px;font-family:var(--mono);font-size:12px;margin:10px 0;overflow-x:auto;} .wiki-tt-editor .ProseMirror code{font-family:var(--mono);font-size:12px;background:#f1f5f9;padding:1px 5px;border-radius:3px;color:var(--rx-blue);} .wiki-tt-editor .ProseMirror a{color:var(--rx-cyan);} /* TipTap table styles */ .wiki-tt-editor .ProseMirror table{border-collapse:collapse;width:100%;margin:12px 0;table-layout:fixed;} .wiki-tt-editor .ProseMirror td,.wiki-tt-editor .ProseMirror th{border:1px solid var(--border2);padding:8px 12px;position:relative;vertical-align:top;min-width:60px;} .wiki-tt-editor .ProseMirror th{background:var(--surface2);font-weight:600;} .wiki-tt-editor .ProseMirror .selectedCell:after{content:'';position:absolute;inset:0;background:rgba(41,170,225,.12);pointer-events:none;} .wiki-tt-editor .ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background:var(--rx-cyan);cursor:col-resize;pointer-events:all;} .wiki-edit-footer{padding:10px 52px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center;background:var(--surface2);flex-shrink:0;} /* What-if Simulator *//* What-if Simulator */ .wi-panel{display:flex;flex-direction:column;gap:8px;} .wi-marge-big{text-align:center;padding:10px 0 8px;border-bottom:1px solid var(--border);} .wi-marge-val{font-size:30px;font-weight:700;font-family:var(--mono);line-height:1;} .wi-marge-sub{font-size:9px;color:var(--text3);margin-top:3px;letter-spacing:.8px;text-transform:uppercase;} .wi-delta{font-size:11px;font-weight:700;margin-top:4px;font-family:var(--mono);} .wi-bar-wrap{height:6px;background:var(--border);border-radius:3px;margin-top:7px;overflow:hidden;position:relative;} .wi-bar-base{height:100%;border-radius:3px;opacity:.3;position:absolute;top:0;left:0;background:var(--text3);} .wi-bar-sim{height:100%;border-radius:3px;position:absolute;top:0;left:0;transition:width .25s;} .wi-sliders{display:flex;flex-direction:column;gap:5px;} .wi-stepper-row{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;} .wi-stepper-row.changed{border-color:var(--accent);background:var(--accent-bg);} [data-theme="dark"] .wi-stepper-row.changed{border-color:#4a7fd4;background:#1a2d52;} [data-theme="dark"] .wi-stepper-label{color:var(--text3);} [data-theme="dark"] .wi-stepper-row.changed .wi-stepper-label{color:#7eb3f5;} [data-theme="dark"] .wi-stepper-row.changed .wi-step-input{color:#7eb3f5;} [data-theme="dark"] .wi-step-btn:hover{background:#4a7fd4;border-color:#4a7fd4;} [data-theme="dark"] .wi-marge-sub{color:var(--text3);} [data-theme="dark"] .wi-scenario-tag.wi-tag-active{background:#1e2f5e;color:#7eb3f5;} .wi-stepper-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;flex:1;} .wi-stepper-row.changed .wi-stepper-label{color:var(--accent);} .wi-stepper-ctrl{display:flex;align-items:center;gap:0;} .wi-step-btn{width:28px;height:28px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0;line-height:1;} .wi-step-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);} .wi-step-btn.minus{border-radius:6px 0 0 6px;} .wi-step-btn.plus{border-radius:0 6px 6px 0;} .wi-step-input{width:58px;height:28px;border:1px solid var(--border2);border-left:none;border-right:none;background:var(--surface);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);text-align:center;outline:none;-moz-appearance:textfield;} .wi-step-input::-webkit-outer-spin-button,.wi-step-input::-webkit-inner-spin-button{-webkit-appearance:none;} .wi-step-input:focus{border-color:var(--accent);z-index:1;position:relative;} .wi-stepper-row.changed .wi-step-input{color:var(--accent);} .wi-stepper-base{font-size:10px;color:var(--text3);font-family:var(--mono);white-space:nowrap;} .wi-result-rows{border-top:1px solid var(--border);padding-top:6px;display:flex;flex-direction:column;gap:1px;} .wi-res-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:11px;border-bottom:1px solid var(--border);} .wi-res-row:last-child{border-bottom:none;} .wi-res-row.wi-hl{background:var(--surface2);margin:2px -6px;padding:5px 6px;border-radius:6px;border:none;} .wi-res-label{color:var(--text3);font-size:11px;} .wi-res-val{font-family:var(--mono);font-weight:600;font-size:11px;} .wi-res-val.wi-big{font-size:14px;font-weight:700;} .wi-scenario-tag{display:inline-block;font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;letter-spacing:.3px;vertical-align:middle;margin-left:4px;} .wi-tag-active{background:var(--accent-bg);color:var(--accent);} /* ── Archiv ─────────────────────────────────────────────────────────────── */ .kalk-archive-footer{padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0;margin-top:auto;} .kalk-archive-toggle-btn{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:none;color:var(--text3);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;} .kalk-archive-toggle-btn:hover{background:var(--surface2);color:var(--text2);border-color:var(--border2);} .kalk-archive-toggle-btn.active{background:#eff6ff;color:var(--rx-blue);border-color:var(--rx-blue);} .kalk-list-item .kalk-archive-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text3);font-size:10px;padding:2px 5px;border-radius:4px;white-space:nowrap;} .kalk-list-item:hover .kalk-archive-btn{display:inline-flex;align-items:center;gap:3px;} .kalk-list-item .kalk-archive-btn:hover{color:var(--rx-blue);background:#eff6ff;} .kalk-archive-badge{font-size:9px;background:#f1f5f9;color:var(--text3);padding:1px 5px;border-radius:4px;font-weight:600;} /* ── Ticket System ─────────────────────────────────────────────────────────── */ .ticket-cat { display:inline-flex;align-items:center;gap:5px;padding:6px 13px; border-radius:20px;border:1.5px solid var(--border2);background:var(--surface); font-size:12px;font-weight:600;font-family:var(--sans);color:var(--text2); cursor:pointer;transition:border-color .15s,background .15s,color .15s;user-select:none; } .ticket-cat:hover { border-color:var(--rx-blue);background:#eff6ff;color:var(--rx-blue); } .ticket-cat.active { border-color:var(--rx-blue);background:var(--rx-blue);color:#fff; } .ticket-card { background:var(--surface);border:1px solid var(--border);border-radius:10px; padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s; } .ticket-card:hover { border-color:var(--rx-blue);box-shadow:0 2px 8px rgba(26,60,143,.08); } .ticket-card.done { opacity:.55; } .ticket-status-badge { display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700; font-family:var(--sans);letter-spacing:.03em; } .ticket-status-badge.open { background:#fef3c7;color:#92400e; } .ticket-status-badge.progress { background:#dbeafe;color:#1e40af; } .ticket-status-badge.done { background:#d1fae5;color:#065f46; } .ticket-cat-badge { display:inline-block;font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px; font-family:var(--sans); } .ticket-cat-badge.bug { background:#fee2e2;color:#991b1b; } .ticket-cat-badge.feature { background:#ede9fe;color:#5b21b6; } .ticket-cat-badge.frage { background:#e0f2fe;color:#075985; } @keyframes slideInRight { from { transform: translateX(40px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* ══ TODO MODULE ══════════════════════════════════════════════════════════════ */ .todo-section { margin-bottom: 4px; } .todo-section-label { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text3); padding: 10px 0 6px; font-family: var(--sans); } .todo-card { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; transition: background .12s; margin-bottom: 3px; border: 1.5px solid transparent; } .todo-card:hover { background: var(--surface2); border-color: var(--border); } .todo-card-done { opacity: .55; } .todo-card-done:hover { opacity: .75; } .todo-check { width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0; margin-top: 1px; cursor: pointer; border: 2px solid var(--border); background: var(--white); display: flex; align-items: center; justify-content: center; color: #fff; transition: all .12s; } .todo-check:hover { border-color: var(--rx-blue); } .todo-check-done { background: #059669; border-color: #059669; } .todo-card-title { font-size: 13px; font-weight: 600; color: var(--text); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--sans); } .todo-done-title { text-decoration: line-through; color: var(--text3); font-weight: 400; } .todo-card-desc { font-size: 11px; color: var(--text3); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--sans); } .todo-meta-row { display: flex; align-items: center; gap: 4px; margin-top: 5px; flex-wrap: wrap; } .todo-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; } .todo-meta-text { font-size: 11px; color: var(--text3); font-family: var(--sans); } .todo-meta-sep { font-size: 11px; color: var(--border2); } .todo-meta-danger { color: #dc2626 !important; font-weight: 600; } .todo-meta-warn { color: #d97706 !important; font-weight: 600; } .todo-del { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--text3); padding: 0; line-height: 1; flex-shrink: 0; opacity: 0; transition: opacity .12s; margin-top: -1px; } .todo-card:hover .todo-del { opacity: 1; } /* ── Todo Panel ── */ #todo_panel > div { font-family: var(--sans); } #todo_panel_content { font-family: var(--sans); } /* ── Todo Modal Inputs ── */ #todo_modal select.ct-modal-input, #todo_modal input.ct-modal-input, #todo_modal textarea.ct-modal-input { font-family: var(--sans); font-size: 13px; color: var(--text); } [data-theme="dark"] .todo-card:hover { background: var(--surface2); } [data-theme="dark"] .todo-check { background: var(--surface); } /* ══════════════════════════════════════════════════════════════════ CONTAINER ANALYTICS STYLES ══════════════════════════════════════════════════════════════════ */ /* View Toggle Buttons */ .ct-view-toggle { font-size: 11px; font-weight: 600; padding: 5px 12px; border: none; background: transparent; color: var(--text3); cursor: pointer; border-radius: 7px; transition: all 0.2s ease; font-family: var(--sans); } .ct-view-toggle:hover { background: var(--surface2); color: var(--text2); } .ct-view-toggle.active { background: var(--rx-blue); color: #fff; } /* Analytics Container */ #ct_analytics_view { display: none; background: var(--bg); padding: 24px; overflow-y: auto; height: calc(100vh - 320px); min-height: 600px; } #ct_analytics_content { max-width: 1600px; margin: 0 auto; } #ct_list_view { display: flex; flex-direction: column; flex: 1; overflow: hidden; } /* View Toggle mit Klassen statt inline styles */ .ct-view-hidden { display: none !important; } /* Analytics View sichtbar machen wenn nicht hidden */ #ct_analytics_view:not(.ct-view-hidden) { display: block; } /* Analytics Cards */ .ct-analytics-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); } .ct-analytics-card-header { padding: 16px 20px; border-bottom: 1px solid var(--border); background: var(--surface2); } .ct-analytics-card-title { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 2px; } .ct-analytics-card-sub { font-size: 11px; color: var(--text3); } /* Chart Container - Responsives Height Management */ .ct-analytics-card canvas { max-height: 100%; } /* Dark Mode Compatibility für Charts */ [data-theme="dark"] .ct-analytics-card { background: var(--surface); } [data-theme="dark"] .ct-analytics-card-header { background: var(--surface2); } /* ── Demo-Modus ─────────────────────────────────────────────────────────────── */ .demo-blur { filter: blur(5px); user-select: none; pointer-events: none; opacity: .7; } /* Im Demo-Modus: Hersteller, Lieferant, Kontaktdaten unlesbar */ body.demo-mode .demo-sensitive, body.demo-mode [data-sensitive="true"] { filter: blur(5px); user-select: none; } /* Speichern-Buttons bleiben sichtbar aber zeigen Hinweis beim Hover */ body.demo-mode [onclick*="Save"], body.demo-mode [onclick*="save"], body.demo-mode [onclick*="Save"], body.demo-mode button[onclick*="Speichern"] { opacity: .6; cursor: not-allowed; }