*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:#152a3d;background:#f4f6f8;font-size:13px;line-height:1.45}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #087e99;outline-offset:3px}button{border:0;background:none}h1,h2,p{margin:0}svg{display:block}#app{padding:18px;max-width:1600px;margin:auto}.app-top{display:flex;align-items:center;gap:20px;border:1px solid #e7e9ed;border-radius:20px;background:#fff;height:66px;padding:0 24px}.product-brand{font-size:26px;font-weight:800;letter-spacing:-1px}.organization{margin-left:auto;font-size:12px;color:#647787}.demo-badge{font-size:10px;padding:5px 9px;color:#557081;background:#eff4f7;border:1px solid #e6edf1;border-radius:5px}.avatar{border:1px solid #dfe4e8;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;color:#617381;background:#f5f6f8;font-size:10px}.back{font-size:11px;color:#647787}.app-layout{display:flex;gap:18px;padding-top:20px;align-items:start}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;background:white;padding:9px;border:1px solid #e7e9ed;border-radius:20px;width:60px}.rail>span{width:40px;height:43px;display:grid;place-items:center;color:#83909e;border-radius:12px}.rail svg{width:20px;height:20px}.rail .active{background:#edf1f5;color:#324252}.orb{display:block;width:39px;height:39px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#d4f5b4,#9ee3d5 38%,#83b5da 77%);margin-top:12px;margin-bottom:3px}.app-layout main{flex:1;min-width:0;border:1px solid #e4eaf0;border-radius:22px;padding:15px;background:#f4f7f9}.dashboard{display:grid;grid-template-columns:.83fr 1fr 1fr;gap:13px}.card{background:white;border:1px solid #e7edf1;border-radius:16px;padding:16px;min-width:0;display:flex;flex-direction:column}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:start;min-height:22px}.card-title h2{font-size:13px;font-weight:650;letter-spacing:-.02em}.info{font-size:10px;color:#8697a3;border:1px solid;border-radius:50%;width:14px;height:14px;padding:0;line-height:12px}.gauge{position:relative;width:210px;max-width:100%;margin:6px auto 0}.gauge svg{width:100%;height:auto;overflow:visible}.gauge-track{stroke:#eaf0f4;fill:none;stroke-width:32}.gauge text{font-size:10px;fill:#647787}.gauge-value{position:absolute;inset:auto 20% 20px;text-align:center;display:flex;flex-direction:column}.gauge-value span{font-size:11px;color:#647787}.gauge-value strong{font-size:38px;line-height:1.1;letter-spacing:-.045em}.gauge-note{font-size:9px;text-align:center;color:#647787;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:auto 0;padding:27px 0}.stats>div{padding:0 10px;border-left:1px solid #edf1f4}.stats>div:first-child{border:0;padding-left:0}.stats>div:last-child{padding-right:0}.stats span{display:block;font-size:10px;color:#647787;min-height:28px}.stats strong{display:block;font-size:39px;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.stats small{display:block;font-size:9px;color:#647787;margin-top:10px}.stats .alert{color:#b33d57}.timeline{grid-column:2/4}.portfolio{grid-column:1/3}.switch{display:flex;gap:2px;padding:2px;background:#f1f5f7;border-radius:6px;flex-shrink:0}.switch button{font-size:9px;min-height:27px;padding:4px 9px;color:#647787;border-radius:4px;white-space:nowrap}.switch [aria-pressed=true]{background:white;color:#243e52;box-shadow:0 1px 4px #18384a12}.history-chart{width:100%;height:auto;min-width:0;margin-top:8px;flex:1}.history-chart text{font-size:12px;fill:#647787}.grid-line{stroke:#e7edf1;stroke-width:1}.chart-reading{font-size:9px;color:#647787;text-align:right;margin-top:5px;min-height:14px}.footnote{font-size:8px;color:#647787;margin-top:7px}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;color:#647787;margin:8px 0 13px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.bars{height:145px;display:flex;justify-content:space-around;gap:20px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e7edf1 calc(25% - 1px),#e7edf1 25%) top/100% calc(100% - 27px) no-repeat}.bar-column{display:flex;flex-direction:column;justify-content:end;width:22%;text-align:center}.bar-stack{height:calc(100% - 27px);display:flex;flex-direction:column-reverse;justify-content:flex-start;width:100%;max-width:120px;margin:auto auto 0}.bar-stack>div{display:flex;align-items:center;justify-content:center;min-height:0}.bar-stack>div>span{font-size:10px;line-height:1;color:#173347;font-weight:600}.bar-column>span{height:27px;font-size:10px;padding-top:8px;white-space:nowrap}.priorities table{border-collapse:collapse;width:100%;margin-top:14px;font-size:10px;text-align:left}.priorities th{font-weight:500;background:#eff5f8;padding:9px 7px}.priorities td{padding:11px 7px;border-bottom:1px solid #e8eef2}.priorities td:last-child{color:#b33d57;width:34%}.priorities button{font-size:10px;padding:0;text-align:left}.priorities button:hover{text-decoration:underline}.demo-note{font-size:9px;color:#778894;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #dce5ea;border-radius:16px;max-width:520px;width:calc(100% - 40px);background:white;color:inherit;padding:24px;box-shadow:0 12px 60px #10253630}dialog::backdrop{background:#152a3d55;backdrop-filter:blur(3px)}.dialog-head{display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:20px}.dialog-head button{font-size:25px;padding:0 5px}.detail-status{font-size:12px;font-weight:600;margin-bottom:13px}dialog p{font-size:13px;line-height:1.7}dialog dl>div{border-top:1px solid #e3eaf0;padding-block:12px}dialog dt{font-size:10px;color:#647787}dialog dd{margin:5px 0 0;font-size:13px}.embedded{overflow:hidden}.embedded .back{display:none}.embedded #app{padding:16px}.embedded .demo-note{margin-bottom:0}
body[data-product=security]{--soft:#bac5d9;background:#111827;color:#edf0f9}body[data-product=security] #app{padding:0;max-width:none}.security .app-top{background:linear-gradient(100deg,#343b4d,#1d2435 65%);border:0;border-bottom:1px solid #444d65;border-radius:0;height:60px}.security .product-brand{font-size:15px;letter-spacing:0;display:flex;align-items:center;gap:17px}.security-mark{font-size:27px;font-weight:800;color:#c687ef;text-shadow:2px -1px #e4b3df}.security .organization{color:#c8d0df;margin-left:10px}.security .demo-badge{background:#302d3f;border-color:#5e4c73;color:#e2c5df}.security .avatar{background:linear-gradient(145deg,#eac6d7,#b67cdf);border:0;color:#271d37}.security .back{margin-left:auto;color:#d6c0e4}.security .app-layout{padding:0;gap:0}.security .rail{background:linear-gradient(#424b64,#343d55);border:0;border-radius:0;width:68px;padding:13px 0;gap:10px;align-self:stretch}.security .rail>span{width:100%;border-radius:0;color:#c4c9db}.security .rail .active{background:#6570899c;color:white;border-left:3px solid #c48bf0}.security .app-layout main{border:0;border-radius:0;background:radial-gradient(ellipse at top left,#38435f 0,transparent 65%),#111827;padding:0 22px 18px}.security h1{background:linear-gradient(100deg,#515b76,#343d57);margin:0 -22px 20px;padding:15px 24px;font-size:21px;font-weight:500}.security .dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.security .card{background:linear-gradient(135deg,#414d6a,#303954);border:1px solid #5a64834d;border-radius:7px;padding:16px}.security .card-title h2{color:#eef0fa;font-size:13px;letter-spacing:0;font-weight:550}.meters{grid-column:1/3;display:flex;flex-direction:column;gap:14px}.gauge-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security .gauge{width:190px;margin-top:10px}.security .gauge-track{stroke:#5b638655}.security .gauge-value span,.security .gauge-note,.security .gauge text{color:#d0d6e4;fill:#c2cce0}.security .gauge-value strong{font-size:39px}.security-history{grid-column:3/5}.security .switch{background:#29334a;border:1px solid #64708b33}.security .switch button{color:#c9d1e2}.security .switch [aria-pressed=true]{background:#645577;color:#f2e6ff}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 0}.chart-toolbar>span{font-size:10px;color:#d6c4e7}.security .history-chart{margin-block:auto;max-height:255px}.security .grid-line{stroke:#7786a930}.security .history-chart text{fill:#c0cadc}.security .chart-reading{color:#d5cee3;margin-bottom:16px}.card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #7680a131;padding-top:12px;color:#bfc8da;font-size:9px}.risk-strip{display:grid;grid-template-columns:50px 1fr 25px;gap:15px;font-size:10px;align-items:center;margin-bottom:10px}.risk-strip>div{background:#29344c;height:5px;border-radius:8px}.risk-strip i{display:block;height:100%;border-radius:8px}.risk-strip strong{text-align:right;font-size:12px}.inline{padding:4px 0;color:#e2b9ee;font-size:9px;text-align:left;margin-top:auto}.inline:hover{text-decoration:underline}.security .legend{color:#c8d0df;gap:10px;font-size:8px}.security .bars{height:155px;gap:12px;background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#8995b02a calc(25% - 1px),#8995b02a 25%)}.security .bar-column>span{font-size:9px;color:#c8d0df}.security .bar-stack>div>span{color:#251731;font-size:9px}.donut{position:relative;width:126px;height:126px;border-radius:50%;background:conic-gradient(#ad73e8 0 75%,#dfa6cb 75%);margin:9px auto 12px}.donut>div{position:absolute;inset:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#37415d;border-radius:50%}.donut strong{font-size:30px}.donut span{font-size:9px;color:#c9d0e1}.security .stats{padding:18px 0}.security .stats>div{border-color:#69759340;padding-inline:8px}.security .stats>div:first-child{padding-left:0}.security .stats span{color:#cad0df;font-size:9px;min-height:18px}.security .stats strong{font-size:28px}.security .stats small{color:#c5cfe0;font-size:8px}.security .changes .history-chart{max-height:68px;min-height:0;margin-top:0}.security .changes .history-chart text{display:none}.security .demo-note{color:#aebad0}.security dialog{background:#353f59;border-color:#6c7592}.security dialog dl>div{border-color:#65718a}.security dialog dt{color:#c0cbdf}.security :is(button,a,[tabindex]):focus-visible{outline-color:#e4bcff}
@media(min-width:1300px){.card{padding:20px}.gauge{width:240px}.history-chart{max-height:220px}.bars{height:180px}.security .gauge{width:225px}.security .bars{height:190px}.security .card-title h2{font-size:15px}.security-bottom{min-height:300px}}
@media(max-width:800px){#app{padding:10px}.app-top{height:58px;gap:10px;padding:0 15px}.product-brand{font-size:22px}.organization,.avatar{display:none}.demo-badge{margin-left:auto;font-size:9px}.back{font-size:10px}.app-layout{gap:0;padding-top:12px}.rail{display:none}.app-layout main{padding:10px}.dashboard{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px}.timeline,.portfolio,.priorities{grid-column:1/-1}.dashboard>.card:nth-child(3){grid-column:1}.dashboard>.card:nth-child(4){grid-column:2;grid-row:2}.stats{padding-block:20px}.stats strong{font-size:30px}.gauge{width:190px}.bars{height:165px}.security .app-top{padding-inline:15px}.security .product-brand{font-size:13px;gap:10px}.security .app-layout main{padding-inline:14px}.security h1{margin-inline:-14px;padding-inline:16px}.security .dashboard{grid-template-columns:1fr 1fr}.security .meters,.security .security-history{grid-column:1/-1}.security .dashboard>.card:nth-child(3),.security .dashboard>.card:nth-child(4){grid-column:auto;grid-row:auto}.security-history .history-chart{max-height:200px}.security .gauge{width:200px}.security-bottom{min-height:245px}}
@media(max-width:480px){.app-top{flex-wrap:wrap;height:auto;min-height:60px;padding-block:12px}.back{order:5;width:100%}.dashboard{grid-template-columns:1fr}.dashboard>.card:nth-child(3),.dashboard>.card:nth-child(4){grid-column:auto;grid-row:auto}.timeline,.portfolio,.priorities{grid-column:auto}.card-title h2{font-size:13px}.timeline .card-title{flex-wrap:wrap}.timeline .switch{margin-left:auto}.gauge{width:225px}.stats strong{font-size:35px}.stats span,.stats small{font-size:10px}.legend{gap:9px}.bars{gap:15px}.bar-column>span{font-size:9px}.chart-reading{font-size:9px;text-align:left}.security .dashboard{grid-template-columns:1fr}.gauge-pair{gap:10px}.security .gauge{width:145px}.security .gauge-value strong{font-size:28px}.security .gauge-value span{font-size:9px}.security .gauge-value{bottom:15px}.security .gauge-note{font-size:8px}.security .gauge-pair .card{padding:12px}.security .gauge-pair h2{font-size:11px}.security .card-title{flex-wrap:wrap}.security .card-title .switch{margin-left:auto}.security .security-bottom{min-height:0}.security .security-bottom .bars{height:175px}.security .demo-badge{font-size:8px}.security .security-mark{font-size:23px}.security .security-bottom .donut{width:150px;height:150px}.embedded .demo-note{font-size:9px}}

/* Current Security Inzichten design: navy panels, slate headings, violet/rose data. */
body[data-product=security]{background:#161c2d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.security .app-top{background:linear-gradient(100deg,#333a4c,#181e2e 70%)}
.security-mark{width:32px;height:32px;display:block}.security-mark svg{width:100%;height:100%}
.security .rail{width:78px;background:linear-gradient(180deg,#444d65,#323951);padding:0;gap:0}
.security .rail>span{height:76px;display:flex;flex-direction:column;justify-content:center;gap:7px}.security .rail small{font-size:9px}
.security .app-layout main{background:linear-gradient(155deg,#232a3d 0%,#111522 50%,#0e1119 100%);padding:0 24px 20px;min-height:calc(100vh - 60px)}
.security h1{background:linear-gradient(100deg,#50586f,#323951);margin:0 -24px 22px;padding:15px 24px;font-size:20px}
.security .dashboard{gap:20px}.security .card{background:linear-gradient(135deg,#2e3750,#283149);border:1px solid #46516d;border-radius:6px;box-shadow:0 7px 17px #080c1b30;padding:16px;overflow:hidden}
.security .card-title{background:linear-gradient(100deg,#46516c,#3b465f);border-bottom:1px solid #58658155;margin:-16px -16px 16px;padding:11px 14px;min-height:43px;align-items:center}
.security .card-title h2{font-size:12px;font-weight:500}.security .meters,.security .gauge-pair{gap:20px}
.meter-number{display:flex;align-items:baseline;justify-content:center;font-size:29px;font-weight:500;line-height:1.1;margin-bottom:10px;letter-spacing:-.025em}.meter-number small{font-size:18px;font-weight:400}.meter-number>span{font-size:9px;letter-spacing:0;align-self:center;padding:3px 6px;border-radius:10px;background:linear-gradient(90deg,#d39ded,#eab7d7);color:#34203d;margin-left:7px}
.security-meter{width:100%;max-width:170px;margin:auto}.security-meter svg{width:100%;height:auto}.security-meter text{fill:#d3d9e8;font-size:10px}.security .gauge-note{font-size:10px;margin-top:8px}
.security .chart-toolbar{margin:0 0 15px}.security .switch{background:transparent;border:0}.security .switch [aria-pressed=true]{background:#6e64875c;box-shadow:inset 0 -1px #e2b2f3}.security .chart-toolbar .switch button{padding-inline:0;margin-right:15px;background:transparent;box-shadow:none}.security .chart-toolbar .switch [aria-pressed=true]{color:#efd4fc}
.security .card-footer{margin:12px -16px -16px;padding:11px 14px}.security .security-bottom>.inline{border-top:1px solid #39435d;margin:14px -16px -16px;padding:11px 14px;font-size:10px}.security .donut>div{background:#2c354d}.security .legend{font-size:9px;margin-top:4px}.security .legend i{border-radius:0;width:5px;height:5px}.security .risk-strip>div,.security .risk-strip i{border-radius:0}.security .risk-strip>div{background:#535e7b;height:6px}.security .risk-strip{font-size:11px;margin-bottom:12px}
@media(min-width:1300px){.security .dashboard{gap:28px}.security .meters,.security .gauge-pair{gap:28px}.security .security-meter{max-width:190px}}
@media(max-width:800px){.security .app-layout main{padding-inline:14px}.security h1{margin-inline:-14px;padding-inline:16px}.security .dashboard{gap:14px}.security .meters,.security .gauge-pair{gap:14px}}
@media(max-width:480px){.security .gauge-pair .card{padding:12px}.security .gauge-pair .card-title{margin:-12px -12px 12px;padding:10px;min-height:46px}.meter-number{font-size:26px;flex-wrap:wrap}.meter-number>span{font-size:8px;padding:3px 5px;margin-left:5px}.security .card-title h2{font-size:12px}.security .gauge-pair h2{font-size:11px}.security .gauge-note{font-size:9px}.security .security-meter{max-width:160px}}

.security.embedded .security-meter{max-width:140px}.security.embedded .meter-number{font-size:26px;margin-bottom:6px}.security.embedded .gauge-note{font-size:9px}.security.embedded .dashboard,.security.embedded .meters,.security.embedded .gauge-pair{gap:14px}.security.embedded .bars{height:135px}.security.embedded .donut{width:110px;height:110px}.security.embedded .security-bottom{min-height:235px}.security.embedded .demo-note{margin-top:10px}.security.embedded h1{margin-bottom:16px}

@media(max-width:480px){.security .app-top{height:auto;min-height:86px;padding-block:12px}.security .back{line-height:22px;margin:0}.history-chart text{font-size:21px}.switch button{min-height:38px;font-size:10px}.security .card-title .switch{width:100%;justify-content:flex-end}.security .chart-toolbar .switch button{min-height:36px}.info{width:26px;height:26px;line-height:24px}.security .chart-reading{font-size:10px}.security .changes .history-chart text{display:none}}

/* Embedded previews measure content, independently of the iframe viewport. */
.security.embedded .app-layout main{min-height:0}