.content-panel,.panel-layout{--panel-gap:20px;--panel-pad:20px;--panel-row-min:36rem;--panel-row-max:40rem;--panel-list-max:clamp(16rem,55dvh,32rem);min-width:0;min-height:0}.content-panel{display:flex;flex-direction:column;border-radius:var(--radius-card,18px);overflow:visible}.panel-header{display:flex;align-items:flex-start;gap:10px;padding:20px var(--panel-pad) 12px;flex-shrink:0;min-width:0}.panel-header>span{flex-shrink:0;color:var(--accent)}.panel-header>div{min-width:0}.panel-header h2{font-size:18px;margin:0;line-height:1.4}.panel-header p{margin:4px 0 0}.panel-header-action{margin-left:auto;flex-shrink:0;font-size:12px}.panel-header-action .text-link{white-space:normal}.panel-body{min-width:0;min-height:0;max-block-size:var(--panel-list-max,32rem);overflow-y:auto;overflow-x:auto;padding:0 var(--panel-pad,20px) var(--panel-pad,20px);scroll-padding:12px;overflow-wrap:anywhere}.panel-body:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:8px}.panel-body>:last-child{margin-bottom:0}.panel-body-flush{padding:0}.panel-footer{flex-shrink:0;padding:12px var(--panel-pad);border-top:1px solid var(--border);background:var(--card);border-radius:0;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;min-width:0}.panel-footer>form{margin:0}.note-composer.is-compact textarea{min-height:56px;height:56px;max-height:96px;resize:vertical;font-size:13px}.note-composer.is-compact .btn{margin-top:8px;min-height:34px;padding:6px 12px;font-size:12px}.detail-grid.panel-balanced-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--panel-gap);height:clamp(var(--panel-row-min),calc(100dvh - 24rem),var(--panel-row-max));align-items:stretch}.panel-balanced-grid>.panel-column{display:flex;flex-direction:column;min-height:0;min-width:0}.panel-balanced-grid>.panel-column>.content-panel{flex:1;min-height:0}.panel-balanced-grid>.panel-stack{display:grid;grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);gap:var(--panel-gap);min-height:0;min-width:0}.panel-balanced-grid .content-panel>.panel-body{flex:1;max-block-size:none}.detail-grid.panel-balanced-grid.is-compact{height:auto}.panel-balanced-grid.is-compact>.panel-stack{grid-template-rows:auto auto}.panel-balanced-grid.is-compact .panel-body{flex:0 1 auto;max-block-size:var(--panel-list-max)}.panel-layout .detail-fields{gap:16px 20px}.panel-layout .detail-fields dt{margin-bottom:4px}.panel-list-small{--panel-list-max:18rem}.panel-list-large{--panel-list-max:clamp(20rem,65dvh,42rem)}.panel-layout .stack{min-height:0}.panel-surface{display:flex;flex-direction:column;min-width:0;min-height:0}.panel-surface>.card-head,.panel-surface>.tabs-nav{flex-shrink:0}.panel-surface>.panel-body{--panel-pad:20px}.panel-collection{max-height:var(--panel-list-max,32rem);overflow:auto;min-width:0;min-height:0;scroll-padding:12px}.panel-collection:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:8px}.profile-file-gallery .panel-collection{--panel-list-max:clamp(20rem,65dvh,44rem);padding:4px}.project-candidates .panel-collection{--panel-list-max:clamp(24rem,65dvh,44rem);padding:4px}.staff-workspace .staff-detail-grid{align-items:start}.profile-scroll-panel{--panel-pad:24px;box-shadow:var(--shadow-card);border-radius:20px}.profile-scroll-panel .panel-header{gap:12px}.panel-body .note-entry:first-child{padding-top:0}.profile-scroll-panel .profile-notes{margin:0}.profile-scroll-panel .note-entry-text{font-size:13px}.profile-overview-grid .profile-scroll-panel.panel-list-small{--panel-list-max:12rem}.profile-overview-grid .profile-scroll-panel.panel-list-large{--panel-list-max:28rem}.profile-additional-details>.panel-collection{margin-top:12px;--panel-list-max:22rem}.recruitment-profile-pagination{margin:0;padding:12px 0 0;border-top:1px solid var(--border);flex-shrink:0}.detail-grid.panel-layout:not(.panel-balanced-grid){align-items:start}@media(max-width:1050px){.detail-grid.panel-balanced-grid{grid-template-columns:minmax(0,1fr);height:auto}.panel-balanced-grid>.panel-column>.content-panel{flex:none}.panel-balanced-grid.is-compact>.panel-stack,.panel-balanced-grid>.panel-stack{display:flex;flex-direction:column}.panel-balanced-grid .content-panel>.panel-body{flex:0 1 auto;max-block-size:var(--panel-list-max)}}@media(max-width:640px){.content-panel,.panel-layout{--panel-gap:16px;--panel-pad:18px;--panel-list-max:clamp(16rem,50dvh,24rem)}.panel-header{flex-wrap:wrap}.panel-header-action{max-width:100%}.panel-footer{padding:12px var(--panel-pad)}}