/* PSK accents/descenders need a full line box, even when cap heights match. */
:root{--het-line-height:1.95}
body,body :is(div,span,p,a,button,input,select,textarea,label,summary,h1,h2,h3,h4,h5,h6,small,strong,b,em,i,li,dt,dd,legend,fieldset,output,code,pre,th,td){line-height:var(--het-line-height)!important}
body :is(p,h1,h2,h3,h4,h5,h6,label,summary,th,td,small){overflow-wrap:anywhere}
body :is(.panel,.tr-card,.water-card,.team-metric-card,.visit-card,.job-card,.report-card){min-width:0;min-height:0;height:auto}
button,.nav-item,summary{height:auto;white-space:normal;overflow-wrap:anywhere}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select{height:auto!important;min-height:2.8em;padding-top:6px;padding-bottom:6px}
textarea{padding-top:8px;padding-bottom:8px}
/* The shared compact panel padding previously erased the portrait's gutter.
   A real grid allocates portrait/name cells instead of absolute overlays. */
[data-het-admin-compact] .panel.employee-card,.panel.employee-card{display:grid!important;grid-template-columns:60px minmax(0,1fr);gap:4px 14px;padding:16px!important;align-content:start;align-items:start}
.panel.employee-card>*{grid-column:1/-1;min-width:0;margin-left:0}
.panel.employee-card>.employee-avatar{position:static!important;grid-column:1;grid-row:1/span 2;width:60px;height:60px;margin:0;align-self:center}
.panel.employee-card>.employee-avatar+small{grid-column:2;grid-row:1;margin:0;align-self:end}
.panel.employee-card>h3{grid-column:2;grid-row:2;margin:0!important;align-self:start}
.panel.employee-card>h4{margin:8px 0 0}.panel.employee-card>p{margin:2px 0}.panel.employee-card>button{justify-self:start;margin-top:8px}
.employee-head{flex-wrap:wrap}.employee-head>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.employee-head>[data-close]{margin-left:auto}
.employee-avatar{line-height:1!important;flex-shrink:0}.employee-avatar img{display:block;object-fit:cover}
/* These chips contain text, so their height follows the actual line box. */
:is(.badge,.status,.pill,.rd-pill,.unit-badge,.tag,.env){height:auto!important;min-height:0;white-space:normal;max-width:100%;overflow-wrap:anywhere}
.report-evaluation-buttons button{line-height:1.95!important}
#het-experience{position:relative!important;right:auto!important;bottom:auto!important;z-index:auto;margin:12px;display:flex;justify-content:flex-end}
[data-het-admin-compact] .main h1{line-height:1.95!important;font-size:24px!important}
[data-het-admin-compact] #app>header .brand{line-height:1.95!important}
:root body :is(.hero,.tr-top,.eir-admin-header,.access-page-head,.water-hero) h1{line-height:1.95!important}
@media(max-width:600px){.team-grid{grid-template-columns:minmax(0,1fr)!important}.employee-head>div:nth-child(2){flex:1 1 160px}.report-evaluation-buttons{grid-template-columns:minmax(0,1fr)}}