:root{
  --kac-graphite:#202832;
  --kac-blue:#2855C7;
  --kac-deep-blue:#173B73;
  --kac-orange:#E97824;
  --kac-bg:#F3F5F7;
  --kac-border:#AEB8C2;
  --kac-text:#17202A;
  --kac-muted:#4A5561;
  --kac-blue-soft:#EEF3FF;
  --kac-orange-soft:#FFF2E8;
  --navy:#173B73;
  --turq:#2855C7;
  --turq-hover:#173B73;
  --teal:#2855C7;
  --teal-dark:#173B73;
  --light:#F3F5F7;
  --border:#AEB8C2;
  --muted:#4A5561;
  --bg:#F3F5F7;
  --line:#AEB8C2;
  --ink:#17202A;
  --soft:#EEF3FF;
  --accent-soft:#EEF3FF;
  --accent-line:#B8C9EE;
}
html{color-scheme:light}
body{color:var(--kac-text);background-color:var(--kac-bg)}
h1,h2,h3,h4,h5,h6{color:var(--kac-deep-blue)}
p,.small,.sub,.hint,.muted{color:var(--kac-muted)}
input,select,textarea{color:var(--kac-text);border-color:var(--kac-border);background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--kac-blue)!important;box-shadow:0 0 0 3px rgba(40,85,199,.16)!important;outline:0}
button,.button,.btn{font-weight:600}
button.primary,.button.primary,.btn.primary,button[type="submit"]{background:var(--kac-blue);border-color:var(--kac-blue);color:#fff}
button.primary:hover,.button.primary:hover,.btn.primary:hover,button[type="submit"]:hover{background:var(--kac-deep-blue);border-color:var(--kac-deep-blue)}
.card,.box,.panel,.plan,.aud,.feature{border-color:var(--kac-border)}
.badge:not(.red):not(.danger),.pill,.chip{border-color:#B8C9EE}
.warning-box{border-left-color:#C47A00!important;background:#FFF8E6!important;color:#604400!important}
.ok-box{border-left-color:#27845A!important;background:#EFFAF4!important;color:#195C3D!important}
.kpi{border-color:var(--kac-border)!important;background:#fff}
.kpi-value{color:var(--kac-orange)!important}
.kpi-label{color:var(--kac-muted)!important}
.header-total{border-color:#B8C9EE!important}
.header-total>b,.header-total>b>span{color:var(--kac-orange)!important}
.tabs{gap:0!important;border:1px solid var(--kac-border)!important;border-radius:10px!important;overflow:hidden;margin-bottom:16px!important}
.tabs .tab{margin:0!important;border:0!important;border-right:1px solid #D6DDE4!important;border-radius:0!important;background:#fff!important;color:var(--kac-deep-blue)!important;font-size:12.5px!important;font-weight:600!important;line-height:1.25!important;padding:11px 12px!important;box-shadow:none!important}
.tabs .tab:last-child{border-right:0!important}
.tabs .tab:hover{background:#F6F8FC!important}
.tabs .tab.active{background:var(--kac-blue)!important;border-color:var(--kac-blue)!important;color:#fff!important;font-weight:700!important}
.tabs .tab-future{color:#697482!important;background:#F3F5F7!important;cursor:default}
.tabs .tab-future:hover{background:#F3F5F7!important}
.report-table th{color:var(--kac-deep-blue)}
.summary-row th,.summary-row td{background:var(--kac-orange-soft)!important}
.report-kpi{border-color:var(--kac-deep-blue)!important}
.report-kpi .val{color:var(--kac-orange)!important}
.logout-btn,.danger,.btn.danger{color:#A72A36!important}

/* Öffentliche Landingpage */
body.landing-page header,.landing-page .site-header{background:var(--kac-graphite);color:#fff}
.landing-page header a,.landing-page header .brand,.landing-page header .navlinks a{color:#fff}
.landing-page .hero{background:linear-gradient(135deg,#F7F9FC 0%,#EEF3FF 100%)}
.landing-page .hero h1{color:var(--kac-deep-blue)}
.landing-page .cta .primary,.landing-page .nav .primary{background:var(--kac-blue)!important;color:#fff!important}
.landing-page .cta{background:transparent!important;align-items:center}
.landing-page .cta .btn{min-width:220px;box-shadow:0 8px 20px rgba(40,85,199,.14)}
.landing-page .cta .btn.ghost{background:#fff!important;color:var(--kac-deep-blue)!important;border-color:var(--kac-blue)!important}
.landing-page .circle{background:var(--kac-blue-soft)!important;color:var(--kac-blue)!important;border-color:#B8C9EE!important}
.landing-page .price,.landing-page .metric strong,.landing-page .result strong{color:var(--kac-orange)!important}
.landing-page .plan.reco{border-color:var(--kac-blue)!important;box-shadow:0 12px 30px rgba(40,85,199,.15)}
.landing-page .ribbon{background:var(--kac-blue)!important}
.landing-page footer{background:var(--kac-graphite)!important}

/* Anmeldung und einfache Formularseiten */
.auth-page{background:linear-gradient(135deg,#E9EEF5 0%,#F8F9FB 52%,#EAF0FA 100%)!important}
.auth-page .box{border-top:7px solid var(--kac-graphite);box-shadow:0 22px 60px rgba(32,40,50,.18)}
.auth-page .logo{background:var(--kac-graphite)!important;box-shadow:0 10px 26px rgba(32,40,50,.2)!important}
.auth-page h1{color:var(--kac-deep-blue)}
.auth-page .register,.auth-page .home-link,.auth-page a{color:var(--kac-blue)}

/* Startseite im Programm */
#appStart{background:var(--kac-bg)}
#appStart .start-shell{color:var(--kac-text);width:min(1180px,100%);max-width:1180px;min-width:0}
#appStart .start-shell *,#appStart .kac-start-dashboard,#appStart .kac-start-main,#appStart .kac-start-side{box-sizing:border-box;min-width:0}
#appStart{overflow-x:hidden}
#appStart .start-brand{background:var(--kac-graphite);color:#fff;border-radius:16px;padding:18px 20px}
#appStart .start-brand h1,#appStart .start-brand b,#appStart .start-brand .start-title{color:#fff}
#appStart .start-brand .start-sub,#appStart .start-brand .small{color:#DCE3EA}
#appStart .start-logo{background:var(--kac-blue)!important;color:#fff}
#appStart .start-section,#appStart .kac-start-section{border-top-color:var(--kac-deep-blue)!important}
#appStart .start-section.plan-section,#appStart .kac-start-section.plan{border-top-color:var(--kac-blue)!important}
#appStart .start-card{border-color:#C5CED7;background:#fff}
#appStart .start-card:hover{border-color:var(--kac-blue);box-shadow:0 8px 20px rgba(40,85,199,.12)}
#appStart .start-card.project-main{border-color:var(--kac-blue);background:var(--kac-blue);color:#fff}
#appStart .start-card.project-main b,#appStart .start-card.project-main span{color:#fff}
#appStart .kac-module-card{position:relative;padding:15px 14px 40px 64px!important;text-align:left}
#appStart .kac-module-card::after{content:"";position:absolute;left:14px;top:15px;width:36px;height:36px;border-radius:9px;background:var(--kac-blue-soft);border:1px solid #B8C9EE;z-index:1}
#appStart .kac-module-card::before{content:"";position:absolute;left:22px;top:23px;width:20px;height:20px;background:var(--kac-blue);z-index:2;-webkit-mask:var(--kac-mask) center/contain no-repeat;mask:var(--kac-mask) center/contain no-repeat}
#appStart .kac-module-card[data-feature="detail"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 19h18M5 19v-5h14v5M8 14V9h8v5M10 9V5h4v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-feature="ceiling"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v5H3zM5 14h14M7 18h10M9 22h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-feature="quick"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 2h6M12 5v3M12 13l3-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-feature="dish"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2S5 10 5 15a7 7 0 0 0 14 0c0-5-7-13-7-13zM9 16c.5 1.5 1.5 2.3 3 2.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-feature="ancillary"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V3h13v18M8 7h5M8 11h5M8 15h5M17 9h3v12H4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-feature="charcoal"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2c1 4-2 5-2 8 0 1.5 1 2.5 2 3.5 1-2 3-3 3-6 3 2 5 5 5 8a8 8 0 1 1-16 0c0-3 2-6 5-8-.5 3 1 4 1.5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[data-kac-rlt="true"]{--kac-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11c2 0 3-1 3-2.5S16 2 14.5 2c-1 0-1.8.5-2.2 1.3M3 12h16c1.7 0 3 1.2 3 2.7 0 1.4-1.2 2.5-2.7 2.5-1.1 0-2-.5-2.4-1.4M3 17h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart .kac-module-card[disabled]::after,#appStart .kac-module-card.is-locked::after,#appStart .kac-module-card.locked::after{background:var(--kac-orange-soft);border-color:#F3BD91}
#appStart .kac-module-card[disabled]::before,#appStart .kac-module-card.is-locked::before,#appStart .kac-module-card.locked::before{background:#C35E17}
#appStart .kac-module-card[disabled] b,#appStart .kac-module-card.is-locked b,#appStart .kac-module-card.locked b{color:#B95412!important}
#appStart #startSingleModules .kac-module-card .kac-norm-badge{left:64px!important}
#appStart .module-access-badge[data-kind="disabled"]{border-color:#F0B783!important;background:#FFF2E8!important;color:#A74E10!important}

/* Einheitliche lokale SVG-Symbole auf der Startseite */
#appStart [data-kac-icon]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
#appStart [data-kac-icon]::before{content:"";display:inline-block;flex:0 0 auto;width:20px;height:20px;background:var(--kac-blue);-webkit-mask:var(--kac-icon) center/contain no-repeat;mask:var(--kac-icon) center/contain no-repeat}
#appStart [data-kac-icon="document"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l4 4v16H6zM14 2v5h5M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="calculator"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 6h10v4H7zM8 14h1M12 14h1M16 14h1M8 18h1M12 18h1M16 18h1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="list"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12M3 6h1M3 12h1M3 18h1' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="folder"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="save"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h14l2 2v16H4zM8 3v6h8V3M8 21v-7h8v7' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="help"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9.7 9a2.4 2.4 0 1 1 3.4 2.2c-.8.4-1.1 1-1.1 1.8M12 17h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="message"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v12H9l-5 4zM8 9h8M8 12h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="user"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="logout"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4v16h6M14 8l4 4-4 4M8 12h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="bolt"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 5 14h6l-1 8 9-13h-6z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="wind"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11c2 0 3-1 3-2.5S16 2 14.5 2c-1 0-1.8.5-2.2 1.3M3 12h16c1.7 0 3 1.2 3 2.7 0 1.4-1.2 2.5-2.7 2.5-1.1 0-2-.5-2.4-1.4M3 17h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart [data-kac-icon="gear"]{--kac-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
#appStart .kac-start-section-title[data-kac-icon],#appStart .start-section h2[data-kac-icon],#appStart .kac-side-box h3[data-kac-icon]{display:flex;align-items:center;gap:10px}
#appStart .kac-top-actions button[data-kac-icon]{display:flex;align-items:center;gap:9px}
#appStart .kac-side-actions button[data-kac-icon]{position:relative;padding-left:48px!important;text-align:left}
#appStart .kac-side-actions button[data-kac-icon]::before{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px}
#appStart .kac-top-actions button[data-kac-icon="logout"]::before{background:#A72A36}
#appStart .kac-rlt-quickcalc-box{border-top-color:var(--kac-blue)!important;background:linear-gradient(180deg,#fff 0%,#F6F8FC 100%)}
#appStart .kac-rlt-quickcalc-copy{margin:0 0 12px;font-size:12.5px;line-height:1.45;color:var(--kac-muted)}
#appStart .kac-rlt-quickcalc-box .kac-side-actions button{border-color:#B8C9EE;background:#fff}
#appStart .kac-rlt-quickcalc-box .kac-side-actions button:hover{border-color:var(--kac-blue);box-shadow:0 7px 18px rgba(40,85,199,.12)}
#appStart .kac-side-badge{display:inline-flex;width:max-content;margin-top:7px;padding:2px 8px;border:1px solid #B8C9EE;border-radius:999px;background:var(--kac-blue-soft);color:var(--kac-deep-blue);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.03em}

@media (min-width:901px){
  #appStart #startSingleModules.kac-single-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:124px!important}
  #appStart #startSingleModules.kac-single-grid>.kac-module-card{height:124px!important;min-height:124px!important;max-height:124px!important}
}

/* Rechner und Verwaltung */
.header-inner,.topbar{border-color:#343E49}
body:not(.landing-page):not(.auth-page) header{background:var(--kac-graphite);color:#fff;border-bottom-color:#343E49}
body:not(.landing-page):not(.auth-page) header .brand-title,
body:not(.landing-page):not(.auth-page) header .brand-sub,
body:not(.landing-page):not(.auth-page) header .tenant-brand-meta,
body:not(.landing-page):not(.auth-page) header>.small,
body:not(.landing-page):not(.auth-page) header .header-inner>.small{color:#fff!important}
body:not(.landing-page):not(.auth-page) header .topbar{background:var(--wolf,var(--kac-blue))}
body:not(.landing-page):not(.auth-page) header button:not(.primary),
body:not(.landing-page):not(.auth-page) header .button:not(.primary){background:#fff;color:var(--kac-text);border-color:#D4DAE0}

/* Ruhige Desktop-Werkzeugleiste mit einheitlichen lokalen SVG-Symbolen */
body:not(.landing-page):not(.auth-page) header .header-inner{max-width:1780px}
body:not(.landing-page):not(.auth-page) header .toolbar{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:8px;width:min(760px,100%);flex:0 1 760px}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon]{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;min-height:50px;padding:8px 11px;font-size:12px;font-weight:600;line-height:1.2;text-align:left;white-space:normal;overflow-wrap:anywhere}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon]::before{content:"";display:inline-block;flex:0 0 19px;width:19px;height:19px;background:var(--kac-blue);-webkit-mask:var(--kac-header-icon) center/contain no-repeat;mask:var(--kac-header-icon) center/contain no-repeat}
body:not(.landing-page):not(.auth-page) header .toolbar .primary[data-kac-icon]::before{background:#fff}
body:not(.landing-page):not(.auth-page) header .toolbar .kac-calc-main{grid-column-end:-1}
body:not(.landing-page):not(.auth-page) header .toolbar .danger[data-kac-icon]::before{background:#A72A36}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="home"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11 12 3l9 8v10h-6v-6H9v6H3z' fill='black'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="help"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3Cpath d='M9.7 9a2.5 2.5 0 1 1 3.5 2.3c-.8.4-1.2 1-1.2 1.8M12 17h.01' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="shield"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 21 6v6c0 5-3.5 8.5-9 10-5.5-1.5-9-5-9-10V6z' fill='black'/%3E%3Ccircle cx='12' cy='11' r='2' fill='white'/%3E%3Cpath d='M12 13v4' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="users"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4' fill='black'/%3E%3Ccircle cx='17' cy='9' r='3' fill='black'/%3E%3Cpath d='M2 21c0-5 3-8 7-8s7 3 7 8zM14 21c0-3.5 2-6 5-6 2 0 3.5 1 4 2.5V21z' fill='black'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="logout"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H4v18h6M14 8l5 4-5 4M8 12h11' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="plus"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3Cpath d='M12 7v10M7 12h10' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="save"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h16l2 2v16H3zM7 3v7h10V3M7 21v-8h10v8' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="folder"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 6h8l2 2h10v12H2z' fill='black'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="document"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h10l4 4v16H5z' fill='black'/%3E%3Cpath d='M14 2v5h5M9 12h6M9 16h6' fill='none' stroke='white' stroke-width='1.7'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="list"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5h14v3H8zM8 11h14v3H8zM8 17h14v3H8zM2 5h3v3H2zM2 11h3v3H2zM2 17h3v3H2z' fill='black'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="print"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v6H6zM4 8h16a2 2 0 0 1 2 2v7h-4v5H6v-5H2v-7a2 2 0 0 1 2-2zm4 8v4h8v-4z' fill='black'/%3E%3C/svg%3E")}
body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon="calculator"]{--kac-header-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='black'/%3E%3Cpath d='M7 5h10v4H7zM8 13h2M14 13h2M8 17h2M14 17h2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.app-page button.primary,.app-page .button.primary{background:var(--wolf);border-color:var(--wolf)}
.app-page button.primary:hover,.app-page .button.primary:hover{background:var(--wolf-dark);border-color:var(--wolf-dark)}
.section-title{border-bottom-color:#B8C9EE}
.quick-total-box{border-color:var(--kac-deep-blue)!important}
.quick-total-box .kpi-value{color:var(--kac-orange)!important}
.char-documentation-note{display:block;margin-top:5px;color:var(--kac-muted);font-size:11px;line-height:1.35}
.char-separate-note{border-left:5px solid #C47A00;background:#FFF8E6;color:#604400;padding:12px 14px;border-radius:8px}

/* V31.0.5 – ruhigere Randbedingungen und klarer Abschluss */
.project-flow-compact{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px}
.project-flow-compact>div{min-width:0}
.project-flow-compact p{margin-bottom:0;max-width:980px}
.project-flow-compact button{flex:0 0 auto;white-space:nowrap}
.tech-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tech-setting-main{grid-column:1/-1}
.tech-setting-metric{min-height:126px}
.tech-info{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border:1px solid #9DB3E5;border-radius:50%;background:var(--kac-blue-soft);color:var(--kac-blue);font-size:11px;font-weight:800;line-height:1;cursor:help;vertical-align:middle}
.tech-info:focus{outline:2px solid var(--kac-blue);outline-offset:2px}
.settings-dynamic{border:1px solid #D6DDE4;border-radius:10px;background:#fff;padding:0;margin-top:12px;overflow:hidden}
.settings-dynamic summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;color:var(--kac-deep-blue);font-weight:700;cursor:pointer;background:#F7F9FC}
.settings-dynamic summary span{color:var(--kac-muted);font-size:11px;font-weight:600}
.settings-dynamic>div{padding:0 12px 12px}
.settings-dynamic .quick-area-card{margin:10px 0 0}
.settings-empty{padding-top:12px}
.settings-next-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #B8C9EE;border-radius:10px;background:var(--kac-blue-soft)}
.settings-next-bar span{margin-right:auto;color:var(--kac-muted);font-size:11px}

@media (max-width:760px){
  #appStart .start-brand{border-radius:12px;padding:15px}
  .kpi-value{font-size:22px!important}
}

@media (max-width:1000px){
  body:not(.landing-page):not(.auth-page) header .toolbar{width:100%;flex-basis:100%}
  .project-flow-compact{align-items:flex-start;flex-direction:column}
  .project-flow-compact button{width:100%;white-space:normal}
}

@media (max-width:700px){
  body:not(.landing-page):not(.auth-page) header .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.landing-page):not(.auth-page) header .toolbar .kac-calc-main{grid-column:auto}
  body:not(.landing-page):not(.auth-page) header .toolbar [data-kac-icon]{font-size:12px;white-space:normal}
  .tabs{overflow-x:auto!important;border-radius:8px!important}
  .tabs .tab{white-space:nowrap!important;flex:0 0 auto!important}
  .tech-settings-grid{grid-template-columns:1fr}
  .tech-setting-main{grid-column:auto}
  .settings-next-bar{align-items:stretch;flex-direction:column}
  .settings-next-bar button{width:100%}
}

@media print{
  body{background:#fff!important;color:#111!important}
  h1,h2,h3,h4{color:#173B73!important}
  .kpi-value,.report-kpi .val{color:#B95412!important}
}
