:root{--ink:#151d32;--sub:#7b8495;--line:#e8ecf4;--bg:#f6f8fc;--card:#fff;--purple:#7056e9;--purple-dark:#523acf;--green:#15956f;--red:#dc5464;--yellow:#c9872e;--shadow:0 6px 22px rgba(29,41,83,.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}.sprite{position:absolute;width:0;height:0;overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{text-decoration:none;color:inherit}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:#111c2d;color:#eaf0fd;display:flex;flex-direction:column;padding:29px 18px 20px;min-height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:2px 12px 46px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#9a80ff,#5d4acc);display:grid;place-items:center;box-shadow:0 8px 28px #7359d24f}.brand-mark svg{width:24px;height:24px}.brand strong{display:block;font-weight:790;font-size:15px;letter-spacing:.8px}.brand small{display:block;color:#9eabc0;font-size:9px;letter-spacing:1.7px;font-weight:750}.brand small span{color:#856be0}.sidebar-section-name{color:#78859b;font-size:10px;letter-spacing:2px;font-weight:760;margin:0 14px 12px}.navigation{display:grid;gap:6px}.nav-link{display:flex;align-items:center;width:100%;gap:12px;padding:13px 14px;border-radius:9px;color:#adbacd;background:transparent;border:0;text-align:left;font-weight:610;font-size:13px}.nav-link svg{height:19px;width:19px;color:#8595b1}.nav-link:hover,.nav-link:focus-visible{background:#223049;color:#fff}.nav-link.active{background:#283450;color:#fff}.nav-link.active svg{color:#a997ff}.nav-count{margin-left:auto;border-radius:6px;background:#34415a;padding:1px 7px;color:#c4cde0;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-support{border:1px solid #354055;background:#1c293e;border-radius:14px;padding:20px 17px}.support-icon{width:34px;height:34px;background:#443e70;border-radius:10px;display:grid;place-items:center;color:#c0aeff;margin-bottom:15px}.support-icon svg{width:18px}.sidebar-support strong{font-size:13px}.sidebar-support p{color:#9eacc1;font-size:11.5px;line-height:1.65;margin:7px 0 17px}.support-button{border:1px solid #495873;background:#29374f;border-radius:8px;padding:10px;width:100%;color:#e9e8ff;font-size:12px;font-weight:700;display:flex;justify-content:center;gap:8px;align-items:center}.support-button svg{width:15px}.support-button:hover{background:#354660}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:24px 6px 0;color:#8494a9;font-size:10px;line-height:1.4}.status-dot{height:7px;width:7px;background:#51c9a4;border-radius:50%;flex:0 0 7px}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid #eceff5;display:flex;align-items:center;justify-content:space-between;padding:0 39px}.breadcrumb{color:#9aa3b5;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:760;letter-spacing:1.4px}.breadcrumb strong{font-size:12px;color:#34405a;letter-spacing:0}.breadcrumb svg{width:13px;height:13px;color:#b5bbcb}.top-actions{display:flex;align-items:center;gap:19px}.secure-pill{display:flex;gap:7px;align-items:center;background:#f2f9f6;border:1px solid #e3f2e9;border-radius:30px;padding:7px 12px;color:#328f69;font-size:11px;font-weight:700}.secure-pill svg{width:13px;height:13px}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#eeeafa;color:#7056cb;font-weight:800;border:3px solid #f5f3fe}.content{max-width:1350px;width:100%;padding:39px 39px 65px;margin:0 auto}.view[hidden],#analysisPanel[hidden],#testResults[hidden],#testEmpty[hidden],#progressWrap[hidden]{display:none!important}.page-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{font-weight:850;letter-spacing:2px;font-size:10px;color:#7864d4}.page-topline h1{font-size:31px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0 8px;font-weight:820}.heading-dot{color:#8e79f2}.page-topline p{margin:0;color:#798395;max-width:680px;font-size:13px}.page-date{color:#9199a8;font-size:11px;white-space:nowrap;margin-bottom:5px}.hero{position:relative;display:flex;min-height:248px;border-radius:18px;overflow:hidden;background:linear-gradient(114deg,#6949d8 0%,#6956df 54%,#8f79f2 100%);box-shadow:0 10px 26px #715be126}.hero:after{content:"";position:absolute;right:-9%;top:-85%;width:45%;height:280%;border:1px solid #ffffff23;transform:rotate(28deg);pointer-events:none}.hero-content{padding:33px 37px;position:relative;z-index:2;max-width:78%}.hero-kicker{font-size:9px;font-weight:820;letter-spacing:2px;color:#d5ccff;display:flex;align-items:center;gap:10px}.hero-spark{width:5px;height:5px;background:#70e2be;border-radius:50%;box-shadow:0 0 10px #70e2be}.hero h2{font-size:28px;font-weight:840;letter-spacing:-.8px;color:#fff;line-height:1.18;margin:13px 0 11px}.hero p{color:#e5dcff;margin:0;max-width:515px;font-size:12px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:19px}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;padding:11px 16px;border-radius:8px;border:1px solid transparent;font-size:11.5px;font-weight:780;line-height:1.2;transition:background .18s,border-color .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.btn svg{width:15px;height:15px}.btn .end-icon{margin-left:7px}.btn-white{background:white;color:#5643c9}.btn-white:hover{background:#ede9ff}.btn-glass{background:#ffffff16;border-color:#ffffff3a;color:#fff}.btn-glass:hover{background:#ffffff28}.btn-primary{background:#7056e9;color:white;box-shadow:0 5px 14px #7157db22}.btn-primary:hover{background:#6044d8}.btn-outline{border-color:#dfe3ed;color:#3e4b65;background:#fff}.btn-outline:hover{background:#f8f9fc}.full-width{width:100%}.hero-graphic{position:absolute;right:5%;top:2%;width:320px;height:270px;pointer-events:none}.orbit{position:absolute;border:1px solid #ffffff2c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:192px;height:192px}.orbit-two{width:292px;height:292px}.hero-core{position:absolute;top:50%;left:50%;width:107px;height:107px;border-radius:30px;background:#ffffff22;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-13deg);border:1px solid #ffffff4d;box-shadow:0 10px 50px #23116a1f}.hero-core svg{width:52px;height:52px;color:white;transform:rotate(13deg);stroke-width:1.2}.orb{position:absolute;height:11px;width:11px;background:#aaf6e2;border:4px solid #ffffff30;border-radius:50%;box-shadow:0 0 19px #aaf6e2}.orb-a{right:15px;top:49px}.orb-b{left:23px;bottom:42px;background:#e0d3ff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 43px}.metric{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);padding:20px 17px;border-radius:13px;min-height:83px;box-shadow:var(--shadow)}.metric-icon{flex:0 0 37px;width:37px;height:37px;border-radius:10px;display:grid;place-items:center}.metric-icon svg{width:18px}.metric-icon.violet{background:#f0ebff;color:#795ee9}.metric-icon.blue{background:#eaf5ff;color:#469be6}.metric-icon.green{background:#e8f9f2;color:#3daa80}.metric-icon.peach{background:#fff3e8;color:#d9a15e}.metric div:nth-child(2){min-width:0}.metric span:not(.metric-indicator){display:block;font-size:10.5px;color:#9299a9;font-weight:580;white-space:nowrap}.metric strong{font-size:14px;font-weight:810;display:block;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-indicator{position:absolute;width:7px;height:7px;border-radius:50%;background:#d2d7e2;right:13px;top:17px}.metric-indicator.ok{background:#41bf89}.metric-indicator.fail{background:#ed7380}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading-space{margin-top:39px}.section-heading h2{margin:4px 0 0;font-size:20px;letter-spacing:-.6px}.section-heading p{color:#939baa;font-size:12px;margin:2px 0 0}.section-step{color:#b6bcce;font-size:11px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-card{background:#fff;border:1.5px solid #e6e9f0;border-radius:13px;min-height:112px;padding:20px 21px;display:flex;gap:18px;align-items:center;text-align:left;position:relative;box-shadow:var(--shadow)}.product-card:hover{border-color:#b9acf2}.product-card.checked{border-color:#ae9ef3;background:#fdfcff;box-shadow:0 0 0 2px #7760e315}.product-symbol{width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:29px;font-weight:850;color:#fff}.product-symbol.teamviewer{background:#1878ec;letter-spacing:-5px;padding-right:6px}.product-symbol.anydesk{background:#f0494a;gap:0;font-size:20px;letter-spacing:-9px;padding-right:8px}.product-details{min-width:0}.product-details strong{display:block;font-size:15px;font-weight:820}.product-details small{display:block;color:#9ba3b3;font-size:11px;margin-top:2px}.product-details .ports{display:block;color:#7a6cba;font-size:10px;margin-top:9px;font-weight:680}.product-check{position:absolute;right:18px;top:19px;width:19px;height:19px;border:1.4px solid #cfd5e2;border-radius:6px;display:grid;place-items:center;color:transparent}.product-card.checked .product-check{background:#765be4;border-color:#765be4;color:#fff}.product-check svg{width:12px;height:12px;stroke-width:3}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.check-panel{overflow:hidden}.check-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid #eff1f7}.check-left{display:flex;gap:13px;align-items:center}.check-icon{width:39px;height:39px;display:grid;place-items:center;background:#f0edfe;border-radius:11px;color:#7658de}.check-icon svg{width:19px}.check-left strong,.check-left span{display:block}.check-left strong{font-size:13px}.check-left span{font-size:11px;color:#a0a7b5}.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:178px}.empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f1f2f9;color:#a4adc0;margin-bottom:12px}.empty-icon svg{width:21px}.empty-state strong{font-size:12.5px}.empty-state p{font-size:11.5px;color:#9ca4b2;margin:3px 10px}.panel-note{background:#fbfcff;padding:14px 22px;display:flex;align-items:start;gap:10px;border-top:1px solid #eff1f7;color:#8992a4;font-size:11px}.panel-note svg{color:#a28ae8;width:16px;height:16px;flex:0 0 16px}.panel-note strong{color:#535e77}.progress-wrap{display:flex;align-items:center;gap:13px;padding:13px 22px 0}.progress-track{flex:1;height:7px;border-radius:20px;background:#efedfa;overflow:hidden}.progress-bar{width:0;height:100%;background:#7456e8;transition:width .3s}.progress-wrap span{font-size:10px;color:#8c92a8}.test-results{padding:10px 22px 15px}.result-row{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #f0f2f7}.result-row:last-child{border-bottom:0}.result-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:0 0 31px}.result-icon svg{width:16px}.result-icon.success{background:#eaf8f2;color:#23a577}.result-icon.warning{background:#fff5e9;color:#cc913e}.result-icon.error{background:#feebed;color:#da6571}.result-icon.pending{background:#f4f4fa;color:#9ba3b6}.result-info{flex:1;min-width:0}.result-info strong{display:block;font-size:12px}.result-info small{display:block;font-size:11px;color:#9ca3b2;overflow-wrap:anywhere}.chip{border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:10px;font-weight:790}.chip-success{background:#e9f8f0;color:#24996c}.chip-warning{background:#fff4e5;color:#be8234}.chip-error{background:#fcebed;color:#d65d6d}.chip-neutral{background:#f2f3f8;color:#8790a3}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.agent-panel,.import-panel{padding:26px;min-height:328px}.agent-banner-icon{width:42px;height:42px;background:#f0ecff;border-radius:11px;display:grid;place-items:center;color:#7452db;margin-bottom:16px}.agent-panel h3,.import-panel h3{font-size:16px;line-height:1.3;letter-spacing:-.3px;margin:0 0 9px}.agent-panel p,.import-panel p{font-size:11.5px;color:#8d96a8;line-height:1.8;margin:0}.agent-list{display:grid;gap:7px;margin:15px 0 18px;color:#657088;font-size:11px}.agent-list div{display:flex;align-items:center;gap:8px}.small-check{width:17px;height:17px;border-radius:50%;background:#e9f7f1;color:#289e73;display:grid;place-items:center}.small-check svg{width:12px;stroke-width:2.8}.under-btn{display:block;font-size:10px;color:#a2a8b8;margin-top:10px;text-align:center}.import-top{text-align:center}.import-art{width:42px;height:42px;border-radius:13px;color:#6d53da;background:#f0eafe;display:grid;place-items:center;margin:0 auto 14px}.upload-zone{margin-top:19px;border:1.5px dashed #cbd0e5;border-radius:11px;background:#fafbff;min-height:119px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;cursor:pointer;color:#949cb1}.upload-zone:hover,.upload-zone.dragging{border-color:#866cf1;background:#f7f3ff}.upload-zone:focus-visible{outline:3px solid #b3a2ff;outline-offset:2px}.upload-zone svg{width:23px;height:23px;color:#7d68df;margin-bottom:5px}.upload-zone strong{font-size:11.5px;color:#4a5471}.upload-zone span{font-size:10.5px}.import-status{text-align:center;color:#c75b70;font-size:11px;margin-top:8px;min-height:16px}.analysis-panel{margin-top:24px;padding:27px}.analysis-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.analysis-title h2{margin:5px 0;font-size:21px}.analysis-title p{color:#939bae;font-size:11px;margin:0}.analysis-summary{padding:16px 18px;background:#f6f4ff;border:1px solid #e8e3ff;border-radius:11px;color:#53468f;font-size:12px;line-height:1.75}.findings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.finding{border:1px solid #e7eaf1;border-radius:10px;padding:16px}.finding b{display:flex;align-items:center;gap:8px;font-size:12px}.finding p{font-size:11px;color:#838b9e;margin:6px 0 0}.finding .chip{margin-left:auto}.finding-header{display:flex;gap:7px;align-items:center}.finding-header b{min-width:0;overflow-wrap:anywhere}.findings-section-title{font-size:13px;margin:23px 0 10px}.data-table{width:100%;border-collapse:collapse;font-size:11.5px}.data-table th{text-align:left;color:#9ba4b2;background:#fafbff;font-weight:700;padding:10px 12px}.data-table td{border-top:1px solid #eff1f6;padding:11px 12px;color:#667089;overflow-wrap:anywhere}.data-table td:first-child{color:#303b52;font-weight:650}.data-table-container{overflow-x:auto;border:1px solid #e8eaf2;border-radius:9px}.recommendations{background:#fafbff;border:1px solid #ecedf6;border-radius:11px;padding:16px 18px;margin-top:17px}.recommendations h3{margin:0 0 9px;font-size:13px}.recommendations li{font-size:11.5px;color:#66718a;margin:6px 0;line-height:1.55}.recommendations ol{margin:0;padding-left:18px}.analysis-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.privacy-note{display:flex;gap:6px;align-items:center;color:#9aa3b2;font-size:10px;margin-top:16px}.privacy-note svg{width:14px;height:14px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a0a9ba;font-size:10px;padding:22px 39px;border-top:1px solid #e8eaf1;margin-top:auto}.simple-panel{padding:28px}.simple-panel h2{margin:0 0 8px;font-size:18px}.simple-panel p{color:#8790a2;font-size:12px}.report-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:16px}.saved-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px;border:1px solid #e8ebf3;border-radius:10px;margin:10px 0}.saved-item strong{display:block;font-size:13px}.saved-item span{font-size:11px;color:#939caf}.saved-actions{display:flex;gap:9px}.saved-actions button{padding:8px 11px;border:1px solid #dde2ec;border-radius:7px;background:white;color:#5b6187;font-size:11px;font-weight:700}.saved-actions button:hover{background:#f2effd}.no-reports{text-align:center;padding:65px 20px;color:#9da5b4}.no-reports svg{margin:0 auto 15px;color:#b5bbce;width:30px;height:30px}.port-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.ports-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ports-title .product-symbol{width:40px;height:40px;flex-basis:40px;font-size:25px}.ports-title h2{margin:0}.port-table{width:100%;border-collapse:collapse;margin-bottom:18px}.port-table th{background:#f8f9fc;color:#939bab;text-align:left;font-size:10px;font-weight:700;padding:9px}.port-table td{padding:12px 9px;color:#627086;font-size:11px;border-bottom:1px solid #f0f1f6}.port-table strong{color:#3a465f}.simple-panel code{color:#6851c4;background:#f4f1ff;padding:2px 4px;border-radius:3px;word-break:break-word}.doc-link{display:inline-flex;color:#7055df;font-weight:770;font-size:11px;margin-top:9px}.warning-document{margin-top:17px;display:flex;align-items:start;gap:16px}.warning-document>svg{color:#9f83e9;flex:0 0 22px}.warning-document h3{margin:0;font-size:14px}.warning-document p{margin:7px 0 0}.help-steps{display:grid;gap:16px}.help-step{padding:23px;display:flex;align-items:start;gap:18px}.help-step>span{background:#f1edff;color:#7659db;border-radius:9px;min-width:42px;height:42px;display:grid;place-items:center;font-size:13px;font-weight:810}.help-step h2{font-size:16px;margin:0 0 6px}.help-step p{color:#8791a5;font-size:12px;margin:0 0 8px;line-height:1.8}.command{display:flex;gap:14px;justify-content:space-between;align-items:center;background:#141d2e;color:#d8e6fa;padding:14px 18px;border-radius:9px;margin:15px 0;font-size:12px;overflow:auto}.command code{white-space:nowrap}.command button{border:0;background:#2b3b52;border-radius:5px;padding:7px;color:white}.command svg{width:16px;height:16px}.toast{position:fixed;bottom:25px;right:25px;max-width:400px;background:#19263b;color:white;padding:12px 18px;border-radius:9px;box-shadow:0 18px 40px #25345350;font-size:12px;z-index:40;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:1200px){.sidebar{width:216px;flex-basis:216px}.hero-graphic{right:-6%}.content{padding:30px 24px 55px}.topbar{padding:0 24px}.metrics{gap:10px}.metric{padding:15px 12px;gap:10px}.metric strong{font-size:12px}}
@media(max-width:950px){.sidebar{width:74px;flex-basis:74px;padding:22px 10px}.brand{padding:0 7px 40px}.brand div:nth-child(2),.sidebar-section-name,.nav-link span,.sidebar-bottom{display:none}.nav-link{justify-content:center;padding:15px}.nav-link svg{width:21px;height:21px}.hero-graphic{opacity:.5}.hero-content{max-width:90%}.metric{min-width:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;height:auto;display:flex;flex-direction:row;align-items:center;padding:11px 16px}.brand{padding:0;margin-right:auto}.brand-mark{width:33px;height:33px}.navigation{display:flex;gap:2px}.nav-link{padding:9px}.nav-link svg{width:19px;height:19px}.main{width:100%}.topbar{height:48px;padding:0 18px}.secure-pill{font-size:0;padding:6px}.secure-pill svg{width:15px;height:15px}.avatar{display:none}.content{padding:24px 16px 48px}.page-topline h1{font-size:25px}.page-date{display:none}.hero{min-height:290px}.hero-content{max-width:100%;padding:25px}.hero-graphic{right:-140px;opacity:.22}.hero h2{font-size:27px}.hero p{font-size:11px}.hero-actions{flex-wrap:wrap}.metrics,.product-grid,.agent-grid,.port-grid,.findings-grid{grid-template-columns:1fr}.metrics{gap:8px;margin-bottom:30px}.metric{min-height:62px}.section-heading h2{font-size:18px}.section-step{font-size:10px}.check-top{align-items:stretch;flex-direction:column}.check-top .btn{width:100%}.result-row{gap:8px}.analysis-panel{padding:17px}.analysis-actions .btn{width:100%}.footer{flex-direction:column;align-items:start;padding:15px 20px}.simple-panel{padding:20px}.saved-item{align-items:start;flex-direction:column}.top-actions{gap:5px}}
@media print{.sidebar,.topbar,.hero,.metrics,.section-heading,.product-grid,.check-panel,.agent-grid,.footer,.analysis-actions,.privacy-note,.page-topline,.toast{display:none!important}.content{padding:0}.main{width:100%}.analysis-panel{display:block!important;margin:0;box-shadow:none;border:0}.analysis-title{margin-top:10px}body{background:white}.view:not(#view-diagnose){display:none!important}.analysis-summary,.finding,.recommendations{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.browser-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #eef0f6;padding:12px 22px}.browser-actions[hidden]{display:none!important}

/* MAZHOSTING Corporate UI · Netzwerkdiagnostik 1.2 */
:root{--ink:#13263b;--sub:#687c90;--line:#e2e9f0;--bg:#f5f8fb;--card:#fff;--purple:#2475c7;--purple-dark:#15549a;--green:#15956f;--shadow:0 10px 32px rgba(18,46,79,.045)}
.sidebar{background:linear-gradient(180deg,#091c32 0%,#0e2946 65%,#07182c 100%)}
.brand-mark{background:linear-gradient(145deg,#058bd3,#225bb3);box-shadow:0 8px 28px rgba(22,143,213,.25)}
.brand strong{letter-spacing:1.35px}.brand small span{color:#58c5ff}
.nav-link.active{background:#153e62}.nav-link.active svg{color:#67ceff}
.sidebar-support{background:#0f304f;border-color:#244c6a}.support-icon{background:#164d7a;color:#9ed8ff}.support-button{background:#1a466a;border-color:#31618b}
.sidebar-staff-link{margin-top:16px;color:#b2cbe2;display:flex;align-items:center;gap:8px;padding:12px 3px;font-size:12px}.sidebar-staff-link:hover{color:#fff}.sidebar-staff-link svg{width:15px;height:15px}.sidebar-staff-link svg:last-child{margin-left:auto}
.sidebar-footer .status-dot{background:#43d6a3}
.topbar{background:#fff}.secure-pill{background:#ecf7ff;color:#235e8d}.avatar{background:#153c66;color:#d9efff}
.heading-dot{color:#2488d1}.eyebrow{color:#197ac5}
.hero{background:radial-gradient(circle at 17% 70%,#18548c 0,transparent 27%),linear-gradient(110deg,#0a2945 0%,#0e4067 58%,#12558d 100%)}
.hero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(to right,#ffffff 1px,transparent 1px),linear-gradient(to bottom,#ffffff 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.hero-kicker,.hero-spark{color:#93e1ff}.hero-content{position:relative;z-index:2}.hero-graphic{opacity:.92}
.btn-primary{background:#1665af;border-color:#1665af}.btn-primary:hover{background:#115592;border-color:#115592}.product-card.checked{border-color:#3487cc;box-shadow:0 0 0 3px #e2f3ff}.product-check{background:#257bc5}.metric-icon.violet{background:#e2f2ff;color:#1773b3}.metric-icon.blue{background:#e4f3fc;color:#1975a7}
.case-card{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(118deg,#082c4c,#0f4b7b);color:white;padding:24px;border-radius:14px;margin:20px 0;box-shadow:0 13px 32px rgba(14,72,117,.16)}
.case-card[hidden]{display:none!important}.case-icon{flex:0 0 45px;height:45px;display:grid;place-items:center;background:#ffffff1f;border:1px solid #ffffff36;border-radius:12px;color:#aff0ff}.case-copy{min-width:0}.case-copy .eyebrow{display:block;color:#a2dfff;font-size:11px;margin-bottom:6px}.case-copy>strong{display:block;font-size:clamp(16px,2.4vw,23px);font-family:ui-monospace,monospace;letter-spacing:.3px;overflow-wrap:anywhere}.case-copy p{margin:9px 0 15px;color:#dfedfa;font-size:13px;max-width:640px}.case-actions{display:flex;gap:10px;flex-wrap:wrap}.case-actions .btn{font-size:12px}.case-actions .btn-outline{border-color:#ffffff78;color:#fff;background:#ffffff0d}.case-actions .btn-primary{background:#f3fbff;color:#0c4775;border-color:#f3fbff}.case-actions .btn:hover{filter:brightness(.94)}
.consent-row{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #dbe6f0;background:#f6faff;border-radius:10px;margin:13px 0;color:#455e73;font-size:12px;cursor:pointer;line-height:1.65}.consent-row input{width:16px;height:16px;margin:2px 0 0;accent-color:#1365ae;flex-shrink:0}.agent-upload{margin-top:14px}.agent-upload[hidden]{display:none}.agent-upload .btn{width:100%}.subtext{font-size:12px;color:#4b7190}
@media(max-width:620px){.case-card{padding:17px;gap:10px}.case-icon{width:37px;flex-basis:37px;height:37px}.case-actions{flex-direction:column}.case-actions .btn{width:100%}}

/* v1.3 – Explain all warnings instead of a generic “Hinweis” badge. */
.result-row{align-items:flex-start;padding:19px 6px 20px;gap:14px}
.result-info strong{font-size:13px;line-height:1.5}
.result-info small{color:#5d6c80;font-size:12px;line-height:1.65;margin-top:4px;max-width:740px}
.result-row .chip{margin-top:2px;flex:0 0 auto;font-size:10.5px}
.result-icon.info{background:#eaf4fc;color:#2174a4}
.chip-info{background:#eaf4fc;color:#286a91}
.result-more{display:grid;gap:6px;background:#f7f9fc;border:1px solid #e5ecf2;border-radius:9px;padding:12px 14px;margin-top:12px;max-width:790px}
.result-row-warning .result-more{background:#fffaf1;border-color:#f3e3c8}
.result-row-error .result-more{background:#fff6f6;border-color:#f4dcdc}
.result-more p{margin:0;color:#516174;font-size:11.5px;line-height:1.65}
.result-more b{color:#273950}
.test-summary{margin:0 22px 18px;padding:17px 19px;border:1px solid #d6e4f0;border-left:4px solid #2671ac;border-radius:10px;background:#f4f9fd}
.test-summary-warning{border-color:#f0ddbb;border-left-color:#c88e3d;background:#fffaf1}
.test-summary strong{display:block;font-size:13px;color:#273c50}
.test-summary p{margin:5px 0 0;color:#53677a;font-size:12px;line-height:1.65}
.test-summary a{color:#145a9b;text-decoration:underline;font-weight:750}
.test-summary[hidden]{display:none!important}
@media(max-width:650px){.result-row{flex-wrap:wrap;gap:10px}.result-row .result-info{flex:1 1 calc(100% - 47px)}.result-row .chip{margin-left:41px}.result-more{padding:10px}.test-summary{margin:0 13px 15px}}