:root{color-scheme:light;--bg:#f3f6fa;--card:#fff;--line:#e2e8f0;--text:#172638;--muted:#617287;--green:#087f6b;--blue:#245cbd;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:#2359a6;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.9px;line-height:1.2;margin:0 0 12px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:17px}p{overflow-wrap:anywhere}.muted{color:var(--muted)}
.etk-header{height:80px;display:flex;align-items:center;gap:30px;padding:0 32px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.etk-brand{display:flex;align-items:center;gap:12px;color:#182b42;font-weight:750;line-height:1.2;min-width:220px}.etk-brand:hover{text-decoration:none}.etk-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#123250;color:white;font-size:16px;letter-spacing:1px}.etk-brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:5px}.etk-current{color:var(--muted);font-size:14px}.etk-logout{margin-left:auto;color:var(--muted);font-size:13px}.etk-sidebar{position:fixed;top:80px;bottom:0;left:0;width:244px;background:white;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.etk-nav-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8a98a8;padding:0 14px;margin:0 0 15px}.etk-sidebar nav,.etk-mobile-menu nav{display:grid;gap:6px}.etk-sidebar nav a,.etk-mobile-menu nav a{padding:12px 14px;border-radius:9px;font-size:14px;font-weight:550;color:#53657b}.etk-sidebar nav a:hover,.etk-mobile-menu nav a:hover{background:#f4f7fb;text-decoration:none}.etk-sidebar nav a.is-active,.etk-mobile-menu nav a.is-active{background:#eaf3f8;color:#0d6579;box-shadow:inset 3px 0 #168597}.etk-sidebar-foot{margin-top:auto;padding:20px 14px 0;font-size:12px;color:#344c65}.etk-sidebar-foot span{color:#8795a5;font-size:11px}.etk-mobile-menu{display:none}
body>.wrap,body>main.wrap,body>main.shell{width:auto;max-width:1400px;margin:0 24px 0 268px;padding:34px 26px 60px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:16px 0;box-shadow:0 4px 18px rgba(18,40,68,.025)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.grid>.card{margin:0}.big{font-size:32px;font-weight:750;color:#18334c}.badge{background:#f3f7fb;border:1px solid var(--line);color:#52657c;border-radius:999px;font-size:11px;padding:4px 10px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.actions{display:flex;flex-wrap:wrap;gap:8px}
input,select,textarea{background:#fbfcfe;color:var(--text);border:1px solid #ccd7e4;border-radius:9px;font:inherit;padding:11px 12px;width:100%;margin:6px 0 17px}input:focus,select:focus,textarea:focus{outline:3px solid #d9eaf5;border-color:#5f94bb}input[type=checkbox],input[type=radio]{width:18px;height:18px;vertical-align:middle;accent-color:#087f6b;margin:0 8px 0 0;flex-shrink:0}label{display:block;font-size:14px;font-weight:550;color:#344a62;margin:12px 0}button,.btn,.button{font:inherit;font-weight:600;background:#087f6b;color:white;border:0;border-radius:9px;padding:11px 17px;display:inline-block;cursor:pointer;margin:4px 4px 4px 0;text-decoration:none}button:hover,.btn:hover,.button:hover{filter:brightness(.95);text-decoration:none}.btn.secondary,.button.secondary{background:#edf2f7;color:#344b65}.button.blue{background:#245cbd}button:disabled{cursor:wait;opacity:.55}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#77889c;background:#f8fafc}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}code{background:#f1f5f9;color:#314a64;border-radius:5px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}.ok{color:#087f6b}.err{color:#b33145;background:#fff2f3;padding:12px 16px;border-radius:9px}.warn{color:#946214}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#64829a;font-weight:700}.hero{background:#123250;color:#fff;border:0;padding:32px;margin-bottom:26px}.hero h1{color:#fff}.hero p{color:#b9cedd;max-width:620px}.hero .btn{background:#fff;color:#123250}.hero .btn.secondary{background:#284963;color:#fff}.link-card{color:var(--text);display:block;transition:transform .15s,border-color .15s}.link-card:hover{border-color:#97b7d0;transform:translateY(-2px);text-decoration:none}.link-card h2,.link-card h3{margin:8px 0}.link-card p{font-size:13px;color:var(--muted);margin:0}.card-tag{font-size:10px;color:#168597;font-weight:700;letter-spacing:1px;text-transform:uppercase}.empty-state{text-align:center;padding:40px;color:var(--muted)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:8px;overflow:hidden}.calendar-weekday,.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.calendar-weekday{text-align:center;font-size:11px;font-weight:700;background:#f8fafc;color:#71849a}.calendar-day{min-height:130px;background:#fff}.calendar-day.is-today{background:#eef8f6}.calendar-day.is-outside{background:#f8fafc}.calendar-day-number{font-size:12px;font-weight:700;margin-bottom:8px}.calendar-event{display:block;font-size:11px;color:#176359;background:#e7f5ef;padding:5px 7px;margin:4px 0;border-radius:5px;overflow-wrap:anywhere}.calendar-event.order{background:#fff4df;color:#856019}.calendar-agenda{display:none}.calendar-event-time{font-weight:700}.page-intro{color:var(--muted);max-width:760px;margin-bottom:26px}.settings-group{margin-top:30px}.voice-card,.voice-log{background:#fff!important;border-color:var(--line)!important}.voice-kicker{color:var(--muted)!important}.voice-card h2{color:var(--text)}.voice-actions{gap:8px}.mobile-nav{margin-top:20px}.shell .notice{background:#edf6fb;color:#254d68}
@media(min-width:1000px){body>.wrap,body>main.wrap,body>main.shell{margin-right:auto;max-width:calc(100% - 290px)}}
@media(max-width:900px){.etk-sidebar{width:210px}.etk-brand{min-width:180px}body>.wrap,body>main.wrap,body>main.shell{margin-left:226px;padding:24px 10px}.calendar-day{padding:6px;min-height:110px}}
@media(max-width:700px){.etk-header{height:68px;padding:0 16px;gap:12px}.etk-brand{min-width:0;font-size:14px}.etk-mark{width:38px;height:38px}.etk-current,.etk-sidebar{display:none}.etk-mobile-menu{display:block;background:#fff;border-bottom:1px solid var(--line);padding:0 16px;position:relative;z-index:30}.etk-mobile-menu summary{padding:13px 4px;font-size:13px;font-weight:650;cursor:pointer}.etk-mobile-menu summary span{float:right;color:var(--muted);font-weight:400}.etk-mobile-menu nav{padding:0 0 14px}body>.wrap,body>main.wrap,body>main.shell{margin:0;padding:24px 16px 45px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:20px;border-radius:13px}.hero{padding:24px}.big{font-size:27px}.calendar-grid{display:none}.calendar-agenda{display:block}.calendar-agenda-day{padding:14px 0;border-bottom:1px solid var(--line)}.calendar-event{font-size:13px}table{min-width:480px}th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5){display:table-cell}.card:has(table){overflow:auto}.etk-logout{font-size:12px}.top .actions{width:100%}.voice-wrap{max-width:none!important}}
.candidate{background:#f8fafc;border-color:var(--line);color:var(--text)}.mobile-nav{background:rgba(255,255,255,.96)}pre{background:#f5f8fb;color:var(--text)}button.secondary{background:#edf2f7;color:#344b65}.pill{color:#52657c;border-color:var(--line);background:#f3f7fb}.quiet{color:var(--muted)!important}.draft-row{border-color:var(--line)!important;align-items:center}.draft-row>a{color:var(--text)}.draft-row .actions{align-items:center}.draft-row small{font-size:12px}.success{color:#087f6b}.warning{color:#946214}.button.danger{background:#b33145}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7ab7dc;outline-offset:3px}details>summary{cursor:pointer;font-weight:650;color:#344b65}

body.etk-auth>.wrap{margin:8vh auto!important;padding:28px!important;max-width:520px!important;width:100%}.etk-auth .etk-brand{justify-content:center}.etk-auth h1{text-align:center;font-size:28px}.etk-auth>.wrap>p{text-align:center}.etk-auth button{width:100%}

.etk-select-search{display:block;margin:12px 0 4px}.etk-select-search input{width:100%;box-sizing:border-box;margin:0 0 4px}.etk-select-search small{display:block;color:#62768b;font-size:.8rem;line-height:1.4}.etk-select-search+select{margin-top:4px}

.commerce-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.commerce-tabs a{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:9px}.inline-form{display:inline-block;margin:4px}.position-row{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:18px;margin:16px 0}.position-row legend{font-weight:700;padding:0 7px}.position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.position-row textarea{min-height:95px}.table-scroll{overflow:auto}.product-image{max-width:100%;height:150px;object-fit:contain;display:block;margin:auto}.document-photo{max-width:100%;max-height:350px;object-fit:contain}.calculation{background:#edf8f6;border-color:#9bd0c8;line-height:1.8}.etk-sidebar{overflow-y:auto;max-height:calc(100vh - 78px)}@media(max-width:700px){.position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-tabs a{font-size:12px;padding:8px}.position-row{padding:12px}.inline-form{display:block}}
/* Kundenarbeitsplatz: Inhalt links, immer sichtbarer Kontext rechts. */
.customer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:26px}.workspace-main{min-width:0}.customer-context{position:sticky;top:98px;max-height:calc(100vh - 116px);overflow:auto;background:white;border:1px solid #d9e4ed;border-radius:16px;box-shadow:0 8px 24px #17263808}.context-strip{background:#123250;color:white;border-radius:15px 15px 0 0;margin:0;padding:19px 20px;text-align:left;width:100%;display:grid;gap:6px}.context-strip .section-kicker{color:#9bdad5;margin:0}.context-strip strong{font-size:20px;line-height:1.35;overflow-wrap:anywhere}.context-strip small{font-size:12px;color:#d2e4ed;line-height:1.45}.context-expand{display:none}.context-body{padding:0 20px 22px}.context-body h3{font-size:13px;letter-spacing:.3px;margin:0 0 12px;color:#345369}.context-body>div{border-bottom:1px solid #e8eef3;padding:18px 0}.context-body>div:last-child{border:0}.context-body p{margin:0 0 8px;font-size:13px}.context-contact-name{font-weight:650}.context-address{white-space:pre-line;color:#60738a}.context-links{display:grid;gap:5px;font-size:13px;overflow-wrap:anywhere}.context-shortcuts{display:flex;gap:6px;margin-top:13px}.context-shortcuts .btn{font-size:11px;padding:7px 10px}.context-body small{display:block;font-size:11px;color:#6b7f90}.context-body strong{display:block;font-size:13px;color:#19364b}.context-warning{display:block;padding:4px 7px;background:#fff1d7;color:#8b5810;font-size:11px;border-radius:5px;margin-top:4px}.context-system{border:1px solid #e3ebf1;padding:9px;border-radius:9px;margin-bottom:8px}.context-system.is-current{border-color:#30a79b;background:#eff9f6}.system-choice,.project-choice{display:block;background:transparent;color:#264d66;padding:0;margin:0 0 5px;text-align:left;width:100%;font-size:12px;font-weight:650}.project-choice{padding:8px;border:1px solid #e3ebf1;border-radius:7px}.context-text-link{font-size:12px}.customer-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #d5e6ec}.customer-timeline li{position:relative;padding:0 0 16px 7px}.customer-timeline li:before{content:'';width:8px;height:8px;border-radius:50%;background:#159185;position:absolute;left:-19px;top:7px;border:3px solid #fff}.customer-timeline time{display:block;font-size:10px;color:#8193a3}.customer-timeline a{font-size:12px;display:block;margin-top:3px}.etk-choice{position:relative;margin:7px 0 18px}.etk-choice input{margin:0 0 6px;box-sizing:border-box}.choice-list{max-height:210px;overflow-y:auto;border:1px solid #dbe5ee;border-radius:9px;background:white;padding:4px;display:grid;gap:3px}.choice-option{background:white;color:#35536a;text-align:left;margin:0;padding:8px 10px;border-radius:6px;width:100%;font-size:13px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.choice-option:hover{background:#f0f6fa;filter:none}.choice-option[aria-selected=true]{background:#e3f5ee;color:#096453;font-weight:650}.choice-compact{display:flex;flex-wrap:wrap;max-height:none}.choice-compact .choice-option{width:auto;flex:1;min-width:80px;text-align:center}.choice-selected{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:5px}.choice-pill{font-size:11px;background:#edf5f8;padding:3px 7px;border-radius:6px;color:#2d5871;max-width:100%;overflow-wrap:anywhere}.etk-choice>small{display:block;color:#708597;font-size:11px;margin-top:5px}.choice-empty{font-size:12px;padding:10px;color:#647c8f}.choice-native{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;margin:0!important;pointer-events:none}.choice-invalid .choice-list{border-color:#b33145}.is-disabled{opacity:.55}.etk-dialog{border:1px solid #dbe5ee;border-radius:18px;padding:26px;width:min(760px,90vw);max-height:85vh;overflow:auto;box-sizing:border-box;background:#fff;color:#172638}.etk-dialog::backdrop{background:#122f48a6;backdrop-filter:blur(3px)}.kind-choices{border:0;padding:0;margin:10px 0 22px;display:flex;gap:8px;flex-wrap:wrap}.kind-choices legend{font-weight:650;font-size:13px}.kind-choices label,.kind-chip{padding:9px 12px;border:1px solid #dce6ed;border-radius:8px;background:#f8fbfd;cursor:pointer;margin:4px 0;font-size:12px}.kind-choices label:has(input:checked),.kind-chip:has(input:checked){background:#e6f5ee;border-color:#59af99}.step-nav{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 24px}.step-nav a{font-size:12px;padding:7px 10px;border-radius:7px;background:#edf3f7;color:#44627a}.document-step{border:1px solid #e2eaf1;background:#fff;border-radius:13px;padding:20px;margin:18px 0;scroll-margin-top:110px}.document-step h3{display:flex;gap:10px;align-items:center;margin-top:0}.step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:12px;background:#123250;color:#fff}.document-savebar{position:sticky;bottom:12px;background:#fffffff5;border:1px solid #cbdedc;box-shadow:0 5px 25px #173b4820;border-radius:12px;padding:11px 14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;backdrop-filter:blur(5px)}.document-savebar small{font-size:11px;color:#668195}.document-savebar button{margin:0}.customer-list-card{cursor:pointer;transition:border-color .15s}.customer-list-card:hover{border-color:#6ea4ba}.customer-list-card h2{font-size:18px;margin:0 0 5px}.customer-list-card .customer-meta{color:#698195;font-size:12px}.live-count{display:block;font-size:12px;color:#668195;margin-top:5px}[hidden]{display:none!important}.mail-panel{border-top:3px solid #159185}.mail-envelope{padding:14px;background:#f2f7fa;border-radius:9px;margin-bottom:15px;font-size:13px}.mail-envelope strong{color:#123250}.document-preview{border:1px solid #dce7ef;padding:18px;border-radius:10px;background:#f8fbfd}.status-pills{display:flex;flex-wrap:wrap;gap:8px}.document-preview p{font-size:13px}.customer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-actions .btn{margin:0;text-align:center;padding:12px;font-size:12px}.document-row h3{font-size:17px}.customer-workspace .grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media(max-width:1200px) and (min-width:801px){.customer-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.context-body{padding:0 14px 16px}.context-strip{padding:16px}.customer-workspace .grid{grid-template-columns:1fr}.position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.customer-workspace{display:flex;flex-direction:column;gap:14px}.workspace-main{width:100%;order:1}.customer-context{order:0;width:100%;position:sticky;top:68px;max-height:none;overflow:visible;z-index:25;border-radius:12px}.context-strip{border-radius:11px;padding:10px 14px;gap:2px}.context-strip strong{font-size:16px}.context-strip small{max-height:30px;overflow:hidden}.context-strip .section-kicker{font-size:8px}.context-expand{display:block;position:absolute;right:12px;top:10px;font-size:10px;color:#9ad6d0}.context-body{display:none}.context-open .context-body{display:block;overflow:auto;max-height:calc(100vh - 235px)}.customer-workspace .grid{grid-template-columns:1fr}.document-step{padding:16px;scroll-margin-top:175px}.document-savebar small{display:none}.etk-dialog{padding:18px}.choice-list{max-height:190px}.position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-workspace .position-row{padding:12px}}
.context-strip{position:sticky;top:0;z-index:2}#context-projects{max-height:245px;overflow:auto}#context-assets{max-height:285px;overflow:auto}.role-details,.article-library{border:1px solid #e0eaf0;border-radius:10px;padding:12px 14px;margin:16px 0}.role-details summary,.article-library summary{font-size:13px}.position-row input,.position-row textarea,.document-step input,.document-step textarea{box-sizing:border-box}.kind-chip{display:block}

@media(max-width:800px){.etk-sidebar,.etk-current{display:none}.etk-header{height:68px;padding:0 16px;gap:12px}.etk-brand{min-width:0}.etk-mobile-menu{display:block;background:white;padding:0 16px;border-bottom:1px solid var(--line)}.etk-mobile-menu summary{padding:13px 4px}.etk-mobile-menu nav{padding-bottom:14px}body>main.wrap,body>.wrap,body>main.shell{margin:0;padding:24px 16px 45px}}

.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.dashboard-metrics .card{display:grid;gap:8px;margin:0;color:var(--text)}.dashboard-metrics strong{font-size:32px;color:#126d68}.dashboard-metrics small,.dashboard-row small{display:block;font-size:11px;color:var(--muted)}.dashboard-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}.dashboard-row>div{flex:1;min-width:170px}.dashboard-row p{margin:6px 0;font-size:12px}.dashboard-row:last-child{border:0}.original-mail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f4f7fa;padding:16px;border-radius:8px}.op-list-card p{overflow-wrap:anywhere}button,input,textarea,select{font-family:inherit}#operations-form .grid{gap:12px}@media(max-width:1100px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.dashboard-metrics .card{padding:14px}.dashboard-metrics strong{font-size:27px}.dashboard-row{align-items:flex-start}.dashboard-row .btn{width:100%;text-align:center}}
