.portal-staff-settings,.portal-staff-management{color:#375577}.portal-staff-settings [hidden],.portal-staff-management[hidden],.portal-staff-management [hidden]{display:none!important}.portal-staff-management{grid-column:2/-1;grid-row:1/-1;min-width:0;min-height:0;overflow:auto;background:#f5f8fc;z-index:5}.ps-management-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;background:#fff;border-bottom:1px solid #dce5ef}.ps-management-heading h1{font-size:20px;margin:0 0 10px}.ps-management-heading p{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.ps-management-heading strong{display:block;overflow-wrap:anywhere}.ps-management-body{max-width:1040px;margin:auto;padding:24px}.ps-job-chooser,.ps-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.ps-job-chooser>.ps-field{flex:1;min-width:200px}.ps-field{display:grid;gap:7px;margin:12px 0;font-size:12px;font-weight:600;min-width:0}.ps-field input,.ps-field select,.ps-field textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #bacbdc;border-radius:6px;font:inherit;font-weight:400;color:#254565;background:#fff}.ps-field textarea{resize:vertical;line-height:1.6}.ps-field input[type=checkbox]{width:18px;height:18px;justify-self:start;accent-color:#0567ee}.ps-card{padding:20px;background:#fff;border:1px solid #dce5ef;border-radius:9px;margin:16px 0}.ps-card h2{font-size:16px;margin:0 0 14px}.ps-help,.ps-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ps-help{color:#536c85}.ps-status{min-height:20px}.ps-contact-option{display:flex;gap:9px;align-items:center;margin:10px 0;font-size:13px}.ps-contact-option input{width:18px;height:18px;accent-color:#0567ee}#pvp-contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#pvp-contact-options fieldset{min-width:0;border:1px solid #dce5ef;border-radius:6px;padding:12px}#pvp-contact-options legend{font-size:13px;font-weight:600}.portal-staff-management button:focus-visible,.portal-staff-management input:focus-visible,.portal-staff-management select:focus-visible,.portal-staff-management textarea:focus-visible{outline:2px solid #0567ee;outline-offset:3px}.portal-staff-management button:disabled{cursor:default;opacity:.55}#tr-comms[data-portal-management=true]>.tr-inbox,#tr-comms[data-portal-management=true]>.tr-workspace{display:none!important}#tr-comms[data-portal-management=true][data-sidebar-collapsed=true] .portal-staff-management{grid-column:2/-1}@media(max-width:650px),(max-width:950px) and (max-height:500px) and (pointer:coarse){.portal-staff-management{position:absolute;inset:0;z-index:12}.ps-management-heading{padding:16px;gap:10px}.ps-management-heading h1{font-size:17px}.ps-management-heading button{max-width:100px}.ps-management-body{padding:14px}.ps-card{padding:15px}.ps-job-chooser{align-items:stretch}.ps-job-chooser>.ps-field{flex-basis:100%}#pvp-contact-options{grid-template-columns:1fr}.ps-actions button{flex:1}}
/* Match the approved manager's two-column shell without inheriting inbox sizing. */
#tr-comms[data-portal-management=true] :is(.tr-list,.tr-inbox-divider,.tr-workspace,.tr-mobile-customers,#tr-settings){display:none!important}
#tr-comms[data-portal-management=true] .tr-shell{height:100%;min-height:0;grid-template-rows:minmax(0,1fr);grid-template-columns:var(--tr-sidebar-width,164px) minmax(0,1fr)}
#tr-comms[data-portal-management=true] .portal-staff-management{grid-column:2;grid-row:1}
#tr-comms[data-mirror=true][data-portal-management=true] .tr-shell{grid-template-columns:minmax(0,1fr) var(--tr-sidebar-width,164px)}
#tr-comms[data-mirror=true][data-portal-management=true] .tr-nav{grid-column:2}
#tr-comms[data-mirror=true][data-portal-management=true] .portal-staff-management{grid-column:1}
.portal-staff-settings .portal-profile-editor{margin-top:24px;border-top:1px solid #dce5ef;padding-top:18px}.portal-staff-settings .portal-profile-field{display:grid;gap:7px;margin:12px 0;font-size:12px}.portal-staff-settings .portal-profile-field input,.portal-staff-settings .portal-profile-field select{width:100%;max-width:520px;box-sizing:border-box;padding:10px;border:1px solid #bacbdc;border-radius:6px;font:inherit;background:#fff;color:#254565}.portal-staff-settings .portal-profile-field input[type=checkbox]{width:18px;max-width:none;padding:0;margin-right:8px}.portal-staff-settings .portal-profile-field>label{display:flex;align-items:center;gap:6px}.portal-staff-settings .portal-profile-photo-preview{border-radius:50%;object-fit:cover}.portal-staff-settings .portal-profile-actions{display:flex;flex-wrap:wrap;gap:8px}.portal-staff-settings .portal-profile-actions button{padding:8px 12px;border:1px solid #bacbdc;border-radius:6px;background:#fff;color:#254565;font:inherit;font-size:12px}.portal-staff-settings .portal-profile-note,.portal-staff-settings .portal-profile-feedback{font-size:12px;line-height:1.6}.portal-staff-settings [data-profile-body][hidden]{display:none!important}
@media(max-width:650px),(max-width:950px) and (max-height:500px) and (pointer:coarse){#tr-comms[data-portal-management=true] .tr-shell{grid-template-columns:minmax(0,1fr)}#tr-comms[data-portal-management=true] .portal-staff-management{grid-column:1/-1;grid-row:1}}
/* The normal medium layout reports a zero sidebar variable because its inbox
   uses a top navigation row. Portal management needs its own fixed icon rail. */
@media(min-width:651px) and (max-width:900px){
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-shell{grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  #tr-comms:not([data-phone=true])[data-mirror=true][data-portal-management=true] .tr-shell{grid-template-columns:minmax(0,1fr) 64px}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav{grid-column:1;grid-row:1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;min-width:0;min-height:0;padding:16px 8px;gap:24px;overflow:auto}
  #tr-comms:not([data-phone=true])[data-mirror=true][data-portal-management=true] .tr-nav{grid-column:2}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-brand{padding:0;margin:0}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-logo,#tr-comms:not([data-phone=true])[data-portal-management=true] .tr-logo img{width:44px;max-width:44px;height:auto}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-section,#tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-items{display:flex;flex-direction:column;align-items:stretch}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-text,#tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-label,#tr-comms:not([data-phone=true])[data-portal-management=true] .tr-profile>div{display:none}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-button{justify-content:center;width:100%;padding:10px 0;position:relative;min-height:40px}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-count{position:absolute;right:-3px;top:0;font-size:9px}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-nav-bottom{margin-top:auto;width:100%;flex-direction:column}
  #tr-comms:not([data-phone=true])[data-portal-management=true] .tr-profile{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;padding-right:0}
}
@media(max-width:650px),(max-width:950px) and (max-height:500px) and (pointer:coarse){.portal-staff-management .ps-field input,.portal-staff-management .ps-field select,.portal-staff-management .ps-field textarea,.portal-staff-settings .ps-field input,.portal-staff-settings .ps-field select,.portal-staff-settings .ps-field textarea,.portal-staff-settings .portal-profile-field input,.portal-staff-settings .portal-profile-field select{font-size:16px}}