@media screen{
 .appbar.has-person-context{flex-wrap:wrap;row-gap:10px;padding-bottom:10px}
 .person-context{order:100;flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:linear-gradient(100deg,#16465e,#0c2338);border:1px solid #5fb8d6;border-left:4px solid #9be9ff;border-radius:5px 12px 5px 5px;box-shadow:0 4px 18px #0003}
 .person-context-text{min-width:0;display:flex;flex-direction:column;gap:2px}
 .person-context-label{font-size:11px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;color:#a7d8ec;line-height:1.4}
 .person-context-name{display:block;color:#fff;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:.01em;overflow-wrap:anywhere;white-space:normal;text-shadow:none}
 .person-context-detail{color:#d3eaf5;font-size:13px;max-width:35%;overflow-wrap:anywhere;text-align:right}
 .person-context[data-empty=true]{border-left-color:#e6bf7e}.person-context[data-empty=true] .person-context-name{font-size:18px;color:#ffe7bf}
 .main.has-person-context #content :is(section,article,details,form,label,input,select,textarea,button,.request-workspace,.request-decision-host,.request-document,.request-form-signature){scroll-margin-top:var(--person-scroll-offset,245px)}
 .main.has-person-context .request-workspace-heading h2{font-size:28px;font-weight:800;color:#f6fcff;line-height:1.25;overflow-wrap:anywhere}
 .main.has-person-context .profile-hero h2{font-size:30px;font-weight:800;color:#f6fcff;line-height:1.25;overflow-wrap:anywhere}
 .request-inbox-card h2,.record h3{font-weight:750;color:#f0f8ff}
}
@media screen and (max-width:650px){
 .person-context{padding:10px 12px;gap:5px;align-items:flex-start;flex-direction:column}
 .person-context-name{font-size:19px;line-height:1.3}
 .person-context-label{font-size:10px}
 .person-context-detail{max-width:100%;text-align:left;font-size:11px}
 .main.has-person-context .request-workspace-heading h2,.main.has-person-context .profile-hero h2{font-size:24px}
}
@media screen and (max-height:500px){.person-context{padding:6px 11px}.person-context-name{font-size:17px}.person-context-detail{display:none}.appbar.has-person-context{padding-top:6px;padding-bottom:6px;row-gap:5px}}
@media print{.person-context{display:none!important}}