/* ClickNova «Ein Konto» — gemeinsamer Kopf (.cnks), Profil (.cnkp) und Team (.cnkt) für Konto, Website-Assistent, CRM-Konto und Studio.
   Tokens nach Brand Book v3 (design-tokens.css / cnkb-Variablen), nur Violett. Hell ist Standard; dunkel über [data-theme="dark"]
   (html, .cn-root, .wa-body) und – nur im Kabinett – über prefers-color-scheme. Inter 400/500, Radien 8/12, Hover nur Farbe. */
.cnks,.cnkp,.cnkt-wrap{--ks-bg:#FFFFFF;--ks-sur:#F6F6F9;--ks-sur2:#EFEDF8;--ks-t:#161826;--ks-m:rgba(22,24,38,.6);--ks-f:rgba(22,24,38,.45);--ks-b:rgba(22,24,38,.12);--ks-bs:rgba(22,24,38,.07);--ks-p:#7C6FD0;--ks-on:#FFFFFF;--ks-acc:#43387B;--ks-tag:#E9E5FA;--ks-ico:#F1EEFC;--ks-track:#E9E9EE;--ks-ok:#2E9A63;--ks-warn:#B97A12;--ks-err:#C94F4F;--ks-okbg:rgba(46,154,99,.10);--ks-errbg:rgba(201,79,79,.10);--ks-shadow:0 8px 24px rgba(22,24,38,.12)}
[data-theme="dark"] .cnks,[data-theme="dark"] .cnkp,[data-theme="dark"] .cnkt-wrap{--ks-bg:#161826;--ks-sur:#232532;--ks-sur2:#2B2741;--ks-t:#E9E9ED;--ks-m:rgba(233,233,237,.55);--ks-f:rgba(233,233,237,.45);--ks-b:rgba(233,233,237,.16);--ks-bs:rgba(233,233,237,.09);--ks-p:#9184D9;--ks-on:#F5F4FF;--ks-acc:#D2CEFD;--ks-tag:#423A6A;--ks-ico:#2B2741;--ks-track:#292B31;--ks-ok:#5FBF8A;--ks-warn:#E0A33A;--ks-err:#E06C6C;--ks-okbg:rgba(95,191,138,.12);--ks-errbg:rgba(224,108,108,.12);--ks-shadow:0 8px 24px rgba(0,0,0,.35)}
@media (prefers-color-scheme:dark){.wa-body:not([data-theme="light"]) .cnks,.wa-body:not([data-theme="light"]) .cnkp{--ks-bg:#161826;--ks-sur:#232532;--ks-sur2:#2B2741;--ks-t:#E9E9ED;--ks-m:rgba(233,233,237,.55);--ks-f:rgba(233,233,237,.45);--ks-b:rgba(233,233,237,.16);--ks-bs:rgba(233,233,237,.09);--ks-p:#9184D9;--ks-on:#F5F4FF;--ks-acc:#D2CEFD;--ks-tag:#423A6A;--ks-ico:#2B2741;--ks-track:#292B31;--ks-ok:#5FBF8A;--ks-warn:#E0A33A;--ks-err:#E06C6C;--ks-okbg:rgba(95,191,138,.12);--ks-errbg:rgba(224,108,108,.12);--ks-shadow:0 8px 24px rgba(0,0,0,.35)}}

/* ---------------- Kopf */
.cnks{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 16px;margin:0 0 24px;border-bottom:1px solid var(--ks-bs);background:var(--ks-bg);color:var(--ks-t);font:400 14px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-align:left;position:relative;z-index:30}
.cnks *,.cnks *::before,.cnks *::after{box-sizing:border-box}
.cnks :where(a,button,select,span,b){font-family:inherit;letter-spacing:normal;text-transform:none}
.cnks i.ph{font-size:16px;line-height:1}
.cnks-l{display:flex;align-items:center;gap:10px;min-width:0;flex:none}
.cnks-logo{display:flex;align-items:center;text-decoration:none!important;line-height:0}
.cnks-logo img{width:26px;height:26px;display:block}
.cnks-area{font-size:14px;font-weight:500;color:var(--ks-t);white-space:nowrap}
.cnks-m{flex:1;min-width:0;display:flex;align-items:center}
.cnks-firm{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:32px;padding:0 10px;border:1px solid var(--ks-b);border-radius:8px;font-size:13px;color:var(--ks-t);background:var(--ks-bg);white-space:nowrap}
.cnks-firm>span{overflow:hidden;text-overflow:ellipsis}
.cnks-firm i.ph{color:var(--ks-p);flex:none}
.cnks-firm.sel{padding-right:4px}
.cnks-firm select{height:30px;max-width:260px;border:0;background:transparent;color:var(--ks-t);font:inherit;font-size:13px;padding:0 4px;cursor:pointer;outline:0}
.cnks-r{display:flex;align-items:center!important;gap:6px;flex:none;margin:0}
.cnks-links{display:flex;align-items:center;gap:2px}
.cnks-link{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ks-m)!important;text-decoration:none!important;white-space:nowrap;transition:color .15s ease,background-color .15s ease}
.cnks-link i.ph{color:var(--ks-p)}
.cnks-link:hover{color:var(--ks-t)!important;background:var(--ks-sur)}
.cnks :focus-visible{outline:2px solid var(--ks-p)!important;outline-offset:2px}
/* Avatar + Menü */
.cnks-user{position:relative;margin:0 0 0 6px;display:flex;align-items:center;align-self:center}
.cnks-avbtn{width:36px!important;height:36px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%;background:transparent!important;cursor:pointer;display:grid!important;place-items:center;box-shadow:none!important;line-height:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;vertical-align:middle;font:inherit}
.cnks-av{width:32px;height:32px;border-radius:50%;background:var(--ks-ico);color:var(--ks-acc);display:inline-grid;place-items:center;font-size:12px;font-weight:500;overflow:hidden;flex:none;line-height:1}
.cnks-av img{width:100%;height:100%;object-fit:cover;display:block}
.cnks-av.lg{width:40px;height:40px;font-size:14px}
.cnks-av.xl{width:72px;height:72px;font-size:22px;border-radius:16px}
.cnks-avbtn[aria-expanded="true"] .cnks-av{outline:2px solid var(--ks-p);outline-offset:2px}
.cnks-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:260px;max-width:min(320px,calc(100vw - 32px));background:var(--ks-bg);border:1px solid var(--ks-b);border-radius:12px;box-shadow:var(--ks-shadow);padding:6px;color:var(--ks-t);font:400 14px/1.4 Inter,system-ui,sans-serif;text-align:left}
.cnks-menu[hidden]{display:none}
.cnks-me{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--ks-bs);margin-bottom:4px}
.cnks-me-t{min-width:0;display:grid}
.cnks-me-t b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cnks-me-t span{font-size:12px;color:var(--ks-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cnks-mi{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ks-t)!important;text-decoration:none!important;transition:background-color .15s ease}
.cnks-mi i.ph{color:var(--ks-p)}
.cnks-mi:hover{background:var(--ks-sur)}
.cnks-mi.out{color:var(--ks-m)!important;border-top:1px solid var(--ks-bs);margin-top:4px;border-radius:0 0 8px 8px}
.cnks-m-only{display:none}
@media (max-width:600px){
	.cnks{gap:10px;padding:0 12px}
	.cnkb .cnks{margin:0 -16px 20px;width:calc(100% + 32px)}
	.cnks-m,.cnks-links{display:none}
	.cnks-r{margin-left:auto}
	.cnks-m-only{display:flex;flex-direction:column;gap:2px;padding:0 0 4px;border-bottom:1px solid var(--ks-bs);margin-bottom:4px}
	.cnks-m-only .cnks-firm{margin:4px 4px 6px;height:36px;max-width:none;width:calc(100% - 8px)}
	.cnks-m-only .cnks-firm select{max-width:none;width:100%}
	.cnks-m-only .cnks-link{height:36px;color:var(--ks-t)!important}
}
/* Kabinett (eigenständiges Dokument): Kopf ohne Außenabstand */
.wa-body .cnks{margin:0}
.wa-body{display:flex;flex-direction:column}
.wa-body .wa-app{flex:1;min-height:0}
.wa-body .wa-app>.app{height:100%}
/* Studio: nur das Menü am bestehenden Kürzel */
.cn-head .cnks-user{margin-left:0}
.cn-head .cnks-avbtn{width:30px;height:30px}
.cn-head .cnks-av{width:30px;height:30px;background:var(--cn-tag-bg,var(--ks-ico));color:var(--cn-accent-text,var(--ks-acc))}
.cn-head .cnks-menu{--ks-bg:var(--cn-surface);--ks-sur:var(--cn-surface-2);--ks-t:var(--cn-text);--ks-m:var(--cn-muted);--ks-b:var(--cn-border);--ks-bs:var(--cn-border-soft);--ks-p:var(--cn-primary);--ks-ico:var(--cn-tag-bg);--ks-acc:var(--cn-accent-text);--ks-shadow:var(--cn-shadow)}
@media (prefers-reduced-motion:reduce){.cnks *,.cnkp *{transition:none!important}}

/* ---------------- Profil */
.cnkp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;color:var(--ks-t);font:400 14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.cnkp *,.cnkp *::before,.cnkp *::after{box-sizing:border-box}
.cnkp [hidden],.cnkb .cnkt-invite [hidden]{display:none!important}
.cnkp :where(h3,p,label,input,select,button,ul,li,small,b){font-family:inherit;letter-spacing:normal;text-transform:none}
.cnkp-card{background:var(--ks-sur);border:1px solid var(--ks-bs);border-radius:12px;padding:16px 20px;min-width:0;display:grid;gap:12px;align-content:start}
.cnkp-card h3{font-size:16px;line-height:1.3;font-weight:500;margin:0;display:flex;align-items:center;gap:8px;color:var(--ks-t)}
.cnkp-card h3 i.ph{color:var(--ks-p);font-size:20px}
.cnkp-sub{margin:-8px 0 0;font-size:12px;line-height:1.5;color:var(--ks-m)}
.cnkp-meta{margin:0;font-size:12px;color:var(--ks-m)}
.cnkp-meta b{font-weight:500;color:var(--ks-t)}
.cnkp-meta a{color:var(--ks-acc)}
.cnkp form{display:grid;gap:12px;margin:0}
.cnkp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cnkp-f{display:grid;gap:6px;text-align:left;margin:0}
.cnkp-f>span:first-child{font-size:12px;font-weight:500;color:var(--ks-t)}
.cnkp .cnkp-in{width:100%;height:36px;margin:0;padding:0 12px;border:1px solid var(--ks-b);border-radius:8px;background:var(--ks-bg);color:var(--ks-t);font:inherit;font-size:14px;line-height:1.4;box-shadow:none;outline:0;transition:border-color .15s ease}
.cnkp .cnkp-in::placeholder{color:var(--ks-f)}
.cnkp .cnkp-in:focus{border-color:var(--ks-p);outline:2px solid var(--ks-p);outline-offset:2px}
.cnkp select.cnkp-in{padding-right:28px}
.cnkp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cnkp .cnkp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--ks-b);background:transparent;color:var(--ks-t)!important;font-size:13px;font-weight:500;line-height:1;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none;margin:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}
.cnkp .cnkp-btn:hover{background:var(--ks-bg)}
.cnkp .cnkp-btn.p{background:var(--ks-p);border-color:var(--ks-p);color:var(--ks-on)!important}
.cnkp .cnkp-btn.p:hover{background:var(--ks-p);filter:brightness(1.08)}
.cnkp .cnkp-btn.o{border-color:var(--ks-p);color:var(--ks-p)!important}
.cnkp .cnkp-btn:disabled{opacity:.45;cursor:default}
.cnkp .cnkp-link{border:0;background:none;padding:0;margin:0;font-size:13px;font-weight:500;color:var(--ks-acc)!important;cursor:pointer;box-shadow:none;height:auto;line-height:1.4}
.cnkp .cnkp-link:hover{color:var(--ks-p)!important}
.cnkp-msg{margin:0;padding:8px 12px;border-radius:8px;border-left:3px solid var(--ks-ok);font-size:13px;line-height:1.5;background:var(--ks-okbg);color:var(--ks-t);flex:1 1 100%}
.cnkp-msg.err{background:var(--ks-errbg);border-left-color:var(--ks-err)}
.cnkp-msg[hidden]{display:none}
.cnkp-avrow{display:flex;gap:16px;align-items:center}
.cnkp-avacts{display:grid;gap:6px;min-width:0}
.cnkp-avacts small{font-size:12px;color:var(--ks-m)}
.cnkp-avacts .cnkp-btn{justify-self:start}
.cnkp-toggles{display:grid;gap:8px}
.cnkp-toggles label{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer;margin:0}
.cnkp-toggles input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ks-p);flex:none}
.cnkp-toggles span{display:grid;gap:2px;min-width:0;flex:1}
.cnkp-toggles b{font-weight:500}
.cnkp-toggles small{font-size:12px;color:var(--ks-m)}
.cnkp-group{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ks-m)}
.cnkp-picks{display:flex;flex-wrap:wrap;gap:8px}
.cnkp .cnkp-pick{width:48px;height:48px;padding:2px;border-radius:50%;border:2px solid transparent;background:var(--ks-ico);cursor:pointer;box-shadow:none;transition:border-color .15s ease}
.cnkp .cnkp-pick img{width:100%;height:100%;border-radius:50%;display:block}
.cnkp .cnkp-pick[aria-pressed="true"]{border-color:var(--ks-p)}
.cnkp .cnkp-pick:hover{border-color:var(--ks-b)}
.cnkp-sessions{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}
.cnkp-sessions li{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--ks-bs);margin:0}
.cnkp-sessions li:first-child{border-top:0;padding-top:0}
.cnkp-sessions b{font-weight:500}
.cnkp-sessions small{font-size:12px;color:var(--ks-m)}
.cnkp-pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;background:var(--ks-okbg);color:var(--ks-ok);vertical-align:middle;margin-left:6px}
@media (max-width:900px){.cnkp{grid-template-columns:1fr}}
@media (max-width:600px){.cnkp-card{padding:16px}.cnkp-row{grid-template-columns:1fr}.cnkp .cnkp-btn{height:40px}.cnkp .cnkp-in{height:44px;font-size:16px}}

/* ---------------- Team (Kundenportal) */
.cnkt-pills{display:inline-flex;flex-wrap:wrap;gap:4px}
.cnkt-acts{text-align:right;white-space:nowrap}
.cnkt-invite{display:grid;gap:12px}
.cnkt-invite h3{font-size:16px;line-height:1.3;font-weight:500;margin:0}
.cnkt-invite .cnkp-toggles label{align-items:flex-start}
.cnkt-invite .cnkp-toggles select{margin-top:6px;height:32px;max-width:320px}
.cnkb .cnkt-invite .cnkp-in{width:100%;height:36px;margin:0;padding:0 12px;border:1px solid var(--kb-b,var(--ks-b));border-radius:8px;background:var(--kb-bg,var(--ks-bg));color:var(--kb-t,var(--ks-t));font:inherit;font-size:14px;box-shadow:none}
.cnkb .cnkt-invite .cnkp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cnkb .cnkt-invite .cnkp-f{display:grid;gap:6px}
.cnkb .cnkt-invite .cnkp-f>span:first-child{font-size:12px;font-weight:500}
.cnkb .cnkt-invite .cnkp-toggles{display:grid;gap:8px}
.cnkb .cnkt-invite .cnkp-toggles label{display:flex;gap:10px;font-size:13px;cursor:pointer}
.cnkb .cnkt-invite .cnkp-toggles input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--kb-p,var(--ks-p))}
.cnkb .cnkt-invite .cnkp-toggles span{display:grid;gap:2px;flex:1}
.cnkb .cnkt-invite .cnkp-toggles small{font-size:12px;color:var(--kb-m,var(--ks-m))}
.cnkb .cnkt-invite .cnkp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cnkb .cnkt-invite .cnkp-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--kb-p,var(--ks-p));background:var(--kb-p,var(--ks-p));color:#fff!important;font-size:13px;font-weight:500;cursor:pointer;box-shadow:none}
.cnkb .cnkt-invite .cnkp-btn:disabled{opacity:.45}
.cnkb .cnkp-msg{margin:0;padding:8px 12px;border-radius:8px;border-left:3px solid var(--kb-ok,var(--ks-ok));font-size:13px;line-height:1.5;background:var(--kb-okbg,var(--ks-okbg));color:var(--kb-t,var(--ks-t));flex:1 1 100%}
.cnkb .cnkp-msg.err{background:var(--kb-errbg,var(--ks-errbg));border-left-color:var(--kb-err,var(--ks-err))}
.cnkb .cnkp-msg[hidden]{display:none}
@media (max-width:600px){.cnkb .cnkt-invite .cnkp-row{grid-template-columns:1fr}.cnkt-acts{text-align:left}.cnkb .cnkb-tbl.cnkt td.cnkt-acts::before{content:none}}