body{letter-spacing:0}h1,h2,h3,.brand span,.eyebrow{letter-spacing:0}h1{font-size:26px}h2{font-size:20px}#workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}#workspace>aside{width:250px;background:#004976;padding:24px 18px}#workspace>main{grid-column:2;min-width:0;padding:76px 0 0}#workspace>main>header{position:fixed;left:250px;right:0;top:0}#workspace aside>.brand{margin-bottom:20px}#workspace aside>.brand img{width:48px;height:48px;object-fit:contain}.brand span{font-size:14px}#workspace #nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 12px;min-height:44px;color:#e1edf3;background:transparent;margin:3px 0;border-radius:6px}#workspace #nav button.active{background:#ffffff20;color:white}nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 19px}.nav-label{color:#a8c6d9;margin:20px 12px 8px}.main-content{padding:24px 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-heading h1{margin:0}.surface{background:#fff;border-top:1px solid #dde7ed;padding:22px 0;margin-bottom:24px}.search-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.search-form label{margin:0 0 18px;font-size:13px}.search-form .name-field{grid-column:span 2}.form-actions{grid-column:1/-1;display:flex;gap:12px;align-items:center}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{width:260px;max-width:100%;margin:0}.toolbar label{margin:0}.check-label{display:flex;gap:8px;align-items:center;font-weight:400}.check-label input{width:18px;margin:0}.table-wrap{overflow:auto;max-width:100%;background:white}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 14px;border-bottom:1px solid #e2e9ed;text-align:left;vertical-align:top;font-size:13px}th{background:#edf3f6;font-size:12px}td strong{display:block}.result-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.result-group{margin:22px 0}.result-group h2{font-size:17px}.hit{background:white;border-left:3px solid #4bc7b5;border-bottom:1px solid #dce6ed;padding:16px;margin:10px 0}.hit.sanction{border-left-color:#d14358}.hit.media{border-left-color:#c19225}.hit-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.score{font-weight:700;white-space:nowrap;font-size:20px;color:#004976}.hit h3{margin-bottom:4px;font-size:16px}.hit .checks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hit details{margin-top:12px}.hit summary{cursor:pointer;color:#087f83}.definition{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 16px;margin:12px 0}.definition dt{color:#6b7e89}.definition dd{margin:0;overflow-wrap:anywhere}.warning{background:#fff5dc;color:#735617;padding:12px 16px;border-left:3px solid #dfae36;margin:12px 0}.error{color:#a1273b}.empty{padding:30px;text-align:center;color:#6b7e89}.coverage{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dce6ed;padding:10px 0 18px;margin-bottom:18px}.coverage span{font-size:13px}.coverage strong{color:#004976}.progress{width:180px;height:9px;accent-color:#087f83}.job-line{padding:18px 0;border-bottom:1px solid #dce6ed}.pager{display:flex;gap:12px;margin-top:16px;align-items:center}.badge{font-size:12px;letter-spacing:0}.draft-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.draft-form .full{grid-column:1/-1}dialog{width:min(850px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #dce6ed;border-radius:8px;padding:24px}dialog::backdrop{background:#00214466}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);background:#173143;color:white;padding:14px 20px;border-radius:6px;z-index:200}#inspection-context{padding:12px 16px;background:#e9f4f1;border-left:3px solid #087f83;margin-bottom:20px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.person{background:white;border:1px solid #dde7ed;border-radius:6px;padding:16px}.person h3{margin-bottom:5px}.org-row{padding:10px 0;border-bottom:1px solid #e2e9ed}.org-row details{margin-left:18px}#workspace.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}#workspace.sidebar-collapsed>aside{width:72px;padding:24px 8px}#workspace.sidebar-collapsed>main>header{left:72px}#workspace.sidebar-collapsed nav button span,#workspace.sidebar-collapsed .nav-label,#workspace.sidebar-collapsed aside>.brand{display:none}.hamburger{background:transparent;margin-bottom:12px;color:white}.hamburger span{display:block;width:20px;height:2px;background:currentColor;margin:4px}.card{border-radius:0;box-shadow:none;border:0}input,select,textarea{min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere}.intro h1{font-size:42px}.login-layout .intro{min-width:0}.login-card{width:420px;max-width:100%}.login-card input{width:100%}
#workspace>main{margin-left:0;margin-right:0}
body.brand-screening #workspace [data-user-kind="FI"]{display:none}
.score.high{color:#087f83}
.match-table-wrap{border:1px solid #dce6ed;border-radius:4px}
.match-table{min-width:1050px}
.match-table th,.match-table td{padding:9px 10px;font-size:12px}
.match-table th{position:sticky;top:0;z-index:1;white-space:nowrap}
.match-table td{vertical-align:middle}
.match-table td small{display:block;margin-top:3px;color:#6b7e89;font-size:11px}
.match-table .score{font-size:15px}
.match-row.sanction{box-shadow:inset 3px 0 #d14358}
.match-row.media{box-shadow:inset 3px 0 #c19225}
.match-row:hover{background:#f5f9fb}
.match-more{min-width:78px}
.match-more summary{cursor:pointer;color:#087f83;white-space:nowrap}
.match-more>div{position:absolute;right:32px;z-index:4;width:min(620px,calc(100vw - 48px));max-height:55vh;overflow:auto;padding:14px;background:#fff;border:1px solid #dce6ed;box-shadow:0 8px 24px #17314324}
@media(max-width:640px){#workspace .kompas-name{display:none}#workspace .header-actions{flex:0 0 auto}#workspace .header-left{min-width:0;flex:1}#workspace header .brand{min-width:0;max-width:100%;gap:4px}#workspace header .brand img{width:148px;max-width:100%;height:48px;object-fit:contain}#workspace header .system-name{font-size:11px}#workspace #user-label{padding:4px}}
@media(max-width:900px){.search-form{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:20px}.search-form .name-field{grid-column:auto}}
@media(max-width:640px){#workspace,#workspace.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}#workspace>aside,#workspace.sidebar-collapsed>aside{width:64px;padding:18px 6px}#workspace>main>header,#workspace.sidebar-collapsed>main>header{left:64px;padding:0 10px}#workspace nav button span,#workspace .nav-label,#workspace aside>.brand{display:none}.search-form,.draft-form{grid-template-columns:1fr}.main-content{padding:16px 12px}.search-form .name-field,.draft-form .full{grid-column:auto}.hit-head{flex-wrap:wrap}.definition{grid-template-columns:1fr;gap:4px}.definition dd{margin-bottom:10px}.form-actions{flex-wrap:wrap}h1{font-size:22px}.toolbar input{width:100%}.login-layout{grid-template-columns:1fr}.login-layout .intro{display:none}.login-panel{padding:24px;min-height:100vh}.result-meta{gap:8px}.score{font-size:18px}}

.representative-alert{display:inline-flex;align-items:center;gap:.3rem;margin-left:.35rem;padding:.2rem .5rem;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:.45rem;white-space:nowrap}.representative-alert:hover{background:#fde68a}.representative-match{padding:1rem 0;border-bottom:1px solid #dbe2ea}.representative-match h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.person-kind{grid-column:1/-1;border:0;padding:0;margin:0 0 20px;min-width:0}.person-kind legend{font-size:13px;font-weight:600;margin-bottom:10px}.kind-options{display:flex;flex-wrap:wrap;gap:12px 28px}.search-form .kind-options label,.draft-form .kind-options label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.kind-options input[type=radio]{width:18px;height:18px;margin:0;accent-color:#087f83}.kind-options input:focus-visible{outline:2px solid #087f83;outline-offset:3px}.search-form .full,.draft-form .person-kind{grid-column:1/-1}[data-kind-field][hidden]{display:none!important}

#workspace #sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:6px;margin:0;color:#004976;background:transparent;border:1px solid #dce6ed;border-radius:6px}
#workspace #sidebar-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#workspace #nav .admin-nav{border-top:1px solid #ffffff30;margin-top:16px;padding-top:10px}
#workspace #nav .admin-nav>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 12px;cursor:pointer;color:#e1edf3;list-style:none;border-radius:6px}
#workspace #nav .admin-nav>summary::-webkit-details-marker{display:none}
#workspace #nav .admin-nav>summary::after{content:'›';margin-left:auto;transform:rotate(90deg)}
#workspace #nav .admin-nav[open]>summary::after{transform:rotate(-90deg)}
#workspace #nav .admin-nav>div{padding-left:8px}
#workspace.sidebar-collapsed #nav .admin-nav>summary span,#workspace.sidebar-collapsed #nav .admin-nav>summary::after{display:none}
#workspace.sidebar-collapsed #nav .admin-nav>div{padding-left:0}
@media(max-width:640px){#workspace #nav .admin-nav>summary span,#workspace #nav .admin-nav>summary::after{display:none}#workspace #nav .admin-nav>div{padding-left:0}#workspace .header-left{gap:8px}}

@media(max-width:640px){
 #workspace.sidebar-mobile-open>aside{width:250px;top:68px;height:calc(100dvh - 68px);z-index:110;padding:18px 12px;box-shadow:6px 0 18px #00214430}
 #workspace.sidebar-mobile-open #nav button span,#workspace.sidebar-mobile-open #nav .admin-nav>summary span{display:block}
 #workspace.sidebar-mobile-open #nav .admin-nav>summary::after{display:block}
 #workspace.sidebar-mobile-open #nav .admin-nav>div{padding-left:8px}
}

#workspace aside>.hamburger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:6px;margin:0 0 40px 0;color:#fff;background:#ffffff16;border:1px solid #ffffff70;border-radius:6px}
#workspace aside>.hamburger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#workspace aside>.hamburger svg path{stroke:#fff;fill:none;stroke-width:2.5}
#workspace #nav .admin-nav>summary svg{fill:none}
@media(max-width:640px){#workspace aside>.hamburger{margin-bottom:28px}}

/* Match the SRQ icon rail, reveal, and navigation anchors. */
#workspace{grid-template-columns:242px minmax(0,1fr);transition:grid-template-columns .2s ease}
#workspace.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}
#workspace>aside,#workspace.sidebar-collapsed>aside{padding:24px 10px;z-index:60;transition:width .2s ease,padding .2s ease,box-shadow .2s ease}
#workspace>aside{width:242px}
#workspace.sidebar-collapsed>aside{width:76px;box-shadow:8px 0 24px transparent}
#workspace>main>header{left:242px}
#workspace.sidebar-collapsed>main>header{left:76px}
#workspace>aside>#sidebar-toggle{width:40px;height:40px;min-width:40px;flex:0 0 40px;margin:0 0 32px 8px;padding:8px;border:0;border-radius:7px;background:transparent;color:#fff}
#workspace>aside>#sidebar-toggle svg{width:24px;height:24px}
#workspace #nav,#workspace #nav .admin-nav>div{display:grid;align-content:start;gap:.3rem}
#workspace #nav button,#workspace #nav .admin-nav>summary{display:flex;align-items:center;justify-content:flex-start;gap:11px;height:52px;min-height:52px;max-height:52px;margin:0;padding:13px 8px 13px 17px;border-left:3px solid transparent;font-size:13px;line-height:1.2;white-space:nowrap}
#workspace #nav button.active{border-left-color:#4bc7b5}
#workspace #nav svg{width:22px;height:22px;min-width:22px;max-width:22px;flex:0 0 22px;margin-right:0;transform:none}
#workspace #nav .admin-nav>div{padding-left:0}
#workspace #nav button span,#workspace #nav .admin-nav>summary span{display:inline}
#workspace.sidebar-collapsed #nav button,#workspace.sidebar-collapsed #nav .admin-nav>summary{gap:0}
#workspace.sidebar-collapsed #nav button span,#workspace.sidebar-collapsed #nav .admin-nav>summary span{display:none}
@media(hover:hover) and (pointer:fine){
 #workspace.sidebar-collapsed>aside:hover,#workspace.sidebar-collapsed>aside:focus-within{width:242px;padding:24px 10px;box-shadow:8px 0 24px #00214433}
 #workspace.sidebar-collapsed>aside:hover #nav button,#workspace.sidebar-collapsed>aside:focus-within #nav button,#workspace.sidebar-collapsed>aside:hover #nav .admin-nav>summary,#workspace.sidebar-collapsed>aside:focus-within #nav .admin-nav>summary{gap:11px}
 #workspace.sidebar-collapsed>aside:hover #nav button span,#workspace.sidebar-collapsed>aside:focus-within #nav button span,#workspace.sidebar-collapsed>aside:hover #nav .admin-nav>summary span,#workspace.sidebar-collapsed>aside:focus-within #nav .admin-nav>summary span{display:inline}
 #workspace.sidebar-collapsed>aside:hover #nav .admin-nav>summary::after,#workspace.sidebar-collapsed>aside:focus-within #nav .admin-nav>summary::after{display:block}
}
@media(max-width:600px){
 #workspace,#workspace.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}
 #workspace>aside,#workspace.sidebar-collapsed>aside{width:68px;padding:18px 6px;inset:0 auto 0 0;height:100dvh}
 #workspace:not(.sidebar-collapsed)>aside{width:228px;box-shadow:8px 0 24px #00214433}
 #workspace>main>header,#workspace.sidebar-collapsed>main>header{left:68px}
 #workspace>aside>#sidebar-toggle{margin-left:6px}
 #workspace #nav,#workspace #nav .admin-nav>div{gap:.25rem}
 #workspace #nav button,#workspace #nav .admin-nav>summary{height:48px;min-height:48px;max-height:48px;padding:11px 7px 11px 14px}
}
@media(max-width:600px) and (hover:hover) and (pointer:fine){
 #workspace.sidebar-collapsed>aside:hover,#workspace.sidebar-collapsed>aside:focus-within{width:228px;padding:18px 6px}
}
