:root{--petrol:#003f4d;--petrol-2:#00656c;--teal:#008d88;--teal-bright:#08a39b;--gold:#e3a300;--ink:#062d3b;--muted:#5d6d78;--line:#d8e3e5;--wash:#f5f9f8;--danger:#ef2632;--warning:#efa400;--shadow:0 14px 38px rgba(13,54,62,.09)}
*{box-sizing:border-box}
.company-logo-preview{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.company-logo-preview>span{width:148px;height:92px;padding:8px;border-radius:11px;display:grid;place-items:center;overflow:hidden}.company-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.company-logo-preview>div{display:grid;gap:4px}.company-logo-preview small{max-width:520px;color:var(--muted)}.filter-bar,.bulk-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-bar{padding:17px}.filter-bar input,.filter-bar select{min-height:39px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff}.filter-bar input{min-width:280px;flex:1}.bulk-toolbar{padding:0 17px 14px}
/* Betreiberbereich: ruhige Navigation und klare Kundenhierarchie */
.operator-shell{min-height:100vh;background:#f4f7f7}.operator-topbar{height:78px;padding:0 28px;position:fixed;inset:0 0 auto;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;z-index:70}.operator-topbar .brand-031{width:248px}.operator-topbar .brand-031 .sk-logo{width:76px;height:48px}.operator-topbar .brand-031>i{height:39px}.operator-topbar .brand-031>b{font-size:25px}.operator-badge{padding:7px 11px;border:1px solid #efd7a2;border-radius:7px;background:#fff8e9;color:#97630e;font-size:10px;font-weight:800;letter-spacing:.12em}.operator-user{margin-left:auto;display:flex;align-items:center;gap:10px}.operator-user>span:last-child{display:grid}.operator-user small{color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:50%;background:#d9f2ef;color:#087e77;font-weight:800}.avatar.small{width:38px;height:38px}.avatar.tiny{width:31px;height:31px}.avatar.gold{background:#fae8bd;color:#936213}
.operator-sidebar{width:258px;padding:99px 14px 19px;position:fixed;inset:0 auto 0 0;background:#073b40;color:#fff;display:flex;flex-direction:column;z-index:60;overflow:auto}.operator-nav-label{margin:14px 11px 7px;color:#77a3a5;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.operator-sidebar nav{display:grid;gap:3px}.operator-sidebar nav a{min-height:42px;padding:9px 12px;border-radius:8px;display:flex;align-items:center;gap:11px;color:#c3d8d9;font-size:13px}.operator-sidebar nav a svg,.operator-note svg{width:19px;height:19px}.operator-sidebar nav a:hover,.operator-sidebar nav a.active{background:#115158;color:#fff}.operator-sidebar nav a.active{box-shadow:inset 3px 0 var(--gold)}.operator-note{margin-top:auto;padding:15px;border:1px solid #24575c;border-radius:11px;display:grid;gap:4px}.operator-note span{color:#8cafb1;font-size:10px}.operator-note form{margin-top:8px}.operator-note button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;color:#c5d9da;padding:7px 0;cursor:pointer}
.operator-content{min-height:100vh;margin-left:258px;padding:111px clamp(25px,3.5vw,58px) 60px}.operator-content>.messages,.operator-page-head,.operator-stats,.operator-grid,.operator-card,.customer-tree,.operator-plan-grid,.component-status,.component-grid,.legal-admin-grid,.update-warning{max-width:1450px;margin-left:auto;margin-right:auto}.operator-page-head{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.operator-page-head .eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.16em}.operator-page-head h1{font-size:35px;margin:5px 0 3px}.operator-page-head p{margin:0;color:var(--muted)}.operator-toolbar{display:flex;gap:9px}.operator-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.operator-stats.three{grid-template-columns:repeat(3,1fr)}.operator-stats article{padding:20px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:11px;background:#fff}.operator-stats article small,.operator-stats article span{color:var(--muted)}.operator-stats article b{display:block;margin:12px 0 3px;font-size:29px}.operator-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:17px}.operator-grid.equal{grid-template-columns:1fr 1fr}.operator-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.card-head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.card-head h2{margin:0 0 3px;font-size:19px}.card-head p{margin:0;color:var(--muted);font-size:12px}.operator-system{padding:23px;border-radius:12px;background:#0b4649;color:#fff}.operator-system p{color:#bad0d1}.table-wrap{overflow:auto}.operator-card table{width:100%;border-collapse:collapse}.operator-card th,.operator-card td{padding:13px 18px;border-bottom:1px solid #e7eeee;text-align:left;font-size:12px}.operator-card th{color:#6f858a;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.operator-card td small{display:block;margin-top:3px;color:var(--muted)}.stat-list{padding:10px 21px 20px}.stat-list>div{padding:10px 0;border-bottom:1px solid #e7eeee;display:flex;justify-content:space-between}.period-switch select,.account-plan-form select{min-height:39px;padding:0 35px 0 11px;border:1px solid var(--line);border-radius:7px;background:#fff}
.customer-tree{display:grid;gap:18px}.customer-account-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.customer-account-card>header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.account-identity{display:flex;align-items:center;gap:14px}.account-identity>span{width:45px;height:45px;border-radius:10px;background:#e5f4f2;color:var(--teal);display:grid;place-items:center}.account-identity h2{margin:2px 0;font-size:21px}.account-identity p{margin:0;color:var(--muted);font-size:12px}.account-identity small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em}.account-plan-form{display:flex;align-items:flex-end;gap:8px}.account-plan-form label{display:grid;gap:4px;color:var(--muted);font-size:10px}.account-metrics{padding:10px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7faf9;display:flex;gap:30px}.account-metrics span{font-size:11px;color:var(--muted)}.account-metrics b{color:var(--ink);font-size:13px}.organization-tree{padding:12px 22px 20px;display:grid;gap:9px}.organization-tree>article{padding:12px;border:1px solid #e0e8e9;border-radius:9px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1.3fr) auto;align-items:center;gap:15px}.org-title{display:flex;align-items:center;gap:11px}.org-title h3{margin:0 0 2px;font-size:15px}.org-title small,.org-members small{color:var(--muted);font-size:10px}.operator-logo-tile{width:54px;height:42px;padding:4px;border-radius:7px;display:grid;place-items:center;overflow:hidden}.operator-logo-tile img{max-width:100%;max-height:100%;object-fit:contain}.operator-logo-tile.empty{background:#e7f3f2;color:var(--teal)}.operator-logo-tile svg{width:23px}.org-members{display:flex;flex-wrap:wrap;gap:7px}.org-members a{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:8px;background:#f3f7f7}.org-members a>span:last-child{display:grid;font-size:10px}.empty-note{padding:24px;color:var(--muted)}
.operator-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:18px}.operator-plan-grid>article{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column}.operator-plan-grid h2{margin:15px 0 4px}.operator-plan-grid p{color:var(--muted)}.operator-price{font-size:24px}.operator-plan-grid dl div{padding:8px 0;border-bottom:1px solid #e9eeee;display:flex;justify-content:space-between;font-size:11px}.operator-plan-grid dd{margin:0}.option-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:17px;flex:1}.option-chips span{padding:4px 7px;border-radius:6px;background:#edf6f5;color:#3b6c66;font-size:9px}.operator-recommended{color:#a46c0d;font-size:9px;font-weight:800}.operator-form{max-width:1100px;margin:auto}.operator-form>.operator-card{margin-bottom:16px}.form-grid{padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{display:grid;gap:6px;color:#52686d;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea{width:100%;padding:11px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.form-wide{grid-column:1/-1}.feature-checks{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature-checks label{padding:12px;border:1px solid #e0e8e9;border-radius:9px;display:flex;gap:10px}.feature-checks input{width:auto}.feature-checks label span{display:grid}.feature-checks small{color:var(--muted)}.sticky-save{position:sticky;bottom:15px;padding:12px 16px;border-radius:10px;background:#073b40;color:#fff;display:flex;justify-content:space-between;align-items:center}.stack-form{padding:21px;display:grid;gap:13px}.stack-form label{display:grid;gap:5px}.component-status{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.component-grid article{padding:19px;border:1px solid var(--line);border-radius:11px;background:#fff}.update-warning{padding:17px;border:1px solid #e6ca8d;border-radius:10px;background:#fff8e9;margin-top:17px}.legal-admin-grid{display:grid;grid-template-columns:300px 1fr;gap:17px}.legal-list>a{padding:13px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.legal-list>a>span:first-child{display:grid}.legal-list>a.active{background:#eef7f5}.legal-editor textarea{min-height:500px}.member-admin-list{padding:16px;display:grid;gap:9px}.member-admin-list article{padding:11px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px}.danger-zone{padding:21px;margin-top:18px!important}.system-config{margin-top:18px!important}
body.v031{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}
.v031 a{color:inherit;text-decoration:none}.v031 button,.v031 input,.v031 select,.v031 textarea{font:inherit}.v031 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v031 .sk-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-031{display:flex!important;align-items:center;gap:14px;flex:none}.brand-031 .sk-logo{display:block;width:92px;height:56px;flex:none}.brand-031>i{display:block;width:1px;height:47px;background:#37626b}.brand-031>b{font-size:29px;letter-spacing:-.7px;color:var(--ink)}
.v031 .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 25px;border:1px solid var(--teal);border-radius:8px;background:linear-gradient(135deg,#08a49b,#007f7b);color:#fff!important;font-weight:750;cursor:pointer;box-shadow:none}.v031 .button:hover{filter:brightness(.97);transform:translateY(-1px)}.v031 .button.outline,.v031 .button-ghost{background:#fff;color:var(--teal)!important}.v031 .button-small{min-height:36px;padding:0 15px;font-size:14px}.v031 .text-button{border:0;background:transparent;color:var(--teal);font-weight:700;cursor:pointer}
/* Öffentliche Oberfläche */
.public-topbar{height:96px;padding:0 44px;border-bottom:1px solid #e2e8e9;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:10}.public-topbar nav{display:flex;gap:58px;align-items:center;font-size:17px}.public-topbar nav a{padding:37px 0 32px;border-bottom:3px solid transparent}.public-topbar nav a:hover{color:var(--teal);border-color:var(--teal)}.public-topbar>div{display:flex;align-items:center;gap:36px}.login-link{font-weight:700}.public-content{min-height:calc(100vh - 155px)}
.hero-030{min-height:565px;display:grid;grid-template-columns:minmax(470px,47%) minmax(520px,53%);padding:54px 5.5% 20px;overflow:hidden;background:radial-gradient(circle at 70% 55%,#edf8f6 0,transparent 31%),linear-gradient(120deg,#fff,#fbfdfd)}.hero-copy{padding-top:5px}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #9ed4d0;border-radius:23px;padding:8px 16px;color:#007d79;font-weight:750}.hero-pill svg{width:20px;height:20px}.hero-copy h1{font-size:68px;line-height:1.07;letter-spacing:-2.5px;margin:28px 0 20px;color:var(--ink)}.hero-copy h1 strong{display:block;color:var(--teal)}.hero-copy>p{font-size:23px;line-height:1.52;color:#405866;margin:0}.hero-actions{display:flex;gap:16px;margin:27px 0 36px}.hero-actions .button{min-width:230px;height:59px;font-size:17px}.trust-points{display:flex;color:#244c59}.trust-points span{display:flex;align-items:center;gap:10px;padding:0 24px;border-right:1px solid #cedadb;white-space:nowrap}.trust-points span:first-child{padding-left:0}.trust-points span:last-child{border:0}.trust-points svg{color:#087c7a;width:25px;height:25px}
.hero-art{position:relative;min-height:470px}.hero-orbit{position:absolute;width:455px;height:455px;border:1px solid #65bab5;border-radius:50%;right:-4%;top:78px;opacity:.7}.invoice-sheet{position:absolute;right:7%;top:0;width:48%;height:485px;background:#fff;border:1px solid #cad6d8;border-radius:9px;box-shadow:0 20px 45px rgba(23,68,75,.12);padding:33px}.invoice-sheet>i{position:absolute;right:-1px;top:-1px;border-top:63px solid var(--gold);border-left:63px solid transparent;border-top-right-radius:8px}.invoice-sheet .sk-logo{display:block;width:90px;height:58px}.sheet-lines{margin-top:53px}.sheet-lines b{display:block;height:9px;border-radius:5px;background:#e6eceb;margin:17px 0}.sheet-lines b:nth-child(1){width:54%}.sheet-lines b:nth-child(2){width:82%}.sheet-lines b:nth-child(3){width:71%}.sheet-lines b:nth-child(4){width:48%}.sheet-lines b:nth-child(5){width:26%;margin-top:44px}.sheet-lines b:nth-child(6){width:18%;margin-left:auto;margin-top:67px}.result-card{position:absolute;left:3%;top:143px;width:57%;background:#fff;border:1px solid #d1dcde;border-radius:13px;padding:25px 30px;box-shadow:0 15px 27px rgba(9,46,59,.15)}.result-card header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px}.result-card header div{display:grid;gap:5px}.result-card header b{font-size:25px}.result-card header span{display:flex;align-items:center;gap:8px;background:#e5f6f3;color:#007d72;border-radius:20px;padding:9px 14px;font-weight:750}.result-card p{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:15px 0;margin:0;font-size:18px}.result-card svg{width:21px;height:21px;color:#008c85}.dot-field{position:absolute;right:-1%;bottom:20px;width:250px;height:280px;opacity:.25;background-image:radial-gradient(var(--teal) 1.5px,transparent 1.5px);background-size:17px 17px}
.trust-strip{min-height:110px;margin:0 4.5% 23px;border:1px solid #a7d7d3;border-radius:11px;display:flex;align-items:center;padding:19px 40px;gap:29px;background:linear-gradient(90deg,#fbfefe,#f5fbfa)}.trust-strip .shield{display:grid;place-items:center;width:64px;height:64px;border:1px solid #cbdedd;border-radius:50%;color:var(--teal);flex:none}.trust-strip .shield svg{width:38px;height:38px}.trust-strip h2{font-size:21px;margin:0 0 5px}.trust-strip p{margin:0;color:var(--muted)}.trust-strip ul{min-width:335px;margin-left:auto;padding-left:39px;border-left:1px solid var(--line);list-style:none;line-height:1.75}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 4.5% 70px}.feature-cards>a{min-height:135px;display:flex;align-items:center;gap:21px;border:1px solid var(--line);border-radius:11px;padding:23px;box-shadow:0 9px 20px rgba(20,52,61,.05);background:#fff}.feature-cards>a>span{width:80px;height:80px;display:grid;place-items:center;color:var(--teal);background:#e6f6f4;border-radius:11px;flex:none}.feature-cards>a>span svg{width:49px;height:49px}.feature-cards h3{margin:0 0 7px;font-size:22px}.feature-cards p{margin:0;color:#4c606a;line-height:1.5}.feature-cards>a>b{margin-left:auto;font-size:35px;font-weight:400}.home-plans,.plans-page-030{padding:64px 5% 78px;background:#fbfdfd}.plans-heading{text-align:center;margin-bottom:31px}.plans-heading small{color:var(--teal);letter-spacing:3px;font-weight:800}.plans-heading h1,.plans-heading h2{font-size:41px;margin:13px 0}.plans-heading em{color:var(--teal);font-style:normal}.plans-heading p{font-size:18px;color:var(--muted)}.plan-grid-030{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;max-width:1290px;margin:auto}.plan-030{position:relative;min-height:590px;border:1px solid #cddadd;border-radius:13px;padding:29px 28px;background:#fff;box-shadow:0 12px 25px rgba(22,56,66,.06);display:flex;flex-direction:column}.plan-030.recommended{border:2px solid var(--gold)}.plan-030>label{position:absolute;right:0;top:0;background:linear-gradient(#f2b41d,#cf8500);color:#fff;padding:11px 19px;border-radius:0 10px 0 12px;font-weight:800}.plan-030 header{display:flex;gap:19px;align-items:center}.plan-030 header>span{width:75px;height:75px;display:grid;place-items:center;background:#e6f6f4;color:var(--teal);border-radius:50%;flex:none}.plan-030 header>span svg{width:46px;height:46px}.plan-030 h3{font-size:25px;margin:0 0 4px}.plan-030 header p{margin:0;color:var(--muted)}.plan-030 hr{border:0;border-top:1px solid var(--line);width:100%;margin:20px 0}.plan-030>h2{color:#007e78;font-size:31px;margin:10px 0 18px}.plan-limits p{display:flex;align-items:center;gap:10px;background:#f0f8f7;padding:10px 14px;margin:5px 0;border-radius:7px}.plan-limits svg{width:20px;height:20px;color:#008d86}.plan-030 ul{list-style:none;padding:8px 7px;line-height:1.9;min-height:170px}.plan-030 ul li::first-letter{color:var(--teal)}.plan-030>.button,.plan-030>form{margin-top:auto;width:100%}.plan-030 form .button{width:100%}.plan-note{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;margin-top:27px}.plan-note svg{color:#008d86;width:32px;height:32px}.demo-result-030{margin:25px 5%;padding:25px;border:1px solid var(--line);border-radius:10px}.footer{padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between}.footer nav{display:flex;gap:25px;align-items:center}.footer button{border:0;background:none;color:inherit;padding:0;cursor:pointer}
/* Kundenportal */
.portal-shell{padding:84px 0 0 278px;background:#f7faf9;min-height:100vh}.portal-topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px}.portal-topbar .brand{width:245px}.portal-tools{margin-left:auto;display:flex;align-items:center;gap:20px}.company-switch,.company-select,.top-search{height:50px;border:1px solid #cedadd;border-radius:8px;background:#fff;display:flex;align-items:center}.company-switch{gap:10px;padding:0 17px;font-weight:650}.company-select{padding:0 13px;gap:8px}.company-select select{min-width:190px;border:0;appearance:none;background:transparent;outline:0;font-weight:650;color:var(--ink)}.company-select svg:last-child{width:18px}.top-search{padding:0}.top-search input{width:245px;border:0;padding:0 15px;outline:0}.top-search button{height:100%;border:0;background:none;padding:0 13px;color:var(--ink);cursor:pointer}.notification{display:grid;place-items:center;width:38px;height:38px}.user-menu{position:relative}.user-menu summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.user-menu summary>svg{width:17px}.user-round{width:43px;height:43px;background:var(--teal);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800}.user-menu>div{position:absolute;right:0;top:54px;width:235px;display:grid;gap:9px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:60}.user-menu>div small{color:var(--muted)}.user-menu>div a,.user-menu>div button{padding:9px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer}.mobile-menu{display:none}
.sidebar{position:fixed;top:84px;left:0;bottom:0;width:278px;background:linear-gradient(155deg,#007b7a,#009d96);color:#fff;padding:19px 15px 17px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.company-logo{width:220px;height:126px;margin:0 auto 15px;border-radius:12px;display:grid;place-items:center;padding:9px;box-shadow:0 8px 20px rgba(0,75,75,.24);overflow:hidden}.company-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}.new-invoice{min-height:51px;display:flex;align-items:center;justify-content:center;gap:11px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:17px;font-weight:650;margin-bottom:13px}.new-invoice svg{width:22px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav>a,.nav-locked{min-height:43px;border-radius:7px}.sidebar nav>a,.nav-locked>a{display:flex;align-items:center;gap:12px;padding:9px 13px;color:#fff}.sidebar nav>a svg,.nav-locked>a svg{width:22px;height:22px;flex:0 0 22px}.sidebar nav>a.active{background:#00666b;border-left:4px solid var(--gold);padding-left:9px;font-weight:750}.nav-locked{display:flex;align-items:center;color:#c8e2e0;position:relative}.nav-locked>a{color:#c8e2e0;flex:1}.feature-lock{width:17px!important;height:17px!important;color:var(--gold);flex:none}.feature-info{width:28px;height:32px;border:0;background:transparent;color:#a9d3d0;padding:5px;display:grid;place-items:center;cursor:help;position:relative}.feature-info>svg{width:17px;height:17px}.feature-tooltip{display:none;position:fixed;left:288px;width:292px;margin-top:-34px;padding:18px 20px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 36px rgba(0,42,55,.22);text-align:left;line-height:1.45;font-size:14px;z-index:100}.feature-tooltip:before{content:"";position:absolute;left:-9px;top:28px;width:16px;height:16px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.feature-tooltip strong,.feature-tooltip>span,.feature-tooltip small,.feature-tooltip a{display:block}.feature-tooltip strong{font-size:16px;margin-bottom:7px}.feature-tooltip small{margin:13px 0 7px;color:var(--muted)}.feature-tooltip small svg{width:15px;height:15px;color:var(--gold);vertical-align:-3px;margin-right:5px}.feature-tooltip a{color:var(--teal);text-decoration:underline;font-weight:650}.feature-info:hover .feature-tooltip,.feature-info:focus .feature-tooltip{display:block}.sidebar-account{margin-top:auto;border-top:1px solid rgba(255,255,255,.25);padding:13px 7px 0;display:grid;gap:7px;font-size:13px}.sidebar-account .person{display:flex;gap:10px;align-items:center}.sidebar-account .person>span{width:42px;height:42px;background:#d9f3f1;color:#087b77;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none}.sidebar-account .person p{display:grid;margin:0}.sidebar-account small{display:block;color:#e0f0ef}.quota-block{display:grid;gap:5px}.mini-progress{height:7px;border-radius:10px;background:rgba(255,255,255,.32);overflow:hidden}.mini-progress i,.mini-progress u{display:block;height:100%;background:#fff;border-radius:10px}.reset-line{display:flex!important;align-items:center;gap:6px}.reset-line svg{width:15px;height:15px}.sidebar-account hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.24);margin:2px 0}.sidebar-account>a,.sidebar-account button{display:flex;align-items:center;gap:9px;color:#fff;border:0;background:none;padding:4px 0;text-align:left;cursor:pointer}.sidebar-account>a svg,.sidebar-account button svg{width:20px;height:20px}
.portal-content{padding:34px 47px;min-height:calc(100vh - 84px);max-width:1660px}.messages{margin-bottom:18px}.message{border-radius:8px;padding:13px 16px}.message.success{background:#e7f7f2;color:#08705f}.message.error{background:#feecef;color:#a81726}.dashboard-030>header h1{font-size:39px;letter-spacing:-1px;margin:0}.dashboard-030>header p{font-size:18px;color:var(--muted);margin:4px 0}.stats-030{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0 22px}.stats-030 article{border:1px solid var(--line);border-radius:9px;padding:25px;min-height:180px;position:relative;background:#fff}.stats-030 article>span{font-weight:650}.stats-030 article>i{position:absolute;right:24px;top:24px;color:var(--teal);font-style:normal}.stats-030 article>i svg{width:31px;height:31px}.stats-030 article>b{display:block;font-size:40px;margin:27px 0 8px;line-height:1}.stats-030 article b em{font-size:17px;font-style:normal}.stats-030 article small{color:var(--teal)}.stats-030 article.error i,.stats-030 article.error small{color:var(--danger)}.stats-030 .mini-progress{background:#e3ecec;margin-top:15px}.stats-030 .mini-progress u{background:var(--teal)}.dashboard-grid-030{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(320px,.9fr);gap:20px}.recent-030,.dashboard-grid-030 aside>section,.cards-table,.form-card,.supplier-assignment{border:1px solid var(--line);border-radius:9px;background:#fff;padding:24px}.recent-030{min-height:440px}.recent-030 header{display:flex;justify-content:space-between;align-items:center}.recent-030 h2,.status-panel h2,.quick-upload h2{font-size:23px;margin:0 0 15px}.recent-030 table,.cards-table table{width:100%;border-collapse:collapse}.recent-030 th,.recent-030 td,.cards-table th,.cards-table td{padding:17px 8px;border-top:1px solid var(--line);text-align:left}.recent-030 tbody tr{cursor:pointer}.dashboard-grid-030 aside{display:grid;gap:18px}.status-panel{display:grid;grid-template-columns:1fr 1fr}.status-panel h2{grid-column:1/-1}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--valid)*1%),var(--gold) 0 50%,var(--danger) 0);position:relative}.donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.donut.empty{background:#e5eeee}.status-panel ul{list-style:none;padding:0;line-height:2}.status-panel li i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--teal);margin-right:8px}.status-panel li:nth-child(2) i{background:var(--gold)}.status-panel li:nth-child(3) i{background:var(--danger)}.status-panel li b{float:right}.quick-upload p{color:var(--muted);line-height:1.6}.quick-upload .button{width:100%}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:18px;background:#eef5f4}.status-badge.valid{color:#007b70;background:#e4f6f3}.status-badge.invalid,.status-badge.failed{color:#c81f2d;background:#ffeaec}.status-badge.warning{color:#996000;background:#fff1d9}.page-030{max-width:1400px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.page-head small,.plans-heading small{letter-spacing:2px;color:var(--teal);font-weight:800}.page-head h1{font-size:38px;margin:6px 0}.page-head p{color:var(--muted)}.head-actions{display:flex;gap:12px}.filter-030{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-030 input,.filter-030 select,.form-card input,.form-card select,.form-card textarea,.supplier-assignment select{border:1px solid #cbd9dc;border-radius:7px;padding:13px;width:100%;background:#fff}.filter-030 input{flex:1;min-width:250px}.filter-030 select{width:auto;min-width:190px}.form-card{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-card>div{display:grid;gap:6px}.form-card>button{width:max-content}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.detail-cards article{border:1px solid var(--line);border-radius:8px;padding:22px;display:grid;gap:10px;background:#fff}.supplier-assignment{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.supplier-assignment>div{display:grid;gap:4px}.supplier-assignment>div small{color:var(--teal);font-weight:800}.supplier-assignment>form{display:flex;gap:10px;min-width:48%}.company-create-action{margin-top:18px}.import-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.import-stats b{font-size:30px;padding:18px;background:#eef8f7;border-radius:8px}.import-stats small{display:block;font-size:13px;color:var(--muted)}
/* Bestehende 0.2.8-Komponenten ruhig weiterführen */
.v031 .portal-card,.v031 .operator-card,.v031 .settings-card,.v031 .detail-section{border-color:var(--line);box-shadow:0 10px 28px rgba(16,55,63,.05)}.v031 .form-grid input,.v031 .form-grid select,.v031 .form-grid textarea{border:1px solid #cbd9dc;border-radius:7px;background:#fff}.v031 dialog{border:1px solid var(--line);border-radius:14px}.v031 .danger-button{border-color:var(--danger);background:var(--danger);color:#fff!important}
@media(max-width:1250px){.hero-copy h1{font-size:56px}.trust-points span{padding:0 12px}.portal-content{padding:28px}.stats-030{grid-template-columns:repeat(2,1fr)}.dashboard-grid-030{grid-template-columns:1fr}}
@media(max-width:1000px){.public-topbar nav{display:none}.hero-030{grid-template-columns:1fr;padding:40px 5%}.hero-art{display:none}.trust-points{flex-wrap:wrap;gap:15px}.trust-points span{border:0;padding:0}.trust-strip{align-items:flex-start}.trust-strip ul{display:none}.feature-cards,.plan-grid-030{grid-template-columns:1fr}.portal-shell{padding-left:0}.portal-topbar{position:fixed;padding:0 16px}.portal-topbar .brand{width:auto}.portal-tools .top-search,.notification,.company-switch,.company-select{display:none}.mobile-menu{display:grid;width:42px;height:42px;place-content:center;gap:4px;border:0;background:#fff;margin-right:8px}.mobile-menu span{width:22px;height:2px;background:var(--ink)}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.portal-content{padding:22px}.stats-030,.dashboard-grid-030,.detail-cards{grid-template-columns:1fr}.feature-tooltip{position:absolute;left:42px}.form-card{grid-template-columns:1fr}}
@media(max-width:650px){.public-topbar{height:76px;padding:0 18px}.public-topbar .brand-031 .sk-logo{width:72px}.public-topbar .brand-031>b{font-size:23px}.public-topbar .brand-031>i{height:35px}.public-topbar>div .button{display:none}.hero-copy h1{font-size:46px}.hero-copy>p{font-size:19px}.hero-actions{flex-direction:column}.trust-strip{margin:0 16px 20px;padding:20px}.feature-cards{margin:0 16px 45px}.plan-030{min-height:auto}.footer{align-items:flex-start;flex-direction:column;gap:15px}.footer nav{flex-wrap:wrap}.stats-030{grid-template-columns:1fr}.portal-topbar .brand-031>i,.portal-topbar .brand-031>b{display:none}.page-head{align-items:flex-start;flex-direction:column}.filter-030>*{width:100%!important}}

/* Feinschliff 0.3.1: Betreiberbereich und Referenzlogo */
.operator-system .operator-submetric{margin-top:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18)}
.operator-system .operator-submetric b{color:#fff;font-size:20px}
.brand-031 .sk-logo img,.invoice-sheet .sk-logo img{filter:none}
.locked-action{min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #e4c475;border-radius:8px;background:#fff9eb;color:#8a6516;font-weight:700}.locked-action>svg{width:18px;height:18px;color:var(--gold)}.inline-feature-info{position:relative;display:grid;place-items:center;color:#80979a;cursor:help}.inline-feature-info>svg{width:17px;height:17px}.inline-feature-info>span{display:none;position:absolute;right:0;top:29px;width:285px;padding:14px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);font-size:12px;font-weight:400;line-height:1.45;z-index:20}.inline-feature-info:hover>span,.inline-feature-info:focus>span{display:block}
@media(max-width:1000px){
  .operator-topbar{padding:0 16px}
  .operator-topbar .brand-031{width:auto}
  .operator-topbar .brand-031>i,.operator-topbar .brand-031>b{display:none}
  .operator-sidebar{width:220px;transform:translateX(-220px)}
  .operator-content{margin-left:0;padding:104px 20px 45px}
  .operator-stats,.operator-grid,.operator-grid.equal,.operator-plan-grid,.component-grid,.legal-admin-grid{grid-template-columns:1fr}
  .customer-account-card>header,.account-plan-form{align-items:stretch;flex-direction:column}
  .organization-tree>article{grid-template-columns:1fr}
  .form-grid,.feature-checks{grid-template-columns:1fr}
  .form-wide{grid-column:auto}
}

/* 0.3.1.1 – Portal: volle Inhaltsbreite, eindeutige Navigation und kompakte Seitenleiste */
.v031.portal-shell{padding-left:258px}
.v031 .portal-topbar .brand{width:228px}
.v031 .sidebar{width:258px;padding:17px 14px 14px}
.v031 .portal-content{width:100%;max-width:none;margin-left:0!important;padding:30px clamp(24px,3vw,48px) 52px}
.v031 .portal-content>.page-030,.v031 .portal-content>.dashboard-030,.v031 .portal-content>.page-head,.v031 .portal-content>.content-card,.v031 .portal-content>.invoice-view-tabs,.v031 .portal-content>.account-settings,.v031 .portal-content>.team-layout,.v031 .portal-content>.custom-roles,.v031 .portal-content>.upload-layout,.v031 .portal-content>.settings-notice{max-width:1540px;margin-left:auto;margin-right:auto}
.v031 .company-logo{width:100%;height:118px;min-height:76px;margin:0 0 13px;padding:8px;background:#fff}
.v031 .company-logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.v031 .sidebar nav>a.active{background:#075f65!important;border-left:4px solid var(--gold)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.v031 .nav-locked.active{background:#075f65!important;border-left:4px solid var(--gold)}.v031 .nav-locked.active>a{padding-left:9px;color:#fff;font-weight:750}
.v031 .sidebar nav>a.active svg{color:#fff!important}
.v031 .sidebar-account{margin-top:auto;padding:11px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(0,57,64,.28)!important;color:#fff!important;box-shadow:none!important;display:grid;gap:8px}
.v031 .sidebar-account .person p{min-width:0}.v031 .sidebar-account .person b,.v031 .sidebar-account .person small{color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v031 .sidebar-account .person small{color:#cce5e4!important}
.v031 .sidebar-account-links{padding-top:7px;border-top:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:1fr 1fr;gap:4px 7px}
.v031 .sidebar-account-links>a,.v031 .sidebar-account-links button{min-height:31px;padding:5px 4px!important;display:flex;align-items:center;gap:7px;color:#fff!important;border:0;background:transparent;font-size:11px;cursor:pointer}
.v031 .sidebar-account-links>a:first-child{grid-column:1/-1}.v031 .sidebar-account-links svg{width:17px!important;height:17px!important}.v031 .sidebar-account-links a.active{font-weight:800;color:#fff7d6!important}
.v031 .sidebar-account-links form{margin:0}.v031 .page-030{max-width:1540px}
.selection-hint,.supplier-bulk-toolbar>span{margin-right:auto;color:var(--muted);font-size:13px}.selection-hint b,.supplier-bulk-toolbar b{color:var(--ink)}
.export-menu{position:relative}.export-menu>summary{list-style:none}.export-menu>summary::-webkit-details-marker{display:none}.export-menu>div{width:210px;padding:10px;position:absolute;z-index:25;left:0;top:43px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow);display:grid}.export-menu p{margin:2px 7px 8px;color:var(--muted);font-size:10px}.export-menu button{padding:9px;border:0;border-top:1px solid #e7eeee;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.export-menu button:hover{background:#eef7f5;color:var(--teal)}

/* Kreditorenimport und sichere Mehrfachaktionen */
.supplier-bulk-toolbar{min-height:54px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:12px}.supplier-delete-dialog{width:min(680px,calc(100vw - 30px))}.safe-delete-note{padding:13px;border:1px solid #a9ddd2;border-radius:8px;background:#effaf7;display:grid;gap:3px}.safe-delete-note span{color:var(--muted);font-size:12px}.invoice-danger-choice{border:1px solid #efb3bd;border-radius:9px;background:#fff7f8}.invoice-danger-choice summary{padding:13px;color:#a61e39;font-weight:750;cursor:pointer}.invoice-danger-choice>div{padding:0 15px 15px;display:grid;gap:12px}.invoice-danger-choice p{color:#8d3445}.import-steps{margin:0 0 20px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.import-steps li{padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);display:flex;align-items:center;gap:10px}.import-steps b{width:27px;height:27px;border-radius:50%;background:#e9f0f0;display:grid;place-items:center}.import-steps li.active{border-color:var(--teal);color:var(--ink)}.import-steps li.active b,.import-steps li.done b{background:var(--teal);color:#fff}.csv-upload-card{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.csv-upload-card label{display:grid;gap:7px}.csv-upload-card input,.csv-upload-card select,.mapping-form select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.preview-guarantee{grid-column:1/-1;padding:15px;border-radius:9px;background:#eff9f7;display:grid;gap:3px}.preview-guarantee span{color:var(--muted);font-size:12px}.csv-upload-card .button{justify-self:start}.mapping-card,.import-preview{margin-bottom:17px!important}.mapping-form{padding:21px}.mapping-mode{max-width:460px;display:grid;gap:6px}.mapping-grid{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mapping-grid label{display:grid;gap:5px;font-size:11px;font-weight:700}.preview-summary{display:flex;flex-wrap:wrap;gap:6px}.preview-summary span{padding:5px 8px;border-radius:12px;background:#eef3f3;font-size:10px}.preview-summary .valid{background:#e4f6f3;color:#08766c}.preview-summary .warning{background:#fff1d9;color:#936111}.preview-summary .invalid{background:#ffeaec;color:#b9263b}.import-preview table{width:100%;border-collapse:collapse}.import-preview th,.import-preview td{padding:11px 13px;border-bottom:1px solid #e3ebeb;text-align:left;font-size:11px;vertical-align:top}.import-preview td small{display:block;color:var(--muted)}.status-badge.create{color:#08766c;background:#e4f6f3}.status-badge.update{color:#936111;background:#fff1d9}.status-badge.error{color:#b9263b;background:#ffeaec}.import-confirm{padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.import-new{display:inline-block;margin:5px 0 25px}

/* Team, Kontodaten und Rechnungsempfänger */
.access-methods>details{border-top:1px solid var(--line)}.access-methods>details>summary{padding:15px 20px;cursor:pointer;font-weight:750}.access-methods>details[open]>summary{color:var(--teal);background:#f4faf9}.pending-wrap{padding:15px 20px}.role-workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;padding:22px}.role-list{display:grid;align-content:start;gap:9px}.role-list article{padding:14px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;gap:12px}.role-list article>div{display:grid}.role-list small{margin-top:4px;color:var(--muted)}.role-create-form{padding:19px;border:1px solid var(--line);border-radius:10px;background:#f8fbfa;display:grid;gap:16px}.role-create-form .role-name{display:grid;gap:6px}.role-create-form input[type=text]{width:100%;padding:11px;border:1px solid #cbd9dc;border-radius:7px}.role-create-form fieldset{margin:0;padding:0;border:0}.role-create-form legend{margin-bottom:9px;font-weight:750}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-grid label{padding:10px;border:1px solid #dce6e7;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;font-size:11px}.manual-member-form{grid-template-columns:1fr 1fr}.manual-member-form .button{grid-column:1/-1}.billing-recipient-card{grid-column:1/-1}.billing-manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.billing-manual-grid label{display:grid;gap:5px}

/* Betreiber: ruhige Vollbreitenraster statt gequetschter Einzelkarten */
.operator-dashboard-grid{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,.78fr);gap:18px}.operator-dashboard-side{display:grid;align-content:start;gap:18px}.top-account-list>article{padding:15px 20px;border-bottom:1px solid #e4ecec}.top-account-main{display:grid;grid-template-columns:minmax(190px,1fr) auto 110px 100px;align-items:center;gap:13px}.top-account-main>a{display:grid}.top-account-main small{color:var(--muted)}.top-account-main>span:not(.status-badge),.top-account-main>strong{text-align:right;font-size:11px}.top-account-companies{margin-top:9px;padding-top:8px;border-top:1px dashed #dce5e5;display:flex;flex-wrap:wrap;gap:6px}.top-account-companies span{padding:4px 7px;border-radius:6px;background:#f2f6f6;color:#63777b;font-size:10px}.top-account-companies b{color:var(--ink)}.operator-donut-wrap{padding:22px;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:18px}.operator-donut{background:conic-gradient(var(--teal) calc(var(--valid)*1%),var(--gold) 0 calc((var(--valid) + var(--warning))*1%),var(--danger) 0)}.operator-donut-wrap ul{list-style:none;padding:0;line-height:2.2}.operator-donut-wrap li i{width:9px;height:9px;margin-right:8px;border-radius:50%;display:inline-block;background:var(--teal)}.operator-donut-wrap li:nth-child(2) i{background:var(--gold)}.operator-donut-wrap li:nth-child(3) i{background:var(--danger)}.operator-donut-wrap li b{float:right}.customer-account-card>summary{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.customer-account-card>summary::-webkit-details-marker{display:none}.account-summary-metrics{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px}.account-summary-metrics b{color:var(--ink)}.account-summary-metrics>i{width:11px;height:11px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);transition:.15s}.customer-account-card[open] .account-summary-metrics>i{transform:rotate(225deg)}.account-expanded{border-top:1px solid var(--line);background:#f8fbfa}.account-expanded>.account-plan-form{padding:12px 22px;justify-content:flex-end}.orphan-account{padding:19px 21px;display:flex;align-items:center;justify-content:space-between}.operator-section-head{max-width:1450px;margin:27px auto 12px}.operator-section-head h2{margin:0 0 3px}.operator-section-head p{margin:0;color:var(--muted)}.operator-profile-grid{max-width:1450px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.operator-profile-grid>article{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column}.operator-profile-grid>article>div:first-child{display:flex;justify-content:space-between;align-items:center}.operator-profile-grid h2{margin:15px 0 4px}.operator-profile-grid p{min-height:45px;color:var(--muted)}.feature-toggle{min-height:48px;padding:11px;border:1px solid var(--line);border-radius:8px;display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.feature-toggle input{width:auto!important}.operator-tabs{max-width:1450px;margin:0 auto 18px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;gap:4px}.operator-tabs a{padding:11px 17px;border-radius:7px;color:var(--muted);font-weight:700}.operator-tabs a.active{background:#0a817b;color:#fff}.settings-workspace{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.8fr);gap:18px;align-items:start}.subscriptions-card{min-height:420px}.configuration-card{overflow:visible}.settings-form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form-grid label{display:grid;gap:6px;font-size:11px;font-weight:700}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{width:100%;padding:11px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.settings-form-grid input[type=checkbox]{width:auto;justify-self:start}.settings-form-grid small{color:var(--muted);font-weight:400}.settings-buttons{display:flex;gap:9px}.smtp-workspace{grid-template-columns:minmax(0,1.4fr) minmax(280px,.55fr)}.smtp-status>div:last-child{padding:25px}.smtp-status h3{margin:12px 0 4px}.smtp-status p{color:var(--muted)}.operator-data-card{max-width:1050px!important;margin:0 auto}.statistics-grid{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-bars{padding:18px 21px}.metric-bars article{display:grid;grid-template-columns:1fr 3fr 50px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e6eeee}.metric-bars article>div:first-child{display:flex;justify-content:space-between}.metric-bars article>div:nth-child(2){height:8px;border-radius:6px;background:#e5eeee;overflow:hidden}.metric-bars article i{display:block;height:100%;border-radius:6px;background:var(--teal)}.metric-bars small{text-align:right;color:var(--muted)}.visitor-timeline{max-width:1450px;margin:0 auto 18px}.timeline-bars{height:220px;padding:22px;display:flex;align-items:flex-end;gap:5px}.timeline-bars>span{height:100%;min-width:12px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.timeline-bars i{width:100%;max-width:26px;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(var(--teal-bright),var(--teal))}.timeline-bars small{font-size:8px;color:var(--muted);writing-mode:vertical-rl}.analytics-grid{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.legal-editor-form{padding:20px;display:grid;gap:12px}.legal-editor-form>label{display:grid;gap:5px}.legal-editor-form input[type=text]{padding:11px;border:1px solid #cbd9dc;border-radius:7px}.rich-toolbar{padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#f3f7f7;display:flex;flex-wrap:wrap;gap:4px}.rich-toolbar button{min-width:35px;padding:7px 9px;border:1px solid #d5e0e1;border-radius:5px;background:#fff;cursor:pointer}.rich-editor{min-height:520px;padding:22px;border:1px solid #cbd9dc;border-radius:0 0 8px 8px;background:#fff;line-height:1.65;overflow:auto}.rich-editor:focus{outline:2px solid #8bd1cb;outline-offset:-2px}.draft-toggle{display:flex!important;flex-direction:row;align-items:center;gap:8px}

@media(max-height:850px) and (min-width:1001px){.v031 .company-logo{height:80px}.v031 .sidebar{padding-top:10px}.v031 .sidebar nav>a,.v031 .nav-locked{min-height:39px}.v031 .new-invoice{min-height:44px;margin-bottom:8px}.v031 .sidebar-account{padding:8px}.v031 .sidebar-account .person>span{width:34px;height:34px}.v031 .sidebar-account-links>a,.v031 .sidebar-account-links button{min-height:27px}}
@media(max-width:1200px){.mapping-grid{grid-template-columns:repeat(2,1fr)}.operator-dashboard-grid,.settings-workspace,.smtp-workspace,.statistics-grid{grid-template-columns:1fr}.operator-profile-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.top-account-main{grid-template-columns:1fr auto}.top-account-main>span:not(.status-badge),.top-account-main>strong{text-align:left}}
@media(max-width:1000px){.v031.portal-shell{padding-left:0}.v031 .portal-content{padding:22px}.role-workspace,.manual-member-form,.billing-manual-grid,.csv-upload-card{grid-template-columns:1fr}.manual-member-form .button,.preview-guarantee{grid-column:auto}.operator-dashboard-grid{grid-template-columns:1fr}.account-summary-metrics{display:none}}
@media(max-width:700px){.mapping-grid,.operator-profile-grid,.analytics-grid{grid-template-columns:1fr}.import-steps{grid-template-columns:1fr}.import-confirm,.supplier-bulk-toolbar{align-items:stretch;flex-direction:column}.operator-donut-wrap{grid-template-columns:1fr}.settings-form-grid,.permission-grid{grid-template-columns:1fr}}
.operator-donut{background:conic-gradient(var(--teal) var(--valid),var(--gold) var(--valid) var(--warning-end),var(--danger) var(--warning-end))}

/* 0.3.1.2 – robuste Logos, Statistik, Zuordnung und Dokumentvorschau */
.v031 .company-logo{display:flex;align-items:center;justify-content:center;overflow:hidden}
.v031 .company-logo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:8px}
.v031 .company-logo img[data-logo-shape="square"]{max-width:102px!important;max-height:102px!important}
.donut,.operator-donut{display:grid;place-items:center;background:conic-gradient(var(--teal) 0 var(--valid-angle),var(--gold) var(--valid-angle) var(--warning-angle),var(--danger) var(--warning-angle) 360deg)!important}
.donut:after{z-index:0}.donut>span{position:relative;z-index:1;font-size:15px;font-weight:800;color:var(--ink)}
.donut.empty{background:#e5eeee!important}.donut.empty>span{color:var(--muted)}
.assignment-review{border-color:#e7bd69;background:#fffcf5}.assignment-review>div small,.assignment-review>div span{color:#956000}

.masterdata-compare{margin:0 0 20px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.masterdata-compare>header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px}.masterdata-compare>header small,.comparison-card-head small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.4px}.masterdata-compare h2{margin:4px 0;font-size:25px}.masterdata-compare>header p{margin:0;color:var(--muted)}.comparison-total{padding:8px 12px;border-radius:18px;font-size:12px;font-weight:800;white-space:nowrap}.comparison-total.valid{color:#08776d;background:#dff5ef}.comparison-total.warning{color:#926000;background:#fff0d4}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.comparison-card-head{min-height:82px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f4f8f7}.comparison-card.valid .comparison-card-head{background:#e9f8f4}.comparison-card.warning .comparison-card-head{background:#fff6e7}.comparison-card.danger .comparison-card-head{background:#fff0f2}.comparison-card-head h3{margin:5px 0 0;font-size:18px}.comparison-card-head>span{max-width:190px;padding:7px 10px;border-radius:16px;background:#fff;font-size:10px;font-weight:800;text-align:center}.comparison-card.valid .comparison-card-head>span{color:#08776d;background:#d4f1e9}.comparison-card.warning .comparison-card-head>span{color:#916000;background:#ffe7b6}.comparison-card.danger .comparison-card-head>span{color:#b51f3a;background:#ffdfe5}
.comparison-table{padding:0 18px}.comparison-table-head,.comparison-row{display:grid;grid-template-columns:130px minmax(120px,1fr) minmax(120px,1fr) 24px;gap:10px;align-items:center}.comparison-table-head{padding:13px 0 9px;border-bottom:1px solid var(--line);color:#7b8d92;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.comparison-row{min-height:57px;padding:9px 0;border-bottom:1px solid #e7eeee}.comparison-row>span{color:var(--muted);font-size:11px}.comparison-row>strong{font-size:11px;overflow-wrap:anywhere}.comparison-row>i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#eef3f3;color:#718488;font-style:normal;font-weight:900}.comparison-row.match>i{background:#dff5ef;color:#008f84}.comparison-row.mismatch,.comparison-row.missing_master{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px;background:#fff6e7}.comparison-row.mismatch>i,.comparison-row.missing_master>i{background:#ffe2a7;color:#996500}.comparison-empty{padding:18px 0;color:var(--muted)}
.comparison-card>footer{margin-top:auto;padding:15px 18px;background:#f6f9f8;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center}.comparison-card>footer>b{font-size:12px}.comparison-card>footer>span{color:var(--muted);font-size:10px}.comparison-card>footer>a,.comparison-card>footer>form{grid-column:2;grid-row:1/3;margin:0}.comparison-technical{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.comparison-technical summary{cursor:pointer;color:var(--muted);font-size:11px}.comparison-technical p{color:var(--muted);font-size:11px}

.preview-switch{align-items:center}.preview-enlarge{width:34px;height:32px;padding:0!important;border-left:1px solid #d5e1df!important;font-size:23px!important;line-height:1}.preview-dialog{width:min(1220px,calc(100vw - 42px));height:min(900px,calc(100vh - 42px));padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(1,35,40,.38)}.preview-dialog::backdrop{background:rgba(4,32,36,.64)}.preview-dialog>header{height:58px;padding:0 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.preview-dialog>header button{width:36px;height:36px;border:0;border-radius:50%;background:#edf4f3;font-size:24px;cursor:pointer}.preview-dialog>iframe{width:100%;height:calc(100% - 58px);border:0;background:#e8efed}.document-preview iframe{max-width:100%;overflow-x:hidden}

.matching-settings-card{grid-column:1/-1}.matching-settings-form{padding:22px;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:16px}.matching-settings-form>label{display:grid;align-content:start;gap:6px}.matching-settings-form select,.matching-settings-form input{width:100%;min-height:43px;padding:10px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.matching-settings-form small{color:var(--muted)}.matching-explanation{grid-column:1/-1;padding:14px;border-radius:9px;background:#eff9f7;display:grid;gap:4px}.matching-explanation span{color:var(--muted);font-size:11px}.matching-settings-form>.button{grid-column:1/-1;justify-self:start}.recommended-badge{padding:7px 10px;border-radius:15px;background:#e4f6f3;color:#08766c;font-size:10px;font-weight:800}
.validation-summary-list{margin:12px 0 25px}.validation-summary-list .validation-message{grid-template-columns:70px 1fr}.validation-summary-list .validation-message>span{text-transform:uppercase;font-size:9px;font-weight:800}.validation-resolution{padding:9px 11px;border-radius:7px;background:rgba(255,255,255,.68);color:var(--ink)!important}.validation-summary-list small{color:var(--muted)}.inline-translation{margin:9px 0;padding:11px;border-radius:8px;background:#f1f8f7}.inline-translation p{margin:5px 0}.technical-location{margin-top:8px}.technical-location summary{cursor:pointer;color:#60797e;font-size:11px}.technical-location p{color:var(--muted)}

@media(max-width:1250px){.comparison-grid{grid-template-columns:1fr}.matching-settings-form{grid-template-columns:1fr 1fr}.matching-settings-form>label:first-of-type{grid-column:1/-1}}
@media(max-width:700px){.masterdata-compare>header{align-items:flex-start;flex-direction:column}.comparison-table-head,.comparison-row{grid-template-columns:100px 1fr 1fr 22px}.comparison-card>footer{grid-template-columns:1fr}.comparison-card>footer>a,.comparison-card>footer>form{grid-column:1;grid-row:auto;margin-top:8px}.matching-settings-form{grid-template-columns:1fr}.matching-settings-form>label:first-of-type{grid-column:auto}}

/* 0.3.1.3 – klare Arbeitsbereiche, Betreiberkonten und verständliche Prüfmeldungen */
.access-panels{padding:16px;display:grid;gap:12px}.access-panels>details{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.access-panels>details>summary{padding:14px 16px;display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.access-panels>details>summary::-webkit-details-marker{display:none}.access-panels>details>summary span{color:var(--muted);font-size:11px}.access-panels>details[open]>summary{border-bottom:1px solid var(--line);background:#eef8f6;color:var(--teal)}
.manual-member-form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.manual-member-form label,.invite-member-form label{display:grid;align-content:start;gap:6px;font-size:11px;font-weight:700}.manual-member-form input,.manual-member-form select,.invite-member-form input,.invite-member-form select{width:100%;min-height:43px;padding:10px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.manual-member-form small{font-weight:400}.password-requirements{grid-column:1/-1;padding:12px 14px;border:1px solid #d7e5e3;border-radius:8px;background:#f7faf9}.password-requirements b{font-size:11px}.password-requirements ul{margin:7px 0 0;padding-left:18px;columns:2;color:var(--muted);font-size:10px}.form-span{grid-column:1/-1}.invite-member-form{padding:18px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.invite-member-form .button{min-height:43px}
.company-card+.matching-settings-card{margin-top:18px}.matching-settings-card{scroll-margin-top:20px}.matching-settings-card>.card-head .eyebrow{display:block;margin-bottom:5px}
.validation-summary-head{margin:4px 0 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.validation-summary-head h3{margin:4px 0}.validation-summary-head p{margin:0;color:var(--muted);font-size:11px}.validation-count-pills{display:flex;gap:6px}.validation-count-pills span{padding:6px 9px;border-radius:14px;background:#eef4f3;font-size:10px;font-weight:800;white-space:nowrap}.validation-count-pills .failed{background:#ffe8ec;color:#b02039}.validation-count-pills .warning{background:#fff0d4;color:#8f6000}.validator-system-note{margin:-8px 0 25px;padding:15px 17px;border:1px solid #b8ced2;border-radius:10px;background:#f4f8f8;display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:18px}.validator-system-note p{margin:5px 0;color:var(--muted);font-size:11px}.validator-system-note details{align-self:center}.validator-system-note summary{cursor:pointer;color:#46676c;font-size:11px;font-weight:700}.technical-evaluation-title{margin-top:28px!important;color:#516a6f}.validator-evaluation{margin-bottom:10px}.validator-evaluation>summary{background:#f7faf9}.validator-evaluation .message-list{background:#fbfcfc}
.account-expanded-actions{padding:12px 22px;display:flex;justify-content:space-between;align-items:end;gap:15px}.account-expanded-actions>.account-plan-form{padding:0}.account-expanded>.account-plan-form{padding:0}.operator-dashboard-grid{grid-template-columns:minmax(0,2.25fr) minmax(340px,.75fr);align-items:start}.operator-dashboard-side{gap:16px}.operator-dashboard-side>*{margin:0}.operator-donut-wrap ul li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0}.operator-donut-wrap li b{float:none}.top-account-list>article:last-child{border-bottom:0}
.account-kpi-row{max-width:1450px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.account-kpi-row article{min-height:126px;padding:19px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:11px;background:#fff;display:grid;align-content:center;gap:5px}.account-kpi-row small,.account-kpi-row span{color:var(--muted)}.account-kpi-row b{font-size:24px}.account-admin-layout{max-width:1450px;margin:0 auto 18px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.7fr);gap:18px;align-items:start}.account-form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.account-form-grid label,.quota-adjustment-form label{display:grid;align-content:start;gap:6px;font-size:11px;font-weight:700}.account-form-grid input,.account-form-grid select,.quota-adjustment-form input,.quota-adjustment-form select,.quota-adjustment-form textarea{width:100%;padding:11px;border:1px solid #cbd9dc;border-radius:7px;background:#fff}.account-form-grid input[type=checkbox]{width:auto;justify-self:start}.quota-adjustment-form{padding:22px;display:grid;gap:15px}.quota-safety-note{padding:13px;border:1px solid #eed39c;border-radius:8px;background:#fff9ed;display:grid;gap:4px}.quota-safety-note span{color:var(--muted);font-size:10px}.account-admin-lower{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.account-company-list,.quota-history{padding:8px 20px 18px}.account-company-list article,.quota-history article{min-height:64px;padding:11px 0;border-bottom:1px solid #e6eeee;display:flex;align-items:center;justify-content:space-between;gap:14px}.account-company-list article>div,.quota-history article>div{display:grid;gap:3px}.account-company-list small,.quota-history small,.quota-history time{color:var(--muted);font-size:10px}.quota-history article{display:grid;grid-template-columns:auto 1fr auto}.quota-history time{text-align:right}
.admin-list-card{max-width:1450px;margin:0 auto}.admin-user-table{padding:0 20px 14px}.admin-table-head,.admin-user-table article{display:grid;grid-template-columns:minmax(230px,1.4fr) 150px 85px 130px 90px auto;gap:14px;align-items:center}.admin-table-head{padding:12px 0;color:#768b90;font-size:9px;font-weight:800;text-transform:uppercase}.admin-user-table article{min-height:72px;padding:10px 0;border-top:1px solid #e5eded}.admin-user-table article>div{display:grid}.admin-user-table article small{color:var(--muted);font-size:10px}.admin-user-table article>span:not(.status-badge){font-size:11px;color:var(--muted)}
.operator-user-banner{max-width:1450px;margin:0 auto 18px;padding:17px 21px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:space-between}.operator-user-banner>div{display:flex;align-items:center;gap:13px}.operator-user-banner h2{margin:3px 0}.operator-user-banner p{margin:0;color:var(--muted)}.operator-user-banner small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:1px}.operator-user-workspace{max-width:1450px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.operator-profile-form,.operator-password-form{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.operator-profile-form label,.operator-password-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.operator-profile-form input,.operator-password-form input{width:100%;min-height:43px;padding:10px;border:1px solid #cbd9dc;border-radius:7px}.operator-profile-form label:first-of-type,.operator-profile-form label:nth-of-type(4){grid-column:1/-1}.operator-password-form .button{grid-column:1/-1;justify-self:start}.admin-boundary-card,.membership-admin-card{max-width:1450px;margin:0 auto;padding:21px}.admin-boundary-card{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:25px}.admin-boundary-card h2{margin:10px 0 0}.admin-boundary-card p{margin:0;color:var(--muted)}
.settings-workspace{grid-template-columns:minmax(0,3fr) minmax(430px,2fr);gap:20px}.subscriptions-card{min-height:0}.operator-data-card{max-width:1450px!important}.statistics-grid{grid-template-columns:1fr 1fr;align-items:stretch}.statistics-grid>.operator-card{height:100%;display:flex;flex-direction:column}.statistics-grid .metric-bars{flex:1}.metric-bars article{grid-template-columns:minmax(150px,1.15fr) minmax(180px,3fr) 52px}.metric-bars article>div:first-child{gap:8px}.metric-bars article>div:first-child span{overflow-wrap:anywhere}
.account-audit-card{max-width:1450px;margin:18px auto 0}
@media(max-width:1200px){.operator-dashboard-grid,.account-admin-layout,.settings-workspace{grid-template-columns:1fr}.account-kpi-row{grid-template-columns:1fr 1fr}.admin-table-head{display:none}.admin-user-table article{grid-template-columns:1fr auto auto}.admin-user-table article>span:not(.status-badge){display:none}}
@media(max-width:850px){.manual-member-form,.invite-member-form,.account-form-grid,.account-admin-lower,.operator-user-workspace,.operator-profile-form,.operator-password-form,.statistics-grid{grid-template-columns:1fr}.manual-member-form .password-requirements,.manual-member-form .form-span,.account-form-grid .form-wide,.operator-profile-form label:first-of-type,.operator-profile-form label:nth-of-type(4),.operator-profile-form .form-wide,.operator-password-form .button{grid-column:auto}.password-requirements ul{columns:1}.account-kpi-row{grid-template-columns:1fr}.account-expanded-actions{align-items:stretch;flex-direction:column}.admin-boundary-card{grid-template-columns:1fr}.validation-summary-head{align-items:flex-start;flex-direction:column}.validator-system-note{grid-template-columns:1fr}}

/* 0.3.1.4 – Profilpflicht, Funktionskatalog und klickbare Produktdemo */
.feature-all-link{margin:-40px 4.5% 72px;text-align:center}.feature-all-link .button{min-width:310px}
.profile-lock-banner{max-width:1450px;margin:0 auto 18px;padding:15px 18px;border:1px solid #e2bd68;border-radius:11px;background:#fff8e9;display:grid;grid-template-columns:auto 1fr minmax(220px,.8fr);align-items:center;gap:14px}.profile-lock-banner>span{width:42px;height:42px;border-radius:9px;background:#ffe7ad;color:#8a5a00;display:grid;place-items:center}.profile-lock-banner>span svg{width:22px;height:22px}.profile-lock-banner p{margin:3px 0;color:#765d2f}.profile-lock-banner small{padding-left:14px;border-left:1px solid #e4c98e;color:#765d2f}.profile-required-notice span svg{width:21px;height:21px}.profile-incomplete .sidebar .new-invoice,.profile-incomplete .sidebar nav a:not([href$="/portal/unternehmen/"]),.profile-incomplete .sidebar .nav-locked,.profile-incomplete .top-search{pointer-events:none;opacity:.38;filter:grayscale(.35)}

.feature-page-hero{padding:82px 7% 66px;background:radial-gradient(circle at 82% 20%,#dff5f1 0,transparent 27%),linear-gradient(135deg,#fff 15%,#f5fbfa)}.feature-page-hero h1{max-width:820px;margin:14px 0 17px;font-size:54px;line-height:1.08;letter-spacing:-1.8px}.feature-page-hero>p{max-width:760px;color:var(--muted);font-size:19px;line-height:1.6}.feature-catalog{max-width:1420px;margin:0 auto;padding:70px 4.5%;display:grid;gap:70px}.feature-group>header{display:grid;grid-template-columns:60px minmax(0,680px);gap:20px;margin-bottom:24px}.feature-group>header>span{font-size:38px;font-weight:800;color:#c2d3d2}.feature-group h2{margin:0 0 7px;font-size:31px}.feature-group header p{margin:0;color:var(--muted);line-height:1.55}.feature-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.feature-catalog-grid>section{min-height:155px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:56px 1fr;gap:17px;box-shadow:0 10px 24px rgba(20,52,61,.045)}.feature-catalog-icon{width:56px;height:56px;border-radius:12px;background:#e6f6f4;color:var(--teal);display:grid;place-items:center}.feature-catalog-icon svg{width:30px;height:30px}.feature-catalog-grid h3{margin:2px 0 7px;font-size:20px}.feature-catalog-grid p{margin:0 0 14px;color:var(--muted);line-height:1.5}.feature-plan-tags{display:flex;gap:6px;flex-wrap:wrap}.feature-plan-tags span{padding:5px 8px;border-radius:15px;background:#eef6f5;color:#39716d;font-size:12px;font-weight:700}.feature-page-cta{margin:10px 5% 78px;padding:34px 40px;border-radius:17px;background:#073f43;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-page-cta h2{margin:7px 0;font-size:30px}.feature-page-cta p{margin:0;color:#b9d2d2}.feature-page-cta .eyebrow{color:#7ed8ca}

.cookie-dialog{width:min(620px,calc(100% - 30px));overflow:hidden;border:0!important;border-radius:20px!important;background:#fff;box-shadow:0 28px 80px rgba(4,40,46,.32)!important}.cookie-dialog::backdrop{background:rgba(4,32,36,.62);backdrop-filter:blur(3px)}.cookie-dialog .dialog-head{padding:24px 26px;border-bottom:1px solid #e4eded;background:linear-gradient(135deg,#f5fbfa,#fff)}.cookie-dialog .dialog-head>div{display:flex;align-items:center;gap:14px}.cookie-dialog .dialog-head strong{display:block;font-size:22px}.cookie-dialog .dialog-head p{margin:4px 0 0;color:var(--muted)}.cookie-shield{width:48px;height:48px;border-radius:12px;background:#dff5f1;color:var(--teal);display:grid;place-items:center}.cookie-shield svg{width:27px;height:27px}.cookie-dialog .dialog-head>button{width:38px;height:38px;border-radius:50%;background:#edf4f3;color:#36575b;display:grid;place-items:center}.cookie-dialog-body{padding:8px 20px}.cookie-dialog .consent-row{min-height:86px;padding:17px 6px;border-bottom:1px solid #e7eeee;cursor:pointer}.cookie-dialog .consent-row:last-child{border-bottom:0}.cookie-dialog .consent-row strong{font-size:16px}.cookie-dialog .consent-row small{margin-top:5px;font-size:13px}.consent-switch{position:relative;width:48px;height:27px;flex:none}.consent-switch input{position:absolute;opacity:0;pointer-events:none}.consent-switch i{position:absolute;inset:0;border-radius:18px;background:#cad8d7;transition:.18s}.consent-switch i::after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:.18s}.consent-switch input:checked+i{background:var(--teal)}.consent-switch input:checked+i::after{transform:translateX(21px)}.consent-switch.fixed{opacity:.65}.cookie-dialog .dialog-actions{padding:18px 26px 24px;border-top:1px solid #e5eded;background:#fbfdfd}.cookie-dialog .dialog-actions .button{min-width:180px}

.public-shell:has(.demo-portal) .public-topbar,.public-shell:has(.demo-portal)>.footer{display:none}.public-shell:has(.demo-portal) .public-content{min-height:100vh}.demo-view[hidden],.demo-progress-result[hidden],.demo-toast[hidden]{display:none!important}.demo-portal{min-height:100vh;background:#f3f8f7;display:grid;grid-template-columns:260px minmax(0,1fr);position:relative}.demo-ribbon{height:34px;padding:0 20px;background:#082f33;color:#bdd5d4;display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;letter-spacing:.11em;position:fixed;inset:0 0 auto;z-index:80}.demo-ribbon a{color:#66dfc1;font-weight:800}.demo-sidebar{padding:58px 15px 20px;background:#fff;border-right:1px solid #dce7e8;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;height:100vh}.demo-sidebar .brand-031{margin:0 5px 20px}.demo-sidebar .brand-031 .sk-logo{width:72px;height:46px}.demo-sidebar .brand-031>i{height:36px}.demo-sidebar .brand-031>b{font-size:22px}.demo-sidebar .demo-new{min-height:48px;margin:0 0 18px;padding:0 15px;border:0;border-radius:9px;background:linear-gradient(135deg,#08a49b,#007f7b);color:#fff;display:flex;align-items:center;gap:10px;font-weight:800;cursor:pointer}.demo-sidebar .demo-new svg{width:21px;height:21px}.demo-sidebar>small{margin:8px 10px;color:#8da1a6;font-size:11px;font-weight:800;letter-spacing:.14em}.demo-nav{display:grid;gap:4px}.demo-sidebar .demo-nav button{min-height:44px;margin:0;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#45626a;display:flex;align-items:center;gap:11px;text-align:left;font-size:14px;font-weight:700;cursor:pointer}.demo-sidebar .demo-nav button:hover,.demo-sidebar .demo-nav button.active{background:#e4f5f2;color:#087d72}.demo-sidebar .demo-nav button.active{box-shadow:inset 3px 0 var(--gold)}.demo-nav button svg{width:20px;height:20px}.demo-nav button em{margin-left:auto;font-style:normal;color:#789195}.demo-help{margin-top:auto;padding:13px;border:1px solid #dce8e8;border-radius:10px;background:#f8fbfa;display:flex;gap:10px}.demo-help>svg{width:21px;height:21px;color:var(--teal);flex:none}.demo-help span{display:grid;gap:3px}.demo-help small{color:var(--muted);line-height:1.4}.demo-main{min-width:0;padding-top:34px}.demo-top{height:72px;padding:0 30px;border-bottom:1px solid #dce7e8;background:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:34px;z-index:30}.demo-top>div{display:flex;align-items:center;gap:13px}.demo-top>div:first-child{display:grid;gap:2px}.demo-top>div:first-child span{color:#81979c;font-size:11px;letter-spacing:.12em}.demo-top>div:first-child b{font-size:18px}.demo-top a{font-size:13px;color:#557177}.demo-user{width:37px;height:37px;border-radius:50%;background:#dff5f1;color:#087d72;display:grid!important;place-items:center;font-weight:800}.demo-body{max-width:1500px;margin:auto;padding:36px clamp(22px,4vw,62px) 70px}.demo-view>h1,.demo-page-head h1{margin:6px 0;font-size:37px}.demo-view>p,.demo-page-head p{margin:0;color:#657c83}.demo-stats{margin:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-stats article{min-height:130px;padding:19px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;background:#fff}.demo-stats small,.demo-stats span{display:block;color:#778b90}.demo-stats strong{display:block;margin:23px 0 4px;font-size:28px}.demo-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:17px}.demo-dashboard-grid>.content-card{margin:0}.demo-dashboard-grid>aside{display:grid;align-content:start;gap:16px}.demo-status-card,.system-card{padding:21px;border:1px solid var(--line);border-radius:12px;background:#fff}.demo-status-card h3,.system-card h3{margin:0 0 16px}.demo-status-card div{margin-top:15px}.demo-status-card div span{display:flex;justify-content:space-between;font-size:13px}.demo-status-card i{height:7px;margin-top:7px;border-radius:9px;background:#009c8b;display:block}.demo-status-card i.warn{background:#e6a400}.demo-status-card i.error{background:#ee3349}.system-card{background:#083f43;color:#fff}.system-card>span{float:right;padding:5px 8px;border-radius:15px;background:#d9f7ef;color:#047467;font-size:10px;font-weight:800}.system-card p{color:#b3cecd;line-height:1.5}.system-card button{padding:0;border:0;background:none;color:#74deca;font-weight:800;cursor:pointer}.demo-invoice-list{display:grid}.demo-invoice-list>button{width:100%;min-height:76px;padding:12px 18px;border:0;border-bottom:1px solid #e4eded;background:#fff;display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(145px,.7fr) 110px 120px 20px;align-items:center;gap:12px;text-align:left;color:var(--ink);cursor:pointer}.demo-invoice-list>button:hover{background:#f1f8f7}.demo-invoice-list>button span:first-child,.demo-invoice-list>button span:nth-child(2){display:grid;gap:4px}.demo-invoice-list small{color:var(--muted)}.demo-invoice-list svg{width:19px;height:19px;color:#8ba0a4}.demo-page-head{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.demo-filter{margin-bottom:15px;display:flex;gap:8px;flex-wrap:wrap}.demo-filter input{min-width:280px;flex:1;min-height:43px;padding:0 13px;border:1px solid #ccdadd;border-radius:8px}.demo-filter button{padding:0 13px;border:1px solid #ccdadd;border-radius:8px;background:#fff;color:#4c666c;font-weight:700}.demo-filter button.active{border-color:#8fcac4;background:#e8f6f4;color:#087b70}.demo-back{margin-bottom:11px;padding:0;border:0;background:none;color:var(--teal);font-weight:800;cursor:pointer}.demo-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:17px;align-items:start}.demo-detail-grid>.content-card{margin:0}.demo-detail-side{display:grid;gap:17px}.demo-detail-side>.content-card{margin:0}.demo-paper{min-height:560px;margin:18px;padding:42px;border:1px solid #dce5e6;background:#fff;box-shadow:0 10px 25px rgba(7,50,59,.08)}.demo-paper>small{color:#6c858a;letter-spacing:.12em}.demo-paper>h2{font-size:32px;border-bottom:3px solid #08464a;padding-bottom:18px}.demo-parties{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.demo-parties p{line-height:1.5}.demo-parties span,.demo-parties b{display:block}.demo-parties span{color:#7b9094;font-size:11px}.demo-paper table{width:100%;margin-top:35px;border-collapse:collapse}.demo-paper th,.demo-paper td{padding:12px;border-bottom:1px solid #dbe5e5;text-align:left}.demo-paper th{background:#08464a;color:#fff}.demo-total{display:block;margin-top:35px;text-align:right;font-size:25px}.demo-checks{padding:9px 20px 19px}.demo-checks p{padding:11px 0;border-bottom:1px solid #e4eded;display:flex;gap:10px}.demo-checks svg{color:var(--teal);width:22px;height:22px}.demo-checks span{display:grid;gap:3px}.demo-checks small{color:var(--muted)}.demo-match>.card-head>b{font-size:25px;color:var(--teal)}.demo-match>div:last-child{padding:18px;display:grid;gap:6px}.demo-match>div:last-child>span{color:var(--muted);font-size:12px}.demo-match>div:last-child>small{color:#557076}.demo-match button,.demo-progress-result button{justify-self:start;padding:8px 0;border:0;background:none;color:var(--teal);font-weight:800;cursor:pointer}.demo-masterdata{margin-top:17px}.demo-compare{padding:0 20px 18px}.demo-compare header,.demo-compare p{margin:0;padding:12px 0;border-bottom:1px solid #e4eded;display:grid;grid-template-columns:150px 1fr 1fr 50px;gap:14px;align-items:center}.demo-compare header{color:#7a9094;font-size:11px;font-weight:800}.demo-compare i{width:27px;height:27px;border-radius:50%;background:#def5ec;color:#087d71;display:grid;place-items:center;font-style:normal}.demo-compare .different{background:#fff8e9}.demo-compare .different i{background:#ffe3a4;color:#7d5300}.demo-supplier-grid,.demo-company-grid,.demo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.demo-supplier-grid>.content-card,.demo-company-grid>.content-card,.demo-upload-grid>.content-card{margin:0}.demo-supplier-grid dl,.demo-company-grid dl{margin:0;padding:12px 20px 22px}.demo-supplier-grid dl div,.demo-company-grid dl div{padding:12px 0;border-bottom:1px solid #e4eded;display:grid;grid-template-columns:150px 1fr;gap:14px}.demo-supplier-grid dt,.demo-company-grid dt{color:var(--muted)}.demo-supplier-grid dd,.demo-company-grid dd{margin:0;font-weight:700}.demo-drop{min-height:390px;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #a8c9c6}.demo-drop>svg{width:55px;height:55px;color:var(--teal)}.demo-drop h2{margin:20px 0 5px}.demo-drop p{color:var(--muted)}.demo-progress ol{margin:0;padding:18px 24px;list-style:none}.demo-progress li{padding:12px 0;border-bottom:1px solid #e4eded;display:flex;align-items:center;gap:12px;opacity:.45}.demo-progress li i{width:22px;height:22px;border:2px solid #aebfbe;border-radius:50%}.demo-progress li span{display:grid;gap:3px}.demo-progress li small{color:var(--muted)}.demo-progress li.active{opacity:1}.demo-progress li.active i{border-color:var(--teal);box-shadow:inset 0 0 0 5px #fff;background:var(--teal)}.demo-progress li.done{opacity:1}.demo-progress li.done i{border-color:var(--teal);background:var(--teal);position:relative}.demo-progress li.done i::after{content:"✓";position:absolute;inset:0;color:#fff;display:grid;place-items:center;font-size:13px}.demo-progress-result{margin:0 24px 24px;padding:14px;border-radius:9px;background:#e8f7f3;display:grid;gap:4px}.demo-toast{position:fixed;right:25px;bottom:25px;max-width:360px;padding:14px 18px;border-radius:10px;background:#073f43;color:#fff;box-shadow:0 15px 40px rgba(4,40,46,.25);z-index:90}

@media(max-width:1150px){.feature-cards{grid-template-columns:1fr 1fr}.demo-stats{grid-template-columns:1fr 1fr}.demo-dashboard-grid,.demo-detail-grid{grid-template-columns:1fr}.demo-detail-side{grid-template-columns:1fr 1fr}.demo-invoice-list>button{grid-template-columns:1fr 140px 105px 105px 18px}}
@media(max-width:820px){.feature-catalog-grid,.demo-supplier-grid,.demo-company-grid,.demo-upload-grid,.demo-detail-side{grid-template-columns:1fr}.feature-page-hero h1{font-size:41px}.feature-page-cta{align-items:flex-start;flex-direction:column}.profile-lock-banner{grid-template-columns:auto 1fr}.profile-lock-banner small{grid-column:1/-1;border:0;padding:0}.demo-portal{display:block}.demo-sidebar{height:auto;position:static;padding-top:50px}.demo-sidebar .brand-031,.demo-sidebar>small,.demo-help{display:none}.demo-sidebar .demo-new{margin-bottom:8px}.demo-nav{display:flex;overflow:auto}.demo-sidebar .demo-nav button{min-width:max-content}.demo-main{padding-top:0}.demo-top{top:34px}.demo-invoice-list>button{grid-template-columns:1fr auto 18px}.demo-invoice-list>button>span:nth-child(2),.demo-invoice-list>button>strong{display:none}.demo-compare header,.demo-compare p{grid-template-columns:105px 1fr 34px}.demo-compare header span:nth-child(3),.demo-compare p span:nth-child(3){display:none}}
@media(max-width:650px){.feature-cards{grid-template-columns:1fr}.feature-all-link{margin:-20px 16px 52px}.feature-all-link .button{width:100%;min-width:0}.feature-page-hero{padding:55px 22px}.feature-catalog{padding:52px 18px}.feature-group>header{grid-template-columns:1fr}.feature-group>header>span{font-size:25px}.feature-catalog-grid{grid-template-columns:1fr}.feature-catalog-grid>section{grid-template-columns:45px 1fr;padding:18px}.feature-catalog-icon{width:45px;height:45px}.feature-page-cta{margin:0 18px 55px;padding:27px}.cookie-dialog .dialog-actions{align-items:stretch;flex-direction:column}.cookie-dialog .dialog-actions .button{width:100%}.demo-body{padding:27px 14px 55px}.demo-top{padding:0 14px}.demo-top>div:first-child span,.demo-user{display:none!important}.demo-stats{grid-template-columns:1fr}.demo-page-head{align-items:flex-start;flex-direction:column}.demo-filter input{min-width:100%}.demo-paper{margin:10px;padding:22px}.demo-parties{grid-template-columns:1fr;gap:8px}.demo-compare{padding:0 10px 14px}.demo-compare header,.demo-compare p{grid-template-columns:90px 1fr 30px;font-size:12px}.demo-supplier-grid dl div,.demo-company-grid dl div{grid-template-columns:1fr}.demo-drop{padding:30px}}