:root{color-scheme:dark;--bg:#0b0b0c;--surface:#151516;--surface2:#1c1c1e;--surface3:#252527;--text:#f5f4f2;--sub:#a7a4a0;--muted:#797979;--line:#303034;--orange:#ff9500;--orange2:#ffab35;--green:#7dde9d;--blue:#85bdff;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em;margin-bottom:10px}h2{font-size:21px;letter-spacing:-.028em;margin:0}h3{font-size:16px;letter-spacing:-.02em}em{font-style:normal;color:var(--orange)}strong{font-weight:700}.muted{color:var(--sub);font-size:13px}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;border-right:1px solid #252527;background:#111112;padding:30px 19px 19px;overflow-y:auto}.logo{display:block;margin:0 2px 15px}.logo img{width:210px;max-width:100%;height:auto;display:block}.portal-label{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:23px;font-size:10px;letter-spacing:.2em;color:var(--sub);font-weight:800}.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff950021}.nav{display:flex;flex-direction:column;gap:5px;margin-top:32px}.nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;color:#bbb9b7;font-weight:600;transition:.2s}.nav a span{font-size:21px;min-width:24px;color:#8d8b88;font-weight:400}.nav a.active,.nav a:hover{color:white;background:#2b241b}.nav a.active{box-shadow:inset 3px 0 var(--orange)}.nav a.active span{color:var(--orange)}.nav-heading{color:#777476;font-size:10px;font-weight:800;letter-spacing:.16em;padding:24px 14px 8px}.side-foot{margin-top:auto;padding:32px 10px 6px}.back-link{font-size:12px;color:var(--sub)}.back-link:hover{color:var(--orange)}.side-user{display:flex;gap:10px;align-items:center;margin:23px 0 12px;padding-top:20px;border-top:1px solid var(--line)}.avatar,.message-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#44301a;color:var(--orange);font-size:16px;font-weight:800}.side-user strong{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.side-user small{color:var(--muted);font-size:11px}.logout{padding:0;background:none;border:0;color:#aaa;font-size:12px}.logout:hover{color:var(--orange)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid #242426;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:18px;font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--sub)}.topbar>span:first-of-type{display:flex;align-items:center;gap:12px}.topbar-right{letter-spacing:0;font-size:12px;text-transform:none;overflow:hidden;text-overflow:ellipsis}.content{max-width:1190px;width:100%;margin:0 auto;padding:52px clamp(22px,5vw,60px) 70px;flex:1}.footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:24px clamp(22px,5vw,60px);font-size:11px;color:#777}.footer div{display:flex;gap:22px}.footer a:hover{color:var(--orange)}.kicker{display:block;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.17em;margin:0 0 15px}.section-header{margin-bottom:35px}.section-header p{color:var(--sub);font-size:15px;margin:14px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:49px}.metric{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1b1d,#151515);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:173px}.metric:after{content:"";height:180px;width:180px;background:radial-gradient(circle,#ff950011,transparent 70%);position:absolute;right:-55px;bottom:-70px}.metric-icon{color:var(--orange);float:right;font-size:25px;line-height:1}.metric small{color:var(--sub);display:block;font-weight:650;font-size:12px;margin-bottom:12px}.metric strong{font-size:38px;display:block;line-height:1.1;letter-spacing:-.05em}.metric-desc{font-size:12px;color:var(--muted)}.section-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 18px}.section-row .kicker{margin-bottom:7px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#1d1d1f}th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#888;padding:18px 20px;font-weight:800}td{border-top:1px solid #2a2a2e;padding:18px 20px;vertical-align:middle;color:#d2d0ce}td strong,td b{color:#f3f2f1}.row-sub{display:block;color:#888;font-size:12px;margin-top:2px;max-width:285px;overflow:hidden;text-overflow:ellipsis}.table-link{color:var(--orange);font-weight:700;font-size:12px}.table-link:hover,.text-button:hover{color:#ffd18d}.empty-cell{text-align:center;color:var(--sub);padding:38px}.pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:700;border-radius:100px;padding:5px 10px;background:#373025;color:#ffbd68}.pill-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.pill.orange{background:#3e2a1b;color:#ffad4a}.pill.green{background:#173126;color:#79dda3}.pill.blue{background:#1f2f43;color:#87bfff}.pill.purple{background:#2d2441;color:#c9a3fa}.pill.gray{background:#2e2e30;color:#aaa}.hint{display:flex;align-items:center;gap:16px;border:1px solid #3c3021;background:linear-gradient(100deg,#231b12,#1b1916);padding:21px 24px;margin-top:27px;border-radius:var(--radius);color:#cfc2b3}.hint-icon{font-size:25px;color:var(--orange)}.hint strong{display:block;color:#fff}.hint p{margin:3px 0 0;font-size:12px}.hint a{color:#ffad4a;text-decoration:underline}.btn{border:1px solid transparent;border-radius:10px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:800;transition:transform .2s,background .2s;color:#111;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--orange);color:#15100b}.btn.primary:hover{background:#ffb23f}.btn.secondary{background:#343436;color:#f8f8f8}.btn.ghost{background:transparent;color:#ddd;border-color:#48484a}.btn.small{font-size:12px;padding:9px 15px}.tools{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:0 0 20px}.tabs{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding-bottom:5px}.tabs a{white-space:nowrap;padding:9px 14px;color:#aaa;font-size:12px;font-weight:700;border-radius:9px;background:#1a1a1c;border:1px solid transparent}.tabs a.selected{color:var(--orange);border-color:#775025;background:#292116}.ticket-list{display:flex;flex-direction:column;gap:12px}.ticket-card{display:block;padding:23px 26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:background .2s,border .2s,transform .2s}.ticket-card:hover{background:#1c1b1a;border-color:#775025;transform:translateX(4px)}.ticket-number{color:var(--orange);font-weight:750;font-size:11px;letter-spacing:.06em}.ticket-number span{color:#82807d}.ticket-info{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:9px 0 8px}.ticket-info h3{margin:0;font-size:17px}.ticket-meta{font-size:12px;color:#8b8a88}.empty-state{text-align:center;padding:55px 20px}.empty-state p{color:var(--sub)}.empty-icon{font-size:36px;color:var(--orange);margin-bottom:12px}.back{margin:-20px 0 32px}.back a{color:#aaa}.back a:hover{color:var(--orange)}.ticket-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-title h1{margin:0}.ticket-sub{color:#888;margin-top:14px;margin-bottom:28px}.status-bar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:33px}.inline-form{display:flex;gap:10px;align-items:center}.inline-form select{min-width:205px}.thread{display:flex;flex-direction:column;gap:17px;margin-bottom:28px}.message{display:flex;gap:15px;align-items:flex-start}.message.staff .message-avatar{background:#493019}.message:not(.staff) .message-avatar{background:#2c2c31;color:#aaa}.message-content{border:1px solid #343436;background:#18181a;border-radius:0 16px 16px 16px;padding:20px 22px;min-width:0;flex:1}.message.staff .message-content{background:#231e17;border-color:#463526}.message-top{display:flex;justify-content:space-between;gap:13px;margin-bottom:12px}.message-top small{color:#898783}.message-text{font-size:14px;line-height:1.75;overflow-wrap:anywhere;color:#dedbd8}.reply{padding:25px}.reply h2{margin-bottom:19px}.form-panel{padding:30px;max-width:760px}.form-panel h2{margin-bottom:17px}.form{display:flex;gap:19px}.form.vertical{flex-direction:column}.form label{display:flex;flex-direction:column;gap:8px;color:#dbd9d6;font-size:12px;font-weight:750}.form label small{color:#8b8986;font-weight:400}.form input:not([type="checkbox"]),.form select,.form textarea,.inline-form select,.status-select-form select{outline:none;min-width:0;width:100%;border:1px solid #4a4a4d;border-radius:10px;background:#111112;color:#fff;padding:14px 15px;transition:border .2s;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus,.inline-form select:focus{border-color:var(--orange)}.form input::placeholder,.form textarea::placeholder{color:#777}.form input[type=file]{padding:12px}.form select,.inline-form select{appearance:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid-button{align-self:end}.form-grid-button .btn{height:47px}.form-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin-top:7px}.form-actions .muted{margin-right:auto}.form-note{font-size:12px;color:#82807f}.status-select-form{display:flex;gap:6px;align-items:center}.status-select-form select{padding:7px 8px;font-size:11px}.save-mini{border:0;border-radius:6px;background:#2d291e;color:var(--orange);font-weight:800;padding:8px}.text-button{border:0;background:none;padding:0;color:var(--orange);font-size:12px;font-weight:700}.invite{padding:23px;margin-bottom:22px;border-color:#a16922;background:#211c16}.invite .kicker{margin-bottom:5px}.invite p{color:#d8c7b4}.copyline{display:flex;gap:7px}.copyline input{min-width:0;flex:1;color:#dadada;background:#141414;border:1px solid #4b3e2d;border-radius:8px;padding:10px}.divider{height:1px;background:var(--line);margin:26px 0}.auth-wrapper{min-height:100vh;background:radial-gradient(ellipse at 50% 8%,#3a2610 0,#171310 35%,var(--bg) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px}.auth-logo{margin-bottom:30px}.auth-logo img{width:250px;max-width:100%;height:auto;display:block}.auth-box{width:min(470px,100%);background:linear-gradient(135deg,#202021,#151515);border:1px solid #3b3430;padding:clamp(26px,5vw,39px);border-radius:22px;box-shadow:0 30px 90px #0008}.auth-box h1{font-size:36px}.auth-sub{color:var(--sub);font-size:14px;line-height:1.7;margin:12px 0 29px}.auth-box .form{gap:19px}.auth-box .btn{width:100%;margin-top:10px}.auth-help{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:var(--muted);font-size:12px;text-align:center;line-height:1.8}.auth-help a{color:var(--orange)}.auth-footer{color:#737373;font-size:11px;margin-top:25px}.auth-footer a:hover{color:var(--orange)}.notice{margin-bottom:25px;padding:15px 19px;border-radius:10px;background:#1c3927;border:1px solid #36794e;color:#a3f0bb}.notice.error{background:#3d231d;border-color:#a45038;color:#ffc0b2}.mobile-menu{display:none}.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}
@media(max-width:1000px){.layout{grid-template-columns:215px 1fr}.sidebar{padding:25px 10px}.content{padding:35px 25px 60px}.topbar{padding:0 25px}.logo img{width:185px}.metric{padding:20px}.footer{padding:24px}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;left:0;top:0;width:265px;z-index:22;box-shadow:20px 0 80px #000a;transform:translateX(-110%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;border:1px solid #4b4b4f;color:white;background:#222;border-radius:7px;padding:6px 10px;margin-right:5px;font-size:18px}.topbar{justify-content:flex-start;height:61px}.topbar-right{margin-left:auto}.content{padding:32px 18px 55px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric{min-height:135px;padding:15px}.metric strong{font-size:28px}.metric small,.metric-desc{font-size:10px}.tools{align-items:stretch;flex-direction:column}.ticket-title{align-items:start;flex-direction:column;gap:12px}.ticket-info h3{font-size:15px}.section-row{align-items:center}.form-grid{grid-template-columns:1fr}.form-grid-button{align-self:stretch}.status-bar{align-items:start;flex-direction:column}.inline-form{width:100%}.inline-form select{min-width:0}.footer{padding:18px;flex-wrap:wrap}.message-top{flex-direction:column;gap:0}.message-content{padding:15px}.form-actions{flex-wrap:wrap}.auth-wrapper{justify-content:center}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.metric{min-height:120px}.topbar-right{max-width:140px}.section-row .btn{font-size:11px}.copyline{flex-direction:column}.ticket-card{padding:18px}.form-panel{padding:19px}.message-avatar{height:34px;width:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V4 Kundenakte */
.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}.customer-grid{display:grid;grid-template-columns:minmax(310px,.95fr) minmax(0,1.25fr);gap:20px;align-items:start}.customer-data-stack{display:grid;gap:20px;min-width:0}.customer-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.customer-new{max-width:1050px;margin:20px 0 32px}.customer-form-heading{margin-bottom:18px}.customer-form-heading h2{margin:6px 0}.customer-form-heading p{color:#bbb}.customer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.customer-grid .panel a:not(.btn){color:#ffa52f;text-decoration:none}.customer-grid .panel a:not(.btn):hover{text-decoration:underline}.customer-data-stack table{min-width:0}
@media(max-width:1050px){.customer-grid{grid-template-columns:1fr}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.customer-metrics{grid-template-columns:1fr}}

/* V5: klare Navigationsgruppen und Kundenstammdaten */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#515151 transparent}.nav-heading{margin-top:18px!important;color:#a7a7a7!important}.version-chip{font-size:10px;font-weight:800;letter-spacing:.07em;color:#ffad36;border:1px solid #79501a;border-radius:6px;padding:3px 5px;margin-left:8px}.customer-create-full{max-width:960px}.customer-create-full h2{margin-top:24px}.customer-quick{margin:16px 0 22px}.customer-quick p{color:#aaa;font-size:13px;margin:9px 0}.nav a{line-height:1.3;min-height:39px}

.customer-delete{margin-top:18px;padding:16px;border:1px solid #69302a;border-radius:12px}.customer-delete small{display:block;color:#c6aaa4;margin-top:9px}

.kp-mfa-remember { display:flex;align-items:flex-start;gap:10px;margin:12px 0 6px;line-height:1.45;font-size:14px;cursor:pointer; }
.kp-mfa-remember input[type=checkbox] { margin:3px 0 0;flex:0 0 auto;width:17px;height:17px; }
.kp-mfa-remember-help { font-size:12px;line-height:1.5;opacity:.8;margin:0 0 16px; }
.kp-mfa-revoke { margin-top:18px;border-top:1px solid rgba(127,127,127,.25);padding-top:16px; }

/* KPORTAL_MFA_8H_V1_END */