.np-portals{--p:#6667ab;--o:#ff9800;--t:#0aa599;--n:#103d84;--l:#9c9cc8;--y:#f2bd35;--m:#61758b;color:#173b5f}.np-portals *{box-sizing:border-box}.np-po-shell{width:100%;max-width:1180px;margin:auto;padding:0 28px}.np-po-hero{padding:82px 0;background:radial-gradient(circle at 88% 12%,rgba(102,103,171,.14),transparent 28%),linear-gradient(135deg,#f8fbff,#f5f7fc)}.np-po-hero-grid,.np-po-two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.np-po-eyebrow,.np-po-heading>span,.np-po-num{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--p)}.np-portals h1{font-size:52px;line-height:1.06;color:var(--n);margin:14px 0 22px}.np-portals h2{font-size:36px;line-height:1.16;color:var(--n);margin:10px 0 17px}.np-portals p{color:var(--m);line-height:1.7}.np-po-hero p{font-size:18px}.np-po-actions{display:flex;gap:12px;margin-top:28px}.np-po-btn{display:inline-block;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700}.np-po-btn.primary{background:var(--o);color:#fff}.np-po-btn.secondary{background:#fff;border:1px solid var(--p);color:var(--p)}
.np-po-rolemap{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:center;background:#fff;padding:24px;border:1px solid #e1e7ef;border-radius:18px;box-shadow:0 20px 50px rgba(16,61,132,.12)}.np-po-role{padding:17px;border-radius:11px;background:#f6f7fb;border-left:4px solid var(--p)}.np-po-role.manager{border-color:var(--t)}.np-po-role.admin{border-color:var(--o)}.np-po-role.executive{border-color:var(--n)}.np-po-role b,.np-po-role span{display:block}.np-po-role b{color:var(--n);font-size:14px}.np-po-role span{color:var(--m);font-size:10px;margin-top:3px}.np-po-rolemap>i{text-align:center;color:var(--p);font-style:normal}.np-po-platform{grid-column:1/-1;text-align:center;background:linear-gradient(90deg,var(--n),var(--p));color:#fff;padding:11px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:1px;margin-top:5px}
.np-po-intro{padding:70px 0 35px}.np-po-heading{text-align:center;max-width:780px;margin:auto}.np-po-portal{padding:70px 0}.np-po-portal:nth-of-type(even){background:#fafbfd}.np-po-portal.manager{background:#f4fbfa}.np-po-portal.admin{background:#fffaf3}.np-po-portal.executive{background:#f7f8fc}.np-po-two.reverse .np-po-copy{order:2}.np-po-two.reverse .np-po-dashboard{order:1}.np-po-copy p{font-size:16px}.np-po-features{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.np-po-features span{font-size:11px;padding:8px 11px;border-radius:20px;background:#fff;border:1px solid #dfe6ee;color:var(--n);font-weight:600}.np-po-link{display:inline-block;margin-top:8px;color:var(--p);font-weight:800;text-decoration:none}.np-po-link.disabled{color:#8292a4}
.np-po-dashboard{background:#fff;border:1px solid #dfe6ee;border-top:4px solid var(--p);border-radius:17px;padding:24px;box-shadow:0 16px 38px rgba(16,61,132,.09)}.np-po-portal.manager .np-po-dashboard{border-top-color:var(--t)}.np-po-portal.admin .np-po-dashboard{border-top-color:var(--o)}.np-po-portal.executive .np-po-dashboard{border-top-color:var(--n)}.np-po-dh{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf1f5}.np-po-dh b{color:var(--n)}.np-po-dh small{color:var(--p)}.np-po-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.np-po-kpis div{padding:13px;background:#f6f8fb;border-radius:9px}.np-po-kpis small,.np-po-kpis em{display:block;font-size:9px;color:var(--m);font-style:normal}.np-po-kpis strong{display:block;font-size:21px;color:var(--n);margin:4px 0}.np-po-list p{display:flex;justify-content:space-between;margin:0;padding:11px 3px;border-bottom:1px solid #edf1f5;font-size:11px}.np-po-list p span{color:var(--t)}.np-po-chart{height:120px;display:flex;align-items:end;gap:9px;padding:12px;background:#fafbfd;border-radius:9px}.np-po-chart i{flex:1;background:linear-gradient(var(--t),var(--p));border-radius:5px 5px 0 0}
.np-po-connected{padding:76px 0;background:#f4f7fb}.np-po-foundation{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0 24px}.np-po-foundation div{background:#fff;padding:22px;border-radius:13px;border-top:3px solid var(--p);box-shadow:0 7px 20px rgba(16,61,132,.05)}.np-po-foundation div:nth-child(2){border-color:var(--t)}.np-po-foundation div:nth-child(3){border-color:var(--o)}.np-po-foundation div:nth-child(4){border-color:var(--n)}.np-po-foundation b,.np-po-foundation span{display:block}.np-po-foundation b{font-size:14px;color:var(--n)}.np-po-foundation span{font-size:11px;color:var(--m);line-height:1.5;margin-top:7px}.np-po-modules{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.np-po-modules span{background:#fff;border:1px solid #dfe6ee;padding:9px 12px;border-radius:8px;font-size:10px;color:var(--n);font-weight:700}.np-po-final{text-align:center;padding:65px 20px;background:linear-gradient(135deg,var(--n),var(--p))}.np-po-final h2{color:#fff}.np-po-final p{color:#edf1ff;max-width:720px;margin:0 auto 25px}
body.page-id-16434 .site-header,body.page-id-16434 header.site-header,body.page-id-16434 #masthead,body.page-id-16434 .main-header-bar,body.page-id-16434 .ast-primary-header-bar,body.page-id-16434 .elementor-location-header,body.page-id-16434 .site-footer,body.page-id-16434 footer.site-footer,body.page-id-16434 #colophon,body.page-id-16434 .elementor-location-footer,body.page-id-16434 .entry-header,body.page-id-16434 .page-header,body.page-id-16434 .entry-title{display:none!important}body.page-id-16434 #page,body.page-id-16434 #content,body.page-id-16434 .site-content,body.page-id-16434 .content-area,body.page-id-16434 .site-main,body.page-id-16434 article,body.page-id-16434 .entry-content,body.page-id-16434 .ast-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:900px){.np-po-hero-grid,.np-po-two{grid-template-columns:1fr;gap:38px}.np-po-two.reverse .np-po-copy,.np-po-two.reverse .np-po-dashboard{order:initial}.np-po-foundation{grid-template-columns:1fr 1fr}.np-portals h1{font-size:42px}}@media(max-width:600px){.np-po-shell{padding:0 20px}.np-portals h1{font-size:36px}.np-portals h2{font-size:30px}.np-po-actions{flex-direction:column;align-items:flex-start}.np-po-rolemap{grid-template-columns:1fr}.np-po-rolemap>i{transform:rotate(90deg)}.np-po-kpis{grid-template-columns:1fr}.np-po-foundation{grid-template-columns:1fr}}

/* FIX: Portals hero role map - clean 2x2 layout */
.np-po-rolemap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto auto !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.np-po-rolemap .np-po-role {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 18px !important;
}

.np-po-rolemap .np-po-role b,
.np-po-rolemap .np-po-role span {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.np-po-rolemap .np-po-role b {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

.np-po-rolemap .np-po-role span {
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin-top: 6px !important;
}

/* Hide arrows - relationship is clearer in a 2x2 portal map */
.np-po-rolemap > i {
    display: none !important;
}

/* Explicit placement */
.np-po-rolemap .employee {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.np-po-rolemap .manager {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.np-po-rolemap .admin {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.np-po-rolemap .executive {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.np-po-rolemap .np-po-platform {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-top: 2px !important;
    padding: 13px 15px !important;
}

/* Mobile */
@media (max-width: 600px) {
    .np-po-rolemap {
        grid-template-columns: 1fr !important;
    }

    .np-po-rolemap .employee,
    .np-po-rolemap .manager,
    .np-po-rolemap .admin,
    .np-po-rolemap .executive,
    .np-po-rolemap .np-po-platform {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}