:root{--pfs-black:#050505;--pfs-yellow:#f2ef00}.pfs-portal,.pfs-portal-card{font-family:Arial,sans-serif;max-width:1180px;margin:20px auto;color:#111}.pfs-portal header{background:#050505;color:#fff;padding:22px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid var(--pfs-yellow)}.pfs-portal header h1{color:#fff;margin:0}.pfs-portal header p{margin:4px 0 0;color:#ddd}.pfs-btn,.pfs-list button{display:inline-block;background:var(--pfs-yellow);color:#000!important;border:1px solid #d4d100;border-radius:6px;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer}.pfs-portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.pfs-portal-stats>div,.pfs-portal-card{background:#fff;border:1px solid #deded8;border-radius:10px;padding:18px;border-top:4px solid var(--pfs-yellow)}.pfs-portal-stats strong{font-size:28px;display:block}.pfs-portal-stats span{color:#666}.pfs-portal section{margin:26px 0}.pfs-list{display:grid;gap:10px}.pfs-list article{display:flex;justify-content:space-between;gap:15px;background:#fff;border:1px solid #deded8;border-left:5px solid var(--pfs-yellow);border-radius:9px;padding:14px}.pfs-list article strong,.pfs-list article span{display:block}.pfs-list article span{margin-top:4px;color:#666}.pfs-list form{display:flex;gap:5px;align-items:flex-start}.pfs-list form button:last-child{background:#202020;color:#fff!important;border-color:#202020}.pfs-login-logo{max-width:330px;width:70%;height:auto;margin-bottom:18px}.pfs-manager-shell{display:grid;grid-template-columns:285px 1fr;min-height:100vh;background:#f4f4f2;font-family:Arial,sans-serif;margin:-20px calc(50% - 50vw);width:100vw}.pfs-manager-side{background:#050505;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.pfs-manager-logo{padding:24px 20px;border-bottom:4px solid var(--pfs-yellow)}.pfs-manager-logo img{width:100%;filter:brightness(0) invert(1)}.pfs-manager-side nav{padding:12px;overflow:auto;flex:1}.pfs-manager-side nav a{display:block;color:#fff;text-decoration:none;padding:9px 12px;border-radius:6px;margin:2px 0}.pfs-manager-side nav a:hover{background:#242424;color:var(--pfs-yellow)}.pfs-manager-side details{border:0;padding:0;margin:5px 0}.pfs-manager-side summary{font-weight:800;color:var(--pfs-yellow);padding:10px 8px;cursor:pointer;list-style:none}.pfs-side-home{background:var(--pfs-yellow)!important;color:#000!important;font-weight:800;margin-bottom:10px!important}.pfs-side-bottom{padding:14px;border-top:1px solid #333}.pfs-side-bottom a{display:block;color:#fff;text-decoration:none;padding:8px}.pfs-manager-main{padding:26px 30px}.pfs-manager-hero{background:#050505;border-bottom:6px solid var(--pfs-yellow);border-radius:12px;padding:24px;color:#fff}.pfs-manager-hero img{max-width:360px;filter:brightness(0) invert(1)}.pfs-manager-hero h1{color:#fff;margin:18px 0 6px}.pfs-manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.pfs-manager-card{background:#fff;border:1px solid #ddd;border-top:5px solid var(--pfs-yellow);border-radius:10px;padding:18px;text-decoration:none;color:#111}.pfs-manager-card h2{margin-top:0}.pfs-manager-card span{font-weight:800}.pfs-manager-card:hover{box-shadow:0 5px 18px rgba(0,0,0,.08)}
@media(max-width:900px){.pfs-portal-stats{grid-template-columns:1fr}.pfs-list article{display:block}.pfs-portal header{display:block}.pfs-manager-shell{grid-template-columns:1fr;margin:0;width:100%}.pfs-manager-side{position:relative;height:auto;min-height:0}.pfs-manager-grid{grid-template-columns:1fr}.pfs-manager-main{padding:16px}}
/* PF Security extern beheerportaal */
body:has(.pfs-manager-external){background:#f4f5f6}
.pfs-manager-external{max-width:none!important;margin:-20px calc(50% - 50vw) 0!important;min-height:100vh;background:#f4f5f6;display:flex}
.pfs-manager-external .pfs-manager-side{width:280px;min-width:280px;background:#050505;color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}
.pfs-manager-external .pfs-manager-logo{padding:24px 20px 18px;border-bottom:1px solid #242424}
.pfs-manager-external .pfs-manager-logo img{width:210px;max-width:100%;filter:none;background:#fff;padding:8px;border-radius:5px}
.pfs-manager-external .pfs-manager-logo small{display:block;color:#f2ef00;font-weight:900;letter-spacing:2px;margin-top:10px}
.pfs-manager-external nav{padding:12px;flex:1}.pfs-manager-external details{margin:0 0 7px;border:0;padding:0}.pfs-manager-external summary{color:#f2ef00;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:10px 9px}.pfs-manager-external nav a{display:block;color:#eee;text-decoration:none;padding:9px 11px;border-radius:6px;margin:2px 0}.pfs-manager-external nav a:hover,.pfs-manager-external nav a.active{background:#f2ef00;color:#000;font-weight:800}.pfs-manager-external .pfs-side-bottom{padding:14px;border-top:1px solid #242424}.pfs-manager-external .pfs-side-bottom a{display:block;color:#fff;text-decoration:none;padding:7px}.pfs-manager-external .pfs-manager-main{flex:1;min-width:0}.pfs-external-top{height:68px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.pfs-external-top strong,.pfs-external-top span{display:block}.pfs-external-top span{font-size:12px;color:#6d747b}.pfs-manager-content{padding:20px 24px 50px}.pfs-manager-content .wrap{margin:0}.pfs-manager-content .notice{margin-left:0}.pfs-manager-content .pfs-titlebar{border-left:6px solid #f2ef00}.pfs-manager-content .button-primary,.pfs-manager-content .button.button-primary{background:#f2ef00!important;border-color:#d4d100!important;color:#000!important;font-weight:800;text-shadow:none!important}.pfs-manager-content .button-primary:hover{background:#fff900!important;border-color:#000!important}.pfs-manager-login{max-width:520px;text-align:center;margin:70px auto!important;border-top:6px solid #f2ef00!important}.pfs-manager-login .pfs-login-logo{max-width:320px;width:80%;margin-bottom:20px}
@media(max-width:900px){.pfs-manager-external{display:block!important}.pfs-manager-external .pfs-manager-side{position:relative;width:100%;height:auto;min-height:0}.pfs-manager-external .pfs-manager-logo img{width:180px}.pfs-manager-external nav{display:grid;grid-template-columns:1fr 1fr}.pfs-manager-external .pfs-side-bottom{display:flex;gap:8px;flex-wrap:wrap}.pfs-external-top{position:relative}.pfs-manager-content{padding:12px}.pfs-manager-content .pfs-titlebar{border-radius:6px}}