/* Panel-only additions; existing renderer uses the shared design tokens. */
[data-panel-dialog] { width: min(900px, calc(100vw - 32px)); max-width: calc(100vw - 32px); box-sizing: border-box; }
[data-panel-dialog] fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
[data-panel-dialog] label { display: block; margin-block: 12px 6px; }
[data-panel-dialog] input:not([type=checkbox]), [data-panel-dialog] select, [data-panel-dialog] textarea { width: 100%; max-width: 100%; box-sizing: border-box; }
[data-panel-dialog] button { min-height: 44px; white-space: normal; }
[data-panel-dialog] input:not([type=checkbox]), [data-panel-dialog] select { min-height: 44px; }
[data-panel-dialog] .pn-check { min-height: 44px; align-items: center; }
[data-panel-dialog] .pn-actions, [data-panel-dialog] .dlg-btns { display: flex; flex-wrap: wrap; gap: 8px; }
[data-panel-dialog] .pn-editor { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 3fr); gap: 16px; margin-block: 16px; }
[data-panel-dialog] #pn-list { display: flex; flex-direction: column; gap: 6px; }
[data-panel-dialog] #pn-list button { overflow-wrap: anywhere; text-align: start; }
[data-panel-dialog] #pn-list button[aria-pressed=true] { outline: 2px solid currentColor; outline-offset: -2px; }
[data-panel-dialog] .pn-check { display: flex; align-items: start; gap: 10px; }
[data-panel-dialog] .pn-check input { flex: 0 0 auto; margin-top: 4px; }
[data-panel-dialog] .pn-scroll { max-width: 100%; overflow: auto; }
[data-panel-dialog] .pn-scroll th, [data-panel-dialog] .pn-scroll td { padding: 4px; }
[data-panel-dialog] .pn-scroll input { min-width: 85px; }
[data-panel-dialog] .pn-json { max-height: 300px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px; border: 1px solid currentColor; border-radius: 6px; }
[data-panel-dialog] #pn-preview, [data-panel-dialog] #pp-returned .panel-grid { grid-template-columns: minmax(0, 1fr); }
[data-panel-dialog] .panel-widget { min-width: 0; }
[data-panel-dialog] p, [data-panel-dialog] h4 { overflow-wrap: anywhere; }
[data-panel-dialog] :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 600px) {
  [data-panel-dialog] .pn-editor { grid-template-columns: minmax(0, 1fr); }
  [data-panel-dialog] #pn-list { flex-direction: row; flex-wrap: wrap; }
  [data-panel-dialog] .dlg-btns > button { flex: 1 1 150px; }
}