/*!
 * KARL ImmoSuite – Oberfläche der Suite
 * (c) 2026 ROSE IT Management UG (haftungsbeschränkt) – Digitale Lösungen. Alle Rechte vorbehalten.
 * Schriften: Montserrat, Poppins (SIL Open Font License 1.1), lokal eingebunden.
 */
@font-face{font-family:"K Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"K Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"K Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"K Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"K Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2")}

:root{
	--k-primary:#1a2148;--k-on-primary:#fff;--k-primary-2:#2f3659;
	--k-accent:#0070b6;--k-on-accent:#fff;--k-accent-text:#0070b6;--k-accent-soft:#e6f1f8;--k-accent-line:#b3d4e9;
	--k-bg:#f3f5f9;--k-card:#fff;--k-ink:#161b2e;--k-text:#2b3245;--k-muted:#6b7385;--k-line:#e3e7ef;--k-line-2:#eef1f6;
	--k-ok:#1f8a5b;--k-ok-bg:#e5f5ec;--k-warn:#a86a12;--k-warn-bg:#fdf3e1;--k-bad:#c0392b;--k-bad-bg:#fdecea;--k-hot:#d9480f;--k-hot-bg:#fff0e6;
	--k-r:14px;--k-r-sm:10px;--k-shadow:0 1px 2px rgba(20,28,56,.05),0 6px 22px rgba(20,28,56,.06);
	--k-font:"K Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--k-head:"K Montserrat","K Poppins",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--k-bg);color:var(--k-text);font:15px/1.55 var(--k-font)}
a{color:var(--k-accent-text);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
code,.k-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
small{font-size:.85em}
:focus-visible{outline:3px solid var(--k-accent);outline-offset:2px;border-radius:4px}
.k-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-muted{color:var(--k-muted)}
.k-txt-bad{color:var(--k-bad)}
.k-break{word-break:break-all}
.k-up{color:var(--k-ok)}.k-down{color:var(--k-bad)}

/* ---------- Kopfleiste ---------- */
.k-appbar{background:var(--k-primary);color:var(--k-on-primary);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.k-appbar__inner{display:flex;align-items:center;gap:22px;padding:0 28px;min-height:64px;max-width:1680px;margin:0 auto}
.k-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none!important;flex-shrink:0}
.k-brand__logo{max-height:38px;max-width:180px;display:block}
.k-brand__chip{background:#fff;border-radius:8px;padding:4px 8px;display:flex;align-items:center}
.k-brand__chip img{max-height:30px;max-width:140px;display:block}
.k-brand__name{font:600 17px/1.1 var(--k-head);letter-spacing:.01em;white-space:nowrap}
.k-brand__name b{font-weight:700;letter-spacing:.06em}
.k-brand__name small{display:block;font:400 12px var(--k-font);opacity:.75;margin-top:2px}
.k-nav{display:flex;gap:4px;flex:1;min-width:0}
.k-nav__item{color:inherit;opacity:.82;padding:20px 14px 18px;border-bottom:3px solid transparent;font-weight:500;white-space:nowrap;text-decoration:none!important}
.k-nav__item:hover{opacity:1;background:rgba(255,255,255,.06)}
.k-nav__item.is-active{opacity:1;border-bottom-color:var(--k-accent)}
.k-burger{display:none;background:none;border:0;color:inherit;font-size:24px;cursor:pointer;margin-left:auto;padding:8px}
.k-user{position:relative;margin-left:auto}
.k-user summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:10px}
.k-user summary::-webkit-details-marker{display:none}
.k-user summary:hover{background:rgba(255,255,255,.08)}
.k-user__name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-user__menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:var(--k-text);border-radius:12px;box-shadow:0 12px 40px rgba(20,28,56,.18);min-width:240px;padding:8px;display:flex;flex-direction:column}
.k-user__menu a,.k-user__menu button{display:block;text-align:left;padding:9px 12px;border-radius:8px;color:var(--k-text);background:none;border:0;font:inherit;cursor:pointer;width:100%}
.k-user__menu a:hover,.k-user__menu button:hover{background:var(--k-line-2);text-decoration:none}
.k-user__role{font-size:12px;color:var(--k-muted);padding:6px 12px 8px;border-bottom:1px solid var(--k-line);margin-bottom:6px}
.k-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--k-accent);color:var(--k-on-accent);font:600 13px var(--k-head);flex-shrink:0}
.k-avatar--sm{width:30px;height:30px;font-size:12px}

/* ---------- Seite ---------- */
.k-main{max-width:1680px;margin:0 auto;padding:26px 28px 40px}
.k-pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0 20px}
.k-title{font:700 28px/1.2 var(--k-head);color:var(--k-ink);margin:0;letter-spacing:-.01em}
.k-pagehead__actions{display:flex;gap:10px;flex-wrap:wrap}
.k-footer{max-width:1680px;margin:0 auto;padding:16px 28px 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--k-muted);font-size:13px}
.k-footer a{color:inherit}

/* ---------- Karten, Raster ---------- */
.k-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r);padding:22px 24px;box-shadow:var(--k-shadow);margin-bottom:20px;min-width:0}
.k-card--flush{padding:0;overflow:hidden}
.k-card--ok{border-top:4px solid var(--k-ok)}.k-card--warn{border-top:4px solid var(--k-warn)}.k-card--bad{border-top:4px solid var(--k-bad)}
.k-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.k-card__head .k-card__title{margin:0}
.k-card__title{font:600 17px/1.3 var(--k-head);color:var(--k-ink);margin:0 0 14px}
h3.k-card__title{font-size:15px;text-transform:none}
.k-card__sub{margin:0;color:var(--k-muted)}
.k-grid{display:grid;gap:0 20px}
.k-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.k-grid--2.k-grid,.k-grid--users{gap:20px}
form.k-grid--2{gap:0 20px}
.k-grid--users{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
.k-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.k-row .k-field{margin:0;flex:1;min-width:220px}

/* ---------- Formulare ---------- */
.k-form{margin:0}
.k-field{display:block;margin:0 0 16px;min-width:0}
.k-field>span:first-child{display:block;font-weight:500;font-size:13.5px;color:var(--k-ink);margin-bottom:6px}
.k-field small{display:block;color:var(--k-muted);margin-top:5px;line-height:1.45}
.k-field--wide{grid-column:1/-1}
.k-field input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.k-field select,.k-field textarea,.k-filter input,.k-filter select{width:100%;font:inherit;color:var(--k-ink);background:#fff;border:1px solid #cfd5e1;border-radius:var(--k-r-sm);padding:10px 12px;min-height:42px;transition:border-color .15s,box-shadow .15s}
.k-field textarea{resize:vertical;min-height:84px}
.k-field input:focus,.k-field select:focus,.k-field textarea:focus,.k-filter input:focus,.k-filter select:focus{outline:0;border-color:var(--k-accent);box-shadow:0 0 0 3px var(--k-accent-soft)}
.k-field input:disabled{background:var(--k-line-2);color:var(--k-muted)}
.k-check{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;cursor:pointer}
.k-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--k-accent);flex-shrink:0}
.k-check small{display:block;color:var(--k-muted)}
.k-check--inline{margin:0;align-items:center}
.k-color{display:flex;gap:8px;align-items:center}
.k-color input[type=color]{width:46px;height:42px;padding:3px;border:1px solid #cfd5e1;border-radius:var(--k-r-sm);background:#fff;cursor:pointer;flex-shrink:0}
.k-color input[type=text]{font-family:ui-monospace,Menlo,Consolas,monospace!important;text-transform:lowercase}
.k-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px}
.k-tags__label{font-weight:500;font-size:13.5px;margin-right:6px}
.k-tag{cursor:pointer}
.k-tag input{position:absolute;opacity:0}
.k-tag span{display:inline-block;padding:6px 12px;border:1px solid #cfd5e1;border-radius:99px;font-size:13.5px}
.k-tag input:checked+span{background:var(--k-accent-soft);border-color:var(--k-accent);color:var(--k-accent-text);font-weight:500}
.k-tag input:focus-visible+span{outline:3px solid var(--k-accent);outline-offset:2px}
.k-savebar{position:sticky;bottom:0;background:linear-gradient(to bottom,rgba(243,245,249,0),var(--k-bg) 30%);padding:16px 0 6px;margin-top:4px;grid-column:1/-1;z-index:5}

/* ---------- Buttons ---------- */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14.5px/1 var(--k-font);padding:11px 18px;min-height:42px;border-radius:var(--k-r-sm);border:1px solid #cfd5e1;background:#fff;color:var(--k-ink);cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.k-btn:hover{border-color:var(--k-accent);color:var(--k-accent-text)}
.k-btn--primary{background:var(--k-accent);border-color:var(--k-accent);color:var(--k-on-accent)}
.k-btn--primary:hover{color:var(--k-on-accent);box-shadow:0 4px 14px rgba(0,0,0,.14);filter:brightness(1.05)}
.k-btn--danger{background:var(--k-bad);border-color:var(--k-bad);color:#fff}
.k-btn--danger:hover{color:#fff;filter:brightness(1.05)}
.k-btn--sm{padding:7px 12px;min-height:34px;font-size:13.5px}
.k-btn--lg{padding:14px 26px;font-size:16px}
.k-btn--block{width:100%}
.k-link{background:none;border:0;padding:0;font:inherit;color:var(--k-accent-text);cursor:pointer}
.k-link:hover{text-decoration:underline}
.k-link--danger{color:var(--k-bad)}

/* ---------- Hinweise, Pillen ---------- */
.k-notice{border-radius:var(--k-r-sm);padding:12px 16px;margin:0 0 16px;background:var(--k-ok-bg);color:#14563a;border-left:4px solid var(--k-ok)}
.k-notice--bad{background:var(--k-bad-bg);color:#7d1f15;border-left-color:var(--k-bad)}
.k-notice--warn{background:var(--k-warn-bg);color:#6e4508;border-left-color:var(--k-warn)}
.k-notice--info{background:var(--k-accent-soft);color:var(--k-ink);border-left-color:var(--k-accent)}
.k-notice a{color:inherit;font-weight:600;text-decoration:underline}
.k-pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--k-line-2);color:var(--k-muted);vertical-align:middle;margin-left:4px}
.k-pill--hot{background:var(--k-hot-bg);color:var(--k-hot)}
.k-pill--warn{background:var(--k-warn-bg);color:var(--k-warn)}
.k-pill--ok{background:var(--k-ok-bg);color:var(--k-ok)}
.k-pill--bad{background:var(--k-bad-bg);color:var(--k-bad)}
.k-status{--c:#0070b6;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--k-ink);white-space:nowrap}
.k-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c)}
.k-empty{color:var(--k-muted);padding:26px 24px;margin:0;text-align:center}

/* ---------- Übersicht ---------- */
.k-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:20px}
.k-kpi{display:flex;flex-direction:column;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);padding:16px 18px;box-shadow:var(--k-shadow);color:var(--k-text);text-decoration:none!important;transition:transform .15s,box-shadow .15s;min-width:0}
a.k-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,28,56,.1)}
.k-kpi__label{font-size:13px;color:var(--k-muted);font-weight:500}
.k-kpi__value{font:700 30px/1.15 var(--k-head);color:var(--k-ink);margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-kpi__sub{font-size:12.5px;color:var(--k-muted);line-height:1.35}
.k-kpi--hot .k-kpi__value{color:var(--k-hot)}
.k-bars{display:flex;align-items:flex-end;gap:5px;height:170px;padding-top:18px}
.k-bars__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}
.k-bars__bar{width:100%;max-width:26px;background:linear-gradient(to top,var(--k-accent),color-mix(in srgb,var(--k-accent) 65%,#fff));border-radius:5px 5px 2px 2px;min-height:0}
.k-bars__n{font-size:11px;color:var(--k-muted);margin-bottom:3px;height:14px}
.k-bars__d{font-size:11px;color:var(--k-muted);height:16px;margin-top:6px;white-space:nowrap}
.k-leadlist{list-style:none;margin:0;padding:0}
.k-leadlist li+li{border-top:1px solid var(--k-line-2)}
.k-leadlist a{display:flex;gap:12px;align-items:center;padding:11px 4px;color:var(--k-text);text-decoration:none!important;border-radius:8px}
.k-leadlist a:hover{background:var(--k-line-2)}
.k-leadlist__main{flex:1;min-width:0}
.k-leadlist__main b{color:var(--k-ink);font-weight:600}
.k-leadlist__main small{display:block;color:var(--k-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-leadlist__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.k-leadlist__side b{color:var(--k-ink)}
.k-steps__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.k-steps__list a{display:flex;gap:10px;padding:14px;border:1px solid var(--k-line);border-radius:12px;color:var(--k-text);text-decoration:none!important;height:100%}
.k-steps__list a:hover{border-color:var(--k-accent);background:var(--k-accent-soft)}
.k-steps__list b{display:block;color:var(--k-ink)}
.k-steps__list small{display:block;color:var(--k-muted);line-height:1.4;margin-top:2px}
.k-steps__check{width:24px;height:24px;border-radius:50%;border:2px solid #cfd5e1;display:grid;place-items:center;font-size:13px;flex-shrink:0;color:#fff}
.k-steps__list .is-done .k-steps__check{background:var(--k-ok);border-color:var(--k-ok)}
.k-steps__list .is-done b{text-decoration:line-through;color:var(--k-muted)}

/* ---------- Leads ---------- */
.k-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.k-chip{--c:var(--k-muted);display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid var(--k-line);color:var(--k-text);font-size:13.5px;font-weight:500;text-decoration:none!important}
.k-chip i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.k-chip span{color:var(--k-muted);font-weight:400}
.k-chip:hover{border-color:var(--k-accent)}
.k-chip.is-active{background:var(--k-primary);border-color:var(--k-primary);color:var(--k-on-primary)}
.k-chip.is-active span{color:inherit;opacity:.75}
.k-filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.k-filter__search{flex:1;min-width:240px}
.k-filter select{width:auto;min-width:170px}
.k-tablewrap{overflow-x:auto}
.k-table{width:100%;border-collapse:collapse;font-size:14px}
.k-table th{text-align:left;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--k-muted);padding:12px 16px;border-bottom:1px solid var(--k-line);background:#fafbfd;white-space:nowrap}
.k-table th a{color:inherit}
.k-table td{padding:12px 16px;border-bottom:1px solid var(--k-line-2);vertical-align:top}
.k-table td small{display:block;color:var(--k-muted);margin-top:2px}
.k-table tbody tr:hover{background:#f8fafd}
.k-table tr[data-href]{cursor:pointer}
.k-table tr.is-off td{opacity:.55}
.k-table .k-num{text-align:right;white-space:nowrap}
.k-rowlink{color:var(--k-ink)}
.k-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 0;color:var(--k-muted)}
.k-person{display:flex;gap:10px;align-items:center}
.k-person small{display:block;color:var(--k-muted)}
.k-actions{text-align:right;white-space:nowrap}
.k-menu{position:relative;display:inline-block}
.k-menu summary{list-style:none}
.k-menu summary::-webkit-details-marker{display:none}
.k-menu__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--k-line);border-radius:12px;box-shadow:0 14px 40px rgba(20,28,56,.16);padding:16px;width:340px;text-align:left;white-space:normal}

.k-lead{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
.k-lead__hero{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.k-lead__value{display:flex;flex-direction:column;gap:2px;padding-right:28px;border-right:1px solid var(--k-line)}
.k-lead__value strong{font:700 34px/1.1 var(--k-head);color:var(--k-ink)}
.k-lead__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;flex:1;min-width:260px}
.k-lead__meta span{display:block;font-size:12.5px;color:var(--k-muted)}
.k-lead__meta b{color:var(--k-ink);font-weight:500}
.k-summary h3{font:600 15px var(--k-head);color:var(--k-ink);margin:18px 0 8px}
.k-summary table{width:100%}
.k-summary td{border-bottom:1px solid var(--k-line-2)}
.k-summary p{margin:0 0 10px}
.k-details{margin-top:14px}
.k-details summary{cursor:pointer;font-weight:500;color:var(--k-accent-text)}
.k-rechenweg{margin:10px 0 0;padding-left:20px;color:var(--k-text);font-size:14px}
.k-rechenweg li{margin-bottom:4px}
.k-facts{margin:0 0 6px;display:flex;flex-direction:column;gap:9px}
.k-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.k-facts dt{color:var(--k-muted);font-size:13.5px}
.k-facts dd{margin:0;color:var(--k-ink)}
.k-facts--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin-bottom:18px}
.k-facts--grid div{grid-template-columns:130px minmax(0,1fr)}
.k-note{margin-bottom:16px}
.k-note .k-field{margin-bottom:8px}
.k-timeline{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid var(--k-line)}
.k-timeline__item{position:relative;padding:0 0 14px 12px}
.k-timeline__item::before{content:"";position:absolute;left:-23px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--k-muted)}
.k-timeline__item--note::before{border-color:var(--k-accent);background:var(--k-accent)}
.k-timeline__item--status::before{border-color:#7c3aed}
.k-timeline__item--mail::before{border-color:var(--k-ok)}
.k-timeline__meta{display:block;font-size:12px;color:var(--k-muted)}
.k-timeline__text{display:block;color:var(--k-ink);white-space:normal;word-wrap:break-word}
.k-danger{border:1px solid #f1c9c4;border-radius:var(--k-r);padding:14px 18px;background:#fff;margin-bottom:20px}
.k-danger summary{cursor:pointer;color:var(--k-bad);font-weight:500}

/* ---------- Einstellungen ---------- */
.k-settings{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.k-settings__nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);padding:8px;box-shadow:var(--k-shadow)}
.k-settings__nav a{display:block;padding:10px 14px;border-radius:10px;color:var(--k-text);text-decoration:none!important;border-left:3px solid transparent}
.k-settings__nav a b{display:block;font-weight:500;color:var(--k-ink)}
.k-settings__nav a small{display:block;color:var(--k-muted);font-size:12.5px}
.k-settings__nav a:hover{background:var(--k-line-2)}
.k-settings__nav a.is-active{background:var(--k-accent-soft);border-left-color:var(--k-accent)}
.k-settings__title{font:700 21px var(--k-head);color:var(--k-ink);margin:2px 0 6px}
.k-settings__sub{color:var(--k-muted);margin:0 0 18px}
.k-settings__body{min-width:0;position:relative}
.k-inline-action{float:right;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px 12px}
.k-image{padding:14px 0;border-bottom:1px solid var(--k-line-2)}
.k-image:last-of-type{border-bottom:0}
.k-image__label{display:block;font-weight:500;color:var(--k-ink);margin-bottom:8px}
.k-image__row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.k-image__preview{width:170px;height:96px;border:1px dashed #cfd5e1;border-radius:12px;display:grid;place-items:center;background:repeating-conic-gradient(#f3f5f9 0 25%,#fff 0 50%) 50%/16px 16px;overflow:hidden;flex-shrink:0}
.k-image__preview--dark{background:var(--k-primary)}
.k-image__preview img{max-width:150px;max-height:80px;object-fit:contain}
.k-image__preview em{color:var(--k-muted);font-size:13px}
.k-image__actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start;flex:1;min-width:240px}
.k-image__actions small{color:var(--k-muted)}
.k-brandpreview{border:1px solid var(--k-line);border-radius:12px;overflow:hidden;margin:6px 0 10px}
.k-brandpreview__bar{display:flex;align-items:center;gap:24px;padding:12px 18px;font:600 15px var(--k-head)}
.k-brandpreview__bar>span:first-child{display:flex;align-items:center;gap:10px}
.k-brandpreview__bar img{max-height:26px;max-width:110px}
.k-brandpreview__bar .k-brand__chip{padding:3px 6px}
.k-brandpreview__bar .k-brand__chip img{max-height:22px}
.k-brandpreview__tabs{display:flex;gap:18px;font:500 13.5px var(--k-font);opacity:.85}
.k-brandpreview__tabs i{font-style:normal;padding-bottom:4px}
.k-brandpreview__tabs i.is-active{border-bottom:3px solid var(--k-accent)}
.k-brandpreview__body{display:flex;gap:20px;align-items:center;padding:16px 18px;background:var(--k-bg)}
.k-brandpreview__btn{padding:9px 16px;border-radius:10px;font-weight:500;font-size:14px}
.k-pv__stage{border:1px solid var(--k-line);border-radius:12px;overflow:hidden;background:#f3f5fa;max-width:100%;margin:0 auto 10px;transition:max-width .25s}
.k-pv.is-mobile .k-pv__stage{max-width:390px}
.k-pv iframe{display:block;width:100%;min-height:420px;border:0}
.k-seg{display:inline-flex;padding:3px;border-radius:99px;background:var(--k-bg);border:1px solid var(--k-line)}
.k-seg button{border:0;background:none;padding:6px 14px;border-radius:99px;font:500 13px var(--k-font);color:var(--k-muted);cursor:pointer}
.k-seg button.is-active{background:#fff;color:var(--k-accent-text);box-shadow:0 1px 4px rgba(16,32,60,.12)}
.k-copy{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.k-code{flex:1;margin:0;background:#11172b;color:#e5e9f5;border-radius:10px;padding:12px 14px;white-space:pre-wrap;word-break:break-all;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace}
.k-changelog{background:var(--k-line-2);border-radius:10px;padding:12px 16px;margin:0 0 14px;max-height:280px;overflow:auto;font-size:14px}

/* ---------- Anmeldung ---------- */
.k-auth{background:var(--k-bg)}
.k-auth__wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.k-auth__wrap--solo{grid-template-columns:1fr}
.k-auth__side{background:#fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-right:1px solid var(--k-line);position:relative}
.k-auth__side::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:linear-gradient(90deg,var(--k-primary),var(--k-accent))}
.k-auth__mascot{max-height:92vh;width:auto;max-width:92%;object-fit:contain;display:block;mix-blend-mode:multiply}
.k-auth__main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}
.k-auth__card{width:100%;max-width:420px;background:#fff;border:1px solid var(--k-line);border-radius:18px;box-shadow:0 18px 50px rgba(20,28,56,.10);padding:34px 34px 26px}
.k-auth__brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}
.k-auth__logo{max-height:56px;max-width:220px}
.k-auth__product{font:600 15px var(--k-head);color:var(--k-primary);letter-spacing:.01em}
.k-auth__product b{letter-spacing:.06em}
.k-auth__title{font:700 25px/1.2 var(--k-head);color:var(--k-ink);margin:0 0 6px}
.k-auth__sub{color:var(--k-muted);margin:0 0 22px}
.k-auth__link{text-align:center;margin:18px 0 0}
.k-auth__foot{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--k-muted);font-size:12.5px;margin-top:20px;text-align:center}
.k-auth__foot a{color:inherit}

/* ---------- Einrichtung ---------- */
.k-install{background:var(--k-bg)}
.k-install__main{max-width:820px;margin:0 auto;padding:36px 20px 60px}
.k-install__head{display:flex;gap:18px;align-items:center;margin-bottom:24px}
.k-install__head img{border-radius:18px;object-fit:cover;object-position:top;background:#fff;border:1px solid var(--k-line)}
.k-install__head h1{font:700 26px var(--k-head);color:var(--k-ink);margin:0 0 4px}
.k-install__head p{margin:0;color:var(--k-muted)}
.k-install__foot{text-align:center;color:var(--k-muted);font-size:13px;margin-top:26px}
.k-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.k-checks li{display:flex;gap:8px;align-items:baseline}
.k-checks li span{font-weight:700;width:16px}
.k-checks .is-ok span{color:var(--k-ok)}.k-checks .is-bad{color:var(--k-bad)}.k-checks .is-warn span{color:var(--k-warn)}
.k-checks em{color:var(--k-muted);font-style:normal;font-size:13px}

/* ---------- Responsiv ---------- */
@media (max-width:1280px){
	.k-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
	.k-steps__list{grid-template-columns:repeat(3,minmax(0,1fr))}
	.k-lead{grid-template-columns:minmax(0,1fr) 360px}
}
@media (max-width:1024px){
	.k-lead,.k-grid--users{grid-template-columns:1fr}
	.k-settings{grid-template-columns:1fr}
	.k-settings__nav{position:static;flex-direction:row;overflow-x:auto}
	.k-settings__nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}
	.k-settings__nav a.is-active{border-bottom-color:var(--k-accent)}
	.k-settings__nav a small{display:none}
	.k-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.k-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){.k-brand--logo .k-brand__name{display:none}}
@media (max-width:860px){
	.k-appbar__inner{flex-wrap:wrap;padding:0 12px 0 16px;gap:6px;min-height:58px}
	.k-brand{flex:1;min-width:0;gap:10px}
	.k-brand__logo{max-width:120px;max-height:30px}
	.k-brand__name{font-size:15px;overflow:hidden;text-overflow:ellipsis}
	.k-brand--logo .k-brand__name{font-size:13px;opacity:.9}
	.k-user{order:3}
	.k-burger{display:block;order:4;margin-left:0}
	.k-nav{display:none;order:5;flex-basis:100%;flex-direction:column;gap:0;padding-bottom:8px}
	.k-nav.is-open{display:flex}
	.k-nav__item{padding:12px 6px;border-bottom:0;border-left:3px solid transparent}
	.k-nav__item.is-active{border-left-color:var(--k-accent)}
	.k-user{margin-left:0}
	.k-user__name{display:none}
	.k-main{padding:18px 16px 32px}
	.k-title{font-size:23px}
	.k-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.k-kpi__value{font-size:24px}
	.k-steps__list{grid-template-columns:1fr}
	.k-grid--2,.k-grid--3,.k-grid--4,.k-facts--grid,.k-checks{grid-template-columns:1fr}
	.k-card{padding:18px 16px}
	.k-auth__wrap{grid-template-columns:1fr}
	.k-auth__side{max-height:240px;border-right:0;border-bottom:1px solid var(--k-line)}
	.k-auth__mascot{max-height:240px}
	.k-auth__card{padding:26px 20px 20px}
	.k-lead__value{border-right:0;padding-right:0}
	.k-lead__meta{grid-template-columns:1fr}
	.k-table--leads thead{display:none}
	.k-table--leads tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 14px;border-bottom:1px solid var(--k-line-2)}
	.k-table--leads td{border:0;padding:2px 0}
	.k-table--leads td:nth-child(1){grid-column:1;grid-row:1}
	.k-table--leads td:nth-child(3){grid-column:2;grid-row:1;text-align:right}
	.k-table--leads td:nth-child(2){grid-column:1;grid-row:2}
	.k-table--leads td:nth-child(4){grid-column:2;grid-row:2;text-align:right;align-self:end}
	.k-table--leads td:nth-child(5){display:none}
	.k-table--leads td:nth-child(6){grid-column:1/-1;grid-row:3;color:var(--k-muted);font-size:12.5px}
	.k-table--leads td:nth-child(6) small{display:inline;margin-left:4px}
	.k-table--leads td small{display:block}
	.k-inline-action{float:none;margin:0 0 12px}
	.k-bars__n{display:none}
	.k-footer{padding:12px 16px 24px}
	.k-menu__panel{position:fixed;left:12px;right:12px;width:auto;top:auto;bottom:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.k-appbar,.k-footer,.k-lead__side form,.k-pagehead__actions{display:none!important}.k-main{padding:0}.k-card{box-shadow:none;break-inside:avoid}}