.portal-unified-header{padding:30px 34px;margin-bottom:26px}
.portal-unified-header>.unified-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.portal-unified-header .unified-heading>div{min-width:0;flex:1}.portal-unified-header .unified-heading h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;color:white;margin:0 0 9px}.portal-unified-header .unified-heading p{color:#e0eeff;font-size:14px;line-height:1.7;margin:0}.portal-unified-header .unified-heading>.button{flex-shrink:0;max-width:280px;white-space:normal;background:#fff;border-color:#fff;color:#13469e;box-shadow:0 5px 15px #00235125}.portal-unified-header .unified-heading>.button:hover{background:#edf4ff}
.unified-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:23px;padding-top:23px;border-top:1px solid #ffffff24}.unified-context>div:first-child{min-width:0}.unified-context .eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;color:#cee3ff}.unified-context h2{font-size:24px;line-height:1.35;letter-spacing:-.4px;color:#ffc18a;margin:10px 0 11px}.unified-context p{font-size:14px;color:#eef5ff;line-height:1.8;max-width:760px;margin:0}.unified-header-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.unified-header-tags>span{color:#e9f3ff;font-size:11px;line-height:1.5;padding:6px 10px;border:1px solid #ffffff35;background:#ffffff0c;border-radius:7px}.unified-context .training-orbit{width:106px;height:106px;margin:0 10px 0 8px;box-shadow:0 0 0 8px #ffffff08,0 0 0 18px #ffffff04}.unified-context .training-orbit b{font-size:28px}.unified-context .training-orbit small{font-size:10px;color:#d8e9ff}.unified-context .q-hero-icon{width:84px;height:84px;flex-shrink:0;margin:0 6px 0 0;background:#ffffff0c;border:1px solid #ffffff30;border-radius:22px}.unified-context .q-hero-icon .ico{width:38px;height:38px;color:#dceaff}.unified-header-aside{font-size:12px;line-height:1.8;color:#e2eeff;white-space:normal;max-width:190px;display:block}.unified-header-aside>.ico{width:18px;height:18px;margin-right:7px;vertical-align:middle}.unified-header-aside b{display:block;font-size:16px;color:white;margin-top:6px}
.portal-unified-header>.dashboard-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:23px 0 0;padding:17px 0 0;border:0;border-top:1px solid #ffffff24;background:none}.portal-unified-header .dashboard-navigation>button{font-size:12px;background:#ffffff08;border:1px solid #ffffff30;border-radius:9px;color:#e9f2ff;padding:10px 13px}.portal-unified-header .dashboard-navigation>button:hover{background:#ffffff18;border-color:#ffffff65}.portal-unified-header .dashboard-navigation>button.selected{background:#fff;color:#1647b8;border-color:white;box-shadow:0 4px 12px #0026581c}.portal-unified-header .dashboard-navigation>span{margin-left:auto;font-size:10px;line-height:1.7;color:#cedfff}.portal-unified-header button:focus-visible{outline:3px solid #ffb06d;outline-offset:3px}
@media(max-width:900px){.portal-unified-header{padding:27px}.unified-context h2{font-size:22px}.portal-unified-header .dashboard-navigation>span{width:100%;margin-left:0}}
@media(max-width:700px){.portal-unified-header{padding:25px 22px}.portal-unified-header>.unified-heading{flex-direction:column;align-items:flex-start;gap:16px}.portal-unified-header .unified-heading h1{font-size:27px}.portal-unified-header .unified-heading p{font-size:13px}.portal-unified-header .unified-heading>.button{max-width:100%;font-size:13px}.unified-context{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px;padding-top:20px}.unified-context h2{font-size:21px}.unified-context p{font-size:13px}.unified-context .q-hero-icon{display:none}.unified-context .training-orbit{width:90px;height:90px;justify-self:end;flex-direction:column;gap:0;margin:0 7px 6px}.unified-context .training-orbit small{display:block}.unified-context .training-orbit b{font-size:25px}.unified-header-aside{max-width:none;font-size:11px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.unified-header-aside br{display:none}.unified-header-aside b{display:inline;font-size:14px;margin:0 0 0 4px}.portal-unified-header>.dashboard-navigation{gap:7px}.portal-unified-header .dashboard-navigation>button{font-size:11px;padding:9px 11px}}

/* The catalog introduction belongs to its title, within the same blue frame. */
.unified-governance-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.unified-governance-controls label{display:flex;align-items:center;gap:12px;color:#eef5ff;font-size:14px;font-weight:600;min-width:0}
.unified-governance-controls .filter{min-width:235px;max-width:100%;font-size:14px;background:white;color:#163c71;border-color:#ffffff65}
.unified-governance-controls .scenario-label{color:#deebff}
@media(max-width:700px){.unified-governance-controls{align-items:flex-start;flex-direction:column}.unified-governance-controls label{width:100%;flex-wrap:wrap}.unified-governance-controls .filter{width:100%;min-width:0}}
.unified-indicator-catalog .unified-context{align-items:start}
.unified-indicator-catalog .unified-context p{max-width:850px}
.unified-indicator-catalog .unified-catalog-status{color:#fff;background:#ffffff16;border:1px solid #ffffff40;white-space:nowrap;padding:7px 11px;font-size:11px}
@media(max-width:700px){.unified-indicator-catalog .unified-catalog-status{justify-self:start}}

/* Risks use the same frame, hierarchy and action placement as the other areas. */
.portal-unified-header .unified-heading>.unified-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 1 auto}
.unified-header-actions>.button{white-space:normal;max-width:220px;background:white;border-color:white;color:#13469e;box-shadow:0 5px 15px #00235125}
.unified-header-actions>.button:hover{background:#edf4ff;border-color:#d8e8ff}
.unified-risk-total{display:flex;align-items:center;gap:15px;padding-left:24px;border-left:1px solid #ffffff30;min-width:170px}
.unified-risk-total>b{font-size:48px;font-weight:750;line-height:1;color:white}
.unified-risk-total>span{font-size:12px;line-height:1.8;color:#e1eeff}
@media(max-width:700px){.portal-unified-header .unified-heading>.unified-header-actions{width:100%;justify-content:flex-start;gap:8px}.unified-header-actions>.button{font-size:12px;padding:10px 12px}.unified-risk-total{padding:16px 0 0;border-left:0;border-top:1px solid #ffffff24;min-width:0}.unified-risk-total>b{font-size:38px}.unified-risk-total>span{font-size:11px}}
