/* Inter, selbst gehostet (SIL Open Font License 1.1, siehe fonts/OFL-Inter.txt). Keine Anfragen an fremde Server. */
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations'),url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format('woff2-variations'),url(fonts/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#f8f9fb;--paper:#fff;--ink:#22252b;--muted:#737985;--line:#e8ebef;--line-strong:#d9dde5;--accent:#2f6f4e;--accent-soft:#e9f3ee;--green:#29765a;--green-soft:#eaf6ef;--orange:#a06323;--orange-soft:#fff5e6;--red:#aa4352;--red-soft:#fcf0f1;--blue:#366ab4;--blue-soft:#edf3ff;--radius:12px;--sidebar:220px; font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:15px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1.3}h2{font-size:17px;font-weight:600;letter-spacing:-.35px}h3{font-size:14px;font-weight:600}small{font-size:12px}.icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #8fc4a8;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#6fae8d;box-shadow:0 0 0 3px #f0f9f4}button,input,select{min-height:34px}button:active:not(:disabled){transform:translateY(1px)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#f7f8fa;border-right:1px solid var(--line);padding:25px 14px 15px;display:flex;flex-direction:column;gap:22px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 10px}.brand-mark{height:33px;width:33px;border-radius:9px;background:#252934;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:650;letter-spacing:-1px;box-shadow:0 2px 4px #21252c18}.brand-name{font-weight:650;letter-spacing:-.45px;font-size:15px}.brand-sub{font-size:11px;color:var(--muted);margin-top:3px}.nav-section{display:grid;gap:4px}.nav-label{font-size:11px;font-weight:550;letter-spacing:.07em;text-transform:uppercase;color:#89909c;padding:8px 12px}.nav-item{width:100%;text-align:left;display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 11px;border-radius:7px;font-size:13px;font-weight:450;color:#606875;position:relative}.nav-item:hover{background:#edeff3;color:var(--ink)}.nav-item.active{color:#245a3f;background:#e9f3ee;font-weight:550}.nav-item .nav-count{margin-left:auto;font-size:11px;color:#858b97;font-weight:500}.nav-item.active .nav-count{color:#2f6f4e}.nav-item .stage-dot{margin-left:4px;margin-right:4px}.nav-item.sub{padding-left:16px}.nav-item .chevron{margin-left:auto}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.demo-label{color:#6b7280;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.demo-label:before{content:'';width:5px;height:5px;background:#8fb8a3;border-radius:50%}.user-switch{display:flex;gap:4px;padding:4px;background:#eceef2;border-radius:9px}.user-switch button{flex:1;min-height:34px;border-radius:6px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:6px}.user-switch button.active{background:white;box-shadow:0 1px 4px #20273512}.reset-btn{font-size:11px;color:#8b919c;min-height:26px}.reset-btn:hover{color:var(--ink)}.avatar{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;background:#edf0f5;color:#616977;flex-shrink:0}.avatar.f{background:#e9f3ee;color:#2f6f4e}.avatar.n{background:#f7eadf;color:#a27349}.avatar.lg{width:32px;height:32px;font-size:12px}.avatar.empty{border:1px dashed #d5dae1;background:transparent;color:#a7aeba}
.main{min-width:0;background:var(--paper)}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:14px;background:#ffffffeb}.breadcrumbs{font-size:12px;color:#9b9fa9;display:flex;align-items:center;gap:10px}.breadcrumbs b{font-weight:500;color:#676d77}.top-right{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.prototype-badge{font-size:11px;border:1px solid #e3f4eb;background:#f8fdfa;padding:5px 9px;border-radius:5px;color:#5f776b}.workspace{padding:32px 34px 40px;max-width:1760px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-heading p{margin-top:7px;line-height:1.6;color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:#5f776b;margin-bottom:8px}.heading-actions{display:flex;gap:8px;align-items:center}.button{min-height:36px;padding:8px 12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:7px;background:white;border:1px solid var(--line-strong);box-shadow:0 1px 2px #29334705;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{background:#f8f9fb;border-color:#c8cdd6}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 4px #2f6f4e1a}.button.primary:hover{background:#245a3f}.button.ghost{border-color:transparent;box-shadow:none;background:transparent;color:#69717f}.button.ghost:hover{background:#f3f4f7}.button.danger{background:var(--red);border-color:var(--red);color:white}.button.small{min-height:30px;padding:5px 9px;font-size:11px}.button.large{min-height:41px;padding:10px 16px;font-size:13px}.icon-button{width:32px;min-height:32px;display:inline-grid;place-items:center;border-radius:6px;color:#9299a5}.icon-button:hover{background:#f1f2f6;color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:11px;line-height:1.2;color:#757e8e;background:#f1f3f6;white-space:nowrap}.pill.accent{background:var(--accent-soft);color:#2f6f4e}.pill.green{background:var(--green-soft);color:var(--green)}.pill.orange{background:var(--orange-soft);color:var(--orange)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.stage-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.stage-dot.new{background:#aab0ba}.stage-dot.contacting{background:#849ac6}.stage-dot.interested{background:#a693d1}.stage-dot.ready{background:#d5a053}.stage-dot.customer{background:#77aa92}.stage-dot.paused{background:#b3a394}.stage-dot.closed,.stage-dot.blocked{background:#c3949d}.stage-text{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#656d7a}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px;background:#fafbfc}.journey button{padding:13px 15px;text-align:left;position:relative;min-width:0;transition:background .15s}.journey button+button{border-left:1px solid var(--line)}.journey button:hover{background:#f0f6f3}.journey button.selected{background:#f2faf6}.journey .j-top{display:flex;align-items:center;gap:7px;font-size:11px;color:#727b88}.journey .j-number{font-size:21px;letter-spacing:-.6px;font-weight:550;margin-top:7px}.journey .j-number span{font-size:11px;font-weight:400;margin-left:6px;color:#9aa0ab;letter-spacing:0}.journey .j-arrow{position:absolute;right:12px;top:37px;color:#c1c7d0;font-size:18px}.list-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search{position:relative;min-width:220px}.search .icon{position:absolute;top:10px;left:11px;color:#a5abb7;width:15px;height:15px}.search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--line);border-radius:7px;font-size:12px;min-height:36px;background:#fff}.filter-select{appearance:none;background:white;border:1px solid var(--line);border-radius:7px;padding:8px 25px 8px 11px;font-size:12px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23838b98' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-select.applied{color:var(--accent);border-color:#d6f0e3;background-color:#f8fdfa}.view-tabs{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}.view-tabs button{padding:0 0 12px;min-height:36px;white-space:nowrap;font-size:12px;color:#848b97;border-bottom:2px solid transparent}.view-tabs button.active{border-bottom-color:var(--accent);color:#245a3f;font-weight:550}.view-tabs .tab-count{font-size:10px;color:#9fa5b0;margin-left:5px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.lead-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}.lead-table th{background:#fafbfc;font-size:10px;font-weight:500;color:#9096a1;padding:12px 13px;border-bottom:1px solid var(--line)}.lead-table th button{min-height:18px;font-size:inherit;color:inherit;text-align:left;padding:0;display:inline-flex;align-items:center;gap:5px}.lead-table th button.sort-on{color:var(--accent)}.lead-table td{padding:14px 13px;border-bottom:1px solid #eff1f5;vertical-align:middle}.lead-table tbody tr:last-child td{border-bottom:0}.lead-table tbody tr:hover{background:#f9fdfb}.lead-table tbody tr{cursor:pointer;transition:background .12s}.company-cell{display:flex;align-items:center;gap:11px;min-width:182px}.company-logo{height:32px;width:32px;border-radius:8px;background:#eef7f2;color:#587e6a;display:grid;place-items:center;flex-shrink:0;font-weight:600;letter-spacing:-.5px;font-size:11px;border:1px solid #e5f2eb}.company-logo.c1{background:#eaf2f0;color:#729889;border-color:#e4ece8}.company-logo.c2{background:#faf0e5;color:#af916b;border-color:#f1e9de}.company-logo.c3{background:#edf1f8;color:#7e94b5;border-color:#e6ebf3}.company-logo.big{width:48px;height:48px;border-radius:12px;font-size:16px}.company-name{font-weight:550;font-size:12px;color:#333843}.company-sub{margin-top:5px;font-size:10px;color:#9299a5}.subline{display:block;margin-top:5px;color:#989fab;font-size:10px}.research-tag{font-size:10px;display:inline-flex;align-items:center;gap:4px;color:#8d919a}.research-tag.proof{color:#6f987f}.score{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:#627e70}.score-track{height:4px;width:37px;background:#ecf2ef;border-radius:6px;overflow:hidden}.score-track i{height:100%;display:block;background:#a7d2bc;border-radius:6px}.score.good{color:#587d67}.score.good .score-track i{background:#8cb69c}.next-text{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;color:#69727f;font-size:11px}.next-date{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:5px;color:#969eaa}.next-date.overdue{color:#b66b73}.next-date.promised{color:#9b783f}.table-footer{display:flex;align-items:center;justify-content:space-between;color:#959daa;font-size:11px;padding:14px 3px}.legend{display:flex;gap:14px;align-items:center}.legend span{display:inline-flex;gap:4px;align-items:center}.legend .icon{height:12px;width:12px}.empty-state{text-align:center;padding:56px 20px;color:#8c94a2}.empty-state h3{color:#5e6879;margin-bottom:9px}.empty-state p{font-size:12px;line-height:1.7}.empty-state .icon{width:28px;height:28px;margin-bottom:14px;color:#5b7c6b}.notice{border:1px solid #e5f5ed;background:#f9fdfb;border-radius:8px;padding:12px 14px;font-size:12px;color:#5c7a6b;line-height:1.6;display:flex;align-items:flex-start;gap:9px}.notice.warning{background:#fffaf1;border-color:#f1e7d3;color:#9b8158}
.today-intro{display:flex;gap:9px;align-items:center;font-size:12px;color:#88919e;margin-bottom:28px}.today-intro .separator{color:#d2d5dc}.today-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.panel-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title .icon{width:16px;height:16px;color:#587e6a}.panel-title h2{font-size:14px}.panel-count{font-size:11px;color:#a5aabb}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-title:first-child{margin-top:0}.section-title h2{font-size:14px}.task-row{display:flex;align-items:center;gap:13px;padding:17px 19px;border-bottom:1px solid #f0f1f5;cursor:pointer}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fbfefc}.task-time{width:57px;flex-shrink:0;font-size:12px;color:#717b8a;display:grid;gap:4px}.task-time small{font-size:9px;color:#a4abb5}.task-time.late{color:#ad6673}.task-main{min-width:0;flex:1}.task-main .task-name{font-weight:550;font-size:12px;margin-bottom:5px}.task-main .task-desc{font-size:11px;color:#8b929d;line-height:1.5}.task-main .task-why{display:inline-flex;gap:4px;align-items:center;font-size:10px;color:#ad8a53;margin-top:5px}.task-main .task-why .icon{height:11px;width:11px}.side-summary{padding:20px}.side-summary p{color:#9299a4;font-size:12px;line-height:1.7;margin-top:7px}.mini-progress{margin:21px 0 16px;height:5px;background:#eceff4;border-radius:4px;display:flex;gap:3px;overflow:hidden}.mini-progress span{border-radius:3px;background:#a0d1b8}.mini-stat-row{display:flex;justify-content:space-between;margin-top:16px;font-size:12px;color:#8b94a2}.mini-stat-row b{color:#515c70;font-weight:550}.text-link{padding:0;min-height:28px;font-size:11px;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.text-link .icon{width:13px;height:13px}.upcoming-item{padding:15px 20px;border-top:1px solid var(--line);font-size:12px;display:flex;gap:10px;align-items:center}.upcoming-item div>span{font-size:10px;color:#a0a7b4;display:block;margin-top:5px}.start-block{margin-top:20px;background:#f7fcf9;border:1px solid #e9f5ef;border-radius:11px;padding:20px}.start-block h3{font-size:14px}.start-block p{margin:9px 0 17px;font-size:12px;line-height:1.7;color:#5e786b}
.back-row{display:flex;justify-content:space-between;align-items:center;margin:-10px 0 22px;gap:10px}.back-link{font-size:12px;color:#8a93a2;padding:0;display:flex;gap:6px;align-items:center}.back-link .icon{width:15px;height:15px}.lead-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.lead-identity{display:flex;gap:14px;align-items:center}.lead-identity h1{font-size:24px;letter-spacing:-.7px}.lead-identity .lead-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#9298a4}.lead-identity .lead-meta .sep{color:#d6d9df}.lead-actions{display:flex;gap:8px;align-items:center;padding-top:5px}.lead-highlights{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px;margin-bottom:24px}.highlight{border:1px solid var(--line);border-radius:9px;padding:15px 17px;min-width:0}.highlight-label{font-size:10px;color:#9ba2ac;display:flex;gap:5px;align-items:center;margin-bottom:10px}.highlight-label .icon{width:12px;height:12px}.highlight-value{font-size:13px;font-weight:550;color:#596271;display:flex;align-items:center;gap:8px;line-height:1.5}.highlight-sub{font-size:10px;color:#a0a7b2;margin-top:7px}.highlight.next-highlight{background:#fbfefc;border-color:#e3f4eb}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start}.detail-side{display:grid;gap:18px}.info-list{padding:5px 20px 19px}.info-row{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-top:15px;font-size:12px;line-height:1.5}.info-row>span:first-child{color:#9ca3ae;font-size:11px}.info-row>span:last-child{color:#697586;overflow-wrap:anywhere}.contact-item{display:flex;gap:10px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f3f4f7;color:#a3aab6}.contact-icon .icon{width:15px;height:15px}.contact-name{font-size:12px;font-weight:500}.contact-role{font-size:10px;color:#969eaa;margin-top:5px}.summary-note{padding:16px 20px;font-size:12px;color:#88909e;line-height:1.8}.history-toolbar{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center}.history-toolbar .search{min-width:120px;flex:1}.timeline{padding:6px 20px 20px}.timeline-item{display:grid;grid-template-columns:29px minmax(0,1fr);gap:12px;position:relative;padding-top:20px}.timeline-item:not(:last-child):before{content:'';position:absolute;left:13px;top:51px;bottom:-17px;width:1px;background:#eaecf1}.event-icon{height:28px;width:28px;border:1px solid #e7efeb;background:#fbfefc;border-radius:50%;display:grid;place-items:center;color:#597e6a}.event-icon .icon{width:13px;height:13px}.event-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:28px;font-size:11px;color:#858d9a}.event-heading strong{font-size:12px;font-weight:550;color:#5e6776}.event-heading .event-date{margin-left:auto;font-size:10px;color:#a5acb6}.event-person{font-size:11px;color:#939bab;margin-top:5px}.event-note{font-size:12px;color:#788392;line-height:1.8;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.event-footer{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:9px;font-size:10px;color:#5d796b}.event-next{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.6;color:#587e6a;margin-top:9px}.event-next .icon{width:12px;height:12px}.event-mood{font-size:13px}.inline-note{border-bottom:1px solid var(--line);padding:16px 20px;background:#fcfdfc}.inline-note textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:12px;min-height:85px;font-size:12px;line-height:1.7}.inline-note footer{display:flex;justify-content:flex-end;margin-top:8px}
.call-layout{display:grid;grid-template-columns:205px minmax(280px,1fr) minmax(230px,.85fr);gap:18px;align-items:start}.call-sidebar{display:grid;gap:16px}.call-sidebar .panel-header{padding:15px}.call-sidebar .info-list{padding:0 15px 15px}.call-sidebar .info-row{display:block;font-size:11px;margin-top:14px}.call-sidebar .info-row>span{display:block}.call-sidebar .info-row>span:last-child{margin-top:5px}.call-sidebar .summary-note{padding:15px;font-size:11px}.call-sidebar .contact-item{padding:13px 15px}.call-sidebar .contact-item .contact-icon{display:none}.call-sidebar .panel-title h2{font-size:12px}.call-sidebar .contact-name{font-size:11px}.call-context{border-radius:9px;background:#f8f9fb;border:1px solid var(--line);padding:15px;font-size:11px;color:#939baa;line-height:1.7}.call-context b{display:block;color:#6f7a8d;margin-bottom:5px;font-weight:500}.call-form{border:1px solid #dfeee6;border-radius:11px;box-shadow:0 3px 12px #38275905;overflow:hidden;min-width:0}.call-form .form-title{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.draft-state{font-size:10px;color:#a0a7b2;display:inline-flex;gap:4px;align-items:center}.draft-state .icon{height:11px;width:11px}.form-section{padding:18px 20px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.field-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#717989;margin-bottom:9px}.field-label .required{color:#587e6a;font-weight:400}.field{margin-top:15px}.field:first-child{margin-top:0}.input{width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:9px 10px;background:white;font-size:12px;line-height:1.5}.input::placeholder{color:#b1b6bf}.textarea{resize:vertical;min-height:130px;line-height:1.85}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .field{margin:0}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.outcome-button{border:1px solid #e7e9ee;min-height:35px;text-align:left;padding:8px 9px;border-radius:6px;font-size:10px;color:#858d9a;display:flex;align-items:center;gap:6px}.outcome-button .icon{width:13px;height:13px}.outcome-button:hover{background:#f9fdfb;border-color:#d1e9dd}.outcome-button.selected{border-color:#aee0c6;color:#66947c;background:#f4fbf7;box-shadow:0 0 0 1px #e8f6ef}.outcome-button.positive.selected{border-color:#a4c8b6;background:#f0f8f3;color:#52785f}.outcome-button.negative.selected{border-color:#d7b9bd;background:#fcf5f5;color:#aa7e84}.outcome-explainer{margin-top:11px;font-size:10px;color:#5f776b;line-height:1.65}.mood-options{display:flex;gap:7px}.mood-button{flex:1;border:1px solid var(--line);border-radius:7px;min-height:48px;padding:7px 3px;display:grid;justify-content:center;gap:4px;font-size:17px}.mood-button span{font-size:9px;color:#969dab}.mood-button.selected{background:#f2faf6;border-color:#aed7c2}.mood-button.selected span{color:#5c7b6b}.score-control{display:flex;align-items:center;gap:13px}.score-control input{accent-color:#2f6f4e;flex:1;min-width:0}.score-control output{font-size:20px;font-weight:500;color:#587e6a;min-width:49px;letter-spacing:-.6px}.score-control output small{font-size:11px;color:#5e796b;letter-spacing:0}.score-anchors{display:flex;justify-content:space-between;color:#5d796b;font-size:9px;margin-top:3px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#969eaa;line-height:1.7;margin-top:10px}.checkbox-label input{min-height:0;accent-color:#2f6f4e;margin-top:3px}.form-hint{font-size:10px;color:#a0a7b3;line-height:1.7;margin-top:8px}.form-footer{padding:16px 20px;background:#f9fcfa;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.form-errors{margin:14px 20px 0;padding:10px 12px;background:#fff3f4;border:1px solid #f1dadd;color:#a46c77;font-size:11px;line-height:1.8;border-radius:6px}.form-errors[hidden]{display:none}.call-history .panel-header{padding:17px 15px}.call-history .panel-title h2{font-size:12px}.call-history .timeline{padding:0 13px 15px}.call-history .timeline-item{grid-template-columns:24px 1fr;gap:8px}.call-history .timeline-item:before{left:11px}.call-history .event-icon{width:24px;height:24px}.call-history .event-heading{gap:4px}.call-history .event-heading strong{font-size:11px}.call-history .event-date{display:block;width:100%;margin:0}.call-history .event-note{font-size:11px}.call-history .event-person{font-size:10px}.call-history .event-footer .pill{font-size:9px}.call-history .event-next{font-size:9px}
.feed-lead-link{font-size:12px;font-weight:550;color:#2f6f4e}.feed-grid{max-width:1000px}.feed-grid .timeline{padding:0 24px 28px}.feed-grid .timeline-item{padding-top:25px}.feed-date-divider{font-size:10px;letter-spacing:.04em;color:#a0a7b4;text-transform:uppercase;margin:23px 0 -4px;padding-left:42px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 25px}.stat{border:1px solid var(--line);border-radius:10px;padding:20px}.stat .stat-label{font-size:11px;color:#959dab}.stat .stat-value{font-size:29px;font-weight:550;letter-spacing:-1px;margin-top:12px;color:#505b6e}.stat .stat-detail{font-size:10px;color:#a5adba;margin-top:8px;line-height:1.5}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.bar-chart{padding:22px}.bar-row{display:grid;grid-template-columns:105px minmax(0,1fr) 30px;gap:15px;align-items:center;margin:20px 0;font-size:12px;color:#8b94a3}.bar-track{height:23px;background:#f3f8f5;border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:4px;background:#aacdbb;min-width:0;transition:width .3s}.bar-row:nth-child(2) .bar-track i{background:#a8b6d1}.bar-row:nth-child(4) .bar-track i{background:#d7bf97}.bar-row:nth-child(5) .bar-track i{background:#a2c1b0}.chart-caption{font-size:10px;color:#a3aaba;line-height:1.7;margin-top:20px}.activity-user{display:grid;grid-template-columns:1fr 60px 60px;gap:15px;padding:15px 22px;border-bottom:1px solid var(--line);font-size:12px;align-items:center;color:#8792a4}.activity-user.head{font-size:10px;color:#a6aeb9;padding-top:20px}.activity-user:last-child{border:0}.activity-user .user-name{display:flex;align-items:center;gap:9px}.activity-user span:not(:first-child){text-align:right}.analysis-note{padding:20px 22px;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:#9aa2af}.health-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px;color:#8993a2}.health-item:last-child{border:0}.health-item b{font-size:16px;font-weight:500;color:#587e6a}
.toast{position:fixed;bottom:28px;left:calc(50% + 70px);transform:translate(-50%,16px);background:#30323e;color:#fff;border-radius:9px;box-shadow:0 8px 35px #17182328;padding:13px 20px;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:.22s;max-width:min(650px,85vw);line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;inset:0;background:#2b253442;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:460px;max-width:100%;background:white;border-radius:14px;box-shadow:0 24px 90px #27222a33;overflow:hidden;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line)}.modal-body{padding:21px 23px}.modal-body p{font-size:12px;color:#959dab;line-height:1.8}.modal-footer{border-top:1px solid var(--line);padding:16px 23px;display:flex;justify-content:flex-end;gap:8px}.mobile-menu{display:none}.completion-box{border:1px solid #dcece2;background:#f5faf7;border-radius:10px;padding:21px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.completion-box strong{font-size:13px;color:#65917a;font-weight:500}.completion-box p{font-size:11px;color:#90aa9c;line-height:1.6;margin-top:6px}
@media(min-width:1500px){.workspace{padding:36px 46px}.call-layout{grid-template-columns:230px minmax(390px,1.1fr) minmax(330px,1fr)}.lead-table td{padding:16px}.company-name{font-size:13px}.next-text{max-width:210px}}
@media(max-width:1200px){:root{--sidebar:194px}.sidebar{padding-left:10px;padding-right:10px}.brand{padding:0 6px;gap:7px}.brand-name{font-size:14px}.workspace{padding:27px 24px}.topbar{padding:0 24px}.call-layout{grid-template-columns:minmax(0,1.1fr) minmax(230px,.85fr)}.call-sidebar{display:none}.lead-table th,.lead-table td{padding:12px 10px}.company-cell{min-width:165px}.journey button{padding:12px 10px}.journey .j-top{font-size:10px}.journey .j-number span{display:none}.today-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.nav-item{font-size:12px}}
@media(max-width:950px){.today-grid,.analysis-grid{grid-template-columns:1fr}.today-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.start-block{margin-top:0}.today-side>.panel{margin:0!important}.detail-layout{grid-template-columns:1fr}.detail-side{grid-template-columns:1fr 1fr}.detail-side .summary-panel{grid-column:1/-1}.lead-highlights{grid-template-columns:1.5fr 1fr}.lead-highlights .highlight:last-child{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.heading-actions .button .optional-label{display:none}.journey .j-arrow{display:none}.lead-actions{flex-wrap:wrap;justify-content:flex-end}.call-layout{grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr)}.form-section{padding:16px}.call-history .timeline{padding-left:10px;padding-right:10px}.form-grid{grid-template-columns:1fr}.lead-heading{flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:65px}.sidebar{padding:21px 9px 13px;gap:18px}.brand{padding:0;justify-content:center}.brand>div:last-child{display:none}.nav-item{justify-content:center;padding:9px;min-height:39px}.nav-item .nav-text,.nav-count,.nav-label,.nav-item.sub,.archive-toggle,.sidebar-foot .demo-label,.user-switch button>span:last-child,.reset-btn{display:none!important}.nav-section{gap:7px}.user-switch{padding:3px;flex-direction:column}.nav-item.active:after{content:'';position:absolute;right:-9px;width:3px;height:16px;border-radius:3px;background:#8fb8a3}.workspace{padding:23px 18px}.topbar{padding:0 18px;height:57px}.topbar .date-display{display:none}h1{font-size:24px}.page-heading{margin-bottom:21px;align-items:flex-start}.page-heading p{font-size:11px}.heading-actions .button{font-size:11px;padding:8px 9px}.journey{margin-bottom:18px}.journey button{padding:10px 6px}.journey .j-top{font-size:9px;gap:4px}.journey .stage-dot{width:5px;height:5px}.journey .j-number{font-size:18px}.search{min-width:160px;flex:1}.filters{width:100%}.list-tools{gap:8px}.filter-select{font-size:11px}.list-tools>.muted{font-size:10px}.table-footer{font-size:10px;align-items:flex-start;gap:12px}.legend{display:none}.call-layout{grid-template-columns:1fr}.call-history .timeline{max-height:470px;overflow:auto}.call-history{margin-top:0}.call-sidebar{display:none}.call-history .event-note{font-size:12px}.call-history .event-heading strong{font-size:12px}.form-grid{grid-template-columns:1fr 1fr}.today-side{display:grid;grid-template-columns:1fr}.lead-heading{gap:15px}.lead-identity h1{font-size:22px}.lead-actions{justify-content:flex-start;width:100%}.lead-highlights{grid-template-columns:1fr}.lead-highlights .highlight:nth-child(2){display:none}.detail-side{grid-template-columns:1fr}.detail-side .summary-panel{grid-column:auto}.today-intro{font-size:11px;gap:5px;flex-wrap:wrap}.task-row{padding:14px 12px;gap:9px}.task-row .avatar{display:none}.task-row .button.small{font-size:10px;padding:5px 7px}.task-time{width:45px;font-size:11px}.task-main .task-name{font-size:11px}.task-main .task-desc{font-size:10px}.task-time small{font-size:8px}.stats-grid{gap:10px}.stat{padding:16px}.stat .stat-label{font-size:10px}.stat .stat-value{font-size:25px}.bar-row{grid-template-columns:85px minmax(0,1fr) 22px;gap:10px;font-size:11px}.toast{left:50%;bottom:20px}.modal-overlay{padding:16px}.prototype-badge{font-size:10px}.breadcrumbs{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Reading comfort: secondary content stays quieter, but remains readable in daily use. */
.call-form{overflow:visible}.form-title{background:#fff;border-radius:11px 11px 0 0}.form-footer{position:sticky;bottom:12px;z-index:4;border-radius:0 0 11px 11px;border-top:1px solid #e1f0e8;box-shadow:0 -5px 18px #35214906}.form-section .textarea{min-height:135px}.call-history{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}
.sidebar{gap:16px;overflow-y:auto}.nav-label{color:#7b8492}.brand-sub,.demo-label{font-size:12px}.company-name{font-size:13px}.company-sub,.subline{font-size:11px;color:#818b9a}.research-tag{font-size:11px;color:#818b9a}.research-tag.proof{color:#507c64}.lead-table th{font-size:11px;color:#7b8595}.lead-table td{font-size:13px}.next-text{font-size:12px;color:#687282}.next-date{font-size:11px;color:#7e8999}.stage-text{font-size:12px;color:#616c7c}.table-footer{color:#818b9a}.field-label{font-size:12px;color:#657184}.input{font-size:13px}.outcome-button{font-size:11px;color:#758091}.event-note{font-size:13px;color:#6c788a}.event-person{font-size:12px;color:#8290a1}.event-heading{color:#7c889a}.event-heading .event-date{font-size:11px;color:#8b96a6}.event-next{font-size:11px;color:#587e6a}.summary-note{font-size:13px;color:#778397}.task-main .task-name{font-size:13px}.task-main .task-desc{font-size:12px;color:#7a879a}.task-time small{font-size:10px}.task-main .task-why{font-size:11px}.mood-button span{font-size:10px}.form-hint{font-size:11px;color:#8b96a6}.outcome-explainer{font-size:11px;color:#5c7a6b}.view-tabs button{font-size:13px}.checkbox-label{font-size:12px;color:#7d8899}.call-history .event-note{font-size:12px;color:#748094}.call-history .event-date{font-size:10px}.call-history .event-person{font-size:11px}.call-history .event-next{font-size:10px}.call-history .event-footer .pill{font-size:10px}.info-row>span:first-child{color:#8a95a5}.score-anchors{font-size:10px;color:#5e786b}.score-control output small{color:#5c7a6b}.filter-select{color:#697384}.stat .stat-detail{font-size:11px;color:#8e99aa}.chart-caption{font-size:11px;color:#8b96a8}.analysis-note{color:#8794a7}
@media(max-width:760px){.sidebar{overflow-y:visible}.brand-sub{font-size:10px}.company-name{font-size:12px}.task-main .task-name{font-size:12px}.task-main .task-desc{font-size:11px}.task-time small{font-size:9px}.view-tabs button{font-size:12px}.journey .j-top{font-size:9px}.lead-table td{font-size:12px}}


/* --- Sales-Zentrale: Anpassungen gegenüber dem Prototyp --------------------
   Lesbarkeit: Notizen, Termine und Zuständigkeiten dürfen nicht blass oder winzig sein. */
.event-note{font-size:14.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap}
.task-main .task-name{font-size:14px}.task-main .task-desc{font-size:13.5px;color:#3a3f48}
.task-time{font-size:13px}.task-time small{font-size:11px}
.summary-note{font-size:14.5px;line-height:1.55;white-space:pre-wrap}
.company-sub,.subline,.highlight-sub,.form-hint,.muted{color:#5f6672}
.lead-table td{font-size:14px}.lead-table th button{font-size:12px}
.field-label{font-size:13px}.input{font-size:14.5px}
textarea.input,.input.textarea{min-height:150px;line-height:1.5}
.form-errors{display:block;background:var(--red-soft);color:var(--red);border:1px solid #f0c9ce;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13.5px}
.form-errors[hidden]{display:none}
.form-errors ul{margin:6px 0 0 18px;padding:0}
.field-error{color:var(--red);font-size:12.5px;margin-top:5px}
.input.invalid{border-color:#d58a95;background:#fff7f8}
.notice.error{background:var(--red-soft);color:var(--red)}
.notice.success{background:var(--green-soft);color:var(--green)}
.messages{position:fixed;right:22px;bottom:22px;display:grid;gap:8px;z-index:60}
.messages .toast{position:static;display:block;opacity:1;transform:none}
.stage-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.stage-tabs a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;font-size:13px}
.stage-tabs a.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
.stage-tabs a .num{color:#5f6672;font-size:12px}
.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:14px;font-size:13px}
.pager a,.pager span{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none}
.pager span.current{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.pager a[aria-disabled="true"]{opacity:.45;pointer-events:none}
a.row-link{color:inherit;text-decoration:none}
tr.row-link{cursor:pointer}
.reserve-chip{display:inline-flex;align-items:center;gap:6px;background:var(--orange-soft);color:var(--orange);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600}
.hotkeys{display:flex;flex-wrap:wrap;gap:6px}.hotkeys kbd{font:600 11px/1 ui-monospace,Menlo,Consolas,monospace;padding:3px 6px;border-radius:5px;border:1px solid var(--line-strong);background:#fff;color:#444}
.outcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.outcome-grid label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}
.outcome-grid label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.outcome-grid label input{margin-top:3px}
.outcome-grid .k{font-size:11px;color:#5f6672;display:block;margin-top:2px}
.tasklist{display:grid;gap:8px}
.tasklist .task-decision{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.tasklist .task-decision select{max-width:190px}
.backlog{border:1px dashed var(--line-strong);border-radius:12px;padding:12px 14px;background:#fff;margin-top:14px}
.backlog summary{cursor:pointer;font-weight:600;font-size:13.5px}
.htmx-indicator{opacity:0;transition:opacity .15s}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}
.login-card{width:min(400px,100%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px 28px;box-shadow:0 10px 40px rgba(20,30,40,.06)}
.login-card h1{font-size:22px;margin:14px 0 4px}.login-card p{color:#5f6672;margin:0 0 18px;font-size:14px}
.login-card .field{margin-bottom:14px}
.brand-mark{background:var(--accent)}
@media print{.sidebar,.topbar,.messages{display:none}}
.timeline-item.superseded{opacity:.55}.timeline-item.superseded .event-note{text-decoration:line-through;text-decoration-color:#b9bec7}
.event-person{font-size:13.5px;color:#3a3f48;margin:4px 0}
.event-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px;color:#5f6672;margin-top:6px}
.event-next{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--accent);margin-top:8px}

/* hidden muss immer gewinnen, auch wenn eine Klasse display setzt */
[hidden]{display:none!important}

/* Analyse: Spalten nicht auf gleiche Höhe strecken (sonst leere Fläche unter dem Balkendiagramm) */
.analysis-grid{align-items:start}