/* SURFACES — Panel, PanelHeader */
.sv-panel{display:flex;flex-direction:column;min-width:0;color:var(--text-primary)}
.sv-panel-body{position:relative;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8)}
.sv-panel--compact .sv-panel-body{padding:var(--space-6);gap:var(--space-6)}
.sv-panel--flush .sv-panel-body{padding:0}
.sv-panel[data-over]{border-color:var(--drag-valid-line)}
.sv-panel[data-nested]{margin-left:var(--space-12)}
.sv-panel[data-nested]::before{content:'';position:absolute;left:calc(var(--space-12) * -1 + 4px);top:0;bottom:50%;width:6px;border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);z-index:0}

.sv-phead{display:flex;align-items:center;gap:var(--space-8);height:var(--header-h);padding:0 var(--space-12);flex:none}
.sv-phead-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--type-display);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--text-strong);text-shadow:0 1px 0 rgba(0,0,0,.5)}
.sv-phead>.sv-icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--text-strong)}
.sv-phead-meta{margin-left:auto;display:flex;align-items:center;gap:var(--space-8);color:var(--text-primary);font:var(--type-data);letter-spacing:var(--ls-data);white-space:nowrap}
.sv-phead-sec{color:var(--text-secondary);font:var(--fw-semibold) var(--fs-label-sm)/1 var(--font-ui);letter-spacing:var(--ls-label);text-transform:uppercase}
.sv-phead-nav{display:flex;align-items:center;gap:var(--space-2)}
.sv-phead-nav button{display:flex;padding:2px;border:0;background:none;color:var(--text-secondary);cursor:pointer}
.sv-phead-nav button:hover{color:var(--text-strong)}
.sv-phead-nav .sv-icon{width:var(--icon-xs);height:var(--icon-xs)}
.sv-phead-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-4);background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-primary);font:var(--fw-bold) var(--fs-label-sm)/1 var(--font-data)}
.sv-phead--compact{height:var(--header-h-compact);padding:0 var(--space-8)}
.sv-phead--compact .sv-phead-title{font-family:var(--font-display);font-size:var(--fs-heading);font-weight:var(--fw-medium)}
.sv-phead--compact>.sv-icon{width:var(--icon-md);height:var(--icon-md)}
.sv-phead--sub{height:auto;padding:var(--space-8) var(--space-8) var(--space-4);background:none;box-shadow:none}
.sv-phead--sub .sv-phead-title{font:var(--fw-semibold) var(--fs-subheading)/1 var(--font-ui);letter-spacing:var(--ls-heading);color:var(--text-primary);text-shadow:none}
.sv-phead--sub::before,.sv-phead--sub::after{display:none}
.sv-phead[data-collapsible]{cursor:pointer}
.sv-phead-chevron{display:flex;color:var(--text-secondary);transition:transform var(--dur-menu) var(--ease-out)}
.sv-phead-chevron[data-collapsed]{transform:rotate(-90deg)}