:root{--bg:#f4f6f8;--surface:#fff;--border:#e2e6ea;--text:#1c2733;--muted:#6b7785;--accent:#1f7a8c;--accent-dark:#155e6c;--accent-soft:#e6f1f3;--danger:#c0392b;--warn:#d98324;--ok:#2e8b57;--shadow:0 1px 3px #14283c14, 0 1px 2px #14283c0f;--radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 12px;transition:background .12s,border-color .12s}button:hover{background:#f0f3f5}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-dark)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:#eceff1}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:7px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{color:var(--accent-dark);white-space:nowrap;font-size:16px;font-weight:700}.brand span{color:var(--text);font-weight:600}.toolbar .spacer{flex:1}.toolbar .search{max-width:280px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:none;border-radius:0;padding:7px 14px}.seg button.active{background:var(--accent);color:#fff}.user-chip{color:var(--muted);white-space:nowrap}.content{flex:1;padding:16px;overflow:auto}.board{align-items:flex-start;gap:12px;min-height:100%;display:flex}.column{border-radius:var(--radius);background:#eef1f4;flex-direction:column;flex:0 0 260px;gap:8px;max-height:100%;padding:8px;display:flex}.column.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.column-head{text-transform:capitalize;justify-content:space-between;align-items:center;padding:4px 6px;font-weight:600;display:flex}.column-head .count{color:var(--muted);background:#dde3e8;border-radius:20px;padding:1px 9px;font-size:12px;font-weight:600}.column-cards{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--prio,var(--border));box-shadow:var(--shadow);cursor:grab;border-radius:8px;padding:10px}.card:active{cursor:grabbing}.card .company{margin-bottom:2px;font-weight:600}.card .meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.card .card-foot{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.score{color:var(--muted);background:#eceff1;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700}.score.hot{color:var(--danger);background:#fbe3e0}.score.warm{color:var(--warn);background:#fdf0e0}.prio-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.badge{text-transform:capitalize;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:600}.badge.hoch{color:var(--danger);background:#fbe3e0}.badge.mittel{color:var(--warn);background:#fdf0e0}.badge.niedrig{color:var(--muted);background:#e8edf1}table.leads{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}table.leads th,table.leads td{text-align:left;border-bottom:1px solid var(--border);padding:9px 12px}table.leads th{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;background:#f7f9fa;font-size:12px;font-weight:600;position:sticky;top:0}table.leads tbody tr{cursor:pointer}table.leads tbody tr:hover{background:#f6f9fa}table.leads td.no-x{font-variant-numeric:tabular-nums}.mobil-no{color:var(--danger);font-weight:600}.mobil-yes{color:var(--ok)}.overlay{z-index:30;background:#14233259;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);z-index:31;flex-direction:column;width:min(460px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0000001a}.drawer-head{border-bottom:1px solid var(--border);padding:16px}.drawer-body{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kv{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.kv .k{color:var(--muted)}.kv a{color:var(--accent);text-decoration:none}.kv a:hover{text-decoration:underline}.timeline{flex-direction:column;gap:10px;display:flex}.event{border-left:2px solid var(--border);padding-left:14px;font-size:13px;position:relative}.event:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-5px}.event .when{color:var(--muted);font-size:12px}.login-wrap{place-items:center;height:100%;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:320px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:14px;padding:28px;display:flex}.login-card h1{color:var(--accent-dark);margin:0;font-size:20px}.login-card .sub{color:var(--muted);margin-top:-8px;font-size:13px}.error{color:var(--danger);font-size:13px}.modal{z-index:40;background:#14233259;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);width:460px;max-width:92vw;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex}.modal-card h2{margin:0 0 4px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.center-muted{color:var(--muted);text-align:center;padding:40px}.recontact-toggle{white-space:nowrap}.recontact-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.recontact-toggle.has-due{border-color:var(--danger);color:var(--danger)}.recontact-toggle.has-due.active{background:var(--danger);border-color:var(--danger);color:#fff}.recontact-chip{color:var(--muted);background:#eef1f4;border-radius:6px;margin-top:8px;padding:2px 7px;font-size:12px;font-weight:600;display:inline-block}.recontact-chip.due{color:var(--danger);background:#fbe3e0}
